* { -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; text-align: justify; } 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: #000000; text-decoration: none; } a:visited { color: #000; } a:focus { outline: thin dotted; } a:active, a:hover { color: #535658; 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: square; } 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: 14px; line-height: 28px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Encode Sans', sans-serif; color: #4B4B4B; font-weight: 300; } 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: "Josefin Sans", 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: 18px; } h5, .h5 { font-size: 20px; } h6, .h6 { font-size: 18px; } @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, h3, .h3 { font-weight: 700; } 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; } input, select { height: 45px; line-height: 45px; } input, select, textarea { background: transparent; border: 1px solid #d9d9d9; padding: 0 20px; width: 100%; font-size: 16px; color: #afafaf; font-family: "Josefin 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; } option { font-weight: 300; } select { background: url(images/icons/caret-down.png) no-repeat scroll; background-position: center right 15px; } blockquote { background: #eefff1; padding: 124px 90px; padding-left: 160px; color: #262626; font-size: 24px; font-weight: 600; font-style: italic; position: relative; } blockquote:before { content: ""; background-image: url(images/icons/blockquote-quote.png); background-size: contain; background-repeat: no-repeat; height: 30px; width: 30px; position: absolute; left: 8%; top: 20%; } @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: #646464; } .colog--blue { color: #333982bf; } .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; box-shadow: 2px 2px 5px #80808099; } /* Background Color */ .bg--theme { background: #00AC1F; } .bg--blue { background: #535658; } .bg--green { background: #00AC1F; } .bg--yellow { background: #EFC418; } .bg--orange { background: #EF785A; } .bg--light { background: #999999; } .bg--dark { background: #242424; } .bg--dark--light { background: #433f3f; } .bg--black { background: #000000; } .bg--white { background: #ffffff; } .bg--grey { background: #fafafa; } .bg--grey--light { 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; } .bg--abstruct-mask:after { right: 0; background: url(images/bg/abstruct-mask-right.png) no-repeat scroll; background-position: center center; } .bg--abstruct-mask > div { position: relative; } /* Background Image */ .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: "Josefin Sans", sans-serif; } .heading--font { font-family: "Josefin Sans", 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: 40px 0; } .section-padding--lg { padding: 130px 0; } .section-padding--md { padding: 40px 0; } .section-padding--sm { padding: 40px 0; } .section-padding--xs { padding: 80px 0; } .section-padding-top--xlg { padding-top: 40px; } .section-padding-top--lg { padding-top: 130px; } .section-padding-top--md { padding-top: 120px; } .section-padding-top--sm { padding-top: 100px; } .section-padding-top--xs { padding-top: 80px; } .section-padding-bottom--xlg { padding-bottom: 150px; } .section-padding-bottom--lg { padding-bottom: 130px; } .section-padding-bottom--md { padding-bottom: 120px; } .section-padding-bottom--sm { padding-bottom: 100px; } .section-padding-bottom--xs { padding-bottom: 80px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-padding--xlg { padding: 120px 0; } .section-padding--lg { padding: 100px 0; } .section-padding--md { padding: 85px 0; } .section-padding--sm { padding: 70px 0; } .section-padding--xs { padding: 60px 0; } .section-padding-top--xlg { padding-top: 120px; } .section-padding-top--lg { padding-top: 100px; } .section-padding-top--md { padding-top: 85px; } .section-padding-top--sm { padding-top: 70px; } .section-padding-top--xs { padding-top: 60px; } .section-padding-bottom--xlg { padding-bottom: 120px; } .section-padding-bottom--lg { padding-bottom: 100px; } .section-padding-bottom--md { padding-bottom: 85px; } .section-padding-bottom--sm { padding-bottom: 70px; } .section-padding-bottom--xs { padding-bottom: 60px; } } @media only screen and (max-width: 767px) { .section-padding--xlg { padding: 90px 0; } .section-padding--lg { padding: 70px 0; } .section-padding--md { padding: 60px 0; } .section-padding--sm { padding: 50px 0; } .section-padding--xs { padding: 50px 0; } .section-padding-top--xlg { padding-top: 40px; } .section-padding-top--lg { padding-top: 70px; } .section-padding-top--md { padding-top: 60px; } .section-padding-top--sm { padding-top: 40px; } .section-padding-top--xs { padding-top: 50px; } .section-padding-bottom--xlg { padding-bottom: 90px; } .section-padding-bottom--lg { padding-bottom: 70px; } .section-padding-bottom--md { padding-bottom: 60px; } .section-padding-bottom--sm { padding-bottom: 50px; } .section-padding-bottom--xs { padding-bottom: 50px; } } /* 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: #00AC1F; } [data-black-overlay]:before { background-color: #00000005; } [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.3; } [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: #535658; color: #ffffff; font-size: 22px; border-radius: 100%; border: 1px solid #535658; -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: #afafaf; } .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: #afafaf; } .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; } /******************* Elements Styles ********************/ /** Button Styles */ a.cr-btn, button.cr-btn, .cr-btn { display: inline-block; height: 45px; background: #000; padding: 10px 30px; color: #fff; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; font-size: 14px; position: relative; vertical-align: middle; overflow: hidden; border: 1px solid #000; -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; transition: box-shadow 0.5s ease-in-out 0s; border-radius: 100%; } a.cr-btn:hover, button.cr-btn:hover, .cr-btn:hover { color: #fff; border-color: #EF785A; } a.cr-btn:hover:before, button.cr-btn:hover:before, .cr-btn:hover:before { -webkit-box-shadow: inset 0 0 0 400px #EF785A; -moz-box-shadow: inset 0 0 0 400px #EF785A; -ms-box-shadow: inset 0 0 0 400px #EF785A; -o-box-shadow: inset 0 0 0 400px #EF785A; box-shadow: inset 0 0 0 400px #EF785A; } a.cr-btn.cr-btn--lg, button.cr-btn.cr-btn--lg, .cr-btn.cr-btn--lg { height: 50px; padding: 12px 30px; } a.cr-btn.cr-btn--sm, button.cr-btn.cr-btn--sm, .cr-btn.cr-btn--sm { height: 40px; 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; border-color: #9f9f9f; } a.cr-btn.cr-btn--transparent:hover, button.cr-btn.cr-btn--transparent:hover, .cr-btn.cr-btn--transparent:hover { border-color: #00AC1F; 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 #00AC1F; -moz-box-shadow: inset 0 0 0 400px #00AC1F; -ms-box-shadow: inset 0 0 0 400px #00AC1F; -o-box-shadow: inset 0 0 0 400px #00AC1F; box-shadow: inset 0 0 0 400px #00AC1F; } /* Readmore Buttons */ .cr-readmore, a.cr-readmore, button.cr-readmore { display: inline-block; font-weight: 600; font-size: 16px; color: #000000; text-transform: uppercase; outline: none; } .cr-readmore:focus, .cr-readmore:active, a.cr-readmore:focus, a.cr-readmore:active, button.cr-readmore:focus, button.cr-readmore:active { outline: none; } .cr-readmore:after, a.cr-readmore:after, button.cr-readmore:after { content: "\f178"; font-family: fontAwesome; padding-left: 6px; font-size: 12px; display: inline-block; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); -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; } .cr-readmore:hover:after, a.cr-readmore:hover:after, button.cr-readmore:hover:after { padding-left: 11px; } .cr-readmore-2, a.cr-readmore-2, button.cr-readmore-2 { outline: none; display: inline-block; font-weight: 600; font-size: 14px; color: #646464; background: transparent; border: 1px solid #9f9f9f; border-radius: 3px; height: 40px; line-height: 42px; padding: 0 40px; text-transform: uppercase; } .cr-readmore-2:focus, .cr-readmore-2:active, a.cr-readmore-2:focus, a.cr-readmore-2:active, button.cr-readmore-2:focus, button.cr-readmore-2:active { outline: none; } .cr-readmore-2:hover, a.cr-readmore-2:hover, button.cr-readmore-2:hover { border-color: #00AC1F; background: #00AC1F; color: #fff; } /** Section Title Styles */ .section-title { padding-left: 0; padding-right: 90px; } .section-title h4 { color: #474747; font-weight: 600; margin-bottom: 5px; } .section-title h2 { color: #303030; 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; } /** Bars Styles */ .cr-bars { height: 100%; min-height: 360px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .cr-bar { width: 54px; height: 360px; position: relative; margin: 0 11px; text-align: center; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; } .cr-bar:first-child { margin-left: 0; } .cr-bar:last-child { margin-right: 0; } .cr-bar:nth-child(n) .cr-bar__inner { background: #EFC418; } .cr-bar:nth-child(2n) .cr-bar__inner { background: #333982bf; } .cr-bar:nth-child(3n) .cr-bar__inner { background: #00AC1F; } .cr-bar:nth-child(4n) .cr-bar__inner { background: #EFC418; } .cr-bar:nth-child(5n) .cr-bar__inner { background: #EF785A; } .cr-bar__inner { background: #00AC1F; position: absolute; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; padding-bottom: 23px; } .cr-bar__progress { position: absolute; left: 0; width: 100%; font-weight: 400; color: #8c8c8c; letter-spacing: 0.5px; } .cr-bar__title { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: 26%; bottom: -8px; color: #ffffff; font-weight: 400; letter-spacing: 1px; transform-origin: 0 0; } .cr-bars__name { margin-top: 10px; display: block; margin-top: 8px; } /* Horaizontal Bars */ .cr-bars--horaizontal { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cr-bar--horaizontal { height: 70px; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; width: 100%; margin: 0; } .cr-bar--horaizontal .cr-bar__inner { height: 35px; } .cr-bar--horaizontal .cr-bar__progress { bottom: 35px; } .cr-bar--horaizontal .cr-bar__title { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); left: 20px; bottom: auto; padding-top: 1px; top: 0; line-height: 35px; } .service-area__bars:not(.text-center) .cr-bars__name { margin-top: 20px; } /** Slider Elements Styles */ .blog--slider-active .blog__thumb, .pg-blog-thumb-gallery-active { position: relative; } .blog--slider-active .blog__thumb .cr-slick-arrow, .pg-blog-thumb-gallery-active .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, .pg-blog-thumb-gallery-active .cr-slick-arrow:hover { background: #00AC1F; } .blog--slider-active .blog__thumb .cr-slick-arrow i, .pg-blog-thumb-gallery-active .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, .pg-blog-thumb-gallery-active .cr-slick-arrow:active, .pg-blog-thumb-gallery-active .cr-slick-arrow:focus { outline: none; } .blog--slider-active .blog__thumb .cr-slick-arrow.cr-slick-prev, .pg-blog-thumb-gallery-active .cr-slick-arrow.cr-slick-prev { left: 25px; } .blog--slider-active .blog__thumb .cr-slick-arrow.cr-slick-next, .pg-blog-thumb-gallery-active .cr-slick-arrow.cr-slick-next { right: 25px; } .blog--slider-active .blog__thumb:hover .cr-slick-arrow, .pg-blog-thumb-gallery-active:hover .cr-slick-arrow { opacity: 1; visibility: visible; } /* Slider Arrow Style */ .banner-slider-active, .banner-contnet-slider { position: relative; } .banner-slider-active .cr-slick-arrow, .banner-contnet-slider .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, .banner-contnet-slider .cr-slick-arrow i { line-height: 58px; } .banner-slider-active .cr-slick-arrow:hover, .banner-contnet-slider .cr-slick-arrow:hover { background: #000; } .banner-slider-active .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider .cr-slick-arrow.cr-slick-prev { left: 0; } .banner-slider-active .cr-slick-arrow.cr-slick-next, .banner-contnet-slider .cr-slick-arrow.cr-slick-next { right: 0; } .banner-slider-active:hover .cr-slick-arrow, .banner-contnet-slider:hover .cr-slick-arrow { visibility: visible; opacity: 1; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider:hover .cr-slick-arrow.cr-slick-prev { left: 2%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next, .banner-contnet-slider: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, .banner-contnet-slider .cr-slick-arrow { top: auto; bottom: 25px; height: 50px; width: 50px; font-size: 24px; } .banner-slider-active .cr-slick-arrow i, .banner-contnet-slider .cr-slick-arrow i { line-height: 48px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider .cr-slick-arrow.cr-slick-prev { left: auto; right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next, .banner-contnet-slider .cr-slick-arrow.cr-slick-next { right: auto; left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider:hover .cr-slick-arrow.cr-slick-prev { left: auto; right: calc(50% + 15px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next, .banner-contnet-slider: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, .banner-contnet-slider .cr-slick-arrow { height: 42px; width: 42px; font-size: 20px; top: auto; bottom: 25px; } .banner-slider-active .cr-slick-arrow i, .banner-contnet-slider .cr-slick-arrow i { line-height: 40px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider .cr-slick-arrow.cr-slick-prev { left: auto; right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next, .banner-contnet-slider .cr-slick-arrow.cr-slick-next { right: auto; left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider:hover .cr-slick-arrow.cr-slick-prev { left: auto; right: calc(50% + 15px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next, .banner-contnet-slider: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, .banner-contnet-slider .cr-slick-arrow { height: 36px; width: 36px; font-size: 18px; top: auto; bottom: 20px; } .banner-slider-active .cr-slick-arrow i, .banner-contnet-slider .cr-slick-arrow i { line-height: 34px; } .banner-slider-active .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider .cr-slick-arrow.cr-slick-prev { left: auto; right: 50%; } .banner-slider-active .cr-slick-arrow.cr-slick-next, .banner-contnet-slider .cr-slick-arrow.cr-slick-next { right: auto; left: 50%; } .banner-slider-active:hover .cr-slick-arrow.cr-slick-prev, .banner-contnet-slider:hover .cr-slick-arrow.cr-slick-prev { left: auto; right: calc(50% + 10px); } .banner-slider-active:hover .cr-slick-arrow.cr-slick-next, .banner-contnet-slider: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 #fff; color: #fff; 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; color: #ffffff; 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-area { background-color: #999999; position: relative; } .cr-breadcrumb-area:before { content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; display: none; } .cr-breadcrumb-area > div, .cr-breadcrumb-area > * { position: relative; } .cr-breadcrumb { color: #00AC1F; } .cr-breadcrumb h1 { color: #fff; font-size: 45px; font-weight: 700; text-transform: uppercase; margin-bottom: 0; } .cr-breadcrumb p { color: #303030; margin-bottom: 0; } .cr-breadcrumb__pagination { padding-left: 0; margin-bottom: 0; list-style: none; display: inline-block; } .cr-breadcrumb__pagination li { display: inline-block; font-weight: 400; font-size: 14px; color: #474747; text-transform: uppercase; } .cr-breadcrumb__pagination li:after { content: " - "; } .cr-breadcrumb__pagination li:last-child:after { display: none; } .cr-breadcrumb__pagination li a { color: #474747; } .cr-breadcrumb__pagination li a:hover { color: #333982bf; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cr-breadcrumb-area { margin-top: 0 !important; } .cr-breadcrumb h1 { font-size: 36px; } } @media only screen and (max-width: 767px) { .cr-breadcrumb-area { margin-top: 0 !important; background-position: center left; } .cr-breadcrumb-area:before { display: block; } .cr-breadcrumb h1 { font-size: 32px; } .cr-breadcrumb p { color: #fff; } .cr-breadcrumb__pagination li { color: #fff; } .cr-breadcrumb__pagination li a { color: #fff; } .cr-breadcrumb__pagination li a:hover { color: #333982bf; } } /** Pagination Style */ .cr-pagination { padding-top: 30px; } .cr-pagination ul { padding-left: 0; margin-bottom: 0; list-style: none; display: inline-block; } .cr-pagination ul li { display: inline-block; font-weight: 600; font-size: 18px; color: #b5b5b5; margin: 0 2px; } .cr-pagination ul li:first-child { margin-left: 0; } .cr-pagination ul li:last-child { margin-right: 0; } .cr-pagination ul li a { display: inline-block; height: 32px; line-height: 36px; padding: 0 10px; color: #b5b5b5; } .cr-pagination ul li.active a, .cr-pagination ul li:hover a { color: #fff; background: #00AC1F; } /** Widget Styels */ .widgets.sidebar-widgets { padding-left: 20px; margin-top: -60px; /* About Widget */ /* Widget Search */ /* Widget Recentpost */ /* Widget Categories */ /* Recent Comments */ /* Widget Newsletter */ /* Widget Instafeed */ /* Widget Twitterfeed */ /* Widget Social Icons */ /* Widget Tags */ } .widgets.sidebar-widgets .single-widget { margin-top: 60px; } .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: 25px; border: none; outline: none; background-color: transparent; top: 50%; height: 50px; line-height: 50px; margin-top: -25px; color: #b5b5b5; font-size: 16px; z-index: 1; } .widgets.sidebar-widgets .widget-search button:hover { color: #00AC1F; } .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 120px; -moz-box-flex: 0; -moz-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; 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: #757575; font-size: 12px; font-weight: 400; text-transform: uppercase; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 { font-weight: 600; font-size: 15px; text-transform: uppercase; color: #646464; line-height: 26px; } .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 a { display: inline-block; color: #646464; } .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-recentcomment > ul > li h6 { font-weight: 600; color: #262626; line-height: 28px; margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 a { padding-left: 30px; position: relative; color: #262626; display: inline-block; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 a:before { content: "\f0e6"; font-family: fontAwesome; position: absolute; left: 0; top: 0; line-height: 30px; color: #969696; font-size: 20px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 a:hover { color: #00AC1F; } .widgets.sidebar-widgets .widget-recentcomment > ul > li h6 a:hover:before { color: #00AC1F; } .widgets.sidebar-widgets .widget-recentcomment > ul > li ul { padding-left: 30px; list-style: none; margin-bottom: 0; } .widgets.sidebar-widgets .widget-recentcomment > ul > li ul li { font-size: 12px; color: #757575; font-weight: 400; text-transform: uppercase; display: inline-block; padding-bottom: 0; } .widgets.sidebar-widgets .widget-recentcomment > ul > li ul li:before { content: ""; height: 5px; width: 5px; background: #757575; display: inline-block; margin: 0 10px; } .widgets.sidebar-widgets .widget-recentcomment > ul > li ul li:first-child:before { display: none; } .widgets.sidebar-widgets .widget-recentcomment > ul > li ul li a { color: #757575; } .widgets.sidebar-widgets .widget-recentcomment > ul > li ul li a:hover { color: #00AC1F; } .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; vertical-align: middle; 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-twitter-feed ul li a.tweet-author { color: #262626; font-weight: 400; line-height: 30px; display: block; margin-bottom: 10px; } .widgets.sidebar-widgets .widget-twitter-feed ul li a.tweet-author:before { content: "\f099"; font-family: fontAwesome; font-size: 20px; color: #262626; padding-right: 12px; line-height: 36px; -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-twitter-feed ul li a.tweet-author:hover { color: #00AC1F; } .widgets.sidebar-widgets .widget-twitter-feed ul li a.tweet-author:hover:before { color: #00AC1F; } .widgets.sidebar-widgets .widget-twitter-feed ul li p { font-size: 18px; color: #3e3e3e; line-height: 24px; margin-bottom: 10px; } .widgets.sidebar-widgets .widget-twitter-feed ul li a.tweet-time { color: #757575; font-size: 12px; line-height: 30px; font-weight: 600; text-transform: uppercase; } .widgets.sidebar-widgets .widget-twitter-feed ul li a.tweet-time span:before { content: ""; background: #757575; height: 5px; width: 5px; margin: 0 10px; display: inline-block; -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-twitter-feed ul li a.tweet-time span:first-child:before, .widgets.sidebar-widgets .widget-twitter-feed ul li a.tweet-time span:only-child:before { display: none; } .widgets.sidebar-widgets .widget-twitter-feed ul li a.tweet-time:hover { color: #00AC1F; } .widgets.sidebar-widgets .widget-twitter-feed ul li a.tweet-time:hover span:before { background: #00AC1F; } .widgets.sidebar-widgets .widget-social-icon ul { 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; } .widgets.sidebar-widgets .widget-social-icon ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 84px; -moz-box-flex: 0; -moz-flex: 0 0 84px; -ms-flex: 0 0 84px; flex: 0 0 84px; padding: 0; margin-bottom: 3px; display: block; } .widgets.sidebar-widgets .widget-social-icon ul li a { display: block; background: #00AC1F; text-align: center; height: 60px; line-height: 60px; font-size: 20px; margin-bottom: 3px; color: #fff; position: relative; } .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: #4b4b4b; text-transform: uppercase; font-size: 14px; padding: 0 25px; height: 36px; line-height: 38px; border: 1px solid #cbcbcb; } .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-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-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: 80px; } .widget-about__thumb img { width: 100%; } .widgets.sidebar-widgets .widget-instagram > ul > li { width: 115px; height: 115px; } } @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: 80px; } .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; } } /******************* Blocks Styles ********************/ /** Header Styles */ /* Header Top Styles */ .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: center; } .header__top__info { padding-left: 0; margin-bottom: 0; list-style: none; } .header__top__info li { display: inline-block; padding: 0 30px; } .header__top__info li:first-child { padding-left: 0; } .header__top__info li:last-child { padding-right: 0; } .header__top__info li a { 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; color: #fff; font-size: 16px; font-weight: 300; } .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: 10px 0; } /* Sticky Header */ .sticky--header { position: absolute; left: 0; top: 0; width: 100%; z-index: 9991; } .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 { -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; } .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: red; } .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 10px; /* 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: #474747; font-weight: 600; font-size: 15px; text-transform: capitalize; } .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; margin-top: -4px; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu { position: absolute; left: 0; top: 100%; width: 275px; 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: 1; padding: 15px; } .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; font-size: 12px; background: #ffffff; color: #808080; padding: 4px 0; letter-spacing: 0.5px; position: relative; font-weight: 400; border-radius: 2px; } .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover > a { background: #f1f1f1; padding-left: 15px; } .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: calc(100% + 15px); top: 0; width: 275px; -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; padding: 15px; 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: calc(100% + 15px); 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; margin-top:65px !important; } .banner__single:focus, .banner__single:active { outline: 0; } .banner__single__content { padding: 100px 0; color: #fff; text-transform: uppercase; } .banner__single__content h1 { font-size: 56px; line-height: 65px; font-weight: 700; } .banner__single__content .cr-btn { margin-top: 10px; } .banner__single__content.color--black { color: #303030; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__single__content h1 { font-size: 42px; } .banner__single__content a.cr-btn { margin-top: 20px; } } @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 h1 { font-size: 32px; line-height: 48px; } } @media only screen and (max-width: 575px) { .banner__single__content h1 { font-size: 30px; line-height: 42px; } } .header.sticky--header + .banner-area .banner-slider-active .cr-slick-arrow, .header.sticky--header + .banner-area .banner-contnet-slider .cr-slick-arrow { margin-top: 40px; } /* Banner Content Effect */ .banner--animated-content .slick-active .banner__single__content h1 { -webkit-animation: fadeInUp 0.6s ease-out 1 both 0.5s; -moz-animation: fadeInUp 0.6s ease-out 1 both 0.5s; -ms-animation: fadeInUp 0.6s ease-out 1 both 0.5s; -o-animation: fadeInUp 0.6s ease-out 1 both 0.5s; animation: fadeInUp 0.6s ease-out 1 both 0.5s; } .banner--animated-content .slick-active .banner__single__content .cr-btn { -webkit-animation: fadeInUp 0.8s ease-out 1 both 1s; -moz-animation: fadeInUp 0.8s ease-out 1 both 1s; -ms-animation: fadeInUp 0.8s ease-out 1 both 1s; -o-animation: fadeInUp 0.8s ease-out 1 both 1s; animation: fadeInUp 0.8s ease-out 1 both 1s; } /* Banner Style 2 */ .banner__single--style2 { position: relative; 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; } .banner__single--style2:after { content: attr(data-background-text); left: 0; top: 53%; position: absolute; height: 100%; width: 100%; text-transform: uppercase; font-size: 25vw; color: rgba(0, 0, 0, 0.04); font-weight: 700; text-align: center; } .banner__single--style2 > div { position: relative; z-index: 3; } .banner__single--style2 .banner__single__thumb { position: absolute !important; top: 14%; right: 54%; } .banner__single--style2 .banner__single__thumb img { max-height: 90%; } .banner__single--style2 .banner__single__sadthumb { opacity: 0; visibility: hidden; max-height: 100%; -webkit-transition: all 1s ease-out 0.8s; -moz-transition: all 1s ease-out 0.8s; -ms-transition: all 1s ease-out 0.8s; -o-transition: all 1s ease-out 0.8s; transition: all 1s ease-out 0.8s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .banner__single--style2 .banner__single__special-text { position: absolute; top: -8%; left: 0; z-index: 999; height: 25%; width: 40%; -webkit-transition: all 0.4s cubic-bezier(0, 0.91, 0.29, 1.09) 1.8s; -moz-transition: all 0.4s cubic-bezier(0, 0.91, 0.29, 1.09) 1.8s; -ms-transition: all 0.4s cubic-bezier(0, 0.91, 0.29, 1.09) 1.8s; -o-transition: all 0.4s cubic-bezier(0, 0.91, 0.29, 1.09) 1.8s; transition: all 0.4s cubic-bezier(0, 0.91, 0.29, 1.09) 1.8s; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0) translate(50%, 50%); -moz-transform: scale(0) translate(50%, 50%); -ms-transform: scale(0) translate(50%, 50%); -o-transform: scale(0) translate(50%, 50%); transform: scale(0) translate(50%, 50%); } .banner__single--style2 .banner__single__content h1 { font-size: 36px; line-height: 55px; font-weight: 400; margin-bottom: 0; } .banner__single--style2 .banner__single__content h1 strong { font-size: 45px; font-weight: 700; line-height: 55px; } .banner__single--style2 .banner__single__content .cr-btn { margin-top: 20px; } .banner__single--style2.slick-current .banner__single__sadthumb { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .banner__single--style2.slick-current .banner__single__special-text { -webkit-transform: scale(1) translate(0, 0); -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -o-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner__single--style2 .banner__single__thumb { position: absolute !important; top: 14%; right: 52%; width: 45%; } .banner__single--style2 .banner__single__content h1 strong { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner__single--style2 .banner__single__thumb { position: relative !important; left: 50%; width: 40%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 40px; } .banner__single--style2 .banner__single__content { padding: 70px 0; padding-top: 30px; } .banner__single--style2 .banner__single__content h1 { font-size: 28px; } .banner__single--style2 .banner__single__content h1 strong { font-size: 38px; } } @media only screen and (max-width: 767px) { .banner__single--style2 .banner__single__thumb { position: relative !important; left: 50%; width: 55%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 40px; } .banner__single--style2 .banner__single__special-text { height: 30%; left: -8%; top: -5%; } .banner__single--style2 .banner__single__content { padding: 70px 0; padding-top: 30px; } .banner__single--style2 .banner__single__content h1 { font-size: 22px; line-height: 32px; } .banner__single--style2 .banner__single__content h1 strong { font-size: 26px; line-height: 36px; } } @media only screen and (max-width: 575px) { .banner__single--style2 .banner__single__thumb { width: 75%; } .banner__single--style2 .banner__single__content h1 { font-size: 20px; line-height: 30px; } .banner__single--style2 .banner__single__content h1 strong { font-size: 24px; line-height: 30px; } } /** About Area */ .about-area__image { min-height: 530px; height: 100%; position: relative; } .about-area__image img { position: absolute; right: 0; bottom: 0; } .about-area__image:not(.about-area__image--right), .about-area__image:not(.about-area__image2) { min-height: inherit; } .about-area__image:not(.about-area__image--right) img, .about-area__image:not(.about-area__image2) img { max-width: inherit; } .about-area__image2 { padding: 0; padding-left: 0; padding-right: 0; text-align: center; min-height: auto; } .about-area__image2 img { display: inline-block; } .about-area__image--right { min-height: auto; height: auto; padding-left: 22px; min-height: auto; } .about-area__image--right img { position: relative; max-width: 100%; } .about-area__content { padding-top: 160px; padding-bottom: 120px; padding-left: 25px; text-align: justify; } .about-area__content h4 { text-transform: inherit; margin-bottom: 5px; color: #474747; } .about-area__content h3 { color: #303030; text-transform: uppercase; padding-right: 170px; margin-bottom: 25px; } .about-area__content a.cr-btn { margin-top: 27px; } .about-area__content2 { padding-top: 40px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; } .about-area__content2 h4 { margin-bottom: 5px; } .about-area__content2 h3, .about-area__content2 h4 { text-transform: inherit; padding-right: 240px; padding-left: 240px; } .about-area__content2 h3 { color: #303030; } .about-area__content2 .cr-readmore { margin-top: 20px; } .about-area__content--left { padding-left: 0; padding-right: 30px; padding-top: 0; padding-bottom: 30px; } .about-area__content--left h3 { padding-right: 70px; } .about-area__image__marker { position: absolute; right: -26px; bottom: 30px; font-size: 30px; color: #fff; background: #00AC1F; text-transform: uppercase; font-weight: 700; z-index: 1; padding: 20px 24px 11px 24px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .about-area__content { padding-top: 35px; padding-bottom: 35px;} .about-area__content h3 { padding-right: 60px; } .about-area__image:not(.about-area__image--right), .about-area__image:not(.about-area__image2) { min-height: inherit; } .about-area__image:not(.about-area__image--right) img, .about-area__image:not(.about-area__image2) img { max-width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-area__image:not(.about-area__image--right), .about-area__image:not(.about-area__image2) { min-height: inherit; } .about-area__image:not(.about-area__image--right) img, .about-area__image:not(.about-area__image2) img { max-width: 120%; } .about-area__content { padding-top: 50px; padding-bottom: 50px; padding-left: 0; } .about-area__content h3 { padding-right: 60px; } .about-area__content2 h3, .about-area__content2 h4 { padding-right: 140px; padding-left: 140px; } .about-area__content--left { padding-right: 0; padding-top: 30px; padding-bottom: 30px; } .about-area__image--right { padding-left: 0; max-height: auto; height: auto; max-height: auto; padding-top: 0; padding-bottom: 0; } } @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-top: 15px; padding-bottom: 70px; padding-left: 60px; padding-right: 60px; text-align: center; } .about-area__content h3 { padding-right: 30px; padding-left: 30px; } .about-area__content2 { padding-top: 80px; padding-bottom: 45px; } .about-area__content2 h3, .about-area__content2 h4 { padding-right: 80px; padding-left: 80px; } .about-area__content--left { padding-top: 50px; padding-bottom: 0; } .about-area__image--right { display: inline-block; padding-left: 0; max-height: auto; height: auto; max-height: auto; padding-top: 0; padding-bottom: 0; } } @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:not(.about-area__image--right) img, .about-area__image:not(.about-area__image2) img { max-width: 100%; } .about-area__content { padding: 15px 0 70px; text-align: center; } .about-area__content h3 { padding-right: 30px; padding-left: 30px; } .about-area__content2 { padding-top: 70px; padding-bottom: 70px; } .about-area__content2 h3, .about-area__content2 h4 { padding-right: 0px; padding-left: 0px; } .about-area__content--left { padding-top: 50px; padding-bottom: 0; padding-left: 0; padding-right: 0; } .about-area__image--right { display: inline-block; padding-left: 0; max-height: auto; height: auto; max-height: auto; padding-top: 0; padding-bottom: 0; } .about-area__image__marker { right: 0; font-size: 18px; padding: 13px 20px 7px 20px; } } @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(odd) .feature { background: #535658; } .features-area div[class^="col-"]:nth-child(odd) .feature__icon { color: #fff; } .features-area div[class^="col-"]:nth-child(odd) .feature__content h4 { color: #fff; } .features-area div[class^="col-"]:nth-child(odd) .feature__content h4 a { color: #fff; } .features-area div[class^="col-"]:nth-child(odd) .feature__content p { color: #fff; } .feature { background: #f2f2f2; 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; } .feature__icon { color: #535658; margin-right: 35px; 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; color: #535658; margin-bottom: 10px; } .feature__content h4 a { color: #00AC1F; } .feature__content p { margin-bottom: 0; } .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: 40px 30px; } } @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: 50px 30px; } .feature__icon { margin-right: 0; margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature { padding: 70px 20%; } } @media only screen and (max-width: 767px) { .feature { padding: 70px 15%; } } @media only screen and (max-width: 575px) { .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 8%; } .feature__icon { margin-right: 0; } .feature__content { padding-top: 40px; } } /** Service Area */ .service-area__services { margin-top: -30px; } .service { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 60px; } .service__icon { height: 55px; width: 55px; line-height: 52px; text-align: center; display: inline-block; border: 1px solid #e3e3e3; border-radius: 100%; margin-right: 30px; } .service__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .service__content h5 { text-transform: uppercase; color: #616161; font-weight: 700; } .service__content h5 a { color: #616161; } .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: 768px) and (max-width: 991px) { .service__icon { margin-right: 25px; } .service-area__bars { margin-top: 30px; } .service { margin-top: 35px; } .service-area__services { margin-top: 0; } } @media only screen and (max-width: 767px) { .service__icon { margin-right: 25px; } .service-area__bars { margin-top: 30px; } .service { margin-top: 35px; } .service-area__services { margin-top: 0; } } /* Service Style 2 */ .service--style2 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .service--style2 .service__thumb { overflow: hidden; } .service--style2 .service__thumb a { display: inline-block; position: relative; } .service--style2 .service__thumb img { -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: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .service--style2 .service__content { margin-top: 30px; } .service--style2:hover .service__thumb img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /** Tax Calculation Area */ .taxcalc { overflow: hidden; } .taxcalc__content { background: url(images/others/tax-calculation.jpg) no-repeat scroll center center; background-size: cover; position: relative; height: 100%; min-height: 575px; 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; } .taxcalc__content__inner { position: absolute !important; right: -10%; background: #f2f2f2; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); padding: 105px 70px; width: 63%; } .taxcalc__content__inner p { margin-bottom: 0; } /* Taxcalulation calculator */ .taxcalc__calculation { padding: 125px 195px; margin-left: 45px; } .taxcalc__calculation .single-input { margin-left: 12px; margin-right: 12px; margin-top: 40px; } .taxcalc__calculation .single-input label { font-size: 14px; font-weight: 400; color: #565656; text-transform: uppercase; } .taxcalc__calculation .button-holder { margin-left: 12px; margin-right: 12px; margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .taxcalc__calculation .button-holder span.equal-sign { color: #656464; font-size: 26px; line-height: 45px; padding: 0 15px; font-weight: 400; } .taxcalc__calculation .button-holder .single-input { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; margin-top: 0; margin-left: 0; margin-right: 0; } .taxcalc__calculation__inner { margin-top: -45px; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .taxcalc__calculation { padding: 125px 100px; } .taxcalc__content__inner { width: 75%; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .taxcalc__calculation { padding: 30px 15px; margin-left: 50px; } .taxcalc__content__inner { width: 90%; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .taxcalc__content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .taxcalc__content__inner { right: auto; } .taxcalc__calculation { padding: 80px 60px; margin-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .taxcalc__content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .taxcalc__content__inner { right: auto; } .taxcalc__calculation { padding: 80px 60px; margin-left: 0; } } @media only screen and (max-width: 767px) { .taxcalc__content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; min-height: 480px; } .taxcalc__content__inner { right: auto; padding: 30px; } .taxcalc__calculation { padding: 80px 60px; margin-left: 0; } } @media only screen and (max-width: 575px) { .taxcalc__calculation .single-input { margin-top: 25px; } .taxcalc__content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; min-height: 480px; } .taxcalc__content__inner { right: auto; padding: 30px; width: 85%; } .taxcalc__calculation { padding: 60px 10px; margin-left: 0; } .taxcalc__calculation .button-holder { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .taxcalc__calculation .button-holder .single-input { margin-top: 25px; } } /** Advisor Styles */ .advisors { margin-top: 30px; } .advisor { margin-top: 30px; position: relative; background: #f2f2f2; overflow: hidden; } .advisor__image img { width: 100%; -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; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .advisor__content { position: absolute; -webkit-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -moz-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -ms-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -o-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -webkit-transform: rotate(-90deg) translateY(100px); -moz-transform: rotate(-90deg) translateY(100px); -ms-transform: rotate(-90deg) translateY(100px); -o-transform: rotate(-90deg) translateY(100px); transform: rotate(-90deg) translateY(100px); } .advisor__content h6 { margin-bottom: 0; color: #595959; font-weight: 700; text-transform: uppercase; } .advisor__content h6 a { color: #595959; } .advisor__content h6 a:hover { color: #00AC1F; } .advisor__content p { margin-bottom: 0; font-weight: 400; color: #a1a1a1; } .advisor:hover .advisor__image img { -webkit-transform: translateX(-25%) translateZ(0); -moz-transform: translateX(-25%) translateZ(0); -ms-transform: translateX(-25%) translateZ(0); -o-transform: translateX(-25%) translateZ(0); transform: translateX(-25%) translateZ(0); } .advisor:not(.advisor--style2) .advisor__content { position: absolute; width: auto; white-space: nowrap; -webkit-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -moz-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -ms-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -o-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0.2s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; left: 130%; top: 76%; } .advisor:not(.advisor--style2):hover .advisor__content { left: 90%; } /* Advisor Style 2 */ .advisor--style2 .advisor__content { position: absolute; left: 0; bottom: 40px; width: 100%; -webkit-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -webkit-transform: rotate(0) translateY(0); -moz-transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); -o-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0); text-align: center; background: #f2f2f2; padding: 22px 10px 18px 10px; z-index: 2; } .advisor--style2 .advisor__content h5 { font-weight: 700; color: #303030; text-transform: uppercase; margin-bottom: 0; } .advisor--style2 .advisor__content h5 a { color: #303030; } .advisor--style2 .advisor__content h5 a:hover { color: #00AC1F; } .advisor--style2 .advisor__content p { font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 400; color: #7d7d7d; position: absolute; width: 100%; left: 0; bottom: -35px; color: #fefefe; -webkit-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -moz-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -ms-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -o-transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; transition: all 0.5s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; } .advisor--style2 .advisor__social-icons { background: #00AC1F; min-height: 40px; text-align: center; position: relative; z-index: 1; overflow: hidden; } .advisor--style2 .advisor__social-icons ul { position: absolute; top: 0; left: -100%; -webkit-transition: all 0.6s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -moz-transition: all 0.6s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -ms-transition: all 0.6s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; -o-transition: all 0.6s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; transition: all 0.6s cubic-bezier(0.5, 0.46, 0, 0.83) 0s; width: 100%; } .advisor--style2 .advisor__social-icons ul li a { line-height: 40px; } .advisor--style2 .advisor__social-icons ul li:hover a { color: #fff !important; } .advisor--style2:hover .advisor__image img { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .advisor--style2:hover .advisor__content { -webkit-transform: rotate(0) translateY(0); -moz-transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); -o-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0); padding-bottom: 42px; } .advisor--style2:hover .advisor__content p { font-weight: 400; color: #7d7d7d; left: 0; bottom: 16px; } .advisor--style2:hover .advisor__social-icons ul { left: 0; } .advisors--style2 div[class^="col-"]:nth-child(n+1) .advisor__social-icons { background: #333982bf; } .advisors--style2 div[class^="col-"]:nth-child(n+2) .advisor__social-icons { background: #00AC1F; } .advisors--style2 div[class^="col-"]:nth-child(n+3) .advisor__social-icons { background: #EFC418; } .advisors--style2 div[class^="col-"]:nth-child(n+4) .advisor__social-icons { background: #EF785A; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .advisor--style2 .advisor__content h5 { font-size: 15px; } .advisor--style2 .advisor__content p { font-size: 13px; } } /* Advisor Style 3 */ .team-wrap { 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; margin-left: -10px; margin-right: -20px; } .team-wrap .single-team { width: calc( (100% - 330px) / 4 ); display: block; float: left; position: relative; transition: all 0.3s ease 0s; overflow: hidden; margin-left: 10px; margin-right: 10px; margin-top: 40px; } .team-wrap .single-team .image { display: block; float: left; max-width: 230px; position: relative; z-index: 9; } .team-wrap .single-team .image img { width: 100%; -webkit-transform: translateZ(224px); -moz-transform: translateZ(224px); -ms-transform: translateZ(224px); -o-transform: translateZ(224px); transform: translateZ(224px); } .team-wrap .single-team .content { position: absolute; right: 0; top: 0; width: 0; overflow: hidden; transition: all 0.3s ease 0s; padding-left: 20px; padding-top: 40px; display: none; } .team-wrap .single-team .content h6 { font-weight: 700; color: #303030; text-transform: uppercase; margin-bottom: 0; } .team-wrap .single-team .content h6 a { color: #303030; } .team-wrap .single-team .content h6 a:hover { color: #00AC1F; } .team-wrap .single-team .content h6 small { font-size: 16px; font-weight: 400; color: #7d7d7d; letter-spacing: 0.5px; } .team-wrap .single-team .content p { margin-top: 15px; margin-bottom: 15px; } .team-wrap .single-team.active { padding-right: 250px; width: calc( ((100% - 330px) / 4) + 250px ); } .team-wrap .single-team.active .content { display: block; width: 250px; } .team-wrap .social-icons ul li a { color: #bababa; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .team-wrap .single-team .content { padding-top: 5px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .team-wrap { margin-right: -10px; } .team-wrap .single-team { width: calc(50% - 20px); } .team-wrap .single-team.active { width: calc(50% - 20px); padding-right: 0; } .team-wrap .single-team.active .content { width: 100%; } .team-wrap .single-team .image { float: none; max-width: 100%; } .team-wrap .single-team .content { position: relative; top: auto; left: auto; width: auto; display: block; width: 100%; padding: 30px; background: #fafafa; } } @media only screen and (max-width: 767px) { .team-wrap { margin-right: -10px; } .team-wrap .single-team { width: calc(50% - 20px); } .team-wrap .single-team.active { width: calc(50% - 20px); padding-right: 0; } .team-wrap .single-team.active .content { width: 100%; } .team-wrap .single-team .image { float: none; max-width: 100%; } .team-wrap .single-team .content { position: relative; top: auto; left: auto; width: auto; display: block; width: 100%; padding: 20px; background: #fafafa; } } @media only screen and (max-width: 575px) { .team-wrap { margin-right: -10px; } .team-wrap .single-team { width: 100%; } .team-wrap .single-team.active { width: 100%; padding-right: 0; } .team-wrap .single-team.active .content { width: 100%; } .team-wrap .single-team .image { float: none; max-width: 100%; } .team-wrap .single-team .content { position: relative; top: auto; left: auto; width: auto; display: block; width: 100%; padding: 20px; background: #fafafa; } } /** Funfact Area */ .funfacts div[class^="col-"]:nth-child(n) .funfact:before { background: #333982bf; } .funfacts div[class^="col-"]:nth-child(n) .funfact:after { background: url(images/blog/blog-thumbnail-1.jpg) no-repeat scroll center center; background-size: cover; } .funfacts div[class^="col-"]:nth-child(2n) .funfact:before { background: #00AC1F; } .funfacts div[class^="col-"]:nth-child(2n) .funfact:after { background: url(images/blog/blog-thumbnail-2.jpg) no-repeat scroll center center; background-size: cover; } .funfacts div[class^="col-"]:nth-child(3n) .funfact:before { background: #EFC418; } .funfacts div[class^="col-"]:nth-child(3n) .funfact:after { background: url(images/blog/blog-thumbnail-3.jpg) no-repeat scroll center center; background-size: cover; } .funfacts div[class^="col-"]:nth-child(4n) .funfact:before { background: #EF785A; } .funfacts div[class^="col-"]:nth-child(4n) .funfact:after { background: url(images/blog/blog-thumbnail-4.jpg) no-repeat scroll center center; background-size: cover; } .funfact { position: relative; overflow: hidden; padding: 130px 15px; color: #fff; } .funfact:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; -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: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .funfact:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 1; 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; } .funfact > * { position: relative; z-index: 3; } .funfact h1 { font-size: 50px; letter-spacing: 0.25px; margin-bottom: 5px; font-weight: 700; } .funfact h5 { margin-bottom: 0; font-weight: 700; text-transform: uppercase; } .funfact:hover:before { opacity: 0.9; } .funfact:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .funfact { padding: 80px 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .funfact { padding: 70px 15px; } .funfact h1 { font-size: 42px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .funfact { padding: 70px 15px; } .funfact h1 { font-size: 42px; } } @media only screen and (max-width: 767px) { .funfact { padding: 70px 15px; } .funfact h1 { font-size: 42px; } } /** Testimonial Styles */ /* Testimonial Content Styles */ .testimonial__content { margin-top: 10px; position: relative; } .testimonial__content:before { content: "\f101"; font-family: "Flaticon"; position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 180px; color: #f3f3f3; } .testimonial__content > div { position: relative; } .testimonial__content .slick-list { padding-left: 0; padding-right: 0; } .testimonial__content__single { padding: 0 45px; } .testimonial__content__single:active, .testimonial__content__single:focus { outline: none; } /* Testimonial Author Styles */ .testimonial__author { margin-top: 60px; margin-bottom: -10px; 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; } .testimonial__author__single.slick-center { opacity: 1; } .testimonial__author__single.slick-center .testimonial__author__description h6 { color: #000000; } @media only screen and (max-width: 767px) { .testimonial__author { width: 85%; } } @media only screen and (max-width: 575px) { .testimonial__content__single { padding: 0; } .testimonial__author { width: 85%; } } /* Testimonial Style 2 */ .testimonial--style2 { padding-right: 150px; padding-left: 150px; } .testimonial--style2 .slick-list { padding: 0 !important; } .testimonial__single { text-align: left; padding-left: 80px; padding-right: 80px; } .testimonial__single:focus, .testimonial__single:active { outline: none; } .testimonial__single .testimonial__author__single { text-align: left; 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; opacity: 1; } .testimonial__single .testimonial__author__image { border-color: #fff; margin-right: 25px; } .testimonial__single .testimonial__author__description { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .testimonial__single .testimonial__content__single { padding-left: 0; padding-right: 0; } .testimonial__single .testimonial__content__single p:before, .testimonial__single .testimonial__content__single p:after { content: "\""; } .testimonial__single.slick-center .testimonial__author__description h6 { color: #00AC1F; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .testimonial--style2 { padding-right: 70px; padding-left: 70px; } .testimonial__single { padding-left: 50px; padding-right: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .testimonial--style2 { padding-right: 50px; padding-left: 50px; } .testimonial__single { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial--style2 { padding-right: 0px; padding-left: 0px; } .testimonial__single { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial--style2 { padding-right: 30px; padding-left: 30px; } .testimonial__single { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .testimonial--style2 { padding-right: 60px; padding-left: 60px; } .testimonial__single { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 575px) { .testimonial--style2 { padding-right: 15px; padding-left: 15px; } .testimonial__single { padding-left: 5px; padding-right: 5px; } .testimonial__author__image { margin-right: 15px; } } /* Testimonial Style 3 Styles*/ .testimonial--style3 { margin-top: 50px; } .testimonial--style3 .slick-list { padding: 0 !important; } .testimonial--style3 .testimonial__single { padding-right: 0; padding-left: 70px; } .testimonial--style3 .testimonial__single .testimonial__content__single { position: relative; } .testimonial--style3 .testimonial__single .testimonial__content__single:before { content: "\f101"; font-family: "Flaticon"; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 120px; color: #f3f3f3; z-index: -1; } .testimonial--style3 .testimonial__single .testimonial__content__single > * { position: relative; } .testimonial--style3 .testimonial__single .testimonial__author__image { border-color: #eeeeee; margin-top: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial--style3 .testimonial__single { padding-left: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial--style3 .testimonial__single { padding-left: 0; padding-right: 30px; } } @media only screen and (max-width: 767px) { .testimonial--style3 .testimonial__single { padding-left: 0; padding-right: 30px; } } @media only screen and (max-width: 575px) { .testimonial--style3 .testimonial__single { padding-left: 0; padding-right: 0; } .testimonial--style3 .testimonial__single .testimonial__content__single:before { font-size: 80px; } } /** Blog Styles */ .blog-area__blogs { margin-top: 30px; } .blog { margin-top: 30px; } .blog blockquote { margin-bottom: 0; } .blog__thumb { overflow: hidden; } .blog__thumb a { display: inline-block; } .blog__thumb iframe { vertical-align: middle; border: none; width: 100%; min-height: 300px; } .blog__content { padding-top: 30px; } .blog__content__header h4 { text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .blog__content__header h4 a { color: #4B4B4B; } .blog__content__header h4 a:hover { color: red; } .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; list-style: none; } .blog__content__meta li { display: inline-block; color: #9d9d9d; font-size: 12px; font-weight: 400; text-transform: uppercase; } .blog__content__meta li:after { content: "-"; padding: 0 10px; } .blog__content__meta li:last-child:after { display: none; } .blog__content__meta li a { display: inline-block; color: #9d9d9d; } .blog__content__meta li 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: 30px; top: 30px; z-index: 9; font-size: 20px; height: 40px; width: 40px; background: #303030; color: #fff; text-align: center; line-height: 38px; border-radius: 100%; } /* Blog Video */ .blog.blog--video .blog__thumb { position: relative; } .blog.blog--video .blog__thumb .video-popup-trigger { border-radius: 100%; position: absolute; left: 50%; top: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; } .blog.blog--video .blog__thumb .video-popup-trigger > * { position: relative; z-index: 1; } .blog.blog--video .blog__thumb .video-popup-trigger:before, .blog.blog--video .blog__thumb .video-popup-trigger:after { content: ""; position: absolute; left: 50%; top: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; background: transparent; border: 1px solid #fff; border-radius: 100%; -webkit-box-shadow: 0 0 3px #fff; -moz-box-shadow: 0 0 3px #fff; -ms-box-shadow: 0 0 3px #fff; -o-box-shadow: 0 0 3px #fff; box-shadow: 0 0 3px #fff; } .blog.blog--video .blog__thumb .video-popup-trigger:before { -webkit-animation: borderCompressing 1s ease-in-out 0s infinite both; -moz-animation: borderCompressing 1s ease-in-out 0s infinite both; -ms-animation: borderCompressing 1s ease-in-out 0s infinite both; -o-animation: borderCompressing 1s ease-in-out 0s infinite both; animation: borderCompressing 1s ease-in-out 0s infinite both; } .blog.blog--video .blog__thumb .video-popup-trigger:after { -webkit-animation: borderCompressing 1s ease-in-out 0.3s infinite both; -moz-animation: borderCompressing 1s ease-in-out 0.3s infinite both; -ms-animation: borderCompressing 1s ease-in-out 0.3s infinite both; -o-animation: borderCompressing 1s ease-in-out 0.3s infinite both; animation: borderCompressing 1s ease-in-out 0.3s infinite both; } /* 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__thumb iframe { min-height: 235px; } .blog__content__header h4 { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog__thumb iframe { min-height: 268px; } .blog__content__header h4 { font-size: 18px; } } @media only screen and (max-width: 575px) { .blog__thumb iframe { min-height: 275px; } .blog__content__header h4 { font-size: 18px; } } /* Blogs Grid Page */ .pg-blog-area__blogs { margin-top: -30px; } @-webkit-keyframes borderCompressing { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0; } } @-o-keyframes borderCompressing { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0; } } @-moz-keyframes borderCompressing { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes borderCompressing { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0; } } .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__thumb iframe { min-height: 432px; } .bloglist .blog__content { padding: 40px; } .bloglist .blog__content h2 { font-size: 30px; text-transform: uppercase; color: #303030; } .bloglist .blog__content h2 a { color: #303030; } .bloglist .blog__content h2 a:hover { color: #00AC1F; } .bloglist .blog__content p { margin-bottom: 35px; } .bloglist .blog.sticky .blog__thumb:before { left: 40px; top: 40px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bloglist .blog__thumb iframe { min-height: 342px; } .bloglist .blog__content h2 { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bloglist .blog__thumb iframe { min-height: 342px; } .bloglist .blog__content h2 { font-size: 24px; } } @media only screen and (max-width: 767px) { .bloglist .blog__thumb iframe { min-height: 342px; } .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 55px; } .calltoaction.text-right { padding-right: 0; padding-left: 55px; } .calltoaction h3 { font-weight: 700; text-transform: uppercase; color: #303030; } .calltoaction h6 { font-weight: 400; font-size: 16px; text-transform: uppercase; color: #6a6a6a; } .calltoaction h6 a { font-weight: 700; font-size: 22px; color: #00AC1F; } @media only screen and (max-width: 767px) { .calltoaction.text-center { padding: 0; } .calltoaction h6 a { font-size: 20px; } } /** Features Page */ .pg-features { margin-top: 40px; } .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; } .pg-features:nth-child(n) .pg-features__thumb:after { background: #333982bf; } .pg-features:nth-child(2n) .pg-features__thumb:after { background: #535658; } .pg-features:nth-child(3n) .pg-features__thumb:after { background: #000000; } .pg-features:nth-child(4n) .pg-features__thumb:after { background: #535658; } .pg-features__thumb { position: relative; } .pg-features__thumb:after { content: ""; position: absolute; right: -20px; bottom: -20px; height: 70%; width: 80%; background: #333982bf; } .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; text-align: justify; } .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 { padding-right: 50px; } .pg-services__details h4 { margin-bottom: 7px; font-weight: 600; } .pg-services__details h3 { margin-bottom: 40px; font-weight: 700; } .pg-services__thumb { padding: 0 35px; } .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; } .pg-services__thumb { padding: 0; text-align: center; } .pg-services__thumb img { display: inline-block; } } @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; } .pg-services__thumb { padding: 0; text-align: center; } .pg-services__thumb img { display: inline-block; } } .servicelist--style2 { margin-bottom: 0; margin-top: 20px; } .servicelist--style2 .service--style2 { margin-top: 50px; margin-right: 20px; } @media only screen and (max-width: 767px) { .servicelist--style2 .service--style2 { margin-right: 0px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .servicelist--style2 .service--style2 { margin-right: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .servicelist--style2 .service--style2 { margin-right: 0px; } } /** Single Service Page Styles */ .pg-service__content { padding-left: 30px; text-align:justify; } .pg-service__content p:last-of-type { margin-bottom: 0; } .pg-service__block { margin-top: 55px; text-align:justify; } .pg-service__block h3 { color: #303030; font-size: 24px; } .pg-service__insideblocks { margin-top: 45px; margin-bottom: 50px; } .pg-service__insideblock { margin-bottom: 40px; padding-right: 30px; } .pg-service__insideblock h6 { text-transform: uppercase; font-size: 16px; font-weight: 700; color: #626262; text-decoration: underline; } @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: 50px; } .pg-service__pagination .service-pagination.next, .pg-service__pagination a.service-pagination.next { left: auto; right: 50px; } .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: 80px; margin-bottom: 100px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 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: 0; margin-bottom: 100px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 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: 0; margin-bottom: 100px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 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: 575px) { .pg-service__pagination { text-align: center; margin-top: 0; margin-bottom: 100px; } .pg-service__pagination .service-pagination, .pg-service__pagination a.service-pagination { position: relative; width: auto; margin-top: 0; margin: 0 5px; padding: 10px 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: 12px; 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: #EF785A; } .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: #1d1d1ebf; padding: 90px 65px; color: #fff; margin-right: 64px; margin-top: 40px; margin-bottom: 40px; } .pg-contact__content > h1 { text-transform: uppercase; padding-right: 50px; } .pg-contact__content > p { padding-right: 50px; } .pg-contact__blocks { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 50px; } .pg-contact__blocks .single-block { font-size: 16px; } .pg-contact__blocks .single-block h6 { font-size: 16px; text-transform: uppercase; font-weight: 400; color: #ffffff; position: relative; } .pg-contact__blocks .single-block h6:before { height: 8px; width: 8px; content: ""; left: 0; top: -1px; display: inline-block; background: #ffffff; position: relative; margin-right: 15px; } .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: #00AC1F; } .pg-contact__blocks .single-block.address { -webkit-box-flex: 0; -webkit-flex: 0 0 43%; -moz-box-flex: 0; -moz-flex: 0 0 43%; -ms-flex: 0 0 43%; flex: 0 0 43%; padding-right: 30px; } .pg-contact__blocks .single-block.phone { -webkit-box-flex: 0; -webkit-flex: 0 0 35%; -moz-box-flex: 0; -moz-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; } .pg-contact__blocks .single-block.web { -webkit-box-flex: 0; -webkit-flex: 0 0 24%; -moz-box-flex: 0; -moz-flex: 0 0 24%; -ms-flex: 0 0 24%; flex: 0 0 24%; } .pg-contact__newsletter { margin-top: 50px; } .pg-contact__newsletter h5 { font-size: 20px; font-weight: 700; color: #d7d7d7; text-transform: uppercase; line-height: 34px; } .pg-contact__newsletter form { position: relative; margin-top: 20px; } .pg-contact__newsletter form input { border: none; border-bottom: 1px solid #fff; padding-left: 0; padding-right: 50px; -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; color: #fff; } .pg-contact__newsletter form input:focus { border-color: #EF785A; } .pg-contact__newsletter form button { position: absolute; width: 50px; text-align: center; height: 40px; line-height: 40px; right: 0; top: 0; color: #959595; background: transparent; border: none; outline: none; -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-contact__newsletter form button:active, .pg-contact__newsletter form button:focus { outline: none; } .pg-contact__newsletter form button:hover { color: #EF785A; } .google-map-wrapper { position: relative; } .google-map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .google-map { position: relative; height: 500px; width: 200%; margin-left: -80%; } .pg-contact__content { margin-right: 0; margin-top: 80px; margin-bottom: 80px; } } @media only screen and (max-width: 767px) { .google-map { position: relative; height: 500px; width: 200%; margin-left: -100%; } .pg-contact__content { margin-right: 0; margin-top: 80px; margin-bottom: 80px; padding: 50px 30px; } .pg-contact__blocks { margin-top: 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pg-contact__blocks .single-block { margin-top: 30px; } .pg-contact__blocks .single-block.address, .pg-contact__blocks .single-block.phone, .pg-contact__blocks .single-block.web { -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%; } .pg-contact__newsletter { margin-top: 30px; } .pg-contact__content > h1 { padding-right: 0px; font-size: 24px; } .pg-contact__content > p { padding-right: 0; } } @media only screen and (max-width: 575px) { .google-map { height: 450px; width: 300%; margin-left: -200%; } .pg-contact__blocks .single-block.address, .pg-contact__blocks .single-block.phone, .pg-contact__blocks .single-block.web { -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%; } } /** Appointment Page Styles */ .pg-appintment__title { color: #535658; } .pg-appintment__box .single-input { position: relative; margin-top: 18px; } .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::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: 70px; } .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 .col-lg-6:nth-child(even) .single-input { margin-left: 30px; } .pg-appintment__box .col-lg-6:nth-child(odd) .single-input { margin-right: 30px; } .pg-appintment__box p.form-message { padding-top: 15px; margin-bottom: 0; } .pg-appintment__box p.form-message.success { color: #00AC1F; } .pg-appintment__box p.form-message.error { color: #EF785A; } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-appintment__box .col-lg-6:nth-child(odd) .single-input { margin-right: 0; } .pg-appintment__box .col-lg-6:nth-child(even) .single-input { margin-left: 0; } } @media only screen and (max-width: 767px) { .pg-appintment__box .col-lg-6:nth-child(odd) .single-input { margin-right: 0; } .pg-appintment__box .col-lg-6:nth-child(even) .single-input { margin-left: 0; } } /** Advisor Details Styles */ .pg-advisor { display: flex; } .pg-advisor__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -moz-box-flex: 0; -moz-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .pg-advisor__thumb img { width: 100%; } .pg-advisor__details { background: #333982bf; -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; padding: 60px 70px; color: #d0d0d0; position: relative; overflow: hidden; } .pg-advisor__details h2 { font-size: 30px; margin-bottom: 5px; color: #fff; text-transform: uppercase; } .pg-advisor__details h5 { position: relative; display: inline-block; padding-bottom: 5px; margin-bottom: 20px; text-transform: uppercase; } .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 { margin-top: 90px; } .pg-advisor__experience h3 { color: #303030; font-size: 24px; line-height: 28px; padding-left: 40px; 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: 40px; } .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 { text-transform: uppercase; color: #494949; font-weight: 600; font-size: 16px; 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:hover:after { border-color: #00AC1F; background: #00AC1F; } .pg-advisor__experience ul li:hover h6 { color: #00AC1F; } .pg-advisor__biography { margin-top: 90px; padding-right: 30px; } .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__thumb { -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -moz-box-flex: 0; -moz-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .pg-advisor__details { padding: 40px 40px; } .pg-advisor__progress { width: 56%; } .pg-advisor__biography { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .pg-advisor { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pg-advisor__thumb { -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%; text-align: center; } .pg-advisor__details { padding: 40px 40px; } .pg-advisor__progress { width: 60%; } .pg-advisor__biography { padding-right: 0; } } @media only screen and (max-width: 767px) { .pg-advisor { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pg-advisor__thumb { -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%; text-align: center; } .pg-advisor__details { padding: 40px 40px; } .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 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pg-advisor__thumb { -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%; text-align: center; } .pg-advisor__details { padding: 30px; } .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; text-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; } } /** Boxed Layout Styles */ .boxed--layout { margin: 0 150px; } .boxed--layout .header { width: calc(100% - 300px); margin-left: 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 .header { width: calc(100% - 160px); margin-left: 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 .header { width: calc(100% - 60px); margin-left: 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 .header { width: calc(100% - 40px); margin-left: 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 .header { width: 100%; margin-left: 0; } .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 .header { width: 100%; margin-left: 0; } .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: #fff; text-transform: inherit; 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: 50px; } .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: #fff; margin-bottom: 13px; position: relative; } .footer--widgets .widget ul li:before { content: ""; left: 0; top: 8px; height: 8px; width: 8px; display: inline-block; background: #000; position: absolute; } .footer--widgets .widget:not(.widget-about) ul li a { color: #fff; } .footer--widgets .widget:not(.widget-about) ul li a:hover { color: #fff; } .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: #fff; } .footer--widgets .widget-about .social-icons { padding-top: 10px; } .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; } .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 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 p { margin-bottom: 0; line-height: 26px; } .copyright { padding: 22px 0; font-size: 12px; color: #858585; font-weight: 400; } .copyright p { margin-bottom: 0; } .copyright a { color: #ffffff; } .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; } } /*# sourceMappingURL=style.css.map */