From 817a8da5a0a08a76d43293e9caf5394aa2f9743b Mon Sep 17 00:00:00 2001 From: trean Date: Thu, 21 Apr 2022 11:28:55 +0200 Subject: [PATCH] Recent news (#33) * added recent news to the article page * changed some css to scss for more convenient use of blocks * added recent news to the article page * changed some css to scss for more convenient use of blocks * tags, link on image, link on categories --- qdrant-landing/README.md | 6 + .../qdrant/layouts/articles/single.html | 2 + .../qdrant/layouts/partials/recent_news.html | 33 + .../themes/qdrant/static/css/article.css | 2 +- .../blocks/{copy-btn.css => copy-btn.scss} | 0 .../blocks/{hero-code.css => hero-code.scss} | 0 .../static/css/blocks/post-preview.scss | 69 + .../static/css/blocks/widget-header.scss | 17 + .../themes/qdrant/static/css/main.css | 10521 ++++++++-------- .../themes/qdrant/static/css/main.scss | 7598 +++++++++++ 10 files changed, 12969 insertions(+), 5279 deletions(-) create mode 100644 qdrant-landing/README.md create mode 100644 qdrant-landing/themes/qdrant/layouts/partials/recent_news.html rename qdrant-landing/themes/qdrant/static/css/blocks/{copy-btn.css => copy-btn.scss} (100%) rename qdrant-landing/themes/qdrant/static/css/blocks/{hero-code.css => hero-code.scss} (100%) create mode 100644 qdrant-landing/themes/qdrant/static/css/blocks/post-preview.scss create mode 100644 qdrant-landing/themes/qdrant/static/css/blocks/widget-header.scss create mode 100644 qdrant-landing/themes/qdrant/static/css/main.scss diff --git a/qdrant-landing/README.md b/qdrant-landing/README.md new file mode 100644 index 000000000..8dbc6fb27 --- /dev/null +++ b/qdrant-landing/README.md @@ -0,0 +1,6 @@ +To rebuild scss to css: + +``` bash +cd qdrant-landing +sass --watch ./themes/qdrant/static/css/main.scss ./themes/qdrant/static/css/main.css +``` \ No newline at end of file diff --git a/qdrant-landing/themes/qdrant/layouts/articles/single.html b/qdrant-landing/themes/qdrant/layouts/articles/single.html index dffe9e2ce..a297e0b89 100644 --- a/qdrant-landing/themes/qdrant/layouts/articles/single.html +++ b/qdrant-landing/themes/qdrant/layouts/articles/single.html @@ -6,6 +6,8 @@ {{ .Scratch.Set "scope" "single" }} {{ partial "blogpost" .}} + + {{ partial "recent_news" . }} diff --git a/qdrant-landing/themes/qdrant/layouts/partials/recent_news.html b/qdrant-landing/themes/qdrant/layouts/partials/recent_news.html new file mode 100644 index 000000000..7580346c0 --- /dev/null +++ b/qdrant-landing/themes/qdrant/layouts/partials/recent_news.html @@ -0,0 +1,33 @@ +
+
+
+

Recent News

+
+ + {{ range where (where site.Pages "Section" "blog") ".Params.featured" "=" true | first 3 }} + {{ $link := .Permalink }} + {{ if .Params.external_link }} + {{ $link = .Params.external_link }} + {{ end }} +
+
+ + + + {{ if .Params.Categories }} + {{ range .Params.Categories | first 1 }} + {{ . }} + {{ end }} + {{ end }} +
{{ .Title }}
+ + {{ if .Params.Tags }} + {{ range .Params.Tags }} + #{{ . }} + {{ end }} + {{ end }} +
+
+ {{ end }} +
+
diff --git a/qdrant-landing/themes/qdrant/static/css/article.css b/qdrant-landing/themes/qdrant/static/css/article.css index 7dec1f961..52d630ff1 100644 --- a/qdrant-landing/themes/qdrant/static/css/article.css +++ b/qdrant-landing/themes/qdrant/static/css/article.css @@ -104,7 +104,7 @@ article aside[role="status"]:before { font-size: 1rem; } -.single-page article { +.single-page article:first-of-type { padding-top: 38px; } diff --git a/qdrant-landing/themes/qdrant/static/css/blocks/copy-btn.css b/qdrant-landing/themes/qdrant/static/css/blocks/copy-btn.scss similarity index 100% rename from qdrant-landing/themes/qdrant/static/css/blocks/copy-btn.css rename to qdrant-landing/themes/qdrant/static/css/blocks/copy-btn.scss diff --git a/qdrant-landing/themes/qdrant/static/css/blocks/hero-code.css b/qdrant-landing/themes/qdrant/static/css/blocks/hero-code.scss similarity index 100% rename from qdrant-landing/themes/qdrant/static/css/blocks/hero-code.css rename to qdrant-landing/themes/qdrant/static/css/blocks/hero-code.scss diff --git a/qdrant-landing/themes/qdrant/static/css/blocks/post-preview.scss b/qdrant-landing/themes/qdrant/static/css/blocks/post-preview.scss new file mode 100644 index 000000000..214dcc2a8 --- /dev/null +++ b/qdrant-landing/themes/qdrant/static/css/blocks/post-preview.scss @@ -0,0 +1,69 @@ +/*Post Widget*/ + +.post-preview { + position: relative; + font-size: 14px; + color: #666666; + min-height: 130px; + padding: 22px 20px; + margin-bottom: 20px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10); + + &__description { + position: relative; + padding-left: 185px; + } + + &__thumb { + position: absolute; + left: 0px; + top: 2px; + width: 162px; + height: 80px; + background-color:var(--brand-primary); + overflow: hidden; + } + + &__img { + display: block; + width: 100%; + + &:hover { + transform:scale(1.04,1.04); + opacity:0.5; + } + } + + &__text { + position: relative; + top: 0px; + font-size: 20px; + margin: 0px 0px 3px; + font-weight: 700; + color: #2b2b2b; + line-height: 1.5em; + text-transform: capitalize; + font-family: 'Roboto Condensed'; + } + + &__link { + color: #2b2b2b; + + &:hover { + color: var(--brand-primary); + } + } + + &__title { + position: relative; + font-size: 14px; + color: #5a5a5a; + font-weight: 400; + } + + &__tags { + position: relative; + color: var(--brand-primary); + text-decoration: underline; + } +} \ No newline at end of file diff --git a/qdrant-landing/themes/qdrant/static/css/blocks/widget-header.scss b/qdrant-landing/themes/qdrant/static/css/blocks/widget-header.scss new file mode 100644 index 000000000..f4cacf729 --- /dev/null +++ b/qdrant-landing/themes/qdrant/static/css/blocks/widget-header.scss @@ -0,0 +1,17 @@ +.widget-title, +.sidebar-title { + position: relative; + margin-bottom:0px; + padding:14px 20px; + display:block; + border-radius:8px; + background-color:#eef1f9; +} + +.widget-title h4, +.sidebar-title h4 { + color: #2b2b2b; + font-weight: 700; + line-height: 1.2em; + text-transform: capitalize; +} diff --git a/qdrant-landing/themes/qdrant/static/css/main.css b/qdrant-landing/themes/qdrant/static/css/main.css index da4a10886..4d7d14ae4 100644 --- a/qdrant-landing/themes/qdrant/static/css/main.css +++ b/qdrant-landing/themes/qdrant/static/css/main.css @@ -1,5 +1,4 @@ /* Entropy App HTML Template */ - /************ TABLE OF CONTENTS *************** 1. Fonts @@ -38,27 +37,154 @@ 34. Contact Form **********************************************/ - -@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto+Condensed:400,700,700i&display=swap'); - +@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto+Condensed:400,700,700i&display=swap"); /* font-family: 'Open Sans' ; font-family: 'Roboto Condensed' ; */ - -@import url('font-awesome.css'); +@import url("font-awesome.css"); /* @import url('animate.css'); */ /* @import url('owl.css'); */ /* @import url(swiper.css); */ -@import url('flaticon.css'); +@import url("flaticon.css"); /* @import url('jquery-ui.css'); */ -@import url('custom-animate.css'); +@import url("custom-animate.css"); /* @import url('jquery.fancybox.min.css'); */ /* @import url('jquery.bootstrap-touchspin.css'); */ /* @import url('jquery.mCustomScrollbar.min.css'); */ -@import url('colors.css'); +@import url("colors.css"); +/* copy button for documentation */ +/* ##bem */ +@import url("../colors.css"); +.copy-code { + position: absolute; + right: 8px; + top: 8px; +} -@import "blocks/copy-btn.css"; -@import "blocks/hero-code.css"; +.copy-code__btn { + padding: 4px; + background: none; +} + +.copy-code__btn:hover { + background: #dcdcdc; +} + +.copy-code__btn_light { + color: white; +} + +.copy-code__btn_light:hover { + background: transparent; +} + +/* Block of code on the home page */ +/* #bem */ +.hero-code { + display: inline-block; + padding: 1rem 3rem 1rem 1.6rem; + margin-bottom: 1rem; + background: #f6f8fa; + background: var(--brand-secondary); + border-radius: 5px; + font-family: "Anonymous Pro", monospace; + font-size: 1.6rem; + position: relative; +} + +.hero-code__text { + color: white; +} + +.hero-code__btn { + position: absolute; + top: 15px; + right: 1rem; +} + +@media (max-width: 1140px) { + .hero-code { + background: var(--gray); + padding-right: 3rem; + } +} +.widget-title, +.sidebar-title { + position: relative; + margin-bottom: 0px; + padding: 14px 20px; + display: block; + border-radius: 8px; + background-color: #eef1f9; +} + +.widget-title h4, +.sidebar-title h4 { + color: #2b2b2b; + font-weight: 700; + line-height: 1.2em; + text-transform: capitalize; +} + +/*Post Widget*/ +.post-preview { + position: relative; + font-size: 14px; + color: #666666; + min-height: 130px; + padding: 22px 20px; + margin-bottom: 20px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); +} +.post-preview__description { + position: relative; + padding-left: 185px; +} +.post-preview__thumb { + position: absolute; + left: 0px; + top: 2px; + width: 162px; + height: 80px; + background-color: var(--brand-primary); + overflow: hidden; +} +.post-preview__img { + display: block; + width: 100%; +} +.post-preview__img:hover { + transform: scale(1.04, 1.04); + opacity: 0.5; +} +.post-preview__text { + position: relative; + top: 0px; + font-size: 20px; + margin: 0px 0px 3px; + font-weight: 700; + color: #2b2b2b; + line-height: 1.5em; + text-transform: capitalize; + font-family: "Roboto Condensed"; +} +.post-preview__link { + color: #2b2b2b; +} +.post-preview__link:hover { + color: var(--brand-primary); +} +.post-preview__title { + position: relative; + font-size: 14px; + color: #5a5a5a; + font-weight: 400; +} +.post-preview__tags { + position: relative; + color: var(--brand-primary); + text-decoration: underline; +} /*** @@ -67,12 +193,11 @@ ==================================================================== ***/ - * { - margin:0px; - padding:0px; - border:none; - outline:none; + margin: 0px; + padding: 0px; + border: none; + outline: none; } /*** @@ -82,548 +207,540 @@ ==================================================================== ***/ - body { - font-family: 'Open Sans' ; - font-size:14px; - color:#777777; - line-height:1.7em; - font-weight:400; - background:#ffffff; - -webkit-font-smoothing: antialiased; - -moz-font-smoothing: antialiased; + font-family: "Open Sans"; + font-size: 14px; + color: #777777; + line-height: 1.7em; + font-weight: 400; + background: #ffffff; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; } -.bordered-layout .page-wrapper{ - padding:0px 50px 0px; +.bordered-layout .page-wrapper { + padding: 0px 50px 0px; } -a{ - text-decoration:none; - cursor:pointer; - color:var(--brand-primary); +a { + text-decoration: none; + cursor: pointer; + color: var(--brand-primary); } -a:hover{ +a:hover { color: var(--brand-secondary); } button, -a:hover,a:focus,a:visited{ - text-decoration:none; - outline:none !important; +a:hover, a:focus, a:visited { + text-decoration: none; + outline: none !important; } -h1,h2,h3,h4,h5,h6 { - position:relative; - font-weight:normal; - margin:0px; - background:none; - line-height:1.6em; - font-family: 'Roboto Condensed' ; +h1, h2, h3, h4, h5, h6 { + position: relative; + font-weight: normal; + margin: 0px; + background: none; + line-height: 1.6em; + font-family: "Roboto Condensed"; } /* Typography */ - -h1{ - font-size:60px; +h1 { + font-size: 60px; } -h2{ - font-size:44px; +h2 { + font-size: 44px; } -h3{ - font-size:38px; +h3 { + font-size: 38px; } -h4{ - font-size:28px; +h4 { + font-size: 28px; } -h5{ - font-size:20px; +h5 { + font-size: 20px; } -h6{ - font-size:18px; +h6 { + font-size: 18px; } -input,button,select,textarea{ - +p { + position: relative; + line-height: 1.8em; } -textarea{ - +.auto-container { + position: static; + max-width: 1200px; + padding: 0px 15px; + margin: 0 auto; } -p{ - position:relative; - line-height:1.8em; +.medium-container { + max-width: 850px; } -.auto-container{ - position:static; - max-width:1200px; - padding:0px 15px; - margin:0 auto; +.page-wrapper { + position: relative; + margin: 0 auto; + width: 100%; + min-width: 300px; } -.medium-container{ - max-width:850px; +ul, li { + list-style: none; + padding: 0px; + margin: 0px; } -.page-wrapper{ - position:relative; - margin:0 auto; - width:100%; - min-width:300px; +img { + display: inline-block; + max-width: 100%; } -ul,li{ - list-style:none; - padding:0px; - margin:0px; +.theme-btn { + display: inline-block; + transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; } -img{ - display:inline-block; - max-width:100%; -} - -.theme-btn{ - display:inline-block; - transition:all 0.3s ease; - -moz-transition:all 0.3s ease; - -webkit-transition:all 0.3s ease; - -ms-transition:all 0.3s ease; - -o-transition:all 0.3s ease; -} - -.centered{ - text-align:center; +.centered { + text-align: center; } /* List Style One */ - -.list-style-one{ - position:relative; +.list-style-one { + position: relative; } -.list-style-one li{ - position:relative; - padding-left:35px; - color:#404040; - font-size:20px; - font-weight:600; - margin-bottom:20px; +.list-style-one li { + position: relative; + padding-left: 35px; + color: #404040; + font-size: 20px; + font-weight: 600; + margin-bottom: 20px; } -.list-style-one li:last-child{ - margin-bottom:0px; +.list-style-one li:last-child { + margin-bottom: 0px; } -.list-style-one li:before{ - position:absolute; - content:'\f138'; - left:0px; - top:2px; - color:#2196f3; - font-size:20px; - font-family: "Flaticon"; +.list-style-one li:before { + position: absolute; + content: "\f138"; + left: 0px; + top: 2px; + color: #2196f3; + font-size: 20px; + font-family: "Flaticon"; } /* Btn Style One */ - -.btn-style-one{ - position: relative; - display: inline-block; - font-size: 18px; - line-height: 30px; - color: #ffffff; - padding: 10px 44px 10px; - font-weight: 400; - overflow: hidden; - background: none; - border-radius:50px; - background-color:var(--brand-primary); - border:1px solid var(--brand-primary); - text-transform: capitalize; - font-family: 'Roboto Condensed'; - box-shadow:0px 5px 10px rgba(0,0,0,0.10); +.btn-style-one { + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: #ffffff; + padding: 10px 44px 10px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius: 50px; + background-color: var(--brand-primary); + border: 1px solid var(--brand-primary); + text-transform: capitalize; + font-family: "Roboto Condensed"; + box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } -.btn-style-one .txt{ - position:relative; - z-index:1; +.btn-style-one .txt { + position: relative; + z-index: 1; } -.btn-style-one:before{ - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1; - opacity: 0; - background-color: #ffffff; - -webkit-transition: all 0.4s; - -moz-transition: all 0.4s; - -o-transition: all 0.4s; - transition: all 0.4s; - -webkit-transform: scale(1, 0.5); - transform: scale(1, 0.5); +.btn-style-one:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; + opacity: 0; + background-color: #ffffff; + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; + -webkit-transform: scale(1, 0.5); + transform: scale(1, 0.5); } -.btn-style-one:hover::before{ - opacity: 1; - -webkit-transform: scale(1, 1); - transform: scale(1, 1); +.btn-style-one:hover::before { + opacity: 1; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); } -.btn-style-one:hover{ - color: var(--brand-primary); - border-color:#ffffff; +.btn-style-one:hover { + color: var(--brand-primary); + border-color: #ffffff; } /* Btn Style Two */ - -.btn-style-two{ - position: relative; - display: inline-block; - font-size: 18px; - line-height: 30px; - color: #ffffff; - padding: 10px 44px 10px; - font-weight: 400; - overflow: hidden; - background: none; - border-radius:50px; - background:none; - border:1px solid #ffffff; - text-transform: capitalize; - font-family: 'Roboto Condensed' ; +.btn-style-two { + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: #ffffff; + padding: 10px 44px 10px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius: 50px; + background: none; + border: 1px solid #ffffff; + text-transform: capitalize; + font-family: "Roboto Condensed"; } -.btn-style-two:before{ - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - content: ""; - background-color: var(--brand-primary); - -webkit-transform: scale(0, 1); - -ms-transform: scale(0, 1); - transform: scale(0, 1); - -webkit-transform-origin: top right; - -ms-transform-origin: top right; - transform-origin: top right; - -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +.btn-style-two:before { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color: var(--brand-primary); + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } -.btn-style-two:hover::before{ - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - -webkit-transform-origin: bottom left; - -ms-transform-origin: bottom left; - transform-origin: bottom left; +.btn-style-two:hover::before { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; } -.btn-style-two .txt{ - position:relative; - z-index:1; +.btn-style-two .txt { + position: relative; + z-index: 1; } -.btn-style-two:hover{ - color:#ffffff; - border-color:var(--brand-primary); - -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10); - -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10); - -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10); - -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10); - box-shadow: 0 10px 30px rgba(0,0,0,0.10); +.btn-style-two:hover { + color: #ffffff; + border-color: var(--brand-primary); + -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } /* Btn Style Three */ - -.btn-style-three{ - position: relative; - display: inline-block; - font-size: 18px; - line-height: 32px; - color: #ffffff; - padding: 12px 44px 12px; - font-weight: 400; - overflow: hidden; - background: none; - border-radius:50px; - background-color:var(--brand-primary); - text-transform: capitalize; - font-family: 'Roboto Condensed' ; - -webkit-box-shadow: 0 10px 32px rgba(255,98,98,0.10); - -moz-box-shadow: 0 10px 32px rgba(255,98,98,0.10); - -ms-box-shadow: 0 10px 32px rgba(255,98,98,0.10); - -o-box-shadow: 0 10px 32px rgba(255,98,98,0.10); - box-shadow: 0 10px 32px rgba(255,98,98,0.10); +.btn-style-three { + position: relative; + display: inline-block; + font-size: 18px; + line-height: 32px; + color: #ffffff; + padding: 12px 44px 12px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius: 50px; + background-color: var(--brand-primary); + text-transform: capitalize; + font-family: "Roboto Condensed"; + -webkit-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1); + -moz-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1); + -ms-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1); + -o-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1); + box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1); } -.btn-style-three:before{ - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - content: ""; - background-color: #2b2b2b; - -webkit-transform: scale(0, 1); - -ms-transform: scale(0, 1); - transform: scale(0, 1); - -webkit-transform-origin: top right; - -ms-transform-origin: top right; - transform-origin: top right; - -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +.btn-style-three:before { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color: #2b2b2b; + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } -.btn-style-three:hover::before{ - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - -webkit-transform-origin: bottom left; - -ms-transform-origin: bottom left; - transform-origin: bottom left; +.btn-style-three:hover::before { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; } -.btn-style-three .txt{ - position:relative; - z-index:1; +.btn-style-three .txt { + position: relative; + z-index: 1; } -.btn-style-three:hover{ - color:#ffffff; +.btn-style-three:hover { + color: #ffffff; } /* Btn Style Four */ - -.btn-style-four{ - position: relative; - display: inline-block; - font-size: 18px; - line-height: 30px; - color: #ffffff; - padding: 10px 48px 10px; - font-weight: 400; - overflow: hidden; - background: none; - border-radius:0px; +.btn-style-four { + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: #ffffff; + padding: 10px 48px 10px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius: 0px; background-color: var(--brand-secondary); - text-transform: capitalize; - font-family: 'Roboto Condensed' ; - -webkit-box-shadow: 0 10px 30px rgba(255,98,98,0.10); - -moz-box-shadow: 0 10px 30px rgba(255,98,98,0.10); - -ms-box-shadow: 0 10px 30px rgba(255,98,98,0.10); - -o-box-shadow: 0 10px 30px rgba(255,98,98,0.10); - box-shadow: 0 10px 30px rgba(255,98,98,0.10); + text-transform: capitalize; + font-family: "Roboto Condensed"; + -webkit-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1); + -moz-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1); + -ms-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1); + -o-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1); + box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1); } -.btn-style-four:before{ - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - content: ""; - background-color:var(--brand-primary); - -webkit-transform: scale(0, 1); - -ms-transform: scale(0, 1); - transform: scale(0, 1); - -webkit-transform-origin: top right; - -ms-transform-origin: top right; - transform-origin: top right; - -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +.btn-style-four:before { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color: var(--brand-primary); + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } -.btn-style-four:hover::before{ - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - -webkit-transform-origin: bottom left; - -ms-transform-origin: bottom left; - transform-origin: bottom left; +.btn-style-four:hover::before { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; } -.btn-style-four .txt{ - position:relative; - z-index:1; +.btn-style-four .txt { + position: relative; + z-index: 1; } -.btn-style-four:hover{ - color:#ffffff; +.btn-style-four:hover { + color: #ffffff; } /* Btn Style Five */ - -.btn-style-five{ - position: relative; - display: inline-block; - font-size: 18px; - line-height: 30px; - color: var(--brand-primary); - font-weight: 400; - overflow: hidden; - background: none; - background:none; - border-radius:50px; - padding: 9px 44px 9px; - border:1px solid var(--brand-primary); - text-transform: capitalize; - font-family: 'Roboto Condensed' ; +.btn-style-five { + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: var(--brand-primary); + font-weight: 400; + overflow: hidden; + background: none; + background: none; + border-radius: 50px; + padding: 9px 44px 9px; + border: 1px solid var(--brand-primary); + text-transform: capitalize; + font-family: "Roboto Condensed"; } -.btn-style-five:before{ - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - content: ""; - background-color: var(--brand-primary); - -webkit-transform: scale(0, 1); - -ms-transform: scale(0, 1); - transform: scale(0, 1); - -webkit-transform-origin: top right; - -ms-transform-origin: top right; - transform-origin: top right; - -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); - -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); - transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +.btn-style-five:before { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color: var(--brand-primary); + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); + -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } -.btn-style-five:hover::before{ - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - transform: scale(1, 1); - -webkit-transform-origin: bottom left; - -ms-transform-origin: bottom left; - transform-origin: bottom left; +.btn-style-five:hover::before { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; } -.btn-style-five .txt{ - position:relative; - z-index:1; +.btn-style-five .txt { + position: relative; + z-index: 1; } -.btn-style-five:hover{ - color:#ffffff; - border-color:var(--brand-primary); +.btn-style-five:hover { + color: #ffffff; + border-color: var(--brand-primary); } - - /*Social Icon One*/ - -.social-icon-one{ - position:relative; +.social-icon-one { + position: relative; } -.social-icon-one li{ - position:relative; - margin-right:7px; - color:var(--brand-secondary); - font-size:18px; - float:left; +.social-icon-one li { + position: relative; + margin-right: 7px; + color: var(--brand-secondary); + font-size: 18px; + float: left; } -.social-icon-one li.facebook a:hover{ - background-color:#16599b; - color:#ffffff; +.social-icon-one li.facebook a:hover { + background-color: #16599b; + color: #ffffff; } -.social-icon-one li.twitter a{ - color:#03a9f4; +.social-icon-one li.twitter a { + color: #03a9f4; } -.social-icon-one li.twitter:hover a{ - background-color:#03a9f4; - color:#ffffff; +.social-icon-one li.twitter:hover a { + background-color: #03a9f4; + color: #ffffff; } -.social-icon-one li.dribbble a{ - color:#ea4c89; +.social-icon-one li.dribbble a { + color: #ea4c89; } -.social-icon-one li.dribbble a:hover{ - color:#ffffff; - background-color:#ea4c89; +.social-icon-one li.dribbble a:hover { + color: #ffffff; + background-color: #ea4c89; } -.social-icon-one li.behance a{ - color:#0067ff; +.social-icon-one li.behance a { + color: #0067ff; } -.social-icon-one li.behance a:hover{ - color:#ffffff; - background-color:#0067ff; +.social-icon-one li.behance a:hover { + color: #ffffff; + background-color: #0067ff; } -.social-icon-one li a{ - position:relative; - font-size:14px; - color:#16599b; - width:30px; - height:30px; - line-height:30px; - text-align:center; - font-weight:400; - border-radius:50px; - display:inline-block; - background-color:#ffffff; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ +.social-icon-one li a { + position: relative; + font-size: 14px; + color: #16599b; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + font-weight: 400; + border-radius: 50px; + display: inline-block; + background-color: #ffffff; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ } - -.theme_color{ - color:var(--brand-primary); +.theme_color { + color: var(--brand-primary); } -.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:110px;} +.preloader { + position: fixed; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 999999; + background-color: #ffffff; + background-position: center center; + background-repeat: no-repeat; + background-image: url(../images/icons/preloader.svg); + background-size: 110px; +} -img{ - display:inline-block; - max-width:100%; - height:auto; +img { + display: inline-block; + max-width: 100%; + height: auto; } /*** @@ -633,32 +750,31 @@ img{ ==================================================================== ***/ - -.scroll-to-top{ - position:fixed; - bottom:15px; - right:15px; - width:60px; - height:60px; - color:#ffffff; - font-size:24px; - text-transform:uppercase; - line-height:60px; - text-align:center; - z-index:100; - cursor:pointer; - background:#0a0a0a; - display:none; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.scroll-to-top { + position: fixed; + bottom: 15px; + right: 15px; + width: 60px; + height: 60px; + color: #ffffff; + font-size: 24px; + text-transform: uppercase; + line-height: 60px; + text-align: center; + z-index: 100; + cursor: pointer; + background: #0a0a0a; + display: none; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.scroll-to-top:hover{ - color:#ffffff; - background:var(--brand-primary); +.scroll-to-top:hover { + color: #ffffff; + background: var(--brand-primary); } /*** @@ -668,52 +784,51 @@ img{ ==================================================================== ***/ - -.sec-title{ - position:relative; - z-index:1; - margin-bottom:40px; +.sec-title { + position: relative; + z-index: 1; + margin-bottom: 40px; } -.sec-title h2{ - position:relative; - color:#2b2a41; - font-weight:700; - line-height:1.2em; - margin-bottom:0px; +.sec-title h2 { + position: relative; + color: #2b2a41; + font-weight: 700; + line-height: 1.2em; + margin-bottom: 0px; } .sec-title h2 span, -.sec-title h5 span{ - color:var(--brand-primary); +.sec-title h5 span { + color: var(--brand-primary); } -.sec-title .text{ - position:relative; - font-size:16px; - line-height:1.8em; - color:#5a5a5a; - margin-top:12px; +.sec-title .text { + position: relative; + font-size: 16px; + line-height: 1.8em; + color: #5a5a5a; + margin-top: 12px; } -.sec-title.centered{ - text-align: center !important; +.sec-title.centered { + text-align: center !important; } -.sec-title.light h2{ - color:#ffffff; +.sec-title.light h2 { + color: #ffffff; } -.sec-title.light .text{ - color:#ffffff; +.sec-title.light .text { + color: #ffffff; } -.sec-title.style-two h2{ - font-weight:700; +.sec-title.style-two h2 { + font-weight: 700; } -.sec-title.style-two h2 span{ - color:#ff5b00; +.sec-title.style-two h2 span { + color: #ff5b00; } /*** @@ -723,697 +838,695 @@ img{ ==================================================================== ***/ - -.main-header{ - position:absolute; - z-index:999; - width:100%; - -ms-animation-duration: 500ms; - -moz-animation-duration: 500ms; - -op-animation-duration: 500ms; - -webkit-animation-duration: 500ms; - animation-duration: 500ms; +.main-header { + position: absolute; + z-index: 999; + width: 100%; + -ms-animation-duration: 500ms; + -moz-animation-duration: 500ms; + -op-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; } /* Header Top */ - -.main-header .header-top{ - position:relative; - padding:18px 0px; - border-bottom:1px solid rgba(255,255,255,0.10); +.main-header .header-top { + position: relative; + padding: 18px 0px; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } -.main-header .header-top .top-left{ - position: relative; +.main-header .header-top .top-left { + position: relative; } -.main-header .header-top .info-list{ - position:relative; - float:left; +.main-header .header-top .info-list { + position: relative; + float: left; } -.main-header .header-top .info-list li{ - position: relative; - color:#ffffff; - font-size:15px; - margin-right:20px; - display:inline-block; +.main-header .header-top .info-list li { + position: relative; + color: #ffffff; + font-size: 15px; + margin-right: 20px; + display: inline-block; } -.main-header .header-top .info-list li:last-child{ - margin-right:0px; +.main-header .header-top .info-list li:last-child { + margin-right: 0px; } -.main-header .header-top .info-list li .icon{ - position:relative; - margin-right:12px; +.main-header .header-top .info-list li .icon { + position: relative; + margin-right: 12px; } -.main-header .header-top .info-list li a{ - position: relative; - color:#ffffff; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.main-header .header-top .info-list li a { + position: relative; + color: #ffffff; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.main-header .header-top .info-list li a:hover{ - color:var(--brand-primary); +.main-header .header-top .info-list li a:hover { + color: var(--brand-primary); } -.header-style-three .header-top .info-list li a{ - color:#2b2a41; +.header-style-three .header-top .info-list li a { + color: #2b2a41; } -.main-header .header-top .social-nav{ - position:relative; - padding:0px 0px; +.main-header .header-top .social-nav { + position: relative; + padding: 0px 0px; } -.main-header .header-top .social-nav li{ - position:relative; - margin-left:15px; - display:inline-block; +.main-header .header-top .social-nav li { + position: relative; + margin-left: 15px; + display: inline-block; } -.main-header .header-top .social-nav li a{ - position:relative; - color:#ffffff; - font-size:15px; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.main-header .header-top .social-nav li a { + position: relative; + color: #ffffff; + font-size: 15px; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.main-header .header-top .social-nav li a:hover{ - color:var(--brand-primary); +.main-header .header-top .social-nav li a:hover { + color: var(--brand-primary); } -.main-header .header-top.style-two{ - border-bottom:0px; - background-color:#ffffff; +.main-header .header-top.style-two { + border-bottom: 0px; + background-color: #ffffff; } .main-header .header-top.style-two .social-nav li a, -.main-header .header-top.style-two .info-list li a{ - color:#5a5a5a; +.main-header .header-top.style-two .info-list li a { + color: #5a5a5a; } -.main-header .main-box{ - position:relative; - padding:0px 0px; - left:0px; - top:0px; - width:100%; - background:none; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.main-header .main-box { + position: relative; + padding: 0px 0px; + left: 0px; + top: 0px; + width: 100%; + background: none; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.main-header .main-box .outer-container{ - position:relative; - padding:0px 40px; +.main-header .main-box .outer-container { + position: relative; + padding: 0px 40px; } -.main-header .main-box .logo-box{ - position:relative; - float:left; - left:0px; - z-index:10; - padding:30px 0px; +.main-header .main-box .logo-box { + position: relative; + float: left; + left: 0px; + z-index: 10; + padding: 30px 0px; } -.main-header .main-box .logo-box .logo img{ - display:inline-block; - max-width:100%; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.main-header .main-box .logo-box .logo img { + display: inline-block; + max-width: 100%; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.main-header .header-upper{ - position:relative; - z-index:1; +.main-header .header-upper { + position: relative; + z-index: 1; } -.main-header .header-upper .outer-box{ - position:relative; - float:right; - padding-top:22px; - padding-left:60px; - /* transition: all 500ms ease; */ - /* -moz-transition: all 500ms ease; */ - /* -webkit-transition: all 500ms ease; */ - /* -ms-transition: all 500ms ease; */ - /* -o-transition: all 500ms ease; */ +.main-header .header-upper .outer-box { + position: relative; + float: right; + padding-top: 22px; + padding-left: 60px; + /* transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -webkit-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ } -.main-header .header-upper .outer-box .search-box-outer{ - position:relative; - float:left; - color:#ffffff; +.main-header .header-upper .outer-box .search-box-outer { + position: relative; + float: left; + color: #ffffff; } -.main-header .header-upper .outer-box .search-box-outer button{ - position: relative; - background: none; - font-size: 20px; - color: #ffffff; - padding: 13px 0px; - cursor:pointer; +.main-header .header-upper .outer-box .search-box-outer button { + position: relative; + background: none; + font-size: 20px; + color: #ffffff; + padding: 13px 0px; + cursor: pointer; } -.main-header .header-upper .outer-box .cart-box{ - position:relative; - float:left; - margin-right:20px; +.main-header .header-upper .outer-box .cart-box { + position: relative; + float: left; + margin-right: 20px; } -.main-header .header-upper .outer-box .cart-box .icon{ - position:relative; - color:#ffffff; - font-size:20px; - margin-top:12px; - margin-left:25px; - display:inline-block; +.main-header .header-upper .outer-box .cart-box .icon { + position: relative; + color: #ffffff; + font-size: 20px; + margin-top: 12px; + margin-left: 25px; + display: inline-block; } -.main-header.header-style-two .header-upper .outer-box .theme-btn{ - border-radius:50px; +.main-header.header-style-two .header-upper .outer-box .theme-btn { + border-radius: 50px; } -.main-header .header-upper .outer-box .search-box{ - position:relative; - float:left; - margin-top:12px; +.main-header .header-upper .outer-box .search-box { + position: relative; + float: left; + margin-top: 12px; } -.main-header .header-upper .outer-box .search-box .form-group{ - position:relative; - margin:0px; +.main-header .header-upper .outer-box .search-box .form-group { + position: relative; + margin: 0px; } -.main-header .header-upper .outer-box .search-box .form-group input[type="text"], -.main-header .header-upper .outer-box .search-box .form-group input[type="search"]{ - position:relative; - line-height:28px; - padding:0px 0px 10px 26px; - background:none; - display:block; - font-size:14px; - width:135px; - height:34px; - color:#ffffff; - font-weight:400; - /* -webkit-transition: all 900ms ease; */ - /* -ms-transition: all 900ms ease; */ - /* -o-transition: all 900ms ease; */ - /* transition: all 900ms ease; */ +.main-header .header-upper .outer-box .search-box .form-group input[type=text], +.main-header .header-upper .outer-box .search-box .form-group input[type=search] { + position: relative; + line-height: 28px; + padding: 0px 0px 10px 26px; + background: none; + display: block; + font-size: 14px; + width: 135px; + height: 34px; + color: #ffffff; + font-weight: 400; + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + /* transition: all 900ms ease; */ } -.main-header .header-upper .outer-box .search-box .form-group input:focus{ - width:200px; +.main-header .header-upper .outer-box .search-box .form-group input:focus { + width: 200px; } -.main-header .header-upper .outer-box .search-box .form-group button{ - position:absolute; - left:0px; - top:-5px; - height:34px; - width:35px; - font-size:14px; - color:#ffffff; - line-height:100%; - background:none; - display:inline-block; - font-weight:normal; - text-align:left; - cursor:pointer; +.main-header .header-upper .outer-box .search-box .form-group button { + position: absolute; + left: 0px; + top: -5px; + height: 34px; + width: 35px; + font-size: 14px; + color: #ffffff; + line-height: 100%; + background: none; + display: inline-block; + font-weight: normal; + text-align: left; + cursor: pointer; } .main-header .header-upper .outer-box .search-box .form-group input::-webkit-input-placeholder, -.main-header .header-upper .outer-box .search-box .form-group textarea::-webkit-input-placeholder{ - color:#ffffff; - font-weight:300; +.main-header .header-upper .outer-box .search-box .form-group textarea::-webkit-input-placeholder { + color: #ffffff; + font-weight: 300; } -.main-header .header-upper .outer-box .nav-toggler{ - float:right; - cursor:pointer; - margin:15px 0px 15px 30px; +.main-header .header-upper .outer-box .nav-toggler { + float: right; + cursor: pointer; + margin: 15px 0px 15px 30px; } -.main-header .header-upper .outer-box .nav-toggler .nav-btn{ - color:#151d37; - font-size:20px; - line-height:1em; +.main-header .header-upper .outer-box .nav-toggler .nav-btn { + color: #151d37; + font-size: 20px; + line-height: 1em; } -.header-style-two.fixed-header .main-menu{ - display:block; +.header-style-two.fixed-header .main-menu { + display: block; } /*Sticky Header*/ - -.sticky-header{ - position:fixed; - opacity:0; - visibility:hidden; - left:0px; - top:0px; - width:100%; - padding:0px 0px; - background:var(--brand-secondary); - z-index:0; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.sticky-header { + position: fixed; + opacity: 0; + visibility: hidden; + left: 0px; + top: 0px; + width: 100%; + padding: 0px 0px; + background: var(--brand-secondary); + z-index: 0; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.sticky-header .logo{ - padding:8px 0px 8px; +.sticky-header .logo { + padding: 8px 0px 8px; } -.fixed-header .sticky-header{ - z-index:999; - opacity:1; - visibility:visible; - -ms-animation-name: fadeInDown; - -moz-animation-name: fadeInDown; - -op-animation-name: fadeInDown; - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; - -ms-animation-duration: 500ms; - -moz-animation-duration: 500ms; - -op-animation-duration: 500ms; - -webkit-animation-duration: 500ms; - animation-duration: 500ms; - -ms-animation-timing-function: linear; - -moz-animation-timing-function: linear; - -op-animation-timing-function: linear; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -ms-animation-iteration-count: 1; - -moz-animation-iteration-count: 1; - -op-animation-iteration-count: 1; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; +.fixed-header .sticky-header { + z-index: 999; + opacity: 1; + visibility: visible; + -ms-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -op-animation-name: fadeInDown; + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; + -ms-animation-duration: 500ms; + -moz-animation-duration: 500ms; + -op-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -ms-animation-timing-function: linear; + -moz-animation-timing-function: linear; + -op-animation-timing-function: linear; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -ms-animation-iteration-count: 1; + -moz-animation-iteration-count: 1; + -op-animation-iteration-count: 1; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; } -.sticky-header .main-menu .navigation > li > a{ - padding:19px 0px !important; - color:#ffffff !important; +.sticky-header .main-menu .navigation > li > a { + padding: 19px 0px !important; + color: #ffffff !important; } -.main-header .nav-outer{ - position:static; - float: right; - /* transition: all 500ms ease; */ - /* -moz-transition: all 500ms ease; */ - /* -webkit-transition: all 500ms ease; */ - /* -ms-transition: all 500ms ease; */ - /* -o-transition: all 500ms ease; */ +.main-header .nav-outer { + position: static; + float: right; + /* transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -webkit-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ } -.main-header .header-upper .logo-box{ - position: relative; - padding: 20px 0px 20px; +.main-header .header-upper .logo-box { + position: relative; + padding: 20px 0px 20px; } -.main-header .header-upper .logo-box .logo{ - position:relative; +.main-header .header-upper .logo-box .logo { + position: relative; } -.main-header .header-lower{ - position:relative; - background-color:rgba(0,0,0,0.55); +.main-header .header-lower { + position: relative; + background-color: rgba(0, 0, 0, 0.55); } -.main-menu{ - position:static; - float:left; - /* transition: all 500ms ease; */ - /* -moz-transition: all 500ms ease; */ - /* -webkit-transition: all 500ms ease; */ - /* -ms-transition: all 500ms ease; */ - /* -o-transition: all 500ms ease; */ +.main-menu { + position: static; + float: left; + /* transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -webkit-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ } -.main-menu .navbar-collapse{ - padding:0px; - float: left; - display:block !important; +.main-menu .navbar-collapse { + padding: 0px; + float: left; + display: block !important; } -.main-menu .navigation{ - position:static; - margin:0px; +.main-menu .navigation { + position: static; + margin: 0px; } -.main-menu .navigation > li{ - position:relative; - float:left; - margin-right:30px; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.main-menu .navigation > li { + position: relative; + float: left; + margin-right: 30px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.main-menu .navigation > li:last-child{ - margin-right:0px; +.main-menu .navigation > li:last-child { + margin-right: 0px; } -.main-menu .navigation > li > a{ - position:relative; - display:block; - color:#ffffff; - text-align:center; - line-height:29px; - text-transform:uppercase; - letter-spacing:0px; - opacity:1; - font-weight:600; - padding:33px 0px; - font-size:16px; - /* transition:all 500ms ease; - -moz-transition:all 500ms ease; - -webkit-transition:all 500ms ease; - -ms-transition:all 500ms ease; - -o-transition:all 500ms ease; */ +.main-menu .navigation > li > a { + position: relative; + display: block; + color: #ffffff; + text-align: center; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0px; + opacity: 1; + font-weight: 600; + padding: 33px 0px; + font-size: 16px; + /* transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; */ } .main-menu .navigation > li:hover > a, -.main-menu .navigation > li.current > a{ - opacity:1; - color:var(--brand-primary); +.main-menu .navigation > li.current > a { + opacity: 1; + color: var(--brand-primary); } -.main-menu .navigation > li > ul{ - position:absolute; - left:0px; - top:100%; - width:230px; - z-index:100; - display:none; - opacity: 0; - visibility: hidden; - /* transition: all 900ms ease; */ - /* -moz-transition: all 900ms ease; */ - /* -webkit-transition: all 900ms ease; */ - /* -ms-transition: all 900ms ease; */ - /* -o-transition: all 900ms ease; */ - padding: 0px 0px; - background-color: #ffffff; - box-shadow: 0px 0px 10px rgba(0,0,0,0.10); +.main-menu .navigation > li > ul { + position: absolute; + left: 0px; + top: 100%; + width: 230px; + z-index: 100; + display: none; + opacity: 0; + visibility: hidden; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + padding: 0px 0px; + background-color: #ffffff; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } -.main-menu .navigation > li > ul:before{ - position:absolute; - content:''; - left:0px; - top:-30px; - width:100%; - height:30px; - display:block; +.main-menu .navigation > li > ul:before { + position: absolute; + content: ""; + left: 0px; + top: -30px; + width: 100%; + height: 30px; + display: block; } -.main-menu .navigation > li > ul.from-right{ - left:auto; - right:0px; +.main-menu .navigation > li > ul.from-right { + left: auto; + right: 0px; } -.main-menu .navigation > li > ul > li{ - position:relative; - width:100%; - border-bottom: 1px solid #f4f2f2; +.main-menu .navigation > li > ul > li { + position: relative; + width: 100%; + border-bottom: 1px solid #f4f2f2; } -.main-menu .navigation > li > ul > li:last-child{ - border-bottom:none; +.main-menu .navigation > li > ul > li:last-child { + border-bottom: none; } -.main-menu .navigation > li > ul > li > a{ - position:relative; - display:block; - padding:12px 18px; - line-height:24px; - font-weight:400; - font-size:18px; - text-transform:capitalize; - color:var(--brand-secondary); - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.main-menu .navigation > li > ul > li > a { + position: relative; + display: block; + padding: 12px 18px; + line-height: 24px; + font-weight: 400; + font-size: 18px; + text-transform: capitalize; + color: var(--brand-secondary); + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.main-menu .navigation > li > ul > li:hover > a{ - color:#ffffff; - padding-left:30px; - background:var(--brand-primary); +.main-menu .navigation > li > ul > li:hover > a { + color: #ffffff; + padding-left: 30px; + background: var(--brand-primary); } -.main-menu .navigation > li > ul > li.dropdown > a:after{ - font-family: 'Font Awesome 5 Free'; - font-weight: 900; - content: "\f105"; - position:absolute; - right:15px; - top:14px; - width:10px; - height:20px; - display:block; - color:var(--brand-secondary); - line-height:20px; - font-size:16px; - font-weight:normal; - text-align:center; - z-index:5; +.main-menu .navigation > li > ul > li.dropdown > a:after { + font-family: "Font Awesome 5 Free"; + font-weight: 900; + content: "\f105"; + position: absolute; + right: 15px; + top: 14px; + width: 10px; + height: 20px; + display: block; + color: var(--brand-secondary); + line-height: 20px; + font-size: 16px; + font-weight: normal; + text-align: center; + z-index: 5; } -.main-menu .navigation > li > ul > li.dropdown:hover > a:after{ - color:#ffffff; +.main-menu .navigation > li > ul > li.dropdown:hover > a:after { + color: #ffffff; } -.main-menu .navigation > li > ul > li > ul{ - position:absolute; - left:100%; - top:100%; - width:230px; - z-index:100; - display:none; - /* transition: all 900ms ease; */ - /* -moz-transition: all 900ms ease; */ - /* -webkit-transition: all 900ms ease; */ - /* -ms-transition: all 900ms ease; */ - /* -o-transition: all 900ms ease; */ - padding: 0px 0px; - background-color: #ffffff; - -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); - -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); - -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); - -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); - box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); +.main-menu .navigation > li > ul > li > ul { + position: absolute; + left: 100%; + top: 100%; + width: 230px; + z-index: 100; + display: none; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + padding: 0px 0px; + background-color: #ffffff; + -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); + -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); + -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); + box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } -.main-menu .navigation > li > ul > li > ul.from-right{ - left:auto; - right:0px; +.main-menu .navigation > li > ul > li > ul.from-right { + left: auto; + right: 0px; } -.main-menu .navigation > li > ul > li > ul > li{ - position:relative; - width:100%; - border-bottom: 1px solid #f4f2f2; +.main-menu .navigation > li > ul > li > ul > li { + position: relative; + width: 100%; + border-bottom: 1px solid #f4f2f2; } -.main-menu .navigation > li > ul > li > ul > li:last-child{ - border-bottom:none; +.main-menu .navigation > li > ul > li > ul > li:last-child { + border-bottom: none; } -.main-menu .navigation > li > ul > li > ul > li > a{ - position:relative; - display:block; - padding:12px 18px; - line-height:24px; - font-weight:400; - font-size:18px; - text-transform:capitalize; - color:var(--brand-secondary); - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.main-menu .navigation > li > ul > li > ul > li > a { + position: relative; + display: block; + padding: 12px 18px; + line-height: 24px; + font-weight: 400; + font-size: 18px; + text-transform: capitalize; + color: var(--brand-secondary); + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.main-menu .navigation > li > ul > li > ul > li:hover > a{ - color:#ffffff; - padding-left:30px; - background:var(--brand-primary); +.main-menu .navigation > li > ul > li > ul > li:hover > a { + color: #ffffff; + padding-left: 30px; + background: var(--brand-primary); } -.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ - font-family: 'Font Awesome 5 Free'; - font-weight: 900; - content: "\f105"; - position:absolute; - right:10px; - top:11px; - width:10px; - height:20px; - display:block; - color:#272727; - line-height:20px; - font-size:16px; - font-weight:normal; - text-align:center; - z-index:5; +.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after { + font-family: "Font Awesome 5 Free"; + font-weight: 900; + content: "\f105"; + position: absolute; + right: 10px; + top: 11px; + width: 10px; + height: 20px; + display: block; + color: #272727; + line-height: 20px; + font-size: 16px; + font-weight: normal; + text-align: center; + z-index: 5; } -.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ - color:#ffffff; +.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after { + color: #ffffff; } -.main-menu .navigation > li.dropdown:hover > ul{ - visibility:visible; - opacity:1; - border-top:0px !important; - -moz-transform: rotateX(0deg); - -webkit-transform: rotateX(0deg); - -ms-transform: rotateX(0deg); - -o-transform: rotateX(0deg); - transform: rotateX(0deg); +.main-menu .navigation > li.dropdown:hover > ul { + visibility: visible; + opacity: 1; + border-top: 0px !important; + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); } -.main-menu .navigation li > ul > li.dropdown:hover > ul{ - visibility:visible; - opacity:1; - top:0; - -moz-transform: rotateX(0deg); - -webkit-transform: rotateX(0deg); - -ms-transform: rotateX(0deg); - -o-transform: rotateX(0deg); - transform: rotateX(0deg); - /* transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ +.main-menu .navigation li > ul > li.dropdown:hover > ul { + visibility: visible; + opacity: 1; + top: 0; + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); + /* transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ } -.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ - position:absolute; - right:10px; - top:6px; - width:30px; - height:30px; - text-align:center; - color:#ffffff; - line-height:28px; - border:1px solid #ffffff; - background-size:20px; - cursor:pointer; - z-index:5; - display:none; +.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { + position: absolute; + right: 10px; + top: 6px; + width: 30px; + height: 30px; + text-align: center; + color: #ffffff; + line-height: 28px; + border: 1px solid #ffffff; + background-size: 20px; + cursor: pointer; + z-index: 5; + display: none; } -.main-header.fixed-header .header-upper{ - position: fixed; - left:0px; - right:0px; - top:0px; - padding:0px; - background-color:var(--brand-secondary); - box-shadow:0px 0px 15px rgba(0,0,0,0.12); +.main-header.fixed-header .header-upper { + position: fixed; + left: 0px; + right: 0px; + top: 0px; + padding: 0px; + background-color: var(--brand-secondary); + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12); } -.main-header.fixed-header .header-upper .logo-box{ - padding:15px 0px; +.main-header.fixed-header .header-upper .logo-box { + padding: 15px 0px; } -.main-header.fixed-header .nav-outer{ - padding-top:0px; +.main-header.fixed-header .nav-outer { + padding-top: 0px; } -.main-header.fixed-header .main-menu .navigation > li > a{ - padding:27px 0px; +.main-header.fixed-header .main-menu .navigation > li > a { + padding: 27px 0px; } -.main-header.fixed-header .header-upper .outer-box{ - padding-top:15px; +.main-header.fixed-header .header-upper .outer-box { + padding-top: 15px; } -.main-header.fixed-header .header-upper .outer-box .theme-btn{ - border-color:#000000; - color:#000000; +.main-header.fixed-header .header-upper .outer-box .theme-btn { + border-color: #000000; + color: #000000; } -.main-header.fixed-header .header-upper .outer-box .theme-btn:hover{ - color:#ffffff; +.main-header.fixed-header .header-upper .outer-box .theme-btn:hover { + color: #ffffff; } -.header-style-two.fixed-header{ - background-color:#000000; +.header-style-two.fixed-header { + background-color: #000000; } -.header-style-two.fixed-header .main-menu .navigation > li > a{ - color:#ffffff; +.header-style-two.fixed-header .main-menu .navigation > li > a { + color: #ffffff; } -.header-style-two.fixed-header .header-upper .outer-box .theme-btn{ - color:#ffffff; - border-color:#ffffff; +.header-style-two.fixed-header .header-upper .outer-box .theme-btn { + color: #ffffff; + border-color: #ffffff; } -.header-style-two.fixed-header .header-upper .outer-box .theme-btn:before{ - background-color:#ffffff; +.header-style-two.fixed-header .header-upper .outer-box .theme-btn:before { + background-color: #ffffff; } -.header-style-two.fixed-header .header-upper .outer-box .theme-btn:hover{ - color:var(--brand-secondary); +.header-style-two.fixed-header .header-upper .outer-box .theme-btn:hover { + color: var(--brand-secondary); } -.header-style-two.fixed-header .header-upper .outer-box .nav-toggler .nav-btn{ - color:#ffffff; +.header-style-two.fixed-header .header-upper .outer-box .nav-toggler .nav-btn { + color: #ffffff; } .header-style-three .header-upper .outer-box .theme-btn, .header-style-three .header-upper .outer-box .btn { color: white; } + .header-style-three .header-upper .outer-box .theme-btn:hover, .header-style-three .header-upper .outer-box .btn:hover { - color:var(--brand-primary); + color: var(--brand-primary); } -.header-style-three.fixed-header .header-upper{ - background-color:#ffffff; - box-shadow:0px 0px 10px rgba(0,0,0,0.10); +.header-style-three.fixed-header .header-upper { + background-color: #ffffff; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .header-style-three.fixed-header .header-upper .outer-box .search-box-outer button, .header-style-three.fixed-header .header-upper .outer-box .cart-box .icon, -.header-style-three.fixed-header .header-upper .outer-box .icon{ - color:#2b2a41; +.header-style-three.fixed-header .header-upper .outer-box .icon { + color: #2b2a41; } -.header-style-three.fixed-header .main-menu .navigation > li > a{ - color:#2b2a41; +.header-style-three.fixed-header .main-menu .navigation > li > a { + color: #2b2a41; } /*** @@ -1423,82 +1536,81 @@ img{ ==================================================================== ***/ - -.banner-section{ - position:relative; - padding-top:220px; - padding-bottom:100px; +.banner-section { + position: relative; + padding-top: 220px; + padding-bottom: 100px; } -.banner-section .side-layer{ - position:absolute; - right:0px; - top:0px; - width:100%; - height:1459px; - background-position:right top; - background-repeat:no-repeat; +.banner-section .side-layer { + position: absolute; + right: 0px; + top: 0px; + width: 100%; + height: 1459px; + background-position: right top; + background-repeat: no-repeat; } -.banner-section .pattern-layer{ - position:absolute; - right:0px; - top:0px; - width:100%; - height:942px; - background-repeat:no-repeat; - background-position:center center; +.banner-section .pattern-layer { + position: absolute; + right: 0px; + top: 0px; + width: 100%; + height: 942px; + background-repeat: no-repeat; + background-position: center center; } -.banner-section .content-column{ - position:relative; - z-index:3; +.banner-section .content-column { + position: relative; + z-index: 3; } -.banner-section .content-column .inner-column{ - position:relative; - padding-top:100px; - padding-left:30px; - padding-bottom:60px; +.banner-section .content-column .inner-column { + position: relative; + padding-top: 100px; + padding-left: 30px; + padding-bottom: 60px; } -.banner-section .content-column h1{ - position:relative; - color:#ffffff; - font-weight:700; - line-height:1.25em; - margin-bottom:20px; - text-transform:capitalize; +.banner-section .content-column h1 { + position: relative; + color: #ffffff; + font-weight: 700; + line-height: 1.25em; + margin-bottom: 20px; + text-transform: capitalize; } -.banner-section .content-column h1 span{ - color:var(--brand-primary); +.banner-section .content-column h1 span { + color: var(--brand-primary); } -.banner-section .content-column .text{ - position:relative; - color:#ffffff; - font-size:18px; - line-height:1.8em; - margin-bottom:35px; - font-weight:400; +.banner-section .content-column .text { + position: relative; + color: #ffffff; + font-size: 18px; + line-height: 1.8em; + margin-bottom: 35px; + font-weight: 400; } -.banner-section .content-column .buttons-box{ - position:relative; +.banner-section .content-column .buttons-box { + position: relative; } -.banner-section .content-column .buttons-box .theme-btn{ - margin-right:25px; +.banner-section .content-column .buttons-box .theme-btn { + margin-right: 25px; } -.banner-section .image-column{ - position:relative; +.banner-section .image-column { + position: relative; } -.banner-section .image-column .inner-column{ - position:relative; - margin-left:-200px; +.banner-section .image-column .inner-column { + position: relative; + margin-left: -200px; } /*** @@ -1508,205 +1620,204 @@ img{ ==================================================================== ***/ - -.nav-outer .mobile-nav-toggler{ - position: relative; - float: right; - font-size: 40px; - line-height: 50px; - cursor: pointer; - color:#ffffff; - display: none; +.nav-outer .mobile-nav-toggler { + position: relative; + float: right; + font-size: 40px; + line-height: 50px; + cursor: pointer; + color: #ffffff; + display: none; } -.mobile-menu{ - position: fixed; - right: 0; - top: 0; - width: 300px; - padding-right:30px; - max-width:100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 999999; +.mobile-menu { + position: fixed; + right: 0; + top: 0; + width: 300px; + padding-right: 30px; + max-width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 999999; } -.mobile-menu .nav-logo{ - position:relative; - padding:20px 20px; - text-align:left; +.mobile-menu .nav-logo { + position: relative; + padding: 20px 20px; + text-align: left; } -.mobile-menu .nav-logo img{ - max-width:200px; +.mobile-menu .nav-logo img { + max-width: 200px; } -.mobile-menu-visible{ - overflow: hidden; +.mobile-menu-visible { + overflow: hidden; } -.mobile-menu-visible .mobile-menu{ - opacity: 1; - visibility: visible; +.mobile-menu-visible .mobile-menu { + opacity: 1; + visibility: visible; } -.mobile-menu .menu-backdrop{ - position: fixed; - right: 0; - top: 0; - width: 100%; - height: 100%; - z-index: 1; - background: rgba(0,0,0,0.90); - -webkit-transform: translateX(101%); - -ms-transform: translateX(101%); - transform: translateX(101%); +.mobile-menu .menu-backdrop { + position: fixed; + right: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + background: rgba(0, 0, 0, 0.9); + -webkit-transform: translateX(101%); + -ms-transform: translateX(101%); + transform: translateX(101%); } -.mobile-menu-visible .mobile-menu .menu-backdrop{ - opacity: 1; - visibility: visible; - /* -webkit-transition:all 0.7s ease; */ - /* -moz-transition:all 0.7s ease; */ - /* -ms-transition:all 0.7s ease; */ - /* -o-transition:all 0.7s ease; */ - /* transition:all 0.7s ease; */ - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); +.mobile-menu-visible .mobile-menu .menu-backdrop { + opacity: 1; + visibility: visible; + /* -webkit-transition:all 0.7s ease; */ + /* -moz-transition:all 0.7s ease; */ + /* -ms-transition:all 0.7s ease; */ + /* -o-transition:all 0.7s ease; */ + /* transition:all 0.7s ease; */ + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); } -.mobile-menu .menu-box{ - position: absolute; - left: 0px; - top: 0px; - width: 100%; - height: 100%; - max-height: 100%; - overflow-y: auto; - background: #ffffff; - padding: 0px 0px; - z-index: 5; - opacity: 0; - visibility: hidden; - border-radius: 0px; - -webkit-transform: translateX(101%); - -ms-transform: translateX(101%); - transform: translateX(101%); +.mobile-menu .menu-box { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + max-height: 100%; + overflow-y: auto; + background: #ffffff; + padding: 0px 0px; + z-index: 5; + opacity: 0; + visibility: hidden; + border-radius: 0px; + -webkit-transform: translateX(101%); + -ms-transform: translateX(101%); + transform: translateX(101%); } -.mobile-menu-visible .mobile-menu .menu-box{ - opacity: 1; - visibility: visible; - /* -webkit-transition:all 0.7s ease 500ms; */ - /* -moz-transition:all 0.7s ease 500ms; */ - /* -ms-transition:all 0.7s ease 500ms; */ - /* -o-transition:all 0.7s ease 500ms; */ - /* transition:all 0.7s ease 500ms; */ - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); +.mobile-menu-visible .mobile-menu .menu-box { + opacity: 1; + visibility: visible; + /* -webkit-transition:all 0.7s ease 500ms; */ + /* -moz-transition:all 0.7s ease 500ms; */ + /* -ms-transition:all 0.7s ease 500ms; */ + /* -o-transition:all 0.7s ease 500ms; */ + /* transition:all 0.7s ease 500ms; */ + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); } -.mobile-menu .close-btn{ - position: absolute; - right: 3px; - top: 3px; - line-height: 30px; - width: 30px; - text-align: center; - font-size: 14px; - color: #202020; - cursor: pointer; - z-index: 10; - /* -webkit-transition:all 0.5s ease; */ - /* -moz-transition:all 0.5s ease; */ - /* -ms-transition:all 0.5s ease; */ - /* -o-transition:all 0.5s ease; */ - /* transition:all 0.5s ease; */ - -webkit-transform: translateY(-50px); - -ms-transform: translateY(-50px); - transform: translateY(-50px); +.mobile-menu .close-btn { + position: absolute; + right: 3px; + top: 3px; + line-height: 30px; + width: 30px; + text-align: center; + font-size: 14px; + color: #202020; + cursor: pointer; + z-index: 10; + /* -webkit-transition:all 0.5s ease; */ + /* -moz-transition:all 0.5s ease; */ + /* -ms-transition:all 0.5s ease; */ + /* -o-transition:all 0.5s ease; */ + /* transition:all 0.5s ease; */ + -webkit-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); } -.mobile-menu-visible .mobile-menu .close-btn{ - -webkit-transform: translateY(0px); - -ms-transform: translateY(0px); - transform: translateY(0px); +.mobile-menu-visible .mobile-menu .close-btn { + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); } -.mobile-menu .close-btn:hover{ - opacity: 0.50; +.mobile-menu .close-btn:hover { + opacity: 0.5; } -.mobile-menu .navigation{ - position: relative; - display: block; - width:100%; - border-top: 1px solid rgba(0,0,0,0.10); +.mobile-menu .navigation { + position: relative; + display: block; + width: 100%; + border-top: 1px solid rgba(0, 0, 0, 0.1); } -.mobile-menu .navigation li{ - position: relative; - display: block; - border-bottom: 1px solid rgba(0,0,0,0.10); +.mobile-menu .navigation li { + position: relative; + display: block; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } -.mobile-menu .navigation li > ul > li:last-child{ - border-bottom: none; +.mobile-menu .navigation li > ul > li:last-child { + border-bottom: none; } -.mobile-menu .navigation li > ul > li:first-child{ - border-top: 1px solid rgba(0,0,0,0.10); +.mobile-menu .navigation li > ul > li:first-child { + border-top: 1px solid rgba(0, 0, 0, 0.1); } -.mobile-menu .navigation li > a{ - position: relative; - display: block; - line-height: 24px; - padding: 10px 20px; - font-size: 15px; - color: #404040; - text-transform: capitalize; +.mobile-menu .navigation li > a { + position: relative; + display: block; + line-height: 24px; + padding: 10px 20px; + font-size: 15px; + color: #404040; + text-transform: capitalize; } .mobile-menu .navigation li:hover > a, -.mobile-menu .navigation li.current > a{ - color:#f34a4d; +.mobile-menu .navigation li.current > a { + color: #f34a4d; } -.mobile-menu .navigation li.dropdown .dropdown-btn{ - position:absolute; - right:0px; - top:0px; - width:44px; - height:44px; - text-align:center; - font-size:16px; - line-height:44px; - color:#404040; - cursor:pointer; - z-index:5; +.mobile-menu .navigation li.dropdown .dropdown-btn { + position: absolute; + right: 0px; + top: 0px; + width: 44px; + height: 44px; + text-align: center; + font-size: 16px; + line-height: 44px; + color: #404040; + cursor: pointer; + z-index: 5; } -.mobile-menu .navigation li.dropdown .dropdown-btn:after{ - content:''; - position:absolute; - left:0px; - top:10px; - width:1px; - height:24px; - border-left:1px solid rgba(0,0,0,0.10); +.mobile-menu .navigation li.dropdown .dropdown-btn:after { + content: ""; + position: absolute; + left: 0px; + top: 10px; + width: 1px; + height: 24px; + border-left: 1px solid rgba(0, 0, 0, 0.1); } .mobile-menu .navigation li > ul, -.mobile-menu .navigation li > ul > li > ul{ - display: none; +.mobile-menu .navigation li > ul > li > ul { + display: none; } -.sticky-header .navbar-header{ - display:none; +.sticky-header .navbar-header { + display: none; } /*** @@ -1716,198 +1827,197 @@ img{ ==================================================================== ***/ - -.search-popup{ - position: fixed; - left: 0; - top: 0; - height: 100vh; - width: 100%; - z-index: 99999; - margin-top: -540px; - transform: translateY(-100%); - background-color: rgba(0,0,0,0.90); - /* -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ - /* -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ - /* -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ - /* transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ - /* -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ - /* -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ - /* -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ - /* transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ +.search-popup { + position: fixed; + left: 0; + top: 0; + height: 100vh; + width: 100%; + z-index: 99999; + margin-top: -540px; + transform: translateY(-100%); + background-color: rgba(0, 0, 0, 0.9); + /* -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ + /* -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ } -.sidenav-bar-visible .search-popup{ - width: 80%; +.sidenav-bar-visible .search-popup { + width: 80%; } -.search-popup:before{ - position: absolute; - left: 0; - top: 100%; - width: 100%; - height: 560px; - background-image: url(../images/icons/waves-shape.png); - background-repeat: no-repeat; - background-position: center; - background-size: cover; - margin-top: 0px; - content: ""; +.search-popup:before { + position: absolute; + left: 0; + top: 100%; + width: 100%; + height: 560px; + background-image: url(../images/icons/waves-shape.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + margin-top: 0px; + content: ""; } -.search-active .search-popup{ - transform: translateY(0%); - margin-top: 0; +.search-active .search-popup { + transform: translateY(0%); + margin-top: 0; } -.search-popup .close-search{ - position: absolute; - left: 0; - right: 0; - top: 75%; - margin: 0 auto; - margin-top: -200px; - border-radius: 50%; - text-align: center; - background-color: var(--brand-primary); - width: 70px; - cursor:pointer; - box-shadow: 0 0 10px rgba(0,0,0,0.05); - border-bottom: 3px solid #ffffff; - /* -webkit-transition: all 500ms ease; */ - /* -moz-transition: all 500ms ease; */ - /* -ms-transition: all 500ms ease; */ - /* -o-transition: all 500ms ease; */ - /* transition: all 500ms ease; */ - opacity: 0; - visibility: hidden; +.search-popup .close-search { + position: absolute; + left: 0; + right: 0; + top: 75%; + margin: 0 auto; + margin-top: -200px; + border-radius: 50%; + text-align: center; + background-color: var(--brand-primary); + width: 70px; + cursor: pointer; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); + border-bottom: 3px solid #ffffff; + /* -webkit-transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ + /* transition: all 500ms ease; */ + opacity: 0; + visibility: hidden; } -.search-popup .close-search span{ - position: relative; - display: block; - height: 70px; - width: 70px; - font-size: 30px; - line-height: 70px; - color: #ffffff; +.search-popup .close-search span { + position: relative; + display: block; + height: 70px; + width: 70px; + font-size: 30px; + line-height: 70px; + color: #ffffff; } -.search-active .search-popup .close-search{ - visibility: visible; - opacity: 1; - top: 50%; - /* -webkit-transition-delay: 1500ms; */ - /* -moz-transition-delay: 1500ms; */ - /* -ms-transition-delay: 1500ms; */ - /* -o-transition-delay: 1500ms; */ - /* transition-delay: 1500ms; */ +.search-active .search-popup .close-search { + visibility: visible; + opacity: 1; + top: 50%; + /* -webkit-transition-delay: 1500ms; */ + /* -moz-transition-delay: 1500ms; */ + /* -ms-transition-delay: 1500ms; */ + /* -o-transition-delay: 1500ms; */ + /* transition-delay: 1500ms; */ } -.search-popup form{ - position: absolute; - max-width: 700px; - top: 50%; - left: 15px; - right: 15px; - margin:-35px auto 0; - transform: scaleX(0); - transform-origin: center; - background-color: #111111; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ +.search-popup form { + position: absolute; + max-width: 700px; + top: 50%; + left: 15px; + right: 15px; + margin: -35px auto 0; + transform: scaleX(0); + transform-origin: center; + background-color: #111111; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ } -.search-active .search-popup form{ - transform: scaleX(1); - /* -webkit-transition-delay: 1200ms; */ - /* -moz-transition-delay: 1200ms; */ - /* -ms-transition-delay: 1200ms; */ - /* -o-transition-delay: 1200ms; */ - /* transition-delay: 1200ms; */ +.search-active .search-popup form { + transform: scaleX(1); + /* -webkit-transition-delay: 1200ms; */ + /* -moz-transition-delay: 1200ms; */ + /* -ms-transition-delay: 1200ms; */ + /* -o-transition-delay: 1200ms; */ + /* transition-delay: 1200ms; */ } -.search-popup .form-group{ - position:relative; - margin:0px; - overflow: hidden; +.search-popup .form-group { + position: relative; + margin: 0px; + overflow: hidden; } -.search-popup .form-group input[type="text"], -.search-popup .form-group input[type="search"]{ - position:relative; - display:block; - font-size:18px; - line-height: 50px; - color:#000000; - height:70px; - width:100%; - padding: 10px 30px; - background-color: #ffffff; - /* -webkit-transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - /* transition:all 500ms ease; */ - font-weight:500; - text-transform:capitalize; +.search-popup .form-group input[type=text], +.search-popup .form-group input[type=search] { + position: relative; + display: block; + font-size: 18px; + line-height: 50px; + color: #000000; + height: 70px; + width: 100%; + padding: 10px 30px; + background-color: #ffffff; + /* -webkit-transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + /* transition:all 500ms ease; */ + font-weight: 500; + text-transform: capitalize; } -.search-popup .form-group input[type="submit"], -.search-popup .form-group button{ - position:absolute; - right:30px; - top:0px; - height:70px; - line-height: 70px; - background: transparent; - text-align:center; - font-size:24px; - color:#000000; - padding: 0; - cursor:pointer; - /* -webkit-transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - /* transition:all 500ms ease; */ +.search-popup .form-group input[type=submit], +.search-popup .form-group button { + position: absolute; + right: 30px; + top: 0px; + height: 70px; + line-height: 70px; + background: transparent; + text-align: center; + font-size: 24px; + color: #000000; + padding: 0; + cursor: pointer; + /* -webkit-transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + /* transition:all 500ms ease; */ } -.search-popup .form-group input[type="submit"]:hover, -.search-popup .form-group button:hover{ - color: #000000; +.search-popup .form-group input[type=submit]:hover, +.search-popup .form-group button:hover { + color: #000000; } .search-popup input::placeholder, -.search-popup textarea::placeholder{ - color:#000000; +.search-popup textarea::placeholder { + color: #000000; } -.search-popup .close-search.style-two{ - position: absolute; - right: 25px; - left: auto; - color:#ffffff; - width:auto; - height:auto; - top:25px; - margin:0px; - border:none; - background:none !important; - box-shadow:none !important; - /* -webkit-transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - /* transition:all 500ms ease; */ +.search-popup .close-search.style-two { + position: absolute; + right: 25px; + left: auto; + color: #ffffff; + width: auto; + height: auto; + top: 25px; + margin: 0px; + border: none; + background: none !important; + box-shadow: none !important; + /* -webkit-transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + /* transition:all 500ms ease; */ } -.search-popup .close-search.style-two span{ - font-size:20px; - color:#ffffff; +.search-popup .close-search.style-two span { + font-size: 20px; + color: #ffffff; } /*** @@ -1917,79 +2027,78 @@ img{ ==================================================================== ***/ - -.optimized-section{ - position:relative; - padding:90px 0px 40px; +.optimized-section { + position: relative; + padding: 90px 0px 40px; } -.optimized-section .content-column{ - position:relative; - margin-bottom:40px; +.optimized-section .content-column { + position: relative; + margin-bottom: 40px; } -.optimized-section .content-column .inner-column{ - position:relative; - padding-top:95px; +.optimized-section .content-column .inner-column { + position: relative; + padding-top: 95px; } -.newsletter-form{ - margin-bottom:35px; +.newsletter-form { + margin-bottom: 35px; } -.newsletter-form .form-group{ - position:relative; - display:block; - margin-bottom:10px; +.newsletter-form .form-group { + position: relative; + display: block; + margin-bottom: 10px; } -.newsletter-form .form-group input[type="text"], -.newsletter-form .form-group input[type="email"]{ - position:relative; - display:block; - width:100%; - line-height:26px; - padding:10px 180px 10px 25px; - height:50px; - font-size:18px; - color:#000000; - background:none; - border-radius:50px; - border:1px solid #dddddd; - background:white; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ - font-family: 'Roboto Condensed' ; +.newsletter-form .form-group input[type=text], +.newsletter-form .form-group input[type=email] { + position: relative; + display: block; + width: 100%; + line-height: 26px; + padding: 10px 180px 10px 25px; + height: 50px; + font-size: 18px; + color: #000000; + background: none; + border-radius: 50px; + border: 1px solid #dddddd; + background: white; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + font-family: "Roboto Condensed"; } -.newsletter-form .form-group button{ - position:absolute; - right:1px; - top:1px; - cursor:pointer; - padding:8px 36px 8px; +.newsletter-form .form-group button { + position: absolute; + right: 1px; + top: 1px; + cursor: pointer; + padding: 8px 36px 8px; } .newsletter-form.style-two .form-group input, -.newsletter-form.style-two .form-group button{ - border-radius:0px; +.newsletter-form.style-two .form-group button { + border-radius: 0px; } -.optimized-section .image-column{ - position:relative; +.optimized-section .image-column { + position: relative; } -.optimized-section .image-column .inner-column{ - position:relative; - padding-left:35px; - text-align:center; +.optimized-section .image-column .inner-column { + position: relative; + padding-left: 35px; + text-align: center; } -.optimized-section .image-column .image{ - position:relative; +.optimized-section .image-column .image { + position: relative; } /*** @@ -1999,110 +2108,109 @@ img{ ==================================================================== ***/ - -.featured-section{ - position:relative; - padding-bottom:70px; +.featured-section { + position: relative; + padding-bottom: 70px; } -.featured-section .pattern-layer{ - position:absolute; - content:''; - left:0px; - top:0px; - height:825px; - width:1180px; - background-repeat:no-repeat; - background-position:left top; +.featured-section .pattern-layer { + position: absolute; + content: ""; + left: 0px; + top: 0px; + height: 825px; + width: 1180px; + background-repeat: no-repeat; + background-position: left top; } -.featured-section .left-column{ - position:relative; +.featured-section .left-column { + position: relative; } -.featured-section .left-column .inner-column{ - position:relative; +.featured-section .left-column .inner-column { + position: relative; } -.featured-section .image-column{ - position:relative; +.featured-section .image-column { + position: relative; } -.featured-section .image-column .inner-column{ - position:relative; - text-align:center; - margin-left:-15px; - margin-right:-15px; - padding-top:60px; +.featured-section .image-column .inner-column { + position: relative; + text-align: center; + margin-left: -15px; + margin-right: -15px; + padding-top: 60px; } -.featured-section .right-column{ - position:relative; +.featured-section .right-column { + position: relative; } -.featured-section .right-column .inner-column{ - position:relative; +.featured-section .right-column .inner-column { + position: relative; } -.featured-block{ - position:relative; - margin-bottom:40px; +.featured-block { + position: relative; + margin-bottom: 40px; } -.featured-block .inner-box{ - position:relative; - text-align:center; +.featured-block .inner-box { + position: relative; + text-align: center; } -.featured-block .inner-box h5{ - position:relative; - padding:15px 35px; - line-height:1.3em; - font-weight:700; - z-index:1; - letter-spacing:1px; - display:inline-block; - background-color:#ffffff; - box-shadow:0px 5px 10px rgba(0,0,0,0.10); +.featured-block .inner-box h5 { + position: relative; + padding: 15px 35px; + line-height: 1.3em; + font-weight: 700; + z-index: 1; + letter-spacing: 1px; + display: inline-block; + background-color: #ffffff; + box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } -.featured-block .inner-box h5 a{ - position:relative; - color:#2b2b2b; - display:inline-block; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.featured-block .inner-box h5 a { + position: relative; + color: #2b2b2b; + display: inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.featured-block .inner-box h5 a:hover{ - color:var(--brand-primary); +.featured-block .inner-box h5 a:hover { + color: var(--brand-primary); } -.featured-block .inner-box .lower-content{ - position:relative; - margin-top:-25px; - padding:35px 30px 25px; - background-color:#ffffff; - box-shadow:0px 5px 10px rgba(0,0,0,0.10); +.featured-block .inner-box .lower-content { + position: relative; + margin-top: -25px; + padding: 35px 30px 25px; + background-color: #ffffff; + box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } -.featured-block .inner-box .icon-box{ - position:relative; - line-height:1em; - color:var(--brand-primary); - font-size:64px; - margin-top:20px; - margin-bottom:25px; +.featured-block .inner-box .icon-box { + position: relative; + line-height: 1em; + color: var(--brand-primary); + font-size: 64px; + margin-top: 20px; + margin-bottom: 25px; } -.featured-block .inner-box .text{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; +.featured-block .inner-box .text { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; } /*** @@ -2112,92 +2220,91 @@ img{ ==================================================================== ***/ - -.services-section{ - position:relative; - padding:90px 0px 100px; +.services-section { + position: relative; + padding: 90px 0px 100px; } -.services-section .inner-container{ - position:relative; - padding-left:250px; +.services-section .inner-container { + position: relative; + padding-left: 250px; } -.services-section .inner-container .button-box{ - text-align:right; +.services-section .inner-container .button-box { + text-align: right; } -.services-section .inner-container .service-image{ - position:absolute; - left:-80px; - bottom:-120px; +.services-section .inner-container .service-image { + position: absolute; + left: -80px; + bottom: -120px; } -.service-block{ - position:relative; - margin-bottom:45px; +.service-block { + position: relative; + margin-bottom: 45px; } -.service-block .inner-box{ - position:relative; +.service-block .inner-box { + position: relative; } -.service-block .inner-box .icon-box{ - position:relative; - line-height:1em; - font-size:56px; - color:var(--brand-primary); - margin-bottom:20px; +.service-block .inner-box .icon-box { + position: relative; + line-height: 1em; + font-size: 56px; + color: var(--brand-primary); + margin-bottom: 20px; } -.service-block .inner-box h5{ - position:relative; - font-weight:700; - margin-bottom:10px; +.service-block .inner-box h5 { + position: relative; + font-weight: 700; + margin-bottom: 10px; } -.service-block .inner-box h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.service-block .inner-box h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.service-block .inner-box h5 a:hover{ - color:var(--brand-primary); +.service-block .inner-box h5 a:hover { + color: var(--brand-primary); } -.service-block .inner-box .text{ - position:relative; - line-height:1.8em; - font-size:16px; - color:#5a5a5a; +.service-block .inner-box .text { + position: relative; + line-height: 1.8em; + font-size: 16px; + color: #5a5a5a; } -.service-block .inner-box h5 .read-more{ - position:relative; +.service-block .inner-box h5 .read-more { + position: relative; } -.service-block .inner-box .read-more{ - position:relative; - color:var(--brand-primary); - font-size:18px; - margin-top:22px; - display:inline-block; - text-decoration:underline; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.service-block .inner-box .read-more { + position: relative; + color: var(--brand-primary); + font-size: 18px; + margin-top: 22px; + display: inline-block; + text-decoration: underline; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.service-block .inner-box .read-more:hover{ - color:#2b2b2b; - text-decoration:none; +.service-block .inner-box .read-more:hover { + color: #2b2b2b; + text-decoration: none; } /*** @@ -2207,41 +2314,40 @@ img{ ==================================================================== ***/ - -.science-section{ - position:relative; - overflow:hidden; - padding:140px 0px 60px; +.science-section { + position: relative; + overflow: hidden; + padding: 140px 0px 60px; } -.science-section .pattern-layer{ - position:absolute; - content:''; - right:0px; - top:0px; - height:861px; - width:1281px; - background-repeat:no-repeat; - background-position:right top; +.science-section .pattern-layer { + position: absolute; + content: ""; + right: 0px; + top: 0px; + height: 861px; + width: 1281px; + background-repeat: no-repeat; + background-position: right top; } -.science-section .content-column{ - position:relative; +.science-section .content-column { + position: relative; } -.science-section .content-column .inner-column{ - position:relative; - padding-top:75px; - margin-right:-20px; +.science-section .content-column .inner-column { + position: relative; + padding-top: 75px; + margin-right: -20px; } -.science-section .image-column{ - position:relative; +.science-section .image-column { + position: relative; } -.science-section .image-column .inner-column{ - position:relative; - padding-left:40px; +.science-section .image-column .inner-column { + position: relative; + padding-left: 40px; } /*** @@ -2251,144 +2357,143 @@ img{ ==================================================================== ***/ - -.magic-section{ - position:relative; - overflow:hidden; - padding:100px 0px 0px; +.magic-section { + position: relative; + overflow: hidden; + padding: 100px 0px 0px; } -.magic-section.style-two{ - padding-top:0px; +.magic-section.style-two { + padding-top: 0px; } -.magic-section .cross-icon{ - position:absolute; - left:8%; - top:20%; - width:90px; - height:90px; - background-repeat:no-repeat; +.magic-section .cross-icon { + position: absolute; + left: 8%; + top: 20%; + width: 90px; + height: 90px; + background-repeat: no-repeat; } -.magic-section .blocks-column{ - position:relative; +.magic-section .blocks-column { + position: relative; } -.magic-section .blocks-column .inner-column{ - position:relative; - padding-left:35px; +.magic-section .blocks-column .inner-column { + position: relative; + padding-left: 35px; } -.magic-section .blocks-column .magic-block.style-two .inner-box{ - padding-right:35px; +.magic-section .blocks-column .magic-block.style-two .inner-box { + padding-right: 35px; } -.magic-section .blocks-column .inner-column .magic-block:before{ - position:absolute; - content:''; - left:14px; - top:70px; - width:409px; - height:157px; - background-repeat:no-repeat; - background:url(../images/icons/magic-pattern-1.png) no-repeat; +.magic-section .blocks-column .inner-column .magic-block:before { + position: absolute; + content: ""; + left: 14px; + top: 70px; + width: 409px; + height: 157px; + background-repeat: no-repeat; + background: url(../images/icons/magic-pattern-1.png) no-repeat; } -.magic-section .blocks-column .inner-column .magic-block.style-two:before{ - right:12px; - left:auto; - top:35px; - background:url(../images/icons/magic-pattern-2.png) no-repeat; +.magic-section .blocks-column .inner-column .magic-block.style-two:before { + right: 12px; + left: auto; + top: 35px; + background: url(../images/icons/magic-pattern-2.png) no-repeat; } -.magic-section .blocks-column .inner-column .magic-block:last-child:before{ - display:none; +.magic-section .blocks-column .inner-column .magic-block:last-child:before { + display: none; } -.magic-block{ - position:relative; - margin-bottom:50px; +.magic-block { + position: relative; + margin-bottom: 50px; } -.magic-block .inner-box{ - position:relative; - padding-right:20px; +.magic-block .inner-box { + position: relative; + padding-right: 20px; } -.magic-block .inner-box .content{ - position:relative; - padding-left:50px; +.magic-block .inner-box .content { + position: relative; + padding-left: 50px; } -.magic-block .inner-box .number{ - position:absolute; - left:0px; - top:1px; - width:35px; - height:35px; - color:#2b2b2b; - font-size:16px; - font-weight:700; - line-height:35px; - text-align:center; - border-radius:50px; - background-color:#eaeaea; - display:inline-block; +.magic-block .inner-box .number { + position: absolute; + left: 0px; + top: 1px; + width: 35px; + height: 35px; + color: #2b2b2b; + font-size: 16px; + font-weight: 700; + line-height: 35px; + text-align: center; + border-radius: 50px; + background-color: #eaeaea; + display: inline-block; } -.magic-block .inner-box h5{ - position:relative; - font-weight:700; - color:#2b2b2b; - line-height:1.3em; +.magic-block .inner-box h5 { + position: relative; + font-weight: 700; + color: #2b2b2b; + line-height: 1.3em; } -.magic-block .inner-box h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.magic-block .inner-box h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.magic-block .inner-box:hover h5 a{ - color:var(--brand-primary); +.magic-block .inner-box:hover h5 a { + color: var(--brand-primary); } -.magic-block .inner-box .text{ - position:relative; - margin-top:10px; - color:#5a5a5a; - font-size:16px; - line-height:1.9em; +.magic-block .inner-box .text { + position: relative; + margin-top: 10px; + color: #5a5a5a; + font-size: 16px; + line-height: 1.9em; } -.magic-block.style-two .inner-box{ - text-align:right; +.magic-block.style-two .inner-box { + text-align: right; } -.magic-block.style-two .inner-box .content{ - padding-right:50px; - padding-left:0px; +.magic-block.style-two .inner-box .content { + padding-right: 50px; + padding-left: 0px; } -.magic-block.style-two .inner-box .number{ - right:0px; - left:auto; - color:#ffffff; - background-color:var(--brand-primary); +.magic-block.style-two .inner-box .number { + right: 0px; + left: auto; + color: #ffffff; + background-color: var(--brand-primary); } -.magic-section .image-column{ - position:relative; +.magic-section .image-column { + position: relative; } -.magic-section .image-column .inner-column{ - position:relative; - margin-right:-100px; +.magic-section .image-column .inner-column { + position: relative; + margin-right: -100px; } /*** @@ -2398,260 +2503,259 @@ img{ ==================================================================== ***/ - -.projects-section{ - position:relative; - padding:50px 0px 0px; +.projects-section { + position: relative; + padding: 50px 0px 0px; } -.projects-section.style-two{ - padding-top:95px; - padding-bottom:100px; +.projects-section.style-two { + padding-top: 95px; + padding-bottom: 100px; } -.projects-section .project-tabs{ - position:relative; +.projects-section .project-tabs { + position: relative; } -.projects-section .project-tabs .tab-btns{ - position:relative; - text-align:center; - margin-bottom:40px; +.projects-section .project-tabs .tab-btns { + position: relative; + text-align: center; + margin-bottom: 40px; } -.projects-section .project-tabs .tab-btns .tab-btn{ - position:relative; - font-size:20px; - background:none; - color:#2b2b2b; - width:30%; - font-weight:700; - line-height:24px; - cursor:pointer; - text-align:center; - margin:0px 15px; - line-height:1.5em; - margin-bottom:20px; - display:inline-block; - padding:35px 30px 35px; - text-transform:capitalize; - /* transition:all 500ms ease; */ - font-family: 'Roboto Condensed'; - box-shadow:0px 0px 20px rgba(0,0,0,0.15); - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.projects-section .project-tabs .tab-btns .tab-btn { + position: relative; + font-size: 20px; + background: none; + color: #2b2b2b; + width: 30%; + font-weight: 700; + line-height: 24px; + cursor: pointer; + text-align: center; + margin: 0px 15px; + line-height: 1.5em; + margin-bottom: 20px; + display: inline-block; + padding: 35px 30px 35px; + text-transform: capitalize; + /* transition:all 500ms ease; */ + font-family: "Roboto Condensed"; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.projects-section .project-tabs .tab-btns .tab-btn .icon{ - position:relative; - display:block; - color:var(--brand-primary); - line-height:1em; - font-size:60px; - margin-bottom:20px; - font-weight:400; +.projects-section .project-tabs .tab-btns .tab-btn .icon { + position: relative; + display: block; + color: var(--brand-primary); + line-height: 1em; + font-size: 60px; + margin-bottom: 20px; + font-weight: 400; } .projects-section .project-tabs .tab-btns .tab-btn:hover, -.projects-section .project-tabs .tab-btns .tab-btn.active-btn{ - color:var(--brand-primary); +.projects-section .project-tabs .tab-btns .tab-btn.active-btn { + color: var(--brand-primary); } -.projects-section .project-tabs .tab-btns .tab-btn .border-one{ - position:absolute; - right:-1px; - top:-1px; - bottom:-1px; - left:-1px; +.projects-section .project-tabs .tab-btns .tab-btn .border-one { + position: absolute; + right: -1px; + top: -1px; + bottom: -1px; + left: -1px; } -.projects-section .project-tabs .tab-btns .tab-btn .border-one:before{ - position:absolute; - content:''; - right:0px; - top:0px; - width:2px; - height:0px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.projects-section .project-tabs .tab-btns .tab-btn .border-one:before { + position: absolute; + content: ""; + right: 0px; + top: 0px; + width: 2px; + height: 0px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } .projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-one:before, -.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:before{ - height:100%; +.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:before { + height: 100%; } -.projects-section .project-tabs .tab-btns .tab-btn .border-one:after{ - position:absolute; - content:''; - right:0px; - bottom:0px; - width:0px; - height:2px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.projects-section .project-tabs .tab-btns .tab-btn .border-one:after { + position: absolute; + content: ""; + right: 0px; + bottom: 0px; + width: 0px; + height: 2px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } .projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-one:after, -.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:after{ - width:100%; - /* transition-delay: 500ms; */ +.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:after { + width: 100%; + /* transition-delay: 500ms; */ } -.projects-section .project-tabs .tab-btns .tab-btn .border-two{ - position:absolute; - right:-1px; - top:-1px; - bottom:-1px; - left:-1px; +.projects-section .project-tabs .tab-btns .tab-btn .border-two { + position: absolute; + right: -1px; + top: -1px; + bottom: -1px; + left: -1px; } -.projects-section .project-tabs .tab-btns .tab-btn .border-two:before{ - position:absolute; - content:''; - left:0px; - bottom:0px; - width:2px; - height:0px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.projects-section .project-tabs .tab-btns .tab-btn .border-two:before { + position: absolute; + content: ""; + left: 0px; + bottom: 0px; + width: 2px; + height: 0px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } .projects-section .project-tabs .tab-btns .tab-btn:hover .border-two:before, -.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:before{ - height:100%; - /* transition-delay: 1000ms; */ +.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:before { + height: 100%; + /* transition-delay: 1000ms; */ } -.projects-section .project-tabs .tab-btns .tab-btn .border-two:after{ - position:absolute; - content:''; - left:0px; - top:0px; - width:0px; - height:2px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.projects-section .project-tabs .tab-btns .tab-btn .border-two:after { + position: absolute; + content: ""; + left: 0px; + top: 0px; + width: 0px; + height: 2px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } .projects-section .project-tabs .tab-btns .tab-btn:hover .border-two:after, -.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:after{ - width:100%; - /* transition-delay: 1500ms; */ +.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:after { + width: 100%; + /* transition-delay: 1500ms; */ } -.projects-section .project-tabs .tabs-content{ - position:relative; +.projects-section .project-tabs .tabs-content { + position: relative; } -.projects-section .project-tabs .tabs-content .tab{ - position:relative; - display:none; +.projects-section .project-tabs .tabs-content .tab { + position: relative; + display: none; } -.projects-section .project-tabs .tabs-content .tab.active-tab{ - display:block; +.projects-section .project-tabs .tabs-content .tab.active-tab { + display: block; } -.projects-section .project-tabs .tabs-content .content{ - position:relative; - max-width:970px; - margin:0 auto; +.projects-section .project-tabs .tabs-content .content { + position: relative; + max-width: 970px; + margin: 0 auto; } -.projects-section .project-tabs .content .content-column{ - position:relative; - float:left; - padding:0px; +.projects-section .project-tabs .content .content-column { + position: relative; + float: left; + padding: 0px; } -.projects-section .project-tabs .content .content-column .inner-column{ - position:relative; - z-index:1; - margin-top:70px; - padding:35px 30px; - margin-right:-80px; - background-color:#ffffff; - box-shadow:0px 0px 15px rgba(0,0,0,0.10); +.projects-section .project-tabs .content .content-column .inner-column { + position: relative; + z-index: 1; + margin-top: 70px; + padding: 35px 30px; + margin-right: -80px; + background-color: #ffffff; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } -.projects-section .project-tabs .content .content-column h5{ - position:relative; - color:#2b2b2b; - font-weight:700; - line-height:1.4em; - margin-bottom:15px; +.projects-section .project-tabs .content .content-column h5 { + position: relative; + color: #2b2b2b; + font-weight: 700; + line-height: 1.4em; + margin-bottom: 15px; } -.projects-section .project-tabs .content .content-column p{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.7em; +.projects-section .project-tabs .content .content-column p { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.7em; } -.projects-section .project-tabs .content .content-column ul{ - position:relative; - margin-bottom:15px; +.projects-section .project-tabs .content .content-column ul { + position: relative; + margin-bottom: 15px; } -.projects-section .project-tabs .content .content-column ul li{ - position:relative; - color:#5a5a5a; - font-size:16px; - font-weight:600; - margin-bottom:6px; +.projects-section .project-tabs .content .content-column ul li { + position: relative; + color: #5a5a5a; + font-size: 16px; + font-weight: 600; + margin-bottom: 6px; } -.projects-section .project-tabs .content .content-column ul li:last-child{ - margin-bottom:0px; +.projects-section .project-tabs .content .content-column ul li:last-child { + margin-bottom: 0px; } -.projects-section .project-tabs .content .content-column .learn{ - position:relative; - color:var(--brand-primary); - font-size:16px; - font-weight:400; - text-decoration:underline; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.projects-section .project-tabs .content .content-column .learn { + position: relative; + color: var(--brand-primary); + font-size: 16px; + font-weight: 400; + text-decoration: underline; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.projects-section .project-tabs .content .content-column .learn:hover{ - color:#000000; - text-decoration:none; +.projects-section .project-tabs .content .content-column .learn:hover { + color: #000000; + text-decoration: none; } -.projects-section .project-tabs .content .image-column{ - position:relative; - float:left; - padding:0px; +.projects-section .project-tabs .content .image-column { + position: relative; + float: left; + padding: 0px; } -.projects-section .project-tabs .content .image-column .inner-column{ - margin-left:-30px; +.projects-section .project-tabs .content .image-column .inner-column { + margin-left: -30px; } /*** @@ -2661,165 +2765,164 @@ img{ ==================================================================== ***/ - -.news-section{ - position:relative; - padding:100px 0px 90px; +.news-section { + position: relative; + padding: 100px 0px 90px; } -.news-section .section-lower-box{ - position:relative; - margin-top:30px; +.news-section .section-lower-box { + position: relative; + margin-top: 30px; } -.news-section .section-lower-box .older-posts{ - position:absolute; - left:0px; - top:0px; - color:#a1a1a1; - font-size:18px; - width:160px; - height:48px; - text-align:center; - line-height:28px; - display:inline-block; - padding:10px 20px; - border-radius:50px; - margin-bottom:20px; - border:1px solid #dddddd; - font-family: 'Roboto Condensed'; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.news-section .section-lower-box .older-posts { + position: absolute; + left: 0px; + top: 0px; + color: #a1a1a1; + font-size: 18px; + width: 160px; + height: 48px; + text-align: center; + line-height: 28px; + display: inline-block; + padding: 10px 20px; + border-radius: 50px; + margin-bottom: 20px; + border: 1px solid #dddddd; + font-family: "Roboto Condensed"; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.news-section .section-lower-box .older-posts:hover{ - color:#ffffff; - border-color:var(--brand-primary); - background-color:var(--brand-primary); +.news-section .section-lower-box .older-posts:hover { + color: #ffffff; + border-color: var(--brand-primary); + background-color: var(--brand-primary); } -.news-section .section-lower-box .visit{ - position:relative; - color:var(--brand-primary); - font-size:18px; - font-family: 'Roboto Condensed'; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.news-section .section-lower-box .visit { + position: relative; + color: var(--brand-primary); + font-size: 18px; + font-family: "Roboto Condensed"; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.news-section .section-lower-box .visit:hover{ - color:#2b2b2b; +.news-section .section-lower-box .visit:hover { + color: #2b2b2b; } -.news-block{ - position:relative; - margin-bottom:30px; +.news-block { + position: relative; + margin-bottom: 30px; } -.news-block .inner-box{ - position:relative; - overflow:hidden; - border-radius:10px; - background-color:#eef1f9; +.news-block .inner-box { + position: relative; + overflow: hidden; + border-radius: 10px; + background-color: #eef1f9; } -.news-block .inner-box .image{ - position:relative; - overflow:hidden; - border-radius:10px; - background-color:var(--brand-primary); +.news-block .inner-box .image { + position: relative; + overflow: hidden; + border-radius: 10px; + background-color: var(--brand-primary); } -.news-block .inner-box .image img{ - position:relative; - width:100%; - border-radius:10px; - /* -webkit-transition: all 600ms ease; */ - /* -moz-transition: all 600ms ease; */ - /* -ms-transition: all 600ms ease; */ - /* -o-transition: all 600ms ease; */ - /* transition: all 600ms ease; */ +.news-block .inner-box .image img { + position: relative; + width: 100%; + border-radius: 10px; + /* -webkit-transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ + /* transition: all 600ms ease; */ } -.news-block .inner-box:hover .image img{ - transform:scale(1.04,1.04); - opacity:0.5; +.news-block .inner-box:hover .image img { + transform: scale(1.04, 1.04); + opacity: 0.5; } -.news-block .inner-box .lower-content{ - position:relative; - padding:0px 30px 30px; +.news-block .inner-box .lower-content { + position: relative; + padding: 0px 30px 30px; } -.news-block .inner-box .lower-content .upper-box{ - position:relative; - padding:16px 0px; +.news-block .inner-box .lower-content .upper-box { + position: relative; + padding: 16px 0px; } -.news-block .inner-box .upper-box .posted-by{ - position:relative; - color:#717171; - font-size:14px; +.news-block .inner-box .upper-box .posted-by { + position: relative; + color: #717171; + font-size: 14px; } -.news-block .inner-box .upper-box .post-date{ - position:relative; - color:#717171; - font-size:14px; +.news-block .inner-box .upper-box .post-date { + position: relative; + color: #717171; + font-size: 14px; } -.news-block .inner-box .lower-content h5{ - position:relative; - line-height:1.3em; - font-weight:700; - margin-bottom:12px; +.news-block .inner-box .lower-content h5 { + position: relative; + line-height: 1.3em; + font-weight: 700; + margin-bottom: 12px; } -.news-block .inner-box .lower-content h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.news-block .inner-box .lower-content h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.news-block .inner-box .lower-content h5 a:hover{ - color:var(--brand-primary); +.news-block .inner-box .lower-content h5 a:hover { + color: var(--brand-primary); } -.news-block .inner-box .lower-content .text{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; - margin-bottom:15px; +.news-block .inner-box .lower-content .text { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; + margin-bottom: 15px; } -.news-block .inner-box .lower-content .learn{ - position:relative; - color:var(--brand-primary); - font-size:18px; - text-decoration:underline; - text-transform:capitalize; - font-family: 'Roboto Condensed' ; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.news-block .inner-box .lower-content .learn { + position: relative; + color: var(--brand-primary); + font-size: 18px; + text-decoration: underline; + text-transform: capitalize; + font-family: "Roboto Condensed"; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.news-block .inner-box .lower-content .learn:hover{ - text-decoration:underline; - color:#000000; +.news-block .inner-box .lower-content .learn:hover { + text-decoration: underline; + color: #000000; } /*** @@ -2829,93 +2932,91 @@ img{ ==================================================================== ***/ - -.counter-section{ - position:relative; - padding:40px 0px 60px; +.counter-section { + position: relative; + padding: 40px 0px 60px; } -.counter-section.style-two{ - padding-bottom:0px; +.counter-section.style-two { + padding-bottom: 0px; } /* Fact Counter */ - -.fact-counter{ - position:relative; +.fact-counter { + position: relative; } -.fact-counter .column{ - position:relative; - z-index:5; - text-align:center; - margin-bottom:30px; +.fact-counter .column { + position: relative; + z-index: 5; + text-align: center; + margin-bottom: 30px; } -.fact-counter .icon-box{ - position:relative; - width:110px; - height:110px; - margin:0 auto; - color:var(--brand-primary); - font-size:56px; - line-height:110px; - border-radius:50%; - text-align:center; - display:inline-block; - background-color:#eaedf6; - /* transition: all 600ms ease; */ - /* -moz-transition: all 600ms ease; */ - /* -webkit-transition: all 600ms ease; */ - /* -ms-transition: all 600ms ease; */ - /* -o-transition: all 600ms ease; */ +.fact-counter .icon-box { + position: relative; + width: 110px; + height: 110px; + margin: 0 auto; + color: var(--brand-primary); + font-size: 56px; + line-height: 110px; + border-radius: 50%; + text-align: center; + display: inline-block; + background-color: #eaedf6; + /* transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -webkit-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ } -.fact-counter .column .inner:hover .icon-box{ - background-color:var(--brand-primary); - color:#ffffff; - -webkit-transform: scale(-1) rotate(180deg); - -moz-transform: scale(-1) rotate(180deg); - -ms-transform: scale(-1) rotate(180deg); - -o-transform: scale(-1) rotate(180deg); - transform: scale(-1) rotate(180deg); +.fact-counter .column .inner:hover .icon-box { + background-color: var(--brand-primary); + color: #ffffff; + -webkit-transform: scale(-1) rotate(180deg); + -moz-transform: scale(-1) rotate(180deg); + -ms-transform: scale(-1) rotate(180deg); + -o-transform: scale(-1) rotate(180deg); + transform: scale(-1) rotate(180deg); } -.fact-counter .column .inner{ - position:relative; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.fact-counter .column .inner { + position: relative; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.fact-counter .count-outer{ - position:relative; - margin:0px 0px; - font-weight:700; - color:var(--brand-primary); - font-size:36px; - margin-top:25px; +.fact-counter .count-outer { + position: relative; + margin: 0px 0px; + font-weight: 700; + color: var(--brand-primary); + font-size: 36px; + margin-top: 25px; } -.fact-counter .count-outer .count-text{ - position:relative; - font-weight:700; - color:var(--brand-primary); - font-size:36px; - display:inline-block; +.fact-counter .count-outer .count-text { + position: relative; + font-weight: 700; + color: var(--brand-primary); + font-size: 36px; + display: inline-block; } -.fact-counter .column .counter-title{ - position:relative; - font-size:20px; - font-weight:700; - color:#2b2b2b; - display:block; - margin-top:12px; - text-transform:capitalize; - font-family: 'Roboto Condensed' ; +.fact-counter .column .counter-title { + position: relative; + font-size: 20px; + font-weight: 700; + color: #2b2b2b; + display: block; + margin-top: 12px; + text-transform: capitalize; + font-family: "Roboto Condensed"; } /*** @@ -2925,96 +3026,94 @@ img{ ==================================================================== ***/ - -.main-footer{ - position:relative; - overflow:hidden; - background-color:var(--brand-secondary); +.main-footer { + position: relative; + overflow: hidden; + background-color: var(--brand-secondary); } -.main-footer .footer-widget{ - position:relative; - margin-bottom:40px; +.main-footer .footer-widget { + position: relative; + margin-bottom: 40px; } -.main-footer .widgets-section{ - position:relative; - padding:90px 0px 50px; +.main-footer .widgets-section { + position: relative; + padding: 90px 0px 50px; } -.main-footer .footer-title{ - position:relative; - padding-bottom:15px; - margin-bottom:25px; +.main-footer .footer-title { + position: relative; + padding-bottom: 15px; + margin-bottom: 25px; } -.main-footer .footer-widget h4{ - position:relative; - font-weight:700; - /* color:#ffffff; */ - line-height:1.2em; - text-transform:capitalize; +.main-footer .footer-widget h4 { + position: relative; + font-weight: 700; + /* color:#ffffff; */ + line-height: 1.2em; + text-transform: capitalize; } -.main-footer .footer-title:before{ - position:absolute; - content:''; - left:0px; - bottom:0px; - height:1px; - width:40px; - background-color:var(--brand-primary); +.main-footer .footer-title:before { + position: absolute; + content: ""; + left: 0px; + bottom: 0px; + height: 1px; + width: 40px; + background-color: var(--brand-primary); } -.main-footer .contact-list{ - position:relative; +.main-footer .contact-list { + position: relative; } -.main-footer .contact-list li{ - position:relative; - color:#ececec; - font-size:14px; - margin-bottom:8px; - padding-left:25px; +.main-footer .contact-list li { + position: relative; + color: #ececec; + font-size: 14px; + margin-bottom: 8px; + padding-left: 25px; } -.main-footer li .icon{ - width: 18px; - position:absolute; - left:0; - bottom: 50%; - margin-bottom: -7px; - text-align: center; - color:var(--brand-primary); +.main-footer li .icon { + width: 18px; + position: absolute; + left: 0; + bottom: 50%; + margin-bottom: -7px; + text-align: center; + color: var(--brand-primary); } -.main-footer .contact-list li a{ - position:relative; - color:#ececec; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.main-footer .contact-list li a { + position: relative; + color: #ececec; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.main-footer .contact-list li a:hover{ - color:var(--brand-primary); +.main-footer .contact-list li a:hover { + color: var(--brand-primary); } /* Nav List */ - -.main-footer .nav-list{ - position:relative; +.main-footer .nav-list { + position: relative; } -.main-footer .nav-list li{ - position:relative; - margin-bottom:6px; +.main-footer .nav-list li { + position: relative; + margin-bottom: 6px; } -.main-footer .nav-list li::marker{ - font-size: inherit; +.main-footer .nav-list li::marker { + font-size: inherit; } /* .main-footer .nav-list li:before{ @@ -3029,219 +3128,215 @@ img{ background-image: url('/images/icons/check-mark.svg'); font-family: "Flaticon"; } */ - -.main-footer .nav-list li a{ - position:relative; - color:#ffffff; - font-size:14px; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.main-footer .nav-list li a { + position: relative; + color: #ffffff; + font-size: 14px; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.main-footer .nav-list li a:hover{ - color:var(--brand-primary); +.main-footer .nav-list li a:hover { + color: var(--brand-primary); } /* Recent Posts */ - -.main-footer .news-widget .post{ - position: relative; - min-height: 70px; - padding-left: 75px; - margin-bottom: 15px; - padding-right:90px; +.main-footer .news-widget .post { + position: relative; + min-height: 70px; + padding-left: 75px; + margin-bottom: 15px; + padding-right: 90px; } -.main-footer .news-widget .post:last-child{ - margin-bottom: 0; +.main-footer .news-widget .post:last-child { + margin-bottom: 0; } -.main-footer .news-widget .post .thumb{ - position: absolute; - left: 0; - top: 0; - height: 75px; - width: 70px; - overflow: hidden; +.main-footer .news-widget .post .thumb { + position: absolute; + left: 0; + top: 0; + height: 75px; + width: 70px; + overflow: hidden; } -.main-footer .news-widget .post .thumb a{ - display: block; +.main-footer .news-widget .post .thumb a { + display: block; } -.main-footer .news-widget .post .thumb img{ - display: block; - width: 55px; - height: auto; +.main-footer .news-widget .post .thumb img { + display: block; + width: 55px; + height: auto; } -.main-footer .news-widget .post h4{ - position: relative; - font-size: 16px; - color: #ececec; - line-height: 30px; - font-weight: 400; - top: -5px; - line-height:1.7em; +.main-footer .news-widget .post h4 { + position: relative; + font-size: 16px; + color: #ececec; + line-height: 30px; + font-weight: 400; + top: -5px; + line-height: 1.7em; } -.main-footer .news-widget .post h4 a{ - color:#ececec; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ +.main-footer .news-widget .post h4 a { + color: #ececec; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ } -.main-footer .news-widget .post h4 a:hover{ - color: var(--brand-primary); +.main-footer .news-widget .post h4 a:hover { + color: var(--brand-primary); } -.main-footer .news-widget .social-box{ - position:absolute; - right:0px; - bottom:0px; +.main-footer .news-widget .social-box { + position: absolute; + right: 0px; + bottom: 0px; } -.main-footer .news-widget .social-box li{ - position:relative; - margin-top:18px; +.main-footer .news-widget .social-box li { + position: relative; + margin-top: 18px; } -.main-footer .news-widget .social-box li a{ - position:relative; - color:#ffffff; - font-size:16px; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ +.main-footer .news-widget .social-box li a { + position: relative; + color: #ffffff; + font-size: 16px; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ } -.main-footer .news-widget .social-box li a:hover{ - color:var(--brand-primary); +.main-footer .news-widget .social-box li a:hover { + color: var(--brand-primary); } -.main-footer .pattern-layer{ - position:absolute; - left:0px; - top:0px; - right:0px; - bottom:0px; - background-repeat:no-repeat; +.main-footer .pattern-layer { + position: absolute; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + background-repeat: no-repeat; } -.main-footer .pattern-layer-two{ - position:absolute; - left:0px; - top:0px; - right:0px; - bottom:0px; - background-repeat:no-repeat; +.main-footer .pattern-layer-two { + position: absolute; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + background-repeat: no-repeat; } /* Footer Bottom */ - -.main-footer .footer-bottom{ - position:relative; - padding:20px 0px; - border-top:1px solid rgba(255,255,255,0.10); +.main-footer .footer-bottom { + position: relative; + padding: 20px 0px; + border-top: 1px solid rgba(255, 255, 255, 0.1); } -.main-footer .footer-bottom .copyright{ - position:relative; - color:#ffffff; - margin-top:2px; +.main-footer .footer-bottom .copyright { + position: relative; + color: #ffffff; + margin-top: 2px; } -.main-footer .footer-bottom .copyright a{ - color:#ffaa00; +.main-footer .footer-bottom .copyright a { + color: #ffaa00; } -.main-footer .footer-bottom .language-column{ - position:relative; - text-align:right; +.main-footer .footer-bottom .language-column { + position: relative; + text-align: right; } /*Language Dropdown*/ - -.main-footer .footer-bottom .language{ - position:relative; - line-height:1em; - margin-left: 20px; - display:inline-block; +.main-footer .footer-bottom .language { + position: relative; + line-height: 1em; + margin-left: 20px; + display: inline-block; } -.main-footer .footer-bottom .language .flag-icon{ - margin-right:8px; +.main-footer .footer-bottom .language .flag-icon { + margin-right: 8px; } -.main-footer .footer-bottom .language .dropdown-menu{ - top:100%; - right:0px; - left:auto; - width:170px; - border-radius:0px; - margin-top:0px; - background-color:var(--brand-secondary); - border:none; - padding:0px; - border-top:3px solid var(--brand-primary); +.main-footer .footer-bottom .language .dropdown-menu { + top: 100%; + right: 0px; + left: auto; + width: 170px; + border-radius: 0px; + margin-top: 0px; + background-color: var(--brand-secondary); + border: none; + padding: 0px; + border-top: 3px solid var(--brand-primary); } -.main-footer .footer-bottom .language > a{ - color:#ffffff; - padding:0px; - text-transform:capitalize; - display:inline-block; - border:0px; - font-weight:400; - font-size:15px; - line-height:1em; - border-radius: 0px; +.main-footer .footer-bottom .language > a { + color: #ffffff; + padding: 0px; + text-transform: capitalize; + display: inline-block; + border: 0px; + font-weight: 400; + font-size: 15px; + line-height: 1em; + border-radius: 0px; } -.main-footer .footer-bottom .language > a:after{ - display:none; +.main-footer .footer-bottom .language > a:after { + display: none; } -.main-footer .footer-bottom language a:hover{ - background:none; +.main-footer .footer-bottom language a:hover { + background: none; } -.main-footer .footer-bottom .language .dropdown-menu > li{ - padding-right:0px !important; - margin:0px !important; - float:none; - display:block !important; - border-bottom: 1px solid rgba(255,255,255,0.20); +.main-footer .footer-bottom .language .dropdown-menu > li { + padding-right: 0px !important; + margin: 0px !important; + float: none; + display: block !important; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } -.main-footer .footer-bottom .language .dropdown-menu > li:last-child{ - border-bottom:none; +.main-footer .footer-bottom .language .dropdown-menu > li:last-child { + border-bottom: none; } -.main-footer .footer-bottom .language .dropdown-menu > li > a{ - padding:14px 20px !important; - color:#ffffff; - display: block; - text-align:left; - font-size: 14px; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.main-footer .footer-bottom .language .dropdown-menu > li > a { + padding: 14px 20px !important; + color: #ffffff; + display: block; + text-align: left; + font-size: 14px; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.main-footer .footer-bottom .language .dropdown-menu > li > a:hover{ - color:#ffffff !important; - background-color:var(--brand-primary); +.main-footer .footer-bottom .language .dropdown-menu > li > a:hover { + color: #ffffff !important; + background-color: var(--brand-primary); } /*** @@ -3251,247 +3346,246 @@ img{ ==================================================================== ***/ - -.main-slider{ - position:relative; - background-color:#6719ca; +.main-slider { + position: relative; + background-color: #6719ca; } -.main-slider .pattern-layer{ - position:absolute; - left:0px; - bottom:0px; - width:403px; - height:504px; +.main-slider .pattern-layer { + position: absolute; + left: 0px; + bottom: 0px; + width: 403px; + height: 504px; } -.main-slider .auto-container{ - position:relative; +.main-slider .auto-container { + position: relative; } -.main-slider .content-column{ - position:relative; +.main-slider .content-column { + position: relative; } -.main-slider .content-column .content-boxed{ - position:relative; - padding-top:125px; +.main-slider .content-column .content-boxed { + position: relative; + padding-top: 125px; } -.main-slider .slide{ - position:relative; - padding:200px 0px 140px; +.main-slider .slide { + position: relative; + padding: 200px 0px 140px; } -.main-slider h1{ - position:relative; - color:#ffffff; - opacity: 0; - transform: scaleY(0); - transform-origin: top; - /* -webkit-transition: all 1000ms ease; */ - /* -moz-transition: all 100ms ease; */ - /* -ms-transition: all 1000ms ease; */ - /* -o-transition: all 1000ms ease; */ - /* transition: all 1000ms ease; */ - font-weight: 700; - line-height: 1.20em; - margin-bottom: 20px; - text-transform: capitalize; +.main-slider h1 { + position: relative; + color: #ffffff; + opacity: 0; + transform: scaleY(0); + transform-origin: top; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ + font-weight: 700; + line-height: 1.2em; + margin-bottom: 20px; + text-transform: capitalize; } -.main-slider h1 span{ - color:var(--brand-primary); +.main-slider h1 span { + color: var(--brand-primary); } -.main-slider .active h1{ - opacity: 1; - transform: scaleY(1); - /* transition-delay: 300ms; */ +.main-slider .active h1 { + opacity: 1; + transform: scaleY(1); + /* transition-delay: 300ms; */ } -.main-slider .text{ - position: relative; - color: #ffffff; - font-size: 18px; - line-height: 1.8em; - margin-bottom: 35px; - opacity:0; - transform: scaleY(0); - transform-origin: top; - line-height: 1.9em; - font-weight:400; - /* -webkit-transition: all 1000ms ease; */ - /* -moz-transition: all 100ms ease; */ - /* -ms-transition: all 1000ms ease; */ - /* -o-transition: all 1000ms ease; */ - /* transition: all 1000ms ease; */ +.main-slider .text { + position: relative; + color: #ffffff; + font-size: 18px; + line-height: 1.8em; + margin-bottom: 35px; + opacity: 0; + transform: scaleY(0); + transform-origin: top; + line-height: 1.9em; + font-weight: 400; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ } -.main-slider .active .text{ - opacity: 1; - transform: scaleY(1); - /* transition-delay: 600ms; */ +.main-slider .active .text { + opacity: 1; + transform: scaleY(1); + /* transition-delay: 600ms; */ } -.main-slider .buttons-box{ - opacity:0; - transform: scaleY(0); - transform-origin: top; - display:inline-block; - /* -webkit-transition: all 1000ms ease; */ - /* -moz-transition: all 100ms ease; */ - /* -ms-transition: all 1000ms ease; */ - /* -o-transition: all 1000ms ease; */ - /* transition: all 1000ms ease; */ +.main-slider .buttons-box { + opacity: 0; + transform: scaleY(0); + transform-origin: top; + display: inline-block; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ } -.main-slider .active .buttons-box{ - opacity: 1; - transform: scaleY(1); - /* transition-delay: 900ms; */ +.main-slider .active .buttons-box { + opacity: 1; + transform: scaleY(1); + /* transition-delay: 900ms; */ } -.main-slider .buttons-box .theme-btn{ - margin-right:20px; - float:left; - border-radius:0px; +.main-slider .buttons-box .theme-btn { + margin-right: 20px; + float: left; + border-radius: 0px; } -.main-slider .image-column{ - position:relative; +.main-slider .image-column { + position: relative; } -.main-slider .image-column .inner-column{ - position:relative; - margin-left:-80px; - margin-right:-200px; +.main-slider .image-column .inner-column { + position: relative; + margin-left: -80px; + margin-right: -200px; } -.main-slider .image-column .image{ - position:relative; +.main-slider .image-column .image { + position: relative; } -.main-slider .image-column .image img{ - position:relative; +.main-slider .image-column .image img { + position: relative; } -.main-slider .image-column{ - opacity:0; - transform: scaleY(0); - transform-origin: right; - display:inline-block; - /* -webkit-transition: all 1000ms ease; */ - /* -moz-transition: all 100ms ease; */ - /* -ms-transition: all 1000ms ease; */ - /* -o-transition: all 1000ms ease; */ - /* transition: all 1000ms ease; */ +.main-slider .image-column { + opacity: 0; + transform: scaleY(0); + transform-origin: right; + display: inline-block; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ } -.main-slider .active .image-column{ - opacity: 1; - transform: scaleY(1); - /* transition-delay: 0ms; */ +.main-slider .active .image-column { + opacity: 1; + transform: scaleY(1); + /* transition-delay: 0ms; */ } -.main-slider .owl-dots{ - position:absolute; - left:0px; - bottom:30px; - right:0px; - text-align:center; +.main-slider .owl-dots { + position: absolute; + left: 0px; + bottom: 30px; + right: 0px; + text-align: center; } -.main-slider .owl-dots .owl-dot{ - position:relative; - width:12px; - height:12px; - margin:0px 4px 10px; - background-color:#ffffff; - margin-bottom:10px; - display:inline-block; +.main-slider .owl-dots .owl-dot { + position: relative; + width: 12px; + height: 12px; + margin: 0px 4px 10px; + background-color: #ffffff; + margin-bottom: 10px; + display: inline-block; } -.main-slider .owl-dots .owl-dot:before{ - position:absolute; - content:''; - left:0px; - top:0px; - right:0px; - bottom:0px; - opacity:0; - border:2px solid #cc2b5e; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ +.main-slider .owl-dots .owl-dot:before { + position: absolute; + content: ""; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + opacity: 0; + border: 2px solid #cc2b5e; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ } .main-slider .owl-dots .owl-dot.active:before, -.main-slider .owl-dots .owl-dot:hover::before{ - opacity:1; +.main-slider .owl-dots .owl-dot:hover::before { + opacity: 1; } -.main-slider .owl-nav{ - position:absolute; - left:0px; - top:50%; - z-index:1; - width:100%; - opacity:0; - margin-top:-10px; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ +.main-slider .owl-nav { + position: absolute; + left: 0px; + top: 50%; + z-index: 1; + width: 100%; + opacity: 0; + margin-top: -10px; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ } -.main-slider:hover .owl-nav{ - opacity:1; +.main-slider:hover .owl-nav { + opacity: 1; } -.main-slider .owl-nav .owl-prev{ - position:absolute; - left:20px; - width:60px; - height:60px; - color:#ffffff; - line-height:56px; - font-size:24px; - text-align:center; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - border:2px solid rgba(255,255,255,0.60); +.main-slider .owl-nav .owl-prev { + position: absolute; + left: 20px; + width: 60px; + height: 60px; + color: #ffffff; + line-height: 56px; + font-size: 24px; + text-align: center; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + border: 2px solid rgba(255, 255, 255, 0.6); } -.main-slider .owl-nav .owl-next{ - position:absolute; - right:20px; - color:#ffffff; - font-size:24px; - width:60px; - height:60px; - color:#ffffff; - line-height:56px; - text-align:center; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - border:2px solid rgba(255,255,255,0.60); +.main-slider .owl-nav .owl-next { + position: absolute; + right: 20px; + color: #ffffff; + font-size: 24px; + width: 60px; + height: 60px; + color: #ffffff; + line-height: 56px; + text-align: center; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + border: 2px solid rgba(255, 255, 255, 0.6); } .main-slider .owl-nav .owl-prev:hover, -.main-slider .owl-nav .owl-next:hover{ - color:#ffffff; - border-color:var(--brand-primary); - background-color:var(--brand-primary); +.main-slider .owl-nav .owl-next:hover { + color: #ffffff; + border-color: var(--brand-primary); + background-color: var(--brand-primary); } /*** @@ -3501,42 +3595,41 @@ img{ ==================================================================== ***/ - -.clients-section{ - position:relative; - padding:40px 0px 40px; +.clients-section { + position: relative; + padding: 40px 0px 40px; } .clients-section .sponsors-outer .owl-dots, -.clients-section .sponsors-outer .owl-nav{ - position:relative; - display:none; +.clients-section .sponsors-outer .owl-nav { + position: relative; + display: none; } -.clients-section .sponsors-outer .image-box{ - position:relative; - text-align:center; - margin:0px; +.clients-section .sponsors-outer .image-box { + position: relative; + text-align: center; + margin: 0px; } -.clients-section .sponsors-outer .image-box img{ - max-width:100%; - width:auto; - opacity:0.5; - display:inline-block; - -webkit-filter: grayscale(100%); - filter: grayscale(100%); - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.clients-section .sponsors-outer .image-box img { + max-width: 100%; + width: auto; + opacity: 0.5; + display: inline-block; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.clients-section .sponsors-outer .image-box img:hover{ - opacity:1; - -webkit-filter: grayscale(0%); - filter: grayscale(0%); +.clients-section .sponsors-outer .image-box img:hover { + opacity: 1; + -webkit-filter: grayscale(0%); + filter: grayscale(0%); } /*** @@ -3546,41 +3639,40 @@ img{ ==================================================================== ***/ - -.inteligence-section{ - position:relative; - overflow:hidden; - padding:95px 0px 60px; +.inteligence-section { + position: relative; + overflow: hidden; + padding: 95px 0px 60px; } -.inteligence-section .pattern-layer{ - position:absolute; - right:0px; - bottom:-200px; - width:402px; - height:566px; +.inteligence-section .pattern-layer { + position: absolute; + right: 0px; + bottom: -200px; + width: 402px; + height: 566px; } -.inteligence-section .image-column{ - position:relative; +.inteligence-section .image-column { + position: relative; } -.inteligence-section .image-column .inner-column{ - position:relative; - text-align:center; +.inteligence-section .image-column .inner-column { + position: relative; + text-align: center; } -.inteligence-section .image-column .image{ - position:relative; +.inteligence-section .image-column .image { + position: relative; } -.inteligence-section .content-column{ - position:relative; +.inteligence-section .content-column { + position: relative; } -.inteligence-section .content-column .inner-column{ - position:relative; - padding-top:80px; +.inteligence-section .content-column .inner-column { + position: relative; + padding-top: 80px; } /*** @@ -3590,118 +3682,117 @@ img{ ==================================================================== ***/ - -.business-section{ - position:relative; - padding:95px 0px 70px; - background-color:#f1eff7; +.business-section { + position: relative; + padding: 95px 0px 70px; + background-color: #f1eff7; } -.business-block{ - position:relative; - margin-bottom:30px; +.business-block { + position: relative; + margin-bottom: 30px; } -.business-block .inner-box{ - position:relative; +.business-block .inner-box { + position: relative; } -.business-block .inner-box .business-title{ - position:relative; - padding:12px 20px; - font-size:17px; - color:#ffffff; - font-weight:600; - border-radius:3px; - background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990); +.business-block .inner-box .business-title { + position: relative; + padding: 12px 20px; + font-size: 17px; + color: #ffffff; + font-weight: 600; + border-radius: 3px; + background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990); } -.business-block .inner-box .business-title .icon{ - position:absolute; - left:0px; - top:0px; - color:var(--brand-primary); - line-height:1em; - font-size:36px; - font-weight:400; +.business-block .inner-box .business-title .icon { + position: absolute; + left: 0px; + top: 0px; + color: var(--brand-primary); + line-height: 1em; + font-size: 36px; + font-weight: 400; } -.business-block .inner-box .business-title .title-inner{ - position:relative; - padding-left:50px; - padding-top:7px; - padding-bottom:7px; +.business-block .inner-box .business-title .title-inner { + position: relative; + padding-left: 50px; + padding-top: 7px; + padding-bottom: 7px; } -.business-block .inner-box .lower-content{ - position:relative; - padding:30px 30px; - text-align:center; - margin-top:30px; - background-color:#ffffff; +.business-block .inner-box .lower-content { + position: relative; + padding: 30px 30px; + text-align: center; + margin-top: 30px; + background-color: #ffffff; } -.business-block .inner-box .icon-box{ - position:relative; - width:118px; - height:114px; - margin:0 auto; - color:var(--brand-primary); - font-size:64px; - line-height:114px; - margin-bottom:25px; +.business-block .inner-box .icon-box { + position: relative; + width: 118px; + height: 114px; + margin: 0 auto; + color: var(--brand-primary); + font-size: 64px; + line-height: 114px; + margin-bottom: 25px; } -.business-block .inner-box .lower-content h5{ - position:relative; - line-height:1.4em; - font-weight:700; - margin-bottom:18px; +.business-block .inner-box .lower-content h5 { + position: relative; + line-height: 1.4em; + font-weight: 700; + margin-bottom: 18px; } -.business-block .inner-box .lower-content h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.business-block .inner-box .lower-content h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.business-block .inner-box .lower-content h5 a:hover{ - color:var(--brand-primary); +.business-block .inner-box .lower-content h5 a:hover { + color: var(--brand-primary); } -.business-block .inner-box .text{ - position:relative; - line-height:1.7em; - color:#5a5a5a; - font-size:16px; - margin-bottom:22px; +.business-block .inner-box .text { + position: relative; + line-height: 1.7em; + color: #5a5a5a; + font-size: 16px; + margin-bottom: 22px; } -.business-block .inner-box .learn-more{ - position:relative; - color:#2b2b2b; - font-size:18px; - padding:12px 45px; - font-weight:400; - display:inline-block; - text-transform:capitalize; - background-color:#ffffff; - font-family: 'Roboto Condensed'; - box-shadow:0px 0px 60px rgba(0,0,0,0.05); - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.business-block .inner-box .learn-more { + position: relative; + color: #2b2b2b; + font-size: 18px; + padding: 12px 45px; + font-weight: 400; + display: inline-block; + text-transform: capitalize; + background-color: #ffffff; + font-family: "Roboto Condensed"; + box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.business-block .inner-box .learn-more:hover{ - color:#ffffff; - background-color:var(--brand-primary); +.business-block .inner-box .learn-more:hover { + color: #ffffff; + background-color: var(--brand-primary); } /*** @@ -3711,43 +3802,42 @@ img{ ==================================================================== ***/ - -.api-section{ - position:relative; - overflow:hidden; - padding:95px 0px 70px; +.api-section { + position: relative; + overflow: hidden; + padding: 95px 0px 70px; } -.api-section .pattern-layer{ - position:absolute; - left:0px; - bottom:20px; - width:467px; - height:566px; - background-repeat:no-repeat; +.api-section .pattern-layer { + position: absolute; + left: 0px; + bottom: 20px; + width: 467px; + height: 566px; + background-repeat: no-repeat; } -.api-section .image-column{ - position:relative; - margin-bottom:30px; +.api-section .image-column { + position: relative; + margin-bottom: 30px; } -.api-section .image-column .inner-column{ - position:relative; - text-align:center; +.api-section .image-column .inner-column { + position: relative; + text-align: center; } -.api-section .image-column .image{ - position:relative; +.api-section .image-column .image { + position: relative; } -.api-section .content-column{ - position:relative; +.api-section .content-column { + position: relative; } -.api-section .content-column .inner-column{ - position:relative; - padding-top:70px; +.api-section .content-column .inner-column { + position: relative; + padding-top: 70px; } /*** @@ -3757,120 +3847,119 @@ img{ ==================================================================== ***/ - -.deliver-section{ - position:relative; - overflow:hidden; - padding:95px 0px 70px; - background-color:#f1eff7; +.deliver-section { + position: relative; + overflow: hidden; + padding: 95px 0px 70px; + background-color: #f1eff7; } -.deliver-section #particles-js{ - position:absolute; - left:0px; - top:0px; - width:100%; - height:100%; - display:block; +.deliver-section #particles-js { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + display: block; } -.deliver-section .image-column{ - position:relative; - margin-bottom:30px; +.deliver-section .image-column { + position: relative; + margin-bottom: 30px; } -.deliver-section .image-column .inner-column{ - position:relative; - text-align:center; - margin-left:-100px; +.deliver-section .image-column .inner-column { + position: relative; + text-align: center; + margin-left: -100px; } -.deliver-section .image-column .image{ - position:relative; +.deliver-section .image-column .image { + position: relative; } -.deliver-section .content-column{ - position:relative; - margin-bottom:30px; +.deliver-section .content-column { + position: relative; + margin-bottom: 30px; } -.deliver-section .content-column .inner-column{ - position:relative; +.deliver-section .content-column .inner-column { + position: relative; } -.service-block-two{ - position:relative; - padding:18px 20px; - margin-bottom:20px; - border-radius:3px; - overflow:hidden; - background-color:#ffffff; +.service-block-two { + position: relative; + padding: 18px 20px; + margin-bottom: 20px; + border-radius: 3px; + overflow: hidden; + background-color: #ffffff; } -.service-block-two:before{ - position:absolute; - content:''; - left:0px; - top:0px; - width:0px; - height:100%; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.service-block-two:before { + position: absolute; + content: ""; + left: 0px; + top: 0px; + width: 0px; + height: 100%; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.service-block-two:hover::before{ - width:100%; +.service-block-two:hover::before { + width: 100%; } -.service-block-two .block-inner{ - position:relative; - padding-left:50px; - color:#2b2b2b; - font-size:18px; - font-weight:700; - font-family: 'Roboto Condensed' ; - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.service-block-two .block-inner { + position: relative; + padding-left: 50px; + color: #2b2b2b; + font-size: 18px; + font-weight: 700; + font-family: "Roboto Condensed"; + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.service-block-two:hover .block-inner{ - color:#ffffff; +.service-block-two:hover .block-inner { + color: #ffffff; } -.service-block-two .overlay-link{ - position:absolute; - left:0px; - top:0px; - right:0px; - bottom:0px; - display:block; - z-index:1; +.service-block-two .overlay-link { + position: absolute; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + display: block; + z-index: 1; } -.service-block-two .block-inner .icon{ - position:absolute; - left:0px; - top:0px; - color:var(--brand-primary); - font-weight:400; - line-height:1em; - font-size:30px; - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.service-block-two .block-inner .icon { + position: absolute; + left: 0px; + top: 0px; + color: var(--brand-primary); + font-weight: 400; + line-height: 1em; + font-size: 30px; + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.service-block-two:hover .block-inner .icon{ - color:#ffffff; +.service-block-two:hover .block-inner .icon { + color: #ffffff; } /*** @@ -3880,213 +3969,212 @@ img{ ==================================================================== ***/ - -.works-section{ - position:relative; - padding-top:100px; +.works-section { + position: relative; + padding-top: 100px; } -.works-section .inner-container{ - position:relative; +.works-section .inner-container { + position: relative; } -.works-section .inner-container:before{ - position:relative; +.works-section .inner-container:before { + position: relative; } -.works-section .cross-icon{ - position:absolute; - left:6%; - top:20%; - width:90px; - height:90px; - background-repeat:no-repeat; +.works-section .cross-icon { + position: absolute; + left: 6%; + top: 20%; + width: 90px; + height: 90px; + background-repeat: no-repeat; } -.works-section .cross-icon-two{ - position:absolute; - right:6%; - bottom:20%; - width:90px; - height:90px; - background-repeat:no-repeat; +.works-section .cross-icon-two { + position: absolute; + right: 6%; + bottom: 20%; + width: 90px; + height: 90px; + background-repeat: no-repeat; } -.works-section .inner-container{ - position:relative; - max-width:970px; - margin:0 auto; +.works-section .inner-container { + position: relative; + max-width: 970px; + margin: 0 auto; } -.works-section .inner-container .work-block:nth-child(2):before{ - position:absolute; - content:''; - right:45%; - top:100%; - width:510px; - height:111px; - background:url(../images/icons/service-line.png) no-repeat; +.works-section .inner-container .work-block:nth-child(2):before { + position: absolute; + content: ""; + right: 45%; + top: 100%; + width: 510px; + height: 111px; + background: url(../images/icons/service-line.png) no-repeat; } -.work-block{ - position:relative; - margin-bottom:110px; +.work-block { + position: relative; + margin-bottom: 110px; } -.work-block .inner-box{ - position:relative; - padding:28px 28px 45px; - border:4px solid #eaeaea; +.work-block .inner-box { + position: relative; + padding: 28px 28px 45px; + border: 4px solid #eaeaea; } -.work-block .inner-box .border-one{ - position:absolute; - right:-4px; - top:-4px; - bottom:-4px; - left:-4px; +.work-block .inner-box .border-one { + position: absolute; + right: -4px; + top: -4px; + bottom: -4px; + left: -4px; } -.work-block .inner-box .border-one:before{ - position:absolute; - content:''; - right:0px; - top:0px; - width:4px; - height:0px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.work-block .inner-box .border-one:before { + position: absolute; + content: ""; + right: 0px; + top: 0px; + width: 4px; + height: 0px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.work-block .inner-box:hover .border-one:before{ - height:100%; +.work-block .inner-box:hover .border-one:before { + height: 100%; } -.work-block .inner-box .border-one:after{ - position:absolute; - content:''; - right:0px; - bottom:0px; - width:0px; - height:4px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.work-block .inner-box .border-one:after { + position: absolute; + content: ""; + right: 0px; + bottom: 0px; + width: 0px; + height: 4px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.work-block .inner-box:hover .border-one:after{ - width:100%; - /* transition-delay: 500ms; */ +.work-block .inner-box:hover .border-one:after { + width: 100%; + /* transition-delay: 500ms; */ } -.work-block .inner-box .border-two{ - position:absolute; - right:-4px; - top:-4px; - bottom:-4px; - left:-4px; +.work-block .inner-box .border-two { + position: absolute; + right: -4px; + top: -4px; + bottom: -4px; + left: -4px; } -.work-block .inner-box .border-two:before{ - position:absolute; - content:''; - left:0px; - bottom:0px; - width:4px; - height:0px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.work-block .inner-box .border-two:before { + position: absolute; + content: ""; + left: 0px; + bottom: 0px; + width: 4px; + height: 0px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.work-block .inner-box:hover .border-two:before{ - height:100%; - /* transition-delay: 1000ms; */ +.work-block .inner-box:hover .border-two:before { + height: 100%; + /* transition-delay: 1000ms; */ } -.work-block .inner-box .border-two:after{ - position:absolute; - content:''; - left:0px; - top:0px; - width:0px; - height:4px; - background-color:var(--brand-primary); - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.work-block .inner-box .border-two:after { + position: absolute; + content: ""; + left: 0px; + top: 0px; + width: 0px; + height: 4px; + background-color: var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.work-block .inner-box:hover .border-two:after{ - width:100%; - /* transition-delay: 1500ms; */ +.work-block .inner-box:hover .border-two:after { + width: 100%; + /* transition-delay: 1500ms; */ } -.work-block .inner-box .content{ - position:relative; - padding-left:50px; +.work-block .inner-box .content { + position: relative; + padding-left: 50px; } -.work-block .inner-box .content .number{ - position: absolute; - left: 0px; - top: 1px; - width: 35px; - height: 35px; - color: #2b2b2b; - font-size: 16px; - font-weight: 700; - line-height: 35px; - text-align: center; - border-radius: 50px; - background-color: #eaeaea; - display: inline-block; +.work-block .inner-box .content .number { + position: absolute; + left: 0px; + top: 1px; + width: 35px; + height: 35px; + color: #2b2b2b; + font-size: 16px; + font-weight: 700; + line-height: 35px; + text-align: center; + border-radius: 50px; + background-color: #eaeaea; + display: inline-block; } -.work-block .inner-box .content h5{ - position:relative; - color:#2b2b2b; - font-size:18px; - font-weight:700; +.work-block .inner-box .content h5 { + position: relative; + color: #2b2b2b; + font-size: 18px; + font-weight: 700; } -.work-block .inner-box .content .text{ - position:relative; - color:#5a5a5a; - font-size:16px; - font-weight:400; - line-height:1.8em; +.work-block .inner-box .content .text { + position: relative; + color: #5a5a5a; + font-size: 16px; + font-weight: 400; + line-height: 1.8em; } -.work-block .inner-box .content .side-icon{ - position:absolute; - right:0px; - bottom:-15px; - color:var(--brand-primary); - font-size:30px; - line-height:1em; +.work-block .inner-box .content .side-icon { + position: absolute; + right: 0px; + bottom: -15px; + color: var(--brand-primary); + font-size: 30px; + line-height: 1em; } -.work-block.style-two .inner-box{ - border-color:#4c4990; - background-color:#f0eff7; +.work-block.style-two .inner-box { + border-color: #4c4990; + background-color: #f0eff7; } -.work-block.style-two .inner-box .content .number{ - background-color:var(--brand-primary); - color:#ffffff; +.work-block.style-two .inner-box .content .number { + background-color: var(--brand-primary); + color: #ffffff; } /*** @@ -4096,118 +4184,117 @@ img{ ==================================================================== ***/ - -.projects-section-two{ - position:relative; - padding:95px 0px 80px; - background-color:#f1eff7; +.projects-section-two { + position: relative; + padding: 95px 0px 80px; + background-color: #f1eff7; } -.project-block{ - position:relative; - margin-bottom:35px; +.project-block { + position: relative; + margin-bottom: 35px; } -.project-block .inner-box{ - position:relative; - text-align:center; +.project-block .inner-box { + position: relative; + text-align: center; } -.project-block .inner-box .title{ - position:relative; - font-size:18px; - font-weight:600; - padding:18px 15px; - border-radius:4px; - display:block; - color:#ffffff; - margin-bottom:30px; - background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990); +.project-block .inner-box .title { + position: relative; + font-size: 18px; + font-weight: 600; + padding: 18px 15px; + border-radius: 4px; + display: block; + color: #ffffff; + margin-bottom: 30px; + background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990); } -.project-block .inner-box .image{ - position:relative; - overflow:hidden; - background-color:var(--brand-primary); +.project-block .inner-box .image { + position: relative; + overflow: hidden; + background-color: var(--brand-primary); } -.project-block .inner-box .image img{ - position:relative; - width:100%; - display:block; - -webkit-transition:all 600ms ease; - -moz-transition:all 600ms ease; - -ms-transition:all 600ms ease; - -o-transition:all 600ms ease; - transition:all 600ms ease; +.project-block .inner-box .image img { + position: relative; + width: 100%; + display: block; + -webkit-transition: all 600ms ease; + -moz-transition: all 600ms ease; + -ms-transition: all 600ms ease; + -o-transition: all 600ms ease; + transition: all 600ms ease; } -.project-block .inner-box:hover .image img{ - transform:scale(1.05,1.05); - opacity:0.5; +.project-block .inner-box:hover .image img { + transform: scale(1.05, 1.05); + opacity: 0.5; } -.project-block .inner-box .block-content{ - position:relative; - background-color:#ffffff; +.project-block .inner-box .block-content { + position: relative; + background-color: #ffffff; } -.project-block .inner-box .block-content .lower-content{ - position:relative; - padding:25px 30px 0px; +.project-block .inner-box .block-content .lower-content { + position: relative; + padding: 25px 30px 0px; } -.project-block .inner-box .block-content h5{ - position:relative; - line-height:1.5em; - color:#2b2b2b; - font-weight:700; - margin-bottom:15px; +.project-block .inner-box .block-content h5 { + position: relative; + line-height: 1.5em; + color: #2b2b2b; + font-weight: 700; + margin-bottom: 15px; } -.project-block .inner-box .block-content h5 a{ - position:relative; - color:#2b2b2b; - -webkit-transition:all 300ms ease; - -ms-transition:all 300ms ease; - -o-transition:all 300ms ease; - -moz-transition:all 300ms ease; - transition:all 300ms ease; +.project-block .inner-box .block-content h5 a { + position: relative; + color: #2b2b2b; + -webkit-transition: all 300ms ease; + -ms-transition: all 300ms ease; + -o-transition: all 300ms ease; + -moz-transition: all 300ms ease; + transition: all 300ms ease; } -.project-block .inner-box .block-content h5 a:hover{ - color:var(--brand-primary); +.project-block .inner-box .block-content h5 a:hover { + color: var(--brand-primary); } -.project-block .inner-box .block-content .text{ - position:relative; - font-size:16px; - line-height:1.8em; - margin-bottom:15px; +.project-block .inner-box .block-content .text { + position: relative; + font-size: 16px; + line-height: 1.8em; + margin-bottom: 15px; } -.project-block .inner-box .block-content .learn-btn{ - position:relative; - font-weight:500; - color:#2b2b2b; - bottom:-10px; - font-size:18px; - padding:14px 50px; - margin-bottom:-14px; - display:inline-block; - background-color:#ffffff; - font-family: 'Roboto Condensed' ; - box-shadow:0px 0px 25px rgba(0,0,0,0.10); - -webkit-transition:all 300ms ease; - -ms-transition:all 300ms ease; - -o-transition:all 300ms ease; - -moz-transition:all 300ms ease; - transition:all 300ms ease; +.project-block .inner-box .block-content .learn-btn { + position: relative; + font-weight: 500; + color: #2b2b2b; + bottom: -10px; + font-size: 18px; + padding: 14px 50px; + margin-bottom: -14px; + display: inline-block; + background-color: #ffffff; + font-family: "Roboto Condensed"; + box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); + -webkit-transition: all 300ms ease; + -ms-transition: all 300ms ease; + -o-transition: all 300ms ease; + -moz-transition: all 300ms ease; + transition: all 300ms ease; } -.project-block .inner-box:hover .block-content .learn-btn{ - background-color:var(--brand-primary); - color:#ffffff; +.project-block .inner-box:hover .block-content .learn-btn { + background-color: var(--brand-primary); + color: #ffffff; } /*** @@ -4217,78 +4304,77 @@ img{ ==================================================================== ***/ - -.about-section{ - position:relative; - overflow:hidden; - padding:95px 0px 80px; +.about-section { + position: relative; + overflow: hidden; + padding: 95px 0px 80px; } -.about-section .pattern-layer{ - position:absolute; - left:0px; - bottom:0px; - width:362px; - height:436px; - background-repeat:no-repeat; +.about-section .pattern-layer { + position: absolute; + left: 0px; + bottom: 0px; + width: 362px; + height: 436px; + background-repeat: no-repeat; } -.about-section .content-column{ - position:relative; - margin-bottom:30px; +.about-section .content-column { + position: relative; + margin-bottom: 30px; } -.about-section .content-column .inner-column{ - position:relative; +.about-section .content-column .inner-column { + position: relative; } -.about-section .content-column .sec-title{ - margin-bottom:25px; +.about-section .content-column .sec-title { + margin-bottom: 25px; } -.about-section .content-column .theme-btn{ - margin-right:18px; +.about-section .content-column .theme-btn { + margin-right: 18px; } -.about-section .counter-column{ - position:relative; - margin-bottom:30px; +.about-section .counter-column { + position: relative; + margin-bottom: 30px; } -.about-section .counter-column .inner-column{ - position:relative; +.about-section .counter-column .inner-column { + position: relative; } -.about-section .counter-column .fact-counter .counter-column:nth-child(2n+1){ - transform:translateY(80px); +.about-section .counter-column .fact-counter .counter-column:nth-child(2n+1) { + transform: translateY(80px); } -.about-section.style-two{ - padding-bottom:110px; +.about-section.style-two { + padding-bottom: 110px; } -.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+1){ - transform:translateY(0px); +.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+1) { + transform: translateY(0px); } -.about-section.style-two .counter-column .fact-counter .counter-column .inner{ - padding:30px 30px; - border-radius:7px; - background-color:#ffffff; - box-shadow:0px 0px 15px rgba(0,0,0,0.10); +.about-section.style-two .counter-column .fact-counter .counter-column .inner { + padding: 30px 30px; + border-radius: 7px; + background-color: #ffffff; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } -.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+0){ - transform:translateY(60px); +.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+0) { + transform: translateY(60px); } -.about-section.style-two .content-column .inner-column{ - padding-top:220px; - padding-left:20px; +.about-section.style-two .content-column .inner-column { + padding-top: 220px; + padding-left: 20px; } -.about-section.style-two .content-column .inner-column .theme-btn{ - border-radius:50px; +.about-section.style-two .content-column .inner-column .theme-btn { + border-radius: 50px; } /*** @@ -4298,80 +4384,79 @@ img{ ==================================================================== ***/ - -.banner-section-two{ - position:relative; - padding-top:220px; - padding-bottom:0px; +.banner-section-two { + position: relative; + padding-top: 220px; + padding-bottom: 0px; } -.banner-section-two .outer-container{ - position:relative; - overflow:hidden; +.banner-section-two .outer-container { + position: relative; + overflow: hidden; } -.banner-section-two .side-layer{ - position:absolute; - right:0; - top:0; - width:77%; - height:981px; - background-position:right top; - background-repeat:no-repeat; +.banner-section-two .side-layer { + position: absolute; + right: 0; + top: 0; + width: 77%; + height: 981px; + background-position: right top; + background-repeat: no-repeat; background-size: 70%; } -.banner-section-two .content-column{ - position:relative; - z-index:3; +.banner-section-two .content-column { + position: relative; + z-index: 3; } -.banner-section-two .content-column .inner-column{ - position:relative; - padding-top:100px; - padding-bottom:60px; +.banner-section-two .content-column .inner-column { + position: relative; + padding-top: 100px; + padding-bottom: 60px; } -.banner-section-two .content-column h1{ - position:relative; - color:#2b2a41; - font-weight:700; - line-height:1.25em; - margin-bottom:20px; - text-transform:capitalize; +.banner-section-two .content-column h1 { + position: relative; + color: #2b2a41; + font-weight: 700; + line-height: 1.25em; + margin-bottom: 20px; + text-transform: capitalize; } -.banner-section-two .content-column h2{ - font-weight:700; +.banner-section-two .content-column h2 { + font-weight: 700; } -.banner-section-two .content-column h1 span{ - color:var(--brand-primary); +.banner-section-two .content-column h1 span { + color: var(--brand-primary); } .banner-section-two .content-column .newsletter-form .form-group button, -.content-column .inner-column .newsletter-form .form-group button{ - border-radius:50px; - padding:9px 36px 9px; +.content-column .inner-column .newsletter-form .form-group button { + border-radius: 50px; + padding: 9px 36px 9px; } -.banner-section-two .content-column .text{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; - margin-bottom:35px; - font-weight:400; +.banner-section-two .content-column .text { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; + margin-bottom: 35px; + font-weight: 400; } -.banner-section .image-column{ - position:relative; +.banner-section .image-column { + position: relative; } -.banner-section-two .image-column .inner-column{ - position:relative; - padding-left:70px; - margin-right:-200px; +.banner-section-two .image-column .inner-column { + position: relative; + padding-left: 70px; + margin-right: -200px; } /*** @@ -4381,41 +4466,40 @@ img{ ==================================================================== ***/ - -.clients-section-two{ - position:relative; - padding:40px 0px 40px; +.clients-section-two { + position: relative; + padding: 40px 0px 40px; } -.clients-section-two .sponsors-outer{ - padding-right:270px; +.clients-section-two .sponsors-outer { + padding-right: 270px; } .clients-section-two .sponsors-outer .owl-dots, -.clients-section-two .sponsors-outer .owl-nav{ - position:relative; - display:none; +.clients-section-two .sponsors-outer .owl-nav { + position: relative; + display: none; } -.clients-section-two .sponsors-outer .image-box{ - position:relative; - text-align:center; - margin:0px; +.clients-section-two .sponsors-outer .image-box { + position: relative; + text-align: center; + margin: 0px; } -.clients-section-two .sponsors-outer .image-box img{ - max-width:100%; - width:auto; - display:inline-block; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.clients-section-two .sponsors-outer .image-box img { + max-width: 100%; + width: auto; + display: inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.clients-section-two .sponsors-outer .image-box img:hover{ - opacity:0.5; +.clients-section-two .sponsors-outer .image-box img:hover { + opacity: 0.5; } /*** @@ -4425,86 +4509,85 @@ img{ ==================================================================== ***/ - -.features-section{ - position:relative; - padding:60px 0px 60px; +.features-section { + position: relative; + padding: 60px 0px 60px; } -.features-section .image-column{ - position:relative; +.features-section .image-column { + position: relative; } -.features-section .image-column .inner-column{ - position:relative; +.features-section .image-column .inner-column { + position: relative; } -.features-section .content-column{ - position:relative; +.features-section .content-column { + position: relative; } -.features-section .content-column .inner-column{ - position:relative; +.features-section .content-column .inner-column { + position: relative; } -.features-section .content-column .theme-btn{ - border-radius:50px; +.features-section .content-column .theme-btn { + border-radius: 50px; } -.features-section.style-two .image-column{ - text-align:center; +.features-section.style-two .image-column { + text-align: center; } -.features-section.style-two{ - padding-top:100px; +.features-section.style-two { + padding-top: 100px; } -.feature-block{ - position:relative; - margin-bottom:30px; +.feature-block { + position: relative; + margin-bottom: 30px; } -.feature-block .inner-box{ - position:relative; +.feature-block .inner-box { + position: relative; } -.feature-block .inner-box .icon-box{ - position:relative; - height:160px; - color:var(--brand-primary); - font-size:80px; - text-align:center; - line-height:160px; - margin-bottom:20px; +.feature-block .inner-box .icon-box { + position: relative; + height: 160px; + color: var(--brand-primary); + font-size: 80px; + text-align: center; + line-height: 160px; + margin-bottom: 20px; } -.feature-block .inner-box h5{ - position:relative; - line-height:1.4em; - font-weight:700; - margin-bottom:10px; +.feature-block .inner-box h5 { + position: relative; + line-height: 1.4em; + font-weight: 700; + margin-bottom: 10px; } -.feature-block .inner-box h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.feature-block .inner-box h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.feature-block .inner-box h5 a:hover{ - color:var(--brand-primary); +.feature-block .inner-box h5 a:hover { + color: var(--brand-primary); } -.feature-block .inner-box .text{ - position:relative; - line-height:1.7em; - color:#5a5a5a; - font-size:16px; - margin-bottom:0px; +.feature-block .inner-box .text { + position: relative; + line-height: 1.7em; + color: #5a5a5a; + font-size: 16px; + margin-bottom: 0px; } /*** @@ -4514,171 +4597,165 @@ img{ ==================================================================== ***/ - -.business-section-two{ - position:relative; - padding:30px 0px 70px; +.business-section-two { + position: relative; + padding: 30px 0px 70px; } -.business-section-two .sec-title{ - margin-bottom:80px; +.business-section-two .sec-title { + margin-bottom: 80px; } -.business-section-two .pattern-layer{ - position:absolute; - right:0px; - top:-180px; - width:402px; - height:566px; - background-repeat:no-repeat; +.business-section-two .pattern-layer { + position: absolute; + right: 0px; + top: -180px; + width: 402px; + height: 566px; + background-repeat: no-repeat; } -.business-section-two .pattern-layer-two{ - position:absolute; - right:0px; - top:0px; - width:1850px; - height:897px; - background-repeat:no-repeat; +.business-section-two .pattern-layer-two { + position: absolute; + right: 0px; + top: 0px; + width: 1850px; + height: 897px; + background-repeat: no-repeat; } -.business-section-two .inner-container{ - position:relative; +.business-section-two .inner-container { + position: relative; } -.business-section-two .business-tabs{ - position:relative; +.business-section-two .business-tabs { + position: relative; } -.business-section-two .business-tabs .tab-btns{ - position:relative; - text-align:center; - margin-bottom:40px; +.business-section-two .business-tabs .tab-btns { + position: relative; + text-align: center; + margin-bottom: 40px; } -.business-section-two .business-tabs .tab-btns .tab-btn{ - position:relative; - font-size:16px; - background:none; - color:#5a5a5a; - width:30%; - font-weight:400; - line-height:24px; - cursor:pointer; - text-align:center; - margin:0px 15px; - line-height:1.7em; - border-radius:8px; - margin-bottom:20px; - display:inline-block; - padding:0px 30px 35px; - text-transform:capitalize; - /* transition:all 500ms ease; */ - background-color:#ffffff; - font-family: 'Roboto Condensed'; - box-shadow:0px 0px 20px rgba(0,0,0,0.15); - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.business-section-two .business-tabs .tab-btns .tab-btn { + position: relative; + font-size: 16px; + background: none; + color: #5a5a5a; + width: 30%; + font-weight: 400; + line-height: 24px; + cursor: pointer; + text-align: center; + margin: 0px 15px; + line-height: 1.7em; + border-radius: 8px; + margin-bottom: 20px; + display: inline-block; + padding: 0px 30px 35px; + text-transform: capitalize; + /* transition:all 500ms ease; */ + background-color: #ffffff; + font-family: "Roboto Condensed"; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.business-section-two .business-tabs .tab-btns .tab-btn h5{ - position:relative; - top:-13px; - color:#fff; - font-size:18px; - font-weight:700; - margin-top:-14px; - padding:14px 64px; - border-radius:5px; - display:inline-block; - background-color:var(--brand-secondary); - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.business-section-two .business-tabs .tab-btns .tab-btn h5 { + position: relative; + top: -13px; + color: #fff; + font-size: 18px; + font-weight: 700; + margin-top: -14px; + padding: 14px 64px; + border-radius: 5px; + display: inline-block; + background-color: var(--brand-secondary); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } .business-section-two .business-tabs .tab-btns .tab-btn.active-btn h5, -.business-section-two .business-tabs .tab-btns .tab-btn:hover h5{ - background-color:var(--brand-primary); - color:#ffffff; +.business-section-two .business-tabs .tab-btns .tab-btn:hover h5 { + background-color: var(--brand-primary); + color: #ffffff; } -.business-section-two .business-tabs .tab-btns .tab-btn .icon{ - position:relative; - display:block; - color:var(--brand-primary); - line-height:1em; - font-size:60px; - margin-bottom:20px; - font-weight:400; - margin-top:12px; +.business-section-two .business-tabs .tab-btns .tab-btn .icon { + position: relative; + display: block; + color: var(--brand-primary); + line-height: 1em; + font-size: 60px; + margin-bottom: 20px; + font-weight: 400; + margin-top: 12px; } -.business-section-two .business-tabs .tab-btns .tab-btn:hover, -.business-section-two .business-tabs .tab-btns .tab-btn.active-btn{ - +.business-section-two .business-tabs .tabs-content { + position: relative; } -.business-section-two .business-tabs .tabs-content{ - position:relative; +.business-section-two .business-tabs .tabs-content .tab { + position: relative; + display: none; + transform: rotateY(90deg); + /* -webkit-transition:all 900ms ease; */ + /* -moz-transition:all 900ms ease; */ + /* -ms-transition:all 900ms ease; */ + /* -o-transition:all 900ms ease; */ + /* transition:all 900ms ease; */ } -.business-section-two .business-tabs .tabs-content .tab{ - position:relative; - display:none; - transform: rotateY(90deg); - /* -webkit-transition:all 900ms ease; */ - /* -moz-transition:all 900ms ease; */ - /* -ms-transition:all 900ms ease; */ - /* -o-transition:all 900ms ease; */ - /* transition:all 900ms ease; */ +.business-section-two .business-tabs .tabs-content .tab.active-tab { + display: block; + transform: rotateY(0deg); } -.business-section-two .business-tabs .tabs-content .tab.active-tab{ - display:block; - transform: rotateY(0deg); +.business-section-two .business-tabs .tabs-content .content { + position: relative; + max-width: 1030px; + margin: 0 auto; } -.business-section-two .business-tabs .tabs-content .content{ - position:relative; - max-width:1030px; - margin:0 auto; +.business-section-two .business-tabs .content .content-column { + position: relative; } -.business-section-two .business-tabs .content .content-column{ - position:relative; +.business-section-two .business-tabs .content .content-column .inner-column { + position: relative; } -.business-section-two .business-tabs .content .content-column .inner-column{ - position:relative; +.business-section-two .business-tabs .content .content-column p { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; + margin-bottom: 25px; } -.business-section-two .business-tabs .content .content-column p{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; - margin-bottom:25px; +.business-section-two .business-tabs .content .content-column .business-list { + position: relative; + margin-bottom: 35px; } -.business-section-two .business-tabs .content .content-column .business-list{ - position:relative; - margin-bottom:35px; -} - -.business-section-two .business-tabs .content .content-column .business-list li{ - position:relative; - color:#2b2a41; - font-size:14px; - font-weight:600; - min-height:50px; - margin-bottom:18px; - padding-left:70px; +.business-section-two .business-tabs .content .content-column .business-list li { + position: relative; + color: #2b2a41; + font-size: 14px; + font-weight: 600; + min-height: 50px; + margin-bottom: 18px; + padding-left: 70px; } /* .business-section-two .business-tabs .content .content-column .business-list li:before, @@ -4697,22 +4774,17 @@ img{ background-color:#ffffff; font-family: "Flaticon"; } */ - -.business-section-two .business-tabs .content .content-column .business-list li:last-child{ - margin-bottom:0px; +.business-section-two .business-tabs .content .content-column .business-list li:last-child { + margin-bottom: 0px; } -.business-section-two .business-tabs .content .theme-btn{ - border-radius:50px; +.business-section-two .business-tabs .content .theme-btn { + border-radius: 50px; } -.business-section-two .business-tabs .content .image-column{ - position:relative; - float:left; -} - -.business-section-two .business-tabs .content .image-column .inner-column{ - +.business-section-two .business-tabs .content .image-column { + position: relative; + float: left; } /*** @@ -4722,174 +4794,172 @@ img{ ==================================================================== ***/ - -.services-section-two{ - position:relative; - padding:40px 0px 0px; +.services-section-two { + position: relative; + padding: 40px 0px 0px; } -.services-section-two .inner-container{ - position:relative; - max-width:900px; - margin:0 auto; +.services-section-two .inner-container { + position: relative; + max-width: 900px; + margin: 0 auto; } -.services-section-two .owl-carousel .owl-stage-outer{ - padding:20px 0px; +.services-section-two .owl-carousel .owl-stage-outer { + padding: 20px 0px; } -.services-section-two .pattern-layer{ - position:absolute; - right:0px; - top:200px; - width:100%; - height:1378px; - background-position:right top; - background-repeat:no-repeat; +.services-section-two .pattern-layer { + position: absolute; + right: 0px; + top: 200px; + width: 100%; + height: 1378px; + background-position: right top; + background-repeat: no-repeat; } -.services-section-two .owl-carousel{ - margin:0px -15px; - width:auto; +.services-section-two .owl-carousel { + margin: 0px -15px; + width: auto; } -.services-section-two .service-block-three{ - margin:0px 15px; +.services-section-two .service-block-three { + margin: 0px 15px; } -.services-section-two .owl-dots{ - display:none; +.services-section-two .owl-dots { + display: none; } -.services-section-two .owl-nav{ - position:absolute; - left:-80px; - top:50%; - right:-80px; - margin-top:-20px; +.services-section-two .owl-nav { + position: absolute; + left: -80px; + top: 50%; + right: -80px; + margin-top: -20px; } -.services-section-two .owl-nav .owl-prev{ - position:absolute; - left:0px; - width:60px; - height:60px; - color:#574a6e; - font-size:18px; - line-height:58px; - text-align:center; - border-radius:50px; - display:inline-block; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ - background-color:rgba(255,255,255,0.25); +.services-section-two .owl-nav .owl-prev { + position: absolute; + left: 0px; + width: 60px; + height: 60px; + color: #574a6e; + font-size: 18px; + line-height: 58px; + text-align: center; + border-radius: 50px; + display: inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color: rgba(255, 255, 255, 0.25); } -.services-section-two .owl-nav .owl-next{ - position:absolute; - right:0px; - width:60px; - height:60px; - color:#574a6e; - font-size:18px; - line-height:58px; - text-align:center; - border-radius:50px; - display:inline-block; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ - background-color:rgba(255,255,255,0.25); +.services-section-two .owl-nav .owl-next { + position: absolute; + right: 0px; + width: 60px; + height: 60px; + color: #574a6e; + font-size: 18px; + line-height: 58px; + text-align: center; + border-radius: 50px; + display: inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color: rgba(255, 255, 255, 0.25); } .services-section-two .owl-nav .owl-prev:hover, -.services-section-two .owl-nav .owl-next:hover{ - color:#ffffff; - background-color:var(--brand-primary); +.services-section-two .owl-nav .owl-next:hover { + color: #ffffff; + background-color: var(--brand-primary); } /* Services Block Three */ - -.service-block-three{ - position:relative; - margin-bottom:45px; +.service-block-three { + position: relative; + margin-bottom: 45px; } -.service-block-three .inner-box{ - position:relative; - padding:30px 28px 35px; - border-radius:8px; - background-color:#ffffff; - box-shadow:0px 0px 15px rgba(0,0,0,0.10); +.service-block-three .inner-box { + position: relative; + padding: 30px 28px 35px; + border-radius: 8px; + background-color: #ffffff; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } -.service-block-three .inner-box .icon-box{ - position:relative; - width:75px; - height:75px; - line-height:75px; - font-size:32px; - color:var(--brand-primary); - text-align:center; - border-radius:50px; - margin-bottom:20px; - display:inline-block; - background-color:#f2f7ff; +.service-block-three .inner-box .icon-box { + position: relative; + width: 75px; + height: 75px; + line-height: 75px; + font-size: 32px; + color: var(--brand-primary); + text-align: center; + border-radius: 50px; + margin-bottom: 20px; + display: inline-block; + background-color: #f2f7ff; } -.service-block-three .inner-box h5{ - position:relative; - font-weight:700; - margin-bottom:10px; +.service-block-three .inner-box h5 { + position: relative; + font-weight: 700; + margin-bottom: 10px; } -.service-block-three .inner-box h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.service-block-three .inner-box h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.service-block-three .inner-box h5 a:hover{ - color:var(--brand-primary); +.service-block-three .inner-box h5 a:hover { + color: var(--brand-primary); } -.service-block-three .inner-box .text{ - position:relative; - line-height:1.8em; - font-size:16px; - color:#5a5a5a; +.service-block-three .inner-box .text { + position: relative; + line-height: 1.8em; + font-size: 16px; + color: #5a5a5a; } -.service-block-three .inner-box h5 .read-more{ - position:relative; +.service-block-three .inner-box h5 .read-more { + position: relative; } -.service-block-three .inner-box .read-more{ - position:relative; - color:var(--brand-primary); - font-size:16px; - margin-top:15px; - display:inline-block; - text-decoration:underline; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.service-block-three .inner-box .read-more { + position: relative; + color: var(--brand-primary); + font-size: 16px; + margin-top: 15px; + display: inline-block; + text-decoration: underline; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.service-block-three .inner-box .read-more:hover{ - color:#2b2b2b; - text-decoration:none; +.service-block-three .inner-box .read-more:hover { + color: #2b2b2b; + text-decoration: none; } /*** @@ -4899,87 +4969,86 @@ img{ ==================================================================== ***/ - -.works-section-two{ - position:relative; - padding-top:80px; +.works-section-two { + position: relative; + padding-top: 80px; } -.works-section-two .inner-container{ - position:relative; - max-width:800px; - margin:0 auto; +.works-section-two .inner-container { + position: relative; + max-width: 800px; + margin: 0 auto; } -.work-block-two{ - position:relative; - margin-bottom:0px; +.work-block-two { + position: relative; + margin-bottom: 0px; } -.work-block-two .inner-box{ - position:relative; - padding-right:0px; +.work-block-two .inner-box { + position: relative; + padding-right: 0px; } -.work-block-two .inner-box .content{ - position:relative; - padding-left:50px; +.work-block-two .inner-box .content { + position: relative; + padding-left: 50px; } -.work-block-two .inner-box .number{ - position:absolute; - left:0px; - top:1px; - width:35px; - height:35px; - color:#1d386b; - font-size:16px; - font-weight:700; - line-height:35px; - text-align:center; - border-radius:50px; - background-color:#ffffff; - display:inline-block; +.work-block-two .inner-box .number { + position: absolute; + left: 0px; + top: 1px; + width: 35px; + height: 35px; + color: #1d386b; + font-size: 16px; + font-weight: 700; + line-height: 35px; + text-align: center; + border-radius: 50px; + background-color: #ffffff; + display: inline-block; } -.work-block-two .inner-box h5{ - position:relative; - font-weight:700; - color:#ffffff; - line-height:1.3em; +.work-block-two .inner-box h5 { + position: relative; + font-weight: 700; + color: #ffffff; + line-height: 1.3em; } -.work-block-two .inner-box h5 a{ - position:relative; - color:#ffffff; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.work-block-two .inner-box h5 a { + position: relative; + color: #ffffff; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.work-block-two .inner-box:hover h5 a{ - color:var(--brand-primary); +.work-block-two .inner-box:hover h5 a { + color: var(--brand-primary); } -.work-block-two .inner-box .text{ - position:relative; - margin-top:10px; - color:#eaedf3; - font-size:16px; - line-height:1.9em; +.work-block-two .inner-box .text { + position: relative; + margin-top: 10px; + color: #eaedf3; + font-size: 16px; + line-height: 1.9em; } -.work-block-two.style-two .inner-box .content{ - padding-left:0px; - text-align:right; - padding-right:50px; +.work-block-two.style-two .inner-box .content { + padding-left: 0px; + text-align: right; + padding-right: 50px; } -.work-block-two.style-two .inner-box .number{ - right:0px; - left:auto; +.work-block-two.style-two .inner-box .number { + right: 0px; + left: auto; } /*** @@ -4989,184 +5058,183 @@ img{ ==================================================================== ***/ - -.projects-section-three{ - position:relative; - padding:190px 0px 0px; +.projects-section-three { + position: relative; + padding: 190px 0px 0px; } -.projects-section-three .owl-dots{ - display:none; +.projects-section-three .owl-dots { + display: none; } -.projects-section-three .owl-nav{ - position:absolute; - left:-80px; - top:50%; - right:-80px; - margin-top:-20px; +.projects-section-three .owl-nav { + position: absolute; + left: -80px; + top: 50%; + right: -80px; + margin-top: -20px; } -.projects-section-three .owl-nav .owl-prev{ - position:absolute; - left:0px; - width:60px; - height:60px; - color:#ffffff; - font-size:18px; - line-height:58px; - text-align:center; - border-radius:50px; - display:inline-block; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ - background-color:rgba(255,98,98,0.25); +.projects-section-three .owl-nav .owl-prev { + position: absolute; + left: 0px; + width: 60px; + height: 60px; + color: #ffffff; + font-size: 18px; + line-height: 58px; + text-align: center; + border-radius: 50px; + display: inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color: rgba(255, 98, 98, 0.25); } -.projects-section-three .owl-nav .owl-next{ - position:absolute; - right:0px; - width:60px; - height:60px; - color:#ffffff; - font-size:18px; - line-height:58px; - text-align:center; - border-radius:50px; - display:inline-block; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ - background-color:rgba(255,98,98,0.25); +.projects-section-three .owl-nav .owl-next { + position: absolute; + right: 0px; + width: 60px; + height: 60px; + color: #ffffff; + font-size: 18px; + line-height: 58px; + text-align: center; + border-radius: 50px; + display: inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color: rgba(255, 98, 98, 0.25); } .projects-section-three .owl-nav .owl-prev:hover, -.projects-section-three .owl-nav .owl-next:hover{ - color:#ffffff; - background-color:var(--brand-primary); +.projects-section-three .owl-nav .owl-next:hover { + color: #ffffff; + background-color: var(--brand-primary); } -.projects-section-three .inner-container{ - position:relative; - max-width:970px; - margin:0 auto; +.projects-section-three .inner-container { + position: relative; + max-width: 970px; + margin: 0 auto; } -.projects-section-three .two-item-carousel{ - margin:0px -15px; - width:auto; +.projects-section-three .two-item-carousel { + margin: 0px -15px; + width: auto; } -.projects-section-three .project-block-two{ - margin:0px 15px 30px; +.projects-section-three .project-block-two { + margin: 0px 15px 30px; } -.project-block-two{ - position:relative; +.project-block-two { + position: relative; } -.project-block-two .inner-box{ - position:relative; - border-radius:7px; - box-shadow:0px 0px 15px rgba(0,0,0,0.10); +.project-block-two .inner-box { + position: relative; + border-radius: 7px; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } -.project-block-two .inner-box .image{ - position:relative; - overflow:hidden; - border-radius:7px; - background-color:var(--brand-primary); +.project-block-two .inner-box .image { + position: relative; + overflow: hidden; + border-radius: 7px; + background-color: var(--brand-primary); } -.project-block-two .inner-box .image img{ - position:relative; - width:100%; - display:block; - /* -webkit-transition:all 600ms ease; */ - /* -moz-transition:all 600ms ease; */ - /* -ms-transition:all 600ms ease; */ - /* -o-transition:all 600ms ease; */ - /* transition:all 600ms ease; */ +.project-block-two .inner-box .image img { + position: relative; + width: 100%; + display: block; + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ } -.project-block-two .inner-box:hover .image img{ - transform:scale(1.05,1.05); - opacity:0.5; +.project-block-two .inner-box:hover .image img { + transform: scale(1.05, 1.05); + opacity: 0.5; } -.project-block-two .inner-box .lower-content{ - position:relative; - padding:25px 40px 35px; - background-color:#ffffff; +.project-block-two .inner-box .lower-content { + position: relative; + padding: 25px 40px 35px; + background-color: #ffffff; } -.project-block-two .inner-box .lower-content h5{ - position:relative; - line-height:1.5em; - color:#2b2b2b; - font-weight:700; - margin-bottom:10px; +.project-block-two .inner-box .lower-content h5 { + position: relative; + line-height: 1.5em; + color: #2b2b2b; + font-weight: 700; + margin-bottom: 10px; } -.project-block-two .inner-box .lower-content h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.project-block-two .inner-box .lower-content h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.project-block-two .inner-box .lower-content h5 a:hover{ - color:var(--brand-primary); +.project-block-two .inner-box .lower-content h5 a:hover { + color: var(--brand-primary); } -.project-block-two .inner-box .lower-content .text{ - position:relative; - font-size:16px; - line-height:1.9em; - margin-bottom:10px; +.project-block-two .inner-box .lower-content .text { + position: relative; + font-size: 16px; + line-height: 1.9em; + margin-bottom: 10px; } -.project-block-two .inner-box .lower-content ul{ - position:relative; +.project-block-two .inner-box .lower-content ul { + position: relative; } -.project-block-two .inner-box .lower-content ul li{ - position:relative; - color:#2b2a41; - font-weight:600; - margin-bottom:8px; +.project-block-two .inner-box .lower-content ul li { + position: relative; + color: #2b2a41; + font-weight: 600; + margin-bottom: 8px; } -.project-block-two .inner-box .lower-content ul li:last-child{ - margin-bottom:0px; +.project-block-two .inner-box .lower-content ul li:last-child { + margin-bottom: 0px; } -.project-block-two .inner-box .lower-content .see-more{ - position:relative; - font-weight:500; - color:var(--brand-primary); - font-size:18px; - margin-top:20px; - display:inline-block; - text-decoration:underline; - font-family: 'Roboto Condensed' ; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.project-block-two .inner-box .lower-content .see-more { + position: relative; + font-weight: 500; + color: var(--brand-primary); + font-size: 18px; + margin-top: 20px; + display: inline-block; + text-decoration: underline; + font-family: "Roboto Condensed"; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.project-block-two .inner-box:hover .block-content .see-more{ - color:var(--brand-primary); +.project-block-two .inner-box:hover .block-content .see-more { + color: var(--brand-primary); } /*** @@ -5176,80 +5244,79 @@ img{ ==================================================================== ***/ - -.page-title{ - position:relative; - overflow:hidden; - text-align:center; - padding:200px 0px 150px; +.page-title { + position: relative; + overflow: hidden; + text-align: center; + padding: 200px 0px 150px; background: var(--brand-secondary); } -.page-title .pattern-layer{ - position:absolute; - left:0px; - left:0px; - width:100%; - height:100%; - background-position:center center; - background-repeat:no-repeat; +.page-title .pattern-layer { + position: absolute; + left: 0px; + left: 0px; + width: 100%; + height: 100%; + background-position: center center; + background-repeat: no-repeat; } -.page-title h1{ - position:relative; - color:#ffffff; - line-height: 1.3em; - font-weight: 700; - margin-bottom:10px; +.page-title h1 { + position: relative; + color: #ffffff; + line-height: 1.3em; + font-weight: 700; + margin-bottom: 10px; } .page-title .bread-crumb { - position: relative; + position: relative; } -.page-title .bread-crumb li{ - position: relative; - font-size: 15px; - line-height: 30px; - color: #ffffff; - font-weight: 600; - padding-right: 15px; - margin-right: 12px; - display:inline-block; - text-transform: capitalize; +.page-title .bread-crumb li { + position: relative; + font-size: 15px; + line-height: 30px; + color: #ffffff; + font-weight: 600; + padding-right: 15px; + margin-right: 12px; + display: inline-block; + text-transform: capitalize; } -.page-title .bread-crumb li:before{ - position: absolute; - right: -3px; - font-size: 14px; - line-height: 30px; - color: #ffffff; - content: "/"; - font-weight:400; +.page-title .bread-crumb li:before { + position: absolute; + right: -3px; + font-size: 14px; + line-height: 30px; + color: #ffffff; + content: "/"; + font-weight: 400; } -.page-title .bread-crumb li:last-child{ - padding-right: 0; - margin-right: 0; +.page-title .bread-crumb li:last-child { + padding-right: 0; + margin-right: 0; } -.page-title .bread-crumb li:last-child:before{ - display: none; +.page-title .bread-crumb li:last-child:before { + display: none; } -.page-title .bread-crumb li a{ - color:#ffffff; - font-weight: 400; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ +.page-title .bread-crumb li a { + color: #ffffff; + font-weight: 400; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ } -.page-title .bread-crumb li a:hover{ - color: var(--brand-primary); +.page-title .bread-crumb li a:hover { + color: var(--brand-primary); } /*** @@ -5259,22 +5326,21 @@ img{ ==================================================================== ***/ - -.about-text-section{ - position:relative; - padding:90px 0px 0px; +.about-text-section { + position: relative; + padding: 90px 0px 0px; } -.about-text-section .text{ - position:relative; - color:#2b2a41; - font-size:26px; - font-weight:700; - line-height:1.4em; - text-align:center; - max-width:970px; - margin:0 auto; - font-family: 'Roboto Condensed' ; +.about-text-section .text { + position: relative; + color: #2b2a41; + font-size: 26px; + font-weight: 700; + line-height: 1.4em; + text-align: center; + max-width: 970px; + margin: 0 auto; + font-family: "Roboto Condensed"; } /*** @@ -5284,42 +5350,41 @@ img{ ==================================================================== ***/ - -.science-section-two{ - position:relative; - overflow:hidden; - padding:140px 0px 160px; +.science-section-two { + position: relative; + overflow: hidden; + padding: 140px 0px 160px; } -.science-section-two .pattern-layer{ - position: absolute; - content: ''; - left: 0px; - top: 0px; - height: 825px; - width: 1180px; - background-repeat: no-repeat; - background-position: left top; +.science-section-two .pattern-layer { + position: absolute; + content: ""; + left: 0px; + top: 0px; + height: 825px; + width: 1180px; + background-repeat: no-repeat; + background-position: left top; } -.science-section-two .content-column{ - position:relative; +.science-section-two .content-column { + position: relative; } -.science-section-two .content-column .inner-column{ - position:relative; - padding-top:10px; - margin-right:-20px; +.science-section-two .content-column .inner-column { + position: relative; + padding-top: 10px; + margin-right: -20px; } -.science-section-two .image-column{ - position:relative; +.science-section-two .image-column { + position: relative; } -.science-section-two .image-column .inner-column{ - position:relative; - padding-right:90px; - margin-left:-150px; +.science-section-two .image-column .inner-column { + position: relative; + padding-right: 90px; + margin-left: -150px; } /*** @@ -5329,329 +5394,327 @@ img{ ==================================================================== ***/ - -.team-section{ - position:relative; - overflow:hidden; - padding:100px 0px 60px; +.team-section { + position: relative; + overflow: hidden; + padding: 100px 0px 60px; } -.team-section .pattern-layer{ - position:absolute; - right:-60px; - top:0px; - border-radius:8px; - width:1204px; - height:614px; - background-repeat:no-repeat; +.team-section .pattern-layer { + position: absolute; + right: -60px; + top: 0px; + border-radius: 8px; + width: 1204px; + height: 614px; + background-repeat: no-repeat; } -.team-section .title-column{ - position:relative; - margin-bottom:35px; +.team-section .title-column { + position: relative; + margin-bottom: 35px; } -.team-section .title-column .inner-column{ - position:relative; - z-index:3; - padding-top:30px; +.team-section .title-column .inner-column { + position: relative; + z-index: 3; + padding-top: 30px; } -.team-section .title-column .sec-title{ - margin-bottom:25px; +.team-section .title-column .sec-title { + margin-bottom: 25px; } -.team-section .blocks-column{ - position:relative; - margin-bottom:35px; +.team-section .blocks-column { + position: relative; + margin-bottom: 35px; } -.team-section .blocks-column .inner-column{ - position:relative; +.team-section .blocks-column .inner-column { + position: relative; } -.team-section .blocks-column .owl-carousel .owl-stage-outer:before{ - position:absolute; - content:''; - right:104%; - top:0px; - height:100%; - width:1000%; - z-index:2; - background-color:#ffffff; +.team-section .blocks-column .owl-carousel .owl-stage-outer:before { + position: absolute; + content: ""; + right: 104%; + top: 0px; + height: 100%; + width: 1000%; + z-index: 2; + background-color: #ffffff; } -.team-section .blocks-column .owl-carousel .owl-stage-outer{ - overflow:visible; +.team-section .blocks-column .owl-carousel .owl-stage-outer { + overflow: visible; } .team-section .blocks-column .owl-dots, -.team-section .blocks-column .owl-nav{ - display:none; +.team-section .blocks-column .owl-nav { + display: none; } -.team-block{ - position:relative; - margin-bottom:0px; - z-index:4; +.team-block { + position: relative; + margin-bottom: 0px; + z-index: 4; } -.team-block .inner-box{ - position:relative; - overflow:hidden; - border-radius:8px; - background-color:#ffffff; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.team-block .inner-box { + position: relative; + overflow: hidden; + border-radius: 8px; + background-color: #ffffff; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.team-block .inner-box:hover{ - box-shadow:30px 20px 40px 0px rgba(0,0,0,0.05); +.team-block .inner-box:hover { + box-shadow: 30px 20px 40px 0px rgba(0, 0, 0, 0.05); } -.team-block .image{ - position:relative; +.team-block .image { + position: relative; } -.team-block .image img{ - position:relative; - width:100%; - display:block; +.team-block .image img { + position: relative; + width: 100%; + display: block; } -.team-block .image .overlay-box{ - position:absolute; - left:0px; - top:0px; - right:0px; - bottom:0px; +.team-block .image .overlay-box { + position: absolute; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; } -.team-block .image .overlay-box:before{ - position:absolute; - content:''; - left:0px; - top:0px; - right:0px; - bottom:0px; - opacity:0; - top:100%; - /* transition: all 900ms ease; */ - /* -moz-transition: all 900ms ease; */ - /* -webkit-transition: all 900ms ease; */ - /* -ms-transition: all 900ms ease; */ - /* -o-transition: all 900ms ease; */ - background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); - background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); - background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #1d386b)); - background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); - background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #1d386b 100%); +.team-block .image .overlay-box:before { + position: absolute; + content: ""; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + opacity: 0; + top: 100%; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%); + background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #1d386b)); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1d386b 100%); } -.team-block .inner-box:hover .overlay-box:before{ - opacity:1; - top:0%; +.team-block .inner-box:hover .overlay-box:before { + opacity: 1; + top: 0%; } -.team-block .inner-box .overlay-box .overlay-inner{ - position:relative; - height:100%; +.team-block .inner-box .overlay-box .overlay-inner { + position: relative; + height: 100%; } -.team-block .inner-box .overlay-box .member-content{ - position:absolute; - left:30px; - bottom:-120px; - /* transition: all 900ms ease; */ - /* -moz-transition: all 900ms ease; */ - /* -webkit-transition: all 900ms ease; */ - /* -ms-transition: all 900ms ease; */ - /* -o-transition: all 900ms ease; */ +.team-block .inner-box .overlay-box .member-content { + position: absolute; + left: 30px; + bottom: -120px; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ } -.team-block .inner-box:hover .overlay-box .member-content{ - bottom:10px; +.team-block .inner-box:hover .overlay-box .member-content { + bottom: 10px; } -.team-block .inner-box .overlay-box .member-content h4{ - position:relative; - line-height:1.3em; - font-weight:700; +.team-block .inner-box .overlay-box .member-content h4 { + position: relative; + line-height: 1.3em; + font-weight: 700; } -.team-block .inner-box .overlay-box .member-content h4 a{ - position:relative; - color:#ffffff; +.team-block .inner-box .overlay-box .member-content h4 a { + position: relative; + color: #ffffff; } -.team-block .inner-box .overlay-box .member-content .designation{ - position:relative; - color:#ffffff; - font-size:14px; - margin-top:2px; +.team-block .inner-box .overlay-box .member-content .designation { + position: relative; + color: #ffffff; + font-size: 14px; + margin-top: 2px; } /* Team Block Two */ - -.team-social-box{ - position: absolute; - right: -30px; - bottom: 38px; +.team-social-box { + position: absolute; + right: -30px; + bottom: 38px; } -.team-social-box li{ - position: relative; - right: -30px; - margin-bottom: 10px; - /* transition: all 900ms ease; */ - /* -moz-transition: all 900ms ease; */ - /* -webkit-transition: all 900ms ease; */ - /* -ms-transition: all 900ms ease; */ - /* -o-transition: all 900ms ease; */ +.team-social-box li { + position: relative; + right: -30px; + margin-bottom: 10px; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ } -.team-social-box li a{ - position: relative; - width: 36px; - height: 36px; - color: #25a9e0; - z-index: 1; - font-size: 15px; - line-height: 36px; - text-align: center; - border-radius: 50%; - display: inline-block; - background-color: #ffffff; +.team-social-box li a { + position: relative; + width: 36px; + height: 36px; + color: #25a9e0; + z-index: 1; + font-size: 15px; + line-height: 36px; + text-align: center; + border-radius: 50%; + display: inline-block; + background-color: #ffffff; } -.team-social-box li .social-name{ - position: absolute; - right:85%; - padding: 0px 10px; - top: 2px; - opacity: 0; - visibility: hidden; - font-size: 12px; - text-transform: capitalize; - display: inline-block; - border-radius: 50px 0px 0px 50px; - background-color: #ffffff; - /* -webkit-transition: all 0.3s ease; */ - /* -moz-transition: all 0.3s ease; */ - /* -ms-transition: all 0.3s ease; */ - /* -o-transition: all 0.3s ease; */ - /* transition: all 0.3s ease; */ +.team-social-box li .social-name { + position: absolute; + right: 85%; + padding: 0px 10px; + top: 2px; + opacity: 0; + visibility: hidden; + font-size: 12px; + text-transform: capitalize; + display: inline-block; + border-radius: 50px 0px 0px 50px; + background-color: #ffffff; + /* -webkit-transition: all 0.3s ease; */ + /* -moz-transition: all 0.3s ease; */ + /* -ms-transition: all 0.3s ease; */ + /* -o-transition: all 0.3s ease; */ + /* transition: all 0.3s ease; */ } -.team-social-box li:last-child{ - margin-bottom:0px; +.team-social-box li:last-child { + margin-bottom: 0px; } -.team-block .inner-box:hover .image .overlay-box .team-social-box li{ - right:60px; +.team-block .inner-box:hover .image .overlay-box .team-social-box li { + right: 60px; } -.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2){ - /* transition-delay: 250ms; */ +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2) { + /* transition-delay: 250ms; */ } -.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3){ - /* transition-delay: 500ms; */ +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3) { + /* transition-delay: 500ms; */ } -.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4){ - /* transition-delay: 750ms; */ +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) { + /* transition-delay: 750ms; */ } -.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(5){ - /* transition-delay: 1000ms; */ +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(5) { + /* transition-delay: 1000ms; */ } -.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(6){ - /* transition-delay: 1250ms; */ +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(6) { + /* transition-delay: 1250ms; */ } -.team-social-box li:hover .social-name{ - opacity:1; - visibility:visible; +.team-social-box li:hover .social-name { + opacity: 1; + visibility: visible; } -.team-social-box li a{ - position:relative; - width:36px; - height:36px; - color:#25a9e0; - z-index:1; - font-size:15px; - line-height:36px; - text-align:center; - border-radius:50%; - display:inline-block; - background-color:#ffffff; +.team-social-box li a { + position: relative; + width: 36px; + height: 36px; + color: #25a9e0; + z-index: 1; + font-size: 15px; + line-height: 36px; + text-align: center; + border-radius: 50%; + display: inline-block; + background-color: #ffffff; } -.team-social-box li.youtube a{ - color:#ff0000; +.team-social-box li.youtube a { + color: #ff0000; } -.team-social-box li.youtube .social-name{ - color:#ffffff; - padding:4px 14px 4px 15px; - background-color:#ff0000; +.team-social-box li.youtube .social-name { + color: #ffffff; + padding: 4px 14px 4px 15px; + background-color: #ff0000; } -.team-social-box li.linkedin a{ - color:#0077b5; +.team-social-box li.linkedin a { + color: #0077b5; } -.team-social-box li.linkedin .social-name{ - color:#ffffff; - padding:4px 14px 4px 15px; - background-color:#0077b5; +.team-social-box li.linkedin .social-name { + color: #ffffff; + padding: 4px 14px 4px 15px; + background-color: #0077b5; } -.team-social-box li.facebook a{ - color:#3b5998; +.team-social-box li.facebook a { + color: #3b5998; } -.team-social-box li.facebook .social-name{ - color:#ffffff; - padding:4px 14px 4px 15px; - background-color:#3b5998; +.team-social-box li.facebook .social-name { + color: #ffffff; + padding: 4px 14px 4px 15px; + background-color: #3b5998; } -.team-social-box li.twitter a{ - color:#1da1f2; +.team-social-box li.twitter a { + color: #1da1f2; } -.team-social-box li.twitter .social-name{ - color:#ffffff; - padding:4px 14px 4px 15px; - background-color:#1da1f2; +.team-social-box li.twitter .social-name { + color: #ffffff; + padding: 4px 14px 4px 15px; + background-color: #1da1f2; } -.team-social-box li.instagram a{ - color:#c2328a; +.team-social-box li.instagram a { + color: #c2328a; } -.team-social-box li.instagram .social-name{ - color:#ffffff; - padding:4px 14px 4px 15px; - background-color:#c2328a; +.team-social-box li.instagram .social-name { + color: #ffffff; + padding: 4px 14px 4px 15px; + background-color: #c2328a; } -.team-social-box li.pinterest a{ - color:#e60023; +.team-social-box li.pinterest a { + color: #e60023; } -.team-social-box li.pinterest .social-name{ - color:#ffffff; - padding:4px 14px 4px 15px; - background-color:#e60023; +.team-social-box li.pinterest .social-name { + color: #ffffff; + padding: 4px 14px 4px 15px; + background-color: #e60023; } /*** @@ -5661,32 +5724,31 @@ img{ ==================================================================== ***/ - -.call-to-action-section{ - position:relative; - padding:95px 0px 65px; +.call-to-action-section { + position: relative; + padding: 95px 0px 65px; } -.call-to-action-section .inner-container{ - position:relative; - padding:0px 30px; +.call-to-action-section .inner-container { + position: relative; + padding: 0px 30px; } -.call-to-action-section .title-column{ - position:relative; +.call-to-action-section .title-column { + position: relative; } -.call-to-action-section .title-column .inner-column{ - position:relative; +.call-to-action-section .title-column .inner-column { + position: relative; } -.call-to-action-section .email-column{ - position:relative; +.call-to-action-section .email-column { + position: relative; } -.call-to-action-section .email-column .inner-column{ - position:relative; - padding-top:35px; +.call-to-action-section .email-column .inner-column { + position: relative; + padding-top: 35px; } /*** @@ -5696,23 +5758,22 @@ img{ ==================================================================== ***/ - -.services-page-section{ - position:relative; - padding-top:85px; - padding-bottom:60px; +.services-page-section { + position: relative; + padding-top: 85px; + padding-bottom: 60px; } -.services-page-section .inner-container{ - position:relative; - max-width:820px; - margin:0 auto; +.services-page-section .inner-container { + position: relative; + max-width: 820px; + margin: 0 auto; } -.services-page-section .service-image{ - position:relative; - text-align:center; - margin-top:20px; +.services-page-section .service-image { + position: relative; + text-align: center; + margin-top: 20px; } /*** @@ -5722,111 +5783,110 @@ img{ ==================================================================== ***/ - -.team-page-section{ - position:relative; - padding-top:95px; - padding-bottom:40px; +.team-page-section { + position: relative; + padding-top: 95px; + padding-bottom: 40px; } -.team-page-section .team-block{ - margin-bottom:30px; +.team-page-section .team-block { + margin-bottom: 30px; } -.team-block-two{ - position:relative; - margin-bottom:60px; +.team-block-two { + position: relative; + margin-bottom: 60px; } -.team-block-two .inner-box{ - position:relative; - overflow:hidden; - border-radius:8px; - background-color:#ffffff; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.team-block-two .inner-box { + position: relative; + overflow: hidden; + border-radius: 8px; + background-color: #ffffff; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.team-block-two .inner-box .image{ - position:relative; +.team-block-two .inner-box .image { + position: relative; } -.team-block-two .inner-box .image img{ - position:relative; - width:100%; - display:block; +.team-block-two .inner-box .image img { + position: relative; + width: 100%; + display: block; } -.team-block-two .inner-box .lower-content{ - position:relative; - padding:30px 30px 30px; - background-color:#f1eff7; +.team-block-two .inner-box .lower-content { + position: relative; + padding: 30px 30px 30px; + background-color: #f1eff7; } -.team-block-two .inner-box .lower-content h4{ - position:relative; - font-weight:700; - line-height:1.3em; +.team-block-two .inner-box .lower-content h4 { + position: relative; + font-weight: 700; + line-height: 1.3em; } -.team-block-two .inner-box .lower-content h4 a{ - position:relative; - color:#2b2b2b; - font-size:26px; - /* -webkit-transition: all 0.3s ease; */ - /* -moz-transition: all 0.3s ease; */ - /* -ms-transition: all 0.3s ease; */ - /* -o-transition: all 0.3s ease; */ - /* transition: all 0.3s ease; */ +.team-block-two .inner-box .lower-content h4 a { + position: relative; + color: #2b2b2b; + font-size: 26px; + /* -webkit-transition: all 0.3s ease; */ + /* -moz-transition: all 0.3s ease; */ + /* -ms-transition: all 0.3s ease; */ + /* -o-transition: all 0.3s ease; */ + /* transition: all 0.3s ease; */ } -.team-block-two .inner-box .lower-content h4 a:hover{ - color:var(--brand-primary); +.team-block-two .inner-box .lower-content h4 a:hover { + color: var(--brand-primary); } -.team-block-two .inner-box .lower-content .designation{ - position:relative; - font-weight:400; - color:#5a5a5a; - font-size:14px; - margin-top:4px; +.team-block-two .inner-box .lower-content .designation { + position: relative; + font-weight: 400; + color: #5a5a5a; + font-size: 14px; + margin-top: 4px; } -.team-block-two .inner-box .lower-content .social-box{ - position:relative; - margin-top:10px; +.team-block-two .inner-box .lower-content .social-box { + position: relative; + margin-top: 10px; } -.team-block-two .inner-box .lower-content .social-box li{ - position:relative; - margin-left:5px; - display:inline-block; +.team-block-two .inner-box .lower-content .social-box li { + position: relative; + margin-left: 5px; + display: inline-block; } -.team-block-two .inner-box .lower-content .social-box li a{ - position:relative; - width:44px; - height:44px; - color:var(--brand-primary); - font-size:18px; - line-height:44px; - text-align:center; - border-radius:50px; - display:inline-block; - background-color:#ffffff; - /* -webkit-transition: all 0.3s ease; */ - /* -moz-transition: all 0.3s ease; */ - /* -ms-transition: all 0.3s ease; */ - /* -o-transition: all 0.3s ease; */ - /* transition: all 0.3s ease; */ +.team-block-two .inner-box .lower-content .social-box li a { + position: relative; + width: 44px; + height: 44px; + color: var(--brand-primary); + font-size: 18px; + line-height: 44px; + text-align: center; + border-radius: 50px; + display: inline-block; + background-color: #ffffff; + /* -webkit-transition: all 0.3s ease; */ + /* -moz-transition: all 0.3s ease; */ + /* -ms-transition: all 0.3s ease; */ + /* -o-transition: all 0.3s ease; */ + /* transition: all 0.3s ease; */ } -.team-block-two .inner-box .lower-content .social-box li a:hover{ - background-color:var(--brand-primary); - color:#ffffff; +.team-block-two .inner-box .lower-content .social-box li a:hover { + background-color: var(--brand-primary); + color: #ffffff; } /*** @@ -5836,294 +5896,292 @@ img{ ==================================================================== ***/ - -.price-page-section{ - position:relative; - padding:95px 0px 0px; +.price-page-section { + position: relative; + padding: 95px 0px 0px; } -.price-block{ - position:relative; - margin-bottom:30px; +.price-block { + position: relative; + margin-bottom: 30px; } -.price-block .inner-box{ - position:relative; - box-shadow:0px 0px 10px rgba(0,0,0,0.10); +.price-block .inner-box { + position: relative; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } -.price-block .inner-box .title{ - position:relative; - padding:24px 15px; - color:#2b2b2b; - font-size:36px; - font-weight:700; - line-height:1.3em; - display:block; - text-align:center; - text-transform:capitalize; - border-bottom:1px solid #f2f2f2; - font-family: 'Roboto Condensed' ; +.price-block .inner-box .title { + position: relative; + padding: 24px 15px; + color: #2b2b2b; + font-size: 36px; + font-weight: 700; + line-height: 1.3em; + display: block; + text-align: center; + text-transform: capitalize; + border-bottom: 1px solid #f2f2f2; + font-family: "Roboto Condensed"; } -.price-block .inner-box .content-box{ - position:relative; - padding:40px 35px; - text-align:center; +.price-block .inner-box .content-box { + position: relative; + padding: 40px 35px; + text-align: center; } -.price-block .inner-box .content-box .price-box{ - position:relative; - color:var(--brand-primary); - font-size:66px; - font-weight:700; - font-family: 'Roboto Condensed' ; +.price-block .inner-box .content-box .price-box { + position: relative; + color: var(--brand-primary); + font-size: 66px; + font-weight: 700; + font-family: "Roboto Condensed"; } -.price-block .inner-box .content-box .price-box .icon{ - position:relative; - font-weight:400; - color:#a163f5; - line-height:1em; - display:inline-block; +.price-block .inner-box .content-box .price-box .icon { + position: relative; + font-weight: 400; + color: #a163f5; + line-height: 1em; + display: inline-block; } -.price-block .inner-box .content-box .price-box .price-title{ - position:relative; - font-weight:400; - color:#5a5a5a; - font-size:18px; - display:block; - margin-top:18px; +.price-block .inner-box .content-box .price-box .price-title { + position: relative; + font-weight: 400; + color: #5a5a5a; + font-size: 18px; + display: block; + margin-top: 18px; } -.price-block .inner-box .content-box .text{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; - text-align:center; - margin-top:20px; - margin-bottom:30px; +.price-block .inner-box .content-box .text { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; + text-align: center; + margin-top: 20px; + margin-bottom: 30px; } -.price-block .inner-box .content-box .start-btn{ - position:relative; - padding:13px 80px; - color:var(--brand-primary); - font-size:18px; - font-weight:400; - border-radius:50px; - border:1px solid var(--brand-primary); - font-family: 'Roboto Condensed' ; +.price-block .inner-box .content-box .start-btn { + position: relative; + padding: 13px 80px; + color: var(--brand-primary); + font-size: 18px; + font-weight: 400; + border-radius: 50px; + border: 1px solid var(--brand-primary); + font-family: "Roboto Condensed"; } -.price-block .inner-box .content-box .start-btn:hover{ - background-color:var(--brand-primary); - color:#ffffff; +.price-block .inner-box .content-box .start-btn:hover { + background-color: var(--brand-primary); + color: #ffffff; } -.price-block .inner-box .price-list{ - position:relative; - text-align:left; - margin-left:15px; - margin-top:35px; +.price-block .inner-box .price-list { + position: relative; + text-align: left; + margin-left: 15px; + margin-top: 35px; } -.price-block .inner-box .price-list li{ - position:relative; - margin-bottom:8px; - color:#2b2b2b; - font-size:15px; - font-weight:500; - padding-left:15px; - font-family: 'Roboto Condensed' ; +.price-block .inner-box .price-list li { + position: relative; + margin-bottom: 8px; + color: #2b2b2b; + font-size: 15px; + font-weight: 500; + padding-left: 15px; + font-family: "Roboto Condensed"; } -.price-block .inner-box .price-list li:before{ - position:absolute; - content:''; - left:0px; - top:7px; - width:6px; - height:6px; - border-radius:50px; - background-color:var(--brand-primary); +.price-block .inner-box .price-list li:before { + position: absolute; + content: ""; + left: 0px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50px; + background-color: var(--brand-primary); } /* Price Block Two */ - -.price-block-two{ - position:relative; - margin-bottom:30px; +.price-block-two { + position: relative; + margin-bottom: 30px; } -.price-block-two .inner-box{ - position:relative; - box-shadow:0px 0px 10px rgba(0,0,0,0.10); +.price-block-two .inner-box { + position: relative; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } -.price-block-two .inner-box .upper-box{ - position:relative; - background-repeat:no-repeat; - background-position:center center; +.price-block-two .inner-box .upper-box { + position: relative; + background-repeat: no-repeat; + background-position: center center; } -.price-block-two .inner-box .upper-box:before{ - position:absolute; - content:''; - left:0px; - top:0px; - right:0px; - bottom:0px; - z-index:-1; - background-image: linear-gradient(to bottom, #6a15d0, #5d2ec3, #543ab4, #4f42a3, #4d4891); +.price-block-two .inner-box .upper-box:before { + position: absolute; + content: ""; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + z-index: -1; + background-image: linear-gradient(to bottom, #6a15d0, #5d2ec3, #543ab4, #4f42a3, #4d4891); } -.price-block-two .inner-box .upper-box .title{ - position:relative; - padding:24px 15px; - color:#ffffff; - font-size:36px; - font-weight:700; - line-height:1.3em; - display:block; - text-align:center; - text-transform:capitalize; - font-family: 'Roboto Condensed' ; - border-bottom:1px solid rgba(255,255,255,0.10); +.price-block-two .inner-box .upper-box .title { + position: relative; + padding: 24px 15px; + color: #ffffff; + font-size: 36px; + font-weight: 700; + line-height: 1.3em; + display: block; + text-align: center; + text-transform: capitalize; + font-family: "Roboto Condensed"; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } -.price-block-two .inner-box .upper-box .price-box{ - position:relative; - color:var(--brand-primary); - font-size:66px; - font-weight:700; - display:block; - line-height:35px; - text-align:center; - padding:44px 0px 24px; - font-family: 'Roboto Condensed' ; +.price-block-two .inner-box .upper-box .price-box { + position: relative; + color: var(--brand-primary); + font-size: 66px; + font-weight: 700; + display: block; + line-height: 35px; + text-align: center; + padding: 44px 0px 24px; + font-family: "Roboto Condensed"; } -.price-block-two .inner-box .upper-box .price-box .price-title{ - position:relative; - font-weight:400; - color:#ffffff; - font-size:18px; - display:block; - margin-top:18px; +.price-block-two .inner-box .upper-box .price-box .price-title { + position: relative; + font-weight: 400; + color: #ffffff; + font-size: 18px; + display: block; + margin-top: 18px; } -.price-block-two .inner-box .lower-content{ - position:relative; - padding:40px 35px 50px; - text-align:center; +.price-block-two .inner-box .lower-content { + position: relative; + padding: 40px 35px 50px; + text-align: center; } -.price-block-two .inner-box .lower-content:before{ - position:absolute; - content:''; - left:0px; - top:0px; - width:100%; - height:0px; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - background-image: linear-gradient(to bottom, #4c4891, #4c4891, #4c4891, #4c4891, #4c4891); +.price-block-two .inner-box .lower-content:before { + position: absolute; + content: ""; + left: 0px; + top: 0px; + width: 100%; + height: 0px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + background-image: linear-gradient(to bottom, #4c4891, #4c4891, #4c4891, #4c4891, #4c4891); } -.price-block-two .inner-box:hover .lower-content:before{ - height:100%; +.price-block-two .inner-box:hover .lower-content:before { + height: 100%; } -.price-block-two .inner-box .lower-content .start-btn{ - position:relative; - padding:13px 80px; - color:var(--brand-primary); - font-size:18px; - font-weight:400; - border-radius:50px; - border:1px solid var(--brand-primary); - font-family: 'Roboto Condensed' ; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.price-block-two .inner-box .lower-content .start-btn { + position: relative; + padding: 13px 80px; + color: var(--brand-primary); + font-size: 18px; + font-weight: 400; + border-radius: 50px; + border: 1px solid var(--brand-primary); + font-family: "Roboto Condensed"; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.price-block-two .inner-box:hover .lower-content .start-btn{ - background-color:#ffffff; - border-color:#ffffff; - color:var(--brand-primary); +.price-block-two .inner-box:hover .lower-content .start-btn { + background-color: #ffffff; + border-color: #ffffff; + color: var(--brand-primary); } -.price-block-two .inner-box .lower-content .start-btn:hover{ - background-color:var(--brand-primary); - color:#ffffff; +.price-block-two .inner-box .lower-content .start-btn:hover { + background-color: var(--brand-primary); + color: #ffffff; } -.price-block-two .inner-box .lower-content .price-list{ - position:relative; - text-align:left; - margin-left:15px; - margin-bottom:30px; +.price-block-two .inner-box .lower-content .price-list { + position: relative; + text-align: left; + margin-left: 15px; + margin-bottom: 30px; } -.price-block-two .inner-box .lower-content .price-list li{ - position:relative; - margin-bottom:10px; - color:#2b2b2b; - font-size:15px; - font-weight:500; - padding-left:15px; - font-family: 'Roboto Condensed' ; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.price-block-two .inner-box .lower-content .price-list li { + position: relative; + margin-bottom: 10px; + color: #2b2b2b; + font-size: 15px; + font-weight: 500; + padding-left: 15px; + font-family: "Roboto Condensed"; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.price-block-two .inner-box .lower-content .price-list li.check:after{ - position:absolute; - content: "\f1d1"; - right:0px; - color:#c194f5; - font-size:10px; - line-height:1em; - font-weight:700; - font-family: "Flaticon"; +.price-block-two .inner-box .lower-content .price-list li.check:after { + position: absolute; + content: "\f1d1"; + right: 0px; + color: #c194f5; + font-size: 10px; + line-height: 1em; + font-weight: 700; + font-family: "Flaticon"; } -.price-block-two .inner-box .lower-content .price-list li.cross:after{ - position:absolute; - content: "\f144"; - right:0px; - color:var(--brand-primary); - font-size:10px; - line-height:1em; - font-weight:700; - font-family: "Flaticon"; +.price-block-two .inner-box .lower-content .price-list li.cross:after { + position: absolute; + content: "\f144"; + right: 0px; + color: var(--brand-primary); + font-size: 10px; + line-height: 1em; + font-weight: 700; + font-family: "Flaticon"; } -.price-block-two .inner-box:hover .lower-content .price-list li{ - color:#ffffff; +.price-block-two .inner-box:hover .lower-content .price-list li { + color: #ffffff; } -.price-block-two .inner-box .lower-content .price-list li:before{ - position:absolute; - content:''; - left:0px; - top:7px; - width:6px; - height:6px; - border-radius:50px; - background-color:var(--brand-primary); +.price-block-two .inner-box .lower-content .price-list li:before { + position: absolute; + content: ""; + left: 0px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50px; + background-color: var(--brand-primary); } /*** @@ -6133,327 +6191,323 @@ img{ ==================================================================== ***/ - -.login-page-section{ - position:relative; - padding:95px 0px 0px; +.login-page-section { + position: relative; + padding: 95px 0px 0px; } -.login-page-section .image-column{ - position:relative; +.login-page-section .image-column { + position: relative; } -.login-page-section .image-column .inner-column{ - position:relative; - margin-left:-180px; +.login-page-section .image-column .inner-column { + position: relative; + margin-left: -180px; } -.login-page-section .image-column .inner-column .image{ - position:relative; +.login-page-section .image-column .inner-column .image { + position: relative; } -.login-page-section .form-column{ - position:relative; +.login-page-section .form-column { + position: relative; } -.login-page-section .form-column .inner-column{ - position:relative; - padding:30px 50px; - box-shadow:0px 0px 25px rgba(0,0,0,0.07); +.login-page-section .form-column .inner-column { + position: relative; + padding: 30px 50px; + box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07); } -.login-page-section .form-column h3{ - position:relative; - font-weight:700; - color:#2b2b2b; - line-height:1.3em; +.login-page-section .form-column h3 { + position: relative; + font-weight: 700; + color: #2b2b2b; + line-height: 1.3em; } -.login-page-section .form-column .welcome{ - position:relative; - font-weight:400; - color:#5a5a5a; - font-size:16px; - line-height:1.3em; - margin-top:12px; - margin-bottom:40px; +.login-page-section .form-column .welcome { + position: relative; + font-weight: 400; + color: #5a5a5a; + font-size: 16px; + line-height: 1.3em; + margin-top: 12px; + margin-bottom: 40px; } /* Styled Form */ - -.styled-form{ - position:relative; +.styled-form { + position: relative; } -.styled-form .form-group{ - position:relative; - margin-bottom:25px; +.styled-form .form-group { + position: relative; + margin-bottom: 25px; } -.styled-form .form-group label{ - position:relative; - color:#5a5a5a; - font-size:16px; - margin-bottom:15px; +.styled-form .form-group label { + position: relative; + color: #5a5a5a; + font-size: 16px; + margin-bottom: 15px; } -.styled-form .form-group input{ - position:relative; - height:50px; - padding:6px 30px; - width:100%; - color:var(--brand-secondary); - border-radius:50px; - border:1px solid #f2f2f2; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - font-family: 'Roboto Condensed' ; +.styled-form .form-group input { + position: relative; + height: 50px; + padding: 6px 30px; + width: 100%; + color: var(--brand-secondary); + border-radius: 50px; + border: 1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: "Roboto Condensed"; } -.styled-form .form-group input:focus{ - border-color:var(--brand-primary); +.styled-form .form-group input:focus { + border-color: var(--brand-primary); } -.styled-form .form-group textarea{ - position:relative; - height:150px; - width:100%; - resize:none; - padding:15px 15px; - border-radius:50px; - border:1px solid #f2f2f2; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - font-family: 'Roboto Condensed' ; +.styled-form .form-group textarea { + position: relative; + height: 150px; + width: 100%; + resize: none; + padding: 15px 15px; + border-radius: 50px; + border: 1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: "Roboto Condensed"; } -.styled-form .form-group .users{ - position:relative; - color:#a6a6a6; - font-size:15px; - font-family: 'Roboto Condensed' ; +.styled-form .form-group .users { + position: relative; + color: #a6a6a6; + font-size: 15px; + font-family: "Roboto Condensed"; } -.styled-form .form-group .users a{ - position:relative; - color:var(--brand-primary); +.styled-form .form-group .users a { + position: relative; + color: var(--brand-primary); } /* CheckBox */ - -.styled-form .form-group .check-box{ - position:relative; - margin-bottom:3px; - margin-top:7px; +.styled-form .form-group .check-box { + position: relative; + margin-bottom: 3px; + margin-top: 7px; } -.styled-form .form-group .check-box label{ - font-family: 'Roboto Condensed' ; - color:#2b2b2b; +.styled-form .form-group .check-box label { + font-family: "Roboto Condensed"; + color: #2b2b2b; } -.styled-form .form-group .check-box label{ - position: relative; - display: block; - height: 30px; - width: 100%; - line-height: 22px; - padding: 4px 10px 0px; - padding-left: 25px; - background: #ffffff; - font-size: 15px; - font-weight: 400; - color: #211347; - cursor: pointer; - margin-bottom: 0; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ +.styled-form .form-group .check-box label { + position: relative; + display: block; + height: 30px; + width: 100%; + line-height: 22px; + padding: 4px 10px 0px; + padding-left: 25px; + background: #ffffff; + font-size: 15px; + font-weight: 400; + color: #211347; + cursor: pointer; + margin-bottom: 0; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ } -.styled-form .form-group .check-box input[type="checkbox"]:checked + label{ - border-color: #25a9e0; +.styled-form .form-group .check-box input[type=checkbox]:checked + label { + border-color: #25a9e0; } .styled-form .form-group .form-group .check-box label { - padding-left: 30px; - padding-top: 1px; - cursor: pointer; + padding-left: 30px; + padding-top: 1px; + cursor: pointer; } -.styled-form .form-group .check-box label:before{ - position: absolute; - left: 0px; - top: 7px; - height:15px; - width: 15px; - background: #ffffff; - content: ""; - border-radius: 3px; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ - border:1px solid var(--brand-primary); +.styled-form .form-group .check-box label:before { + position: absolute; + left: 0px; + top: 7px; + height: 15px; + width: 15px; + background: #ffffff; + content: ""; + border-radius: 3px; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ + border: 1px solid var(--brand-primary); } .styled-form .form-group .check-box label:after { - position: absolute; - left: 0px; - top: 0; - height: 15px; - line-height: 15px; - max-width: 0; - font-size: 14px; - color: #ffffff; - font-weight: 800; - overflow: hidden; - background: transparent; - text-align: center; - font-family: 'Font Awesome 5 Free'; - font-weight: 900; - /* -webkit-transition: max-width 500ms ease; */ - /* -moz-transition: max-width 500ms ease; */ - /* -ms-transition: max-width 500ms ease; */ - /* -o-transition: max-width 500ms ease; */ - /* transition: max-width 500ms ease; */ + position: absolute; + left: 0px; + top: 0; + height: 15px; + line-height: 15px; + max-width: 0; + font-size: 14px; + color: #ffffff; + font-weight: 800; + overflow: hidden; + background: transparent; + text-align: center; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + /* -webkit-transition: max-width 500ms ease; */ + /* -moz-transition: max-width 500ms ease; */ + /* -ms-transition: max-width 500ms ease; */ + /* -o-transition: max-width 500ms ease; */ + /* transition: max-width 500ms ease; */ } -.styled-form .form-group .check-box input[type="checkbox"] { - display: none; +.styled-form .form-group .check-box input[type=checkbox] { + display: none; } -.styled-form .form-group .check-box input[type="checkbox"]:checked + label:before{ - border: 5px solid var(--brand-primary); - background: #ffffff; +.styled-form .form-group .check-box input[type=checkbox]:checked + label:before { + border: 5px solid var(--brand-primary); + background: #ffffff; } -.styled-form .form-group .check-box input[type="checkbox"]:checked + label:after { - max-width: 20px; - opacity: 1; +.styled-form .form-group .check-box input[type=checkbox]:checked + label:after { + max-width: 20px; + opacity: 1; } /* Radio Box */ - -.styled-form .form-group .radio-box{ - position:relative; - margin-bottom:3px; - margin-top:7px; +.styled-form .form-group .radio-box { + position: relative; + margin-bottom: 3px; + margin-top: 7px; } -.styled-form .form-group .radio-box label{ - font-family: 'Roboto Condensed' ; - color:#2b2b2b; +.styled-form .form-group .radio-box label { + font-family: "Roboto Condensed"; + color: #2b2b2b; } -.styled-form .form-group .radio-box label{ - position: relative; - display: block; - height: 30px; - width: 100%; - line-height: 9px; - padding: 4px 10px 0px; - padding-left: 25px; - background: #ffffff; - font-size: 15px; - font-weight: 400; - color: #211347; - cursor: pointer; - margin-bottom: 0; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ +.styled-form .form-group .radio-box label { + position: relative; + display: block; + height: 30px; + width: 100%; + line-height: 9px; + padding: 4px 10px 0px; + padding-left: 25px; + background: #ffffff; + font-size: 15px; + font-weight: 400; + color: #211347; + cursor: pointer; + margin-bottom: 0; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ } -.styled-form .form-group .radio-box input[type="radio"]:checked + label{ - border-color: #25a9e0; +.styled-form .form-group .radio-box input[type=radio]:checked + label { + border-color: #25a9e0; } .styled-form .form-group .form-group .radio-box label { - padding-left: 30px; - padding-top: 1px; - cursor: pointer; + padding-left: 30px; + padding-top: 1px; + cursor: pointer; } -.styled-form .form-group .radio-box label:before{ - position: absolute; - left: 0; - top: 0; - height:15px; - width: 15px; - background: #ffffff; - content: ""; - border-radius: 3px; - /* -webkit-transition: all 300ms ease; */ - /* -moz-transition: all 300ms ease; */ - /* -ms-transition: all 300ms ease; */ - /* -o-transition: all 300ms ease; */ - /* transition: all 300ms ease; */ - border:1px solid var(--brand-primary); +.styled-form .form-group .radio-box label:before { + position: absolute; + left: 0; + top: 0; + height: 15px; + width: 15px; + background: #ffffff; + content: ""; + border-radius: 3px; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ + border: 1px solid var(--brand-primary); } .styled-form .form-group .radio-box label:after { - position: absolute; - left: 0px; - top: 0; - height: 15px; - line-height: 15px; - max-width: 0; - font-size: 14px; - color: #ffffff; - font-weight: 800; - overflow: hidden; - background: transparent; - text-align: center; - font-family: 'Font Awesome 5 Free'; - font-weight: 900; - /* -webkit-transition: max-width 500ms ease; */ - /* -moz-transition: max-width 500ms ease; */ - /* -ms-transition: max-width 500ms ease; */ - /* -o-transition: max-width 500ms ease; */ - /* transition: max-width 500ms ease; */ + position: absolute; + left: 0px; + top: 0; + height: 15px; + line-height: 15px; + max-width: 0; + font-size: 14px; + color: #ffffff; + font-weight: 800; + overflow: hidden; + background: transparent; + text-align: center; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + /* -webkit-transition: max-width 500ms ease; */ + /* -moz-transition: max-width 500ms ease; */ + /* -ms-transition: max-width 500ms ease; */ + /* -o-transition: max-width 500ms ease; */ + /* transition: max-width 500ms ease; */ } -.styled-form .form-group .radio-box input[type="radio"] { - display: none; +.styled-form .form-group .radio-box input[type=radio] { + display: none; } -.styled-form .form-group .radio-box input[type="radio"]:checked + label:before{ - border: 5px solid var(--brand-primary); - background: #ffffff; +.styled-form .form-group .radio-box input[type=radio]:checked + label:before { + border: 5px solid var(--brand-primary); + background: #ffffff; } -.styled-form .form-group .radio-box input[type="radio"]:checked + label:after { - max-width: 20px; - opacity: 1; +.styled-form .form-group .radio-box input[type=radio]:checked + label:after { + max-width: 20px; + opacity: 1; } -.styled-form .forgot{ - position:relative; - font-weight:400; - color:#a6a6a6; - font-size:14px; - margin-top:10px; - text-decoration:underline; - font-family: 'Roboto Condensed' ; +.styled-form .forgot { + position: relative; + font-weight: 400; + color: #a6a6a6; + font-size: 14px; + margin-top: 10px; + text-decoration: underline; + font-family: "Roboto Condensed"; } -.styled-form .theme-btn{ - border-radius:50px; - margin-bottom:15px; - width:100%; - cursor:pointer; +.styled-form .theme-btn { + border-radius: 50px; + margin-bottom: 15px; + width: 100%; + cursor: pointer; } /*** @@ -6463,200 +6517,198 @@ img{ ==================================================================== ***/ - -.privacy-section{ - position:relative; - padding:95px 0px 80px; +.privacy-section { + position: relative; + padding: 95px 0px 80px; } -.privacy-section .upper-section{ - position:relative; - margin-bottom:40px; - border-bottom:1px solid #f2f2f2; +.privacy-section .upper-section { + position: relative; + margin-bottom: 40px; + border-bottom: 1px solid #f2f2f2; } -.privacy-section .upper-section .content-column{ - position:relative; +.privacy-section .upper-section .content-column { + position: relative; } -.privacy-section .upper-section .content-column .inner-column{ - position:relative; - padding-right:20px; +.privacy-section .upper-section .content-column .inner-column { + position: relative; + padding-right: 20px; } -.privacy-section h2{ - position:relative; - color:#2b2b2b; - font-weight:700; - line-height:1.3em; - margin-bottom:15px; +.privacy-section h2 { + position: relative; + color: #2b2b2b; + font-weight: 700; + line-height: 1.3em; + margin-bottom: 15px; } -.privacy-section .bold-text{ - position:relative; - color:#2b2b2b; - font-size:17px; - line-height:1.8em; - margin-bottom:20px; - font-family: 'Roboto Condensed' ; +.privacy-section .bold-text { + position: relative; + color: #2b2b2b; + font-size: 17px; + line-height: 1.8em; + margin-bottom: 20px; + font-family: "Roboto Condensed"; } -.privacy-section .upper-section .content-column .date{ - position:relative; - color:var(--brand-primary); - font-size:18px; - margin-bottom:20px; - padding-bottom:15px; - border-bottom:1px solid #f2f2f2; - font-family: 'Roboto Condensed' ; +.privacy-section .upper-section .content-column .date { + position: relative; + color: var(--brand-primary); + font-size: 18px; + margin-bottom: 20px; + padding-bottom: 15px; + border-bottom: 1px solid #f2f2f2; + font-family: "Roboto Condensed"; } -.privacy-section p{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; - margin-bottom:20px; +.privacy-section p { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; + margin-bottom: 20px; } -.privacy-section h3{ - position:relative; - color:#2b2b2b; - font-weight:700; - line-height:1.3em; - margin-bottom:15px; +.privacy-section h3 { + position: relative; + color: #2b2b2b; + font-weight: 700; + line-height: 1.3em; + margin-bottom: 15px; } -.privacy-section .upper-section .image-column{ - position:relative; +.privacy-section .upper-section .image-column { + position: relative; } -.privacy-section .upper-section .image-column .inner-column{ - position:relative; +.privacy-section .upper-section .image-column .inner-column { + position: relative; } -.privacy-section .privacy-content{ - position:relative; - padding-bottom:15px; - margin-bottom:35px; - border-bottom:1px solid #f2f2f2; +.privacy-section .privacy-content { + position: relative; + padding-bottom: 15px; + margin-bottom: 35px; + border-bottom: 1px solid #f2f2f2; } -.privacy-section .privacy-content:last-child{ - border-bottom:0px; - margin-bottom:0px; - padding-bottom:0px; +.privacy-section .privacy-content:last-child { + border-bottom: 0px; + margin-bottom: 0px; + padding-bottom: 0px; } -.privacy-section .privacy-list{ - position:relative; - text-align:left; - margin-left:22px; +.privacy-section .privacy-list { + position: relative; + text-align: left; + margin-left: 22px; } -.privacy-section .privacy-list li{ - position:relative; - margin-bottom:12px; - color:#5a5a5a; - font-size:16px; - font-weight:400; - padding-left:26px; - line-height:1.7em; +.privacy-section .privacy-list li { + position: relative; + margin-bottom: 12px; + color: #5a5a5a; + font-size: 16px; + font-weight: 400; + padding-left: 26px; + line-height: 1.7em; } -.privacy-section .privacy-list li:before{ - position:absolute; - content:''; - left:0px; - top:10px; - width:7px; - height:7px; - border-radius:50px; - background-color:var(--brand-primary); +.privacy-section .privacy-list li:before { + position: absolute; + content: ""; + left: 0px; + top: 10px; + width: 7px; + height: 7px; + border-radius: 50px; + background-color: var(--brand-primary); } /*Comming Soon*/ - -.comming-soon{ - position:fixed; - width:100%; - height:100%; - display:block; - overflow-y:auto; - background-image: linear-gradient(to right, #6a15d0, #5f2cc3, #5637b5, #513fa6, #4e4595); +.comming-soon { + position: fixed; + width: 100%; + height: 100%; + display: block; + overflow-y: auto; + background-image: linear-gradient(to right, #6a15d0, #5f2cc3, #5637b5, #513fa6, #4e4595); } -.comming-soon:before{ - position:absolute; - content:''; - left:0px; - top:0px; - right:0px; - bottom:0px; - background:url(../images/background/pattern-15.png) no-repeat; - background-size:cover; +.comming-soon:before { + position: absolute; + content: ""; + left: 0px; + top: 0px; + right: 0px; + bottom: 0px; + background: url(../images/background/pattern-15.png) no-repeat; + background-size: cover; } -.comming-soon .content{ - position: absolute; - left: 0px; - top: 0px; - width: 100%; - height: 100%; - display: table; - text-align:center; - vertical-align: middle; +.comming-soon .content { + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + display: table; + text-align: center; + vertical-align: middle; } -.comming-soon .content .content-inner{ - position: relative; - padding: 50px 15px; - display: table-cell; - vertical-align: middle; +.comming-soon .content .content-inner { + position: relative; + padding: 50px 15px; + display: table-cell; + vertical-align: middle; } -.comming-soon .content .content-inner .miss{ - position:relative; - margin-top:60px; - color:#e1e1e1; - font-size:18px; - margin-bottom:30px; - font-family: 'Roboto Condensed' ; +.comming-soon .content .content-inner .miss { + position: relative; + margin-top: 60px; + color: #e1e1e1; + font-size: 18px; + margin-bottom: 30px; + font-family: "Roboto Condensed"; } -.comming-soon .content .content-inner .logo{ - position: relative; - margin-bottom:50px; +.comming-soon .content .content-inner .logo { + position: relative; + margin-bottom: 50px; } -.comming-soon .content .content-inner h2{ - position:relative; - color:#ffffff; - font-size:120px; - font-weight:500; - line-height:1.2em; - margin-bottom:10px; - text-transform:uppercase; +.comming-soon .content .content-inner h2 { + position: relative; + color: #ffffff; + font-size: 120px; + font-weight: 500; + line-height: 1.2em; + margin-bottom: 10px; + text-transform: uppercase; } -.comming-soon .content .content-inner .text{ - position:relative; - color:#e1e1e1; - font-size:16px; - font-weight:400; - line-height:1.6em; - margin-top:0px; - margin-bottom:60px; - letter-spacing:1px; +.comming-soon .content .content-inner .text { + position: relative; + color: #e1e1e1; + font-size: 16px; + font-weight: 400; + line-height: 1.6em; + margin-top: 0px; + margin-bottom: 60px; + letter-spacing: 1px; } -.comming-soon .newsletter-form{ - max-width:530px; - margin:0 auto; +.comming-soon .newsletter-form { + max-width: 530px; + margin: 0 auto; } -.comming-soon .newsletter-form .form-group input{ - color:#ffffff; +.comming-soon .newsletter-form .form-group input { + color: #ffffff; } /*** @@ -6666,70 +6718,69 @@ img{ ==================================================================== ***/ - -.time-counter{ - position:relative; +.time-counter { + position: relative; } -.time-counter .time-countdown{ - position:relative; - display:inline-block; - border-radius:20px; +.time-counter .time-countdown { + position: relative; + display: inline-block; + border-radius: 20px; } -.time-counter .time-countdown .counter-column{ - position:relative; - margin-left:20px; - width:140px; - height:140px; - text-align:left; - display:inline-block; - padding:30px 0px 10px; - color:#d4d3d9; - font-size:24px; - line-height:30px; - text-align:center; - text-transform:uppercase; - font-weight:300; - border-radius:8px; - margin-bottom:25px; - font-family: 'Roboto Condensed' ; +.time-counter .time-countdown .counter-column { + position: relative; + margin-left: 20px; + width: 140px; + height: 140px; + text-align: left; + display: inline-block; + padding: 30px 0px 10px; + color: #d4d3d9; + font-size: 24px; + line-height: 30px; + text-align: center; + text-transform: uppercase; + font-weight: 300; + border-radius: 8px; + margin-bottom: 25px; + font-family: "Roboto Condensed"; } -.time-counter .time-countdown .counter-column .count{ - position:relative; - display:block; - font-size:66px; - line-height:40px; - padding:40px 30px; - color:#ffffff; - letter-spacing:1px; - font-weight:600; - margin-bottom:25px; - border-radius:10px; - background-color:rgba(255,255,255,0.10); +.time-counter .time-countdown .counter-column .count { + position: relative; + display: block; + font-size: 66px; + line-height: 40px; + padding: 40px 30px; + color: #ffffff; + letter-spacing: 1px; + font-weight: 600; + margin-bottom: 25px; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.1); } -.comming-soon .social-box{ - position:relative; - margin-top:50px; +.comming-soon .social-box { + position: relative; + margin-top: 50px; } -.comming-soon .social-box a{ - position:relative; - color:#ffffff; - font-size:16px; - margin:0px 8px; - display:inline-block; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.comming-soon .social-box a { + position: relative; + color: #ffffff; + font-size: 16px; + margin: 0px 8px; + display: inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.comming-soon .social-box a:hover{ - color:var(--brand-primary); +.comming-soon .social-box a:hover { + color: var(--brand-primary); } /*** @@ -6739,93 +6790,91 @@ img{ ==================================================================== ***/ - -.error-section{ - position:relative; - text-align:center; - padding-bottom:100px; +.error-section { + position: relative; + text-align: center; + padding-bottom: 100px; } -.error-section .theme-btn{ - position:relative; - margin-top:40px; +.error-section .theme-btn { + position: relative; + margin-top: 40px; } /* Contact Form */ - -.contact-form{ - position:relative; +.contact-form { + position: relative; } -.contact-form .form-group{ - position:relative; - margin-bottom:25px; +.contact-form .form-group { + position: relative; + margin-bottom: 25px; } -.contact-form .form-group label{ - position:relative; - color:#5a5a5a; - font-size:16px; - margin-bottom:15px; +.contact-form .form-group label { + position: relative; + color: #5a5a5a; + font-size: 16px; + margin-bottom: 15px; } -.contact-form .form-group input{ - position:relative; - height:50px; - padding:6px 30px; - width:100%; - color:var(--brand-secondary); - border-radius:50px; - border:1px solid #f2f2f2; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - font-family: 'Roboto Condensed' ; +.contact-form .form-group input { + position: relative; + height: 50px; + padding: 6px 30px; + width: 100%; + color: var(--brand-secondary); + border-radius: 50px; + border: 1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: "Roboto Condensed"; } .contact-form .form-group textarea:focus, -.contact-form .form-group input:focus{ - border-color:var(--brand-primary); +.contact-form .form-group input:focus { + border-color: var(--brand-primary); } -.contact-form .form-group textarea{ - position:relative; - height:150px; - width:100%; - resize:none; - padding:15px 30px; - border-radius:20px; - border:1px solid #f2f2f2; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ - font-family: 'Roboto Condensed' ; +.contact-form .form-group textarea { + position: relative; + height: 150px; + width: 100%; + resize: none; + padding: 15px 30px; + border-radius: 20px; + border: 1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: "Roboto Condensed"; } -.contact-form .form-group button{ - border-radius:50px; - width:100%; +.contact-form .form-group button { + border-radius: 50px; + width: 100%; } .contact-form input.error, .contact-form select.error, -.contact-form textarea.error{ - border-color:#ff0000 !important; +.contact-form textarea.error { + border-color: #ff0000 !important; } -.contact-form label.error{ - display:block; - line-height:24px; - padding:5px 0px 0px; - margin:0px; - text-transform:uppercase; - font-size:12px; - color:#ff0000; - font-weight:500; +.contact-form label.error { + display: block; + line-height: 24px; + padding: 5px 0px 0px; + margin: 0px; + text-transform: uppercase; + font-size: 12px; + color: #ff0000; + font-weight: 500; } /*** @@ -6835,76 +6884,75 @@ img{ ==================================================================== ***/ - -.contact-info-section{ - position:relative; - padding:90px 0px 60px; +.contact-info-section { + position: relative; + padding: 90px 0px 60px; } -.contact-info-section .inner-container{ - position:relative; - max-width:890px; - margin:0 auto; +.contact-info-section .inner-container { + position: relative; + max-width: 890px; + margin: 0 auto; } -.contact-info-section .info-column{ - position:relative; - margin-bottom:30px; +.contact-info-section .info-column { + position: relative; + margin-bottom: 30px; } -.contact-info-section .info-column .inner-column{ - position:relative; - padding-left:30px; +.contact-info-section .info-column .inner-column { + position: relative; + padding-left: 30px; } -.contact-info-section .info-column .inner-column .icon{ - position:absolute; - left:0px; - top:0px; - color:var(--brand-primary); - font-size:16px; - line-height:1em; +.contact-info-section .info-column .inner-column .icon { + position: absolute; + left: 0px; + top: 0px; + color: var(--brand-primary); + font-size: 16px; + line-height: 1em; } -.contact-info-section .info-column strong{ - position:relative; - color:#2b2b2b; - font-size:18px; - font-weight:700; - font-family: 'Roboto Condensed' ; +.contact-info-section .info-column strong { + position: relative; + color: #2b2b2b; + font-size: 18px; + font-weight: 700; + font-family: "Roboto Condensed"; } -.contact-info-section .info-column ul{ - position:relative; - margin-top:15px; +.contact-info-section .info-column ul { + position: relative; + margin-top: 15px; } -.contact-info-section .info-column ul li{ - position:relative; - margin-bottom:5px; +.contact-info-section .info-column ul li { + position: relative; + margin-bottom: 5px; } -.contact-info-section .info-column ul li a{ - position:relative; - color:#5a5a5a; - font-size:15px; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.contact-info-section .info-column ul li a { + position: relative; + color: #5a5a5a; + font-size: 15px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } -.contact-info-section .info-column ul li a:hover{ - color:var(--brand-primary); +.contact-info-section .info-column ul li a:hover { + color: var(--brand-primary); } -.contact-info-section .info-column .text{ - position:relative; - color:#5a5a5a; - font-size:15px; - line-height:1.8em; - margin-top:10px; +.contact-info-section .info-column .text { + position: relative; + color: #5a5a5a; + font-size: 15px; + line-height: 1.8em; + margin-top: 10px; } /*** @@ -6914,14 +6962,13 @@ img{ ==================================================================== ***/ - -.blog-page-section{ - position:relative; - padding:95px 0px 40px; +.blog-page-section { + position: relative; + padding: 95px 0px 40px; } -.blog-page-section .styled-pagination{ - margin-top:35px; +.blog-page-section .styled-pagination { + margin-top: 35px; } /*** @@ -6931,111 +6978,110 @@ img{ ==================================================================== ***/ - -.styled-pagination{ - position:relative; - z-index:1; +.styled-pagination { + position: relative; + z-index: 1; } -.styled-pagination li{ - position:relative; - margin:0px 10px; - display:inline-block; +.styled-pagination li { + position: relative; + margin: 0px 10px; + display: inline-block; } -.styled-pagination li a{ - position:relative; - color:#5a5a5a; - font-size:18px; - font-weight:400; - display:inline-block; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ - font-family: 'Roboto Condensed' ; +.styled-pagination li a { + position: relative; + color: #5a5a5a; + font-size: 18px; + font-weight: 400; + display: inline-block; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ + font-family: "Roboto Condensed"; } .styled-pagination li.active a, -.styled-pagination li:hover a{ - color:var(--brand-primary); +.styled-pagination li:hover a { + color: var(--brand-primary); } -.styled-pagination li.prev{ - position:absolute; - left:0px; - top:-12px; - margin-left:0px; +.styled-pagination li.prev { + position: absolute; + left: 0px; + top: -12px; + margin-left: 0px; } -.styled-pagination li.prev a{ - position:relative; - color:var(--dark); - font-size:18px; - width:160px; - height:48px; - text-align:center; - line-height:28px; - display:inline-block; - padding:10px 20px; - border-radius:50px; - margin-bottom:20px; - border:1px solid var(--dark); - font-family: 'Roboto Condensed'; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.styled-pagination li.prev a { + position: relative; + color: var(--dark); + font-size: 18px; + width: 160px; + height: 48px; + text-align: center; + line-height: 28px; + display: inline-block; + padding: 10px 20px; + border-radius: 50px; + margin-bottom: 20px; + border: 1px solid var(--dark); + font-family: "Roboto Condensed"; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.styled-pagination li.prev a:hover{ - color:#ffffff; - border-color:var(--brand-primary); - background-color:var(--brand-primary); +.styled-pagination li.prev a:hover { + color: #ffffff; + border-color: var(--brand-primary); + background-color: var(--brand-primary); } -.styled-pagination li.next{ - position:absolute; - right:0px; - top:-12px; - margin-right:0px; +.styled-pagination li.next { + position: absolute; + right: 0px; + top: -12px; + margin-right: 0px; } -.styled-pagination li.next a{ - position:relative; - right:0px; - top:0px; - color:var(--dark); - font-size:18px; - width:160px; - height:48px; - text-align:center; - line-height:26px; - display:inline-block; - padding:10px 20px; - border-radius:50px; - margin-bottom:20px; - border:1px solid var(--dark); - font-family: 'Roboto Condensed'; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.styled-pagination li.next a { + position: relative; + right: 0px; + top: 0px; + color: var(--dark); + font-size: 18px; + width: 160px; + height: 48px; + text-align: center; + line-height: 26px; + display: inline-block; + padding: 10px 20px; + border-radius: 50px; + margin-bottom: 20px; + border: 1px solid var(--dark); + font-family: "Roboto Condensed"; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.styled-pagination li.next a:hover{ - color:#ffffff; - border-color:var(--brand-primary); - background-color:var(--brand-primary); +.styled-pagination li.next a:hover { + color: #ffffff; + border-color: var(--brand-primary); + background-color: var(--brand-primary); } .styled-pagination li.prev a:hover, -.styled-pagination li.next a:hover{ - border-color:var(--brand-primary); - background-color:var(--brand-primary); +.styled-pagination li.next a:hover { + border-color: var(--brand-primary); + background-color: var(--brand-primary); } /*** @@ -7045,626 +7091,545 @@ img{ ==================================================================== ***/ - -.sidebar-page-container{ - position:relative; - padding: 0; +.sidebar-page-container { + position: relative; + padding: 0; } .sidebar-page-container .content-side, -.sidebar-page-container .sidebar-side{ - margin-bottom:40px; +.sidebar-page-container .sidebar-side { + margin-bottom: 40px; } -.sidebar-widget{ - margin-bottom:40px; +.sidebar-widget { + margin-bottom: 40px; } /*Search Box Widget*/ - -.sidebar .search-box .form-group{ - position:relative; - margin:0px; +.sidebar .search-box .form-group { + position: relative; + margin: 0px; } -.sidebar .search-box .form-group input[type="text"], -.sidebar .search-box .form-group input[type="search"]{ - position:relative; - line-height:30px; - padding:10px 50px 10px 30px; - background:#eef1f9; - display:block; - font-size:15px; - width:100%; - height:48px; - color:#797979; - font-weight:400; - border-radius:50px; - /* transition:all 500ms ease; */ - /* -moz-transition:all 500ms ease; */ - /* -webkit-transition:all 500ms ease; */ - /* -ms-transition:all 500ms ease; */ - /* -o-transition:all 500ms ease; */ +.sidebar .search-box .form-group input[type=text], +.sidebar .search-box .form-group input[type=search] { + position: relative; + line-height: 30px; + padding: 10px 50px 10px 30px; + background: #eef1f9; + display: block; + font-size: 15px; + width: 100%; + height: 48px; + color: #797979; + font-weight: 400; + border-radius: 50px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ } .sidebar .search-box .form-group textarea::-webkit-input-placeholder, -.sidebar .search-box .form-group input::-webkit-input-placeholder{ - color:#797979; +.sidebar .search-box .form-group input::-webkit-input-placeholder { + color: #797979; } -.sidebar .search-box .form-group button{ - position:absolute; - right:5px; - top:6px; - height:36px; - width:36px; - display:block; - font-size:14px; - color:#ffffff; - cursor:pointer; - line-height:34px; - border-radius:50px; - line-height:100%; - font-weight:normal; - background-color:var(--brand-primary); +.sidebar .search-box .form-group button { + position: absolute; + right: 5px; + top: 6px; + height: 36px; + width: 36px; + display: block; + font-size: 14px; + color: #ffffff; + cursor: pointer; + line-height: 34px; + border-radius: 50px; + line-height: 100%; + font-weight: normal; + background-color: var(--brand-primary); } /*Sidebar Title*/ - -.sidebar-title{ - position: relative; - margin-bottom:0px; - padding:14px 20px; - display:block; - border-radius:8px; - background-color:#eef1f9; +.sidebar-title { + position: relative; + margin-bottom: 0px; + padding: 14px 20px; + display: block; + border-radius: 8px; + background-color: #eef1f9; } -.sidebar-title h4{ - color: #2b2b2b; - font-weight: 700; - line-height: 1.2em; - text-transform: capitalize; +.sidebar-title h4 { + color: #2b2b2b; + font-weight: 700; + line-height: 1.2em; + text-transform: capitalize; } /* Sticky Top */ - -.sticky-top{ - top:110px; - z-index:1; +.sticky-top { + top: 110px; + z-index: 1; } -.sidebar .news-widget{ - position:relative; - margin-bottom:30px; - border-radius:10px; - box-shadow:0px 0px 15px rgba(0,0,0,0.10); +.sidebar .news-widget { + position: relative; + margin-bottom: 30px; + border-radius: 10px; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } -.sidebar .news-widget .inner-box{ - position:relative; - overflow:hidden; - border-radius:10px; +.sidebar .news-widget .inner-box { + position: relative; + overflow: hidden; + border-radius: 10px; } -.sidebar .news-widget .inner-box .image{ - position:relative; - overflow:hidden; - border-radius:10px; +.sidebar .news-widget .inner-box .image { + position: relative; + overflow: hidden; + border-radius: 10px; } -.sidebar .news-widget .inner-box .image img{ - position:relative; - width:100%; - border-radius:10px; - /* -webkit-transition: all 600ms ease; */ - /* -moz-transition: all 600ms ease; */ - /* -ms-transition: all 600ms ease; */ - /* -o-transition: all 600ms ease; */ - /* transition: all 600ms ease; */ +.sidebar .news-widget .inner-box .image img { + position: relative; + width: 100%; + border-radius: 10px; + /* -webkit-transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ + /* transition: all 600ms ease; */ } .sidebar .news-widget .inner-box:hover .image { - background-color: var(--brand-primary); - transition: 0.4s ease-in; + background-color: var(--brand-primary); + transition: 0.4s ease-in; } -.sidebar .news-widget .inner-box:hover .image img{ - transform:scale(1.04,1.04); - opacity:0.5; +.sidebar .news-widget .inner-box:hover .image img { + transform: scale(1.04, 1.04); + opacity: 0.5; } -.sidebar .news-widget .inner-box .lower-content{ - position:relative; - padding:30px 30px 30px; +.sidebar .news-widget .inner-box .lower-content { + position: relative; + padding: 30px 30px 30px; } -.sidebar .news-widget .inner-box .lower-content h5{ - position:relative; - line-height:1.3em; - font-weight:700; - margin-bottom:12px; +.sidebar .news-widget .inner-box .lower-content h5 { + position: relative; + line-height: 1.3em; + font-weight: 700; + margin-bottom: 12px; } -.sidebar .news-widget .inner-box .lower-content h5 a{ - position:relative; - color:#2b2b2b; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.sidebar .news-widget .inner-box .lower-content h5 a { + position: relative; + color: #2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.sidebar .news-widget .inner-box .lower-content h5 a:hover{ - color:var(--brand-primary); +.sidebar .news-widget .inner-box .lower-content h5 a:hover { + color: var(--brand-primary); } -.sidebar .news-widget .inner-box .lower-content .text{ - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; - margin-bottom:15px; +.sidebar .news-widget .inner-box .lower-content .text { + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; + margin-bottom: 15px; } -.sidebar .news-widget .inner-box .lower-content .learn{ - position:relative; - color:var(--brand-primary); - font-size:18px; - text-decoration:underline; - text-transform:capitalize; - font-family: 'Roboto Condensed' ; - /* -webkit-transition:all 300ms ease; */ - /* -ms-transition:all 300ms ease; */ - /* -o-transition:all 300ms ease; */ - /* -moz-transition:all 300ms ease; */ - /* transition:all 300ms ease; */ +.sidebar .news-widget .inner-box .lower-content .learn { + position: relative; + color: var(--brand-primary); + font-size: 18px; + text-decoration: underline; + text-transform: capitalize; + font-family: "Roboto Condensed"; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ } -.sidebar .news-widget .inner-box .lower-content .learn:hover{ - text-decoration:underline; - color:#000000; -} - -/*Post Widget*/ - -.popular-posts .post{ - position:relative; - font-size:14px; - color:#666666; - min-height:130px; - padding:22px 20px; - margin-bottom:20px; - box-shadow:0px 0px 10px rgba(0,0,0,0.10); -} - -.popular-posts .post .post-inner{ - position:relative; - padding-left:120px; -} - -.popular-posts .post .post-thumb{ - position:absolute; - left:0px; - top:0px; - width:80px; - height:80px; -} - -.popular-posts .post .post-thumb img{ - display:block; - width:100%; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ -} - -.popular-posts .post .text{ - position:relative; - top:0px; - font-size:20px; - margin:0px 0px 3px; - font-weight:700; - color:#2b2b2b; - line-height:1.5em; - text-transform:capitalize; - font-family: 'Roboto Condensed' ; -} - -.popular-posts .post .text a{ - color:#2b2b2b; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ -} - -.popular-posts .post a:hover{ - color:var(--brand-primary); -} - -.popular-posts .title{ - position:relative; - font-size:14px; - color:#5a5a5a; - font-weight:400; -} - -.popular-posts .learn-more{ - position:relative; - font-size:18px; - color:var(--brand-primary); - font-weight:400; - text-decoration:underline; +.sidebar .news-widget .inner-box .lower-content .learn:hover { + text-decoration: underline; + color: #000000; } /* Categories Widget */ - -.categories-widget .widget-content{ - position:relative; - padding:25px 30px; - border-radius:8px; - box-shadow:0px 0px 15px rgba(0,0,0,0.10); +.categories-widget .widget-content { + position: relative; + padding: 25px 30px; + border-radius: 8px; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } -.categories-widget ul{ - position:relative; +.categories-widget ul { + position: relative; } -.categories-widget ul li{ - position:relative; - padding-left:22px; - margin-bottom:8px; +.categories-widget ul li { + position: relative; + padding-left: 22px; + margin-bottom: 8px; } -.categories-widget ul li:before{ - position:absolute; - content:''; - left:0px; - top:8px; - width:6px; - height:6px; - border-radius:50px; - background-color:var(--brand-primary); +.categories-widget ul li:before { + position: absolute; + content: ""; + left: 0px; + top: 8px; + width: 6px; + height: 6px; + border-radius: 50px; + background-color: var(--brand-primary); } -.categories-widget ul li a{ - position:relative; - color:#2b2b2b; - font-size:16px; - font-weight:500; - font-family: 'Roboto Condensed' ; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ +.categories-widget ul li a { + position: relative; + color: #2b2b2b; + font-size: 16px; + font-weight: 500; + font-family: "Roboto Condensed"; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ } -.categories-widget ul li a:hover{ - color:var(--brand-primary); +.categories-widget ul li a:hover { + color: var(--brand-primary); } /* Tags */ - -.tags-widget .widget-content{ - position:relative; - padding:25px 30px; - border-radius:8px; - box-shadow:0px 0px 15px rgba(0,0,0,0.10); +.tags-widget .widget-content { + position: relative; + padding: 25px 30px; + border-radius: 8px; + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } -.tags-widget ul{ - position:relative; +.tags-widget ul { + position: relative; } -.tags-widget ul li{ - position:relative; - padding-left:22px; - margin-bottom:12px; - margin-right:20px; - display:inline-block; +.tags-widget ul li { + position: relative; + padding-left: 22px; + margin-bottom: 12px; + margin-right: 20px; + display: inline-block; } -.tags-widget ul li:before{ - position:absolute; - content:''; - left:0px; - top:8px; - width:6px; - height:6px; - border-radius:50px; - background-color:var(--brand-primary); +.tags-widget ul li:before { + position: absolute; + content: ""; + left: 0px; + top: 8px; + width: 6px; + height: 6px; + border-radius: 50px; + background-color: var(--brand-primary); } -.tags-widget ul li a{ - position:relative; - color:#2b2b2b; - font-size:16px; - font-weight:500; - font-family: 'Roboto Condensed' ; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ +.tags-widget ul li a { + position: relative; + color: #2b2b2b; + font-size: 16px; + font-weight: 500; + font-family: "Roboto Condensed"; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ } -.tags-widget ul li a:hover{ - color:var(--brand-primary); +.tags-widget ul li a:hover { + color: var(--brand-primary); } -.news-block-two{ - position:relative; - margin-bottom:40px; +.news-block-two { + position: relative; + margin-bottom: 40px; } -.news-block-two .inner-box{ - position:relative; - overflow:hidden; - border-radius:10px; - box-shadow:0px 0px 20px rgba(0,0,0,0.10); +.news-block-two .inner-box { + position: relative; + overflow: hidden; + border-radius: 10px; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } -.news-block-two .inner-box .upper-box{ - position: relative; - padding: 30px 40px; +.news-block-two .inner-box .upper-box { + position: relative; + padding: 30px 40px; } -.news-block-two .inner-box .upper-box .category{ - position:relative; - color:#5a5a5a; - font-size:16px; +.news-block-two .inner-box .upper-box .category { + position: relative; + color: #5a5a5a; + font-size: 16px; } -.news-block-two .inner-box .upper-box h4{ - position:relative; - line-height:1.3em; - font-weight:700; - margin-top:8px; +.news-block-two .inner-box .upper-box h4 { + position: relative; + line-height: 1.3em; + font-weight: 700; + margin-top: 8px; } -.news-block-two .inner-box .upper-box h4 a{ - position:relative; - color: var(--dark); - transition:all 0.3s ease; - -moz-transition:all 0.3s ease; - -webkit-transition:all 0.3s ease; - -ms-transition:all 0.3s ease; - -o-transition:all 0.3s ease; +.news-block-two .inner-box .upper-box h4 a { + position: relative; + color: var(--dark); + transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + -ms-transition: all 0.3s ease; + -o-transition: all 0.3s ease; } -.news-block-two .inner-box .upper-box h4 a:hover{ - color:var(--brand-primary); +.news-block-two .inner-box .upper-box h4 a:hover { + color: var(--brand-primary); } -.news-block-two .inner-box .upper-box h2{ - position:relative; - line-height:1.3em; - font-weight:700; - margin-top:8px; - color: var(--dark); +.news-block-two .inner-box .upper-box h2 { + position: relative; + line-height: 1.3em; + font-weight: 700; + margin-top: 8px; + color: var(--dark); } -.news-block-two .inner-box .image{ - position:relative; - overflow:hidden; - border-radius:10px; +.news-block-two .inner-box .image { + position: relative; + overflow: hidden; + border-radius: 10px; } -.news-block-two .inner-box .image img{ - position:relative; - width:100%; - border-radius:10px; - -webkit-transition: all 600ms ease; - -moz-transition: all 600ms ease; - -ms-transition: all 600ms ease; - -o-transition: all 600ms ease; - transition: all 600ms ease; +.news-block-two .inner-box .image img { + position: relative; + width: 100%; + border-radius: 10px; + -webkit-transition: all 600ms ease; + -moz-transition: all 600ms ease; + -ms-transition: all 600ms ease; + -o-transition: all 600ms ease; + transition: all 600ms ease; } .news-block-two .inner-box:hover .image { - background-color: var(--brand-primary); - transition: 0.4s ease-in; + background-color: var(--brand-primary); + transition: 0.4s ease-in; } -.news-block-two .inner-box:hover .image img{ - transform:scale(1.04,1.04); - opacity:0.5; +.news-block-two .inner-box:hover .image img { + transform: scale(1.04, 1.04); + opacity: 0.5; } -.news-block-two .inner-box .lower-box{ - position:relative; - padding:20px 40px 20px; +.news-block-two .inner-box .lower-box { + position: relative; + padding: 20px 40px 20px; } -.news-block-two .inner-box .post-meta{ - position:relative; - margin-top:17px; +.news-block-two .inner-box .post-meta { + position: relative; + margin-top: 17px; } -.news-block-two .inner-box .post-meta li{ - position:relative; - margin-right:20px; - color:#5a5a5a; - font-size:16px; - display:inline-block; - vertical-align: middle; +.news-block-two .inner-box .post-meta li { + position: relative; + margin-right: 20px; + color: #5a5a5a; + font-size: 16px; + display: inline-block; + vertical-align: middle; } -.news-block-two .inner-box .post-meta li .icon{ - position:relative; - margin-right:10px; +.news-block-two .inner-box .post-meta li .icon { + position: relative; + margin-right: 10px; } -.news-block-two .inner-box .post-meta li:last-child{ - margin-right:0px; +.news-block-two .inner-box .post-meta li:last-child { + margin-right: 0px; } /* Blog Detail */ - -.blog-detail{ - position:relative; - margin-bottom:40px; +.blog-detail { + position: relative; + margin-bottom: 40px; } -.blog-detail .inner-box{ - position:relative; - overflow:hidden; - border-radius:10px; - padding-bottom:40px; - margin-bottom:60px; - box-shadow:0px 0px 20px rgba(0,0,0,0.10); +.blog-detail .inner-box { + position: relative; + overflow: hidden; + border-radius: 10px; + padding-bottom: 40px; + margin-bottom: 60px; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } -.blog-detail .inner-box .upper-box{ - position:relative; - padding:30px 60px; +.blog-detail .inner-box .upper-box { + position: relative; + padding: 30px 60px; } -.blog-detail .inner-box .upper-box .category{ - position:relative; - color:#5a5a5a; - font-size:16px; +.blog-detail .inner-box .upper-box .category { + position: relative; + color: #5a5a5a; + font-size: 16px; } -.blog-detail .inner-box .upper-box h4{ - position:relative; - line-height:1.3em; - font-weight:700; - margin-top:8px; +.blog-detail .inner-box .upper-box h4 { + position: relative; + line-height: 1.3em; + font-weight: 700; + margin-top: 8px; } -.blog-detail .inner-box .upper-box h4 a{ - position:relative; - color:#2b2b2b; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ +.blog-detail .inner-box .upper-box h4 a { + position: relative; + color: #2b2b2b; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ } -.blog-detail .inner-box .upper-box h4 a:hover{ - color:var(--brand-primary); +.blog-detail .inner-box .upper-box h4 a:hover { + color: var(--brand-primary); } -.blog-detail .inner-box .image{ - position:relative; - overflow:hidden; - background-color:var(--brand-primary); +.blog-detail .inner-box .image { + position: relative; + overflow: hidden; + background-color: var(--brand-primary); } -.blog-detail .inner-box .image img{ - position:relative; - width:100%; - /* -webkit-transition: all 600ms ease; */ - /* -moz-transition: all 600ms ease; */ - /* -ms-transition: all 600ms ease; */ - /* -o-transition: all 600ms ease; */ - /* transition: all 600ms ease; */ +.blog-detail .inner-box .image img { + position: relative; + width: 100%; + /* -webkit-transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ + /* transition: all 600ms ease; */ } -.blog-detail .inner-box .image:hover img{ - transform:scale(1.04,1.04); - opacity:0.5; +.blog-detail .inner-box .image:hover img { + transform: scale(1.04, 1.04); + opacity: 0.5; } -.blog-detail .inner-box .lower-box{ - position:relative; - padding:20px 0px 0px; +.blog-detail .inner-box .lower-box { + position: relative; + padding: 20px 0px 0px; } -.blog-detail .inner-box .lower-box .post-meta{ - position:relative; - padding-left:70px; - margin-top:17px; - margin-bottom:17px; +.blog-detail .inner-box .lower-box .post-meta { + position: relative; + padding-left: 70px; + margin-top: 17px; + margin-bottom: 17px; } -.blog-detail .inner-box .lower-box .post-meta li{ - position:relative; - margin-right:20px; - color:#5a5a5a; - font-size:16px; - display:inline-block; +.blog-detail .inner-box .lower-box .post-meta li { + position: relative; + margin-right: 20px; + color: #5a5a5a; + font-size: 16px; + display: inline-block; } -.blog-detail .inner-box .lower-box .post-meta li .icon{ - position:relative; - margin-right:10px; +.blog-detail .inner-box .lower-box .post-meta li .icon { + position: relative; + margin-right: 10px; } -.blog-detail .inner-box .lower-box .post-meta li:last-child{ - margin-right:0px; +.blog-detail .inner-box .lower-box .post-meta li:last-child { + margin-right: 0px; } .blog-detail .inner-box .lower-box article { - position:relative; - color:#5a5a5a; - font-size:16px; - line-height:1.8em; - margin-bottom:28px; - padding-left:70px; - padding-right:70px; + position: relative; + color: #5a5a5a; + font-size: 16px; + line-height: 1.8em; + margin-bottom: 28px; + padding-left: 70px; + padding-right: 70px; } -.blog-detail .inner-box .lower-box .column{ - margin-bottom:28px; +.blog-detail .inner-box .lower-box .column { + margin-bottom: 28px; } -.blog-detail .inner-box .post-share-options{ - position:relative; - text-align:center; +.blog-detail .inner-box .post-share-options { + position: relative; + text-align: center; } -.blog-detail .inner-box .post-share-options .social-box{ - position:relative; +.blog-detail .inner-box .post-share-options .social-box { + position: relative; } -.blog-detail .inner-box .post-share-options .social-box .share{ - position:relative; - font-size:1rem; +.blog-detail .inner-box .post-share-options .social-box .share { + position: relative; + font-size: 1rem; } -.blog-detail .inner-box .post-share-options .social-box .share i{ - position:relative; - margin-left:12px; +.blog-detail .inner-box .post-share-options .social-box .share i { + position: relative; + margin-left: 12px; } -.blog-detail .inner-box .post-share-options .social-box li{ - position:relative; - margin-left:20px; - display:inline-block; +.blog-detail .inner-box .post-share-options .social-box li { + position: relative; + margin-left: 20px; + display: inline-block; } -.blog-detail .inner-box .post-share-options .social-box li a{ - position:relative; - font-size:18px; - /* transition:all 0.3s ease; */ - /* -moz-transition:all 0.3s ease; */ - /* -webkit-transition:all 0.3s ease; */ - /* -ms-transition:all 0.3s ease; */ - /* -o-transition:all 0.3s ease; */ +.blog-detail .inner-box .post-share-options .social-box li a { + position: relative; + font-size: 18px; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ } -.blog-detail h2>a { - color: var(--dark); +.blog-detail h2 > a { + color: var(--dark); } -.blog-detail h2>a:hover { - color: var(--brand-primary); +.blog-detail h2 > a:hover { + color: var(--brand-primary); } .pull-left { - float: left; + float: left; } .pull-right { - float: right; + float: right; } +/*# sourceMappingURL=main.css.map */ diff --git a/qdrant-landing/themes/qdrant/static/css/main.scss b/qdrant-landing/themes/qdrant/static/css/main.scss new file mode 100644 index 000000000..30709946c --- /dev/null +++ b/qdrant-landing/themes/qdrant/static/css/main.scss @@ -0,0 +1,7598 @@ +/* Entropy App HTML Template */ + +/************ TABLE OF CONTENTS *************** + +1. Fonts +2. Reset +3. Global +4. Main Header / Style Two / Style Three +5. Banner Section / Style Two / Style Three +6. Optimized Section +7. Featured Section +8. Services Section / Section Two +9. Science Section +10. Magic Section +11. Projects Section / Section Two +12. News Section +13. Counter Section +14. Main Footer +15. Clients Section / Section Two +16. Inteligence Section / Section Two +17. Business Section / Section Two +18. API Section +19. Deliver Section +20. Work Section +21. About Section / Section Two +22. Page Title +23. Team Section +24. Faq's Section +25. Pricing Section +26. Error Section +27. Login Section +28. Register Section +29. Privacy Section +30. Comming Soon Section +31. Blog Widgets +32. Comments Forms +33. Map Section +34. Contact Form + +**********************************************/ + +@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto+Condensed:400,700,700i&display=swap'); + +/* font-family: 'Open Sans' ; + font-family: 'Roboto Condensed' ; +*/ + +@import url('font-awesome.css'); +/* @import url('animate.css'); */ +/* @import url('owl.css'); */ +/* @import url(swiper.css); */ +@import url('flaticon.css'); +/* @import url('jquery-ui.css'); */ +@import url('custom-animate.css'); +/* @import url('jquery.fancybox.min.css'); */ +/* @import url('jquery.bootstrap-touchspin.css'); */ +/* @import url('jquery.mCustomScrollbar.min.css'); */ +@import url('colors.css'); + +@import "blocks/copy-btn"; +@import "blocks/hero-code"; +@import "blocks/widget-header"; +@import "blocks/post-preview"; + +/*** + +==================================================================== + Reset +==================================================================== + +***/ + +* { + margin:0px; + padding:0px; + border:none; + outline:none; +} + +/*** + +==================================================================== + Global Settings +==================================================================== + + ***/ + +body { + font-family: 'Open Sans' ; + font-size:14px; + color:#777777; + line-height:1.7em; + font-weight:400; + background:#ffffff; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; +} + +.bordered-layout .page-wrapper{ + padding:0px 50px 0px; +} + +a{ + text-decoration:none; + cursor:pointer; + color:var(--brand-primary); +} + +a:hover{ + color: var(--brand-secondary); +} + +button, +a:hover,a:focus,a:visited{ + text-decoration:none; + outline:none !important; +} + +h1,h2,h3,h4,h5,h6 { + position:relative; + font-weight:normal; + margin:0px; + background:none; + line-height:1.6em; + font-family: 'Roboto Condensed' ; +} + +/* Typography */ + +h1{ + font-size:60px; +} + +h2{ + font-size:44px; +} + +h3{ + font-size:38px; +} + +h4{ + font-size:28px; +} + +h5{ + font-size:20px; +} + +h6{ + font-size:18px; +} + +input,button,select,textarea{ + +} + +textarea{ + +} + +p{ + position:relative; + line-height:1.8em; +} + +.auto-container{ + position:static; + max-width:1200px; + padding:0px 15px; + margin:0 auto; +} + +.medium-container{ + max-width:850px; +} + +.page-wrapper{ + position:relative; + margin:0 auto; + width:100%; + min-width:300px; +} + +ul,li{ + list-style:none; + padding:0px; + margin:0px; +} + +img{ + display:inline-block; + max-width:100%; +} + +.theme-btn{ + display:inline-block; + transition:all 0.3s ease; + -moz-transition:all 0.3s ease; + -webkit-transition:all 0.3s ease; + -ms-transition:all 0.3s ease; + -o-transition:all 0.3s ease; +} + +.centered{ + text-align:center; +} + +/* List Style One */ + +.list-style-one{ + position:relative; +} + +.list-style-one li{ + position:relative; + padding-left:35px; + color:#404040; + font-size:20px; + font-weight:600; + margin-bottom:20px; +} + +.list-style-one li:last-child{ + margin-bottom:0px; +} + +.list-style-one li:before{ + position:absolute; + content:'\f138'; + left:0px; + top:2px; + color:#2196f3; + font-size:20px; + font-family: "Flaticon"; +} + +/* Btn Style One */ + +.btn-style-one{ + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: #ffffff; + padding: 10px 44px 10px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius:50px; + background-color:var(--brand-primary); + border:1px solid var(--brand-primary); + text-transform: capitalize; + font-family: 'Roboto Condensed'; + box-shadow:0px 5px 10px rgba(0,0,0,0.10); +} + +.btn-style-one .txt{ + position:relative; + z-index:1; +} + +.btn-style-one:before{ + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; + opacity: 0; + background-color: #ffffff; + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + -o-transition: all 0.4s; + transition: all 0.4s; + -webkit-transform: scale(1, 0.5); + transform: scale(1, 0.5); +} + +.btn-style-one:hover::before{ + opacity: 1; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); +} + +.btn-style-one:hover{ + color: var(--brand-primary); + border-color:#ffffff; +} + +/* Btn Style Two */ + +.btn-style-two{ + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: #ffffff; + padding: 10px 44px 10px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius:50px; + background:none; + border:1px solid #ffffff; + text-transform: capitalize; + font-family: 'Roboto Condensed' ; +} + +.btn-style-two:before{ + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color: var(--brand-primary); + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +} + +.btn-style-two:hover::before{ + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; +} + +.btn-style-two .txt{ + position:relative; + z-index:1; +} + +.btn-style-two:hover{ + color:#ffffff; + border-color:var(--brand-primary); + -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10); + -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10); + -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10); + -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10); + box-shadow: 0 10px 30px rgba(0,0,0,0.10); +} + +/* Btn Style Three */ + +.btn-style-three{ + position: relative; + display: inline-block; + font-size: 18px; + line-height: 32px; + color: #ffffff; + padding: 12px 44px 12px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius:50px; + background-color:var(--brand-primary); + text-transform: capitalize; + font-family: 'Roboto Condensed' ; + -webkit-box-shadow: 0 10px 32px rgba(255,98,98,0.10); + -moz-box-shadow: 0 10px 32px rgba(255,98,98,0.10); + -ms-box-shadow: 0 10px 32px rgba(255,98,98,0.10); + -o-box-shadow: 0 10px 32px rgba(255,98,98,0.10); + box-shadow: 0 10px 32px rgba(255,98,98,0.10); +} + +.btn-style-three:before{ + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color: #2b2b2b; + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +} + +.btn-style-three:hover::before{ + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; +} + +.btn-style-three .txt{ + position:relative; + z-index:1; +} + +.btn-style-three:hover{ + color:#ffffff; +} + +/* Btn Style Four */ + +.btn-style-four{ + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: #ffffff; + padding: 10px 48px 10px; + font-weight: 400; + overflow: hidden; + background: none; + border-radius:0px; + background-color: var(--brand-secondary); + text-transform: capitalize; + font-family: 'Roboto Condensed' ; + -webkit-box-shadow: 0 10px 30px rgba(255,98,98,0.10); + -moz-box-shadow: 0 10px 30px rgba(255,98,98,0.10); + -ms-box-shadow: 0 10px 30px rgba(255,98,98,0.10); + -o-box-shadow: 0 10px 30px rgba(255,98,98,0.10); + box-shadow: 0 10px 30px rgba(255,98,98,0.10); +} + +.btn-style-four:before{ + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color:var(--brand-primary); + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +} + +.btn-style-four:hover::before{ + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; +} + +.btn-style-four .txt{ + position:relative; + z-index:1; +} + +.btn-style-four:hover{ + color:#ffffff; +} + +/* Btn Style Five */ + +.btn-style-five{ + position: relative; + display: inline-block; + font-size: 18px; + line-height: 30px; + color: var(--brand-primary); + font-weight: 400; + overflow: hidden; + background: none; + background:none; + border-radius:50px; + padding: 9px 44px 9px; + border:1px solid var(--brand-primary); + text-transform: capitalize; + font-family: 'Roboto Condensed' ; +} + +.btn-style-five:before{ + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + content: ""; + background-color: var(--brand-primary); + -webkit-transform: scale(0, 1); + -ms-transform: scale(0, 1); + transform: scale(0, 1); + -webkit-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); + -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); + transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); +} + +.btn-style-five:hover::before{ + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; +} + +.btn-style-five .txt{ + position:relative; + z-index:1; +} + +.btn-style-five:hover{ + color:#ffffff; + border-color:var(--brand-primary); +} + + + +/*Social Icon One*/ + +.social-icon-one{ + position:relative; +} + +.social-icon-one li{ + position:relative; + margin-right:7px; + color:var(--brand-secondary); + font-size:18px; + float:left; +} + +.social-icon-one li.facebook a:hover{ + background-color:#16599b; + color:#ffffff; +} + +.social-icon-one li.twitter a{ + color:#03a9f4; +} + +.social-icon-one li.twitter:hover a{ + background-color:#03a9f4; + color:#ffffff; +} + +.social-icon-one li.dribbble a{ + color:#ea4c89; +} + +.social-icon-one li.dribbble a:hover{ + color:#ffffff; + background-color:#ea4c89; +} + +.social-icon-one li.behance a{ + color:#0067ff; +} + +.social-icon-one li.behance a:hover{ + color:#ffffff; + background-color:#0067ff; +} + +.social-icon-one li a{ + position:relative; + font-size:14px; + color:#16599b; + width:30px; + height:30px; + line-height:30px; + text-align:center; + font-weight:400; + border-radius:50px; + display:inline-block; + background-color:#ffffff; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ +} + + +.theme_color{ + color:var(--brand-primary); +} + +.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:110px;} + +img{ + display:inline-block; + max-width:100%; + height:auto; +} + +/*** + +==================================================================== + Scroll To Top style +==================================================================== + +***/ + +.scroll-to-top{ + position:fixed; + bottom:15px; + right:15px; + width:60px; + height:60px; + color:#ffffff; + font-size:24px; + text-transform:uppercase; + line-height:60px; + text-align:center; + z-index:100; + cursor:pointer; + background:#0a0a0a; + display:none; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.scroll-to-top:hover{ + color:#ffffff; + background:var(--brand-primary); +} + +/*** + +==================================================================== + Section Title +==================================================================== + +***/ + +.sec-title{ + position:relative; + z-index:1; + margin-bottom:40px; +} + +.sec-title h2{ + position:relative; + color:#2b2a41; + font-weight:700; + line-height:1.2em; + margin-bottom:0px; +} + +.sec-title h2 span, +.sec-title h5 span{ + color:var(--brand-primary); +} + +.sec-title .text{ + position:relative; + font-size:16px; + line-height:1.8em; + color:#5a5a5a; + margin-top:12px; +} + +.sec-title.centered{ + text-align: center !important; +} + +.sec-title.light h2{ + color:#ffffff; +} + +.sec-title.light .text{ + color:#ffffff; +} + +.sec-title.style-two h2{ + font-weight:700; +} + +.sec-title.style-two h2 span{ + color:#ff5b00; +} + +/*** + +==================================================================== + Main Header style +==================================================================== + +***/ + +.main-header{ + position:absolute; + z-index:999; + width:100%; + -ms-animation-duration: 500ms; + -moz-animation-duration: 500ms; + -op-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; +} + +/* Header Top */ + +.main-header .header-top{ + position:relative; + padding:18px 0px; + border-bottom:1px solid rgba(255,255,255,0.10); +} + +.main-header .header-top .top-left{ + position: relative; +} + +.main-header .header-top .info-list{ + position:relative; + float:left; +} + +.main-header .header-top .info-list li{ + position: relative; + color:#ffffff; + font-size:15px; + margin-right:20px; + display:inline-block; +} + +.main-header .header-top .info-list li:last-child{ + margin-right:0px; +} + +.main-header .header-top .info-list li .icon{ + position:relative; + margin-right:12px; +} + +.main-header .header-top .info-list li a{ + position: relative; + color:#ffffff; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.main-header .header-top .info-list li a:hover{ + color:var(--brand-primary); +} + +.header-style-three .header-top .info-list li a{ + color:#2b2a41; +} + +.main-header .header-top .social-nav{ + position:relative; + padding:0px 0px; +} + +.main-header .header-top .social-nav li{ + position:relative; + margin-left:15px; + display:inline-block; +} + +.main-header .header-top .social-nav li a{ + position:relative; + color:#ffffff; + font-size:15px; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.main-header .header-top .social-nav li a:hover{ + color:var(--brand-primary); +} + +.main-header .header-top.style-two{ + border-bottom:0px; + background-color:#ffffff; +} + +.main-header .header-top.style-two .social-nav li a, +.main-header .header-top.style-two .info-list li a{ + color:#5a5a5a; +} + +.main-header .main-box{ + position:relative; + padding:0px 0px; + left:0px; + top:0px; + width:100%; + background:none; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.main-header .main-box .outer-container{ + position:relative; + padding:0px 40px; +} + +.main-header .main-box .logo-box{ + position:relative; + float:left; + left:0px; + z-index:10; + padding:30px 0px; +} + +.main-header .main-box .logo-box .logo img{ + display:inline-block; + max-width:100%; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.main-header .header-upper{ + position:relative; + z-index:1; +} + +.main-header .header-upper .outer-box{ + position:relative; + float:right; + padding-top:22px; + padding-left:60px; + /* transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -webkit-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ +} + +.main-header .header-upper .outer-box .search-box-outer{ + position:relative; + float:left; + color:#ffffff; +} + +.main-header .header-upper .outer-box .search-box-outer button{ + position: relative; + background: none; + font-size: 20px; + color: #ffffff; + padding: 13px 0px; + cursor:pointer; +} + +.main-header .header-upper .outer-box .cart-box{ + position:relative; + float:left; + margin-right:20px; +} + +.main-header .header-upper .outer-box .cart-box .icon{ + position:relative; + color:#ffffff; + font-size:20px; + margin-top:12px; + margin-left:25px; + display:inline-block; +} + +.main-header.header-style-two .header-upper .outer-box .theme-btn{ + border-radius:50px; +} + +.main-header .header-upper .outer-box .search-box{ + position:relative; + float:left; + margin-top:12px; +} + +.main-header .header-upper .outer-box .search-box .form-group{ + position:relative; + margin:0px; +} + +.main-header .header-upper .outer-box .search-box .form-group input[type="text"], +.main-header .header-upper .outer-box .search-box .form-group input[type="search"]{ + position:relative; + line-height:28px; + padding:0px 0px 10px 26px; + background:none; + display:block; + font-size:14px; + width:135px; + height:34px; + color:#ffffff; + font-weight:400; + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + /* transition: all 900ms ease; */ +} + +.main-header .header-upper .outer-box .search-box .form-group input:focus{ + width:200px; +} + +.main-header .header-upper .outer-box .search-box .form-group button{ + position:absolute; + left:0px; + top:-5px; + height:34px; + width:35px; + font-size:14px; + color:#ffffff; + line-height:100%; + background:none; + display:inline-block; + font-weight:normal; + text-align:left; + cursor:pointer; +} + +.main-header .header-upper .outer-box .search-box .form-group input::-webkit-input-placeholder, +.main-header .header-upper .outer-box .search-box .form-group textarea::-webkit-input-placeholder{ + color:#ffffff; + font-weight:300; +} + +.main-header .header-upper .outer-box .nav-toggler{ + float:right; + cursor:pointer; + margin:15px 0px 15px 30px; +} + +.main-header .header-upper .outer-box .nav-toggler .nav-btn{ + color:#151d37; + font-size:20px; + line-height:1em; +} + +.header-style-two.fixed-header .main-menu{ + display:block; +} + +/*Sticky Header*/ + +.sticky-header{ + position:fixed; + opacity:0; + visibility:hidden; + left:0px; + top:0px; + width:100%; + padding:0px 0px; + background:var(--brand-secondary); + z-index:0; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.sticky-header .logo{ + padding:8px 0px 8px; +} + +.fixed-header .sticky-header{ + z-index:999; + opacity:1; + visibility:visible; + -ms-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -op-animation-name: fadeInDown; + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; + -ms-animation-duration: 500ms; + -moz-animation-duration: 500ms; + -op-animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -ms-animation-timing-function: linear; + -moz-animation-timing-function: linear; + -op-animation-timing-function: linear; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -ms-animation-iteration-count: 1; + -moz-animation-iteration-count: 1; + -op-animation-iteration-count: 1; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} + +.sticky-header .main-menu .navigation > li > a{ + padding:19px 0px !important; + color:#ffffff !important; +} + +.main-header .nav-outer{ + position:static; + float: right; + /* transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -webkit-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ +} + +.main-header .header-upper .logo-box{ + position: relative; + padding: 20px 0px 20px; +} + +.main-header .header-upper .logo-box .logo{ + position:relative; +} + +.main-header .header-lower{ + position:relative; + background-color:rgba(0,0,0,0.55); +} + +.main-menu{ + position:static; + float:left; + /* transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -webkit-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ +} + +.main-menu .navbar-collapse{ + padding:0px; + float: left; + display:block !important; +} + +.main-menu .navigation{ + position:static; + margin:0px; +} + +.main-menu .navigation > li{ + position:relative; + float:left; + margin-right:30px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.main-menu .navigation > li:last-child{ + margin-right:0px; +} + +.main-menu .navigation > li > a{ + position:relative; + display:block; + color:#ffffff; + text-align:center; + line-height:29px; + text-transform:uppercase; + letter-spacing:0px; + opacity:1; + font-weight:600; + padding:33px 0px; + font-size:16px; + /* transition:all 500ms ease; + -moz-transition:all 500ms ease; + -webkit-transition:all 500ms ease; + -ms-transition:all 500ms ease; + -o-transition:all 500ms ease; */ +} + +.main-menu .navigation > li:hover > a, +.main-menu .navigation > li.current > a{ + opacity:1; + color:var(--brand-primary); +} + +.main-menu .navigation > li > ul{ + position:absolute; + left:0px; + top:100%; + width:230px; + z-index:100; + display:none; + opacity: 0; + visibility: hidden; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + padding: 0px 0px; + background-color: #ffffff; + box-shadow: 0px 0px 10px rgba(0,0,0,0.10); +} + +.main-menu .navigation > li > ul:before{ + position:absolute; + content:''; + left:0px; + top:-30px; + width:100%; + height:30px; + display:block; +} + +.main-menu .navigation > li > ul.from-right{ + left:auto; + right:0px; +} + +.main-menu .navigation > li > ul > li{ + position:relative; + width:100%; + border-bottom: 1px solid #f4f2f2; +} + +.main-menu .navigation > li > ul > li:last-child{ + border-bottom:none; +} + +.main-menu .navigation > li > ul > li > a{ + position:relative; + display:block; + padding:12px 18px; + line-height:24px; + font-weight:400; + font-size:18px; + text-transform:capitalize; + color:var(--brand-secondary); + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.main-menu .navigation > li > ul > li:hover > a{ + color:#ffffff; + padding-left:30px; + background:var(--brand-primary); +} + +.main-menu .navigation > li > ul > li.dropdown > a:after{ + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + content: "\f105"; + position:absolute; + right:15px; + top:14px; + width:10px; + height:20px; + display:block; + color:var(--brand-secondary); + line-height:20px; + font-size:16px; + font-weight:normal; + text-align:center; + z-index:5; +} + +.main-menu .navigation > li > ul > li.dropdown:hover > a:after{ + color:#ffffff; +} + +.main-menu .navigation > li > ul > li > ul{ + position:absolute; + left:100%; + top:100%; + width:230px; + z-index:100; + display:none; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + padding: 0px 0px; + background-color: #ffffff; + -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); + -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); + -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); + -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); + box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); +} + +.main-menu .navigation > li > ul > li > ul.from-right{ + left:auto; + right:0px; +} + +.main-menu .navigation > li > ul > li > ul > li{ + position:relative; + width:100%; + border-bottom: 1px solid #f4f2f2; +} + +.main-menu .navigation > li > ul > li > ul > li:last-child{ + border-bottom:none; +} + +.main-menu .navigation > li > ul > li > ul > li > a{ + position:relative; + display:block; + padding:12px 18px; + line-height:24px; + font-weight:400; + font-size:18px; + text-transform:capitalize; + color:var(--brand-secondary); + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.main-menu .navigation > li > ul > li > ul > li:hover > a{ + color:#ffffff; + padding-left:30px; + background:var(--brand-primary); +} + +.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + content: "\f105"; + position:absolute; + right:10px; + top:11px; + width:10px; + height:20px; + display:block; + color:#272727; + line-height:20px; + font-size:16px; + font-weight:normal; + text-align:center; + z-index:5; +} + +.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ + color:#ffffff; +} + +.main-menu .navigation > li.dropdown:hover > ul{ + visibility:visible; + opacity:1; + border-top:0px !important; + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); +} + +.main-menu .navigation li > ul > li.dropdown:hover > ul{ + visibility:visible; + opacity:1; + top:0; + -moz-transform: rotateX(0deg); + -webkit-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + -o-transform: rotateX(0deg); + transform: rotateX(0deg); + /* transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ +} + +.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ + position:absolute; + right:10px; + top:6px; + width:30px; + height:30px; + text-align:center; + color:#ffffff; + line-height:28px; + border:1px solid #ffffff; + background-size:20px; + cursor:pointer; + z-index:5; + display:none; +} + +.main-header.fixed-header .header-upper{ + position: fixed; + left:0px; + right:0px; + top:0px; + padding:0px; + background-color:var(--brand-secondary); + box-shadow:0px 0px 15px rgba(0,0,0,0.12); +} + +.main-header.fixed-header .header-upper .logo-box{ + padding:15px 0px; +} + +.main-header.fixed-header .nav-outer{ + padding-top:0px; +} + +.main-header.fixed-header .main-menu .navigation > li > a{ + padding:27px 0px; +} + +.main-header.fixed-header .header-upper .outer-box{ + padding-top:15px; +} + +.main-header.fixed-header .header-upper .outer-box .theme-btn{ + border-color:#000000; + color:#000000; +} + +.main-header.fixed-header .header-upper .outer-box .theme-btn:hover{ + color:#ffffff; +} + +.header-style-two.fixed-header{ + background-color:#000000; +} + +.header-style-two.fixed-header .main-menu .navigation > li > a{ + color:#ffffff; +} + +.header-style-two.fixed-header .header-upper .outer-box .theme-btn{ + color:#ffffff; + border-color:#ffffff; +} + +.header-style-two.fixed-header .header-upper .outer-box .theme-btn:before{ + background-color:#ffffff; +} + +.header-style-two.fixed-header .header-upper .outer-box .theme-btn:hover{ + color:var(--brand-secondary); +} + +.header-style-two.fixed-header .header-upper .outer-box .nav-toggler .nav-btn{ + color:#ffffff; +} + +.header-style-three .header-upper .outer-box .theme-btn, +.header-style-three .header-upper .outer-box .btn { + color: white; +} +.header-style-three .header-upper .outer-box .theme-btn:hover, +.header-style-three .header-upper .outer-box .btn:hover { + color:var(--brand-primary); +} + +.header-style-three.fixed-header .header-upper{ + background-color:#ffffff; + box-shadow:0px 0px 10px rgba(0,0,0,0.10); +} + +.header-style-three.fixed-header .header-upper .outer-box .search-box-outer button, +.header-style-three.fixed-header .header-upper .outer-box .cart-box .icon, +.header-style-three.fixed-header .header-upper .outer-box .icon{ + color:#2b2a41; +} + +.header-style-three.fixed-header .main-menu .navigation > li > a{ + color:#2b2a41; +} + +/*** + +==================================================================== + Banner Section +==================================================================== + +***/ + +.banner-section{ + position:relative; + padding-top:220px; + padding-bottom:100px; +} + +.banner-section .side-layer{ + position:absolute; + right:0px; + top:0px; + width:100%; + height:1459px; + background-position:right top; + background-repeat:no-repeat; +} + +.banner-section .pattern-layer{ + position:absolute; + right:0px; + top:0px; + width:100%; + height:942px; + background-repeat:no-repeat; + background-position:center center; +} + +.banner-section .content-column{ + position:relative; + z-index:3; +} + +.banner-section .content-column .inner-column{ + position:relative; + padding-top:100px; + padding-left:30px; + padding-bottom:60px; +} + +.banner-section .content-column h1{ + position:relative; + color:#ffffff; + font-weight:700; + line-height:1.25em; + margin-bottom:20px; + text-transform:capitalize; +} + +.banner-section .content-column h1 span{ + color:var(--brand-primary); +} + +.banner-section .content-column .text{ + position:relative; + color:#ffffff; + font-size:18px; + line-height:1.8em; + margin-bottom:35px; + font-weight:400; +} + +.banner-section .content-column .buttons-box{ + position:relative; +} + +.banner-section .content-column .buttons-box .theme-btn{ + margin-right:25px; +} + +.banner-section .image-column{ + position:relative; +} + +.banner-section .image-column .inner-column{ + position:relative; + margin-left:-200px; +} + +/*** + +==================================================================== + Mobile Menu +==================================================================== + +***/ + +.nav-outer .mobile-nav-toggler{ + position: relative; + float: right; + font-size: 40px; + line-height: 50px; + cursor: pointer; + color:#ffffff; + display: none; +} + +.mobile-menu{ + position: fixed; + right: 0; + top: 0; + width: 300px; + padding-right:30px; + max-width:100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 999999; +} + +.mobile-menu .nav-logo{ + position:relative; + padding:20px 20px; + text-align:left; +} + +.mobile-menu .nav-logo img{ + max-width:200px; +} + +.mobile-menu-visible{ + overflow: hidden; +} + +.mobile-menu-visible .mobile-menu{ + opacity: 1; + visibility: visible; +} + +.mobile-menu .menu-backdrop{ + position: fixed; + right: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + background: rgba(0,0,0,0.90); + -webkit-transform: translateX(101%); + -ms-transform: translateX(101%); + transform: translateX(101%); +} + +.mobile-menu-visible .mobile-menu .menu-backdrop{ + opacity: 1; + visibility: visible; + /* -webkit-transition:all 0.7s ease; */ + /* -moz-transition:all 0.7s ease; */ + /* -ms-transition:all 0.7s ease; */ + /* -o-transition:all 0.7s ease; */ + /* transition:all 0.7s ease; */ + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); +} + +.mobile-menu .menu-box{ + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + max-height: 100%; + overflow-y: auto; + background: #ffffff; + padding: 0px 0px; + z-index: 5; + opacity: 0; + visibility: hidden; + border-radius: 0px; + -webkit-transform: translateX(101%); + -ms-transform: translateX(101%); + transform: translateX(101%); +} + +.mobile-menu-visible .mobile-menu .menu-box{ + opacity: 1; + visibility: visible; + /* -webkit-transition:all 0.7s ease 500ms; */ + /* -moz-transition:all 0.7s ease 500ms; */ + /* -ms-transition:all 0.7s ease 500ms; */ + /* -o-transition:all 0.7s ease 500ms; */ + /* transition:all 0.7s ease 500ms; */ + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); +} + +.mobile-menu .close-btn{ + position: absolute; + right: 3px; + top: 3px; + line-height: 30px; + width: 30px; + text-align: center; + font-size: 14px; + color: #202020; + cursor: pointer; + z-index: 10; + /* -webkit-transition:all 0.5s ease; */ + /* -moz-transition:all 0.5s ease; */ + /* -ms-transition:all 0.5s ease; */ + /* -o-transition:all 0.5s ease; */ + /* transition:all 0.5s ease; */ + -webkit-transform: translateY(-50px); + -ms-transform: translateY(-50px); + transform: translateY(-50px); +} + +.mobile-menu-visible .mobile-menu .close-btn{ + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.mobile-menu .close-btn:hover{ + opacity: 0.50; +} + +.mobile-menu .navigation{ + position: relative; + display: block; + width:100%; + border-top: 1px solid rgba(0,0,0,0.10); +} + +.mobile-menu .navigation li{ + position: relative; + display: block; + border-bottom: 1px solid rgba(0,0,0,0.10); +} + +.mobile-menu .navigation li > ul > li:last-child{ + border-bottom: none; +} + +.mobile-menu .navigation li > ul > li:first-child{ + border-top: 1px solid rgba(0,0,0,0.10); +} + +.mobile-menu .navigation li > a{ + position: relative; + display: block; + line-height: 24px; + padding: 10px 20px; + font-size: 15px; + color: #404040; + text-transform: capitalize; +} + +.mobile-menu .navigation li:hover > a, +.mobile-menu .navigation li.current > a{ + color:#f34a4d; +} + +.mobile-menu .navigation li.dropdown .dropdown-btn{ + position:absolute; + right:0px; + top:0px; + width:44px; + height:44px; + text-align:center; + font-size:16px; + line-height:44px; + color:#404040; + cursor:pointer; + z-index:5; +} + +.mobile-menu .navigation li.dropdown .dropdown-btn:after{ + content:''; + position:absolute; + left:0px; + top:10px; + width:1px; + height:24px; + border-left:1px solid rgba(0,0,0,0.10); +} + +.mobile-menu .navigation li > ul, +.mobile-menu .navigation li > ul > li > ul{ + display: none; +} + +.sticky-header .navbar-header{ + display:none; +} + +/*** + +==================================================================== + Search Popup +==================================================================== + +***/ + +.search-popup{ + position: fixed; + left: 0; + top: 0; + height: 100vh; + width: 100%; + z-index: 99999; + margin-top: -540px; + transform: translateY(-100%); + background-color: rgba(0,0,0,0.90); + /* -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ + /* -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */ + /* transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ +} + +.sidenav-bar-visible .search-popup{ + width: 80%; +} + +.search-popup:before{ + position: absolute; + left: 0; + top: 100%; + width: 100%; + height: 560px; + background-image: url(../images/icons/waves-shape.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + margin-top: 0px; + content: ""; +} + +.search-active .search-popup{ + transform: translateY(0%); + margin-top: 0; +} + +.search-popup .close-search{ + position: absolute; + left: 0; + right: 0; + top: 75%; + margin: 0 auto; + margin-top: -200px; + border-radius: 50%; + text-align: center; + background-color: var(--brand-primary); + width: 70px; + cursor:pointer; + box-shadow: 0 0 10px rgba(0,0,0,0.05); + border-bottom: 3px solid #ffffff; + /* -webkit-transition: all 500ms ease; */ + /* -moz-transition: all 500ms ease; */ + /* -ms-transition: all 500ms ease; */ + /* -o-transition: all 500ms ease; */ + /* transition: all 500ms ease; */ + opacity: 0; + visibility: hidden; +} + +.search-popup .close-search span{ + position: relative; + display: block; + height: 70px; + width: 70px; + font-size: 30px; + line-height: 70px; + color: #ffffff; +} + +.search-active .search-popup .close-search{ + visibility: visible; + opacity: 1; + top: 50%; + /* -webkit-transition-delay: 1500ms; */ + /* -moz-transition-delay: 1500ms; */ + /* -ms-transition-delay: 1500ms; */ + /* -o-transition-delay: 1500ms; */ + /* transition-delay: 1500ms; */ +} + +.search-popup form{ + position: absolute; + max-width: 700px; + top: 50%; + left: 15px; + right: 15px; + margin:-35px auto 0; + transform: scaleX(0); + transform-origin: center; + background-color: #111111; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ +} + +.search-active .search-popup form{ + transform: scaleX(1); + /* -webkit-transition-delay: 1200ms; */ + /* -moz-transition-delay: 1200ms; */ + /* -ms-transition-delay: 1200ms; */ + /* -o-transition-delay: 1200ms; */ + /* transition-delay: 1200ms; */ +} + +.search-popup .form-group{ + position:relative; + margin:0px; + overflow: hidden; +} + +.search-popup .form-group input[type="text"], +.search-popup .form-group input[type="search"]{ + position:relative; + display:block; + font-size:18px; + line-height: 50px; + color:#000000; + height:70px; + width:100%; + padding: 10px 30px; + background-color: #ffffff; + /* -webkit-transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + /* transition:all 500ms ease; */ + font-weight:500; + text-transform:capitalize; +} + +.search-popup .form-group input[type="submit"], +.search-popup .form-group button{ + position:absolute; + right:30px; + top:0px; + height:70px; + line-height: 70px; + background: transparent; + text-align:center; + font-size:24px; + color:#000000; + padding: 0; + cursor:pointer; + /* -webkit-transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + /* transition:all 500ms ease; */ +} + +.search-popup .form-group input[type="submit"]:hover, +.search-popup .form-group button:hover{ + color: #000000; +} + +.search-popup input::placeholder, +.search-popup textarea::placeholder{ + color:#000000; +} + +.search-popup .close-search.style-two{ + position: absolute; + right: 25px; + left: auto; + color:#ffffff; + width:auto; + height:auto; + top:25px; + margin:0px; + border:none; + background:none !important; + box-shadow:none !important; + /* -webkit-transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + /* transition:all 500ms ease; */ +} + +.search-popup .close-search.style-two span{ + font-size:20px; + color:#ffffff; +} + +/*** + +==================================================================== + Optimized Section +==================================================================== + +***/ + +.optimized-section{ + position:relative; + padding:90px 0px 40px; +} + +.optimized-section .content-column{ + position:relative; + margin-bottom:40px; +} + +.optimized-section .content-column .inner-column{ + position:relative; + padding-top:95px; +} + +.newsletter-form{ + margin-bottom:35px; +} + +.newsletter-form .form-group{ + position:relative; + display:block; + margin-bottom:10px; +} + +.newsletter-form .form-group input[type="text"], +.newsletter-form .form-group input[type="email"]{ + position:relative; + display:block; + width:100%; + line-height:26px; + padding:10px 180px 10px 25px; + height:50px; + font-size:18px; + color:#000000; + background:none; + border-radius:50px; + border:1px solid #dddddd; + background:white; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + font-family: 'Roboto Condensed' ; +} + +.newsletter-form .form-group button{ + position:absolute; + right:1px; + top:1px; + cursor:pointer; + padding:8px 36px 8px; +} + +.newsletter-form.style-two .form-group input, +.newsletter-form.style-two .form-group button{ + border-radius:0px; +} + +.optimized-section .image-column{ + position:relative; +} + +.optimized-section .image-column .inner-column{ + position:relative; + padding-left:35px; + text-align:center; +} + +.optimized-section .image-column .image{ + position:relative; +} + +/*** + +==================================================================== + Featured Section +==================================================================== + +***/ + +.featured-section{ + position:relative; + padding-bottom:70px; +} + +.featured-section .pattern-layer{ + position:absolute; + content:''; + left:0px; + top:0px; + height:825px; + width:1180px; + background-repeat:no-repeat; + background-position:left top; +} + +.featured-section .left-column{ + position:relative; +} + +.featured-section .left-column .inner-column{ + position:relative; +} + +.featured-section .image-column{ + position:relative; +} + +.featured-section .image-column .inner-column{ + position:relative; + text-align:center; + margin-left:-15px; + margin-right:-15px; + padding-top:60px; +} + +.featured-section .right-column{ + position:relative; +} + +.featured-section .right-column .inner-column{ + position:relative; +} + +.featured-block{ + position:relative; + margin-bottom:40px; +} + +.featured-block .inner-box{ + position:relative; + text-align:center; +} + +.featured-block .inner-box h5{ + position:relative; + padding:15px 35px; + line-height:1.3em; + font-weight:700; + z-index:1; + letter-spacing:1px; + display:inline-block; + background-color:#ffffff; + box-shadow:0px 5px 10px rgba(0,0,0,0.10); +} + +.featured-block .inner-box h5 a{ + position:relative; + color:#2b2b2b; + display:inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.featured-block .inner-box h5 a:hover{ + color:var(--brand-primary); +} + +.featured-block .inner-box .lower-content{ + position:relative; + margin-top:-25px; + padding:35px 30px 25px; + background-color:#ffffff; + box-shadow:0px 5px 10px rgba(0,0,0,0.10); +} + +.featured-block .inner-box .icon-box{ + position:relative; + line-height:1em; + color:var(--brand-primary); + font-size:64px; + margin-top:20px; + margin-bottom:25px; +} + +.featured-block .inner-box .text{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; +} + +/*** + +==================================================================== + Services Section +==================================================================== + +***/ + +.services-section{ + position:relative; + padding:90px 0px 100px; +} + +.services-section .inner-container{ + position:relative; + padding-left:250px; +} + +.services-section .inner-container .button-box{ + text-align:right; +} + +.services-section .inner-container .service-image{ + position:absolute; + left:-80px; + bottom:-120px; +} + +.service-block{ + position:relative; + margin-bottom:45px; +} + +.service-block .inner-box{ + position:relative; +} + +.service-block .inner-box .icon-box{ + position:relative; + line-height:1em; + font-size:56px; + color:var(--brand-primary); + margin-bottom:20px; +} + +.service-block .inner-box h5{ + position:relative; + font-weight:700; + margin-bottom:10px; +} + +.service-block .inner-box h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.service-block .inner-box h5 a:hover{ + color:var(--brand-primary); +} + +.service-block .inner-box .text{ + position:relative; + line-height:1.8em; + font-size:16px; + color:#5a5a5a; +} + +.service-block .inner-box h5 .read-more{ + position:relative; +} + +.service-block .inner-box .read-more{ + position:relative; + color:var(--brand-primary); + font-size:18px; + margin-top:22px; + display:inline-block; + text-decoration:underline; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.service-block .inner-box .read-more:hover{ + color:#2b2b2b; + text-decoration:none; +} + +/*** + +==================================================================== + Science Section +==================================================================== + +***/ + +.science-section{ + position:relative; + overflow:hidden; + padding:140px 0px 60px; +} + +.science-section .pattern-layer{ + position:absolute; + content:''; + right:0px; + top:0px; + height:861px; + width:1281px; + background-repeat:no-repeat; + background-position:right top; +} + +.science-section .content-column{ + position:relative; +} + +.science-section .content-column .inner-column{ + position:relative; + padding-top:75px; + margin-right:-20px; +} + +.science-section .image-column{ + position:relative; +} + +.science-section .image-column .inner-column{ + position:relative; + padding-left:40px; +} + +/*** + +==================================================================== + Magic Section +==================================================================== + +***/ + +.magic-section{ + position:relative; + overflow:hidden; + padding:100px 0px 0px; +} + +.magic-section.style-two{ + padding-top:0px; +} + +.magic-section .cross-icon{ + position:absolute; + left:8%; + top:20%; + width:90px; + height:90px; + background-repeat:no-repeat; +} + +.magic-section .blocks-column{ + position:relative; +} + +.magic-section .blocks-column .inner-column{ + position:relative; + padding-left:35px; +} + +.magic-section .blocks-column .magic-block.style-two .inner-box{ + padding-right:35px; +} + +.magic-section .blocks-column .inner-column .magic-block:before{ + position:absolute; + content:''; + left:14px; + top:70px; + width:409px; + height:157px; + background-repeat:no-repeat; + background:url(../images/icons/magic-pattern-1.png) no-repeat; +} + +.magic-section .blocks-column .inner-column .magic-block.style-two:before{ + right:12px; + left:auto; + top:35px; + background:url(../images/icons/magic-pattern-2.png) no-repeat; +} + +.magic-section .blocks-column .inner-column .magic-block:last-child:before{ + display:none; +} + +.magic-block{ + position:relative; + margin-bottom:50px; +} + +.magic-block .inner-box{ + position:relative; + padding-right:20px; +} + +.magic-block .inner-box .content{ + position:relative; + padding-left:50px; +} + +.magic-block .inner-box .number{ + position:absolute; + left:0px; + top:1px; + width:35px; + height:35px; + color:#2b2b2b; + font-size:16px; + font-weight:700; + line-height:35px; + text-align:center; + border-radius:50px; + background-color:#eaeaea; + display:inline-block; +} + +.magic-block .inner-box h5{ + position:relative; + font-weight:700; + color:#2b2b2b; + line-height:1.3em; +} + +.magic-block .inner-box h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.magic-block .inner-box:hover h5 a{ + color:var(--brand-primary); +} + +.magic-block .inner-box .text{ + position:relative; + margin-top:10px; + color:#5a5a5a; + font-size:16px; + line-height:1.9em; +} + +.magic-block.style-two .inner-box{ + text-align:right; +} + +.magic-block.style-two .inner-box .content{ + padding-right:50px; + padding-left:0px; +} + +.magic-block.style-two .inner-box .number{ + right:0px; + left:auto; + color:#ffffff; + background-color:var(--brand-primary); +} + +.magic-section .image-column{ + position:relative; +} + +.magic-section .image-column .inner-column{ + position:relative; + margin-right:-100px; +} + +/*** + +==================================================================== + Projects Section +==================================================================== + +***/ + +.projects-section{ + position:relative; + padding:50px 0px 0px; +} + +.projects-section.style-two{ + padding-top:95px; + padding-bottom:100px; +} + +.projects-section .project-tabs{ + position:relative; +} + +.projects-section .project-tabs .tab-btns{ + position:relative; + text-align:center; + margin-bottom:40px; +} + +.projects-section .project-tabs .tab-btns .tab-btn{ + position:relative; + font-size:20px; + background:none; + color:#2b2b2b; + width:30%; + font-weight:700; + line-height:24px; + cursor:pointer; + text-align:center; + margin:0px 15px; + line-height:1.5em; + margin-bottom:20px; + display:inline-block; + padding:35px 30px 35px; + text-transform:capitalize; + /* transition:all 500ms ease; */ + font-family: 'Roboto Condensed'; + box-shadow:0px 0px 20px rgba(0,0,0,0.15); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.projects-section .project-tabs .tab-btns .tab-btn .icon{ + position:relative; + display:block; + color:var(--brand-primary); + line-height:1em; + font-size:60px; + margin-bottom:20px; + font-weight:400; +} + +.projects-section .project-tabs .tab-btns .tab-btn:hover, +.projects-section .project-tabs .tab-btns .tab-btn.active-btn{ + color:var(--brand-primary); +} + +.projects-section .project-tabs .tab-btns .tab-btn .border-one{ + position:absolute; + right:-1px; + top:-1px; + bottom:-1px; + left:-1px; +} + +.projects-section .project-tabs .tab-btns .tab-btn .border-one:before{ + position:absolute; + content:''; + right:0px; + top:0px; + width:2px; + height:0px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-one:before, +.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:before{ + height:100%; +} + +.projects-section .project-tabs .tab-btns .tab-btn .border-one:after{ + position:absolute; + content:''; + right:0px; + bottom:0px; + width:0px; + height:2px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-one:after, +.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:after{ + width:100%; + /* transition-delay: 500ms; */ +} + +.projects-section .project-tabs .tab-btns .tab-btn .border-two{ + position:absolute; + right:-1px; + top:-1px; + bottom:-1px; + left:-1px; +} + +.projects-section .project-tabs .tab-btns .tab-btn .border-two:before{ + position:absolute; + content:''; + left:0px; + bottom:0px; + width:2px; + height:0px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.projects-section .project-tabs .tab-btns .tab-btn:hover .border-two:before, +.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:before{ + height:100%; + /* transition-delay: 1000ms; */ +} + +.projects-section .project-tabs .tab-btns .tab-btn .border-two:after{ + position:absolute; + content:''; + left:0px; + top:0px; + width:0px; + height:2px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.projects-section .project-tabs .tab-btns .tab-btn:hover .border-two:after, +.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:after{ + width:100%; + /* transition-delay: 1500ms; */ +} + +.projects-section .project-tabs .tabs-content{ + position:relative; +} + +.projects-section .project-tabs .tabs-content .tab{ + position:relative; + display:none; +} + +.projects-section .project-tabs .tabs-content .tab.active-tab{ + display:block; +} + +.projects-section .project-tabs .tabs-content .content{ + position:relative; + max-width:970px; + margin:0 auto; +} + +.projects-section .project-tabs .content .content-column{ + position:relative; + float:left; + padding:0px; +} + +.projects-section .project-tabs .content .content-column .inner-column{ + position:relative; + z-index:1; + margin-top:70px; + padding:35px 30px; + margin-right:-80px; + background-color:#ffffff; + box-shadow:0px 0px 15px rgba(0,0,0,0.10); +} + +.projects-section .project-tabs .content .content-column h5{ + position:relative; + color:#2b2b2b; + font-weight:700; + line-height:1.4em; + margin-bottom:15px; +} + +.projects-section .project-tabs .content .content-column p{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.7em; +} + +.projects-section .project-tabs .content .content-column ul{ + position:relative; + margin-bottom:15px; +} + +.projects-section .project-tabs .content .content-column ul li{ + position:relative; + color:#5a5a5a; + font-size:16px; + font-weight:600; + margin-bottom:6px; +} + +.projects-section .project-tabs .content .content-column ul li:last-child{ + margin-bottom:0px; +} + +.projects-section .project-tabs .content .content-column .learn{ + position:relative; + color:var(--brand-primary); + font-size:16px; + font-weight:400; + text-decoration:underline; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.projects-section .project-tabs .content .content-column .learn:hover{ + color:#000000; + text-decoration:none; +} + +.projects-section .project-tabs .content .image-column{ + position:relative; + float:left; + padding:0px; +} + +.projects-section .project-tabs .content .image-column .inner-column{ + margin-left:-30px; +} + +/*** + +==================================================================== + News Section +==================================================================== + +***/ + +.news-section{ + position:relative; + padding:100px 0px 90px; +} + +.news-section .section-lower-box{ + position:relative; + margin-top:30px; +} + +.news-section .section-lower-box .older-posts{ + position:absolute; + left:0px; + top:0px; + color:#a1a1a1; + font-size:18px; + width:160px; + height:48px; + text-align:center; + line-height:28px; + display:inline-block; + padding:10px 20px; + border-radius:50px; + margin-bottom:20px; + border:1px solid #dddddd; + font-family: 'Roboto Condensed'; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.news-section .section-lower-box .older-posts:hover{ + color:#ffffff; + border-color:var(--brand-primary); + background-color:var(--brand-primary); +} + +.news-section .section-lower-box .visit{ + position:relative; + color:var(--brand-primary); + font-size:18px; + font-family: 'Roboto Condensed'; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.news-section .section-lower-box .visit:hover{ + color:#2b2b2b; +} + +.news-block{ + position:relative; + margin-bottom:30px; +} + +.news-block .inner-box{ + position:relative; + overflow:hidden; + border-radius:10px; + background-color:#eef1f9; +} + +.news-block .inner-box .image{ + position:relative; + overflow:hidden; + border-radius:10px; + background-color:var(--brand-primary); +} + +.news-block .inner-box .image img{ + position:relative; + width:100%; + border-radius:10px; + /* -webkit-transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ + /* transition: all 600ms ease; */ +} + +.news-block .inner-box:hover .image img{ + transform:scale(1.04,1.04); + opacity:0.5; +} + +.news-block .inner-box .lower-content{ + position:relative; + padding:0px 30px 30px; +} + +.news-block .inner-box .lower-content .upper-box{ + position:relative; + padding:16px 0px; +} + +.news-block .inner-box .upper-box .posted-by{ + position:relative; + color:#717171; + font-size:14px; +} + +.news-block .inner-box .upper-box .post-date{ + position:relative; + color:#717171; + font-size:14px; +} + +.news-block .inner-box .lower-content h5{ + position:relative; + line-height:1.3em; + font-weight:700; + margin-bottom:12px; +} + +.news-block .inner-box .lower-content h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.news-block .inner-box .lower-content h5 a:hover{ + color:var(--brand-primary); +} + +.news-block .inner-box .lower-content .text{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; + margin-bottom:15px; +} + +.news-block .inner-box .lower-content .learn{ + position:relative; + color:var(--brand-primary); + font-size:18px; + text-decoration:underline; + text-transform:capitalize; + font-family: 'Roboto Condensed' ; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.news-block .inner-box .lower-content .learn:hover{ + text-decoration:underline; + color:#000000; +} + +/*** + +==================================================================== + Counter Section +==================================================================== + +***/ + +.counter-section{ + position:relative; + padding:40px 0px 60px; +} + +.counter-section.style-two{ + padding-bottom:0px; +} + +/* Fact Counter */ + +.fact-counter{ + position:relative; +} + +.fact-counter .column{ + position:relative; + z-index:5; + text-align:center; + margin-bottom:30px; +} + +.fact-counter .icon-box{ + position:relative; + width:110px; + height:110px; + margin:0 auto; + color:var(--brand-primary); + font-size:56px; + line-height:110px; + border-radius:50%; + text-align:center; + display:inline-block; + background-color:#eaedf6; + /* transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -webkit-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ +} + +.fact-counter .column .inner:hover .icon-box{ + background-color:var(--brand-primary); + color:#ffffff; + -webkit-transform: scale(-1) rotate(180deg); + -moz-transform: scale(-1) rotate(180deg); + -ms-transform: scale(-1) rotate(180deg); + -o-transform: scale(-1) rotate(180deg); + transform: scale(-1) rotate(180deg); +} + +.fact-counter .column .inner{ + position:relative; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.fact-counter .count-outer{ + position:relative; + margin:0px 0px; + font-weight:700; + color:var(--brand-primary); + font-size:36px; + margin-top:25px; +} + +.fact-counter .count-outer .count-text{ + position:relative; + font-weight:700; + color:var(--brand-primary); + font-size:36px; + display:inline-block; +} + +.fact-counter .column .counter-title{ + position:relative; + font-size:20px; + font-weight:700; + color:#2b2b2b; + display:block; + margin-top:12px; + text-transform:capitalize; + font-family: 'Roboto Condensed' ; +} + +/*** + +==================================================================== + Footer Style +==================================================================== + +***/ + +.main-footer{ + position:relative; + overflow:hidden; + background-color:var(--brand-secondary); +} + +.main-footer .footer-widget{ + position:relative; + margin-bottom:40px; +} + +.main-footer .widgets-section{ + position:relative; + padding:90px 0px 50px; +} + +.main-footer .footer-title{ + position:relative; + padding-bottom:15px; + margin-bottom:25px; +} + +.main-footer .footer-widget h4{ + position:relative; + font-weight:700; + /* color:#ffffff; */ + line-height:1.2em; + text-transform:capitalize; +} + +.main-footer .footer-title:before{ + position:absolute; + content:''; + left:0px; + bottom:0px; + height:1px; + width:40px; + background-color:var(--brand-primary); +} + +.main-footer .contact-list{ + position:relative; +} + +.main-footer .contact-list li{ + position:relative; + color:#ececec; + font-size:14px; + margin-bottom:8px; + padding-left:25px; +} + +.main-footer li .icon{ + width: 18px; + position:absolute; + left:0; + bottom: 50%; + margin-bottom: -7px; + text-align: center; + color:var(--brand-primary); +} + +.main-footer .contact-list li a{ + position:relative; + color:#ececec; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.main-footer .contact-list li a:hover{ + color:var(--brand-primary); +} + +/* Nav List */ + +.main-footer .nav-list{ + position:relative; +} + +.main-footer .nav-list li{ + position:relative; + margin-bottom:6px; +} + +.main-footer .nav-list li::marker{ + font-size: inherit; +} + +/* .main-footer .nav-list li:before{ + display: block; + position:absolute; + content: "\f107"; + left:0px; + top:1px; + color:var(--brand-primary); + width: 1rem; + height: 1rem; + background-image: url('/images/icons/check-mark.svg'); + font-family: "Flaticon"; +} */ + +.main-footer .nav-list li a{ + position:relative; + color:#ffffff; + font-size:14px; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.main-footer .nav-list li a:hover{ + color:var(--brand-primary); +} + +/* Recent Posts */ + +.main-footer .news-widget .post{ + position: relative; + min-height: 70px; + padding-left: 75px; + margin-bottom: 15px; + padding-right:90px; +} + +.main-footer .news-widget .post:last-child{ + margin-bottom: 0; +} + +.main-footer .news-widget .post .thumb{ + position: absolute; + left: 0; + top: 0; + height: 75px; + width: 70px; + overflow: hidden; +} + +.main-footer .news-widget .post .thumb a{ + display: block; +} + +.main-footer .news-widget .post .thumb img{ + display: block; + width: 55px; + height: auto; +} + +.main-footer .news-widget .post h4{ + position: relative; + font-size: 16px; + color: #ececec; + line-height: 30px; + font-weight: 400; + top: -5px; + line-height:1.7em; +} + +.main-footer .news-widget .post h4 a{ + color:#ececec; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ +} + +.main-footer .news-widget .post h4 a:hover{ + color: var(--brand-primary); +} + +.main-footer .news-widget .social-box{ + position:absolute; + right:0px; + bottom:0px; +} + +.main-footer .news-widget .social-box li{ + position:relative; + margin-top:18px; +} + +.main-footer .news-widget .social-box li a{ + position:relative; + color:#ffffff; + font-size:16px; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ +} + +.main-footer .news-widget .social-box li a:hover{ + color:var(--brand-primary); +} + +.main-footer .pattern-layer{ + position:absolute; + left:0px; + top:0px; + right:0px; + bottom:0px; + background-repeat:no-repeat; +} + +.main-footer .pattern-layer-two{ + position:absolute; + left:0px; + top:0px; + right:0px; + bottom:0px; + background-repeat:no-repeat; +} + +/* Footer Bottom */ + +.main-footer .footer-bottom{ + position:relative; + padding:20px 0px; + border-top:1px solid rgba(255,255,255,0.10); +} + +.main-footer .footer-bottom .copyright{ + position:relative; + color:#ffffff; + margin-top:2px; +} + +.main-footer .footer-bottom .copyright a{ + color:#ffaa00; +} + +.main-footer .footer-bottom .language-column{ + position:relative; + text-align:right; +} + +/*Language Dropdown*/ + +.main-footer .footer-bottom .language{ + position:relative; + line-height:1em; + margin-left: 20px; + display:inline-block; +} + +.main-footer .footer-bottom .language .flag-icon{ + margin-right:8px; +} + +.main-footer .footer-bottom .language .dropdown-menu{ + top:100%; + right:0px; + left:auto; + width:170px; + border-radius:0px; + margin-top:0px; + background-color:var(--brand-secondary); + border:none; + padding:0px; + border-top:3px solid var(--brand-primary); +} + +.main-footer .footer-bottom .language > a{ + color:#ffffff; + padding:0px; + text-transform:capitalize; + display:inline-block; + border:0px; + font-weight:400; + font-size:15px; + line-height:1em; + border-radius: 0px; +} + +.main-footer .footer-bottom .language > a:after{ + display:none; +} + +.main-footer .footer-bottom language a:hover{ + background:none; +} + +.main-footer .footer-bottom .language .dropdown-menu > li{ + padding-right:0px !important; + margin:0px !important; + float:none; + display:block !important; + border-bottom: 1px solid rgba(255,255,255,0.20); +} + +.main-footer .footer-bottom .language .dropdown-menu > li:last-child{ + border-bottom:none; +} + +.main-footer .footer-bottom .language .dropdown-menu > li > a{ + padding:14px 20px !important; + color:#ffffff; + display: block; + text-align:left; + font-size: 14px; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.main-footer .footer-bottom .language .dropdown-menu > li > a:hover{ + color:#ffffff !important; + background-color:var(--brand-primary); +} + +/*** + +==================================================================== + Main Slider Banner +==================================================================== + +***/ + +.main-slider{ + position:relative; + background-color:#6719ca; +} + +.main-slider .pattern-layer{ + position:absolute; + left:0px; + bottom:0px; + width:403px; + height:504px; +} + +.main-slider .auto-container{ + position:relative; +} + +.main-slider .content-column{ + position:relative; +} + +.main-slider .content-column .content-boxed{ + position:relative; + padding-top:125px; +} + +.main-slider .slide{ + position:relative; + padding:200px 0px 140px; +} + +.main-slider h1{ + position:relative; + color:#ffffff; + opacity: 0; + transform: scaleY(0); + transform-origin: top; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ + font-weight: 700; + line-height: 1.20em; + margin-bottom: 20px; + text-transform: capitalize; +} + +.main-slider h1 span{ + color:var(--brand-primary); +} + +.main-slider .active h1{ + opacity: 1; + transform: scaleY(1); + /* transition-delay: 300ms; */ +} + +.main-slider .text{ + position: relative; + color: #ffffff; + font-size: 18px; + line-height: 1.8em; + margin-bottom: 35px; + opacity:0; + transform: scaleY(0); + transform-origin: top; + line-height: 1.9em; + font-weight:400; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ +} + +.main-slider .active .text{ + opacity: 1; + transform: scaleY(1); + /* transition-delay: 600ms; */ +} + +.main-slider .buttons-box{ + opacity:0; + transform: scaleY(0); + transform-origin: top; + display:inline-block; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ +} + +.main-slider .active .buttons-box{ + opacity: 1; + transform: scaleY(1); + /* transition-delay: 900ms; */ +} + +.main-slider .buttons-box .theme-btn{ + margin-right:20px; + float:left; + border-radius:0px; +} + +.main-slider .image-column{ + position:relative; +} + +.main-slider .image-column .inner-column{ + position:relative; + margin-left:-80px; + margin-right:-200px; +} + +.main-slider .image-column .image{ + position:relative; +} + +.main-slider .image-column .image img{ + position:relative; +} + +.main-slider .image-column{ + opacity:0; + transform: scaleY(0); + transform-origin: right; + display:inline-block; + /* -webkit-transition: all 1000ms ease; */ + /* -moz-transition: all 100ms ease; */ + /* -ms-transition: all 1000ms ease; */ + /* -o-transition: all 1000ms ease; */ + /* transition: all 1000ms ease; */ +} + +.main-slider .active .image-column{ + opacity: 1; + transform: scaleY(1); + /* transition-delay: 0ms; */ +} + +.main-slider .owl-dots{ + position:absolute; + left:0px; + bottom:30px; + right:0px; + text-align:center; +} + +.main-slider .owl-dots .owl-dot{ + position:relative; + width:12px; + height:12px; + margin:0px 4px 10px; + background-color:#ffffff; + margin-bottom:10px; + display:inline-block; +} + +.main-slider .owl-dots .owl-dot:before{ + position:absolute; + content:''; + left:0px; + top:0px; + right:0px; + bottom:0px; + opacity:0; + border:2px solid #cc2b5e; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ +} + +.main-slider .owl-dots .owl-dot.active:before, +.main-slider .owl-dots .owl-dot:hover::before{ + opacity:1; +} + +.main-slider .owl-nav{ + position:absolute; + left:0px; + top:50%; + z-index:1; + width:100%; + opacity:0; + margin-top:-10px; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ +} + +.main-slider:hover .owl-nav{ + opacity:1; +} + +.main-slider .owl-nav .owl-prev{ + position:absolute; + left:20px; + width:60px; + height:60px; + color:#ffffff; + line-height:56px; + font-size:24px; + text-align:center; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + border:2px solid rgba(255,255,255,0.60); +} + +.main-slider .owl-nav .owl-next{ + position:absolute; + right:20px; + color:#ffffff; + font-size:24px; + width:60px; + height:60px; + color:#ffffff; + line-height:56px; + text-align:center; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + border:2px solid rgba(255,255,255,0.60); +} + +.main-slider .owl-nav .owl-prev:hover, +.main-slider .owl-nav .owl-next:hover{ + color:#ffffff; + border-color:var(--brand-primary); + background-color:var(--brand-primary); +} + +/*** + +==================================================================== + Clients Section +==================================================================== + +***/ + +.clients-section{ + position:relative; + padding:40px 0px 40px; +} + +.clients-section .sponsors-outer .owl-dots, +.clients-section .sponsors-outer .owl-nav{ + position:relative; + display:none; +} + +.clients-section .sponsors-outer .image-box{ + position:relative; + text-align:center; + margin:0px; +} + +.clients-section .sponsors-outer .image-box img{ + max-width:100%; + width:auto; + opacity:0.5; + display:inline-block; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.clients-section .sponsors-outer .image-box img:hover{ + opacity:1; + -webkit-filter: grayscale(0%); + filter: grayscale(0%); +} + +/*** + +==================================================================== + Inteligence Section +==================================================================== + +***/ + +.inteligence-section{ + position:relative; + overflow:hidden; + padding:95px 0px 60px; +} + +.inteligence-section .pattern-layer{ + position:absolute; + right:0px; + bottom:-200px; + width:402px; + height:566px; +} + +.inteligence-section .image-column{ + position:relative; +} + +.inteligence-section .image-column .inner-column{ + position:relative; + text-align:center; +} + +.inteligence-section .image-column .image{ + position:relative; +} + +.inteligence-section .content-column{ + position:relative; +} + +.inteligence-section .content-column .inner-column{ + position:relative; + padding-top:80px; +} + +/*** + +==================================================================== + Business Section +==================================================================== + +***/ + +.business-section{ + position:relative; + padding:95px 0px 70px; + background-color:#f1eff7; +} + +.business-block{ + position:relative; + margin-bottom:30px; +} + +.business-block .inner-box{ + position:relative; +} + +.business-block .inner-box .business-title{ + position:relative; + padding:12px 20px; + font-size:17px; + color:#ffffff; + font-weight:600; + border-radius:3px; + background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990); +} + +.business-block .inner-box .business-title .icon{ + position:absolute; + left:0px; + top:0px; + color:var(--brand-primary); + line-height:1em; + font-size:36px; + font-weight:400; +} + +.business-block .inner-box .business-title .title-inner{ + position:relative; + padding-left:50px; + padding-top:7px; + padding-bottom:7px; +} + +.business-block .inner-box .lower-content{ + position:relative; + padding:30px 30px; + text-align:center; + margin-top:30px; + background-color:#ffffff; +} + +.business-block .inner-box .icon-box{ + position:relative; + width:118px; + height:114px; + margin:0 auto; + color:var(--brand-primary); + font-size:64px; + line-height:114px; + margin-bottom:25px; +} + +.business-block .inner-box .lower-content h5{ + position:relative; + line-height:1.4em; + font-weight:700; + margin-bottom:18px; +} + +.business-block .inner-box .lower-content h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.business-block .inner-box .lower-content h5 a:hover{ + color:var(--brand-primary); +} + +.business-block .inner-box .text{ + position:relative; + line-height:1.7em; + color:#5a5a5a; + font-size:16px; + margin-bottom:22px; +} + +.business-block .inner-box .learn-more{ + position:relative; + color:#2b2b2b; + font-size:18px; + padding:12px 45px; + font-weight:400; + display:inline-block; + text-transform:capitalize; + background-color:#ffffff; + font-family: 'Roboto Condensed'; + box-shadow:0px 0px 60px rgba(0,0,0,0.05); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.business-block .inner-box .learn-more:hover{ + color:#ffffff; + background-color:var(--brand-primary); +} + +/*** + +==================================================================== + API Section +==================================================================== + +***/ + +.api-section{ + position:relative; + overflow:hidden; + padding:95px 0px 70px; +} + +.api-section .pattern-layer{ + position:absolute; + left:0px; + bottom:20px; + width:467px; + height:566px; + background-repeat:no-repeat; +} + +.api-section .image-column{ + position:relative; + margin-bottom:30px; +} + +.api-section .image-column .inner-column{ + position:relative; + text-align:center; +} + +.api-section .image-column .image{ + position:relative; +} + +.api-section .content-column{ + position:relative; +} + +.api-section .content-column .inner-column{ + position:relative; + padding-top:70px; +} + +/*** + +==================================================================== + Deliver Section +==================================================================== + +***/ + +.deliver-section{ + position:relative; + overflow:hidden; + padding:95px 0px 70px; + background-color:#f1eff7; +} + +.deliver-section #particles-js{ + position:absolute; + left:0px; + top:0px; + width:100%; + height:100%; + display:block; +} + +.deliver-section .image-column{ + position:relative; + margin-bottom:30px; +} + +.deliver-section .image-column .inner-column{ + position:relative; + text-align:center; + margin-left:-100px; +} + +.deliver-section .image-column .image{ + position:relative; +} + +.deliver-section .content-column{ + position:relative; + margin-bottom:30px; +} + +.deliver-section .content-column .inner-column{ + position:relative; +} + +.service-block-two{ + position:relative; + padding:18px 20px; + margin-bottom:20px; + border-radius:3px; + overflow:hidden; + background-color:#ffffff; +} + +.service-block-two:before{ + position:absolute; + content:''; + left:0px; + top:0px; + width:0px; + height:100%; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.service-block-two:hover::before{ + width:100%; +} + +.service-block-two .block-inner{ + position:relative; + padding-left:50px; + color:#2b2b2b; + font-size:18px; + font-weight:700; + font-family: 'Roboto Condensed' ; + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.service-block-two:hover .block-inner{ + color:#ffffff; +} + +.service-block-two .overlay-link{ + position:absolute; + left:0px; + top:0px; + right:0px; + bottom:0px; + display:block; + z-index:1; +} + +.service-block-two .block-inner .icon{ + position:absolute; + left:0px; + top:0px; + color:var(--brand-primary); + font-weight:400; + line-height:1em; + font-size:30px; + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.service-block-two:hover .block-inner .icon{ + color:#ffffff; +} + +/*** + +==================================================================== + Works Section +==================================================================== + +***/ + +.works-section{ + position:relative; + padding-top:100px; +} + +.works-section .inner-container{ + position:relative; +} + +.works-section .inner-container:before{ + position:relative; +} + +.works-section .cross-icon{ + position:absolute; + left:6%; + top:20%; + width:90px; + height:90px; + background-repeat:no-repeat; +} + +.works-section .cross-icon-two{ + position:absolute; + right:6%; + bottom:20%; + width:90px; + height:90px; + background-repeat:no-repeat; +} + +.works-section .inner-container{ + position:relative; + max-width:970px; + margin:0 auto; +} + +.works-section .inner-container .work-block:nth-child(2):before{ + position:absolute; + content:''; + right:45%; + top:100%; + width:510px; + height:111px; + background:url(../images/icons/service-line.png) no-repeat; +} + +.work-block{ + position:relative; + margin-bottom:110px; +} + +.work-block .inner-box{ + position:relative; + padding:28px 28px 45px; + border:4px solid #eaeaea; +} + +.work-block .inner-box .border-one{ + position:absolute; + right:-4px; + top:-4px; + bottom:-4px; + left:-4px; +} + +.work-block .inner-box .border-one:before{ + position:absolute; + content:''; + right:0px; + top:0px; + width:4px; + height:0px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.work-block .inner-box:hover .border-one:before{ + height:100%; +} + +.work-block .inner-box .border-one:after{ + position:absolute; + content:''; + right:0px; + bottom:0px; + width:0px; + height:4px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.work-block .inner-box:hover .border-one:after{ + width:100%; + /* transition-delay: 500ms; */ +} + +.work-block .inner-box .border-two{ + position:absolute; + right:-4px; + top:-4px; + bottom:-4px; + left:-4px; +} + +.work-block .inner-box .border-two:before{ + position:absolute; + content:''; + left:0px; + bottom:0px; + width:4px; + height:0px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.work-block .inner-box:hover .border-two:before{ + height:100%; + /* transition-delay: 1000ms; */ +} + +.work-block .inner-box .border-two:after{ + position:absolute; + content:''; + left:0px; + top:0px; + width:0px; + height:4px; + background-color:var(--brand-primary); + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.work-block .inner-box:hover .border-two:after{ + width:100%; + /* transition-delay: 1500ms; */ +} + +.work-block .inner-box .content{ + position:relative; + padding-left:50px; +} + +.work-block .inner-box .content .number{ + position: absolute; + left: 0px; + top: 1px; + width: 35px; + height: 35px; + color: #2b2b2b; + font-size: 16px; + font-weight: 700; + line-height: 35px; + text-align: center; + border-radius: 50px; + background-color: #eaeaea; + display: inline-block; +} + +.work-block .inner-box .content h5{ + position:relative; + color:#2b2b2b; + font-size:18px; + font-weight:700; +} + +.work-block .inner-box .content .text{ + position:relative; + color:#5a5a5a; + font-size:16px; + font-weight:400; + line-height:1.8em; +} + +.work-block .inner-box .content .side-icon{ + position:absolute; + right:0px; + bottom:-15px; + color:var(--brand-primary); + font-size:30px; + line-height:1em; +} + +.work-block.style-two .inner-box{ + border-color:#4c4990; + background-color:#f0eff7; +} + +.work-block.style-two .inner-box .content .number{ + background-color:var(--brand-primary); + color:#ffffff; +} + +/*** + +==================================================================== + Projects Section Two +==================================================================== + +***/ + +.projects-section-two{ + position:relative; + padding:95px 0px 80px; + background-color:#f1eff7; +} + +.project-block{ + position:relative; + margin-bottom:35px; +} + +.project-block .inner-box{ + position:relative; + text-align:center; +} + +.project-block .inner-box .title{ + position:relative; + font-size:18px; + font-weight:600; + padding:18px 15px; + border-radius:4px; + display:block; + color:#ffffff; + margin-bottom:30px; + background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990); +} + +.project-block .inner-box .image{ + position:relative; + overflow:hidden; + background-color:var(--brand-primary); +} + +.project-block .inner-box .image img{ + position:relative; + width:100%; + display:block; + -webkit-transition:all 600ms ease; + -moz-transition:all 600ms ease; + -ms-transition:all 600ms ease; + -o-transition:all 600ms ease; + transition:all 600ms ease; +} + +.project-block .inner-box:hover .image img{ + transform:scale(1.05,1.05); + opacity:0.5; +} + +.project-block .inner-box .block-content{ + position:relative; + background-color:#ffffff; +} + +.project-block .inner-box .block-content .lower-content{ + position:relative; + padding:25px 30px 0px; +} + +.project-block .inner-box .block-content h5{ + position:relative; + line-height:1.5em; + color:#2b2b2b; + font-weight:700; + margin-bottom:15px; +} + +.project-block .inner-box .block-content h5 a{ + position:relative; + color:#2b2b2b; + -webkit-transition:all 300ms ease; + -ms-transition:all 300ms ease; + -o-transition:all 300ms ease; + -moz-transition:all 300ms ease; + transition:all 300ms ease; +} + +.project-block .inner-box .block-content h5 a:hover{ + color:var(--brand-primary); +} + +.project-block .inner-box .block-content .text{ + position:relative; + font-size:16px; + line-height:1.8em; + margin-bottom:15px; +} + +.project-block .inner-box .block-content .learn-btn{ + position:relative; + font-weight:500; + color:#2b2b2b; + bottom:-10px; + font-size:18px; + padding:14px 50px; + margin-bottom:-14px; + display:inline-block; + background-color:#ffffff; + font-family: 'Roboto Condensed' ; + box-shadow:0px 0px 25px rgba(0,0,0,0.10); + -webkit-transition:all 300ms ease; + -ms-transition:all 300ms ease; + -o-transition:all 300ms ease; + -moz-transition:all 300ms ease; + transition:all 300ms ease; +} + +.project-block .inner-box:hover .block-content .learn-btn{ + background-color:var(--brand-primary); + color:#ffffff; +} + +/*** + +==================================================================== + About Section +==================================================================== + +***/ + +.about-section{ + position:relative; + overflow:hidden; + padding:95px 0px 80px; +} + +.about-section .pattern-layer{ + position:absolute; + left:0px; + bottom:0px; + width:362px; + height:436px; + background-repeat:no-repeat; +} + +.about-section .content-column{ + position:relative; + margin-bottom:30px; +} + +.about-section .content-column .inner-column{ + position:relative; +} + +.about-section .content-column .sec-title{ + margin-bottom:25px; +} + +.about-section .content-column .theme-btn{ + margin-right:18px; +} + +.about-section .counter-column{ + position:relative; + margin-bottom:30px; +} + +.about-section .counter-column .inner-column{ + position:relative; +} + +.about-section .counter-column .fact-counter .counter-column:nth-child(2n+1){ + transform:translateY(80px); +} + +.about-section.style-two{ + padding-bottom:110px; +} + +.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+1){ + transform:translateY(0px); +} + +.about-section.style-two .counter-column .fact-counter .counter-column .inner{ + padding:30px 30px; + border-radius:7px; + background-color:#ffffff; + box-shadow:0px 0px 15px rgba(0,0,0,0.10); +} + +.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+0){ + transform:translateY(60px); +} + +.about-section.style-two .content-column .inner-column{ + padding-top:220px; + padding-left:20px; +} + +.about-section.style-two .content-column .inner-column .theme-btn{ + border-radius:50px; +} + +/*** + +==================================================================== + Banner Section +==================================================================== + +***/ + +.banner-section-two{ + position:relative; + padding-top:220px; + padding-bottom:0px; +} + +.banner-section-two .outer-container{ + position:relative; + overflow:hidden; +} + +.banner-section-two .side-layer{ + position:absolute; + right:0; + top:0; + width:77%; + height:981px; + background-position:right top; + background-repeat:no-repeat; + background-size: 70%; +} + +.banner-section-two .content-column{ + position:relative; + z-index:3; +} + +.banner-section-two .content-column .inner-column{ + position:relative; + padding-top:100px; + padding-bottom:60px; +} + +.banner-section-two .content-column h1{ + position:relative; + color:#2b2a41; + font-weight:700; + line-height:1.25em; + margin-bottom:20px; + text-transform:capitalize; +} + +.banner-section-two .content-column h2{ + font-weight:700; +} + +.banner-section-two .content-column h1 span{ + color:var(--brand-primary); +} + +.banner-section-two .content-column .newsletter-form .form-group button, +.content-column .inner-column .newsletter-form .form-group button{ + border-radius:50px; + padding:9px 36px 9px; +} + +.banner-section-two .content-column .text{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; + margin-bottom:35px; + font-weight:400; +} + +.banner-section .image-column{ + position:relative; +} + +.banner-section-two .image-column .inner-column{ + position:relative; + padding-left:70px; + margin-right:-200px; +} + +/*** + +==================================================================== + Clients Section Two +==================================================================== + +***/ + +.clients-section-two{ + position:relative; + padding:40px 0px 40px; +} + +.clients-section-two .sponsors-outer{ + padding-right:270px; +} + +.clients-section-two .sponsors-outer .owl-dots, +.clients-section-two .sponsors-outer .owl-nav{ + position:relative; + display:none; +} + +.clients-section-two .sponsors-outer .image-box{ + position:relative; + text-align:center; + margin:0px; +} + +.clients-section-two .sponsors-outer .image-box img{ + max-width:100%; + width:auto; + display:inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.clients-section-two .sponsors-outer .image-box img:hover{ + opacity:0.5; +} + +/*** + +==================================================================== + Feature Section +==================================================================== + +***/ + +.features-section{ + position:relative; + padding:60px 0px 60px; +} + +.features-section .image-column{ + position:relative; +} + +.features-section .image-column .inner-column{ + position:relative; +} + +.features-section .content-column{ + position:relative; +} + +.features-section .content-column .inner-column{ + position:relative; +} + +.features-section .content-column .theme-btn{ + border-radius:50px; +} + +.features-section.style-two .image-column{ + text-align:center; +} + +.features-section.style-two{ + padding-top:100px; +} + +.feature-block{ + position:relative; + margin-bottom:30px; +} + +.feature-block .inner-box{ + position:relative; +} + +.feature-block .inner-box .icon-box{ + position:relative; + height:160px; + color:var(--brand-primary); + font-size:80px; + text-align:center; + line-height:160px; + margin-bottom:20px; +} + +.feature-block .inner-box h5{ + position:relative; + line-height:1.4em; + font-weight:700; + margin-bottom:10px; +} + +.feature-block .inner-box h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.feature-block .inner-box h5 a:hover{ + color:var(--brand-primary); +} + +.feature-block .inner-box .text{ + position:relative; + line-height:1.7em; + color:#5a5a5a; + font-size:16px; + margin-bottom:0px; +} + +/*** + +==================================================================== + Business Section Two +==================================================================== + +***/ + +.business-section-two{ + position:relative; + padding:30px 0px 70px; +} + +.business-section-two .sec-title{ + margin-bottom:80px; +} + +.business-section-two .pattern-layer{ + position:absolute; + right:0px; + top:-180px; + width:402px; + height:566px; + background-repeat:no-repeat; +} + +.business-section-two .pattern-layer-two{ + position:absolute; + right:0px; + top:0px; + width:1850px; + height:897px; + background-repeat:no-repeat; +} + +.business-section-two .inner-container{ + position:relative; +} + +.business-section-two .business-tabs{ + position:relative; +} + +.business-section-two .business-tabs .tab-btns{ + position:relative; + text-align:center; + margin-bottom:40px; +} + +.business-section-two .business-tabs .tab-btns .tab-btn{ + position:relative; + font-size:16px; + background:none; + color:#5a5a5a; + width:30%; + font-weight:400; + line-height:24px; + cursor:pointer; + text-align:center; + margin:0px 15px; + line-height:1.7em; + border-radius:8px; + margin-bottom:20px; + display:inline-block; + padding:0px 30px 35px; + text-transform:capitalize; + /* transition:all 500ms ease; */ + background-color:#ffffff; + font-family: 'Roboto Condensed'; + box-shadow:0px 0px 20px rgba(0,0,0,0.15); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.business-section-two .business-tabs .tab-btns .tab-btn h5{ + position:relative; + top:-13px; + color:#fff; + font-size:18px; + font-weight:700; + margin-top:-14px; + padding:14px 64px; + border-radius:5px; + display:inline-block; + background-color:var(--brand-secondary); + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.business-section-two .business-tabs .tab-btns .tab-btn.active-btn h5, +.business-section-two .business-tabs .tab-btns .tab-btn:hover h5{ + background-color:var(--brand-primary); + color:#ffffff; +} + +.business-section-two .business-tabs .tab-btns .tab-btn .icon{ + position:relative; + display:block; + color:var(--brand-primary); + line-height:1em; + font-size:60px; + margin-bottom:20px; + font-weight:400; + margin-top:12px; +} + +.business-section-two .business-tabs .tab-btns .tab-btn:hover, +.business-section-two .business-tabs .tab-btns .tab-btn.active-btn{ + +} + +.business-section-two .business-tabs .tabs-content{ + position:relative; +} + +.business-section-two .business-tabs .tabs-content .tab{ + position:relative; + display:none; + transform: rotateY(90deg); + /* -webkit-transition:all 900ms ease; */ + /* -moz-transition:all 900ms ease; */ + /* -ms-transition:all 900ms ease; */ + /* -o-transition:all 900ms ease; */ + /* transition:all 900ms ease; */ +} + +.business-section-two .business-tabs .tabs-content .tab.active-tab{ + display:block; + transform: rotateY(0deg); +} + +.business-section-two .business-tabs .tabs-content .content{ + position:relative; + max-width:1030px; + margin:0 auto; +} + +.business-section-two .business-tabs .content .content-column{ + position:relative; +} + +.business-section-two .business-tabs .content .content-column .inner-column{ + position:relative; +} + +.business-section-two .business-tabs .content .content-column p{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; + margin-bottom:25px; +} + +.business-section-two .business-tabs .content .content-column .business-list{ + position:relative; + margin-bottom:35px; +} + +.business-section-two .business-tabs .content .content-column .business-list li{ + position:relative; + color:#2b2a41; + font-size:14px; + font-weight:600; + min-height:50px; + margin-bottom:18px; + padding-left:70px; +} + +/* .business-section-two .business-tabs .content .content-column .business-list li:before, +.features-section .feature-block .text li:before{ + position:absolute; + content:'\f107'; + left:0px; + top:0px; + width:50px; + height:50px; + color:var(--brand-primary); + font-size:20px; + line-height:50px; + text-align:center; + border-radius:50px; + background-color:#ffffff; + font-family: "Flaticon"; +} */ + +.business-section-two .business-tabs .content .content-column .business-list li:last-child{ + margin-bottom:0px; +} + +.business-section-two .business-tabs .content .theme-btn{ + border-radius:50px; +} + +.business-section-two .business-tabs .content .image-column{ + position:relative; + float:left; +} + +.business-section-two .business-tabs .content .image-column .inner-column{ + +} + +/*** + +==================================================================== + Services Section Two +==================================================================== + +***/ + +.services-section-two{ + position:relative; + padding:40px 0px 0px; +} + +.services-section-two .inner-container{ + position:relative; + max-width:900px; + margin:0 auto; +} + +.services-section-two .owl-carousel .owl-stage-outer{ + padding:20px 0px; +} + +.services-section-two .pattern-layer{ + position:absolute; + right:0px; + top:200px; + width:100%; + height:1378px; + background-position:right top; + background-repeat:no-repeat; +} + +.services-section-two .owl-carousel{ + margin:0px -15px; + width:auto; +} + +.services-section-two .service-block-three{ + margin:0px 15px; +} + +.services-section-two .owl-dots{ + display:none; +} + +.services-section-two .owl-nav{ + position:absolute; + left:-80px; + top:50%; + right:-80px; + margin-top:-20px; +} + +.services-section-two .owl-nav .owl-prev{ + position:absolute; + left:0px; + width:60px; + height:60px; + color:#574a6e; + font-size:18px; + line-height:58px; + text-align:center; + border-radius:50px; + display:inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color:rgba(255,255,255,0.25); +} + +.services-section-two .owl-nav .owl-next{ + position:absolute; + right:0px; + width:60px; + height:60px; + color:#574a6e; + font-size:18px; + line-height:58px; + text-align:center; + border-radius:50px; + display:inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color:rgba(255,255,255,0.25); +} + +.services-section-two .owl-nav .owl-prev:hover, +.services-section-two .owl-nav .owl-next:hover{ + color:#ffffff; + background-color:var(--brand-primary); +} + +/* Services Block Three */ + +.service-block-three{ + position:relative; + margin-bottom:45px; +} + +.service-block-three .inner-box{ + position:relative; + padding:30px 28px 35px; + border-radius:8px; + background-color:#ffffff; + box-shadow:0px 0px 15px rgba(0,0,0,0.10); +} + +.service-block-three .inner-box .icon-box{ + position:relative; + width:75px; + height:75px; + line-height:75px; + font-size:32px; + color:var(--brand-primary); + text-align:center; + border-radius:50px; + margin-bottom:20px; + display:inline-block; + background-color:#f2f7ff; +} + +.service-block-three .inner-box h5{ + position:relative; + font-weight:700; + margin-bottom:10px; +} + +.service-block-three .inner-box h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.service-block-three .inner-box h5 a:hover{ + color:var(--brand-primary); +} + +.service-block-three .inner-box .text{ + position:relative; + line-height:1.8em; + font-size:16px; + color:#5a5a5a; +} + +.service-block-three .inner-box h5 .read-more{ + position:relative; +} + +.service-block-three .inner-box .read-more{ + position:relative; + color:var(--brand-primary); + font-size:16px; + margin-top:15px; + display:inline-block; + text-decoration:underline; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.service-block-three .inner-box .read-more:hover{ + color:#2b2b2b; + text-decoration:none; +} + +/*** + +==================================================================== + Works Section Two +==================================================================== + +***/ + +.works-section-two{ + position:relative; + padding-top:80px; +} + +.works-section-two .inner-container{ + position:relative; + max-width:800px; + margin:0 auto; +} + +.work-block-two{ + position:relative; + margin-bottom:0px; +} + +.work-block-two .inner-box{ + position:relative; + padding-right:0px; +} + +.work-block-two .inner-box .content{ + position:relative; + padding-left:50px; +} + +.work-block-two .inner-box .number{ + position:absolute; + left:0px; + top:1px; + width:35px; + height:35px; + color:#1d386b; + font-size:16px; + font-weight:700; + line-height:35px; + text-align:center; + border-radius:50px; + background-color:#ffffff; + display:inline-block; +} + +.work-block-two .inner-box h5{ + position:relative; + font-weight:700; + color:#ffffff; + line-height:1.3em; +} + +.work-block-two .inner-box h5 a{ + position:relative; + color:#ffffff; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.work-block-two .inner-box:hover h5 a{ + color:var(--brand-primary); +} + +.work-block-two .inner-box .text{ + position:relative; + margin-top:10px; + color:#eaedf3; + font-size:16px; + line-height:1.9em; +} + +.work-block-two.style-two .inner-box .content{ + padding-left:0px; + text-align:right; + padding-right:50px; +} + +.work-block-two.style-two .inner-box .number{ + right:0px; + left:auto; +} + +/*** + +==================================================================== + Projects Section Three +==================================================================== + +***/ + +.projects-section-three{ + position:relative; + padding:190px 0px 0px; +} + +.projects-section-three .owl-dots{ + display:none; +} + +.projects-section-three .owl-nav{ + position:absolute; + left:-80px; + top:50%; + right:-80px; + margin-top:-20px; +} + +.projects-section-three .owl-nav .owl-prev{ + position:absolute; + left:0px; + width:60px; + height:60px; + color:#ffffff; + font-size:18px; + line-height:58px; + text-align:center; + border-radius:50px; + display:inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color:rgba(255,98,98,0.25); +} + +.projects-section-three .owl-nav .owl-next{ + position:absolute; + right:0px; + width:60px; + height:60px; + color:#ffffff; + font-size:18px; + line-height:58px; + text-align:center; + border-radius:50px; + display:inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ + background-color:rgba(255,98,98,0.25); +} + +.projects-section-three .owl-nav .owl-prev:hover, +.projects-section-three .owl-nav .owl-next:hover{ + color:#ffffff; + background-color:var(--brand-primary); +} + +.projects-section-three .inner-container{ + position:relative; + max-width:970px; + margin:0 auto; +} + +.projects-section-three .two-item-carousel{ + margin:0px -15px; + width:auto; +} + +.projects-section-three .project-block-two{ + margin:0px 15px 30px; +} + +.project-block-two{ + position:relative; +} + +.project-block-two .inner-box{ + position:relative; + border-radius:7px; + box-shadow:0px 0px 15px rgba(0,0,0,0.10); +} + +.project-block-two .inner-box .image{ + position:relative; + overflow:hidden; + border-radius:7px; + background-color:var(--brand-primary); +} + +.project-block-two .inner-box .image img{ + position:relative; + width:100%; + display:block; + /* -webkit-transition:all 600ms ease; */ + /* -moz-transition:all 600ms ease; */ + /* -ms-transition:all 600ms ease; */ + /* -o-transition:all 600ms ease; */ + /* transition:all 600ms ease; */ +} + +.project-block-two .inner-box:hover .image img{ + transform:scale(1.05,1.05); + opacity:0.5; +} + +.project-block-two .inner-box .lower-content{ + position:relative; + padding:25px 40px 35px; + background-color:#ffffff; +} + +.project-block-two .inner-box .lower-content h5{ + position:relative; + line-height:1.5em; + color:#2b2b2b; + font-weight:700; + margin-bottom:10px; +} + +.project-block-two .inner-box .lower-content h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.project-block-two .inner-box .lower-content h5 a:hover{ + color:var(--brand-primary); +} + +.project-block-two .inner-box .lower-content .text{ + position:relative; + font-size:16px; + line-height:1.9em; + margin-bottom:10px; +} + +.project-block-two .inner-box .lower-content ul{ + position:relative; +} + +.project-block-two .inner-box .lower-content ul li{ + position:relative; + color:#2b2a41; + font-weight:600; + margin-bottom:8px; +} + +.project-block-two .inner-box .lower-content ul li:last-child{ + margin-bottom:0px; +} + +.project-block-two .inner-box .lower-content .see-more{ + position:relative; + font-weight:500; + color:var(--brand-primary); + font-size:18px; + margin-top:20px; + display:inline-block; + text-decoration:underline; + font-family: 'Roboto Condensed' ; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.project-block-two .inner-box:hover .block-content .see-more{ + color:var(--brand-primary); +} + +/*** + +==================================================================== + Page Title +==================================================================== + +***/ + +.page-title{ + position:relative; + overflow:hidden; + text-align:center; + padding:200px 0px 150px; + background: var(--brand-secondary); +} + +.page-title .pattern-layer{ + position:absolute; + left:0px; + left:0px; + width:100%; + height:100%; + background-position:center center; + background-repeat:no-repeat; +} + +.page-title h1{ + position:relative; + color:#ffffff; + line-height: 1.3em; + font-weight: 700; + margin-bottom:10px; +} + +.page-title .bread-crumb { + position: relative; +} + +.page-title .bread-crumb li{ + position: relative; + font-size: 15px; + line-height: 30px; + color: #ffffff; + font-weight: 600; + padding-right: 15px; + margin-right: 12px; + display:inline-block; + text-transform: capitalize; +} + +.page-title .bread-crumb li:before{ + position: absolute; + right: -3px; + font-size: 14px; + line-height: 30px; + color: #ffffff; + content: "/"; + font-weight:400; +} + +.page-title .bread-crumb li:last-child{ + padding-right: 0; + margin-right: 0; +} + +.page-title .bread-crumb li:last-child:before{ + display: none; +} + +.page-title .bread-crumb li a{ + color:#ffffff; + font-weight: 400; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ +} + +.page-title .bread-crumb li a:hover{ + color: var(--brand-primary); +} + +/*** + +==================================================================== + About Text Section +==================================================================== + +***/ + +.about-text-section{ + position:relative; + padding:90px 0px 0px; +} + +.about-text-section .text{ + position:relative; + color:#2b2a41; + font-size:26px; + font-weight:700; + line-height:1.4em; + text-align:center; + max-width:970px; + margin:0 auto; + font-family: 'Roboto Condensed' ; +} + +/*** + +==================================================================== + Science Section Two +==================================================================== + +***/ + +.science-section-two{ + position:relative; + overflow:hidden; + padding:140px 0px 160px; +} + +.science-section-two .pattern-layer{ + position: absolute; + content: ''; + left: 0px; + top: 0px; + height: 825px; + width: 1180px; + background-repeat: no-repeat; + background-position: left top; +} + +.science-section-two .content-column{ + position:relative; +} + +.science-section-two .content-column .inner-column{ + position:relative; + padding-top:10px; + margin-right:-20px; +} + +.science-section-two .image-column{ + position:relative; +} + +.science-section-two .image-column .inner-column{ + position:relative; + padding-right:90px; + margin-left:-150px; +} + +/*** + +==================================================================== + Team Section +==================================================================== + +***/ + +.team-section{ + position:relative; + overflow:hidden; + padding:100px 0px 60px; +} + +.team-section .pattern-layer{ + position:absolute; + right:-60px; + top:0px; + border-radius:8px; + width:1204px; + height:614px; + background-repeat:no-repeat; +} + +.team-section .title-column{ + position:relative; + margin-bottom:35px; +} + +.team-section .title-column .inner-column{ + position:relative; + z-index:3; + padding-top:30px; +} + +.team-section .title-column .sec-title{ + margin-bottom:25px; +} + +.team-section .blocks-column{ + position:relative; + margin-bottom:35px; +} + +.team-section .blocks-column .inner-column{ + position:relative; +} + +.team-section .blocks-column .owl-carousel .owl-stage-outer:before{ + position:absolute; + content:''; + right:104%; + top:0px; + height:100%; + width:1000%; + z-index:2; + background-color:#ffffff; +} + +.team-section .blocks-column .owl-carousel .owl-stage-outer{ + overflow:visible; +} + +.team-section .blocks-column .owl-dots, +.team-section .blocks-column .owl-nav{ + display:none; +} + +.team-block{ + position:relative; + margin-bottom:0px; + z-index:4; +} + +.team-block .inner-box{ + position:relative; + overflow:hidden; + border-radius:8px; + background-color:#ffffff; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.team-block .inner-box:hover{ + box-shadow:30px 20px 40px 0px rgba(0,0,0,0.05); +} + +.team-block .image{ + position:relative; +} + +.team-block .image img{ + position:relative; + width:100%; + display:block; +} + +.team-block .image .overlay-box{ + position:absolute; + left:0px; + top:0px; + right:0px; + bottom:0px; +} + +.team-block .image .overlay-box:before{ + position:absolute; + content:''; + left:0px; + top:0px; + right:0px; + bottom:0px; + opacity:0; + top:100%; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ + background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); + background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); + background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #1d386b)); + background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #1d386b 100%); + background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #1d386b 100%); +} + +.team-block .inner-box:hover .overlay-box:before{ + opacity:1; + top:0%; +} + +.team-block .inner-box .overlay-box .overlay-inner{ + position:relative; + height:100%; +} + +.team-block .inner-box .overlay-box .member-content{ + position:absolute; + left:30px; + bottom:-120px; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ +} + +.team-block .inner-box:hover .overlay-box .member-content{ + bottom:10px; +} + +.team-block .inner-box .overlay-box .member-content h4{ + position:relative; + line-height:1.3em; + font-weight:700; +} + +.team-block .inner-box .overlay-box .member-content h4 a{ + position:relative; + color:#ffffff; +} + +.team-block .inner-box .overlay-box .member-content .designation{ + position:relative; + color:#ffffff; + font-size:14px; + margin-top:2px; +} + +/* Team Block Two */ + +.team-social-box{ + position: absolute; + right: -30px; + bottom: 38px; +} + +.team-social-box li{ + position: relative; + right: -30px; + margin-bottom: 10px; + /* transition: all 900ms ease; */ + /* -moz-transition: all 900ms ease; */ + /* -webkit-transition: all 900ms ease; */ + /* -ms-transition: all 900ms ease; */ + /* -o-transition: all 900ms ease; */ +} + +.team-social-box li a{ + position: relative; + width: 36px; + height: 36px; + color: #25a9e0; + z-index: 1; + font-size: 15px; + line-height: 36px; + text-align: center; + border-radius: 50%; + display: inline-block; + background-color: #ffffff; +} + +.team-social-box li .social-name{ + position: absolute; + right:85%; + padding: 0px 10px; + top: 2px; + opacity: 0; + visibility: hidden; + font-size: 12px; + text-transform: capitalize; + display: inline-block; + border-radius: 50px 0px 0px 50px; + background-color: #ffffff; + /* -webkit-transition: all 0.3s ease; */ + /* -moz-transition: all 0.3s ease; */ + /* -ms-transition: all 0.3s ease; */ + /* -o-transition: all 0.3s ease; */ + /* transition: all 0.3s ease; */ +} + +.team-social-box li:last-child{ + margin-bottom:0px; +} + +.team-block .inner-box:hover .image .overlay-box .team-social-box li{ + right:60px; +} + +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2){ + /* transition-delay: 250ms; */ +} + +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3){ + /* transition-delay: 500ms; */ +} + +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4){ + /* transition-delay: 750ms; */ +} + +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(5){ + /* transition-delay: 1000ms; */ +} + +.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(6){ + /* transition-delay: 1250ms; */ +} + +.team-social-box li:hover .social-name{ + opacity:1; + visibility:visible; +} + +.team-social-box li a{ + position:relative; + width:36px; + height:36px; + color:#25a9e0; + z-index:1; + font-size:15px; + line-height:36px; + text-align:center; + border-radius:50%; + display:inline-block; + background-color:#ffffff; +} + +.team-social-box li.youtube a{ + color:#ff0000; +} + +.team-social-box li.youtube .social-name{ + color:#ffffff; + padding:4px 14px 4px 15px; + background-color:#ff0000; +} + +.team-social-box li.linkedin a{ + color:#0077b5; +} + +.team-social-box li.linkedin .social-name{ + color:#ffffff; + padding:4px 14px 4px 15px; + background-color:#0077b5; +} + +.team-social-box li.facebook a{ + color:#3b5998; +} + +.team-social-box li.facebook .social-name{ + color:#ffffff; + padding:4px 14px 4px 15px; + background-color:#3b5998; +} + +.team-social-box li.twitter a{ + color:#1da1f2; +} + +.team-social-box li.twitter .social-name{ + color:#ffffff; + padding:4px 14px 4px 15px; + background-color:#1da1f2; +} + +.team-social-box li.instagram a{ + color:#c2328a; +} + +.team-social-box li.instagram .social-name{ + color:#ffffff; + padding:4px 14px 4px 15px; + background-color:#c2328a; +} + +.team-social-box li.pinterest a{ + color:#e60023; +} + +.team-social-box li.pinterest .social-name{ + color:#ffffff; + padding:4px 14px 4px 15px; + background-color:#e60023; +} + +/*** + +==================================================================== + Call To Action Section +==================================================================== + +***/ + +.call-to-action-section{ + position:relative; + padding:95px 0px 65px; +} + +.call-to-action-section .inner-container{ + position:relative; + padding:0px 30px; +} + +.call-to-action-section .title-column{ + position:relative; +} + +.call-to-action-section .title-column .inner-column{ + position:relative; +} + +.call-to-action-section .email-column{ + position:relative; +} + +.call-to-action-section .email-column .inner-column{ + position:relative; + padding-top:35px; +} + +/*** + +==================================================================== + Services Page Section +==================================================================== + +***/ + +.services-page-section{ + position:relative; + padding-top:85px; + padding-bottom:60px; +} + +.services-page-section .inner-container{ + position:relative; + max-width:820px; + margin:0 auto; +} + +.services-page-section .service-image{ + position:relative; + text-align:center; + margin-top:20px; +} + +/*** + +==================================================================== + Team Page Section +==================================================================== + +***/ + +.team-page-section{ + position:relative; + padding-top:95px; + padding-bottom:40px; +} + +.team-page-section .team-block{ + margin-bottom:30px; +} + +.team-block-two{ + position:relative; + margin-bottom:60px; +} + +.team-block-two .inner-box{ + position:relative; + overflow:hidden; + border-radius:8px; + background-color:#ffffff; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.team-block-two .inner-box .image{ + position:relative; +} + +.team-block-two .inner-box .image img{ + position:relative; + width:100%; + display:block; +} + +.team-block-two .inner-box .lower-content{ + position:relative; + padding:30px 30px 30px; + background-color:#f1eff7; +} + +.team-block-two .inner-box .lower-content h4{ + position:relative; + font-weight:700; + line-height:1.3em; +} + +.team-block-two .inner-box .lower-content h4 a{ + position:relative; + color:#2b2b2b; + font-size:26px; + /* -webkit-transition: all 0.3s ease; */ + /* -moz-transition: all 0.3s ease; */ + /* -ms-transition: all 0.3s ease; */ + /* -o-transition: all 0.3s ease; */ + /* transition: all 0.3s ease; */ +} + +.team-block-two .inner-box .lower-content h4 a:hover{ + color:var(--brand-primary); +} + +.team-block-two .inner-box .lower-content .designation{ + position:relative; + font-weight:400; + color:#5a5a5a; + font-size:14px; + margin-top:4px; +} + +.team-block-two .inner-box .lower-content .social-box{ + position:relative; + margin-top:10px; +} + +.team-block-two .inner-box .lower-content .social-box li{ + position:relative; + margin-left:5px; + display:inline-block; +} + +.team-block-two .inner-box .lower-content .social-box li a{ + position:relative; + width:44px; + height:44px; + color:var(--brand-primary); + font-size:18px; + line-height:44px; + text-align:center; + border-radius:50px; + display:inline-block; + background-color:#ffffff; + /* -webkit-transition: all 0.3s ease; */ + /* -moz-transition: all 0.3s ease; */ + /* -ms-transition: all 0.3s ease; */ + /* -o-transition: all 0.3s ease; */ + /* transition: all 0.3s ease; */ +} + +.team-block-two .inner-box .lower-content .social-box li a:hover{ + background-color:var(--brand-primary); + color:#ffffff; +} + +/*** + +==================================================================== + Price Page Section +==================================================================== + +***/ + +.price-page-section{ + position:relative; + padding:95px 0px 0px; +} + +.price-block{ + position:relative; + margin-bottom:30px; +} + +.price-block .inner-box{ + position:relative; + box-shadow:0px 0px 10px rgba(0,0,0,0.10); +} + +.price-block .inner-box .title{ + position:relative; + padding:24px 15px; + color:#2b2b2b; + font-size:36px; + font-weight:700; + line-height:1.3em; + display:block; + text-align:center; + text-transform:capitalize; + border-bottom:1px solid #f2f2f2; + font-family: 'Roboto Condensed' ; +} + +.price-block .inner-box .content-box{ + position:relative; + padding:40px 35px; + text-align:center; +} + +.price-block .inner-box .content-box .price-box{ + position:relative; + color:var(--brand-primary); + font-size:66px; + font-weight:700; + font-family: 'Roboto Condensed' ; +} + +.price-block .inner-box .content-box .price-box .icon{ + position:relative; + font-weight:400; + color:#a163f5; + line-height:1em; + display:inline-block; +} + +.price-block .inner-box .content-box .price-box .price-title{ + position:relative; + font-weight:400; + color:#5a5a5a; + font-size:18px; + display:block; + margin-top:18px; +} + +.price-block .inner-box .content-box .text{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; + text-align:center; + margin-top:20px; + margin-bottom:30px; +} + +.price-block .inner-box .content-box .start-btn{ + position:relative; + padding:13px 80px; + color:var(--brand-primary); + font-size:18px; + font-weight:400; + border-radius:50px; + border:1px solid var(--brand-primary); + font-family: 'Roboto Condensed' ; +} + +.price-block .inner-box .content-box .start-btn:hover{ + background-color:var(--brand-primary); + color:#ffffff; +} + +.price-block .inner-box .price-list{ + position:relative; + text-align:left; + margin-left:15px; + margin-top:35px; +} + +.price-block .inner-box .price-list li{ + position:relative; + margin-bottom:8px; + color:#2b2b2b; + font-size:15px; + font-weight:500; + padding-left:15px; + font-family: 'Roboto Condensed' ; +} + +.price-block .inner-box .price-list li:before{ + position:absolute; + content:''; + left:0px; + top:7px; + width:6px; + height:6px; + border-radius:50px; + background-color:var(--brand-primary); +} + +/* Price Block Two */ + +.price-block-two{ + position:relative; + margin-bottom:30px; +} + +.price-block-two .inner-box{ + position:relative; + box-shadow:0px 0px 10px rgba(0,0,0,0.10); +} + +.price-block-two .inner-box .upper-box{ + position:relative; + background-repeat:no-repeat; + background-position:center center; +} + +.price-block-two .inner-box .upper-box:before{ + position:absolute; + content:''; + left:0px; + top:0px; + right:0px; + bottom:0px; + z-index:-1; + background-image: linear-gradient(to bottom, #6a15d0, #5d2ec3, #543ab4, #4f42a3, #4d4891); +} + +.price-block-two .inner-box .upper-box .title{ + position:relative; + padding:24px 15px; + color:#ffffff; + font-size:36px; + font-weight:700; + line-height:1.3em; + display:block; + text-align:center; + text-transform:capitalize; + font-family: 'Roboto Condensed' ; + border-bottom:1px solid rgba(255,255,255,0.10); +} + +.price-block-two .inner-box .upper-box .price-box{ + position:relative; + color:var(--brand-primary); + font-size:66px; + font-weight:700; + display:block; + line-height:35px; + text-align:center; + padding:44px 0px 24px; + font-family: 'Roboto Condensed' ; +} + +.price-block-two .inner-box .upper-box .price-box .price-title{ + position:relative; + font-weight:400; + color:#ffffff; + font-size:18px; + display:block; + margin-top:18px; +} + +.price-block-two .inner-box .lower-content{ + position:relative; + padding:40px 35px 50px; + text-align:center; +} + +.price-block-two .inner-box .lower-content:before{ + position:absolute; + content:''; + left:0px; + top:0px; + width:100%; + height:0px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + background-image: linear-gradient(to bottom, #4c4891, #4c4891, #4c4891, #4c4891, #4c4891); +} + +.price-block-two .inner-box:hover .lower-content:before{ + height:100%; +} + +.price-block-two .inner-box .lower-content .start-btn{ + position:relative; + padding:13px 80px; + color:var(--brand-primary); + font-size:18px; + font-weight:400; + border-radius:50px; + border:1px solid var(--brand-primary); + font-family: 'Roboto Condensed' ; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.price-block-two .inner-box:hover .lower-content .start-btn{ + background-color:#ffffff; + border-color:#ffffff; + color:var(--brand-primary); +} + +.price-block-two .inner-box .lower-content .start-btn:hover{ + background-color:var(--brand-primary); + color:#ffffff; +} + +.price-block-two .inner-box .lower-content .price-list{ + position:relative; + text-align:left; + margin-left:15px; + margin-bottom:30px; +} + +.price-block-two .inner-box .lower-content .price-list li{ + position:relative; + margin-bottom:10px; + color:#2b2b2b; + font-size:15px; + font-weight:500; + padding-left:15px; + font-family: 'Roboto Condensed' ; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.price-block-two .inner-box .lower-content .price-list li.check:after{ + position:absolute; + content: "\f1d1"; + right:0px; + color:#c194f5; + font-size:10px; + line-height:1em; + font-weight:700; + font-family: "Flaticon"; +} + +.price-block-two .inner-box .lower-content .price-list li.cross:after{ + position:absolute; + content: "\f144"; + right:0px; + color:var(--brand-primary); + font-size:10px; + line-height:1em; + font-weight:700; + font-family: "Flaticon"; +} + +.price-block-two .inner-box:hover .lower-content .price-list li{ + color:#ffffff; +} + +.price-block-two .inner-box .lower-content .price-list li:before{ + position:absolute; + content:''; + left:0px; + top:7px; + width:6px; + height:6px; + border-radius:50px; + background-color:var(--brand-primary); +} + +/*** + +==================================================================== + Login Page Section +==================================================================== + +***/ + +.login-page-section{ + position:relative; + padding:95px 0px 0px; +} + +.login-page-section .image-column{ + position:relative; +} + +.login-page-section .image-column .inner-column{ + position:relative; + margin-left:-180px; +} + +.login-page-section .image-column .inner-column .image{ + position:relative; +} + +.login-page-section .form-column{ + position:relative; +} + +.login-page-section .form-column .inner-column{ + position:relative; + padding:30px 50px; + box-shadow:0px 0px 25px rgba(0,0,0,0.07); +} + +.login-page-section .form-column h3{ + position:relative; + font-weight:700; + color:#2b2b2b; + line-height:1.3em; +} + +.login-page-section .form-column .welcome{ + position:relative; + font-weight:400; + color:#5a5a5a; + font-size:16px; + line-height:1.3em; + margin-top:12px; + margin-bottom:40px; +} + +/* Styled Form */ + +.styled-form{ + position:relative; +} + +.styled-form .form-group{ + position:relative; + margin-bottom:25px; +} + +.styled-form .form-group label{ + position:relative; + color:#5a5a5a; + font-size:16px; + margin-bottom:15px; +} + +.styled-form .form-group input{ + position:relative; + height:50px; + padding:6px 30px; + width:100%; + color:var(--brand-secondary); + border-radius:50px; + border:1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: 'Roboto Condensed' ; +} + +.styled-form .form-group input:focus{ + border-color:var(--brand-primary); +} + +.styled-form .form-group textarea{ + position:relative; + height:150px; + width:100%; + resize:none; + padding:15px 15px; + border-radius:50px; + border:1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: 'Roboto Condensed' ; +} + +.styled-form .form-group .users{ + position:relative; + color:#a6a6a6; + font-size:15px; + font-family: 'Roboto Condensed' ; +} + +.styled-form .form-group .users a{ + position:relative; + color:var(--brand-primary); +} + +/* CheckBox */ + +.styled-form .form-group .check-box{ + position:relative; + margin-bottom:3px; + margin-top:7px; +} + +.styled-form .form-group .check-box label{ + font-family: 'Roboto Condensed' ; + color:#2b2b2b; +} + +.styled-form .form-group .check-box label{ + position: relative; + display: block; + height: 30px; + width: 100%; + line-height: 22px; + padding: 4px 10px 0px; + padding-left: 25px; + background: #ffffff; + font-size: 15px; + font-weight: 400; + color: #211347; + cursor: pointer; + margin-bottom: 0; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ +} + +.styled-form .form-group .check-box input[type="checkbox"]:checked + label{ + border-color: #25a9e0; +} + +.styled-form .form-group .form-group .check-box label { + padding-left: 30px; + padding-top: 1px; + cursor: pointer; +} + +.styled-form .form-group .check-box label:before{ + position: absolute; + left: 0px; + top: 7px; + height:15px; + width: 15px; + background: #ffffff; + content: ""; + border-radius: 3px; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ + border:1px solid var(--brand-primary); +} + +.styled-form .form-group .check-box label:after { + position: absolute; + left: 0px; + top: 0; + height: 15px; + line-height: 15px; + max-width: 0; + font-size: 14px; + color: #ffffff; + font-weight: 800; + overflow: hidden; + background: transparent; + text-align: center; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + /* -webkit-transition: max-width 500ms ease; */ + /* -moz-transition: max-width 500ms ease; */ + /* -ms-transition: max-width 500ms ease; */ + /* -o-transition: max-width 500ms ease; */ + /* transition: max-width 500ms ease; */ +} + +.styled-form .form-group .check-box input[type="checkbox"] { + display: none; +} + +.styled-form .form-group .check-box input[type="checkbox"]:checked + label:before{ + border: 5px solid var(--brand-primary); + background: #ffffff; +} + +.styled-form .form-group .check-box input[type="checkbox"]:checked + label:after { + max-width: 20px; + opacity: 1; +} + +/* Radio Box */ + +.styled-form .form-group .radio-box{ + position:relative; + margin-bottom:3px; + margin-top:7px; +} + +.styled-form .form-group .radio-box label{ + font-family: 'Roboto Condensed' ; + color:#2b2b2b; +} + +.styled-form .form-group .radio-box label{ + position: relative; + display: block; + height: 30px; + width: 100%; + line-height: 9px; + padding: 4px 10px 0px; + padding-left: 25px; + background: #ffffff; + font-size: 15px; + font-weight: 400; + color: #211347; + cursor: pointer; + margin-bottom: 0; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ +} + +.styled-form .form-group .radio-box input[type="radio"]:checked + label{ + border-color: #25a9e0; +} + +.styled-form .form-group .form-group .radio-box label { + padding-left: 30px; + padding-top: 1px; + cursor: pointer; +} + +.styled-form .form-group .radio-box label:before{ + position: absolute; + left: 0; + top: 0; + height:15px; + width: 15px; + background: #ffffff; + content: ""; + border-radius: 3px; + /* -webkit-transition: all 300ms ease; */ + /* -moz-transition: all 300ms ease; */ + /* -ms-transition: all 300ms ease; */ + /* -o-transition: all 300ms ease; */ + /* transition: all 300ms ease; */ + border:1px solid var(--brand-primary); +} + +.styled-form .form-group .radio-box label:after { + position: absolute; + left: 0px; + top: 0; + height: 15px; + line-height: 15px; + max-width: 0; + font-size: 14px; + color: #ffffff; + font-weight: 800; + overflow: hidden; + background: transparent; + text-align: center; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + /* -webkit-transition: max-width 500ms ease; */ + /* -moz-transition: max-width 500ms ease; */ + /* -ms-transition: max-width 500ms ease; */ + /* -o-transition: max-width 500ms ease; */ + /* transition: max-width 500ms ease; */ +} + +.styled-form .form-group .radio-box input[type="radio"] { + display: none; +} + +.styled-form .form-group .radio-box input[type="radio"]:checked + label:before{ + border: 5px solid var(--brand-primary); + background: #ffffff; +} + +.styled-form .form-group .radio-box input[type="radio"]:checked + label:after { + max-width: 20px; + opacity: 1; +} + +.styled-form .forgot{ + position:relative; + font-weight:400; + color:#a6a6a6; + font-size:14px; + margin-top:10px; + text-decoration:underline; + font-family: 'Roboto Condensed' ; +} + +.styled-form .theme-btn{ + border-radius:50px; + margin-bottom:15px; + width:100%; + cursor:pointer; +} + +/*** + +==================================================================== + Privacy Section +==================================================================== + +***/ + +.privacy-section{ + position:relative; + padding:95px 0px 80px; +} + +.privacy-section .upper-section{ + position:relative; + margin-bottom:40px; + border-bottom:1px solid #f2f2f2; +} + +.privacy-section .upper-section .content-column{ + position:relative; +} + +.privacy-section .upper-section .content-column .inner-column{ + position:relative; + padding-right:20px; +} + +.privacy-section h2{ + position:relative; + color:#2b2b2b; + font-weight:700; + line-height:1.3em; + margin-bottom:15px; +} + +.privacy-section .bold-text{ + position:relative; + color:#2b2b2b; + font-size:17px; + line-height:1.8em; + margin-bottom:20px; + font-family: 'Roboto Condensed' ; +} + +.privacy-section .upper-section .content-column .date{ + position:relative; + color:var(--brand-primary); + font-size:18px; + margin-bottom:20px; + padding-bottom:15px; + border-bottom:1px solid #f2f2f2; + font-family: 'Roboto Condensed' ; +} + +.privacy-section p{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; + margin-bottom:20px; +} + +.privacy-section h3{ + position:relative; + color:#2b2b2b; + font-weight:700; + line-height:1.3em; + margin-bottom:15px; +} + +.privacy-section .upper-section .image-column{ + position:relative; +} + +.privacy-section .upper-section .image-column .inner-column{ + position:relative; +} + +.privacy-section .privacy-content{ + position:relative; + padding-bottom:15px; + margin-bottom:35px; + border-bottom:1px solid #f2f2f2; +} + +.privacy-section .privacy-content:last-child{ + border-bottom:0px; + margin-bottom:0px; + padding-bottom:0px; +} + +.privacy-section .privacy-list{ + position:relative; + text-align:left; + margin-left:22px; +} + +.privacy-section .privacy-list li{ + position:relative; + margin-bottom:12px; + color:#5a5a5a; + font-size:16px; + font-weight:400; + padding-left:26px; + line-height:1.7em; +} + +.privacy-section .privacy-list li:before{ + position:absolute; + content:''; + left:0px; + top:10px; + width:7px; + height:7px; + border-radius:50px; + background-color:var(--brand-primary); +} + +/*Comming Soon*/ + +.comming-soon{ + position:fixed; + width:100%; + height:100%; + display:block; + overflow-y:auto; + background-image: linear-gradient(to right, #6a15d0, #5f2cc3, #5637b5, #513fa6, #4e4595); +} + +.comming-soon:before{ + position:absolute; + content:''; + left:0px; + top:0px; + right:0px; + bottom:0px; + background:url(../images/background/pattern-15.png) no-repeat; + background-size:cover; +} + +.comming-soon .content{ + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + display: table; + text-align:center; + vertical-align: middle; +} + +.comming-soon .content .content-inner{ + position: relative; + padding: 50px 15px; + display: table-cell; + vertical-align: middle; +} + +.comming-soon .content .content-inner .miss{ + position:relative; + margin-top:60px; + color:#e1e1e1; + font-size:18px; + margin-bottom:30px; + font-family: 'Roboto Condensed' ; +} + +.comming-soon .content .content-inner .logo{ + position: relative; + margin-bottom:50px; +} + +.comming-soon .content .content-inner h2{ + position:relative; + color:#ffffff; + font-size:120px; + font-weight:500; + line-height:1.2em; + margin-bottom:10px; + text-transform:uppercase; +} + +.comming-soon .content .content-inner .text{ + position:relative; + color:#e1e1e1; + font-size:16px; + font-weight:400; + line-height:1.6em; + margin-top:0px; + margin-bottom:60px; + letter-spacing:1px; +} + +.comming-soon .newsletter-form{ + max-width:530px; + margin:0 auto; +} + +.comming-soon .newsletter-form .form-group input{ + color:#ffffff; +} + +/*** + +==================================================================== + Countdown style +==================================================================== + +***/ + +.time-counter{ + position:relative; +} + +.time-counter .time-countdown{ + position:relative; + display:inline-block; + border-radius:20px; +} + +.time-counter .time-countdown .counter-column{ + position:relative; + margin-left:20px; + width:140px; + height:140px; + text-align:left; + display:inline-block; + padding:30px 0px 10px; + color:#d4d3d9; + font-size:24px; + line-height:30px; + text-align:center; + text-transform:uppercase; + font-weight:300; + border-radius:8px; + margin-bottom:25px; + font-family: 'Roboto Condensed' ; +} + +.time-counter .time-countdown .counter-column .count{ + position:relative; + display:block; + font-size:66px; + line-height:40px; + padding:40px 30px; + color:#ffffff; + letter-spacing:1px; + font-weight:600; + margin-bottom:25px; + border-radius:10px; + background-color:rgba(255,255,255,0.10); +} + +.comming-soon .social-box{ + position:relative; + margin-top:50px; +} + +.comming-soon .social-box a{ + position:relative; + color:#ffffff; + font-size:16px; + margin:0px 8px; + display:inline-block; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.comming-soon .social-box a:hover{ + color:var(--brand-primary); +} + +/*** + +==================================================================== + Error Section +==================================================================== + +***/ + +.error-section{ + position:relative; + text-align:center; + padding-bottom:100px; +} + +.error-section .theme-btn{ + position:relative; + margin-top:40px; +} + +/* Contact Form */ + +.contact-form{ + position:relative; +} + +.contact-form .form-group{ + position:relative; + margin-bottom:25px; +} + +.contact-form .form-group label{ + position:relative; + color:#5a5a5a; + font-size:16px; + margin-bottom:15px; +} + +.contact-form .form-group input{ + position:relative; + height:50px; + padding:6px 30px; + width:100%; + color:var(--brand-secondary); + border-radius:50px; + border:1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: 'Roboto Condensed' ; +} + +.contact-form .form-group textarea:focus, +.contact-form .form-group input:focus{ + border-color:var(--brand-primary); +} + +.contact-form .form-group textarea{ + position:relative; + height:150px; + width:100%; + resize:none; + padding:15px 30px; + border-radius:20px; + border:1px solid #f2f2f2; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ + font-family: 'Roboto Condensed' ; +} + +.contact-form .form-group button{ + border-radius:50px; + width:100%; +} + +.contact-form input.error, +.contact-form select.error, +.contact-form textarea.error{ + border-color:#ff0000 !important; +} + +.contact-form label.error{ + display:block; + line-height:24px; + padding:5px 0px 0px; + margin:0px; + text-transform:uppercase; + font-size:12px; + color:#ff0000; + font-weight:500; +} + +/*** + +==================================================================== + Contact Info Section +==================================================================== + +***/ + +.contact-info-section{ + position:relative; + padding:90px 0px 60px; +} + +.contact-info-section .inner-container{ + position:relative; + max-width:890px; + margin:0 auto; +} + +.contact-info-section .info-column{ + position:relative; + margin-bottom:30px; +} + +.contact-info-section .info-column .inner-column{ + position:relative; + padding-left:30px; +} + +.contact-info-section .info-column .inner-column .icon{ + position:absolute; + left:0px; + top:0px; + color:var(--brand-primary); + font-size:16px; + line-height:1em; +} + +.contact-info-section .info-column strong{ + position:relative; + color:#2b2b2b; + font-size:18px; + font-weight:700; + font-family: 'Roboto Condensed' ; +} + +.contact-info-section .info-column ul{ + position:relative; + margin-top:15px; +} + +.contact-info-section .info-column ul li{ + position:relative; + margin-bottom:5px; +} + +.contact-info-section .info-column ul li a{ + position:relative; + color:#5a5a5a; + font-size:15px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.contact-info-section .info-column ul li a:hover{ + color:var(--brand-primary); +} + +.contact-info-section .info-column .text{ + position:relative; + color:#5a5a5a; + font-size:15px; + line-height:1.8em; + margin-top:10px; +} + +/*** + +==================================================================== + Blog Page Section +==================================================================== + +***/ + +.blog-page-section{ + position:relative; + padding:95px 0px 40px; +} + +.blog-page-section .styled-pagination{ + margin-top:35px; +} + +/*** + +==================================================================== + Styled Pagination +==================================================================== + +***/ + +.styled-pagination{ + position:relative; + z-index:1; +} + +.styled-pagination li{ + position:relative; + margin:0px 10px; + display:inline-block; +} + +.styled-pagination li a{ + position:relative; + color:#5a5a5a; + font-size:18px; + font-weight:400; + display:inline-block; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ + font-family: 'Roboto Condensed' ; +} + +.styled-pagination li.active a, +.styled-pagination li:hover a{ + color:var(--brand-primary); +} + +.styled-pagination li.prev{ + position:absolute; + left:0px; + top:-12px; + margin-left:0px; +} + +.styled-pagination li.prev a{ + position:relative; + color:var(--dark); + font-size:18px; + width:160px; + height:48px; + text-align:center; + line-height:28px; + display:inline-block; + padding:10px 20px; + border-radius:50px; + margin-bottom:20px; + border:1px solid var(--dark); + font-family: 'Roboto Condensed'; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.styled-pagination li.prev a:hover{ + color:#ffffff; + border-color:var(--brand-primary); + background-color:var(--brand-primary); +} + +.styled-pagination li.next{ + position:absolute; + right:0px; + top:-12px; + margin-right:0px; +} + +.styled-pagination li.next a{ + position:relative; + right:0px; + top:0px; + color:var(--dark); + font-size:18px; + width:160px; + height:48px; + text-align:center; + line-height:26px; + display:inline-block; + padding:10px 20px; + border-radius:50px; + margin-bottom:20px; + border:1px solid var(--dark); + font-family: 'Roboto Condensed'; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.styled-pagination li.next a:hover{ + color:#ffffff; + border-color:var(--brand-primary); + background-color:var(--brand-primary); +} + +.styled-pagination li.prev a:hover, +.styled-pagination li.next a:hover{ + border-color:var(--brand-primary); + background-color:var(--brand-primary); +} + +/*** + +==================================================================== + Sidebar Page Container +==================================================================== + +***/ + +.sidebar-page-container{ + position:relative; + padding: 0; +} + +.sidebar-page-container .content-side, +.sidebar-page-container .sidebar-side{ + margin-bottom:40px; +} + +.sidebar-widget{ + margin-bottom:40px; +} + +/*Search Box Widget*/ + +.sidebar .search-box .form-group{ + position:relative; + margin:0px; +} + +.sidebar .search-box .form-group input[type="text"], +.sidebar .search-box .form-group input[type="search"]{ + position:relative; + line-height:30px; + padding:10px 50px 10px 30px; + background:#eef1f9; + display:block; + font-size:15px; + width:100%; + height:48px; + color:#797979; + font-weight:400; + border-radius:50px; + /* transition:all 500ms ease; */ + /* -moz-transition:all 500ms ease; */ + /* -webkit-transition:all 500ms ease; */ + /* -ms-transition:all 500ms ease; */ + /* -o-transition:all 500ms ease; */ +} + +.sidebar .search-box .form-group textarea::-webkit-input-placeholder, +.sidebar .search-box .form-group input::-webkit-input-placeholder{ + color:#797979; +} + +.sidebar .search-box .form-group button{ + position:absolute; + right:5px; + top:6px; + height:36px; + width:36px; + display:block; + font-size:14px; + color:#ffffff; + cursor:pointer; + line-height:34px; + border-radius:50px; + line-height:100%; + font-weight:normal; + background-color:var(--brand-primary); +} + +/*Sidebar Title*/ + +.sidebar-title{ + position: relative; + margin-bottom:0px; + padding:14px 20px; + display:block; + border-radius:8px; + background-color:#eef1f9; +} + +.sidebar-title h4{ + color: #2b2b2b; + font-weight: 700; + line-height: 1.2em; + text-transform: capitalize; +} + +/* Sticky Top */ + +.sticky-top{ + top:110px; + z-index:1; +} + +.sidebar .news-widget{ + position:relative; + margin-bottom:30px; + border-radius:10px; + box-shadow:0px 0px 15px rgba(0,0,0,0.10); +} + +.sidebar .news-widget .inner-box{ + position:relative; + overflow:hidden; + border-radius:10px; +} + +.sidebar .news-widget .inner-box .image{ + position:relative; + overflow:hidden; + border-radius:10px; +} + +.sidebar .news-widget .inner-box .image img{ + position:relative; + width:100%; + border-radius:10px; + /* -webkit-transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ + /* transition: all 600ms ease; */ +} + +.sidebar .news-widget .inner-box:hover .image { + background-color: var(--brand-primary); + transition: 0.4s ease-in; +} + +.sidebar .news-widget .inner-box:hover .image img{ + transform:scale(1.04,1.04); + opacity:0.5; +} + +.sidebar .news-widget .inner-box .lower-content{ + position:relative; + padding:30px 30px 30px; +} + +.sidebar .news-widget .inner-box .lower-content h5{ + position:relative; + line-height:1.3em; + font-weight:700; + margin-bottom:12px; +} + +.sidebar .news-widget .inner-box .lower-content h5 a{ + position:relative; + color:#2b2b2b; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.sidebar .news-widget .inner-box .lower-content h5 a:hover{ + color:var(--brand-primary); +} + +.sidebar .news-widget .inner-box .lower-content .text{ + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; + margin-bottom:15px; +} + +.sidebar .news-widget .inner-box .lower-content .learn{ + position:relative; + color:var(--brand-primary); + font-size:18px; + text-decoration:underline; + text-transform:capitalize; + font-family: 'Roboto Condensed' ; + /* -webkit-transition:all 300ms ease; */ + /* -ms-transition:all 300ms ease; */ + /* -o-transition:all 300ms ease; */ + /* -moz-transition:all 300ms ease; */ + /* transition:all 300ms ease; */ +} + +.sidebar .news-widget .inner-box .lower-content .learn:hover{ + text-decoration:underline; + color:#000000; +} + + +/* Categories Widget */ + +.categories-widget .widget-content{ + position:relative; + padding:25px 30px; + border-radius:8px; + box-shadow:0px 0px 15px rgba(0,0,0,0.10); +} + +.categories-widget ul{ + position:relative; +} + +.categories-widget ul li{ + position:relative; + padding-left:22px; + margin-bottom:8px; +} + +.categories-widget ul li:before{ + position:absolute; + content:''; + left:0px; + top:8px; + width:6px; + height:6px; + border-radius:50px; + background-color:var(--brand-primary); +} + +.categories-widget ul li a{ + position:relative; + color:#2b2b2b; + font-size:16px; + font-weight:500; + font-family: 'Roboto Condensed' ; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ +} + +.categories-widget ul li a:hover{ + color:var(--brand-primary); +} + +/* Tags */ + +.tags-widget .widget-content{ + position:relative; + padding:25px 30px; + border-radius:8px; + box-shadow:0px 0px 15px rgba(0,0,0,0.10); +} + +.tags-widget ul{ + position:relative; +} + +.tags-widget ul li{ + position:relative; + padding-left:22px; + margin-bottom:12px; + margin-right:20px; + display:inline-block; +} + +.tags-widget ul li:before{ + position:absolute; + content:''; + left:0px; + top:8px; + width:6px; + height:6px; + border-radius:50px; + background-color:var(--brand-primary); +} + +.tags-widget ul li a{ + position:relative; + color:#2b2b2b; + font-size:16px; + font-weight:500; + font-family: 'Roboto Condensed' ; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ +} + +.tags-widget ul li a:hover{ + color:var(--brand-primary); +} + +.news-block-two{ + position:relative; + margin-bottom:40px; +} + +.news-block-two .inner-box{ + position:relative; + overflow:hidden; + border-radius:10px; + box-shadow:0px 0px 20px rgba(0,0,0,0.10); +} + +.news-block-two .inner-box .upper-box{ + position: relative; + padding: 30px 40px; +} + +.news-block-two .inner-box .upper-box .category{ + position:relative; + color:#5a5a5a; + font-size:16px; +} + +.news-block-two .inner-box .upper-box h4{ + position:relative; + line-height:1.3em; + font-weight:700; + margin-top:8px; +} + +.news-block-two .inner-box .upper-box h4 a{ + position:relative; + color: var(--dark); + transition:all 0.3s ease; + -moz-transition:all 0.3s ease; + -webkit-transition:all 0.3s ease; + -ms-transition:all 0.3s ease; + -o-transition:all 0.3s ease; +} + +.news-block-two .inner-box .upper-box h4 a:hover{ + color:var(--brand-primary); +} + +.news-block-two .inner-box .upper-box h2{ + position:relative; + line-height:1.3em; + font-weight:700; + margin-top:8px; + color: var(--dark); +} + +.news-block-two .inner-box .image{ + position:relative; + overflow:hidden; + border-radius:10px; +} + +.news-block-two .inner-box .image img{ + position:relative; + width:100%; + border-radius:10px; + -webkit-transition: all 600ms ease; + -moz-transition: all 600ms ease; + -ms-transition: all 600ms ease; + -o-transition: all 600ms ease; + transition: all 600ms ease; +} + +.news-block-two .inner-box:hover .image { + background-color: var(--brand-primary); + transition: 0.4s ease-in; +} + +.news-block-two .inner-box:hover .image img{ + transform:scale(1.04,1.04); + opacity:0.5; +} + +.news-block-two .inner-box .lower-box{ + position:relative; + padding:20px 40px 20px; +} + +.news-block-two .inner-box .post-meta{ + position:relative; + margin-top:17px; +} + +.news-block-two .inner-box .post-meta li{ + position:relative; + margin-right:20px; + color:#5a5a5a; + font-size:16px; + display:inline-block; + vertical-align: middle; +} + +.news-block-two .inner-box .post-meta li .icon{ + position:relative; + margin-right:10px; +} + +.news-block-two .inner-box .post-meta li:last-child{ + margin-right:0px; +} + +/* Blog Detail */ + +.blog-detail{ + position:relative; + margin-bottom:40px; +} + +.blog-detail .inner-box{ + position:relative; + overflow:hidden; + border-radius:10px; + padding-bottom:40px; + margin-bottom:60px; + box-shadow:0px 0px 20px rgba(0,0,0,0.10); +} + +.blog-detail .inner-box .upper-box{ + position:relative; + padding:30px 60px; +} + +.blog-detail .inner-box .upper-box .category{ + position:relative; + color:#5a5a5a; + font-size:16px; +} + +.blog-detail .inner-box .upper-box h4{ + position:relative; + line-height:1.3em; + font-weight:700; + margin-top:8px; +} + +.blog-detail .inner-box .upper-box h4 a{ + position:relative; + color:#2b2b2b; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ +} + +.blog-detail .inner-box .upper-box h4 a:hover{ + color:var(--brand-primary); +} + +.blog-detail .inner-box .image{ + position:relative; + overflow:hidden; + background-color:var(--brand-primary); +} + +.blog-detail .inner-box .image img{ + position:relative; + width:100%; + /* -webkit-transition: all 600ms ease; */ + /* -moz-transition: all 600ms ease; */ + /* -ms-transition: all 600ms ease; */ + /* -o-transition: all 600ms ease; */ + /* transition: all 600ms ease; */ +} + +.blog-detail .inner-box .image:hover img{ + transform:scale(1.04,1.04); + opacity:0.5; +} + +.blog-detail .inner-box .lower-box{ + position:relative; + padding:20px 0px 0px; +} + +.blog-detail .inner-box .lower-box .post-meta{ + position:relative; + padding-left:70px; + margin-top:17px; + margin-bottom:17px; +} + +.blog-detail .inner-box .lower-box .post-meta li{ + position:relative; + margin-right:20px; + color:#5a5a5a; + font-size:16px; + display:inline-block; +} + +.blog-detail .inner-box .lower-box .post-meta li .icon{ + position:relative; + margin-right:10px; +} + +.blog-detail .inner-box .lower-box .post-meta li:last-child{ + margin-right:0px; +} + +.blog-detail .inner-box .lower-box article { + position:relative; + color:#5a5a5a; + font-size:16px; + line-height:1.8em; + margin-bottom:28px; + padding-left:70px; + padding-right:70px; +} + +.blog-detail .inner-box .lower-box .column{ + margin-bottom:28px; +} + +.blog-detail .inner-box .post-share-options{ + position:relative; + text-align:center; +} + +.blog-detail .inner-box .post-share-options .social-box{ + position:relative; +} + +.blog-detail .inner-box .post-share-options .social-box .share{ + position:relative; + font-size:1rem; +} + +.blog-detail .inner-box .post-share-options .social-box .share i{ + position:relative; + margin-left:12px; +} + +.blog-detail .inner-box .post-share-options .social-box li{ + position:relative; + margin-left:20px; + display:inline-block; +} + +.blog-detail .inner-box .post-share-options .social-box li a{ + position:relative; + font-size:18px; + /* transition:all 0.3s ease; */ + /* -moz-transition:all 0.3s ease; */ + /* -webkit-transition:all 0.3s ease; */ + /* -ms-transition:all 0.3s ease; */ + /* -o-transition:all 0.3s ease; */ +} + +.blog-detail h2>a { + color: var(--dark); +} + +.blog-detail h2>a:hover { + color: var(--brand-primary); +} + +.pull-left { + float: left; +} + +.pull-right { + float: right; +} +