/********************************************************************************* Template Name: Fsulting - Financial Consulting Bootstrap 4 Template Description: Fsulting is a beautiful and unique financial & consulting html template which comes with bootstrap 4 framework. Version: 1 Note: This is style css. **********************************************************************************/ /************************************************************** STYLESHEET INDEXING | | |___ Basic Styles | | | |___ Reset Styles | |___ Typography Styles | |___ Helper Class | | |___Elements Styles | |___ Button Styles | |___ Section Title Styles | |___ Bars Styles | |___ Slider Elements Styles | |___ Social Icons Styles | |___ Breadcrumb Styles | |___ Pagination Style | |___ Widget Styels | |___ Pricebox | | |___Blocks Styles | |___ Header Styles | |___ Navigation Styles | |___ Banner Styles | |___ About Area | |___ Features area styles | |___ Service Area | |___ Funfact Area | |___ Testimonial Styles | |___ Blog Styles | |___ Call to action styles | |___ Features Page | |___ Services Page Styles | |___ Single Service Page Styles | |___ Blog Details Styles | |___ Commentbox & Commentlist Style | |___ Contact Page Styles | |___ Appointment Page Styles | |___ Team Details | |___ Portfolio | |___ Portfolio Details | |___ Boxed Layout Styles | |___ Footer Styles | | |___ END STYLESHEET INDEXING ***************************************************************/ /******************* Basic Styles ********************/ /** Reset Styles */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block; } audio, canvas, video {display: inline-block; } audio:not([controls]) {display: none;height: 0; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea {font-family: "Source Sans Pro", Helvetica, sans-serif; } body {color: #141412;line-height: 1.5;margin: 0; } a {color: #0a2968;text-decoration: none; } a:visited { color: #0a2968; } a:focus {outline: thin dotted; } a:active, a:hover {color: #0a2968;outline: 0; } a:hover {text-decoration: underline; } h1, h2, h3, h4, h5, h6 {clear: both;font-family: Bitter, Georgia, serif;line-height: 1.3; } h1 {font-size: 48px; margin: 33px 0; } h2 { font-size: 30px; margin: 25px 0; } h3 { font-size: 22px; margin: 22px 0; } h4 {font-size: 20px; margin: 25px 0; } h5 {font-size: 18px; margin: 30px 0; } h6 {font-size: 16px;margin: 36px 0; } address {font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong {font-weight: bold; } dfn {font-style: italic; } mark { background: #ff0;color: #000; } p { margin: 0 0 24px; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-family: monospace;font-size: 14px;margin: 20px 0;overflow: auto;padding: 20px;white-space: pre;white-space: pre-wrap;word-wrap: break-word; } blockquote, q {-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;hyphens: none;quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic;font-weight: 300; margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; } blockquote em, blockquote i { font-style: normal;font-weight: 300; } blockquote strong, blockquote b {font-weight: 400; } small {font-size: smaller; } sub, sup { font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; } sup {top: -0.5em; } sub {bottom: -0.25em; } dl { margin: 0 20px; } dt {font-weight: bold; } dd {margin: 0 0 20px; } menu, ol, ul { margin: 16px 0;padding: 0 0 0 40px; } ul {list-style-type: none; padding: 0 } nav ul, nav ol {list-style: none;list-style-image: none; } li > ul, li > ol { margin: 0; } img { -ms-interpolation-mode: bicubic; border: 0;vertical-align: middle; } svg:not(:root) {overflow: hidden; } figure {margin: 0; } form {margin: 0; } fieldset {border: 1px solid #c0c0c0;margin: 0 2px;min-width: inherit;padding: 0.35em 0.625em 0.75em; } legend {border: 0;padding: 0; white-space: normal; } button, input, select, textarea {font-size: 100%;margin: 0; max-width: 100%;vertical-align: baseline; } button, input {line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer; } button[disabled], input[disabled] {cursor: default; } input[type="checkbox"], input[type="radio"] {padding: 0; } input[type="search"] {-webkit-appearance: textfield;padding-right: 2px;/* Don't cut off the webkit search cancel button */width: 270px; } input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } textarea {overflow: auto;vertical-align: top; } table { border-bottom: 1px solid #ededed;border-collapse: collapse; border-spacing: 0; font-size: 14px;line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td {font-weight: normal;text-align: left; } caption {font-size: 16px; margin: 20px 0; } th {font-weight: bold;text-transform: uppercase; } td {border-top: 1px solid #ededed;padding: 6px 10px 6px 0; } del {color: #333; } ins {background: #fff9c0;text-decoration: none; } hr {background-size: 4px 4px;border: 0;height: 1px;margin: 0 0 24px; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder {color: #7d7b6d; } :-moz-placeholder {color: #7d7b6d; } ::-moz-placeholder {color: #7d7b6d; } :-ms-input-placeholder {color: #7d7b6d; } /** Typography Styles */ html {overflow-x: hidden; } body {overflow-x: hidden;font-size: 15px;line-height: 26px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family:'Noto Sans KR',"Work Sans", sans-serif;color: #111;font-weight: 400; } img {max-width: 100%; } ::-webkit-input-placeholder {color: #afafaf;font-size: 16px; } :-moz-placeholder {color: #afafaf;font-size: 16px; } ::-moz-placeholder {color: #afafaf;font-size: 16px; } :-ms-input-placeholder {color: #afafaf;font-size: 16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {margin: 0;margin-bottom: 15px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Noto Sans',"Poppins", sans-serif;line-height: 1.3; } h1, .h1 {font-size: 36px; } h2, .h2 {font-size: 32px; } h3, .h3 {font-size: 26px; } h4, .h4 {font-size: 20px; } h5, .h5 {font-size: 18px; } h6, .h6 {font-size: 16px; } @media only screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 {font-size: 36px; } h2, .h2 {font-size: 26px; } } @media only screen and (max-width: 767px) { h1, .h1 {font-size: 32px; } h2, .h2 {font-size: 28px; } h3, .h3 {font-size: 24px; } h4, .h4 {font-size: 20px; } } @media only screen and (max-width: 575px) { h1, .h1 {font-size: 28px; } h2, .h2 {font-size: 24px; } h3, .h3 {font-size: 22px; } h4, .h4 {font-size: 20px; } } h1, .h1, h2, .h2 {font-weight: 700; } h3, .h3, h4, .h4 {font-weight: 600; } h5, .h5, h6, .h6 {font-weight: 500; } a { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a:hover, a:focus, a:active {text-decoration: none;outline: none; } .pg-contact input, .pg-contact select {height: 45px;line-height: 45px; } .pg-contact input, .pg-contact select, .pg-contact textarea { background: transparent; border: 1px solid #d9d9d9; padding: 0 20px; width: 100%; font-size: 16px; color: #afafaf; font-family: "Work Sans", sans-serif; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {outline: none;border-color: #00AC1F; } input, select, button, textarea {font-family: "Work Sans", sans-serif; } option {font-weight: 300; } /* select {background: url(images/icons/caret-down.png) no-repeat scroll;background-position: center right 15px; } */ blockquote {background: #fafafa;border-left: 4px solid #00AC1F;padding: 30px;padding-left: 34px;color: #454545;font-size: 16px;font-weight: 500;font-style: italic; } @media only screen and (max-width: 767px) { blockquote {padding: 60px; padding-left: 105px; } } @media only screen and (max-width: 575px) { blockquote {padding: 40px;padding-left: 30px;padding-right: 20px; } blockquote:before {left: 5px;top: 5px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { input, select, textarea {padding: 0 15px; } } /** Helper Class */ .hidden {display: none; } .alignright {float: right;padding-left: 15px; } .alignleft {float: left;padding-right: 15px; } .visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0; position: absolute;width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto; margin: 0;overflow: visible;position: static;width: auto; } .invisible {visibility: hidden; } .clearfix:before, .clearfix:after {content: " ";/* 1 */display: table;/* 2 */ } .clearfix:after {clear: both; } /* Define Colors */ .color--theme {color: #0a2968; } .colog--blue {color: #333982; } .colog--green {color: #00AC1F; } .colog--orange {color: #EF785A; } .color--yellow {color: #EFC418; } .color--light {color: #999999; } .color--dark {color: #333333; } .color--black {color: #000000; } .color--white {color: #ffffff; } /* Background Color */ .bg--theme {background: #00AC1F; } .bg--secondary {background: #333982; } .bg--blue {background: #333982; } .bg--green {background: #00AC1F; } .bg--yellow {background: #EFC418; } .bg--orange {background: #EF785A; } .bg--light {background: #999999; } .bg--dark {background:#0a2968; } .bg--dark--light {background: #2a2a2a; } .bg--black {background: #000000; } .bg--white {background: #ffffff; } .bg--grey {background: #fafafa; } .bg--grey--light {background: #0a2968; } .bg--grey--f2 {background: #f2f2f2; } .bg--abstruct-mask {position: relative; } .bg--abstruct-mask:before, .bg--abstruct-mask:after {content: "";top: 0;height: 100%;width: 25%;position: absolute;background-size: cover; } .bg--abstruct-mask:before {left: 0;/*background: url(images/bg/abstruct-mask-left.png) no-repeat scroll;background-position: center center;*/background-color: #fff; } .bg--abstruct-mask:after {right: 0;/*background: url(images/bg/abstruct-mask-right.png) no-repeat scroll;background-position: center center;*/background-color: #fff; } .bg--abstruct-mask > div {position: relative; } /* Background Image */ .bg-image-- {background-image: url(images/bg/6.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--1 {background-image: url(images/bg/1.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--2 {background-image: url(images/bg/2.jpg); background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--3 {background-image: url(images/bg/3.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--4 {background-image: url(images/bg/4.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--5 {background-image: url(images/bg/5.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--6 {background-image: url(images/bg/6.jpg); background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--7 {background-image: url(images/bg/7.jpg); background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--8 {background-image: url(images/bg/8.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--9 {background-image: url(images/bg/9.jpg);background-repeat: no-repeat;background-size: cover; background-position: center center; } .bg-image--10 {background-image: url(images/bg/10.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--11 {background-image: url(images/bg/11.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--12 {background-image: url(images/bg/12.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--13 {background-image: url(images/bg/13.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--14 {background-image: url(images/bg/14.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--15 {background-image: url(images/bg/15.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--16 {background-image: url(images/bg/16.jpg);background-repeat: no-repeat; background-size: cover;background-position: center center; } .bg-image--17 {background-image: url(images/bg/17.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--18 {background-image: url(images/bg/18.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--19 {background-image: url(images/bg/19.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } .bg-image--20 {background-image: url(images/bg/20.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center; } /* Text specialized */ .text--italic {font-style: italic; } .text--normal {font-style: normal; } .text--underline {font-style: underline; } /* Font specialized */ .body--font {font-family: "Work Sans", sans-serif; } .heading--font {font-family: "Poppins", sans-serif; } /* Height and width */ .fullscreen {min-height: 100vh;width: 100%; } .w--100 { width: 100%; } .w--75 {width: 75%; } .w--50 {width: 50%; } .w--33 {width: 33.33%; } .w--25 {width: 25%; } .w--10 {width: 10%; } .h--100 {height: 100%; } .h--75 {height: 75%; } .h--50 {height: 50%; } .h--25 {height: 25%; } .h--33 {height: 33.33%; } .h--10 {height: 10%; } /* Section padding */ .section-padding--xlg {padding: 120px 0; } .section-padding--lg {padding: 100px 0; } .section-padding--md {padding: 80px 0; } .section-padding--sm {padding: 65px 0; } .section-padding--xs {padding: 40px 0; } .section-padding-top--xlg {padding-top: 120px; } .section-padding-top--lg {padding-top: 100px; } .section-padding-top--md {padding-top: 80px; } .section-padding-top--sm {padding-top: 65px; } .section-padding-top--xs {padding-top: 50px; } .section-padding-top--xxs {padding-top: 30px; } .section-padding-bottom--xlg { padding-bottom: 120px; } .section-padding-bottom--lg {padding-bottom: 100px; } .section-padding-bottom--md { padding-bottom: 80px; } .section-padding-bottom--sm {padding-bottom: 65px; } .section-padding-bottom--xs {padding-bottom: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-padding--xlg {padding: 100px 0; } .section-padding--lg {padding: 80px 0; } .section-padding--md {padding: 70px 0; } .section-padding--sm { padding: 60px 0; } .section-padding--xs {padding: 35px 0; } .section-padding-top--xlg { padding-top: 100px; } .section-padding-top--lg { padding-top: 80px; } .section-padding-top--sm {padding-top: 70px; } .section-padding-top--sm {padding-top: 60px; } .section-padding-bottom--xlg {padding-bottom: 100px; } .section-padding-bottom--lg {padding-bottom: 80px; } .section-padding-bottom--md { padding-bottom: 70px; } .section-padding-bottom--sm {padding-bottom: 60px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-padding--xlg {padding: 80px 0; } .section-padding--lg {padding: 70px 0; } .section-padding--md {padding: 60px 0; } .section-padding-top--xlg {padding-top: 80px; } .section-padding-top--lg {padding-top: 70px; } .section-padding-top--sm {padding-top: 60px; } .section-padding-bottom--xlg {padding-bottom: 80px; } .section-padding-bottom--lg { padding-bottom: 70px; } .section-padding-bottom--md { padding-bottom: 60px; } } @media only screen and (max-width: 767px) { .section-padding--xlg {padding: 70px 0; } .section-padding--lg {padding: 60px 0; } .section-padding--md {padding: 50px 0; } .section-padding-top--xs {padding-top: 20px; } .section-padding-top--xlg {padding-top: 70px; } .section-padding-top--lg {padding-top: 60px; } .section-padding-top--sm {padding-top: 50px; } .section-padding-bottom--xlg {padding-bottom: 70px; } .section-padding-bottom--lg {padding-bottom: 60px; } .section-padding-bottom--md {padding-bottom: 50px; } } .mt-10-reverse {margin-top: -10px; } .mt-20-reverse {margin-top: -20px; } .mt-30-reverse {margin-top: -30px; } /* Overlay styles */ [data-overlay], [data-black-overlay] {position: relative; } [data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > * {position: relative;z-index: 2; } [data-overlay]:before, [data-black-overlay]:before {content: "";position: absolute;left: 0;top: 0;height: 100%; width: 100%; z-index: 1; } [data-overlay]:before {background-color: #0a2968; } [data-black-overlay]:before { background-color: #000000; } [data-overlay="1"]:before, [data-black-overlay="1"]:before {opacity: 0.1; } [data-overlay="2"]:before, [data-black-overlay="2"]:before {opacity: 0.2; } [data-overlay="3"]:before, [data-black-overlay="3"]:before {opacity: 0.3; } [data-overlay="4"]:before, [data-black-overlay="4"]:before {opacity: 0.4; } [data-overlay="5"]:before, [data-black-overlay="5"]:before {opacity: 0.5; } [data-overlay="6"]:before, [data-black-overlay="6"]:before {opacity: 0.6; } [data-overlay="7"]:before, [data-black-overlay="7"]:before {opacity: 0.7; } [data-overlay="8"]:before, [data-black-overlay="8"]:before {opacity: 0.8; } [data-overlay="9"]:before, [data-black-overlay="9"]:before {opacity: 0.9; } [data-overlay="10"]:before, [data-black-overlay="10"]:before {opacity: 1; } /* Other Styels */ [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: inherit; font-style: normal; margin-left: 0; line-height: inherit; } #scrollUp { right: 30px; bottom: 30px; height: 45px; width: 45px; line-height: 44px; text-align: center; background: #02a21d; color: #ffffff; font-size: 22px; border-radius: 100%; border: 1px solid #02a21d; -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1); -webkit-animation: bounceIn 0.8s ease-in-out 1 both; -moz-animation: bounceIn 0.8s ease-in-out 1 both; -ms-animation: bounceIn 0.8s ease-in-out 1 both; -o-animation: bounceIn 0.8s ease-in-out 1 both; animation: bounceIn 0.8s ease-in-out 1 both; } button.plyr__play-large { background: #00AC1F;padding: 15px;border: 2px solid #ffffff; } button.plyr__play-large:focus, button.plyr__play-large:active {outline: none; border: none; } .plyr input[type=range] {background: #00AC1F;border-radius: 100px;height: 8px; } .plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { background: #EF785A; } .select2-container { width: 100% !important; } .select2-container .select2-selection--single { height: 45px; border-radius: 0; background: transparent;border: 1px solid #d9d9d9;color: #454545; } .select2-container .select2-selection--single:focus, .select2-container .select2-selection--single:active {outline: none; } .select2-container .select2-selection--single:focus { border-color: #00AC1F; } .select2-container .select2-selection--single .select2-selection__rendered {color: #454545; } .select2-container--default .select2-selection--single .select2-selection__rendered {padding-left: 20px;line-height: 45px; } .select2-container--default .select2-selection--single .select2-selection__arrow {top: 10px;right: 5px; } .select2-search--dropdown {display: none; } .select2-results__option { padding: 2px 10px 0px 16px; } .select2-dropdown {border-radius: 0; } [class*=" flaticon-"] { vertical-align: middle; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-size: inherit; margin-left: 0; } /******************* Elements Styles ********************/ /** Button Styles */ a.cr-btn, button.cr-btn, .cr-btn { display: inline-block; background: #02a21d; padding: 7px 30px; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 14px; position: relative; vertical-align: middle; overflow: hidden; -webkit-transition: border-color 0.5s ease-in-out 0s; -moz-transition: border-color 0.5s ease-in-out 0s; -ms-transition: border-color 0.5s ease-in-out 0s; -o-transition: border-color 0.5s ease-in-out 0s; transition: border-color 0.5s ease-in-out 0s; } a.cr-btn span, button.cr-btn span, .cr-btn span {position: relative;line-height: auto; } a.cr-btn:before, button.cr-btn:before, .cr-btn:before { content: ""; left: 50%; top: 50%; height: 400px; width: 400px; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: box-shadow 0.5s ease-in-out 0s; -moz-transition: box-shadow 0.5s ease-in-out 0s; -ms-transition: box-shadow 0.5s ease-in-out 0s; -o-transition: box-shadow 0.5s ease-in-out 0s; -webkit-transition: -webkit-box-shadow 0.5s ease-in-out 0s; transition: -webkit-box-shadow 0.5s ease-in-out 0s; transition: box-shadow 0.5s ease-in-out 0s; transition: box-shadow 0.5s ease-in-out 0s, -webkit-box-shadow 0.5s ease-in-out 0s; border-radius: 100%; } a.cr-btn:hover, button.cr-btn:hover, .cr-btn:hover {color: #fff;background-color: #3bb174; } a.cr-btn:hover:before, button.cr-btn:hover:before, .cr-btn:hover:before { -webkit-box-shadow: inset 0 0 0 0 #2a364e; -moz-box-shadow: inset 0 0 0 0 #2a364e; -ms-box-shadow: inset 0 0 0 0 #2a364e; -o-box-shadow: inset 0 0 0 0 #2a364e; box-shadow: inset 0 0 0 0 #2a364e;} a.cr-btn.cr-btn--lg, button.cr-btn.cr-btn--lg, .cr-btn.cr-btn--lg {padding:6px 30px; } a.cr-btn.cr-btn--sm, button.cr-btn.cr-btn--sm, .cr-btn.cr-btn--sm {padding: 8px 40px; } a.cr-btn.cr-btn--transparent, button.cr-btn.cr-btn--transparent, .cr-btn.cr-btn--transparent {font-weight: 600;font-size: 14px;color: #646464;background: transparent;} a.cr-btn.cr-btn--transparent:hover, button.cr-btn.cr-btn--transparent:hover, .cr-btn.cr-btn--transparent:hover {color: #fff; } a.cr-btn.cr-btn--transparent:hover:before, button.cr-btn.cr-btn--transparent:hover:before, .cr-btn.cr-btn--transparent:hover:before { -webkit-box-shadow: inset 0 0 0 400px #2a364e; -moz-box-shadow: inset 0 0 0 400px #2a364e; -ms-box-shadow: inset 0 0 0 400px #2a364e; -o-box-shadow: inset 0 0 0 400px #2a364e; box-shadow: inset 0 0 0 400px #2a364e; } /* Readmore Buttons */ .cr-readmore, a.cr-readmore, button.cr-readmore { display: inline-block;border: 1px solid #00AC1F; padding: 3px 18px;color: #00AC1F; } .cr-readmore-2, a.cr-readmore-2, button.cr-readmore-2 {display: inline-block;color: #00AC1F;font-weight: 500; } .cr-readmore-2::after, a.cr-readmore-2::after, button.cr-readmore-2::after { content: "\f101"; font-family: 'fontAwesome'; padding-left: 5px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .cr-readmore-2:hover, a.cr-readmore-2:hover, button.cr-readmore-2:hover { color: #00AC1F; } .cr-readmore-2:hover::after, a.cr-readmore-2:hover::after, button.cr-readmore-2:hover::after { padding-left: 10px; } a.video-btn, button.video-btn, .video-btn { display: inline-block; height: 60px; width: 60px; text-align: center; border-radius: 100px; background: #00AC1F; color: #ffffff; line-height: 1; font-size: 28px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a.video-btn i, button.video-btn i, .video-btn i { line-height: 60px; padding-left: 5px; } a.video-btn:hover, button.video-btn:hover, .video-btn:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } /** Section Title Styles */ .section-title {padding-left: 0;padding-right: 90px; } .section-title h4 {color: #323232;font-weight: 600;margin-bottom: 5px;line-height: 1;margin-top: -2px; } .section-title h2 {color: #2b2b2b;font-weight: 700; } .section-title.text-center {padding: 0 60px;text-align: center; } .section-title.text-right {padding-right: 0;padding-left: 90px; } .section-title.no-padding {padding: 0 !important; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-title {padding-right: 30px; } .section-title.text-center {padding: 0 25px; } .section-title.text-right { padding-left: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-title { padding-right: 30px; } .section-title.text-center { padding: 0 25px; } .section-title.text-right {padding-left: 30px; } } @media only screen and (max-width: 767px) { .section-title {padding-right: 30px; } .section-title.text-center { padding: 0 25px; } .section-title.text-right { padding-left: 30px; } } @media only screen and (max-width: 575px) { .section-title {padding-right: 0; } .section-title.text-center {padding: 0; } .section-title.text-right {padding-left: 0; } } h4.small-title {color: #303030;font-weight: 700;text-transform: uppercase;margin-bottom: 40px; } /** Slider Elements Styles */ .blog--slider-active .blog__thumb { position: relative; } .blog--slider-active .blog__thumb .cr-slick-arrow { position: absolute; top: 50%; height: 35px; width: 35px; margin-top: -17px; outline: none; border: none; display: inline-block; border-radius: 100%; background: #303030; color: #fff; font-size: 18px; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .blog--slider-active .blog__thumb .cr-slick-arrow:hover { background: #02a21d; } .blog--slider-active .blog__thumb .cr-slick-arrow i { line-height: 35px; } .blog--slider-active .blog__thumb .cr-slick-arrow:active, .blog--slider-active .blog__thumb .cr-slick-arrow:focus { outline: none; } .blog--slider-active .blog__thumb .cr-slick-arrow.cr-slick-prev { left: 25px; } .blog--slider-active .blog__thumb .cr-slick-arrow.cr-slick-next { right: 25px; } .blog--slider-active .blog__thumb:hover .cr-slick-arrow { opacity: 1; visibility: visible; } /* Slider Arrow Style */ .banner-slider-active { position: relative; } .banner-slider-active .cr-slick-arrow { position: absolute; top: 50%; height: 60px; width: 60px; margin-top: -30px; outline: none; border: none; display: inline-block; border-radius: 100%; background: rgba(255, 255, 255, 0.2); color: #fff; font-size: 30px; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .banner-slider-active .cr-slick-arrow i {line-height: 58px; } .banner-slider-active .cr-slick-arrow:hover {background: #2a364e; } .banner-slider-active .cr-slick-arrow.cr-slick-prev {left: 0; } .banner-slider-active .cr-slick-arrow.cr-slick-next {right: 0; } .banner-slider-active:hover .cr-slick-arrow {visibility: visible;opacity: 1; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev {left: 2%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next {right: 2%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner-slider-active .cr-slick-arrow {top: auto;bottom: 25px; height: 50px; width: 50px;font-size: 24px; } .banner-slider-active .cr-slick-arrow i { line-height: 48px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev {left: auto;right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next { right: auto; left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev {left: auto;right: calc(50% + 15px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next {right: auto; left: calc(50% + 15px); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-slider-active .cr-slick-arrow {height: 42px;width: 42px;font-size: 20px;top: auto;bottom: 25px; } .banner-slider-active .cr-slick-arrow i {line-height: 40px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev {left: auto;right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next {right: auto;left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev {left: auto; right: calc(50% + 15px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next {right: auto;left: calc(50% + 15px); } } @media only screen and (max-width: 767px) { .banner-slider-active .cr-slick-arrow { height: 36px; width: 36px; font-size: 18px; top: auto;bottom: 20px; } .banner-slider-active .cr-slick-arrow i {line-height: 34px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev { left: auto;right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next {right: auto;left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev {left: auto;right: calc(50% + 10px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next { right: auto;left: calc(50% + 10px); } } /* Slider Pagination */ .slider--pagination { position: relative; margin-bottom: 0 !important; } .slider--pagination ul.slick-dots { position: absolute; bottom: 5%; right: 8%; display: inline-block; width: auto; counter-reset: li; list-style-type: none; } .slider--pagination ul.slick-dots li { position: relative; display: inline-block; width: auto; height: 30px; margin: 0 12px; padding: 0; cursor: pointer; line-height: 30px; } .slider--pagination ul.slick-dots li button { display: none; } .slider--pagination ul.slick-dots li:before { counter-increment: li; content: "0" counter(li); height: 50px; width: 50px; color: #d6d6d6; letter-spacing: .5px; font-weight: 600; font-size: 24px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .slider--pagination ul.slick-dots li.slick-active:before { color: #767676; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider--pagination ul.slick-dots { bottom: 2%; right: 50%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } } @media only screen and (max-width: 767px) { .slider--pagination ul.slick-dots { bottom: 2%; right: 50%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .slider--pagination ul.slick-dots li:before { font-size: 18px; } } /** Social Icons Styles */ .social-icons ul {padding-left: 0;list-style: none;margin-bottom: 0; } .social-icons ul li {display: inline-block;padding: 0 12px;font-size: 14px; } .social-icons ul li a {color: #ffffff;display: inline-block; } .social-icons ul li:hover a { color: #00AC1F; } .social-icons ul li:first-child {padding-left: 0; } .social-icons ul li:last-child { padding-right: 0; } .social-icons ul li.facebook:hover a {color: #3B5998; } .social-icons ul li.twitter:hover a {color: #00ACEE; } .social-icons ul li.google-plus:hover a {color: #DD4B39; } .social-icons ul li.pinterest:hover a {color: #C8232C; } .social-icons ul li.linkedin:hover a { color: #0E76A8; } .social-icons ul li.flickr:hover a {color: #FF0084; } .social-icons ul li.dribbble:hover a {color: #EA4C89; } .social-icons ul li.google:hover a {color: #DD4B39; } .social-icons ul li.skype:hover a {color: #00AFF0; } .social-icons ul li.youtube:hover a {color: #C4302B; } .social-icons ul li.vimeo:hover a {color: #86C9EF; } .social-icons ul li.yahoo:hover a {color: #720E9E; } .social-icons ul li.paypal:hover a {color: #00588B; } .social-icons ul li.instagram:hover a {color: #D6317D; } .social-icons.social-icons--white ul li a {color: #ffffff; } .social-icons.social-icons--rounded ul li {padding: 0 8px; } .social-icons.social-icons--rounded ul li:first-child {padding-left: 0; } .social-icons.social-icons--rounded ul li:last-child {padding-right: 0; } .social-icons.social-icons--rounded ul li a {display: inline-block;height: 30px;width: 30px;line-height: 30px;text-align: center;border: 1px solid #949494;color: #949494;border-radius: 100%;font-size: 13px; } .social-icons.social-icons--rounded ul li:hover a {background: #00AC1F;color: #ffffff;border-color: #00AC1F; } .social-icons.social-icons--rounded ul li.facebook:hover a {background: #3B5998;border-color: #3B5998; } .social-icons.social-icons--rounded ul li.twitter:hover a {background: #00ACEE;border-color: #00ACEE; } .social-icons.social-icons--rounded ul li.google-plus:hover a {background: #DD4B39;border-color: #DD4B39; } .social-icons.social-icons--rounded ul li.pinterest:hover a {background: #C8232C;border-color: #C8232C; } .social-icons.social-icons--rounded ul li.linkedin:hover a {background: #0E76A8; border-color: #0E76A8; } .social-icons.social-icons--rounded ul li.flickr:hover a {background: #FF0084;border-color: #FF0084; } .social-icons.social-icons--rounded ul li.dribbble:hover a {background: #EA4C89;border-color: #EA4C89; } .social-icons.social-icons--rounded ul li.google:hover a {background: #DD4B39;border-color: #DD4B39; } .social-icons.social-icons--rounded ul li.skype:hover a {background: #00AFF0;border-color: #00AFF0; } .social-icons.social-icons--rounded ul li.youtube:hover a {background: #C4302B;border-color: #C4302B; } .social-icons.social-icons--rounded ul li.vimeo:hover a {background: #86C9EF;border-color: #86C9EF; } .social-icons.social-icons--rounded ul li.yahoo:hover a {background: #720E9E;border-color: #720E9E; } .social-icons.social-icons--rounded ul li.paypal:hover a {background: #00588B;border-color: #00588B; } .social-icons.social-icons--rounded ul li.instagram:hover a {background: #D6317D;border-color: #D6317D; } .social-icons.social-icons--rounded.social-icons--medium ul li a {height: 35px;width: 35px;line-height: 36px; } .social-icons.social-icons--rounded-color ul li {padding: 0 4px; } .social-icons.social-icons--rounded-color ul li:first-child { padding-left: 0; } .social-icons.social-icons--rounded-color ul li:last-child {padding-right: 0; } .social-icons.social-icons--rounded-color ul li a {display: inline-block; height: 25px;width: 25px;line-height: 27px;text-align: center;border: 1px solid #cccccc;border-radius: 100%;font-size: 12px; } .social-icons.social-icons--rounded-color ul li.facebook a {background: #3B5998;border-color: #3B5998; } .social-icons.social-icons--rounded-color ul li.facebook:hover a {color: #3B5998; } .social-icons.social-icons--rounded-color ul li.twitter a {background: #00ACEE;border-color: #00ACEE; } .social-icons.social-icons--rounded-color ul li.twitter:hover a {color: #00ACEE; } .social-icons.social-icons--rounded-color ul li.google-plus a { background: #DD4B39; border-color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.google-plus:hover a { color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.pinterest a {background: #C8232C;border-color: #C8232C; } .social-icons.social-icons--rounded-color ul li.pinterest:hover a {color: #C8232C; } .social-icons.social-icons--rounded-color ul li.linkedin a {background: #0E76A8;border-color: #0E76A8; } .social-icons.social-icons--rounded-color ul li.linkedin:hover a {color: #0E76A8; } .social-icons.social-icons--rounded-color ul li.flickr a {background: #FF0084;border-color: #FF0084; } .social-icons.social-icons--rounded-color ul li.flickr:hover a {color: #FF0084; } .social-icons.social-icons--rounded-color ul li.dribbble a {background: #EA4C89;border-color: #EA4C89; } .social-icons.social-icons--rounded-color ul li.dribbble:hover a {color: #EA4C89; } .social-icons.social-icons--rounded-color ul li.google a { background: #DD4B39;border-color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.google:hover a {color: #DD4B39; } .social-icons.social-icons--rounded-color ul li.skype a {background: #00AFF0;border-color: #00AFF0; } .social-icons.social-icons--rounded-color ul li.skype:hover a { color: #00AFF0; } .social-icons.social-icons--rounded-color ul li.youtube a { background: #C4302B; border-color: #C4302B; } .social-icons.social-icons--rounded-color ul li.youtube:hover a {color: #C4302B; } .social-icons.social-icons--rounded-color ul li.vimeo a {background: #86C9EF; border-color: #86C9EF; } .social-icons.social-icons--rounded-color ul li.vimeo:hover a {color: #86C9EF; } .social-icons.social-icons--rounded-color ul li.yahoo a { background: #720E9E; border-color: #720E9E; } .social-icons.social-icons--rounded-color ul li.yahoo:hover a {color: #720E9E; } .social-icons.social-icons--rounded-color ul li.paypal a {background: #00588B;border-color: #00588B; } .social-icons.social-icons--rounded-color ul li.paypal:hover a {color: #00588B; } .social-icons.social-icons--rounded-color ul li.instagram a { background: #D6317D;border-color: #D6317D; } .social-icons.social-icons--rounded-color ul li.instagram:hover a {color: #D6317D; } .social-icons.social-icons--rounded-color ul li:hover a {background: transparent;color: #fff; } /** Breadcrumb Styles */ .cr-breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 142px;} .cr-breadcrumb__left { padding: 10px 0; padding-right: 30px; } .cr-breadcrumb__left h2 { color: #fff; /*text-transform: uppercase;*/ margin-bottom: 10px; line-height: 1; } .cr-breadcrumb__left p { margin-bottom: 0; color: #ffffff; } .cr-breadcrumb__right { padding: 10px 0; } .cr-breadcrumb__pagination { padding-left: 0; margin-bottom: 0; list-style: none; } .cr-breadcrumb__pagination li { list-style: none; color: #ffffff; display: inline-block; text-transform: uppercase; font-weight: 500; } .cr-breadcrumb__pagination li::after { content: ">"; padding: 0 5px; } .cr-breadcrumb__pagination li:last-child::after { display: none; } .cr-breadcrumb__pagination li a { color: #ffffff; } .cr-breadcrumb__pagination li a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { .cr-breadcrumb__left { padding-right: 0; } } /** Pagination Style */ .cr-pagination { padding-top: 40px; } .cr-pagination ul { display: inline-block; padding-left: 0; margin-bottom: 0; } .cr-pagination ul li { display: inline-block; list-style: none; margin-top: 7px; } .cr-pagination ul li:not(:last-child) { margin-right: 7px; } .cr-pagination ul li a { background: transparent; display: inline-block; font-family: "Poppins", sans-serif; line-height: 33px; min-width: 35px; height: 35px; text-align: center; padding: 0; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: #454545; border: 1px solid #d1d1d1; border-radius: 100px; font-size: 13px; } .cr-pagination ul li.active a, .cr-pagination ul li:hover a { background: #00AC1F; border-color: #00AC1F; color: #ffffff; } @media only screen and (max-width: 767px) { .cr-pagination { padding-top: 30px; } } /** * Team Styels */ .team { margin-top: 30px; } .team__header { position: relative; } .team__image { position: relative; } .team__image:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #00AC1F; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .team__social { position: absolute; bottom: 27px; left: 30px; } .team__social ul { padding-left: 0; margin-bottom: 0; list-style: none; } .team__social ul li { margin: 15px 0; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team__social ul li:nth-child(1) { -webkit-transition-delay: 0.24s; -moz-transition-delay: 0.24s; -ms-transition-delay: 0.24s; -o-transition-delay: 0.24s; transition-delay: 0.24s; } .team__social ul li:nth-child(2) { -webkit-transition-delay: 0.36s; -moz-transition-delay: 0.36s; -ms-transition-delay: 0.36s; -o-transition-delay: 0.36s; transition-delay: 0.36s; } .team__social ul li:nth-child(3) { -webkit-transition-delay: 0.48s; -moz-transition-delay: 0.48s; -ms-transition-delay: 0.48s; -o-transition-delay: 0.48s; transition-delay: 0.48s; } .team__social ul li:nth-child(4) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .team__social ul li:nth-child(5) { -webkit-transition-delay: 0.72s; -moz-transition-delay: 0.72s; -ms-transition-delay: 0.72s; -o-transition-delay: 0.72s; transition-delay: 0.72s; } .team__social ul li:nth-child(6) { -webkit-transition-delay: 0.84s; -moz-transition-delay: 0.84s; -ms-transition-delay: 0.84s; -o-transition-delay: 0.84s; transition-delay: 0.84s; } .team__social ul li:first-child { margin-top: 0; } .team__social ul li:last-child { margin-bottom: 0; } .team__social ul li a { display: inline-block; color: #fff; font-size: 16px; line-height: 24px; height: 35px; width: 35px; line-height: 33px; border-radius: 100px; text-align: center; border: 1px solid #fff; } .team__social ul li a:hover { background: #333982; color: #ffffff; border-color: #333982; } .team__content { background: #ffffff; text-align: center; padding: 30px 15px; border: 1px solid #eeeeee; } .team__content h5 { margin-bottom: 2px; } .team__content h5 a { color: #2b2b2b; } .team__content h5 a:hover { color: #333982; } .team__content p { margin-bottom: 0; color: #a0a0a0; } .team:hover .team__image:before { opacity: 0.85; visibility: visible; } .team:hover .team__social ul li { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /** * Videobox */ .videopopup-box { position: relative; z-index: 1; } .videopopup-box::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 2; } .videopopup-box img { position: relative; z-index: -1; width: 100%; } .videopopup-box .video-btn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } /** Widget Styels */ .widgets.sidebar-widgets { padding-left: 20px; margin-top: -60px; /* About Widget */ /* Widget Search */ /* Widget Recentpost */ /* Widget Categories */ /* Widget Newsletter */ /* Widget Instafeed */ /* Widget Social Icons */ /* Widget Tags */ } .widgets.sidebar-widgets .single-widget { margin-top: 60px; width: 100%; } .widgets.sidebar-widgets .single-widget > h6 { color: #303030; font-size: 18px; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 20px; margin-bottom: 40px; } .widgets.sidebar-widgets .single-widget > h6:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #f1f1f1; } .widgets.sidebar-widgets .single-widget > h6:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 50px; background: #6d6d6d; } .widgets.sidebar-widgets .single-widget > ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widgets.sidebar-widgets .single-widget > ul li { padding-bottom: 25px; } .widgets.sidebar-widgets .single-widget > ul li:last-child { padding-bottom: 0; } .widgets.sidebar-widgets .widget-about__content { padding: 30px; background: #fafafa; } .widgets.sidebar-widgets .widget-about__content h6 { color: #2f2f2f; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .widgets.sidebar-widgets .widget-about__content h6 small { display: block; font-size: 12px; color: #6f6f6f; text-transform: uppercase; font-weight: 400; } .widgets.sidebar-widgets .widget-about__content .social-icons { margin-top: 10px; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li a { color: #a0a0a0; font-size: 16px; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li a:hover { color: #00AC1F; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.facebook:hover a { color: #3B5998; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.twitter:hover a { color: #00ACEE; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.google-plus:hover a { color: #DD4B39; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.pinterest:hover a { color: #C8232C; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.linkedin:hover a { color: #0E76A8; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.flickr:hover a { color: #FF0084; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.dribbble:hover a { color: #EA4C89; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.google:hover a { color: #DD4B39; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.skype:hover a { color: #00AFF0; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.youtube:hover a { color: #C4302B; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.vimeo:hover a { color: #86C9EF; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.yahoo:hover a { color: #720E9E; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.paypal:hover a { color: #00588B; } .widgets.sidebar-widgets .widget-about__content .social-icons ul li.instagram:hover a { color: #D6317D; } .widgets.sidebar-widgets .widget-search form { position: relative; margin-bottom: 0; } .widgets.sidebar-widgets .widget-search input { height: 50px; line-height: 50px; padding-right: 75px; } .widgets.sidebar-widgets .widget-search button { position: absolute; right: 0; border: none; outline: none; background-color: #00AC1F; top: 50%; height: 50px; line-height: 50px; margin-top: -25px; color: #ffffff; font-size: 16px; z-index: 1; width: 60px; } .widgets.sidebar-widgets .widget-recentpost ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentpost ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-bottom: 30px; } .widgets.sidebar-widgets .widget-recentpost ul li:last-child { margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; -moz-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; display: inline-block; position: relative; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:before { content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(25, 25, 25, 0.65); position: absolute; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:after { content: "\f0c1"; font-family: fontAwesome; left: 50%; top: 50%; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-left: -20px; position: absolute; z-index: 2; color: #d7d7d7; font-size: 18px; margin-top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:hover:before { visibility: visible; opacity: 1; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb:hover:after { visibility: visible; opacity: 1; margin-top: -20px; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content { padding-left: 17px; -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; margin-top: -8px; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content span.date { color: #454545; font-size: 14px; font-weight: 400; text-transform: uppercase; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 { font-weight: 600; text-transform: uppercase; color: #2b2b2b; line-height: 1.4; margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 a { display: inline-block; color: #2b2b2b; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 a:hover { color: #00AC1F; } .widgets.sidebar-widgets .widget-categories ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widgets.sidebar-widgets .widget-categories ul li { line-height: 26px; font-weight: 400; color: #646464; text-transform: uppercase; border-top: 1px solid #e5e5e5; padding-top: 15px; padding-bottom: 11px; font-size: 15px; } .widgets.sidebar-widgets .widget-categories ul li:before { content: url(images/icons/widget-dot.png); padding-right: 23px; } .widgets.sidebar-widgets .widget-categories ul li:first-child { border-top: none; padding-top: 0; } .widgets.sidebar-widgets .widget-categories ul li:last-child { padding-bottom: 0; } .widgets.sidebar-widgets .widget-categories ul li a { color: #646464; } .widgets.sidebar-widgets .widget-categories ul li a:hover { color: #00AC1F; } .widgets.sidebar-widgets .widget-categories ul li span { float: right; } .widgets.sidebar-widgets .widget-newsletter form { position: relative; } .widgets.sidebar-widgets .widget-newsletter form input { height: 50px; } .widgets.sidebar-widgets .widget-newsletter form button { position: absolute; right: 5px; top: 5px; height: calc(100% - 10px); border: none; outline: none; background: #303030; width: 40px; color: #fff; text-align: center; line-height: 40px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-newsletter form button:hover { background: #00AC1F; } .widgets.sidebar-widgets .widget-instagram > ul { margin-left: -2px; margin-top: -2px; margin-right: -2px; margin-bottom: -2px; } .widgets.sidebar-widgets .widget-instagram > ul > li { display: inline-block; height: 118px; width: 118px; overflow: hidden; padding: 2px; vertical-align: middle; position: relative; } .widgets.sidebar-widgets .widget-instagram > ul > li a { display: block; position: relative; } .widgets.sidebar-widgets .widget-instagram > ul > li a:before { content: ""; height: 100%; width: 100%; left: 0; top: 0; position: absolute; background: rgba(25, 25, 25, 0.7); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-instagram > ul > li ul.likes-comments { position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; list-style: none; padding-left: 0; padding-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-top: 20px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .widgets.sidebar-widgets .widget-instagram > ul > li ul.likes-comments li { display: inline-block; padding-bottom: 0; font-weight: 400; font-size: 14px; margin: 0 5px; color: #fff; } .widgets.sidebar-widgets .widget-instagram > ul > li ul.likes-comments li span { padding-left: 3px; } .widgets.sidebar-widgets .widget-instagram > ul > li:hover a { z-index: 1; } .widgets.sidebar-widgets .widget-instagram > ul > li:hover a:before { visibility: visible; opacity: 1; } .widgets.sidebar-widgets .widget-instagram > ul > li:hover ul.likes-comments { margin-top: 0; visibility: visible; opacity: 1; z-index: 2; } .widgets.sidebar-widgets .widget-social-icon ul { margin-left: -5px; font-size: 0; } .widgets.sidebar-widgets .widget-social-icon ul li { padding: 0; margin-bottom: 3px; display: inline-block; margin-left: 5px; font-size: 20px; } .widgets.sidebar-widgets .widget-social-icon ul li a { display: block; background: #00AC1F; text-align: center; height: 60px; font-size: 20px; line-height: 60px; margin-bottom: 3px; color: #fff; position: relative; width: 83px; } .widgets.sidebar-widgets .widget-social-icon ul li a:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); -ms-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; } .widgets.sidebar-widgets .widget-social-icon ul li a > * { position: relative; z-index: 1; } .widgets.sidebar-widgets .widget-social-icon ul li.facebook a { background: #3B5998; border-color: #3B5998; } .widgets.sidebar-widgets .widget-social-icon ul li.twitter a { background: #00ACEE; border-color: #00ACEE; } .widgets.sidebar-widgets .widget-social-icon ul li.google-plus a { background: #DD4B39; border-color: #DD4B39; } .widgets.sidebar-widgets .widget-social-icon ul li.pinterest a { background: #C8232C; border-color: #C8232C; } .widgets.sidebar-widgets .widget-social-icon ul li.linkedin a { background: #0E76A8; border-color: #0E76A8; } .widgets.sidebar-widgets .widget-social-icon ul li.flickr a { background: #FF0084; border-color: #FF0084; } .widgets.sidebar-widgets .widget-social-icon ul li.dribbble a { background: #EA4C89; border-color: #EA4C89; } .widgets.sidebar-widgets .widget-social-icon ul li.google a { background: #DD4B39; border-color: #DD4B39; } .widgets.sidebar-widgets .widget-social-icon ul li.skype a { background: #00AFF0; border-color: #00AFF0; } .widgets.sidebar-widgets .widget-social-icon ul li.youtube a { background: #C4302B; border-color: #C4302B; } .widgets.sidebar-widgets .widget-social-icon ul li.vimeo a { background: #86C9EF; border-color: #86C9EF; } .widgets.sidebar-widgets .widget-social-icon ul li.yahoo a { background: #720E9E; border-color: #720E9E; } .widgets.sidebar-widgets .widget-social-icon ul li.paypal a { background: #00588B; border-color: #00588B; } .widgets.sidebar-widgets .widget-social-icon ul li.instagram a { background: #D6317D; border-color: #D6317D; } .widgets.sidebar-widgets .widget-social-icon ul li:hover a:before { opacity: 1; visibility: visible; } .widgets.sidebar-widgets .widget-tags ul { margin-left: -13px; } .widgets.sidebar-widgets .widget-tags ul li { display: inline-block; margin-left: 13px; padding-bottom: 18px; } .widgets.sidebar-widgets .widget-tags ul li a { display: inline-block; font-weight: 600; color: #454545; text-transform: uppercase; font-size: 14px; padding: 0 20px; height: 40px; line-height: 38px; border: 1px solid #eeeeee; } .widgets.sidebar-widgets .widget-tags ul li a:hover { background: #00AC1F; color: #fff; border-color: #00AC1F; } .widgets.sidebar-widgets.widgets--left-side { padding-left: 0; padding-right: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .widgets.sidebar-widgets { padding-left: 0; } .widgets.sidebar-widgets.widgets--left-side { padding-right: 0; } .widgets.sidebar-widgets .widget-social-icon ul li a { width: 68px; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; -moz-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 { font-size: 15px; } .widgets.sidebar-widgets .widget-social-icon ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 70px; -moz-box-flex: 0; -moz-flex: 0 0 70px; -ms-flex: 0 0 70px; flex: 0 0 70px; } .widgets.sidebar-widgets .widget-instagram > ul > li { height: 98px; width: 98px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .widgets.sidebar-widgets { padding-left: 0; } .widgets.sidebar-widgets.widgets--left-side { padding-right: 0; } .widgets.sidebar-widgets .widget-social-icon ul li a { width: 75px; } .widgets.sidebar-widgets { margin-left: -15px; margin-right: -15px; } .widgets.sidebar-widgets .single-widget { width: 50%; padding-left: 15px; padding-right: 15px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 { font-size: 15px; } .widgets.sidebar-widgets .widget-social-icon ul { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .widgets.sidebar-widgets .widget-social-icon ul li { margin-right: 3px; } .widgets.sidebar-widgets { margin-top: 0; } .widget-about__thumb img { width: 100%; } .widgets.sidebar-widgets .widget-instagram > ul > li { width: 111px; height: 111px; } } @media only screen and (max-width: 767px) { .widgets.sidebar-widgets { padding-left: 0; } .widgets.sidebar-widgets.widgets--left-side { padding-right: 0; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -moz-box-flex: 0; -moz-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 { font-size: 15px; } .widgets.sidebar-widgets .widget-social-icon ul { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } .widgets.sidebar-widgets .widget-social-icon ul li { margin-right: 3px; } .widgets.sidebar-widgets { margin-top: 0; } .widget-about__thumb img { width: 100%; } .widgets.sidebar-widgets .widget-instagram > ul > li { width: 115px; height: 115px; } } @media only screen and (max-width: 575px) { .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 80px; -moz-box-flex: 0; -moz-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; } .widgets.sidebar-widgets .widget-social-icon ul li a { width: 65px; } .widgets.sidebar-widgets .widget-instagram > ul > li { height: 98px; width: 98px; } } /** * Pricebox */ .pricebox { text-align: center; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); overflow: hidden; margin-top: 30px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pricebox-header { background: #fafafa; } .pricebox-title { padding: 30px 20px; position: relative; z-index: 1; margin-bottom: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pricebox-title::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #eeeeee; z-index: -1; -webkit-transform: rotate(-5deg) scale(1.5); -ms-transform: rotate(-5deg) scale(1.5); transform: rotate(-5deg) scale(1.5); margin-top: -20px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pricebox-price { font-size: 42px; font-weight: 300; padding: 45px 20px 30px 20px; } .pricebox-price span { font-size: 14px; font-weight: 400; } .pricebox-body { padding: 30px 20px; } .pricebox-body ul { margin-bottom: 0; padding-left: 0; list-style: none; } .pricebox-body ul li { list-style: none; } .pricebox-body ul li:not(:last-child) { margin-bottom: 8px; } .pricebox-footer { padding: 0 20px 40px 20px; } .pricebox.is-active { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .pricebox.is-active .pricebox-title { color: #ffffff; } .pricebox.is-active .pricebox-title::before { background: #00AC1F; } .pricebox:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .pricebox:hover .pricebox-title { color: #ffffff; } .pricebox:hover .pricebox-title::before { background: #00AC1F; } /******************* Blocks Styles ********************/ /** Header Styles */ /* Header Top Styles */ .header {position: relative;z-index: 999; } .header__top__inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: right;} .header__top__inner ul { text-align: center; margin: 0; } .header__top__inner ul li {display: inline-block; float:right;} .header__top__button .cr-btn::before {display: none; } .header__top__button .cr-btn:hover {border-color: #00AC1F; } .header__top__info {padding-left: 0;margin-bottom: 0;list-style: none; } .header__top__info li {display: inline-block;padding: 0 30px;vertical-align: middle;line-height: 1; } .header__top__info li:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.6); } .header__top__info li:first-child {padding-left: 0; } .header__top__info li:last-child {padding-right: 0; } .header__top__info li a {color: #fff;font-size: 15px;font-weight: 300;line-height: 1;vertical-align: middle; } .header__top__info li a i {padding-right: 7px; } .header__top__info li a:hover {color: #00AC1F; } /* Header Bottom Styles */ .header__bottom__inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header__logo a {display: inline-block;padding: 40px 0; } /* Sticky Header */ .sticky--header.is-sticky .header__bottom { position: fixed; left: 0; top: 0; width: 100%; -webkit-animation: slideInDown 0.5s ease-in-out 1 both; -moz-animation: slideInDown 0.5s ease-in-out 1 both; -ms-animation: slideInDown 0.5s ease-in-out 1 both; -o-animation: slideInDown 0.5s ease-in-out 1 both; animation: slideInDown 0.5s ease-in-out 1 both; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .sticky--header.is-sticky .header__logo a { padding: 15px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header__top__info li { padding: 0 18px; } .sticky--header { position: relative; } } @media only screen and (max-width: 767px) { .header__top__inner { display: none; /*-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding: 20px 0; } .header__top__info { margin-bottom: 15px; text-align: center; } .header__top__info li { padding: 0 20px; } .header__top__info li:first-child { padding-left: 20px; } .header__top__info li:last-child { padding-right: 20px;*/ } .header__top__info { margin-bottom: 15px; text-align: center; } .header__top__info li { padding: 0 20px; } .header__top__info li:first-child { padding-left: 20px; } .header__top__info li:last-child { padding-right: 20px;} .header__top__info { margin-bottom: 15px; text-align: center; } .header__top__info li { padding: 0 20px; } .header__top__info li:first-child { padding-left: 20px; } .header__top__info li:last-child { padding-right: 20px; } .sticky--header { position: relative; } } @media only screen and (max-width: 575px) { .mean-container .mean-nav { width: 100%; } } /** Navigation Styles */ .main-navigation { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .main-navigation > ul > li:hover > a { color: #02a21d; } .main-navigation ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-left: 0; margin-bottom: 0; } .main-navigation ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 20px; /* Dropdown Menu Styles */ /* Last Element */ } .main-navigation ul li:first-child { padding-left: 0; } .main-navigation ul li:last-child { padding-right: 0; } .main-navigation ul li a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #333; font-weight: 600; font-size: 15px; text-transform: uppercase; } .main-navigation ul li.cr-dropdown { position: relative; } .main-navigation ul li.cr-dropdown > a:after { content: "\f107"; font-family: fontAwesome; margin-left: 5px; line-height: 26px; display: inline-block; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu { position: absolute; left: 0; top: 100%; width: 250px; background: #ffffff; visibility: hidden; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 99; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li { display: block; padding: 0; position: relative; /* Sub Dropdown Menu */ } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li a { display: block; letter-spacing: -0.5px; font-size: 14px; background: #ffffff; color: #454545; padding: 6px 20px; position: relative; font-weight: 500; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover > a { background: #02a21d; color: #ffffff; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a { position: relative; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a:after { content: "\f105"; font-family: fontAwesome; position: absolute; right: 15px; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li ul { position: absolute; left: 100%; top: 0; width: 250px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: 2; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; background: #fff; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover ul { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-navigation ul li:hover a:before { width: 100%; } .main-navigation ul li:hover .cr-dropdown-menu { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .main-navigation ul li.last-elements .cr-dropdown-menu { right: 0; left: auto; } .main-navigation ul li.last-elements .cr-dropdown-menu .cr-sub-dropdown-menu { left: auto; right: 100%; background: #fff; } .main-navigation ul ul { display: block; background: #fff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-navigation ul li { padding: 0 17px; } } /** Banner Styles */ .banner-area { margin-top: 0 !important; } .banner { position: relative; } .banner__single { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 56vh; } .banner__single:focus, .banner__single:active { outline: 0; } .banner__single__content { padding: 55px 0 70px 0; color: #fff; } .banner__single__content h5 { margin-bottom: 20px; } .banner__single__content h1 { font-size: 52px; line-height: 48px; font-weight: 700; text-shadow: 3px 3px 7px rgba(0,0,0,0.3); } .banner__single__content h3 { font-size: 24px; line-height: 24px; font-weight: 600; text-shadow: 3px 3px 7px rgba(0,0,0,0.3); letter-spacing: 2px; } .banner__single__content p { font-size: 17px; margin-bottom: 20px; } .banner__single__content .cr-btn { margin-top: 20px; } .banner__single__content.color--black { color: #303030; } .banner-slider-active .banner__single__content { visibility: hidden; opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.6s ease-in 0.2s; -o-transition: all 0.6s ease-in 0.2s; transition: all 0.6s ease-in 0.2s; } .banner-slider-active .slick-current .banner__single__content { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__single__content h1 {font-size: 42px;line-height: 52px;margin-bottom: 15px; } .banner__single__content a.cr-btn {margin-top: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__single {margin-top: 0 !important; } .banner__single__content {text-align: center; } .banner__single__content h1 {font-size: 42px;line-height: 48px; } } @media only screen and (max-width: 767px) { .banner__single {margin-top: 0 !important; } .banner__single__content {text-align: center; } .banner__single__content h3 {font-size: 18px; } .banner__single__content h1 {font-size: 32px;line-height: 48px;margin-bottom: 15px; } .banner__single__content p {font-size: 16px;margin-bottom: 15px; } .banner__single__content a.cr-btn {margin-top: 15px; } } @media only screen and (max-width: 575px) { .banner__single__content h1 {font-size: 28px;line-height: 38px; } } /** About Area */ .about-area__content h4 {text-transform: uppercase;margin-bottom: 5px;color: #474747; } .about-area__content h3 {color: #303030;text-transform: uppercase;padding-right: 50px;margin-bottom: 25px; } .about-area__content a.cr-btn {margin-top: 27px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-area__image {padding: 50px 0;text-align: center;max-height: auto; } .about-area__image img {position: relative; } .about-area__content {padding: 0;padding-bottom: 50px; } } @media only screen and (max-width: 767px) { .about-area__image {padding: 50px 0;text-align: center;max-height: auto; } .about-area__image img {max-width: 100%;position: relative; } .about-area__image img {max-width: 100%; } .about-area__content {padding: 0;padding-bottom: 50px; } } @media only screen and (max-width: 575px) { .about-area__content {padding-left: 0;padding-right: 0; } .about-area__content h3 {padding-right: 0;padding-left: 0; } } /** Features area styles */ .features-area div[class^="col-"]:nth-child(even) .feature::before {background:rgba(2, 162, 29, 0.9); } .feature { padding: 85px 120px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; z-index: 1; overflow: hidden; background-size: cover; background-position: center center; } .feature::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background:rgba(10, 41, 104, 0.9); z-index: -1; } .feature__icon { color: #ffffff; margin-right: 30px; font-size: 60px; height: 65px; width: 65px; display: inline-block; overflow: hidden; position: relative; } .feature__icon span { position: absolute; height: 100%; width: 100%; left: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .feature__icon span i { line-height: 65px; } .feature__icon span:first-child { top: 0; } .feature__icon span:last-child { top: 100%; } .feature__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .feature__content h4 { font-weight: 700; margin-bottom: 10px; color: #ffffff; } .feature__content h4 a {color: #ffffff; } .feature__content p {margin-bottom: 0;color: #ffffff; } .feature__content p a:hover { text-decoration: underline;} .feature__content p a{ color: #ffffff; } .feature:hover .feature__icon span:first-child { top: -100%; } .feature:hover .feature__icon span:last-child { top: 0; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .feature { padding: 70px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .feature { padding: 50px 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 30px 20px; } .feature p { font-size: 14px; line-height: 18px;} .feature i {font-size: 30px;} .feature__icon span i {line-height: 30px;} .feature__icon {color: #ffffff;margin-right: 10px;font-size: 30px;height: 35px;width: 35px;display: inline-block;overflow: hidden;position: relative;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 70px 20%; } .feature__icon { margin-right: 0; } } @media only screen and (max-width: 767px) { .feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 70px 20%; } .feature__icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 575px) { .feature { padding: 70px 12%; } } /** Service Area */ .service { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 30px; padding: 15px; padding: 25px 15px; border: 1px solid #eeeeee; background: #fafafa; } .service__icon { text-align: center; display: inline-block; border-radius: 100%; margin-right: 25px; color: #00AC1F; height: 55px; border: 1px solid #00AC1F; line-height: 53px; -webkit-box-flex: 55px; -webkit-flex: 55px; -moz-box-flex: 55px; -moz-flex: 55px; -ms-flex: 55px; flex: 55px; max-width: 55px; margin-bottom: 20px; } .service__icon i { font-size: 24px; vertical-align: text-bottom; } .service__icon [class^="flaticon-"]:before, .service__icon [class*=" flaticon-"]:before, .service__icon [class^="flaticon-"]:after, .service__icon [class*=" flaticon-"]:after { vertical-align: text-bottom; } .service__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .service__content h5 { text-transform: uppercase; font-weight: 700; color: #2b2b2b; } .service__content h5 a { color: #2b2b2b; } .service__content h5 a:hover { color: #00AC1F; } .service__content p { margin-bottom: 0; } .service:hover .service__icon { -webkit-animation: bounceIn 0.5s ease-in-out 1 both; -moz-animation: bounceIn 0.5s ease-in-out 1 both; -ms-animation: bounceIn 0.5s ease-in-out 1 both; -o-animation: bounceIn 0.5s ease-in-out 1 both; animation: bounceIn 0.5s ease-in-out 1 both; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .service__icon { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .service__icon { margin-right: 0; } } @media only screen and (max-width: 767px) { .service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .service__icon { margin-right: 0; } } /** Funfact Area */ .funfact-wrapper { text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .funfact-wrapper { text-align: left; } } @media only screen and (max-width: 767px) { .funfact-wrapper { text-align: left; } } .funfact { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .funfact-icon { font-size: 46px; color: #fff; margin-right: 17px; } .funfact-content { text-align: left; border-left: 1px solid #ffffff; padding-left: 15px; } .funfact-content h3 { display: block; margin-bottom: 8px; color: #ffffff; line-height: 1; } .funfact-content h5 { margin-bottom: 0; color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .funfact-icon { font-size: 30px; } } /** Testimonial Styles */ /* Testimonial Content Styles */ .testimonial__content { position: relative; background: #ffffff; padding: 50px 30px; -webkit-box-shadow: 0 8px 19px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 19px rgba(0, 0, 0, 0.1); } .testimonial__content::before { content: ""; position: absolute; left: 50%; top: 100%; height: 30px; width: 30px; display: inline-block; margin-top: -20px; margin-left: -15px; background: #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.07); box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.07); } .testimonial__content > div { position: relative; } .testimonial__content .slick-list { padding-left: 0; padding-right: 0; } .testimonial__content__single { padding: 0 45px; } .testimonial__content__single p { margin-bottom: 0; font-size: 18px; } .testimonial__content__single p::before, .testimonial__content__single p::after { font-family: 'FontAwesome'; opacity: 0.3; font-size: 24px; } .testimonial__content__single p::before { content: "\f10d"; padding-right: 20px; } .testimonial__content__single p:after { content: "\f10e"; padding-left: 20px; } .testimonial__content__single:active, .testimonial__content__single:focus { outline: none; } /* Testimonial Author Styles */ .testimonial__author { margin-top: 35px; display: inline-block; width: 65%; vertical-align: middle; } .testimonial__author .slick-list { padding-left: 0 !important; padding-right: 0 !important; } .testimonial__author__single { text-align: center; opacity: 0.35; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .testimonial__author__single:active, .testimonial__author__single:focus { outline: none; } .testimonial__author__image { height: 80px; width: 80px; border-radius: 100%; display: inline-block; overflow: hidden; border: 8px solid #eeeeee; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .testimonial__author__image img { height: 100%; width: 100%; } .testimonial__author__description { margin-top: 5px; } .testimonial__author__description h6 { font-size: 14px; color: #595959; font-weight: 700; margin-bottom: 0; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .testimonial__author__description span { display: block; color: #a1a1a1; font-weight: 400; font-size: 14px; text-transform: uppercase; line-height: 1; margin-top: 5px; } .testimonial__author__single.slick-center { opacity: 1; } .testimonial__author__single.slick-center .testimonial__author__description h6 { color: #00AC1F; } @media only screen and (max-width: 767px) { .testimonial__author { width: 85%; } .testimonial__content__single p { font-size: 16px; } } @media only screen and (max-width: 575px) { .testimonial__content__single { padding: 0; } .testimonial__author { width: 100%; } } /** Blog Styles */ .blog-area__blogs { margin-top: 30px; } .blog { margin-top: 30px; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); } .blog blockquote { margin-bottom: 0; } .blog__thumb { overflow: hidden; } .blog__thumb a { display: inline-block; } .blog__content__body { padding: 25px 30px; } .blog__content__body h4 { text-transform: uppercase; font-weight: 500; margin-bottom: 10px; } .blog__content__body h4 a { color: #2b2b2b; } .blog__content__body h4 a:hover { color: #00AC1F; } .blog__content__body p { margin-bottom: 0; } .blog__content__categories { list-style: none; padding-left: 0; margin-bottom: 10px; font-size: 0; } .blog__content__categories li { display: inline-block; color: #9d9d9d; font-size: 12px; font-weight: 400; text-transform: uppercase; } .blog__content__categories li:after { content: ""; margin: 0 10px; height: 5px; width: 5px; display: inline-block; background: #9d9d9d; } .blog__content__categories li:last-child:after { display: none; } .blog__content__categories li a { display: inline-block; color: #9d9d9d; } .blog__content__categories li a:hover { color: #00AC1F; } .blog__content__meta { padding-left: 0; padding-bottom: 5px; list-style: none; margin: 0; } .blog__content__meta li { display: inline-block; color: #454545; font-size: 14px; font-weight: 400; } .blog__content__meta li:after { content: "-"; padding: 0 5px; } .blog__content__meta li:last-child:after { display: none; } .blog__content__meta li a { display: inline-block; color: #454545; } .blog__content__meta li a:hover { color: #00AC1F; } .blog__content__author { padding: 12px 30px; border-top: 1px solid #eeeeee; display: block; font-size: 14px; } .blog__content__author a { color: #454545; } .blog__content__author a:hover { color: #00AC1F; } /* Pinned Blog Style */ .blog.sticky .blog__thumb { position: relative; } .blog.sticky .blog__thumb:before { content: "\e69b"; font-family: 'Pe-icon-7-stroke'; position: absolute; left: 20px; top: 20px; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; } /* Only Content Blog */ .blog.blog--onlycontent.sticky .blog__content h2 { position: relative; text-indent: 60px; } .blog.blog--onlycontent.sticky .blog__content h2:before { content: "\e69b"; font-family: 'Pe-icon-7-stroke'; position: absolute; left: 0; top: 0; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; text-indent: 0; } .blog.blog--onlycontent.sticky .blog__content .blog__content__header h4 { position: relative; padding-left: 60px; } .blog.blog--onlycontent.sticky .blog__content .blog__content__header h4:before { content: "\e69b"; font-family: 'Pe-icon-7-stroke'; position: absolute; left: 0; top: 50%; margin-top: -23px; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .blog__content__body { padding: 20px; } .blog__content__body h4 { font-size: 18px; } .blog__content__author { padding: 12px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog__content__header h4 { font-size: 18px; } } @media only screen and (max-width: 575px) { .blog__content__body { padding: 20px; } .blog__content__body h4 { font-size: 18px; } .blog__content__author { padding: 12px 20px; } .blog__content__header h4 { font-size: 18px; } } /* List Blog Style */ .bloglist { margin-top: -60px; } .bloglist .blog { margin-top: 60px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); } .bloglist .blog__content { padding: 40px; } .bloglist .blog__content h3 { text-transform: uppercase; color: #303030; } .bloglist .blog__content h3 a { color: #303030; } .bloglist .blog__content h3 a:hover { color: #00AC1F; } .bloglist .blog__content .cr-readmore, .bloglist .blog__content .cr-readmore-2 { margin-top: 10px; } .bloglist .blog.sticky .blog__thumb:before { left: 40px; top: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bloglist .blog__content h2 { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bloglist .blog__content h2 { font-size: 24px; } } @media only screen and (max-width: 767px) { .bloglist .blog__content h2 { font-size: 24px; line-height: 36px; } .bloglist .blog__content { padding: 30px; } .blog.blog--onlycontent.sticky .blog__content h2:before { top: -7px; } .bloglist .blog.sticky .blog__thumb:before { left: 30px; top: 30px; } .bloglist .blog__thumb iframe { min-height: 300px; } } /** Call to action styles */ .calltoaction { padding-left: 0; padding-right: 55px; } .calltoaction.text-left { padding-left: 0; padding-right: 55px; } .calltoaction.text-center { padding: 0 25px; } .calltoaction.text-right { padding-right: 0; padding-left: 55px; } .calltoaction h3 { font-weight: 700; text-transform: uppercase; color: #333; } .calltoaction p { margin-bottom: 0; letter-spacing: -0.5px; } .calltoaction .calltoaction-button { font-weight: 400; font-size: 26px; text-transform: uppercase; color: #333; background: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calltoaction .calltoaction-button span.calltoaction-icon { height: 50px; width: 50px; line-height: 50px; text-align: center; display: inline-block; vertical-align: middle; background: #00AC1F; color: #fff; font-size: 26px; } .calltoaction .calltoaction-button a { font-weight: 600; color: #00AC1F; padding: 0 30px; } @media only screen and (max-width: 767px) { .calltoaction.text-center { padding: 0; } .calltoaction h6 a { font-size: 20px; } .calltoaction .calltoaction-button { font-size: 18px; } } /** Features Page */ .pg-features { margin-top: 130px; } .pg-features:first-child, .pg-features:only-child { margin-top: 0; } .pg-features:nth-child(even) .pg-features__description { padding-right: 0; padding-left: 50px; } .pg-features:nth-child(even) .pg-features__thumb:after { right: auto; left: -20px; background: #00AC1F; } .pg-features:nth-child(odd) .pg-features__thumb:after { background: #333982; } .pg-features__thumb { position: relative; } .pg-features__thumb:after { content: ""; position: absolute; right: -20px; bottom: -20px; height: 70%; width: 80%; background: #333982; } .pg-features__thumb > * { z-index: 1; position: relative; } .pg-features__description { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-right: 50px; } .pg-features__icon { -webkit-box-flex: 100; -webkit-flex-grow: 100; -moz-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; font-size: 60px; display: inline-block; line-height: 65px; color: #303030; padding-right: 35px; } .pg-features__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .pg-features__content h3 { color: #303030; text-transform: uppercase; font-size: 28px; font-weight: 700; margin-bottom: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-features:nth-child(even) .pg-features__description { padding-left: 0; } .pg-features .pg-features__description { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-features { margin-top: 50px; } .pg-features:nth-child(even) .pg-features__description { padding-left: 0; } .pg-features .pg-features__description { padding-right: 0; } .pg-features__thumb { margin-left: 20px; display: inline-block; } .pg-features__thumb:after { right: auto; left: -20px; } .pg-features__description { margin-top: 50px; } } @media only screen and (max-width: 767px) { .pg-features { margin-top: 50px; } .pg-features:nth-child(even) .pg-features__description { padding-left: 0; } .pg-features .pg-features__description { padding-right: 0; } .pg-features__thumb { margin-left: 20px; display: inline-block; } .pg-features__thumb:after { right: auto; left: -20px; } .pg-features__description { margin-top: 50px; } } @media only screen and (max-width: 767px) { .pg-features__description { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pg-features__icon { margin-bottom: 20px; } } /** Services Page Styles */ .pg-services__details h4 { margin-bottom: 7px; font-weight: 600; } .pg-services__details h3 { margin-bottom: 20px; font-weight: 700; } .pg-services__details p:last-child { margin-bottom: 0; } .pg-services-area__srevicelist { margin-top: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-services__details { padding-right: 0; } .pg-services__details h3 { margin-bottom: 20px; } .pg-services__thumb { padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-services__details { margin-top: 30px; padding-right: 0; text-align: center; } .pg-services__details h3 { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .pg-services__details { margin-top: 30px; padding-right: 0; text-align: center; } .pg-services__details h3 { margin-bottom: 20px; } } /** Single Service Page Styles */ .pg-service__content { padding-left: 30px; } .pg-service__content p:last-of-type { margin-bottom: 0; } .pg-service__block { margin-top: 40px; } .pg-service__block h3 { color: #303030; font-size: 24px; } .pg-service__insideblocks h6 { text-transform: uppercase; font-size: 16px; font-weight: 700; color: #626262; text-decoration: underline; } .pg-service__insideblock { margin-top: 30px; } .pg-service__insideblock p { margin-bottom: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-service__content { padding-left: 0; } .pg-service__insideblock { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-service__content { padding-left: 0; margin-top: 40px; } .pg-service__insideblock { padding-right: 0; } .pg-service__thumb-bottom { margin-top: 40px; } } @media only screen and (max-width: 767px) { .pg-service__content { padding-left: 0; margin-top: 40px; } .pg-service__insideblock { padding-right: 0; } .pg-service__thumb-bottom { margin-top: 40px; } } /* Service Pagination */ .pg-service-area { position: relative; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { letter-spacing: 0.5px; color: #a5a5a5; background: #f2f2f2; font-weight: 600; display: inline-block; width: 54px; font-size: 16px; text-transform: uppercase; padding: 24px 20px 20px; word-wrap: break-word; line-height: 1.2; text-align: center; position: absolute; top: 50%; margin-top: -50px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { right: auto; left: 2%; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: 2%; } .pg-service__pagination .service-pagination:hover, .pg-service__pagination a.service-pagination:hover { background: #00AC1F; color: #ffffff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-service__pagination { text-align: center; margin-top: 50px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 15px 13px 15px; padding-top: 15px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { left: auto; right: auto; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-service__pagination { text-align: center; margin-top: 50px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 15px 13px 15px; padding-top: 15px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { left: auto; right: auto; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: auto; } } @media only screen and (max-width: 767px) { .pg-service__pagination { text-align: center; margin-top: 50px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 15px 13px 15px; padding-top: 15px; } .pg-service__pagination .service-pagination.prev, .pg-service__pagination a.service-pagination.prev { left: auto; right: auto; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: auto; } } /** Blog Details Styles */ .pg-blog-thumb { margin-bottom: 50px; } .pg-blog-video { margin-bottom: 50px; } h2.pg-blog-title { font-size: 34px; font-weight: 700; color: #303030; } .pg-blog-meta { padding-left: 0; } .pg-blog-meta li { font-size: 14px; font-weight: 400; color: #a8a8a8; text-transform: uppercase; display: inline-block; vertical-align: middle; } .pg-blog-meta li:after { content: "-"; padding: 0 10px; } .pg-blog-meta li:last-child:after { display: none; } .pg-blog-meta li a { color: #a8a8a8; } .pg-blog-meta li a:hover { color: #00AC1F; } .pg-blog-content { padding-bottom: 50px; border-bottom: 1px solid #e1e1e1; } .pg-blog-content ol { margin-top: 30px; margin-bottom: 30px; list-style: decimal-leading-zero; padding-left: 0; list-style-position: inside; } .pg-blog-content ol li { margin-bottom: 10px; } .pg-blog-content img { margin-bottom: 20px; } .pg-blog-block { margin-top: 70px; } .pg-blog-block:last-of-type { margin-bottom: 40px; } .pg-blog-authorbox { padding: 40px; background: #fafafa; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .pg-blog-authoriamge { height: 95px; width: 95px; display: block; overflow: hidden; border-radius: 5px; margin-right: 25px; } .pg-blog-authoriamge img { width: 100%; } .pg-blog-authordes { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .pg-blog-authordes h6 { line-height: 28px; font-size: 16px; color: #5f5f5f; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .pg-blog-authordes p { margin-bottom: 0; } .pg-blog-social { border: 1px solid #e9e9e9; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 20px; } .pg-blog-social h6 { font-size: 16px; font-weight: 400; color: #636363; margin-right: 10px; margin-bottom: 0; } .pg-blog-social-icons { margin-right: 30px; } .pg-blog-social-icons, .pg-blog-tags { padding: 5px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .pg-blog-tags ul { margin-bottom: 0; padding-left: 0; } .pg-blog-tags ul li { display: inline-block; font-size: 16px; color: #808080; font-weight: 300; } .pg-blog-tags ul li:after { content: ","; } .pg-blog-tags ul li:last-child:after { display: none; } .pg-blog-tags ul li a { color: #808080; display: inline-block; } .pg-blog-tags ul li a:hover { color: #00AC1F; } .pg-blog-block.commentbox form { margin-top: -50px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 28px; } } @media only screen and (max-width: 767px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 26px; } } @media only screen and (max-width: 575px) { .pg-blog-content img.alignright { float: none; padding-left: 0; } h2.pg-blog-title { font-size: 26px; } } /** Commentbox & Commentlist Style */ /* Commentlist */ .comment { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 60px; } .comment:first-child { margin-top: 0; } .comment.reply { margin-left: 150px; } .comment__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .comment__content a.reply { font-size: 14px; color: #00AC1F; font-weight: 600; text-transform: uppercase; } .comment__content a.reply:hover { color: #333982; } .comment__content__top { margin-right: 30px; margin-bottom: 10px; } .comment__content__top h6 { margin-bottom: 0; font-size: 16px; font-weight: 700; color: #5f5f5f; text-transform: uppercase; } .comment__content__top span { font-size: 14px; line-height: 20px; color: #a2a2a2; font-weight: 400; text-transform: uppercase; } .comment__content__bottom { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } /* Commentbox */ .commentbox .single-input { position: relative; margin-top: 50px; } .commentbox .single-input label { position: absolute; left: 0; top: 10px; font-size: 13px; color: #4b4b4b; font-weight: 400; -webkit-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; -moz-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; -ms-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; -o-transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; transition: all 0.5s cubic-bezier(0.68, 0.01, 0.32, 0.99) 0s; } .commentbox .single-input label.state-change { top: -20px; } .commentbox .single-input input, .commentbox .single-input textarea { border: none; border-bottom: 1px solid #eeeeee; line-height: 28px; padding: 7px 20px; color: #5b5b5b; } .commentbox .single-input input:focus, .commentbox .single-input input:active, .commentbox .single-input textarea:focus, .commentbox .single-input textarea:active { outline: none; outline: 0; } @media only screen and (max-width: 767px) { .comment.reply { margin-left: 50px; } } @media only screen and (max-width: 575px) { .comment.reply { margin-left: 30px; } .comment { margin-top: 38px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment__content { padding-top: 20px; } .pg-blog-authorbox { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; } .pg-blog-authordes { padding-top: 20px; } } /** Contact Page Styles */ .pg-contact__content {background: #0a2968;padding:21px 30px 50px 50px;color: #fff; } .pg-contact__content > h1 {/*text-transform: uppercase;*/padding-right: 50px; } .pg-contact__content > p {padding-right: 50px; } .pg-contact__blocks {} .pg-contact__blocks .single-block {font-size: 16px; } .pg-contact__blocks .single-block:not(:last-child) {margin-bottom: 14px; } .pg-contact__blocks .single-block h6 {font-size: 16px; /*text-transform: uppercase;*/line-height: 18px;margin-bottom: 0 !important;font-weight: 600;color: #ffffff;position: relative; } .pg-contact__blocks .single-block h6:before {height: 4px;width: 4px;content: "";left: 0;top: -3px;display: inline-block;background: #ffffff;position: relative; margin-right: 7px; } .pg-contact__blocks .single-block p {color: #b1b1b1;margin-bottom: 0; } .pg-contact__blocks .single-block a {color: #b1b1b1; } .pg-contact__blocks .single-block a:hover {color: #fff; } .pg-contact__content1 {padding:0;color: #000; } .pg-contact__content1 > h1 {/*text-transform: uppercase;*/padding-right: 50px; } .pg-contact__content1 > p {padding-right: 50px; } .pg-contact__blocks1 {width: 100%} .pg-contact__blocks1 .single-block {ont-size: 16px; } .pg-contact__blocks1 .single-block:not(:last-child) {margin-bottom: 20px; } .pg-contact__blocks1 .single-block h6 {font-size: 16px; /*text-transform: uppercase;*/line-height: 18px;margin-bottom: 0 !important;font-weight: 600;color: #454545;position: relative; } .pg-contact__blocks1 .single-block h6:before {height: 8px;width: 8px;content: "";left: 0;top: -1px;display: inline-block;background: #454545;position: relative; margin-right: 15px; } .pg-contact__blocks1 .single-block p {color: #454545;margin-bottom: 0; } .pg-contact__blocks1 .single-block a {color: #454545; } .pg-contact__blocks1 .single-block a:hover {color: #000; } .google-map {height: 450px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .google-map {height: 300px; } /*.pg-contact__content {margin-top: 80px; }*/ } @media only screen and (max-width: 767px) { .pg-contact__content1 {padding:0 15px; } .google-map {height: 300px; } .pg-contact__content {margin-top:0; } .pg-contact__content > h1 {padding-right: 0px;font-size: 24px; } .pg-contact__content > p {padding-right: 0; } } /** Appointment Page Styles */ .pg-appintment__title { color: #00AC1F; } .pg-appintment__box {margin-top: -30px; } .pg-appintment__box .single-input {position: relative;margin-top: 40px; } .pg-appintment__box .single-input input, .pg-appintment__box .single-input textarea, .pg-appintment__box .single-input select { border: none; border-bottom: 1px solid #eeeeee; line-height: 28px; padding: 7px 20px; padding-left: 0; font-size: 13px; color: #4b4b4b; font-weight: 400; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pg-appintment__box .single-input input:focus, .pg-appintment__box .single-input input:active, .pg-appintment__box .single-input textarea:focus, .pg-appintment__box .single-input textarea:active, .pg-appintment__box .single-input select:focus, .pg-appintment__box .single-input select:active { outline: none; outline: 0; border-color: #000; } .pg-appintment__box .single-input input:placeholder, .pg-appintment__box .single-input textarea:placeholder, .pg-appintment__box .single-input select:placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-webkit-input-placeholder, .pg-appintment__box .single-input textarea::-webkit-input-placeholder, .pg-appintment__box .single-input select::-webkit-input-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input:-ms-input-placeholder, .pg-appintment__box .single-input textarea:-ms-input-placeholder, .pg-appintment__box .single-input select:-ms-input-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-ms-input-placeholder, .pg-appintment__box .single-input textarea::-ms-input-placeholder, .pg-appintment__box .single-input select::-ms-input-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::placeholder, .pg-appintment__box .single-input textarea::placeholder, .pg-appintment__box .single-input select::placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input:-webkit-placeholder, .pg-appintment__box .single-input textarea:-webkit-placeholder, .pg-appintment__box .single-input select:-webkit-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-webkit-placeholder, .pg-appintment__box .single-input textarea::-webkit-placeholder, .pg-appintment__box .single-input select::-webkit-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input:-moz-placeholder, .pg-appintment__box .single-input textarea:-moz-placeholder, .pg-appintment__box .single-input select:-moz-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input::-moz-placeholder, .pg-appintment__box .single-input textarea::-moz-placeholder, .pg-appintment__box .single-input select::-moz-placeholder { font-size: 13px; color: #4b4b4b; font-weight: 400; opacity: 1; } .pg-appintment__box .single-input input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pg-appintment__box .single-input input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pg-appintment__box .single-input.button { text-align: center; margin-top: 50px; } .pg-appintment__box .single-input.button button:focus, .pg-appintment__box .single-input.button button:active { outline: none; } .pg-appintment__box .single-input .select2-container .select2-selection--single { border: none; border-bottom: 1px solid #eeeeee; line-height: 28px; padding: 0; font-size: 13px; color: #4b4b4b; font-weight: 400; } .pg-appintment__box .single-input .select2-container .select2-selection--single:focus, .pg-appintment__box .single-input .select2-container .select2-selection--single:active { outline: none; } .pg-appintment__box .single-input .select2-container .select2-selection--single:focus { border-color: #000; } .pg-appintment__box .single-input .select2-container .select2-selection--single .select2-selection__rendered { color: #4b4b4b; padding-left: 0; } .pg-appintment__box p.form-message { margin-bottom: 0; } .pg-appintment__box p.form-message.success { color: #00AC1F; padding-top: 15px; } .pg-appintment__box p.form-message.error { color: #EF785A; padding-top: 15px; } /** * Team Details */ .pg-advisor__thumb img {width: 100%; } .pg-advisor__details {background: #0a2968;-webkit-flex-shrink: 100;-moz-flex-shrink: 100;-ms-flex-negative: 100;flex-shrink: 100;padding: 50px 30px 0 50px;color: #d0d0d0;position: relative;overflow: hidden; } .pg-advisor__details h2 {font-size: 30px;margin-bottom: 5px;color: #fff; } .pg-advisor__details h5 {position: relative;display: inline-block; /*padding-bottom: 5px;margin-bottom: 20px; */} .pg-advisor__details h5:after {content: ""; position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;background: #b7b7b7; } .pg-advisor__details ul.social-area {padding-left: 0;list-style: none;margin-bottom: 0;font-size: 0;position: absolute;right: 0;bottom: 60px;background: #5c63bf;border-radius: 50px 0 0 50px; } .pg-advisor__details ul.social-area li {display: inline-block;font-size: 15px; } .pg-advisor__details ul.social-area li a {display: inline-block;color: #d0d0d0;font-size: 15px;padding: 0 17px;height: 50px;line-height: 52px;background: #5c63bf; } .pg-advisor__details ul.social-area li a:hover {color: #fff; } .pg-advisor__details ul.social-area li:first-child a {padding-left: 34px;border-radius: 50px 0 0 50px; } .pg-advisor__details ul.social-area li:last-child a {padding-right: 34px; } .pg-advisor__progress {width: 65%; } .pg-advisor__progress__single .progress {background: #abcce2;border-radius: 0;height: 10px;overflow: visible; } .pg-advisor__progress__single {overflow: hidden;margin-top: 27px; } .pg-advisor__progress__single .progress span {position: absolute;right: 0;top: -35px;color: #d0d0d0;font-size: 16px;font-weight: 400;-webkit-transform: translate(50%, 0);-moz-transform: translate(50%, 0);-ms-transform: translate(50%, 0);-o-transform: translate(50%, 0);transform: translate(50%, 0);-webkit-transition: all 0.4s ease 1s;-moz-transition: all 0.4s ease 1s;-ms-transition: all 0.4s ease 1s;-o-transition: all 0.4s ease 1s;transition: all 0.4s ease 1s; } .pg-advisor__progress__single .progress-bar {position: relative;background: #5c63bf; } .pg-advisor__progress__single h6 {margin-bottom: 8px;font-size: 16px;text-transform: uppercase; } .pg-advisor__experience { } .pg-advisor__experience h3 {color: #303030;font-size: 24px;line-height: 28px; margin-bottom: 30px;text-transform: uppercase; } .pg-advisor__experience ul {padding-left: 0;margin-bottom: 0;list-style: none; } .pg-advisor__experience ul li {padding-left: 51px;position: relative;padding-bottom: 20px; } .pg-advisor__experience ul li:before {content: "";left: 10px;top: 20px;position: absolute; height: 100%;width: 1px;background: #b7b7b7;height: calc(100% - 20px); } .pg-advisor__experience ul li:after {content: "";position: absolute;left: 0;top: 0;height: 20px;width: 20px;background: transparent;border: 1px solid #d1d1d1;border-radius: 100%; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s; } .pg-advisor__experience ul li:last-child {padding-bottom: 0; } .pg-advisor__experience ul li:last-child:before {display: none; } .pg-advisor__experience ul li h6 { color: #494949;font-weight: 400;font-size: 15px;margin-bottom: 8px;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s; } .pg-advisor__experience ul li h6 a {color:#0a2968;} .pg-advisor__experience ul li p:last-child {margin-bottom: 0; } .pg-advisor__experience ul li:hover:after { border-color: #1b2167;background: #1b2167; } .pg-advisor__experience ul li:hover h6 {color:#000; } .pg-advisor__biography {margin: 50px 0; } .pg-advisor__biography h3 { color: #303030;font-size: 24px;line-height: 28px;padding-left: 0;margin-bottom: 30px;text-transform: uppercase; } .pg-advisor__biography h4 {color: #666;font-size: 22px;text-transform: uppercase;font-weight: 700;margin-bottom: 5px; margin-top: 40px; } .pg-advisor__biography h6 {text-transform: uppercase;font-weight: 400;color: #303030; } .pg-advisor__biography h6 a {font-size: 24px;color: #00AC1F;text-transform: lowercase; } .pg-advisor__biography h6 a:hover {color: #EF785A; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pg-advisor__progress {width: 56%; } .pg-advisor__biography { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-advisor__thumb {text-align: center; } .pg-advisor__progress {width: 60%; } .pg-advisor__biography {padding-right: 0; } } @media only screen and (max-width: 767px) { .pg-advisor__thumb {text-align: center; } .pg-advisor__progress {width: 80%; } .pg-advisor__biography {padding-right: 0; } .pg-advisor__details ul.social-area {position: relative;right: 0;bottom: 0;border-radius: 50px;margin-top: 50px;text-align: center; } } @media only screen and (max-width: 575px) { .pg-advisor__thumb {text-align: center; } .pg-advisor__progress {width: 100%; } .pg-advisor__biography {padding-right: 0; } .pg-advisor__details ul.social-area {position: relative;right: 0;bottom: 0;border-radius: 50px;margin-top: 50px;ext-align: center; } .pg-advisor__details ul.social-area li:last-child a {padding-right: 0; } .pg-advisor__details ul.social-area li:first-child a {padding-left: 0; } } /** * Portfolio */ .portfolio-filters { font-size: 0; margin-top: 15px; } .portfolio-filters button { display: inline-block; font-size: 16px; color: #454545; background: transparent; padding: 6px 22px 6px 22px; outline: none; font-weight: 700; text-transform: capitalize; margin-top: 10px; letter-spacing: 1px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border: none; position: relative; border: 1px solid transparent; } .portfolio-filters button.is-active { color: #00AC1F; border: 1px solid #00AC1F; } .portfolio-filters button:hover { color: #00AC1F; } .portfolio-wrap { margin-top: 20px; } .portfolio { margin-top: 30px; position: relative; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); overflow: hidden; } .portfolio-image { position: relative; overflow: hidden; } .portfolio-image img { width: 100%; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .portfolio-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; padding: 15px; text-align: center; background: rgba(51, 57, 130, 0.9); text-align: left; padding: 30px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .portfolio-content a { color: #ffffff; } .portfolio-content h5 { font-weight: 500; margin-bottom: 10px; color: #ffffff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.5px; } .portfolio-content h6 { color: #ffffff; margin-bottom: 0; font-size: 14px; text-transform: uppercase; } .portfolio .portfolio-zoomicon { position: absolute; right: 0; bottom: 0; color: #ffffff; z-index: 3; font-size: 22px; padding: 2px; -webkit-transform: translate(100%, 100%); -ms-transform: translate(100%, 100%); transform: translate(100%, 100%); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .portfolio .portfolio-zoomicon::before { position: absolute; height: 100px; width: 45px; background: #00AC1F; bottom: -37px; right: -10px; z-index: 2; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .portfolio .portfolio-zoomicon i { position: relative; z-index: 3; } .portfolio:hover { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); } .portfolio:hover .portfolio-zoomicon { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .portfolio:hover .portfolio-image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .portfolio:hover .portfolio-content { visibility: visible; opacity: 1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio-content { padding: 15px; } } /** * Portfolio Details */ .portfolio-details-image img {width: 100%; } .portfolio-details-meta {width: 100%; } .portfolio-details-meta ul { width:100%;background: #fff none repeat scroll 0 0;border: 1px solid #e5e5e5;padding: 0 20px;margin-bottom: 0;list-style: none;text-transform: uppercase;font-size: 14px; } .portfolio-details-meta ul li {width:100%;list-style: none;border-bottom: 1px solid #e5e5e5;color: #666;padding: 10px 0; } .portfolio-details-meta ul li:last-child {border-bottom: 0 none; } .portfolio-details-meta ul li i {color: #999;font-size: 16px;line-height: normal;margin-right: 20px; } .portfolio-details-meta ul li span {color: #444;font-weight: 600;margin-right: 5px; } .portfolio-details-meta ul li a {color: #454545; } .portfolio-details-meta ul li a:hover {color: #00AC1F; } .portfolio-details-info .portfolio-title {font-weight: 600;letter-spacing: 1px; } .portfolio-details-info .post-share {border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;overflow: hidden;padding: 10px 0;margin-top: 30px; } .portfolio-details-info .post-share h6 { display: inline-block; vertical-align: middle; margin-bottom: 0; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; } .portfolio-details-info .post-share ul { display: inline-block; vertical-align: middle; padding-left: 0; margin-bottom: 0; } .portfolio-details-info .post-share ul li { display: inline-block; list-style: none; margin: 0 6px; font-size: 14px; } .portfolio-details-info .post-share ul li a { display: block; color: #454545; } .portfolio-details-info .post-share ul li a:hover { color: #000000; } @media only screen and (min-width: 768px) and (max-width: 991px) { .portfolio-details-info { margin-top: 50px; } } @media only screen and (max-width: 767px) { .portfolio-details-info { margin-top: 50px; } } /** Boxed Layout Styles */ .boxed--layout { margin: 0 150px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 300px); margin-left: 150px; } .boxed--layout .feature { padding: 85px 70px; } .boxed--layout .taxcalc__content__inner { width: 75%; } .boxed--layout .taxcalc__calculation { padding: 125px 70px; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .boxed--layout { margin: 0 80px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 160px); margin-left: 80px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .boxed--layout { margin: 0 30px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 60px); margin-left: 30px; } .boxed--layout .taxcalc__calculation { padding: 125px 0; } .boxed--layout .taxcalc__content__inner { right: -8%; width: 90%; padding: 50px; } .boxed--layout .feature { padding: 85px 30px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .boxed--layout .taxcalc__calculation { padding: 125px 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .boxed--layout { margin: 0 20px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 40px); margin-left: 20px; } .boxed--layout .feature { padding: 55px 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .boxed--layout { margin: 0 10px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 20px); margin-left: 10px; } .boxed--layout .feature { padding: 55px 30px; } } @media only screen and (max-width: 767px) { .boxed--layout { margin: 0 10px; } .boxed--layout .sticky--header.is-sticky .header__bottom { width: calc(100% - 20px); margin-left: 10px; } } @media only screen and (max-width: 575px) { .boxed--layout .feature { padding: 60px 20px; } .boxed--layout .taxcalc__content__inner { width: 90%; } .boxed--layout .taxcalc__calculation { padding: 80px 10px; } } /** Footer Styles */ .footer-area__logo { margin-bottom: 25px; } .footer--widgets { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* Widget About */ /* Widget Quick Links */ /* Widget Twitterfeed */ /* Widget Contact Info */ } .footer--widgets .widget-title { font-weight: 700; color: #dddddd; text-transform: uppercase; margin-bottom: 25px; } .footer--widgets .widget { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 30px; margin-top: 20px; margin-bottom: 20px; } .footer--widgets .widget:last-child { padding-right: 0 !important; } .footer--widgets .widget ul { padding-left: 0; margin-bottom: 0; list-style: none; } .footer--widgets .widget ul li { padding-left: 23px; color: #949494; margin-bottom: 13px; position: relative; } .footer--widgets .widget ul li:last-child { margin-bottom: 0; } .footer--widgets .widget ul li:before { content: ""; left: 0; top: 14px; height: 1px; width: 10px; display: inline-block; background: #949494; position: absolute; } .footer--widgets .widget:not(.widget-about) ul li a { color: #949494; } .footer--widgets .widget:not(.widget-about) ul li a:hover { color: #00AC1F; } .footer--widgets .widget-about { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -moz-box-flex: 0; -moz-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; padding-right: 65px; } .footer--widgets .widget-about p { color: #949494; } .footer--widgets .widget-about .social-icons ul { padding-left: 0; list-style: none; margin-bottom: 0; } .footer--widgets .widget-about .social-icons ul li { padding-left: 0; margin-bottom: 0; margin-top: 10px; } .footer--widgets .widget-about .social-icons ul li:before { display: none; } .footer--widgets .widget-quick-links { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .footer--widgets .widget-twitter-feed { padding-right: 75px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .footer--widgets .widget-twitter-feed ul li { padding-left: 0; margin-bottom: 20px; } .footer--widgets .widget-twitter-feed ul li:last-child { margin-bottom: 0; } .footer--widgets .widget-twitter-feed ul li p { margin-bottom: 0; } .footer--widgets .widget-twitter-feed ul li p a { font-weight: 400; } .footer--widgets .widget-twitter-feed ul li:before { display: none; } .footer--widgets .widget-twitter-feed ul li span.time { font-size: 16px; display: block; font-weight: 400; } .footer--widgets .widget-contact-info { -webkit-box-flex: 0; -webkit-flex: 0 0 23%; -moz-box-flex: 0; -moz-flex: 0 0 23%; -ms-flex: 0 0 23%; flex: 0 0 23%; } .footer--widgets .widget-contact-info ul li {margin-bottom: 20px; } .footer--widgets .widget-contact-info ul li:last-child {margin-bottom: 0; } .footer--widgets .widget-contact-info ul li p {margin-bottom: 0;line-height: 26px; } .copyright {padding: 37px 0 22px 0;font-size: 14px;color: rgba(255,255,255,0.6);font-weight: 500; } .copyright p {margin-bottom: 0; } .copyright a {color: #00AC1F;font-weight: 600; } .copyright a:hover {opacity: 0.8; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer--widgets .widget-about { padding-right: 30px; } .footer--widgets .widget-twitter-feed { padding-right: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer--widgets .widget { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-about { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-twitter-feed { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-quick-links { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .footer--widgets .widget-contact-info { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } } @media only screen and (max-width: 767px) { .footer--widgets .widget { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-about { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-twitter-feed { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-quick-links { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } .footer--widgets .widget-contact-info { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 65px; } } @media only screen and (max-width: 767px) { .footer--widgets .widget-about { padding-right: 0; } .footer--widgets .widget-twitter-feed { padding-right: 0; } .footer--widgets .widget-quick-links { padding-right: 0; } .footer--widgets .widget-contact-info { padding-right: 0; } }