/* Theme Name: Trumen Description: This is a Custom Theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: hellobase */ .grecaptcha-badge{ visibility: collapse !important; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskerville-Bold.eot'); src: url('fonts/NewBaskerville-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskerville-Bold.woff2') format('woff2'), url('fonts/NewBaskerville-Bold.woff') format('woff'), url('fonts/NewBaskerville-Bold.ttf') format('truetype'), url('fonts/NewBaskerville-Bold.svg#NewBaskerville-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskervilleITCbyBT-Roman.eot'); src: url('fonts/NewBaskervilleITCbyBT-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskervilleITCbyBT-Roman.woff2') format('woff2'), url('fonts/NewBaskervilleITCbyBT-Roman.woff') format('woff'), url('fonts/NewBaskervilleITCbyBT-Roman.ttf') format('truetype'), url('fonts/NewBaskervilleITCbyBT-Roman.svg#NewBaskervilleITCbyBT-Roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskerville-Roman.eot'); src: url('fonts/NewBaskerville-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskerville-Roman.woff2') format('woff2'), url('fonts/NewBaskerville-Roman.woff') format('woff'), url('fonts/NewBaskerville-Roman.ttf') format('truetype'), url('fonts/NewBaskerville-Roman.svg#NewBaskerville-Roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskervilleITCbyBT-SemiBdIt.eot'); src: url('fonts/NewBaskervilleITCbyBT-SemiBdIt.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskervilleITCbyBT-SemiBdIt.woff2') format('woff2'), url('fonts/NewBaskervilleITCbyBT-SemiBdIt.woff') format('woff'), url('fonts/NewBaskervilleITCbyBT-SemiBdIt.ttf') format('truetype'), url('fonts/NewBaskervilleITCbyBT-SemiBdIt.svg#NewBaskervilleITCbyBT-SemiBdIt') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskervilleITCbyBT-SemiBold.eot'); src: url('fonts/NewBaskervilleITCbyBT-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskervilleITCbyBT-SemiBold.woff2') format('woff2'), url('fonts/NewBaskervilleITCbyBT-SemiBold.woff') format('woff'), url('fonts/NewBaskervilleITCbyBT-SemiBold.ttf') format('truetype'), url('fonts/NewBaskervilleITCbyBT-SemiBold.svg#NewBaskervilleITCbyBT-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskerville-BoldItalic.eot'); src: url('fonts/NewBaskerville-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskerville-BoldItalic.woff2') format('woff2'), url('fonts/NewBaskerville-BoldItalic.woff') format('woff'), url('fonts/NewBaskerville-BoldItalic.ttf') format('truetype'), url('fonts/NewBaskerville-BoldItalic.svg#NewBaskerville-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskerville-Italic.eot'); src: url('fonts/NewBaskerville-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskerville-Italic.woff2') format('woff2'), url('fonts/NewBaskerville-Italic.woff') format('woff'), url('fonts/NewBaskerville-Italic.ttf') format('truetype'), url('fonts/NewBaskerville-Italic.svg#NewBaskerville-Italic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskervilleITCbyBT-BlackItal.eot'); src: url('fonts/NewBaskervilleITCbyBT-BlackItal.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskervilleITCbyBT-BlackItal.woff2') format('woff2'), url('fonts/NewBaskervilleITCbyBT-BlackItal.woff') format('woff'), url('fonts/NewBaskervilleITCbyBT-BlackItal.ttf') format('truetype'), url('fonts/NewBaskervilleITCbyBT-BlackItal.svg#NewBaskervilleITCbyBT-BlackItal') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'ITC New Baskerville'; src: url('fonts/NewBaskervilleITCbyBT-Black.eot'); src: url('fonts/NewBaskervilleITCbyBT-Black.eot?#iefix') format('embedded-opentype'), url('fonts/NewBaskervilleITCbyBT-Black.woff2') format('woff2'), url('fonts/NewBaskervilleITCbyBT-Black.woff') format('woff'), url('fonts/NewBaskervilleITCbyBT-Black.ttf') format('truetype'), url('fonts/NewBaskervilleITCbyBT-Black.svg#NewBaskervilleITCbyBT-Black') format('svg'); font-weight: 900; font-style: normal; } /* CSS Document */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework 8. Other CSS (Pages) */ /* 1. Clean Base ------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);} html,body { -webkit-text-size-adjust:none; /*height: 100%;*/ } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;} iframe {vertical-align: top;} textarea:focus, input:focus, a, div, img { outline: none; } *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* 2. Base Typography ------------------------------------------------------------------------------*/ body{ color:#1A1A1A; font-size:13px; font-family: 'Montserrat', sans-serif; font-weight:400; line-height:1.5; background-color: #F2F2F2;display: flex;flex-wrap: wrap;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #658D3C; line-height: 1.2; font-family: 'ITC New Baskerville';} .h1, h1 {font-size:60px; margin-bottom: 30px;} .h2, h2 {font-size:60px; margin-bottom: 25px;} .h3, h3 {font-size:60px; margin-bottom: 22px;} .h4, h4 {font-size:50px; margin-bottom: 20px;} .h5, h5 {font-size:40px; margin-bottom: 18px;} .h6, h6 {font-size:36px; margin-bottom: 15px;} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;} .entry-title{ position: relative; color: #658D3C; margin-bottom: 80px; padding-bottom: 70px;} .entry-title:before{ position: absolute; left: 0; height: 1px; background-color: #1A1A1A; width: 105px; content: " "; bottom: 0; } p { color:#1A1A1A; font-size:13px; font-weight: 400; line-height:1.8; margin-bottom:25px; } p:last-child { margin-bottom:0; } ul{ margin:0; margin-left: 20px; padding:0; } ul li{ font-size:16px; color:#1A1A1A; font-weight:normal; line-height:1.75; padding: 0;margin-bottom: 8px; } ul li:last-child{margin-bottom: 0;} ul > li { list-style:outside disc; } ol{ margin:0; margin-left: 20px; padding:0; list-style: none; } ol li{ font-size:16px; color:#1A1A1A; font-weight:normal; line-height:1.75;padding: 0;margin-bottom: 8px; } ol > li { list-style: outside decimal; } blockquote{ display:block; text-align:left; position:relative; line-height: 1.2; font-size: 60px; color: #739448; font-family: 'ITC New Baskerville'; font-weight: bold;} blockquote p{ font-size:30px; font-weight:inherit; line-height:inherit; margin-top: 40px; } hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;} img{ border:none; max-width: 100%; vertical-align: top; height: auto;} img[src$=".svg"] {width: 100%;} /* 4. Link ------------------------------------------------------------------------------*/ a{ color:#75bc43; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } a:hover{ color:#75bc43; text-decoration: none; } a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ label {color:#000; font-size:16px; font-weight:normal; line-height:1.5; margin-bottom:10px; display: block; font-family: 'ITC New Baskerville';} input, textarea, button { font-family: 'ITC New Baskerville'; } input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;} input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], textarea { border:0; border-bottom: 1px solid #F2F2F2; padding: 6px 0; color:#fff; font-size:11px; height:auto; font-weight: 400; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; font-family: 'Montserrat', sans-serif;} textarea{ height:150px; /*resize:none;*/ overflow: auto; padding: 6px 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus, textarea:focus {border-color: #75bc43} button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: transparent; padding: 0 128px; height: 105px; display: inline-block; vertical-align: top; font-size: 20px; line-height: 105px; text-align: center; border: 1px solid #f2f2f2; border-radius: 0px; color: #10254c; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; font-family: 'ITC New Baskerville'; background-color: #f2f2f2; color: #658D3C; font-weight: bold;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-color: #94AA72; color: #fff; border-color: #94AA72;} input[type="search"] {-webkit-appearance: textfield;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff !important;} ::-webkit-input-placeholder { opacity: 1 !important; color: #fff; } :-moz-placeholder { opacity: 1 !important; color: #fff; } ::-moz-placeholder { opacity: 1 !important; color: #fff; } :-ms-input-placeholder { opacity: 1 !important; color: #fff; } .form-group {margin-bottom: 30px;} /* buttons */ .btn { display: inline-block; vertical-align: top; padding: 40px 94px 39px 64px; font-size: 20px; line-height: 1.2; text-align: center; border-radius: 0px; color: #658D3C; background-color: transparent; font-family: 'ITC New Baskerville'; font-weight: bold;} .btn:hover, .btn:focus { color: #658D3C; background-color: transparent; text-decoration: none} .btn-sm {padding: 0; height: 40px; line-height: 36px; max-width: 136px; width: 100%; } .btn-md {padding: 0 15px; height: 56px; line-height: 52px; max-width: 160px; width: 100%;} .btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; } .btn-link:hover, .btn-link:focus{ color: #0eb769; text-decoration: none; border-bottom: 1px solid #0eb769; } .btn-arrow{ position: relative;} .btn-arrow:before{ position: absolute; background-image: url(images/btn-arrow.png); background-position: center center; background-repeat: no-repeat; right: 68px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); content: " "; height: 14px; width: 15px; background-size: cover; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin-left: 10px;} .btn-arrow:hover:before{ right: 54px;} .btn-arrow-white:before{background-image: url(images/btn-arrow-white.png);} .btn-border{ border: 1px solid #658D3C;} .btn-border:hover{ /*border-color: #1a1a1a;*/ color: #1a1a1a;} .btn-border-white{ border: 1px solid #fff;} .btn-border-white:hover{ border-color: #1a1a1a;} /* align item */ .d-flex { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; } .align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center ;} .align-content-center {-ms-flex-line-pack: center;align-content: center;} .justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;} .justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;} /* Wordpress align class */ .alignnone{float: none; margin: 20px 0;} .aligncenter {display: block; clear:both; margin:20px auto;} .alignleft {float: left; margin: 0 20px 20px 0; } .alignright {float: right; margin: 0 0 20px 20px;} /* text alignment */ .text-center{text-align: center;} .text-right{text-align: right;} .text-left{text-align: left;} .text-justify{text-align: justify;} /* images */ .img-fluid {max-width: 100%;height: auto;display: block;} .img-full{width: 100%;display: block;} /* float class */ .float-left{float:left} .float-right{float:right} .float-none{float:none} /* clear element when using */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } #wrapper {width: 100%;} .container{ max-width: 1520px; padding: 0 20px; margin: 0 auto;} /* 6. Tables ------------------------------------------------------------------------------*/ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} .table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar} .table-bordered{width: 100%;max-width: 100%;text-align: left;} .table-bordered th, .table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;} /* 7. Layout Framework ------------------------------------------------------------------------------*/ .h2, h2{ font-size: 60px; font-weight: bold; position: relative; padding-bottom: 92px; margin-bottom: 90px;} .h2:before, h2:before{ position: absolute; left: 0; bottom: 0; content:" "; height: 1px; background-color: #1A1A1A; width: 107px;} /* Slick Slider */ .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus {outline: none; } .slick-list.dragging {cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track {position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after {display: table; content: ''; } .slick-track:after{clear: both; } .slick-loading .slick-track {visibility: hidden; } .slick-slide {display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide {float: right; } .slick-slide img {display: block; } .slick-slide.slick-loading img {display: none; } .slick-slide.dragging img {pointer-events: none; } .slick-initialized .slick-slide {display: block; } .slick-loading .slick-slide {visibility: hidden; } .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden {display: none; } /* Header Start */ header{ position: fixed; width: 100%; z-index: 91;} header .head-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end;} header .logo{ position: absolute; top: 0; left: 0;} .menu-icon{ display: none;} nav{ width: calc(100% - 212px); margin-left: 0; background-color: #1A1A1A; border-left: 2px solid #fff;} nav ul{ list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end;} nav ul li{ list-style: none; margin: 0; padding: 0; max-width: 210px; width: 100%; border-left: 2px solid #f2f2f2;} nav ul li ul{ display: none;} nav ul li a{ text-align: center; display: inline-block; font-size: 20px; color: #fff; font-weight: 400; padding: 34px 20px; /*background-color: #1A1A1A; margin-left: 3px;*/ width: 100%; font-family: 'ITC New Baskerville'; } nav ul li a:hover{ background-color: #f2f2f2; color: #658D3C;} nav ul li.diffrence a{ background-color: #94AA72;} nav ul li.diffrence a:hover{ background-color: #f2f2f2; color: #658D3C;} nav ul li.play-icon{ max-width: 105px; width: 100%;} nav ul li.play-icon a{ background-color: #658D3C; position: relative; font-size: 0; height: 100%; padding: 34px 0;} nav ul li.play-icon a:before{ position: absolute; content: " "; width: 64px; height: 41px; background-image: url(images/play-icon.svg); background-position: center center; background-repeat: no-repeat; right: 11px;} nav ul li.contact-icon{ position: relative; max-width: 105px; width: 100%; border: 0;} nav ul li.contact-icon a{ font-size: 0; background-color: #658D3C; height: 100%; padding: 34px 0;} nav ul li.contact-icon a:before{ position: absolute; content: " "; width: 64px; height: 41px; background-image: url(images/contact-icon.svg); background-position: center center; background-repeat: no-repeat; left: 3px; } /*nav ul li.contact-icon a:hover{ background-color: #1A1A1A; }*/ nav ul li.current_page_item a, nav ul li.current_page_ancestor a{ background-color: #f2f2f2; color: #658D3C; font-weight: 600;} nav ul li.current_page_item.contact-icon a, nav ul li.current_page_ancestor.contact-icon a{ background-color: #f2f2f2;} nav ul li.current_page_item.contact-icon a:before, nav ul li.current_page_ancestor.contact-icon a:before{background-image: url(images/contact-active.svg); background-position: center center; background-repeat: no-repeat;} /*nav ul li.home-mobile{ display: none;}*/ nav ul li.play-icon.con-active a{ background-color: #f2f2f2;} nav ul li.play-icon.con-active a:before{ background-image: url(images/play-icon-active.svg);} nav ul li.contact-icon.current-menu-item a{ background-color: #f2f2f2;} /* Footer Section */ footer{ width: 100%;} .top-foot{ background-color: #1A1A1A; padding: 95px 100px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .top-foot .title{ color: #fff; font-size: 30px; font-weight: 600; color: #F2F4ED; margin-bottom: 35px;} .top-foot .title.green{ color: #658D3C;} .top-foot .single-foot ul{ margin: 0; padding: 0; list-style: none;} .top-foot .single-foot ul li { margin: 0 0 5px; padding: 0; list-style: none;} .top-foot .single-foot ul li a{ font-size: 13px; color: #F2F2F2;} .top-foot .single-foot ul li a:hover{ color: #658D3C;} .top-foot .single-foot ul li.current_page_item a{ color: #658D3C; font-weight: bold;} .top-foot .single-foot ul.social{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; min-height: 61px;} .top-foot .single-foot ul.social li{ margin-right: 10px; margin-top: 8px;} .top-foot .single-foot ul.social i{ font-size: 23px;} .top-foot .single-foot ul.social a:hover{ color: #658D3C;} .top-foot .single-foot .single-block{ margin-bottom: 70px;} .bottom-foot{ background-color: #000000; padding: 38px 20px; text-align: center;} .bottom-foot p{ color: #fff; font-weight: 400; font-size: 11px;} .bottom-foot p a{ color: #fff;} .bottom-foot p a:hover{ text-decoration: underline;} .bottom-foot p span{ position: relative; padding-left: 10px; margin-left: 15px;} .bottom-foot p span:before{ background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; height: 1px; width: 1px; content: " "; left: -4px; top: auto; bottom: 2px; position: absolute;} /* Home Page */ .banner-slider .single-banner{ height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} .banner-slider .single-banner:before{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); height: 100%; width: 100%; position: absolute; left: 0; top: 0; content: " ";} .banner-slider .container{ height: 100%;} .banner-slider .banner-text{ padding: 0 80px 120px;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; height: 100%; position: relative;} .banner-slider .banner-text .title{ color: #fff; font-size: 60px; font-weight: bold; line-height: 1.2; font-family: 'ITC New Baskerville';} .banner-slider .slick-dots{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 12px; margin: 0; list-style: none; padding: 0;} .banner-slider .slick-dots li{ list-style: none; margin: 8px 0; padding: 0; text-align: center; width: 25px; height: 26px;} .banner-slider .slick-dots li button{ font-size: 0; border: 1px solid #fff; box-shadow: none; height: 6px; width: 6px; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 0; outline: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .banner-slider .slick-dots li.slick-active button{ height: 25px; width: 25px; border: 1px solid #fff; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .home-project-section{ background-color: #F2F2F2; padding: 272px 0 100px;} .home-project-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .home-project-inner .left-block{ max-width: 330px; width: 100%;} .home-project-inner .right-block{ max-width: 800px; width: 100%;} .home-project-inner .left-block p{ padding-right: 18px;} .home-project-inner .right-block h3{ font-size: 60px; color: #658D3C; font-weight: bold; margin-bottom: 150px;} .ratiae-block{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;} .ratiae-block .single-block { width: calc(50% - 75px); } .ratiae-block .single-block:nth-child(odd){ margin-right: 80px;} .ratiae-block .single-block p{ margin: 0; font-size: 16px; color: #1A1A1A; font-weight: 600;} .ratiae-block .single-block h4{ font-size: 200px; color: #658D3C; font-weight: bold; margin: 0; line-height: 1;} .home-team-section{ padding: 120px 0; background-color: #fff;} .home-team-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .home-team-inner .left-block { max-width: 340px; width: 100%;} .home-team-inner .left-block p{ padding-right: 20px; font-size: 30px; font-family: 'ITC New Baskerville'; font-weight: bold; line-height: 1.2;} .home-team-inner .right-block{ width: calc(100% - 332px); padding-left: 70px; margin-top: 107px;} .team-blocks{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .team-blocks .single-team{ width: calc(33.33% - 26px); } .team-blocks .single-team .bg-img{ height: 448px; background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; margin-bottom: 40px;} .team-blocks .single-team .bg-img:before{ display: none;} .bg-img:before{ position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.2); content: ""; height: 100%; width: 100%;} .team-blocks .single-team .single-team-name{ position: absolute; bottom: 0; background-color: rgba(0,0,0,0.9); width: 100%; padding: 21px;} .team-blocks .single-team .single-team-name h4{ color: #fff; font-weight: 600; font-size: 30px; margin: 0 0 5px;} .team-blocks .single-team .single-team-name small{ color: #fff; font-size: 16px; font-weight: 500;} .home-team-inner .right-block .team-btn{ text-align: right; margin-top: 52px;} .home-difference-section{ background-color: #F2F2F2; padding: 110px 0 100px;} .home-difference-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;} .home-difference-inner .left-block{ max-width: 420px; width: 100%;} .home-difference-inner .left-block h2{ color: #1a1a1a;} .home-difference-inner .left-block h2 span{ color: #658D3C;} .home-difference-inner .left-block h3{ color: #1a1a1a; font-size: 30px; margin: 0 0 20px;} .home-difference-inner .left-block p{ padding-right: 80px;} .home-difference-inner .right-block{ max-width: 950px; width: 100%;} .home-difference-inner .right-block h3{ font-size: 60px; color: #658D3C; font-weight: bold; margin-bottom: 60px;} .home-difference-inner .right-block h3:last-child{ margin: 0;} .home-touch-section{ background-color: #658D3C; padding: 170px 0 100px;} .home-touch-section .container{ max-width: 1280px;} .home-touch-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .home-touch-inner .left-block{ max-width: 360px; width: 100%;} .home-touch-inner .left-block h3{ color: #fff; font-size: 60px; font-weight: bold; margin: 0 0 70px;} .home-touch-inner .contact-details .single-block{ margin-bottom: 20px;} .home-touch-inner .contact-details h5{ font-size: 20px; color: #fff; font-weight: 400; margin: 0 0 5px; padding: 0;} .home-touch-inner .contact-details .top-contact{ margin-bottom: 44px;} .home-touch-inner .contact-details .top-contact a{ color: #fff; line-height: 1.7;} .home-touch-inner .contact-details .top-contact a:hover{ color: #1a1a1a;} .home-touch-inner .middle-contact{ margin-bottom: 90px;} .home-touch-inner .middle-contact p{ color: #fff; font-weight: 400;} .home-touch-inner .contact-details .bottom-contact a{ color: #fff;} .home-touch-inner .contact-details .bottom-contact a:hover{ border-color: #94AA72;} .home-touch-inner .right-block{ max-width: 750px; width: 100%; margin-top: 25px;} .home-touch-inner .right-block form p{ margin: 0; position: relative;} .home-touch-inner .right-block .wpcf7-form-control-wrap{ display: inline-block; margin: 0 0 70px; width: 100%;} .home-touch-inner .right-block .wpcf7-form-control-wrap.message{ margin: 0 0 114px;} .home-touch-inner .right-block span.available-call{ margin: 0; position: absolute; right: 0; text-align: right; width: auto; cursor: pointer;} .home-touch-inner .right-block form label{ position: absolute; right: 0; cursor: pointer;} .home-touch-inner .right-block .Pleasegivemeacall{ margin: 0;} .Pleasegivemeacall input[type="checkbox"]{ /*display: none;*/ opacity: 0; position: absolute; left: 0; top: 7px; height: 18px; width: 18px; margin: 0;} .Pleasegivemeacall span.wpcf7-list-item-label{ font-size: 18px; color: #fff; font-weight: bold;} .Pleasegivemeacall span.wpcf7-list-item{ margin: 0; position: relative;} .Pleasegivemeacall span.wpcf7-list-item-label:before{content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #F2F2F2; padding: 0; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; margin-top: -3px; height: 16px; width: 16px; position: relative; z-index: 1;} .Pleasegivemeacall input:checked + .wpcf7-list-item-label:after { content: ''; display: block; position: absolute; top: 8.5px; left: 3px; width: 10px; height: 6px; border: solid #fff; border-width: 0 0 2px 2px; transform: rotate(-45deg);} div.wpcf7 .ajax-loader{ transform: none; left: auto; top: auto;} span.wpcf7-not-valid-tip{ position: absolute;} div.wpcf7-validation-errors{ font-size: 18px; color: #fff; display: none !important;} div.wpcf7-mail-sent-ok{ font-size: 20px; color: #000; border-color: #000; margin-left: 0; margin-right: 0;} div.wpcf7-response-output{ font-size: 18px;} /* About Page */ .about-section{ position: relative; padding: 150px 0 0;} .about-section .container{ max-width: 1310px;} .about-section .about-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; /*position: relative;*/ margin-bottom: 100px;} /*.about-section .about-inner:before{ position: absolute; bottom: -140px; background-color: #1A1A1A; height: 1px; width: 210px; content: " "; }*/ .about-section .left-block{ max-width: 900px; width: 100%; position: relative;} .page-overview .about-section .left-block h1{ color: #1a1a1a;} .about-section .left-block h1{ margin: 0 0 80px; padding-bottom: 90px; position: relative; color: #739448;} .about-section .left-block h1:before{ position: absolute; left: 0; height: 1px; background-color: #1A1A1A; width: 105px; content: " "; bottom: 0;} .about-section .left-block h1 span{ color: #739448;} .about-section .left-block-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .about-section .left-block-inner .left-title{ width: 46%; margin-bottom: 30px;} .about-section .left-block-inner h2{ margin: 0; padding: 0; font-size: 30px; color: #1A1A1A; } .about-section .left-block-inner h2 span{ color: #739448;} .about-section .left-block-inner h2:before{ display: none;} .about-section .left-block-inner .left-paragraph{ width: 43%; margin-top: 5px;} .about-section h3{ font-size: 30px; color: #1a1a1a; margin: 0 0 25px;} .about-section .left-block-inner .left-paragraph p{ margin-bottom: 10px;} .about-section .right-block{ margin-top: 14px;} .about-section .bg-img{ height: 320px; position: absolute; right: 0; width: calc((100% - 41%) / 2); background-position: center center; background-repeat: no-repeat; background-size: cover;} .about-inner .right-block a{ position: absolute; right: auto; left: 0; bottom: -205px;} .about-section ul{ margin: 35px 0; padding: 0; list-style: none;} .about-section ul li{ list-style: none; margin: 20px 0; padding: 0 0 0 15px; font-size: 30px; font-family: 'ITC New Baskerville'; font-weight: bold; line-height: 1.2; position: relative;} .about-section ul li:before{ position: absolute; left: 0; top: 15px; content: " "; height: 4px; width: 4px; border-radius: 100%; background-color: #1a1a1a;} /* Our Team Page */ .page-nav{ padding-top: 103px; /*text-align: center;*/ position: relative; padding-left: 212px;} .page-nav .container{ max-width: 1310px; width: 100%;} .page-nav ul{ list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; height: 109px;} .page-nav ul li{ list-style: none; padding: 0; margin: 0; max-width: 210px; width: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative;} .page-nav ul li a{ padding: 0 30px 0; display: inline-block; color: #BFBFBF; font-size: 20px; font-weight: 600; border-bottom: 1px solid transparent; line-height: 1.2; width: 100%; font-family: 'ITC New Baskerville';} .page-nav ul li a:hover{ color: #658D3C;} .page-nav ul li.active a{ color: #658D3C; /*border-bottom: 1px solid #1A1A1A;*/} .page-nav ul li.active:before{ position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #1a1a1a; content: " ";} .team-section{ background-color: #F2F2F2; padding: 160px 0 0;} .team-section .team-blocks{ padding-bottom: 150px;} .team-blocks .single-team p{ margin: 0 0 10px;} .more-team-block{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 60px; position: relative;} /*.more-team-block:before{ position: absolute; bottom: 57px; left: 0; background-color: #1A1A1A; height: 1px; width: 210px; content: " ";}*/ .more-team-block .single-block{ width: calc(33.33% - 40px); margin: 0 20px 50px;} .more-team-block .single-block .bg-image{ height: 448px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} .more-team-block .single-block .single-block-text{ position: absolute; bottom: 0; width: 100%; padding: 21px; transition: all 0.5s ease-in-out;} .more-team-block .single-block-text .single-name{ position: relative;} .more-team-block .single-block .single-block-text:before{ content: " "; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.9); transition: all 0.5s ease-in-out; } .more-team-block .single-block h4{ color: #fff; font-weight: 600; font-size: 30px; margin: 0 0 5px;} .more-team-block .single-block small{ color: #fff; font-size: 16px; font-weight: 500;} .more-team-block .single-block:hover .single-block-text p{ opacity: 1; transform: translate3d(0, 10%, 0);} .single-team-hover{ position: absolute; background-color: rgba(0,0,0,0.8); top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: none;} .single-team-hover .single-name-hover{ padding: 90px 20px 0;} .single-team-hover .team-con{height: 200px; position: absolute; bottom: 60px; width: 100%; left: 0;} .single-team-hover p{ color: #F2F2F2; font-weight: 400; padding: 0 32px 0 21px; transition: all 0.5s ease-in-out; transition-property: transform, opacity; width: 100%;} .more-team-block .single-block:hover .single-block-text{ opacity: 0;} .more-team-block .single-block:hover .single-team-hover{ opacity: 1; display: block;} /* Default Page */ .default-entry-content{ padding: 200px 0 100px;} .single-projects .default-entry-content{ padding: 300px 0 80px;} /* Investors Page */ .investors-section{ background-color: #F2F2F2; padding: 120px 0 120px;} .investors-section .container{ max-width: 1280px;} .investors-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; position: relative;} .investors-inner .right-block p{ width: 100%;} /*.investors-inner:before{ position: absolute; bottom: -67px; background-color: #1A1A1A; height: 1px; width: 210px; content: " "; left: 110px;}*/ .investors-inner .left-block{ max-width: 800px; width: 100%;} .investors-inner .left-block h3{ font-size: 60px; color: #658D3C; font-weight: bold; margin-bottom: 120px;} .investors-inner .right-block { max-width: 330px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: space-between; padding-bottom: 30px; } .investors-inner .right-block .btn{ max-width: 316px; width: 100%;} /* Difference Page */ .difference-section{ background-color: #F2F2F2; padding: 120px 0 90px;} .difference-section .container{ max-width: 1380px;} .difference-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; position: relative; align-items: center;} /*.difference-inner:before{ position: absolute; bottom: -77px; background-color: #1A1A1A; height: 1px; width: 210px; content: " "; left: 110px;}*/ .difference-inner .left-block{ max-width: 420px; width: 100%;} .difference-inner .left-block h2{ color: #1a1a1a; margin-bottom: 60px;} .difference-inner .left-block h2 span{ color: #658D3C;} .difference-inner .left-block h3{ color: #1a1a1a; font-size: 30px; margin: 0 0 20px;} .difference-inner .left-block p{ padding-right: 80px; margin-bottom: 10px;} .difference-inner .left-block a.btn{ margin-top: 20px;} /*.difference-inner .left-block a.btn{ padding: 0 104px 0 74px;}*/ .difference-inner .right-block{ max-width: 850px; width: 100%;} .difference-inner .right-block h3{ font-size: 60px; color: #658D3C; font-weight: bold; margin-bottom: 60px;} .difference-inner .right-block h3:last-child{ margin: 0;} /* Contact Page */ .touch-section{ padding: 100px 0 105px;} .touch-section .container{ max-width: 1280px;} .touch-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; position: relative;} /*.touch-inner:before{ position: absolute; bottom: -97px; background-color: #1A1A1A; height: 1px; width: 210px; content: " "; left: 100px;}*/ .touch-inner .left-block{ max-width: 360px; width: 100%;} .touch-inner .left-block h1{ margin: 0 0 70px;} .touch-inner .contact-details .single-block{ margin-bottom: 15px;} .touch-inner .contact-details h5{ font-size: 20px; color: #1A1A1A; font-weight: 400; margin: 0 0 5px; padding: 0; font-weight: bold;} .touch-inner .contact-details .top-contact{ margin-bottom: 44px;} .touch-inner .contact-details .top-contact a{ color: #1A1A1A; line-height: 1.7; font-weight: 400;} .touch-inner .contact-details .top-contact a:hover{ color: #1a1a1a;} .touch-inner .middle-contact{ margin-bottom: 40px;} .touch-inner .middle-contact p{ color: #1a1a1a; font-weight: 600;} .touch-inner .right-block{ max-width: 750px; width: 100%; margin-top: 25px;} .touch-inner .right-block form p{ margin: 0; position: relative;} .touch-inner .right-block .wpcf7-form-control-wrap{ display: inline-block; margin: 0 0 70px; width: 100%;} .touch-inner .right-block .wpcf7-form-control-wrap.message{ margin: 0 0 54px;} .touch-inner .right-block span.available-call{ margin: 0; position: absolute; right: 0; text-align: right; width: auto; cursor: pointer;} .touch-inner .right-block form label{ position: absolute; right: 0; cursor: pointer;} .touch-inner .right-block .Pleasegivemeacall{ margin: 0;} .touch-inner .Pleasegivemeacall input[type="checkbox"]{ display: none; opacity: 0; position: absolute; left: 0; top: 7px; height: 18px; width: 18px; margin: 0;} .touch-inner .Pleasegivemeacall span.wpcf7-list-item-label{ color: #739448;} .touch-inner .Pleasegivemeacall span.wpcf7-list-item{ margin: 0; position: relative;} .touch-inner .Pleasegivemeacall span.wpcf7-list-item-label:before{content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #739448; padding: 0; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; margin-top: -3px; height: 16px; width: 16px; position: relative; z-index: 8;} .touch-inner .Pleasegivemeacall input:checked + .wpcf7-list-item-label:after { content: ''; display: block; position: absolute; top: 9px; left: 3px; width: 10px; height: 7px; border: solid #739448; border-width: 0 0 2px 2px; transform: rotate(-45deg);} .touch-inner input[type="text"], .touch-inner input[type="password"], .touch-inner input[type="email"], .touch-inner input[type="tel"], .touch-inner input[type="search"], input[type="number"], .touch-inner textarea{ border-color: #658D3C; color: #1A1A1A; font-weight: 500;} .touch-inner button, .touch-inner input[type="button"], .touch-inner input[type="reset"], .touch-inner input[type="submit"]{ background-color: #658D3C; border-color: #658D3C; color: #fff;} .touch-inner button:hover, .touch-inner input[type="button"]:hover, .touch-inner input[type="reset"]:hover, .touch-inner input[type="submit"]:hover{ background-color: #1A1A1A;} .touch-inner ::-webkit-input-placeholder { opacity: 1 !important; color: #1A1A1A; } .touch-inner :-moz-placeholder { opacity: 1 !important; color: #1A1A1A; } .touch-inner ::-moz-placeholder { opacity: 1 !important; color: #1A1A1A; } .touch-inner :-ms-input-placeholder { opacity: 1 !important; color: #1A1A1A; } /* Map Page */ .map-section{ padding: 55px 0;} .map-inner{ position: relative; margin: 0 53px;} /*.map-inner:before{ position: absolute; bottom: -97px; background-color: #1A1A1A; height: 1px; width: 210px; content: " "; left: 20%;}*/ .map-details{ background-color: #1a1a1a; position: absolute; right: 0; top: 0; height: 100%; padding: 160px 100px 55px; max-width: 580px; width: 100%;} .map-details .single-add{ margin-bottom: 25px;} .map-details h1{ margin: 0 0 65px;} .map-details h2{ color: #fff; font-size: 20px; font-weight: 600; margin: 0 0 5px; padding: 0;} .map-details .single-add a{ color: #fff; line-height: 1.8; font-weight: 400; max-width: 160px; width: 100%; display: inline-block;} .map-details .single-add a:hover{ color: #658D3C;} .map-details a.btn{ margin-top: 20px;} .map-details a.btn:hover{ border-color: #fff; color: #fff;} .map-details a.btn:hover:before{ background-image: url(images/btn-arrow-white.png);} .map{ height: 760px;} /* Industrial Page */ .current-section{ padding: 54px 54px 0;} .current-inner{} .current-inner .projects-wrap{ margin: 0 -27px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .current-inner .projects-wrap:nth-child(2n) .width01{ order: 1;} .current-inner .projects-wrap:nth-child(2n) .width02{ order: 0;} .current-inner .width01{ width: calc(66.7% - 54px); margin: 0 27px;} .current-inner .width02{ width: calc(33.3% - 54px); margin: 0 27px;} .current-inner .single-block{ background-position: center center; background-repeat: no-repeat; background-size: cover; height: 760px; position: relative; margin-bottom: 54px;} .current-inner .single-block:before{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); height: 100%; width: 100%; position: absolute; left: 0; top: 0; content: " "; } .current-inner .category{ color: #fff; background-color: #668d3c; font-size: 20px; font-weight: 600; position: absolute; right: 0; padding: 37px 70px; z-index: 1; font-family: 'ITC New Baskerville';} .current-inner .upcoming .category{ background-color: #f2f2f2; color: #1a1a1a;} .current-inner .single-inner h3{ color: #fff; position: absolute; bottom: 45px; left: 54px; font-size: 30px; font-weight: 600; margin: 0; max-width: 390px; width: calc(100% - 108px); right: 54px;} .current-inner .single-hover{ position: absolute; top: 0; left: 0; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .current-inner .single-hover-inner{ position: absolute; bottom: 40px; padding: 0 54px; width: 100%; left: 0; } .current-inner .single-block:hover .single-inner h3{ opacity: 0;} .current-inner .single-block:hover:before{ opacity: 0;} .current-inner .single-block:hover .single-hover{ opacity: 1; visibility: visible;} .current-inner .single-hover{ padding: 210px 54px 40px; width: 100%;} .current-inner .single-hover h3{ font-size: 30px; font-weight: 600; margin: 0 0 70px; color: #fff; max-width: 390px; width: 100%;} .current-inner .single-hover p{ color: #fff; max-width: 320px; width: 100%; margin: 0 0 70px; font-weight: 400;} .current-inner .single-hover .btn-group{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .current-inner .single-hover .btn-group .btn{ margin-right: 45px; padding: 0 30px; line-height: 72px; height: 72px; max-width: 211px; width: 100%; display: inline-block;} .current-inner .single-hover .btn-group .btn:last-child{ margin: 0;} .current-inner .single-hover .btn-group .btn:hover{ background-color: #fff; color: #668d3c; border-color: #fff;} .current-inner .single-hover .btn-group .btn.btn-fill{ background-color: #668d3c; color: #fff;} .current-inner .single-hover .btn-group .btn.btn-fill:hover{ background-color: #fff; color: #668d3c;} .recent-section{padding: 0 54px;} .recent-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 -27px;} .recent-inner .single-block{ width: calc(33.33% - 54px); margin: 0 27px;} .recent-inner .single-recent{ height: 353px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; margin-bottom: 54px;} .recent-inner .single-recent:before{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); height: 100%; width: 100%; position: absolute; left: 0; top: 0; content: " "; } .recent-inner .single-recent.height01{ height: 760px;} .recent-inner .category{ color: #fff; background-color: #1a1a1a; font-size: 20px; font-weight: 600; position: absolute; right: 0; padding: 37px 70px; z-index: 1; font-family: 'ITC New Baskerville';} .recent-inner .single-inner h3{ color: #fff; position: absolute; bottom: 45px; left: 54px; font-size: 30px; font-weight: 600; margin: 0; max-width: 390px; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .recent-inner .single-hover{ position: absolute; top: 0; left: 0; height: 100%; background-color: rgba(0,0,0,0.8); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; padding: 138px 54px 40px;} .recent-inner .single-hover .single-hover-inner{ position: absolute; bottom: 40px; width: calc(100% - 110px); left: 54px;} .recent-inner .single-hover h3{ font-size: 30px; font-weight: 600; margin: 0 0 30px; color: #fff; max-width: 390px; width: 100%;} .recent-inner .single-hover .btn-group{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .recent-inner .single-hover .btn-group .btn{ margin-right: 45px; padding: 0 30px; line-height: 72px; height: 72px; max-width: 211px; width: 100%; display: inline-block;} .recent-inner .single-hover .btn-group .btn:last-child{ margin: 0;} .recent-inner .single-hover .btn-group .btn:hover{ background-color: #fff; color: #668d3c; border-color: #fff;} .recent-inner .single-hover .btn-group .btn.btn-fill{ background-color: #668d3c; color: #fff;} .recent-inner .single-hover .btn-group .btn.btn-fill:hover{ background-color: #fff; color: #668d3c;} .recent-inner .single-recent:hover .single-hover{ opacity: 1; visibility: visible;} .recent-inner .single-recent:hover .single-inner h3{ opacity: 0;} /* Project Details Page */ .page-template-project-detail footer{ display: none;} .project-detail-section{ background-color: #f2f2f2; } .project-detail-inner{padding: 0;} /*.project-detail-inner .bottom-foot{ margin-top: -53px;}*/ #fullpage{ position: relative; padding: 0 54px;} .project-detail-section .section{ position: relative;} #fp-nav{ position: absolute; right: 0; top: 50%; } .project-detail-inner .single-block{ height: 100vh; background-position: bottom center; background-repeat: no-repeat; background-size: cover;} .project-detail-inner .single-block.inner{position: relative; top: 260px;} .project-detail-inner .single-block.layout1 .container{ max-width: 1310px;} .project-detail-inner .project-logo{ position: absolute; right: 160px; top: 0; z-index: 1;} .project-detail-inner ul.pagination { padding: 0; margin: 0; list-style: none; position: fixed; right: 15px; top: 62%; flex-wrap: wrap; display: flex; width: 25px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); z-index: 8; } .project-detail-inner ul.pagination li { height: 26px; width: 25px; margin: 5px 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} .project-detail-inner ul.pagination li a{font-size: 0;border: 1px solid #BFBFBF;box-shadow: none;height: 6px;width: 6px;background-color: #BFBFBF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;padding: 0;outline: none;position: relative;} .project-detail-inner ul.pagination li a.active { height: 25px; width: 25px; border: 1px solid #BFBFBF; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .project-detail-inner .single-block:before{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); height: 100%; width: 100%; position: absolute; left: 0; top: 0; content: " "; } .project-detail-inner .single-text h2{ padding: 0;} .project-detail-inner .single-text h2:before{ display: none;} .project-detail-inner .single-text h3{ color: #fff; font-size: 30px; margin: 0 0 10px;} .project-detail-inner .layout1 .single-text{ position: absolute; bottom: 84px;} .project-detail-inner .layout1 .single-text h2{ color: #F2F4ED; max-width: 500px; width: 100%; margin: 0 ;} .project-detail-inner .layout1 .single-text p{ color: #F2F4ED; font-size: 30px; font-weight: 600; max-width: 75%; width: 100%; margin: 0 0 50px; line-height: 1.2; font-family: 'ITC New Baskerville';} .project-detail-inner .btn-fill{ background-color: transparent; border: 1px solid #fff; color: #fff; height: 75px; line-height: 75px; padding: 0 35px;} .project-detail-inner .btn-fill:hover{ background-color: #fff; color: #668d3c;} .project-detail-inner .layout2.single-block:before{ display: none;} .project-detail-inner .single-text.caption-left{ left: 0; right: auto;} .project-detail-inner .layout2 .single-text{ height: 100%; background-color: rgba(0,0,0,0.8); width: 56%; right: 0; position: absolute; padding: 150px 108px 50px; } .project-detail-inner .layout2 .single-text .single-text-inner{/* display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; height: 100%; flex-direction: column;*/ position: absolute; /*top: 50%; transform: translateY(-50%);*/ height: 70%;} .project-detail-inner .layout2 .single-text-inner h2{ color: #F2F4ED; max-width: 700px; width: 100%; margin: 0 0 40px;} .project-detail-inner .layout2 .single-text-inner p{ color: #F2F4ED; font-size: 13px; font-weight: 400; max-width: 70%; width: 100%; margin: 0 0 10px; line-height: 1.8;} .project-detail-inner .layout3.single-block:before{ display: none;} .project-detail-inner .layout3 .single-text{ height: 100%; background-color: rgba(0,0,0,0.6); width: 56%; left: 0; position: absolute; padding: 100px 108px; } .project-detail-inner .layout3 .single-text .single-text-inner{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .project-detail-inner .layout3 .single-text-inner h2{ color: #F2F4ED; max-width: 600px; width: 100%; margin: 0 0 40px;} .project-detail-inner .single-block ul{ list-style: none; margin: 0 0 50px; padding: 0;} .project-detail-inner .single-block ul li{ list-style: none; margin: 0; padding: 0 0 0 15px; color: #F2F4ED; font-size: 16px; font-weight: 400; position: relative; line-height: 2;} .project-detail-inner .single-block ul li:before{ height: 5px; width: 5px; background-color: #F2F4ED; content: " "; left: 0; position: absolute; top: 13px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .project-detail-inner .single-block ol{ margin: 0 0 50px; padding: 0;} .project-detail-inner .single-block ol li{ margin: 0; padding: 0 0 0 15px; color: #F2F4ED; font-size: 18px; font-weight: 500; position: relative; line-height: 2; list-style-type: decimal; padding-left: 0; list-style-position: inside;} .project-detail-inner .layout4.single-block:before{ display: none;} .project-detail-inner .layout5.single-block:before{ display: none;} .project-detail-inner .layout5 .single-text{ height: 100%; background-color: rgba(0,0,0,0.7); width: 56%; right: 0; position: absolute; padding: 100px 52px 100px 108px; } .project-detail-inner .layout5 .single-text .single-text-inner{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: calc(100% - 110px);} .project-detail-inner .layout5 .single-text-inner h2{ color: #F2F4ED; max-width: 600px; width: 100%; margin: 0 0 80px;} .project-detail-inner .layout5 .single-text-inner p{ color: #F2F4ED; font-size: 16px; font-weight: 400; max-width: 78%; width: 100%; margin: 0; line-height: 1.8;} .project-detail-inner .ratiae-block{ position: relative; width: 100%; justify-content: space-between; margin-bottom: 80px;} .project-detail-inner .ratiae-block .single-block:before{ display: none;} .project-detail-inner .ratiae-block .single-block{ height: auto; width: auto; margin: 0; padding-right: 10px;} .project-detail-inner .ratiae-block .single-block h4{ font-size: 120px; color: #739448;} .right-project{ position: absolute; right: 0; top: 103px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: center; border-top: 2px solid #fff; width: 100%;} .right-project h4{ margin: 0; font-size: 20px; color: #BFBFBF; font-weight: bold; margin-right: 100px;} .right-project .btn.btn-fill{ background-color: #658D3C; height: 108px; line-height: 108px; color: #fff; max-width: 210px; width: 100%; padding: 0 20px; font-weight: normal; } .right-project .btn.btn-fill:hover{ background-color: #000; border-color: #000;} .single-projects .page-nav{ position: fixed; z-index: 2; width: 100%; background-color: #f2f2f2;} /*.single-projects .page-nav .container{ max-width: 1200px;}*/ .single-projects .page-nav li:last-child i.fa{ display: none;} .single-projects .page-nav li:last-child a{ position: relative; color: #1a1a1a;} .single-projects .page-nav li:last-child a:before{ position: absolute; top: 5px; margin-left: -30px; content: " "; background-image: url(images/left-black-arrow.png); background-position: left center; background-repeat: no-repeat; background-size: 16px; height: 14px; width: 16px;} .single-projects .page-nav li:last-child a:hover{ color: #658D3C;} .scroll-next{position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); color: #658D3C; font-size: 20px; font-weight: bold; font-family: 'ITC New Baskerville';} .sold-sell{ position: absolute; left: calc((100% - 1270px) / 2); background-color: #658D3C; color: #fff; font-size: 20px; font-weight: bold; font-family: 'ITC New Baskerville'; padding: 20px 52px; z-index: 1;} .project-slider .slick-dots{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .project-slider .slick-dots li{ list-style: none; margin: 0 3px; padding: 0; height: 26px; width: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .project-slider .slick-dots li button{ font-size: 0; border: 1px solid #fff; box-shadow: none; height: 6px; width: 6px; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 0; outline: none; position: relative;} .project-slider .slick-dots li.slick-active button{ height: 25px; width: 25px; border: 1px solid #fff; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .project-slider .slick-arrow{ position: absolute; bottom: 20px; border: 1px solid #fff; background-color: transparent; z-index: 1; color: #fff; height: 60px; width: 60px; background-position: center center; background-repeat: no-repeat; background-size: 16px; padding: 0; max-width: inherit; font-size: 0; outline: none;} .project-slider .slick-next.slick-arrow{ right: 20px; background-image: url(images/project-right-arrow.png);} .project-slider .slick-prev.slick-arrow{ left: 20px; background-image: url(images/project-left-arrow.png);} .project-slider .slick-arrow:hover{ background-color: #658D3C; border-color: #658D3C;} .project-detail-inner .project-slider .single-block{ background-position: bottom 260px center;} /* Project Page */ .project-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 55px;} .project-inner .project-left{ width: 66.7%; position: relative;} .project-inner .resp-tabs-list { position: absolute; right: 0; top: 0; z-index: 1; width: 50%; left: auto; float: none; text-align: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end;} .project-inner .resp-tabs-list li { background-color: #c0caa8; color: #fff; font-size: 19px; font-weight: bold; max-width: 208px; width: 100%; float: none; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; line-height: 1.2; border-left: 2px solid #fff; padding: 41px 10px; margin-bottom: 0 !important; font-family: 'ITC New Baskerville';} .project-inner .resp-tabs-list li:first-child{ border: 0;} .project-inner .project-right{ width: 33.3%; background-color: #e6e6e6; position: relative;} .project-inner .project-right .project-right-inner { position: absolute; top: 50%; transform: translateY(-50%); padding: 54px; width: 100%; } .project-inner .project-right-inner .project-right-section{ opacity: 1;} .project-inner .project-right.ajax-loading .project-right-section{ opacity: 0.1;} .project-inner .project-right-inner span{ font-size: 30px; font-weight: bold; color: #658D3C; margin-bottom: 15px; font-family: 'ITC New Baskerville';} .project-inner .project-right-inner h1{ margin: 0 0 40px;} .project-inner .project-right-inner h2{ font-size: 30px; color: #1A1A1A; margin: 0 0 40px; padding: 0 50px 0 0;} .project-inner .project-right-inner h2:before{ display: none;} .project-inner .project-right-inner small{ font-weight: bold; color: #1A1A1A; font-size: 13px; margin-bottom: 30px; display: inline-block; width: 100%;} .project-inner .project-right-inner p{color: #1A1A1A; max-width: 320px; width: 100%; margin: 0 0 10px;} .project-inner .project-right-inner .btn-group{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 60px;} .project-inner .project-right-inner .btn-group a{ height: 72px; line-height: 72px; padding: 0 35px; margin-right: 45px;} .project-inner .project-right-inner .btn-group a.btn-border:hover{ background-color: #658D3C; border-color: #658D3C; color: #fff;} .project-inner .project-right-inner .btn-group a:last-child{ margin: 0;} .project-inner .project-right-inner .btn-group a.btn-fill{ background-color: #668d3c; color: #fff;} .project-inner .project-right-inner .btn-group a.btn-fill:hover{ background-color: #1a1a1a; border-color: #1a1a1a;} .ajax-loader{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: none;} .project-slider .single-block.inner{ height: calc(100vh - 47px) !important;} .project-cat-sec{ padding: 120px 0 70px;} .project-cat-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .project-cat-inner .left-block{ max-width: 29%; width: 100%;} .project-cat-inner .left-block h1{ position: relative; padding-bottom: 90px; margin-bottom: 0;} .project-cat-inner .left-block h1:before { position: absolute; left: 0; height: 1px; background-color: #1A1A1A; width: 105px; content: " "; bottom: 0;} .project-cat-inner .right-block{ max-width: 50%; width: 100%;} .project-cat-inner .right-block h3{ font-size: 30px; color: #1a1a1a; margin-bottom: 35px;} .project-cat-inner .right-block p{ padding-right: 100px; margin-bottom: 10px;} /* Error Page */ .error-404{ padding: 250px 0 130px; text-align: center;} .error-404 h3{ font-size: 40px;} /* News Page */ .news-section{ padding-bottom: 80px;} .news-section .investors-inner:before{ bottom: -110px;} .news-section .left-block small{ font-size: 18px; font-weight: bold; color: #1A1A1A; display: inline-block; width: 100%; margin: 0 0 15px;} .single-post .page-nav{ overflow: hidden;} .page-nav-slider{ opacity: 0; visibility: hidden;} .page-nav-slider.show{ opacity: 1; visibility: visible;} .page-nav-slider .slick-slide{ height: 109px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative;} .page-nav-slider .slick-slide.active:before{position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #1a1a1a; content: " ";} .page-nav-slider .slick-slide a{ padding: 0 30px 0; display: inline-block; color: #BFBFBF; font-size: 20px; font-weight: 600; border-bottom: 1px solid transparent; line-height: 1.2; width: 100%; text-align: center; font-family: 'ITC New Baskerville';} .page-nav-slider .slick-slide.active a{ color: #658D3C;} .page-nav-slider .slick-slide a:hover{ color: #658D3C;} .page-nav-slider .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: 16px; left: -212px; max-width: inherit; height: auto; line-height: normal; font-size: 0; border: 0; width: 212px; height: 100%; padding: 0; outline: none; cursor: pointer;} .page-nav-slider .slick-arrow:hover{ background-color: transparent;} .page-nav-slider .slick-arrow.slick-next{ right: -212px; left: auto; background-image: url(images/news-right-arrow.png);} .page-nav-slider .slick-arrow.slick-prev{ background-image: url(images/news-left-arrow.png);} .page-nav-slider .slick-disabled{ display: none !important;} /* News Room Page */ .newsroom-sec{ padding-bottom: 150px;} .newsroom-sec .about-inner{ margin: 0;} .newsroom-sec small.date{ margin-bottom: 66px; display: inline-block; width: 100%;} .newsroom-sec .left-block{ max-width: 800px;} .newsroom-sec .left-block h1{ margin: 0 0 90px; padding: 0; position: relative;} .newsroom-sec .left-block h1 span{ font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; display: block; text-align: right; max-width: 83%; width: 100%; margin-top: 20px; position: absolute;} .newsroom-sec .left-block h1:before{ display: none;} .newsroom-sec h3{ padding-right: 80px; margin: 0 0 60px;} .newsroom-sec .right-block .bg-img{ height: 380px; background-size: 100%;} .newsroom-sec .right-block .bg-img:before{display: none;} .newsroom-sec .btn-fill{ background-color: #658d3c; color: #fff; padding-left: 108px; padding-right: 108px;} .newsroom-sec .btn-fill:hover{ background-color: #94AA72;} .newsroom-sec ul{ list-style: none; margin: 0; padding: 0; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; margin-bottom: 50px;} .newsroom-sec ul li{ list-style: none; margin: 0 0 10px; padding: 0 80px 0 0; font-size: 13px; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height: 1.8;} .newsroom-sec ul li:before{ display: none;} .single-post .main-container, .page-template-template-news .main-container{ position: relative;} .page-template-template-news .page-nav{ overflow: hidden;} nav.post-navigation{ background-color: transparent; width: 100%;} nav.post-navigation h2.screen-reader-text{ display: none;} nav.post-navigation .nav-links i.fa{ display: none;} nav.post-navigation .nav-previous, nav.post-navigation .nav-next{ position: absolute; bottom: 80px; left: 51px;} nav.post-navigation .nav-previous span{ background-image: url(images/left-black-arrow.png); background-repeat: no-repeat; background-position: left center; background-size: 16px; padding-left: 28px;} nav.post-navigation .nav-next span{ background-image: url(images/right-black-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: 16px; padding-right: 28px;} nav.post-navigation .nav-links .nav-next{ right: 51px; left: auto;} nav.post-navigation .nav-links span{ font-size: 20px; color: #1a1a1a; font-family: 'ITC New Baskerville'; font-weight: bold; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} nav.post-navigation .nav-links a:hover span{ color: #658D3C;} /* Loader */ .animate-flicker{height: 100%; width: 100%; background-color: #19191a; position: fixed; z-index: 9999; top: 0; left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .animate-flicker img { -webkit-animation: flickerAnimation 1s infinite; -moz-animation: flickerAnimation 1s infinite; -o-animation: flickerAnimation 1s infinite; animation: flickerAnimation 1s infinite; max-width: 150px; width: 100%;} @keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-o-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* Advisory Page */ .advisory-section{ background-color: #F2F2F2; padding: 150px 0 50px;} .advisory-section .team-blocks{ flex-wrap: wrap;} .advisory-section .single-team{ width: calc(50% - 26px); margin-bottom: 60px;} .advisory-section .single-team .bg-img{ height: auto; padding: 70% 0;} /* Vision & Values Page */ .vision-section{ padding: 140px 0 50px;} .vision-section .container{ max-width: 1310px;} .vision-section .top-block{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start;} .vision-section .top-block h1{ margin: 0 0 60px; padding-bottom: 80px; position: relative; color: #739448; } .vision-section .top-block h1:before{ position: absolute; left: 0; height: 1px; background-color: #1A1A1A; width: 105px; content: " "; bottom: 0; } .vision-section .bottom-block{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;} .vision-section .bottom-block .single-block{ width: calc(29% - 20px); margin-bottom: 30px;} .vision-section .single-block h3{ font-size: 30px; color: #1a1a1a; margin: 0 0 20px;} .vision-section .single-block p{ margin: 0 0 10px;} .vision-section .single-block ul{ list-style: none; margin: 5px 0 0; padding: 0;} .vision-section .single-block ul li{ list-style: none; margin: 0 0 10px; padding: 0 0 0 15px; font-size: 13px; position: relative;} .vision-section .single-block ul li:before{ position: absolute; left: 0; top: 10px; background-color: #1a1a1a; height: 4px; width: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; content: " ";} /* Community Section */ .community-section{ padding: 130px 0 0; position: relative;} .community-section .container{ max-width: 1310px;} .community-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; margin-bottom: 80px; min-height: 480px;} .page-community .community-inner h1{ color: #1a1a1a; margin: 0 0 60px; padding-bottom: 80px; position: relative;} .page-community .community-inner h1:before{ position: absolute; left: 0; height: 1px; background-color: #1A1A1A; width: 105px; content: " "; bottom: 0; } .page-community .community-inner h1 span{ color: #739448;} .community-inner .left-block{ width: 33%; position: relative;} .community-inner .left-block .left-text{ position: absolute; bottom: 0; } .community-inner .left-block p{ padding-right: 85px; margin-bottom: 10px;} .community-inner .middle-block{ width: 30%; padding: 0 30px; margin-top: 10px;} .community-inner .middle-block ul{ margin: 0; list-style: none; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;} .community-inner .middle-block ul li{ padding: 0; list-style: none; width: calc(50% - 13px); margin-top: 26px; margin-bottom: 0;} .community-inner .right-block{ width: 37%; margin-top: 10px;} .community-inner .right-block .right-text{ padding-left: 100px;} .community-inner h3{ color: #1a1a1a; font-size: 30px; margin: 0 0 20px;} .community-inner .bg-img {height: calc(100% - 52%); position: absolute; right: 0; bottom: 0; width: calc((100% - 26%) / 2); background-position: top center; background-repeat: no-repeat; background-size: cover;} /* Testimonial Page */ .testimonial-section{ padding: 120px 0 0;} .small-container{ max-width: 1310px;} .testimonial-inner-category .single-category{ padding: 100px 0; position: relative;} .testimonial-inner-category .single-category:first-child{ padding-top: 0;} .testimonial-inner-category .single-category:nth-child(even){ background-color: #fff;} .testimonial-slider{ position: static;} .testimonial-section h1{ margin: 0 0 80px; padding: 0 0 90px; position: relative; color: #1a1a1a;} .testimonial-section h1:before{position: absolute; left: 0; height: 1px; background-color: #1A1A1A; width: 105px; content: " "; bottom: 0;} .testimonial-section h2{ margin: 0 0 80px; padding: 0;} .testimonial-section h2:before{ display: none;} .testimonial-slider .single-slider{ padding-right: 60px;} .testimonial-slider .single-slider h3{ font-size: 30px; margin: 0 0 20px; padding: 0; color: #1a1a1a;} .testimonial-slider .single-slider h4{ font-size: 16px; color: #1a1a1a; font-weight: bold; font-family: 'Montserrat', sans-serif; margin: 0 0 10px; padding: 0;} .testimonial-slider .single-slider p{ margin: 0 0 10px;} .testimonial-slider .slick-arrow{ position: absolute; padding: 0; height: auto; line-height: normal; left: 50px; background-repeat: no-repeat; background-size: 16px; top: 50%; transform: translateY(-50%); color: #1a1a1a; border: 0; box-shadow: none; outline: none; background-color: transparent;} .testimonial-slider .slick-arrow.slick-prev{ background-image: url(images/left-black-arrow.png); background-position: left center; padding-left: 28px;} .testimonial-slider .slick-arrow.slick-next{ background-image: url(images/right-black-arrow.png); right: 50px; left: auto; background-position: right center; padding-right: 28px;} .testimonial-slider .slick-arrow:hover{ background-color: transparent; border: 0; color: #658D3C;} /* The Trumen Difference Page */ .border-h1{ position: relative; margin-bottom: 80px; padding-bottom: 80px;} .border-h1:before{ position: absolute; left: 0; height: 1px; background-color: #1A1A1A; width: 105px; content: " "; bottom: 0;} .trumen-difference-section{ padding: 120px 0 50px;} .trumen-difference-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .trumen-difference-inner .left-block{ max-width: 30%; width: 100%;} .trumen-difference-inner .right-block{ max-width: 65%; width: 100%;} .trumen-difference-inner .right-block ul{ list-style: none; padding: 0; margin: 0;} .trumen-difference-inner .right-block ul li{ list-style: none; margin: 0 0 40px; padding: 0 30px; width: 50%;} .trumen-difference-inner .right-block h3{ font-size: 30px; color: #1a1a1a; margin: 0 0 25px; padding: 0;} .trumen-difference-inner .right-block p{ margin: 0 0 10px; padding-right: 10px;} /* Our History Page */ .history-section{ padding: 120px 0 80px;} .history-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;} .history-inner h3{ font-size: 30px; color: #1a1a1a; margin: 0 0 70px;} .history-inner .left-block{ max-width: 35%; width: 100%;} .history-inner .right-block{ max-width: 55%; width: 100%; margin-top: 80px;} .history-inner .right-text{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; margin-bottom: 70px;} .history-inner .right-text p{ /*padding-right: 70px;*/ margin: 0; width: 50%;} .history-inner .right-text p:first-child{ padding-right: 40px;} .history-inner .right-text p:last-child{ padding: 0 0 0 42px;} .history-inner .btn-block{ text-align: right;} /* Investor Overview Page */ .investor-overview-section .left-block h1{ color: #739448 !important;} .investor-overview-section .bg-img{ height: 400px;} /* Video Page */ .video-section{ padding: 120px 0 140px;} .video-section .top-block{ margin-bottom: 80px;} .video-inner{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .video-inner .video-block{ max-width: 70%; width: 100%; position: relative;} .video-inner .video-block .video-bg{ height: auto; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 30% 0;} .video-inner .video-block .video-bg:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6); content: " ";} .video-inner .video-block iframe{ position: absolute; height: 100%; width: 100%; left: 0; top: 0;} .video-inner .video-block #yt{ display: none;} .video-block .video-play{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 1px solid #fff; font-size: 20px; color: #fff; font-weight: bold; font-family: 'ITC New Baskerville'; padding: 37px 34px;} .video-block .video-play:hover{ background-color: #fff; color: #1a1a1a;} .video-inner .content-block{ max-width: 30%; width: 100%; padding: 75px 0 0 60px;} .video-inner .content-block h3{ font-size: 30px; color: #1a1a1a; margin: 0 0 20px;} .date{ font-size: 16px; font-weight: 600;} @media (min-width: 1881px) and (max-width: 2559px){ /* Project Details Page */ .project-detail-inner .single-text h2{ margin-bottom: 20px !important; font-size: 50px;} .project-detail-inner .single-block ul{ margin-bottom: 30px;} .project-detail-inner .single-block ol{ margin-bottom: 30px;} .project-detail-inner .ratiae-block .single-block h4{ font-size: 90px;} .project-detail-inner .layout2 .single-text-inner p{ margin-bottom: 40px;} .project-detail-inner .layout5 .single-text-inner h2{ margin-bottom: 60px !important;} } @media (min-width: 1530px) and (max-width: 1880px){ /* News Page */ .page-nav-slider{ padding: 0 30px;} .page-nav-slider .slick-slide{ height: 109px;} .page-nav-slider .slick-arrow{ left: -50px; width: 80px;} .page-nav-slider .slick-arrow.slick-next{ right: -50px; } /* Projects Category Page */ .recent-inner .single-inner h3{ max-width: calc(100% - 100px); left: 50px;} .recent-inner .single-hover .btn-group .btn{ margin-right: 30px; padding: 0 20px; font-size: 16px;} .current-inner .single-hover p{ margin-bottom: 60px;} .current-inner .single-hover .btn-group .btn{ margin-right: 25px; padding: 0 20px; font-size: 16px;} /* Project Details Page */ .single-projects .page-nav{ display: flex; justify-content: space-between;} .right-project{ position: static; border-top: 0; padding-left: 10px;} .right-project h4{ margin-right: 25px;} .project-detail-inner .single-text h2{ font-size: 40px; margin-bottom: 25px !important;} .project-detail-inner .single-block ul{ margin-bottom: 30px;} .project-detail-inner .single-block ol{ margin-bottom: 30px;} .project-detail-inner .layout1 .single-text{ bottom: 50px;} .project-detail-inner .layout1 .single-text p{ margin-bottom: 35px;} .project-detail-inner .layout2 .single-text{ padding: 120px 40px 50px;} .project-detail-inner .layout2 .single-text .single-text-inner{ width: calc(100% - 80px);} .project-detail-inner .layout2 .single-text-inner p{ margin: 0 0 40px; max-width: 100%;} .project-detail-inner .layout5 .single-text{ padding: 40px;} .project-detail-inner .layout5 .single-text .single-text-inner{ width: calc(100% - 80px);} .project-detail-inner .layout5 .single-text-inner h2{ margin: 0 0 50px;} .project-detail-inner .ratiae-block{ margin: 0 0 50px;} .project-detail-inner .ratiae-block .single-block h4{ font-size: 90px;} .project-detail-inner .project-logo{ max-width: 150px;} .project-detail-inner .single-text .single-text-inner{ height: 60%;} /* Testimonial Page */ .testimonial-slider{ padding: 0 0;} .testimonial-slider .slick-arrow.slick-prev{ left: 10px;} .testimonial-slider .slick-arrow.slick-next{ right: 10px;} } @media (min-width: 1025px) and (max-width: 1680px){ /* Header */ nav{ border-left: 0;} } @media (min-width: 1200px) and (max-width: 1529px){ /* Footer */ .top-foot{ padding: 80px 20px 10px;} /* Home Page */ .home-project-section{ padding: 180px 0 100px;} .banner-slider .banner-text .title{ font-size: 52px;} .home-project-inner .right-block{ padding-left: 40px;} .home-project-inner .right-block h3{ font-size: 54px;} .team-blocks .single-team .bg-img{ height: 410px;} .team-blocks .single-team .single-team-name h4{ font-size: 26px;} .team-blocks .single-team .single-team-name small{ font-size: 16px;} .home-difference-inner .right-block{ padding-left: 40px;} .home-difference-inner .right-block h3{ font-size: 54px;} /* About Page */ .page-nav{ padding-left: 212px;} .page-nav ul li a{ padding: 0 15px; font-size: 18px;} .about-section .about-inner{ margin-bottom: 150px;} .about-section .about-inner:before{ bottom: -100px;} .about-section .left-block{ max-width: 50%; padding-right: 30px;} .about-section .left-block-inner{ flex-wrap: wrap;} .about-section .left-block-inner .left-title{ width: 100%;} .about-section .left-block-inner h2{ padding-bottom: 20px; font-size: 40px;} .about-section .left-block-inner .left-paragraph{ width: 100%;} .about-section .right-block{ max-width: 50%; width: 100%;} .about-section .bg-img{ width: calc((100% - 10%) / 2);} /* Team Page */ .more-team-block .single-block h4{ font-size: 20px;} .more-team-block .single-block small{ font-size: 16px;} .more-team-block .single-block .bg-image{ height: auto; padding: 80% 0;} .more-team-block .single-block:hover .single-block-text{ padding-top: 30px;} .single-team-hover .single-name-hover{ padding-top: 40px;} .single-team-hover p{ bottom: 40px;} /* Map Page */ .map-section{ padding: 55px 0;} .map-inner{ margin: 0 20px;} .map-inner:before{ bottom: -77px;} .map-inner .map-block{ max-width: 55%; width: 100%;} .map-inner .map{ height: 580px;} .map-details{ padding: 60px 40px 70px; max-width: 45%; width: 100%;} .map-details h1{ margin: 0 0 40px;} /* Projects Category Page */ .current-section{ padding: 20px 20px 0;} .current-inner .projects-wrap{ margin: 0 -15px;} .current-inner .width01{ width: calc(66.7% - 30px); margin: 0 15px 30px;} .current-inner .width02{ width: calc(33.3% - 30px); margin: 0 15px 30px;} .current-inner .single-inner h3{ font-size: 26px; left: 25px; bottom: 30px;} .current-inner .category{ padding: 25px 50px;} .current-inner .single-hover{ padding: 120px 25px 25px;} .current-inner .single-hover-inner{ padding: 0 25px;} .current-inner .single-hover h3{ margin-bottom: 40px; font-size: 26px;} .current-inner .single-hover p{ margin-bottom: 40px;} .current-inner .single-hover .btn-group .btn{ height: 60px; line-height: 60px; font-size: 16px; margin-right: 15px; padding: 0 15px;} .recent-section{ padding: 20px;} .recent-inner{ margin: 0 -15px;} .recent-inner .single-block{ margin: 0 15px; width: calc(33.33% - 30px);} .recent-inner .category{ padding: 25px 50px;} .recent-inner .single-recent{ margin-bottom: 30px;} .recent-inner .single-recent.height01{ height: calc(100% - 30px);} .recent-inner .single-inner h3{ left: 20px; width: calc(100% - 40px); bottom: 20px;} .recent-inner .single-hover{ padding: 120px 20px 20px;} .recent-inner .single-hover .btn-group .btn{ height: 60px; line-height: 60px; font-size: 16px; margin: 0 10px 10px 0; padding: 0 15px; max-width: 100%;} /* Project Page */ .project-inner{ flex-wrap: wrap; /*background-color: #fff;*/ padding: 40px 20px 40px;} .project-inner .project-left{ width: 60%;} .project-inner .project-right{ width: 40%;} .project-inner .project-right .project-right-inner{ padding: 60px 40px;} .project-inner .map{ height: 657px;} .project-inner .resp-tabs-list{ width: 100%;} .project-inner .resp-tabs-list li{ font-size: 20px; padding: 30px 15px; max-width: 200px;} .project-inner .project-right-inner span{ font-size: 22px;} .project-inner .project-right-inner p{ max-width: 100%;} .project-inner .project-right-inner h1{ margin: 0 0 30px; font-size: 40px;} .project-inner .project-right-inner h2{ padding: 0;} .project-inner .project-right-inner h2 span{ font-size: 30px;} .project-inner .project-right-inner small{ margin: 0 0 30px;} .project-inner .project-right-inner .btn-group a{ margin-right: 15px; font-size: 18px; padding: 0 20px;} /* News Page */ .page-nav-slider{ padding: 0 30px;} .page-nav-slider .slick-slide{ height: 109px;} .page-nav-slider .slick-slide a{ font-size: 18px; padding: 0 15px;} .page-nav-slider .slick-arrow{ left: -20px; width: 50px;} .page-nav-slider .slick-arrow.slick-next{ right: -20px; } .newsroom-sec .about-inner{ margin: 0;} nav.post-navigation .nav-previous { left: 20px;} nav.post-navigation .nav-links .nav-next{ right: 20px;} /* Project Details Page */ .single-projects .page-nav{ display: flex; justify-content: space-between;} .right-project{ position: static; border-top: 0; padding-left: 10px;} .right-project h4{ margin-right: 25px;} .project-detail-inner .single-text h2{ font-size: 40px; margin-bottom: 20px !important;} .project-detail-inner .single-block ul{ margin-bottom: 30px;} .project-detail-inner .single-block ul li{ font-size: 13px;} .project-detail-inner .single-block ul li:before{ top: 10px;} .project-detail-inner .single-block ol{ margin-bottom: 30px;} .project-detail-inner .single-block ol li{ line-height: 1.6; font-size: 16px;} .project-detail-inner .layout2 .single-text{ padding: 120px 40px 50px;} .project-detail-inner .layout2 .single-text .single-text-inner{ width: calc(100% - 80px);} .project-detail-inner .layout2 .single-text-inner p{ margin: 0 0 25px; max-width: 100%;} .project-detail-inner .layout5 .single-text{ padding: 40px;} .project-detail-inner .layout5 .single-text .single-text-inner{ width: calc(100% - 80px);} .project-detail-inner .layout5 .single-text-inner h2{ margin: 0 0 50px;} .project-detail-inner .ratiae-block{ margin: 0 0 50px;} .project-detail-inner .ratiae-block .single-block h4{ font-size: 90px;} .project-detail-inner .layout1 .single-text{ bottom: 30px;} .project-detail-inner .project-logo{ max-width: 150px;} .project-detail-inner .single-text .single-text-inner{ height: 55%;} .sold-sell{ left: 20px;} /* Community Section */ .community-inner .right-block .right-text{ padding: 0;} /* Testimonial Page */ .testimonial-slider{ padding: 0 30px;} .testimonial-section h1{ padding-left: 45px; padding-right: 45px;} .testimonial-section h1:before{ left: 45px;} .testimonial-section h2{ padding: 0 45px;} .testimonial-slider .single-slider{ padding: 0 20px;} .testimonial-slider .slick-arrow{ font-size: 0; height: 30px;} .testimonial-slider .slick-arrow.slick-prev{ left: 20px;} .testimonial-slider .slick-arrow.slick-next{ right: 20px;} /* News Room Page */ .newsroom-sec ul li{ padding: 0 20px 0 0;} } @media (min-width: 1025px) and (max-width: 1470px){ /* Header */ header .logo{ max-width: 150px; width: 100%;} nav{ margin: 0; width: calc(100% - 150px);} nav ul li a{ padding: 20px 20px;} nav ul li.play-icon a{ padding: 20px 0;} nav ul li.play-icon a:before{ top: 17px;} nav ul li.contact-icon a{ padding: 20px 0;} nav ul li.contact-icon a:before{ top: 17px;} /* Home Page */ .ratiae-block .single-block h4{ font-size: 140px;} /* Project Details Page */ .page-nav{ padding-left: 150px; padding-top: 75px;} .page-nav ul{ height: 75px;} .project-detail-inner .single-block.inner{ top: 205px;} .project-detail-inner .single-text h2{ font-size: 36px;} .project-detail-inner .layout1 .single-text p{ font-size: 26px; margin: 0 0 36px;} .project-detail-inner .layout2 .single-text .single-text-inner{ height: 63%;} } @media (min-width: 1025px) and (max-width: 1199px){ .h2, h2{ margin-bottom: 70px; padding-bottom: 70px;} .entry-title{ margin-bottom: 70px; padding-bottom: 70px;} /* Footer */ .top-foot{ padding: 50px 20px 20px;} .top-foot .title{ font-size: 26px;} .top-foot .single-foot .single-block{ margin-bottom: 40px;} /* home Page */ .banner-slider .banner-text{ padding: 0 80px 80px;} .banner-slider .banner-text .title{ font-size: 50px;} .home-project-section{ padding: 150px 0;} .home-project-inner .right-block{ padding-left: 40px;} .home-project-inner .right-block h3{ margin: 0 0 120px;} .ratiae-block .single-block h4{ font-size: 130px;} .home-team-section{ padding: 90px 0;} .home-team-inner{ flex-wrap: wrap;} .home-team-inner .left-block{ max-width: 100%;} .home-team-inner .right-block{ width: 100%; padding: 0; margin-top: 60px;} .home-difference-section{ padding: 110px 0;} .home-difference-inner .right-block{ padding-left: 40px;} .home-difference-inner .right-block h3{ font-size: 50px; margin: 0 0 50px;} .home-touch-section{ padding: 120px 0 80px;} .home-touch-inner .right-block{ padding-left: 40px;} /* About Page */ .page-nav{ padding-left: 212px;} .page-nav ul li a{ padding: 43px 15px; font-size: 18px;} .about-section .about-inner{ margin-bottom: 150px;} .about-section .about-inner:before{ bottom: -100px;} .about-section .left-block{ max-width: 50%; padding-right: 30px;} .about-section .left-block-inner{ flex-wrap: wrap;} .about-section .left-block-inner .left-title{ width: 100%;} .about-section .left-block-inner h2{ padding-bottom: 20px; font-size: 40px;} .about-section .left-block-inner .left-paragraph{ width: 100%;} .about-section .right-block{ max-width: 50%; width: 100%;} .about-section .bg-img{ width: calc((100% - 10%) / 2);} .single-projects .page-nav li:last-child a{ padding: 0 15px;} /* Investors Page */ .investors-inner .left-block{ max-width: 70%; padding-right: 30px;} .investors-inner .right-block{ max-width: 30%; padding-left: 30px;} /* Difference Page */ .difference-inner .left-block{ max-width: 35%; padding-right: 30px;} .difference-inner .right-block{ max-width: 65%; padding-left: 30px;} .difference-inner .right-block h3{ font-size: 50px;} /* Contact Page */ .touch-inner .left-block{ max-width: 40%; padding-right: 30px;} .touch-inner .right-block{ max-width: 60%; padding-left: 30px;} /* Map Page */ .map-section{ padding: 55px 0;} .map-inner{ margin: 0 20px;} .map-inner:before{ display: none;} .map-inner .map-block{ max-width: 55%; width: 100%;} .map-inner .map{ height: 580px;} .map-details{ padding: 60px 40px 70px; max-width: 45%; width: 100%;} .map-details h1{ margin: 0 0 40px;} /* Projects Category Page */ .current-section{ padding: 20px 20px 0;} .current-inner .projects-wrap{ margin: 0 -15px;} .current-inner .single-block{ height: 550px;} .current-inner .width01{ width: calc(60% - 30px); margin: 0 15px 30px;} .current-inner .width02{ width: calc(40% - 30px); margin: 0 15px 30px;} .current-inner .single-inner h3{ font-size: 26px; left: 25px; bottom: 30px;} .current-inner .category{ padding: 25px 50px;} .current-inner .single-hover{ padding: 120px 25px 25px;} .current-inner .single-hover-inner{ padding: 0 25px;} .current-inner .single-hover h3{ margin-bottom: 40px; font-size: 26px;} .current-inner .single-hover p{ max-width: 100%; margin-bottom: 40px; height: 130px; overflow-y: scroll; overflow-x: hidden;} .current-inner .single-hover .btn-group .btn{ height: 60px; line-height: 60px; font-size: 16px; margin-right: 15px; padding: 0 15px;} .recent-section{ padding: 20px;} .recent-inner{ margin: 0 -15px;} .recent-inner .single-block{ margin: 0 15px; width: calc(33.33% - 30px);} .recent-inner .category{ padding: 25px 50px;} .recent-inner .single-recent{ margin-bottom: 30px; height: 300px;} .recent-inner .single-recent.height01{ height: 630px;} .recent-inner .single-inner h3{ font-size: 20px; left: 20px; width: calc(100% - 40px); bottom: 20px;} .recent-inner .single-hover{ padding: 90px 20px 20px;} .recent-inner .single-hover h3{ font-size: 20px;} .recent-inner .single-hover .btn-group{ flex-wrap: wrap;} .recent-inner .single-hover .btn-group .btn{ height: 60px; line-height: 60px; font-size: 16px; margin: 0 0 10px; padding: 0 15px; max-width: 100%;} /* Project Page */ .project-inner{ flex-wrap: wrap; background-color: #fff; padding: 40px 20px;} .project-inner .project-left{ width: 50%;} .project-inner .project-right{ width: 50%;} .project-inner .project-right .project-right-inner{ /*position: static; top: 0; transform: none;*/ padding: 60px 40px;} .project-inner .map{ height: 690px;} .project-inner .resp-tabs-list{ width: 100%;} .project-inner .resp-tabs-list li{ font-size: 18px; padding: 25px 15px; max-width: 170px;} .project-inner .project-right-inner span{ font-size: 22px;} .project-inner .project-right-inner p{ max-width: 100%;} .project-inner .project-right-inner h1{ margin: 0 0 20px; font-size: 40px;} .project-inner .project-right-inner h2{ padding: 0; margin: 0 0 30px;} .project-inner .project-right-inner h2 span{ font-size: 30px;} .project-inner .project-right-inner small{ margin: 0 0 20px;} .project-inner .project-right-inner .btn-group a{ margin-right: 25px; font-size: 18px;} /* News Page */ .news-section{ padding: 100px 0 120px;} .page-nav-slider{ padding: 0 30px;} .page-nav-slider .slick-slide{ height: 109px;} .page-nav-slider .slick-slide a{ font-size: 18px; padding: 0 15px;} .page-nav-slider .slick-arrow{ left: -20px; width: 50px;} .page-nav-slider .slick-arrow.slick-next{ right: -20px; } .newsroom-sec .about-inner{ margin: 0;} nav.post-navigation .nav-previous { left: 20px;} nav.post-navigation .nav-links .nav-next{ right: 20px;} nav.post-navigation .nav-previous, nav.post-navigation .nav-next{ bottom: 50px;} /* Project Details Page */ .single-projects .page-nav{ display: flex; justify-content: space-between;} .right-project{ position: static; border-top: 0; padding-left: 10px;} .right-project h4{ margin-right: 20px; font-size: 16px;} .right-project .btn.btn-fill{ max-width: 22%; width: 100%;} .project-detail-inner .project-logo{ top: 0; right: 30px; max-width: 150px; width: 100%;} .project-detail-inner .layout1 .single-text{ bottom: 50px; width: calc(100% - 40px);} .project-detail-inner .single-text h2{ font-size: 36px; margin-bottom: 20px !important;} .project-detail-inner .single-text h3{ font-size: 24px;} .project-detail-inner .layout1 .single-text h2{ margin: 0 0 30px; max-width: 100%;} .project-detail-inner .layout1 .single-text p{ font-size: 24px; margin: 0 0 30px; max-width: 100%;} .project-detail-inner .layout2 .single-text{ width: 100%; height: auto; bottom: 0; top: auto; padding: 30px 30px 40px;} .project-detail-inner .layout2 .single-text .single-text-inner{ position: static; transform: none; top: auto; height: 230px;} .project-detail-inner .layout2 .single-text-inner h2{ max-width: 100%; margin: 0 0 30px;} .project-detail-inner .layout2 .single-text-inner p{ max-width: 100%; margin: 0 0 30px;} .project-detail-inner .single-block ul{ margin: 0 0 30px;} .project-detail-inner .single-block ul li{ font-size: 13px; } .project-detail-inner .single-block ul li:before{ top: 10px;} .project-detail-inner .single-block ol{ margin: 0 0 30px;} .project-detail-inner .single-block ol li{ font-size: 16px; line-height: 1.6;} .project-detail-inner .layout5 .single-text{ width: 100%; height: auto; bottom: 0; top: auto; padding: 30px 30px 40px;} .project-detail-inner .layout5 .single-text .single-text-inner{ position: static; transform: none; top: auto; width: 100%;} .project-detail-inner .layout5 .single-text-inner h2{ max-width: 100%; margin: 0 0 30px;} .project-detail-inner .ratiae-block{ margin-bottom: 30px;} .project-detail-inner .ratiae-block .single-block h4{ font-size: 80px;} .project-detail-inner .single-text .single-text-inner{ height: 250px;} .sold-sell{ left: 30px;} .recent-inner .single-hover .single-hover-inner{ width: calc(100% - 40px); left: 20px; bottom: 20px;} /* Vision & Values Page */ .vision-section { padding: 90px 0 40px;} .vision-section .top-block h1{ margin-bottom: 50px; padding-bottom: 50px;} .vision-section .bottom-block .single-block{ width: calc(32% - 20px);} /* Community Section */ .community-inner .right-block .right-text{ padding: 0;} /* Testimonial Page */ .testimonial-section{ padding: 100px 0 0;} .testimonial-slider{ padding: 0 30px;} .testimonial-section h1{ padding-left: 45px; padding-right: 45px;} .testimonial-section h1:before{ left: 45px;} .testimonial-section h2{ padding: 0 45px;} .testimonial-slider .single-slider{ padding: 0 20px;} .testimonial-slider .slick-arrow{ font-size: 0; height: 30px;} .testimonial-slider .slick-arrow.slick-prev{ left: 20px;} .testimonial-slider .slick-arrow.slick-next{ right: 20px;} /* The Trumen Difference Page */ .trumen-difference-inner .left-block{ max-width: 32%;} .trumen-difference-inner .right-block p{ padding: 0;} .trumen-difference-inner .right-block ul li{ padding: 0 20px;} /* News Room Page */ .newsroom-sec{ padding: 100px 0;} .newsroom-sec .about-inner{ margin: 0;} .newsroom-sec small.date{ margin-bottom: 40px;} .newsroom-sec .left-block h1{ padding-bottom: 0;} .newsroom-sec .left-block h1 span{ max-width: 100%;} .newsroom-sec ul{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin-bottom: 30px;} .newsroom-sec ul li{ padding: 0;} .newsroom-sec h3{ padding: 0; margin: 0 0 50px;} .newsroom-sec .btn-fill{ padding-left: 90px; padding-right: 90px;} .newsroom-sec .right-block .bg-img{background-size: 100%;} /* Video Page */ .video-section .top-block{ margin-bottom: 50px;} } @media (min-width: 768px) and (max-width: 1024px){ .h1, h1{ font-size: 40px;} .h2, h2{ font-size: 40px; padding-bottom: 50px; margin-bottom: 50px;} .h3, h3{ font-size: 36px;} .h4, h4{ font-size: 30px;} .btn{ padding: 27px 70px 27px 40px;} .btn-arrow:before{ right: 40px;} .btn-arrow:hover:before{ right: 30px;} button, input[type="button"], input[type="reset"], input[type="submit"]{ height: 80px; line-height: 80px; padding: 0 60px;} .entry-title{ margin-bottom: 50px; padding-bottom: 50px;} blockquote{ font-size: 40px;} blockquote p{ font-size: 24px; margin-top: 30px;} /* Footer */ .top-foot{ padding: 50px 20px 30px; flex-wrap: wrap;} .top-foot .title{ font-size: 24px; margin-bottom: 25px;} .top-foot .single-foot{ width: 33.33%;} .top-foot .single-foot:last-child{ width: 50%;} .top-foot .single-foot .single-block{ margin-bottom: 40px;} /* Home Page */ .banner-slider .banner-text{ padding: 0 30px 50px;} .banner-slider .banner-text .title{ font-size: 40px;} .home-project-section{ padding: 70px 0;} .home-project-inner .right-block{ max-width: 100%; padding-left: 30px;} .home-project-inner .right-block h3{ font-size: 36px; margin-bottom: 40px;} .ratiae-block .single-block{ width: 48%;} .ratiae-block .single-block h4{ font-size: 80px;} .ratiae-block .single-block p{ line-height: 1.4;} .ratiae-block .single-block:nth-child(odd){ margin: 0; padding-right: 20px;} .home-team-section{ padding: 70px 0;} .home-team-inner{ flex-wrap: wrap;} .home-team-inner .left-block{ max-width: 100%;} .home-team-inner .right-block{ width: 100%; padding: 0; margin: 40px 0 0;} .team-blocks .single-team .single-team-name h4{ font-size: 24px;} .team-blocks .single-team .single-team-name small{ font-size: 16px;} .team-blocks .single-team .bg-img{ height: 350px;} .home-difference-section{ padding: 70px 0;} .home-difference-inner .left-block{ padding-right: 30px;} .home-difference-inner .right-block h3{ font-size: 36px; margin: 0 0 40px;} .home-touch-section{ padding: 70px 0;} .home-touch-inner .left-block h3{ font-size: 40px; margin: 0 0 40px;} .home-touch-inner .middle-contact{ margin: 0 0 40px;} .home-touch-inner .right-block .wpcf7-form-control-wrap{ margin: 0 0 30px;} .home-touch-inner .right-block form label{ position: static;} .home-touch-inner .right-block form label span.Pleasegivemeacall{ margin: 0 0 30px;} .home-touch-inner .right-block .wpcf7-form-control-wrap.message{ margin: 0 0 40px;} /* About Page */ .page-nav{ padding-top: 72px; padding-left: 0;} .page-nav ul{ height: 80px;} .page-nav ul li{ max-width: 140px;} .page-nav ul li a{ padding: 20px 10px; font-size: 16px;} .about-section{ padding: 60px 0 80px;} .about-section .about-inner{ flex-wrap: wrap; margin: 0;} .about-section .about-inner:before{ display: none;} .about-section .left-block{ max-width: 50%; padding-right: 20px;} .about-section .left-block h1{ margin-bottom: 30px; padding-bottom: 30px;} .about-section .left-block-inner{ flex-wrap: wrap;} .about-section .left-block-inner h2{ margin-bottom: 40px;} .about-section .left-block-inner .left-title{ width: 100%;} .about-section .left-block-inner .left-paragraph{ width: 100%; margin: 0;} .about-section ul{ margin: 25px 0;} .about-section ul li{ font-size: 24px; margin: 15px 0;} .about-section ul li:before{ top: 12px;} .about-section .right-block{ max-width: 48%; width: 100%;/* margin-top: 50px;*/} .about-section .bg-img{ width: calc((100% - 10%) / 2); top: 70px;} /*.about-inner .right-block a{ bottom: -180px;}*/ /*.about-section .bg-img{ position: static; width: 100%;}*/ /*.about-inner .right-block a{ position: relative; margin-top: 40px; left: 0 !important;}*/ .bg-img:before{ display: none;} .single-projects .page-nav li:last-child a{ padding: 0 10px;} .single-projects .page-nav li:last-child a:before{ top: 3px;} /* Team Page */ /*.home-team-section{ padding-bottom: 0;}*/ .team-section{ padding-bottom: 0;} .team-section .team-blocks{ padding-bottom: 60px;} .team-blocks .single-team .bg-img{ height: auto; padding: 70% 0; margin-bottom: 30px;} .team-blocks .single-team p{ margin: 0 0 10px;} .more-team-block .single-block h4{ font-size: 20px;} .more-team-block .single-block small{ font-size: 14px;} .more-team-block .single-block{ width: calc(33.33% - 26px); margin: 0 13px 50px;} .team-blocks .single-team .single-team-name h4{ font-size: 22px;} .team-blocks .single-team .single-team-name small{ font-size: 16px;} .more-team-block .single-block .bg-image{ height: auto; padding: 70% 0;} .more-team-block .single-block:hover .single-block-text{ padding-top: 20px;} .more-team-block .single-block-text p{ height: 60%;} .single-team-hover .single-name-hover{ padding-top: 25px;} .single-team-hover p{ bottom: 20px; height: 180px;} .single-team-hover .team-con{ bottom: 0;} /* Investors Page */ .investors-inner:before{ left: 0;} .investors-inner .left-block{ max-width: 50%; padding-right: 30px;} .investors-inner .left-block h3{ font-size: 36px; margin: 0 0 40px;} .investors-inner .right-block{ max-width: 50%; padding-left: 30px;} /* Difference Page */ .difference-inner:before{ left: 0;} .difference-inner .left-block{ max-width: 50%; padding-right: 20px;} .difference-inner .right-block{ max-width: 50%; padding-left: 20px;} .difference-inner .right-block h3{ font-size: 36px; margin: 0 0 40px;} /* Contact Page */ .touch-inner:before{ left: 0;} .touch-inner .left-block{ max-width: 50%; padding-right: 30px;} .touch-inner .left-block h1{ font-size: 50px; margin: 0 0 50px;} .touch-inner .right-block{ max-width: 50%; padding-left: 30px;} .touch-inner .right-block .wpcf7-form-control-wrap{ margin: 0 0 50px;} .touch-inner .right-block .wpcf7-form-control-wrap.message{ margin: 0 0 40px;} .touch-inner .right-block form label{ position: static; margin: 0;} /* Map Page */ .map-section{ padding: 55px 0;} .map-inner{ margin: 0 20px;} .map-inner:before{ display: none;} .map-inner .map{ height: 500px;} .map-details{ position: static; padding: 60px 40px 70px; max-width: 100%;} .map-details h1{ margin: 0 0 40px;} /* Projects Category Page */ .current-section{ padding: 20px 20px 0;} .current-inner .projects-wrap{ margin: 0 -10px 20px;} .current-inner .single-block{ height: 500px;} .current-inner .width01{ width: calc(50% - 20px); margin: 0 10px;} .current-inner .width02 { width: calc(50% - 20px); margin: 0 10px; } .current-inner .category{ padding: 20px 30px; font-size: 16px;} .current-inner .single-inner h3{ left: 30px; bottom: 30px; font-size: 26px; max-width: 350px; width: calc(100% - 60px);} .current-inner .single-hover{ padding: 100px 20px 20px;} .current-inner .single-hover-inner{ padding: 0 20px;} .current-inner .single-hover h3{ font-size: 20px; margin: 0 0 30px;} .current-inner .single-hover p { margin: 0 0 50px; height: 150px; overflow-y: scroll; overflow-x: hidden; max-width: 100%;} .current-inner .single-hover .btn-group .btn{ height: 60px; line-height: 60px; margin-right: 10px; font-size: 16px; padding: 0 15px;} .recent-section{ padding: 0 20px;} .recent-inner{ margin: 0 -10px;} .recent-inner .single-block{ width: calc(33.33% - 20px); margin: 0 10px;} .recent-inner .category{ padding: 10px 20px; font-size: 16px;} .recent-inner .single-recent{ margin-bottom: 20px; height: 250px; } .recent-inner .single-recent.height01{ height: 520px;} .recent-inner .single-inner h3{ font-size: 20px; left: 20px; bottom: 20px; width: calc(100% - 40px);} .recent-inner .single-hover{ padding: 50px 20px 0;} .recent-inner .single-hover h3{ font-size: 20px; margin: 0 0 10px;} .recent-inner .single-hover .btn-group{ flex-wrap: wrap;} .recent-inner .single-hover .btn-group .btn{ height: 50px; line-height: 50px; width: 100%; max-width: 100%; margin: 0 0 10px; font-size: 16px;} .recent-inner .single-hover .single-hover-inner{ width: calc(100% - 40px); left: 20px; bottom: 20px;} /* Project Page */ .project-inner{ flex-wrap: wrap; background-color: #fff; padding: 40px 20px;} .project-inner .project-left{ width: 100%;} .project-inner .project-right{ width: 100%;} .project-inner .project-right .project-right-inner{ position: static; top: 0; transform: none; padding: 40px 30px;} .project-inner .map{ height: 500px;} .project-inner .resp-tabs-list{ width: 100%;} .project-inner .resp-tabs-list li{ font-size: 18px; padding: 30px 15px; max-width: 200px;} .project-inner .project-right-inner span{ font-size: 20px;} .project-inner .project-right-inner p{ max-width: 100%;} .project-inner .project-right-inner h1{ margin: 0 0 20px; font-size: 36px;} .project-inner .project-right-inner h2{ padding: 0; margin: 0 0 30px;} .project-inner .project-right-inner h2 span{ font-size: 30px;} .project-inner .project-right-inner small{ margin: 0 0 20px;} .project-inner .project-right-inner .btn-group a{ margin-right: 15px; font-size: 16px;} .project-cat-sec{ padding: 80px 0 50px;} .project-cat-inner .right-block{ max-width: 55%;} .project-cat-inner .right-block h3{ font-size: 26px;} .project-cat-inner .right-block p{ padding: 0;} /* News Page */ .news-section{ padding: 80px 0 100px;} .page-nav-slider{ padding: 0 30px;} .page-nav-slider .slick-slide{ height: 80px;} .page-nav-slider .slick-slide a{ font-size: 16px; padding: 0 8px;} .page-nav-slider .slick-arrow{ left: -20px; width: 50px;} .page-nav-slider .slick-arrow.slick-next{ right: -20px; } .investors-inner .right-block .btn{ max-width: 220px;} /* Project Details Page */ .default-entry-content{ padding: 80px 0 60px;} .single-projects .default-entry-content{ padding: 200px 0 60px;} /* Error Page */ .error-404{ padding: 150px 0 80px;} .error-404 h3{ font-size: 36px;} /* Vision & Values Page */ .vision-section { padding: 70px 0 30px;} .vision-section .top-block h1{ margin-bottom: 50px; padding-bottom: 50px;} .vision-section .bottom-block .single-block{ width: calc(33% - 15px);} /* Community Section */ .community-section{ padding: 60px 0 30px;} .community-inner{ flex-wrap: wrap; margin-bottom: 40px;} .community-inner .left-block{ width: 100%; margin-bottom: 30px;} .community-inner .left-block .left-text{ position: static;} .page-community .community-inner h1{ margin-bottom: 40px; padding-bottom: 25px; display: block; width: 100%;} .community-inner .middle-block{ width: 100%; padding: 0; margin-bottom: 30px;} .community-inner .middle-block p{ margin: 0;} .community-inner .middle-block ul li{ width: calc(33.33% - 13px);} .community-inner .right-block{ width: 100%;} .community-inner .right-block .right-text{ padding: 0;} .community-inner .right-block .right-text p{ margin-bottom: 25px;} .community-inner .bg-img{ position: static; width: 100%; height: auto; padding: 30% 0;} .community-inner h3{ font-size: 30px; margin: 0 0 15px;} /* Testimonial Page */ .testimonial-section{ padding: 70px 0 0;} .testimonial-section h1{ margin-bottom: 30px; padding-bottom: 30px;} .testimonial-section h2{ margin-bottom: 30px;} .testimonial-slider{ padding: 0 30px;} .testimonial-section h1{ padding-left: 45px; padding-right: 45px;} .testimonial-section h1:before{ left: 45px;} .testimonial-section h2{ padding: 0 45px;} .testimonial-slider .single-slider{ padding: 0 20px;} .testimonial-slider .slick-arrow{ font-size: 0; height: 30px;} .testimonial-slider .slick-arrow.slick-prev{ left: 20px;} .testimonial-slider .slick-arrow.slick-next{ right: 20px;} /* The Trumen Difference Page */ .border-h1{ padding-bottom: 40px; margin-bottom: 40px;} .trumen-difference-section{ padding: 90px 0 60px;} .trumen-difference-inner{ flex-wrap: wrap;} .trumen-difference-inner .left-block{ max-width: 40%;} .trumen-difference-inner .right-block{ max-width: 55%;} .trumen-difference-inner .right-block ul li{ padding: 0; width: 100%; margin-bottom: 20px;} .trumen-difference-inner .right-block h3{ font-size: 20px; margin: 0 0 15px;} .trumen-difference-inner .right-block p{ padding: 0;} /* Our History Page */ .history-section{ padding: 70px 0;} .history-inner h3{ margin-bottom: 30px;} .history-inner .right-block{ margin-top: 40px;} .history-inner .right-text{ flex-wrap: wrap; margin: 0 0 30px;} .history-inner .right-text p{ width: 100%; padding: 0; margin: 0 0 10px;} .history-inner .right-text p:first-child{ padding: 0;} .history-inner .right-text p:last-child{ padding: 0;} /* Video Section */ .video-section{ padding: 80px 0 100px;} .video-section .top-block{ margin-bottom: 40px;} .video-inner .content-block{ padding: 30px 0 0 30px;} .video-block .video-play{ padding: 23px 20px;} /* News Room Page */ .newsroom-sec{ padding-bottom: 100px;} .newsroom-sec small.date{ margin-bottom: 30px;} .newsroom-sec .left-block h1{ padding-bottom: 0;} .newsroom-sec .left-block h1 span{ position: static; max-width: 100%; text-align: left;} .newsroom-sec ul{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin-bottom: 30px;} .newsroom-sec ul li{ padding: 0; font-size: 13px;} .newsroom-sec h3{ padding: 0; margin: 0 0 40px;} .newsroom-sec .btn-fill{ padding-left: 70px; padding-right: 70px;} .newsroom-sec .about-inner{ margin: 0;} nav.post-navigation .nav-previous, nav.post-navigation .nav-next{ bottom: 50px;} nav.post-navigation .nav-previous { left: 20px;} nav.post-navigation .nav-links .nav-next{ right: 20px;} nav.post-navigation .nav-links span{ font-size: 18px;} .newsroom-sec .right-block .bg-img{background-size: 100%;} } @media (max-width:1024px){ /* Header */ header{ border-bottom: 2px solid #fff;} header .head-inner{ justify-content: flex-start; background-color: #1A1A1A;} header .logo{ position: static; border-right: 2px solid #fff; width: auto;} header .logo img{ width: 73px;} nav{ width: auto; margin: 0; border-left: 0;} nav ul li.diffrence a{ background-color: transparent;} nav ul li.contact-icon>a{ font-size: 33px; background-color: transparent; height: auto;} nav ul li.contact-icon a:before{ display: none;} nav ul li.contact-icon li a{ background-color: transparent; font-size: 14px;} /* Mobile Menu */ header.site-header{ padding: 10px 0 15px; background-color: transparent;} .header-extra-height{ height: 53px;} .header-inner .logo{ line-height: 1; position: relative; z-index: 99;} /*header.site-header .logo svg{ max-width: 130px; width: 100%; height: 40px; }*/ .home .navigation ul li a{ color: #346e30;} body.menu-open header.site-header{ border-bottom: 1px solid rgba(151,151,151,0.4); } body.menu-open .main-logo {display: none} body.menu-open .menu-logo {display: block;position: relative;top: 0} body.menu-open {height: 100%;position: relative;overflow: hidden} .menu-icon {cursor: pointer;color: #fff;text-transform: uppercase;text-align: center;font-weight: 700;line-height: 33px;font-size: 0;padding: 10px 0} .enumenu_ul>li ul a, .enumenu_ul>li>a {text-align: left;font-weight: 400;letter-spacing: 0.51px;color: #fff; font-size: 14px; font-family: 'artegra_sansregular'; font-weight: 600; display: inline-block; width: 100%; padding: 5px 0;} .menu-icon .menu-box {width: 26px;height: 22px;padding: 0;position: absolute;right: 20px;z-index: 98; top: 12px;} .menu-icon .menu-box span {width: 100%;height: 2px;margin-bottom: 8px;background: #6dae12;display: block;transition: all .5s;-webkit-transition: all .5s} .enumenu_ul li ul ul, .enumenu_ul>li ul {background-color: transparent;border: 0; padding: 8px 0;} .menu-icon .menu-box span:nth-child(1){background-color: #fff;} .menu-icon .menu-box span:nth-child(2){background-color: #fff;} .menu-icon .menu-box span:nth-child(3){background-color: #fff;} .menu-icon.active span:nth-child(1) {background-color: #fff; transform: rotate(45deg) translateY(5.5px) translateX(9px);-webkit-transform: rotate(45deg) translateY(5.5px) translateX(9px)} .menu-icon.active span:nth-child(2) {opacity: 0} .menu-icon.active span:nth-child(3) {background-color: #fff; transform: rotate(-45deg) translateY(-5px) translateX(8px);-webkit-transform: rotate(-45deg) translateY(-5px) translateX(8px)} .enumenu_ul {display: none;width: 100%} .menu-block {height: auto} .menu-icon {display: block;position: absolute;right: 0; top: 12px;} .enumenu_ul>li {margin: 0;padding: 0; position: relative; max-width: 100%; border: 0;} .enumenu_ul>li.quote{ padding: 50px 0 0; margin-top: 30px; border: 0; border-top: 1px solid #D0CBCB; } .enumenu_ul>li>a {display: block;padding: 5px 0;font-size: 33px;width: 100%; font-family: 'artegra_sansbold'; letter-spacing: 0;} .enumenu_ul>li>a:hover{ color: #fff;} .enumenu_ul>li.current-menu-item>a, .enumenu_ul>li.current_page_ancestor>a{ color: #658d3c; background-color: transparent;} .enumenu_ul>li>ul>li.current-menu-item>a{ color: #658d3c; background-color: transparent;} .menu li.mob-call + li{ display: block;} .header-inner nav ul li a{ text-align: left; border-bottom: 1px solid rgba(151,151,151,0.4); padding: 16px 20px; font-weight: bold; letter-spacing: 0; } /*.menu>li.menu-item-has-children>a{ padding: 6px 15px;}*/ .navigation .enumenu_ul>li:hover>a {color: #6dae12} .navigation .enumenu_ul>li ul {left: auto;right: auto;width: 100%;text-align: center;float: none;position: static;opacity: 1;visibility: visible;padding: 0} .navigation .enumenu_ul>li ul li {margin: 0;width: 100%;float: none;border: 0; padding: 5px 0;} .navigation .enumenu_ul>li ul li span.arrow {top: 12px;right: 23px} .navigation .enumenu_ul>li ul a { display: block; padding: 5px 15px; width: 100%; font-size: 16px; color: #fff;} body.menuslide_push {position: relative} body.menuslide_push.slidemenuLeft {left: 0;transition: left .5s;-webkit-transition: left .5s;-moz-transition: left .5s;-ms-transition: left .5s;-o-transition: left .5s} body.menuslide_push.slidemenuRight {right: 0;transition: right .5s;-webkit-transition: right .5s;-moz-transition: right .5s;-ms-transition: right .5s;-o-transition: right .5s} body.slidemenuRight .enumenu_ul {right: -100%} body.slidemenuRight.menu-open .enumenu_ul {right: 0} body.slidemenuLeft .enumenu_ul {left: -100%} body.slidemenuLeft.menu-open .enumenu_ul {top: 0; opacity: 1; left: 0;} body.menuslide_push.slidemenuLeft.menu-open {left: 300px} body.menuslide_push.slidemenuRight.menu-open {right: 300px} body.menuOverlap .enumenu_ul, body.menuslide_push .enumenu_ul {background-color: #1a1a1a; height: 100vh; max-height: calc(100vh - 75px); width: 100%; overflow: auto; position: fixed; transition: all .5s ease 0s; max-width: 100%; top: 0; z-index: 9; display: block; padding: 50px 75px 50px 45px; margin: 75px 0 0 ; border-top: 1px solid rgba(151,151,151,0.4); overflow-x: hidden; overflow-y: scroll; opacity: 0; left: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center;} .menu li span.arrow {position: absolute;right: 0;width: 26px;height: 26px;top: 22px;cursor: pointer; text-align: center; display: inline-block;} .menu li li span.arrow {display: block} .menu li span.arrow:before {font-weight: 900;color: #346e30;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;font-size: 22px;width: 100%; height: 100%; content: " "; background-image: url(images/plus-icon.png); background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 15px; width: 15px; background-size: 15px;} .menu li span.arrow.up:before { background-image: url(images/minus-icon.png);} .menu li li a svg {display: none} .enumenu_ul>li ul ul a {font-size: 14px} nav ul li ul{ position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; max-width: 100%; padding: 0 0 20px; display: none; width: 100%;} nav ul li li{ border: 0; max-width: 100%; } nav ul li li a{ font-size: 13px; font-weight: normal; padding: 0; } nav ul li a svg{ display: none; } nav ul li{ margin: 0;} nav ul li:before{ display: none;} nav ul li ul li a{ border: 0;} .header-transparent nav ul li.quote a{ margin-left: 0; padding: 0; color: #fff; max-width: 190px; width: 100%; display: inline-block; text-align: center;} .header-transparent nav ul li.quote a:before{ left: 0; right: 0; transform: none; background-color: #A81F27;} .header-white ul li a{ color: #fff;} .header-white nav ul li ul{ background-color: transparent;} .header-white nav ul li.quote a{ margin: 0; padding: 5px 0; color: #A81F27;} .header-white nav ul li.quote a:before{ background-color: #fff; bottom: -6px; top: -6px; left: 0; right: 0;} nav ul li.current-menu-item li a, nav ul li.current_page_ancestor li a{ color: #fff;} nav ul li.current_page_ancestor li.current-menu-item a{ font-weight: 600;} nav ul li a:hover{ background-color: transparent;} nav ul li.diffrence a:hover{ background-color: transparent;} nav ul li.current_page_item a, nav ul li.current_page_ancestor a{ background-color: transparent;} nav ul li.home-mobile{ display: block;} nav ul li.current_page_item.contact-icon a, nav ul li.current_page_ancestor.contact-icon a{ background-color: transparent;} nav ul li.play-icon{ display: none;} nav ul li.contact-icon{ max-width: 100%;} nav ul li.contact-icon>a{ padding: 0;} nav ul li.contact-icon li a{ padding: 0;} .page-nav{ padding-left: 0; padding-top: 75px;} } @media (max-width:1023px){ /* Project Details Page */ .single-projects header{ border: 0;} .single-projects .page-nav{ background-color: #fff; display: flex; justify-content: space-between; padding-top: 73px; z-index: 2;} /*.single-projects .page-nav ul li.active:before{ bottom: 20px;}*/ .right-project{ position: static; border-top: 0; padding-left: 10px;} .right-project h4{ margin-right: 20px; font-size: 16px;} .right-project .btn.btn-fill{ height: 80px; line-height: 80px; max-width: 130px; padding: 0 20px; font-size: 16px;} #fullpage{ padding: 0;} .project-detail-inner{ padding: 0;} .project-detail-inner .single-block.inner{ top: 0; height: 100% !important;} .project-detail-inner ul.pagination li a{ border-color: #fff; background-color: #fff;} .project-detail-inner ul.pagination li a.active{ border-color: #fff;} .project-detail-inner .layout1 .single-text{ bottom: 0; width: calc(100% - 40px); padding: 30px 20px;} .project-detail-inner .layout1 .single-text h2{ max-width: 100%; margin: 0 0 30px;} .project-detail-inner .layout1 .single-text p{ max-width: 100%; font-size: 20px; margin-bottom: 30px;} .project-detail-inner .project-logo{ right: 50px; max-width: 150px; width: 100%; top: 150px;} .sold-sell{ top: 150px; left: 50px; font-size: 18px; padding: 20px 40px;} .project-detail-inner .layout2 .single-text{ width: 100%; padding: 40px 20px; height: auto; bottom: 0; top: auto;} .project-detail-inner .layout2 .single-text .single-text-inner{ width: 100%; position: static; transform: none; bottom: 0; top: auto;} .project-detail-inner .layout2 .single-text h2{ max-width: 100%; margin: 0 0 30px;} .project-detail-inner .layout2 .single-text-inner p{ max-width: 100%; font-size: 14px; line-height: 1.4; margin: 0 0 30px;} .project-detail-inner .single-block ul{ margin: 0 0 30px; display: none;} .project-detail-inner .single-block ul li{ font-size: 14px; line-height: 1.4;} .project-detail-inner .single-block ul li:before{ top: 7px;} .project-detail-inner .single-block ol{ margin: 0 0 30px; display: none;} .project-detail-inner .single-block ol li{ font-size: 14px; line-height: 1.4;} .project-detail-inner .btn-fill{ height: 60px; line-height: 60px;} .project-detail-inner .layout5 .single-text{ width: 100%; padding: 40px 20px; height: auto; top: auto; bottom: 0;} .project-detail-inner .layout5 .single-text .single-text-inner{ width: 100%; position: static; transform: none; bottom: 0;} .project-detail-inner .layout5 .single-text-inner h2{ margin: 0 0 30px; max-width: 100%;} .project-detail-inner .ratiae-block .single-block h4{ font-size: 50px;} .project-detail-inner .ratiae-block{ margin: 0 0 30px; display: none;} .project-detail-inner .single-text h2{ margin: 0 !important;} .project-detail-inner .single-text p{ display: none;} .project-detail-inner .single-text h3{ display: none;} .project-detail-inner .btn-fill{ display: none;} .project-detail-inner .single-text h2{ font-size: 30px;} .scroll-next{ display: none;} .project-slider ,.project-slider .slick-list, .project-slider .slick-track, .project-slider .slick-slide{ height: 100%;} .project-detail-inner .project-slider .single-block{ background-position: bottom center;} } @media (min-width: 768px){ /* Projects Category Page */ .mobile-recent-section{ display: none;} } @media (max-width: 767px){ .h1, h1{ font-size: 26px; } .h2, h2{ font-size: 26px; margin-bottom: 25px; padding-bottom: 25px;} .h3, h3{ font-size: 22px;} .h4, h4{ font-size: 20px;} .btn{ padding: 24px 64px 24px 34px;} .btn-arrow:before{ right: 34px;} .btn-arrow:hover:before{ right: 20px;} button, input[type="button"], input[type="reset"], input[type="submit"]{ height: 55px; line-height: 55px; padding: 0 35px;} .entry-title{ margin-bottom: 25px; padding-bottom: 25px;} blockquote{ font-size: 26px; } blockquote p{ font-size: 20px; margin-top: 20px;} /* Footer */ .top-foot{ padding: 30px 20px 0; flex-wrap: wrap;} .top-foot .single-foot{ width: 33.33%;} .top-foot .single-foot:last-child{ width: 50%;} .top-foot .title{ font-size: 22px; margin-bottom: 20px;} .top-foot .single-foot .single-block{ margin-bottom: 40px;} .bottom-foot{ padding: 15px;} .top-foot .single-foot ul.social{ min-height: inherit;} .top-foot .single-foot ul.social li{ margin-top: 0;} /* Home Page */ .banner-slider .banner-text{ padding: 0 9px 40px;} .banner-slider .banner-text .title{ font-size: 20px;} .home-project-section{ padding: 15px 0; background-color: #fff;} .home-project-inner{ flex-wrap: wrap; padding: 45px 30px; background-color: #f2f2f2;} .home-project-inner .left-block{ max-width: 100%;} .home-project-inner .right-block{ margin-top: 50px;} .home-project-inner .right-block h3{ font-size: 26px; margin: 0 0 40px;} .ratiae-block{ justify-content: space-between;} .ratiae-block .single-block{ width: calc(50% - 20px); margin: 0;} .ratiae-block .single-block:nth-child(odd){ margin: 0 0 20px;} .ratiae-block .single-block h4{ font-size: 80px;} .home-team-section{ padding: 45px 0 70px;} .home-team-inner{ flex-wrap: wrap;} .home-team-inner .left-block{ max-width: 100%;} .home-team-inner .right-block{ width: 100%; padding: 0; margin-top: 20px;} .team-blocks{ flex-wrap: wrap;} .team-blocks .single-team{ width: calc(50% - 26px); margin: 26px 0;} .home-team-inner .right-block .team-btn{ text-align: left; margin-top: 30px;} .home-difference-section{ padding: 0 0 50px; background-color: #fff;} .home-difference-inner{ flex-wrap: wrap; padding: 45px 30px; background-color: #f2f2f2;} .home-difference-inner .left-block{ max-width: 100%;} .home-difference-inner .right-block{ max-width: 100%; margin-top: 50px;} .home-difference-inner .right-block h3{ font-size: 26px; margin: 0 0 30px;} .home-difference-inner .left-block h3{ font-size: 20px;} .home-touch-section{ padding: 45px 0 60px;} .home-touch-inner{ flex-wrap: wrap;} .home-touch-inner .left-block h3{ font-size: 26px; margin: 0 0 40px;} .home-touch-inner .contact-details .top-contact{ margin-bottom: 25px;} .home-touch-inner .middle-contact{ margin: 0 0 30px;} .home-touch-inner .right-block{ max-width: 100%; margin-top: 50px;} .home-touch-inner .right-block .wpcf7-form-control-wrap.message{ margin: 0 0 40px;} .Pleasegivemeacall span.wpcf7-list-item-label{ font-size: 14px;} .home-touch-inner .right-block .wpcf7-form-control-wrap{ margin: 0 0 30px;} /* About Page */ .page-nav{ padding-top: 72px; background-color: #fff; padding-left: 0; overflow: hidden;} .page-nav ul{ height: 50px; justify-content: center;} .page-nav ul li{ max-width: 100px;} .page-nav ul li a{ padding: 0 8px; font-size: 13px;} .about-section{ padding: 60px 0 80px;} .about-section .about-inner{ flex-wrap: wrap; margin: 0;} .about-section .about-inner:before{ display: none;} .about-section .left-block{ max-width: 100%; margin-bottom: 15px;} .about-section .left-block h1{ margin-bottom: 30px; padding-bottom: 30px;} .about-section .left-block-inner{ flex-wrap: wrap;} .about-section .left-block-inner h2{ font-size: 20px; margin-bottom: 0;} .about-section .left-block-inner .left-title{ width: 100%;} .about-section .left-block-inner .left-paragraph{ width: 100%; margin: 0;} .about-section ul{ margin: 25px 0;} .about-section ul li{ font-size: 20px; margin: 10px 0;} .about-section ul li:before{ top: 10px;} .about-section .right-block{ max-width: 100%; width: 100%; margin-top: 20px; padding-bottom: 115px; position: relative;} .about-section .bg-img{ position: static; width: 100%;} .about-inner .right-block a{ position: absolute; margin-top: 40px; left: 0 !important; bottom: 0;} .bg-img:before{ display: none;} .page-nav .container{ font-size: 0;} .page-nav ul { height: 50px; justify-content: center; white-space: nowrap;overflow: auto;display: inline-block;font-size: 0;width: 100%; -webkit-overflow-scrolling: touch; overflow-y: hidden; overflow-x: scroll; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-nav ul li { max-width: 130px; height: 50px; position: relative; width: 100%; display: inline-block; word-break: break-all; vertical-align: top;} .page-nav ul li a { font-size: 11px; padding: 0 5px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; display: inline-block; /*white-space: pre-wrap;*/} /* Team Page */ .team-section{ padding-bottom: 0;} .team-section .team-blocks{ padding-bottom: 60px;} .team-blocks .single-team .bg-img{ height: auto; padding: 70% 0; margin-bottom: 20px;} .team-blocks .single-team p{ margin: 0 0 10px;} .more-team-block{ padding-bottom: 60px;} .more-team-block:before{ display: none;} .more-team-block .single-block h4{ font-size: 20px;} .more-team-block .single-block small{ font-size: 15px;} .more-team-block .single-block{ width: calc(50% - 26px); margin: 0 13px 20px;} .team-blocks .single-team .single-team-name h4{ font-size: 22px;} .team-blocks .single-team .single-team-name small{ font-size: 16px;} .more-team-block .single-block .bg-image{ height: auto; padding: 70% 0;} .single-team-hover .single-name-hover{ padding-top: 50px;} /* Investors Page */ .investors-section{ padding: 30px 0 50px; background-color: #fff;} .investors-inner{ flex-wrap: wrap; background-color: #f2f2f2; padding: 40px 40px 30px;} .investors-inner:before{ display: none;} .investors-inner .left-block{ max-width: 100%; margin: 0 0 40px;} .investors-inner .left-block h3{ font-size: 26px; margin: 0 0 40px;} .investors-inner .right-block{ max-width: 100%;} .investor-overview-section h3{ font-size: 20px; margin: 0 0 15px;} /* Difference Page */ .difference-section{ padding: 30px 0 50px; background-color: #fff;} .difference-inner{ flex-wrap: wrap; background-color: #f2f2f2; padding: 40px;} .difference-inner:before{ display: none;} .difference-inner .left-block{ max-width: 100%; margin: 0 0 40px;} .difference-inner .left-block p{ padding-right: 0;} .difference-inner .right-block{ max-width: 100%;} .difference-inner .right-block h3{ font-size: 26px; margin: 0 0 40px;} .difference-inner .left-block a.btn{ padding: 24px 70px 24px 40px;} /* Contact Page */ .touch-section{ padding: 30px 0 50px; background-color: #fff;} .touch-inner{ flex-wrap: wrap; background-color: #f2f2f2; padding: 40px;} .touch-inner:before{ display: none;} .touch-inner .left-block{ max-width: 100%; margin-bottom: 40px;} .touch-inner .left-block h1{ margin: 0 0 40px;} .touch-inner .contact-details .top-contact{ margin-bottom: 30px;} .touch-inner .middle-contact{ margin-bottom: 30px;} .touch-inner .right-block{ max-width: 100%;} .touch-inner .right-block .wpcf7-form-control-wrap{ margin: 0 0 30px;} .touch-inner .right-block .wpcf7-form-control-wrap.message{ margin: 0 0 30px;} .touch-inner .right-block form label{ position: static; margin: 0;} /* Map Page */ .map-section{ padding: 30px 0; background-color: #fff;} .map-inner{ margin: 0 20px;} .map-inner:before{ display: none;} .map-inner .map{ height: 400px;} .map-details{ position: static; padding: 40px 40px 50px; max-width: 100%;} .map-details h1{ margin: 0 0 40px;} /* Projects Category Page */ .current-section{ padding: 10px 20px 0; background-color: #fff;} .current-inner .projects-wrap{ margin: 0;} .current-inner .single-block{ height: 355px; } .current-inner .width01{ width: 100%; margin: 0 0 20px;} .current-inner .width02{ width: 100%; margin: 0 0 20px;} .current-inner .category{ padding: 11px 20px; font-size: 12px;} .current-inner .single-inner h3{ font-size: 20px; left: 32px; bottom: 30px; max-width: 300px;} .current-inner .single-hover{ padding: 70px 20px 40px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .current-inner .single-hover-inner{ padding: 0 20px;} .current-inner .single-hover p{ display: none;} .current-inner .single-hover h3{ font-size: 20px; margin: 0 0 20px; max-width: 300px;} .recent-section{ background-color: #fff; padding: 0 20px; display: none;} .recent-inner{ margin: 0 -10px;} .recent-inner .single-block{ width: calc(50% - 20px); margin: 0 10px;} .recent-inner .single-recent{ height: 280px; padding: 0; margin-bottom: 20px;} .recent-inner .single-recent.height01{ height: calc(100% - 20px); padding: 0 0 100%;} .recent-inner .category{ padding: 11px 20px; font-size: 12px;} .recent-inner .single-inner h3{ font-size: 16px; left: 15px; bottom: 15px; max-width: calc(100% - 30px);} .recent-inner .single-hover{padding: 60px 20px 40px;} .recent-inner .single-hover h3{ font-size: 16px; margin: 0 0 20px; max-width: 300px;} .recent-inner .single-hover .btn-group{ flex-wrap: wrap;} .recent-inner .single-hover .btn-group .btn{ height: 40px; line-height: 40px; width: 100%; margin: 0 0 10px; max-width: 100%; font-size: 14px;} .recent-section.mobile-recent-section{ display: block;} .mobile-recent-section .single-block{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;} .mobile-recent-section .single-recent{ width: calc(50% - 10px); background-position: center bottom;} /* Project Page */ .project-inner{ flex-wrap: wrap; background-color: #fff; padding: 20px 20px 40px;} .project-inner .project-left{ width: 100%;} .project-inner .project-right{ width: 100%;} .project-inner .project-right .project-right-inner{ position: static; top: 0; transform: none; padding: 40px 30px;} .project-inner .map{ height: 500px;} .project-inner .resp-tabs-list{ width: 100%;} .project-inner .resp-tabs-list li{ font-size: 15px; padding: 20px 8px; max-width: 136px;} .project-inner .project-right-inner span{ font-size: 18px;} .project-inner .project-right-inner p{ max-width: 100%;} .project-inner .project-right-inner h1{ margin: 0 0 30px;} .project-inner .project-right-inner h2{ font-size: 22px; padding: 0; margin: 0 0 25px;} .project-inner .project-right-inner h2 span{ font-size: 22px; padding: 0;} .project-inner .project-right-inner small{ margin: 0 0 30px;} .project-inner .project-right-inner .btn-group a{ margin-right: 15px; font-size: 15px;} .project-cat-sec{ padding: 40px 0 20px; background-color: #fff;} .project-cat-inner{ flex-wrap: wrap;} .project-cat-inner .left-block{ max-width: 100%;} .project-cat-inner .left-block h1{ padding-bottom: 30px; margin-bottom: 30px;} .project-cat-inner .right-block{ max-width: 100%;} .project-cat-inner .right-block h3{ font-size: 20px;} .project-cat-inner .right-block p{ padding: 0;} /* News Page */ .page-nav-slider{ padding: 0 30px;} .page-nav-slider .slick-slide{ height: 50px;} .page-nav-slider .slick-slide a{ font-size: 13px; padding: 0 8px;} .page-nav-slider .slick-arrow{ left: -20px; width: 50px;} .page-nav-slider .slick-arrow.slick-next{ right: -20px; } .news-section{ padding: 60px 0 80px;} .news-section .investors-inner .right-block .btn{ max-width: 220px;} .news-section .investors-inner .right-block .btn-arrow:before{ right: 55px;} .news-section .investors-inner .right-block .btn-arrow:hover:before{ right: 45px;} /* Project Details Page */ .single-projects .page-nav{ background-color: #fff; display: flex; justify-content: space-between; padding-top: 73px;} /*.single-projects .page-nav ul{ height: 60px;}*/ .single-projects .page-nav ul li.active:before{ bottom: 0;} .single-projects .page-nav li:last-child a{ position: absolute;} .single-projects .page-nav li:last-child a:before{ top: 0; margin-left: -25px;} .right-project{ position: static; border-top: 0; padding-left: 10px;} .right-project h4{ margin-right: 15px; font-size: 11px;} .right-project .btn.btn-fill{ height: 60px; line-height: 60px; max-width: 100px; padding: 0 10px; font-size: 12px;} .project-detail-inner .single-text h2{ font-size: 22px;} .project-detail-inner .project-logo{ max-width: 110px; top: 123px; right: 20px;} .sold-sell{ top: 123px; left: 20px; padding: 15px 30px; font-size: 16px;} .project-detail-inner .layout1 .single-text h2{ margin: 0 0 20px;} .project-detail-inner .layout1 .single-text p{ font-size: 18px; margin-bottom: 20px;} .project-detail-inner .layout2 .single-text{ padding: 30px 40px;} .project-detail-inner .layout2 .single-text h2{ margin: 0 0 20px;} .project-detail-inner .layout2 .single-text-inner p{ margin: 0 0 20px;} .project-detail-inner .single-block ul{ margin: 0 0 20px;} .project-detail-inner .single-block ul li{ font-size: 14px; line-height: 1.4;} .project-detail-inner .single-block ol{ margin: 0 0 20px;} .project-detail-inner .single-block ol li{ font-size: 14px; line-height: 1.4;} .project-detail-inner .btn-fill{ height: 50px; line-height: 50px; padding: 0 25px;} .project-detail-inner .layout5 .single-text{ padding: 30px 20px;} .project-detail-inner .layout5 .single-text-inner h2{ margin: 0 0 20px;} .project-detail-inner .ratiae-block .single-block h4{ font-size: 40px;} .project-detail-inner .ratiae-block{ margin: 0 0 10px;} .project-detail-inner .layout5 .single-text-inner p{ max-width: 100%;} .default-entry-content{ padding: 60px 0 50px;} .single-projects .default-entry-content{ padding: 200px 0 60px;} .project-slider .slick-arrow{ height: 40px; width: 40px; background-size: 14px;} /* Error Page */ .error-404{ padding: 120px 0 60px;} .error-404 h3{ font-size: 22px;} /* Vision & Values Page */ .vision-section { padding: 50px 0 20px;} .vision-section .top-block{ flex-wrap: wrap; margin-bottom: 40px;} .vision-section .top-block h1{ margin-bottom: 40px; padding-bottom: 25px; display: block; width: 100%;} .vision-section .bottom-block .single-block{ width: 100%; margin-bottom: 30px;} .vision-section .single-block h3{ font-size: 20px; margin: 0 0 10px;} /* Community Section */ .community-section{ padding: 50px 0 20px;} .community-inner{ flex-wrap: wrap; margin-bottom: 40px;} .community-inner .left-block{ width: 100%; margin-bottom: 30px;} .community-inner .left-block .left-text{ position: static;} .page-community .community-inner h1{ margin-bottom: 40px; padding-bottom: 25px; display: block; width: 100%;} .community-inner .middle-block{ width: 100%; padding: 0; margin-bottom: 30px;} .community-inner .middle-block p{ margin: 0;} .community-inner .middle-block ul li{ width: calc(33.33% - 13px);} .community-inner .right-block{ width: 100%;} .community-inner .right-block .right-text{ padding: 0;} .community-inner .right-block .right-text p{ margin-bottom: 20px;} .community-inner .bg-img{ position: static; width: 100%; height: auto; padding: 30% 0;} .community-inner h3{ font-size: 20px; margin: 0 0 10px;} /* Advisory Board */ .advisory-section{ padding-bottom: 50px;} .home-team-inner .left-block p{ font-size: 20px; padding: 0;} /* Testimonial Page */ .testimonial-section{ padding: 40px 0 0;} .testimonial-section h1{ padding-bottom: 25px; margin-bottom: 30px;} .testimonial-section h2{ margin: 0 0 30px;} .testimonial-slider{ padding: 0 30px;} .testimonial-section h1{ padding-left: 30px; padding-right: 30px;} .testimonial-section h1:before{ left: 30px;} .testimonial-section h2{ padding: 0 30px;} .testimonial-slider .single-slider{ padding: 0;} .testimonial-slider .single-slider h3{ font-size: 20px;} .testimonial-slider .single-slider h4{ font-size: 14px;} .testimonial-slider .slick-arrow{ font-size: 0; height: 30px;} .testimonial-slider .slick-arrow.slick-prev{ left: 20px;} .testimonial-slider .slick-arrow.slick-next{ right: 20px;} .testimonial-inner-category .single-category{ padding: 40px 0;} /* The Trumen Difference Page */ .border-h1{ padding-bottom: 30px; margin-bottom: 30px;} .trumen-difference-section{ padding: 70px 0 40px;} .trumen-difference-inner{ flex-wrap: wrap;} .trumen-difference-inner .left-block{ max-width: 100%; margin-bottom: 40px;} .trumen-difference-inner .right-block{ max-width: 100%;} .trumen-difference-inner .right-block ul li{ padding: 0; width: 100%; margin-bottom: 20px;} .trumen-difference-inner .right-block h3{ font-size: 20px; margin: 0 0 15px;} .trumen-difference-inner .right-block p{ padding: 0;} /* Our History Page */ .history-section{ padding: 50px 0;} .history-inner{ flex-wrap: wrap;} .history-inner h3{ margin-bottom: 20px; font-size: 20px;} .history-inner .left-block{ max-width: 100%;} .history-inner .right-block{ max-width: 100%; margin-top: 40px;} .history-inner .right-text{ flex-wrap: wrap; margin: 0 0 30px;} .history-inner .right-text p{ width: 100%; padding: 0; margin: 0 0 10px;} .history-inner .right-text p:first-child{ padding: 0;} .history-inner .right-text p:last-child{ padding: 0;} .history-inner .btn-block{ text-align: left;} /* Video Section */ .video-section{ background-color: #fff; padding: 60px 0 80px;} .video-section .top-block{ background-color: #f2f2f2; margin: 0; padding: 40px 40px 25px;} .video-inner{ background-color: #f2f2f2; flex-wrap: wrap; padding: 0 40px 40px;} .video-inner .video-block{ max-width: 100%; margin-bottom: 30px;} .video-inner .content-block{ padding: 0; max-width: 100%;} .video-inner .content-block h3{ font-size: 20px; margin: 0 0 10px;} .video-block .video-play{ padding: 10px 12px; font-size: 14px;} /* News Room Page */ .newsroom-sec{ padding-bottom: 80px; background-color: #fff;} .newsroom-sec .about-inner{ background-color: #f2f2f2; padding: 40px;} .newsroom-sec small.date{ margin-bottom: 25px;} .newsroom-sec .left-block{ margin-bottom: 15px;} .newsroom-sec .left-block h1{ padding-bottom: 0;} .newsroom-sec .left-block h1 span{ position: static; max-width: 100%; text-align: left;} .newsroom-sec .right-block{ margin-top: 0; padding: 0;} .newsroom-sec .right-block .bg-img{background-size: 100%; height: auto; padding: 30% 0;} .newsroom-sec ul{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin-bottom: 30px;} .newsroom-sec ul li{ padding: 0; font-size: 13px;} .newsroom-sec h3{ font-size: 20px; padding: 0; margin: 0 0 30px;} .newsroom-sec .btn-fill{ padding-left: 60px; padding-right: 60px; margin-bottom: 20px;} nav.post-navigation .nav-previous, nav.post-navigation .nav-next{ bottom: 40px;} nav.post-navigation .nav-previous{ left: 20px;} nav.post-navigation .nav-links .nav-next{ right: 20px;} nav.post-navigation .nav-links span{ font-size: 16px; background-size: 13px;} } @media (max-width: 640px){ .btn{ font-size: 16px; padding: 22px 50px 22px 20px;} .btn-arrow:before{ right: 20px;} /* Footer */ .top-foot .title{ margin-bottom: 15px;} .top-foot .single-foot{ width: 50%;} .top-foot .single-foot:last-child{ width: 100%;} .top-foot .single-foot .single-block{ margin-bottom: 30px;} .top-foot .single-foot ul li{ margin: 0;} /* Home Page */ .team-blocks .single-team{ width: calc(50% - 10px); margin: 10px 0;} /* Team Page */ .more-team-block .single-block{ width: calc(50% - 10px); margin: 0 5px 20px;} .single-team-hover .single-name-hover{ padding-top: 20px;} .single-team-hover .team-con{ bottom: 20px; height: 50%;} .single-team-hover p{ padding-right: 0; line-height: 1.6;} } @media (max-width: 480px){ /* Home Page */ .ratiae-block .single-block{ width: 100%;} .home-touch-inner .right-block .wpcf7-form-control-wrap.message{ margin: 0 0 20px;} .home-touch-inner .right-block form label{ position: static; margin: 0;} .team-blocks .single-team{ width: 100%; margin: 10px 0;} /* About Page */ .page-nav ul li a{ font-size: 11px; padding: 0 5px;} /* Community Page */ .community-inner .middle-block ul li{ width: calc(50% - 13px);} /* Team Page */ .more-team-block .single-block{ width: 100%; margin-left: 0; margin-right: 0;} .single-team-hover p{ padding-right: 20px;} /* Projects Category Page */ .recent-inner{ margin: 0;} .recent-inner .single-block{ width: 100%; margin: 0;} .recent-inner .single-recent{ height: 220px; padding: 0;} .recent-inner .single-recent.height01{ height: 220px; padding: 0;} .current-inner .single-hover .btn-group{ flex-wrap: wrap;} .current-inner .single-hover .btn-group .btn{ margin: 0 0 10px; max-width: 100%; height: 50px; line-height: 50px;} .recent-inner .single-hover .btn-group .btn{ margin: 0 10px 10px 0; padding: 0 10px; max-width: inherit; width: auto; height: 50px; line-height: 50px; font-size: 14px; } .recent-inner .single-hover .btn-group .btn:last-child{ margin: 0;} .mobile-recent-section .single-recent{ width: 100%;} /* Project Page */ .project-inner .project-right-inner .btn-group{ flex-wrap: wrap; margin-top: 30px;} .project-inner .project-right-inner .btn-group a{ margin: 0; max-width: 100%; width: 100%; margin: 0 0 20px;} /* Project Details Page */ .project-detail-inner .ratiae-block{ flex-wrap: wrap;} .project-detail-inner .ratiae-block .single-block{ width: 50%; padding-right: 10px; margin-bottom: 10px;} } @media only screen and (min-device-width : 568px) and (max-device-width : 767px) and (orientation : portrait) { body.menuOverlap .enumenu_ul, body.menuslide_push .enumenu_ul{ align-items: flex-start; justify-content: flex-start;} } @media all and (-ms-high-contrast:none) { /* Header */ header .logo{ max-width: 212px; width: 100%;} /* About */ .about-section .about-inner{ justify-content: flex-start;} } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) { /* Header */ body.menuOverlap .enumenu_ul, body.menuslide_push .enumenu_ul{ padding-bottom: 30px; padding-top: 30px; display: inline-block;} .enumenu_ul>li>a{ font-size: 26px;} nav ul li.contact-icon>a{ font-size: 26px;} .menu li span.arrow{ top: 15px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) { /* Header */ body.menuOverlap .enumenu_ul, body.menuslide_push .enumenu_ul{ padding-bottom: 30px; padding-top: 30px; display: inline-block;} .enumenu_ul>li>a{ font-size: 26px;} nav ul li.contact-icon>a{ font-size: 26px;} .menu li span.arrow{ top: 15px;} }