/*----------------------------------------------------------------------------------- Template Name: Relish Template URI: http://themeforest.net/user/CreativeWS/portfolio Description: "Relish" - Spa Salon WordPress Theme Author URI: http://creaws.com -------------------------------------------------------------------------------- -- GENERAL -- FONT STYLE -- COMMON --ICON SIZE --SUB-TITLE --HEADINGS --FORM ++CONTACT FORM 7 --MARGINS --LIST --BLOCKQUOTE --TABLE --DEFINITION LIST --SELECT 2 ++SELECT 2 arrow --CLEARFIX -- CWS Grid -- ROW BACKGROUND SETTINGS -- WP Gallery -- HEADER -- CWS REVSLIDER -- FULL SCREEN VIDEO -- HEADER IMAGE -- MENU -- MENU SEARCH -- MOBILE MENU -- RESET DEFAULT MENU -- MOBILE MENU SWITCHER -- MOBILE MENU OPENER -- STICKY-MENU -- MENU SWITCHER -- ADDRESS GROUP -- LOGOTYPE -- PAGE TITLE -- PAGE TITLE CUSTOMIZED -- TOP PANEL -- CONTENT-PAGE -- CAROUSEL -- SOCIAL LINKS -- BLOG -- VIDEO -- AUDIO -- LINK -- BLOG CAROUSEL -- QUOTE -- PAGINATION -- LOAD MORE -- NEWS LAYOUT -- POST GRID -- FULL WIDTH GRID -- PORTFOLIO -- PORTFOLIO SINGLE ++ PORTFOLIO SINGLE RELATED -- PORTFOLIO FULL WIDTH -- OUR TEAM -- BLOG SHORTCODE -- FOOTER -- COPYRIGHTS AREA -- SEARCH -- MAP -- 404 PAGE -- SCROLL TOP -- ROW BG VIDEO -- PARALLAX -- COMMENTS -- BULLET-LISTS -- lIKES -- WIDGETS -- WIDGET ARCHIVES && MENU WIDGET -- WIDGET RECENT COMMENTS -- WIDGET CALENDAR -- WIDGET TAGCLOUD -- WIDGET SEARCH -- CWS TEXT WIDGET -- CWS LATEST POSTS -- WIDGET CWS Portfolio -- WIDGET CWS Twitter -- SHORTCODES -- BUTTONS -- MESSAGE BOXES -- TWITTER -- MILESTONE -- PROGRESS BAR -- ICON -- DROPCAP -- DIVIDER -- ACCORDION -- TABS -- PRICING TABLE -- CALLOUT -- RESPONSIVE */ /* GENERAL */ /* FONT STYLE */ /* Font Sub-Title */ @font-face { font-family: "BilboSwashCaps-Regular"; src: url(../fonts/BilboSwashCaps-Regular.ttf); } /* COMMON */ img:not([src]){ content: ""; } a{ display: inline; } img, iframe, .wp-caption, select{ max-width: 100%; } .wp-caption img{ vertical-align:top; } .wp-caption-text,.gallery-caption,.bypostauthor{ font-size: inherit; } .wp-caption-text{ font-style: italic; padding-bottom: 1.333em; font-size: 14px; } embed{ max-width: 100%; } img{ height: auto; } a, .pic .links > *, .main-nav-container .menu-item, .main-nav-container .button_open, .select2-results .select2-result, .ce_container_accs .accordion_section, .ce_container_accs .accordion_title, .ce_toggle .accordion_title, .ce_tabs .tab, .cws-widget .post_item .post_thumb img, .cws-widget .post_item .post_thumb canvas, .carousel_nav_panel .prev, .carousel_nav_panel .next, .pricing_table_column .cols_wrapper .widget_wrapper, .pricing_table_column .price_section, .cws_fa, .cws_fa_wrapper .ring, input[type='submit'], .pic_alt canvas, .cws_portfolio_fw .item_content, .cws_portfolio .item_content, .cws_img_frame:after, .gallery-item a:after{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .a-left{ text-align: left; } .a-right{ text-align: right; } .a-center{ text-align: center; } .v_sep{ border-left: 1px solid #e7e7e7; padding-left: 15px; margin-left: 15px; } body{ overflow-x: hidden; } body > .wpml-ls-statics-footer{ display: none; } .grid_row, .row_bg, .testimonial .quote, .news .post_info_part, .cws_ourteam.single .media_part, aside, .ce_container_accs .accordion_title .accordion_icon, .ce_toggle .accordion_title .accordion_icon, .pricing_table_column .cols_wrapper .widget_wrapper, .cws_oembed_wrapper, input, textarea, label, .pic_alt .item_content, .gallery-item, .cws_tweet, .flxmap-container, .benefits_area, .page_content, .benefits_container .cws-widget, .footer_container .cws-widget{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .cws_portfolio .cws_wrapper{ overflow: visible; } .cws_wrapper{ position: relative; overflow: hidden; } .cws_oembed_wrapper{ display: inline-block; } .cws_oembed_wrapper{ width: 100%; } iframe, embed{ min-width: 100%; display: block; border-radius: 10px; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); -webkit-transform: rotate(0.000001deg); } .embedded-module iframe, .embedded-module embed{ min-width: auto; } .fullwidth_items iframe[src^="https://www.google.com/maps"]{ width: 100%; border-radius: 0; } .pic > a{ display: block; } input[type="search"], input[type="text"], input[type="email"], textarea{ -webkit-appearance: none; } ul:not(.bullets-list) li{ position: relative; padding-left: 15px; line-height: 2.3; box-shadow: none; } ul:not(.bullets-list) li:before{ content: " "; display: inline-block; vertical-align: middle; margin-right: 1.3em; width: 4px; height: 4px; border: 1px solid #c7d5d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #c7d5d3; box-shadow: none; font-size: 7px; margin-left: -15px; } .select2-results li{ padding-left: 0 !important; } .select2-results li:before{ display: none !important; } input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; padding: 0; line-height: 0; -webkit-appearance: none; appearance: none; width: 25px; height: 25px; position: relative; -webkit-box-sizing: border-box; -ms-box-szing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; background: #fff; vertical-align: middle; } input[type="checkbox"]:before { content: ""; content: '\f00c'; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 23px; line-height: 23px; display: inline-block; text-align: center; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-size: 21px; line-height: 23px; text-align: center; z-index: 999999; color: #E5BEAB; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } input[type=checkbox]:checked:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* ICON SIZE */ [class^="flaticon-"], [class*=" flaticon-"]{ display: inline-block; font: normal normal normal 14px/1 Flaticon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{ font-size: inherit; margin-left: 0; } [class^="flaticon-"].fa-lg, [class*=" flaticon-"].fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 1.629em; } [class^="flaticon-"].fa-2x, [class*=" flaticon-"].fa-2x { font-size: 1.629em; } [class^="flaticon-"].fa-3x, [class*=" flaticon-"].fa-3x { font-size: 3em; } [class^="flaticon-"].fa-4x, [class*=" flaticon-"].fa-4x { font-size: 4em; } [class^="flaticon-"].fa-5x, [class*=" flaticon-"].fa-5x { font-size: 5em; } /* \ICON SIZE */ /* SUB-TITLE */ .ce_sub_title{ text-align: center; font:26px "BilboSwashCaps-Regular"; color:#91afab; width: 70%; margin: -20px auto 13px; overflow: hidden; } .ce_sub_title:empty,h1.ce_title:empty,.ce_sub_title + p:empty, .ce_sub_title + div.ce_content:empty { display: none; } .ce_sub_title:before,.ce_sub_title:after{ content: ""; display: inline-block; width: 92px; margin: 0 .5em 0 -55%; vertical-align: middle; border-bottom: 1px solid; } .ce_sub_title:after{ margin: 0 -55% 0 .5em; } .ce_sub_title + p:not(.und-title),.ce_sub_title + div.ce_content{ text-align: center; margin-bottom: 45px; } .ce_title + .ce_sub_title + div.ce_content{ margin-bottom: 75px; } .ce_sub_title.und-title:before, .ce_sub_title.und-title:after{ display: none; } .ce_sub_title.und-title{ font-size:24px; margin-bottom: 10px; padding-bottom: 10px; margin-left: 0; margin-right: 0; width: 100%; text-align: center; padding-top: 5px; } .ce_sub_title{ position: relative; } .ce_sub_title.und-title:after{ display: block; content: ' '; position: absolute; bottom: 0; left: 50%; margin-left: -12px; z-index: 1; width: 24px; height: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; background:#76c08a; color:#76c08a; } .ce_sub_title.und-title.white:after{ display: block; content: ' '; position: relative; bottom: 0; left: 0; margin:10px auto 0; z-index: 1; width: 40px; height: 14px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; background:url(../img/bg_title_h.png) no-repeat 0 0; color: transparent; } .ce.clearfix:hover .ce_sub_title.und-title.white:after{ width: 40px; margin:10px auto 0; } .ce.clearfix.inline{ display: inline-block; } .ce.clearfix:hover .ce_sub_title.und-title:after{ width: 80px; margin-left: -40px; } .ce_sub_title.und-title.gray:after{ color: #c7d5d3; background: #c7d5d3; } /* \SUB-TITLE */ /*- HEADINGS */ h1.ce_title{ font-weight:bold; text-align: center; margin-bottom: 0; } h1.ce_title:after{ content: ""; background: none; margin:0; display: none; } body main h1,body main h2,body main h3,body main h4,body main h5,body main h6{ line-height: 1.2; } h1{ } body main h1 { font-size: 2.4em; font-weight: 500; } body main h1:not(:last-child) { margin-bottom: 0.67em; } body main h1:not(:first-child) { margin-top: 0.67em; } body main h2 { font-size: 2.16em; } body main h2:not(:last-child) { margin-bottom: 0.83em; } body main hbody main 2:not(:first-child) { margin-top: 0.83em; } body main h3 { font-size: 1.97em; } body main h3:not(:last-child) { margin-bottom: 1em; } body main h3:not(:first-child) { margin-top: 1em; } body main h4 { font-size: 1.78em; } body main h4:not(:last-child) { margin-bottom: 1.33em; } body main h4:not(:first-child) { margin-top: 1.33em; } body main h5 { font-size: 1.63em; } body main h5:not(:last-child) { margin-bottom: 1.67em; } body main h5:not(:first-child) { margin-top: 1.67em; } body main h6 { font-size: 1.49em; } body main h6:not(:last-child) { margin-bottom: 2.33em; } body main h6:not(:first-child) { margin-top: 2.33em; } body main h1.ce_title { font-size: 2.4em; line-height: 1.2;} body main h2.ce_title { font-size: 1.86em; line-height: 1.2;} body main h3.ce_title { font-size: 1.57em; line-height: 1.2;} body main h4.ce_title { font-size: 1.28em; line-height: 1.2;} body main h5.ce_title { font-size: 1em; line-height: 1.2;} body main h6.ce_title { font-size: 0.93em; line-height: 1.2;} .ce_title.und-title .title-separators{ margin-top: 20px; display: block; height: 2px; border-bottom-color: inherit; line-height: 0; font-size: 0; } .ce_title.und-title .title-separators span{ width: 50px; display: inline-block; line-height: 0; height: 0; border-bottom-width: 2px; border-bottom-style: solid; border-color: #f2f2f2; } .ce_title.und-title.gray .title-separators span{ border-color: #f2f2f2; } .ce_title.und-title.white .title-separators span{ border-color: #ffffff; } /*- \HEADINGS*/ /* FORM */ input, textarea{ width: 100%; padding: 6px 10px; background: #fff; border:1px solid #c7d5d3; border-radius: 5px; color:#777777; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } input[type='checkbox']{ width: 20px !important;height: 20px !important; } input[type='radio'], input[type='submit']{ width: auto; } input[type='submit']{ cursor: pointer; } /* - \FORM */ /*- CONTACT FORM 7 */ form.wpcf7-form>p{ text-align: left; margin-right: 0; } form.wpcf7-form > div:not(.wpcf7-response-output)>p{ padding: 0 20px; } form.wpcf7-form>p>*:first-child{ margin-left: 0; } form.wpcf7-form{ overflow: hidden; position: relative; } form.wpcf7-form > div:not(.wpcf7-response-output) p{ width: 100%; } form.wpcf7-form > div:not(.wpcf7-response-output) p label{ font-size:24px; font-weight: bold; } form.wpcf7-form > div:not(.wpcf7-response-output) p span{ color:#c7d5d3; } form.wpcf7-form > div:not(.wpcf7-response-output) p .select2-container .select2-choice, form.wpcf7-form > div:not(.wpcf7-response-output) p .select2-container .select2-choice .select2-arrow{ background: #fff; } form.wpcf7-form > div:not(.wpcf7-response-output) p .select2-container .select2-choice{ border:1px solid #c7d5d3; border-radius: 2px; } form.wpcf7-form > div:not(.wpcf7-response-output) p .select2-container .select2-arrow:before{ content: " "; pointer-events: none; position: absolute; z-index: 2; right: 13px; top: 3px; bottom: 0; left: auto; height: 0; width: auto; margin: auto; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #c7d5d3; } form.wpcf7-form > div:not(.wpcf7-response-output) p .select2-container .select2-arrow:after{ content: " "; pointer-events: none; position: absolute; z-index: 1; width: 36px; height: 34px; right: 0px; top: 1px; margin: 5px 0; border-left: 1px solid #c7d5d3; } form.wpcf7-form > div:not(.wpcf7-response-output) div.wpcf7-response-output{ clear: both; float: none; position: absolute; bottom: -72px; text-align: center; right: 0; left: 0; width: 365px; line-height: 54px; } form.wpcf7-form{ overflow: visible; } form.wpcf7-form > div:not(.wpcf7-response-output) p input[type="submit"]{ padding: 11px 28px; margin-top: 20px; } form.wpcf7-form > div:not(.wpcf7-response-output){ display: flex; } form.wpcf7-form > div:not(.wpcf7-response-output) + p{ text-align: center; } form.wpcf7-form > div:not(.wpcf7-response-output) + p span{ margin-bottom: 1.333em; } .wpcf7-form-control.wpcf7-captchac{ display: inline-block; vertical-align: middle; } .wpcf7 .wpcf7-form-control-wrap{ display: block; } .wpcf7 label{ font-weight: 700; } .wpcf7 input[type="submit"]{ float: none; } .wpcf7 p{ text-indent: 0; } span.wpcf7-list-item:first-child{ margin-left: auto; } .wpcf7-not-valid{ border-color: #ff6766; } span.wpcf7-not-valid-tip{ color: #ff6766; margin-top: 10px; } div.wpcf7-response-output{ margin-top: 1.333em; margin-left: auto; margin-right: auto; } div.wpcf7-response-output:last-child{ margin-bottom: auto; } .wpcf7-response-output:after{ content: ""; } div.wpcf7-response-output:before{ font-family: FontAwesome; width: 46px; height: 46px; line-height: 46px; font-size: 25px; position: absolute; left: 5px; top: 50%; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #fff; text-align: center; } div.wpcf7-response-output.wpcf7-validation-errors:before{ content: "\f12a"; } div.wpcf7-response-output.wpcf7-mail-sent-ng:before{ content: "\f12a"; } div.wpcf7-response-output.wpcf7-mail-sent-ok:before{ content: "\f164"; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{ border: none; } .wpcf7-recaptcha iframe{ border-radius: 0; } .wpcf7 ul li:before{ display: none; } /*- \CONTACT FORM 7*/ address:not(:last-child), p:not(:last-child), ul:not(:last-child), ol:not(:last-child), blockquote:not(:last-child), table:not(:last-child), dl:not(:last-child), code{ margin-bottom: 1.333em; } ul ul, ol ol, ul ol, ol ul{ margin-bottom: 0; } strong{ font-weight: 700; } em{ font-style: italic; } address{ font-style: italic; } abbr{ border-bottom-style: dotted; border-bottom-width: 1px; cursor: help; } cite{ font-style: italic; } pre{ padding: 7px 10px; font-size: 0.9em; line-height: 1.5; background: #f3f2f2; border: 1px solid #e3e3e3; border-radius: 5px; margin-top: 1.333em; } sub, sup{ font-size: 0.85em; } sub{ vertical-align: sub; } sup{ vertical-align: super; } ins{ color: #777777; } q:before{ content: "\201c\0020"; } q:after{ content: "\0020\201d"; } hr{ -webkit-appearance: none; height: 1px; border-style: none; outline-style: none; } mark{ -webkit-appearance: none; padding: 2px 6px; border-radius: 3px; background: #76c08a; } /* MARGINS */ .mt-10 { margin-top: 10px !important;} .mt-15 { margin-top: 15px !important;} .mt-20 { margin-top: 20px !important;} .mt-25 { margin-top: 25px !important;} .mt-30 { margin-top: 30px !important;} .mt-40 { margin-top: 40px !important;} .mt-50 { margin-top: 50px !important;} .mt-60 { margin-top: 60px !important;} /* \ MARGINS */ /*- LIST */ ul.arrow_style li:before, ul.quadro_style li:before{ font-family: FontAwesome; font-size: 1em; content: "\f105"; padding-right: 0.8em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ul.quadro_style li:before{ content: ""; background: #b3b3b3; width: 2px; height: 2px; border-radius: 0; min-height: 2px; box-shadow: 4px 0 0 #b3b3b3, 4px 4px 0 #b3b3b3, 0 4px 0 #b3b3b3; padding: 0; min-width: 2px; font-size: 20px; margin-top: -6px; margin-right: 0.8em; } .custom_icon_style li:before{ content: ''; display: none; } .custom_icon_style li>i.list_list{ font-size: 1em; line-height: 0.15; height: 0.4em; display: inline-block; vertical-align: middle; padding-right: 0.8em; } ol{ list-style-type: decimal; margin-left: 1.3em; } /*- \LIST */ /*- BLOCKQUOTE */ blockquote{ position: relative; z-index: 1; padding: 25px 45px; font-style: italic; background: transparent; margin: 0 auto; color: #76c08a; display: block; font-size: 1.286em; } blockquote cite { font-style: normal; margin-top: 12px; display: block; font-size: 0.778em; } blockquote cite a{ font-size:17px; color:#9d9d9d; } blockquote cite:before{ content: ""; width: 31px; height: 2px; background: #76c08a; display: block; margin-bottom: 15px; } blockquote:before { content: "“"; position: absolute; z-index: 1; top: -8px; left: 0px; font-size: 100px; font-family: Philosopher; font-style: normal; line-height: 1; } blockquote p{ position: relative; z-index: 3; text-indent: 0; } /* - \BLOCKQUOTE */ /* - TABLE */ table{ border-collapse: separate; border: 1px solid #c7d5d3; border-radius: 9px; } table th, table td{ padding: 20px; border-bottom: 1px solid #c7d5d3; } table > *:last-child tr:last-of-type th, table > *:last-child tr:last-of-type td, table > *:only-child tr:last-of-type th, table > *:only-child tr:last-of-type td, table tfoot tr:last-of-type th, table tfoot tr:last-of-type td{ border-bottom-style: none; } table > tfoot ~ *:last-child tr:last-of-type th, /* override the above declarations because of general sibling selector's specific features */ table > tfoot ~ *:last-child tr:last-of-type td{ border-bottom-style: solid; } /* - \TABLE */ /* - DEFINITION LIST */ dl dt:not(:first-child){ margin-top: 0.65em; } dl dd{ padding-left: 1.3em; font-style: italic; } /* - \DEFINITION LIST*/ a:hover{ color: #8fdba3; } /* SELECT 2 */ .select2-container{ width: 100%; } .select2-container.select2-container-multi > .select2-choices, .select2-container.select2-container-multi.select2-container-active > .select2-choices{ border-radius: 5px; background: transparent; } .select2-container.select2-container-multi.select2-dropdown-open > .select2-choices{ border-radius: 5px 5px 0 0; } div#select2-drop.select2-drop-multi{ box-shadow: none; border-style: solid; border-top-style: none; } .select2-container.select2-container-multi > .select2-choices li.select2-search-field, .select2-container.select2-container-multi.select2-container-active > .select2-choices li.select2-search-field{ border-top-style: none; } .select2-results li{ padding-left: 0; } .select2-results li:before, .select2-choices li:before{ display: none; } .select2-drop, .select2-drop.select2-drop-above, .select2-search input, .select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-dropdown-open .select2-choice, .select2-container-multi.select2-container-active .select2-choices, .select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi .select2-choices .select2-search-choice, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices{ -webkit-box-shadow: none; box-shadow: none; background-image: none; } .select2-container .select2-choice .select2-arrow, html[dir="rtl"] .select2-container .select2-choice .select2-arrow, .select2-search input, .select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-dropdown-open .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-dropdown-open .select2-choice .select2-arrow, html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow, .select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choice .select2-arrow, .select2-container-multi .select2-choices, .select2-container-multi.select2-container-active .select2-choices, .select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi .select2-choices .select2-search-choice, .select2-container-multi.select2-container-disabled .select2-choices, .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice, .select2-drop-auto-width, .select2-drop.select2-drop-above, .select2-drop, .select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active, .select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices{ border-color: #c2c2c2; } .select2-container-active .select2-choice, .select2-results li + li{ border-top: 1px solid #c2c2c2; } .select2-container .select2-choice, .select2-drop, .select2-drop-active, .select2-dropdown-open .select2-choice{ overflow-y: hidden; } .select2-container .select2-choice{ border-radius: 5px; background: #fff; border: 1px solid #c2c2c2; padding: 2px; } .cws-widget > .select2-container:not(.select2-dropdown-open) .select2-choice{ box-shadow: none; } .select2-drop.select2-drop-above, .select2-drop.select2-drop-above.select2-drop-active, .select2-dropdown-open.select2-drop-above .select2-choice{ border-style: none; box-shadow: 0 -1px 2px rgba(0,0,0,0.2); } .select2-search input{ font-size: 0.867em; } .select2-drop-auto-width .select2-search{ padding-top: 10px; } .select2-search{ padding-left: 10px; padding-right: 10px; } .select2-search input, html[dir="rtl"] .select2-search input{ padding: 6px 10px; } .select2-drop.select2-drop-above .select2-search input{ margin-top: 10px; } .select2-results{ padding-left: 0px; margin: 10px; background-color: transparent; } html[dir="rtl"] .select2-results{ padding-right: 10px; margin: 10px 0 10px 10px; } .select2-search-choice-close{ top: 10px; } .select2-search input{ border-radius: 4px; } .select2-container .select2-choice, .select2-container .select2-choice .select2-arrow, .select2-results .select2-no-results{ background: #fff; } .select2-container .select2-choice, .select2-container-multi .select2-choices .select2-search-choice{ line-height: inherit; height: auto; } .select2-search, .select2-search input{ min-height: none; } .select2-container .select2-choice .select2-chosen, .select2-results .select2-result-label{ font-size: 0.867em; line-height: 1.385em; padding: 7px 10px; } .select2-container .select2-choice, .select2-results .select2-result-label{ padding-left: 0px; } .select2-container .select2-choice .select2-arrow b:after{ display: none; } /* -- SELECT2 ARROW */ .select2-container .select2-choice .select2-arrow{ width: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; } .select2-container .select2-choice .select2-arrow b{ background-image: none; } .select2-results .select2-highlighted{ background: transparent; } .select2-container .select2-arrow:before{ display: block; position: absolute; top: 50%; left: 50%; font-size: 12px; line-height: 12px; width: 12px; margin: -6px 0 0 -6px; font-family: FontAwesome; content: "\f078"; } .select2-container.select2-dropdown-open .select2-arrow:before{ content: "\f077"; } .select2-container.select2-dropdown-open .select2-choice{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container .select2-choice > .select2-chosen{ /* depend on the section described above */ margin-right: 32px; } /*-- \SELECT 2 ARROW */ /* \SELECT 2 */ /* CLEARFIX */ .clearfix:after, .grid:after, .owl-wrapper:after, .page_content.search_results main .search-form:after, .post-password-form:after, .cws-widget .cws_tweet .tweet_content:after{ content: ""; display: block; clear: both; } /* \CLEARFIX*/ /* \COMMON */ /* CWS GRID */ .row_bg, .grid_row{ position: relative; } .page_content > main > .grid_row:first-child, .page_content > main .woocommerce > .grid_row:first-child{ padding-top: 0; } .page_content > .container > aside.sb_right{ padding-bottom: 0; } .grid_row{ padding-top: 30px; padding-bottom: 30px; } .row_bg.fullwidth_background_bg{ padding: 0; } .grid_row.triangle{ position: relative; } .triangle_c{ width: 0; height: 0; border: 0 solid transparent; position: absolute !important; left: 50%; z-index: 5 !important; transform: translateX(-50%); } .triangle_c.tr_d{ bottom: 0; } .triangle_c.tr_u{ top:0; } .page_content > .container .grid_row:first-child{ padding-top: 0; } .page_content > .container .grid_row:last-child{ padding-bottom: 0; } .row_bg > .grid_row{ padding-top: 0; padding-bottom: 0; } .row_bg.no-cusomize-bg > .grid_row{ color:inherit !important; } .grid_col{ position: relative; z-index: 1; } .grid_col:not(.grid_col_12){ float: left; } .grid_col_4{ width: 33.33333333% } .grid_col_3{ width: 25% } .grid_col_6{ width: 50%; } .grid_col_8{ width: 66.66666667% } .grid_col_9{ width: 75% } .grid_col_12{ width: 100%; } .grid_col .cols_wrapper{ box-sizing: border-box; width: 100%; position: relative; z-index: 1; } .grid_col .cols_wrapper .widget_wrapper{ position: relative; z-index: 2; } .grid_row.no_paddings .grid_col .cols_wrapper{ padding-left: 0; padding-right: 0; } .grid_row.benefits .grid_col{ margin: 0; } .grid_row.benefits .grid_col_4{ width: 33.3333333%; } .grid_row.benefits .grid_col_3{ width: 25.0%; } .grid_row.benefits .grid_col_6{ width: 50.0%; } .grid_row.benefits .grid_col_8{ width: 66.6666666%; } .grid_row.benefits .grid_col_9{ width: 75.0%; } .grid_row.benefits .grid_col_12{ width: 100%; } .grid_row.benefits:after{ content: ''; clear: both; display: table !important; } .cws_wrapper_container{ position: relative; z-index: 2; } .page_content > main .grid_row.fullwidth_items{ width: 100%; } .single.single-cws_portfolio .page_content > main .grid_row{ width: 1170px; } .single .page_content > main .grid_row:first-child{ padding-top: 0; } .grid_row.cws_flex_row{ box-sizing: border-box; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid_row.cws_flex_row.cws_content_bottom .cwsfe_grid, .grid_row.cws_flex_row.cws_content_bottom > div{ align-items: flex-end; display: flex; } .grid_row.cws_flex_row.cws_content_middle .cwsfe_grid, .grid_row.cws_flex_row.cws_content_middle > div{ align-items: center; display: flex; } .grid_row.cws_flex_row.cws_content_bottom > div, .grid_row.cws_flex_row.cws_content_middle > div{ width: 100%; } .grid_row > div{ width: 100%; } .grid_row.cws_flex_row.cws_equal_height > div{ display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid_row.cws_flex_row.cws_equal_height > div > div{ display: -webkit-flex; display: -ms-flexbox; display: flex; } .grid_row.cws_equal_height .grid_col{ -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .grid_row.cws_flex_row .grid_col, .grid_row.cws_flex_row{ display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } .grid_row.cws_content_middle:not(.cws_equal_height)>.grid_col{ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .grid_row.cws_flex_row .cols_wrapper{ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .grid_row.cws_content_top .cols_wrapper{ -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .grid_row.cws_content_middle .cols_wrapper{ -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grid_row.cws_content_bottom .cols_wrapper { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .grid_col .cols_wrapper{ box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 100%; position: relative; z-index: 1; } /* \Grid */ /* - ROW BACKGROUND SETTINGS */ .grid_row.eq_cols{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid_row.eq_cols .grid_col{ float: none; } /* FOR IE 9 */ .grid_row.eq_cols{ display: block\9; } .grid_row.eq_cols .grid_col{ float: left\9; } .grid_row.eq_cols:after{ display: none; } .grid_row.eq_cols:after{ content: ""; display: block\9; clear: both\9; } .row_bg > *{ position: relative; z-index: 1; } .row_bg > .grid_row{ z-index: 2; } .row_bg_img_wrapper{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: 1; background-size: cover; } .row_bg_img{ position: absolute; min-width: 100%; min-height: 100%; max-width: none; top: 0; left: 0; z-index: 1; background-size: cover; } .row_bg.benefits_bg .row_bg_img{ transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .row_bg_layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; z-index: 1; } .row_bg_layer.txt_layer{ z-index: -1; } .page_content main:not(> .grid_row_content){ display: block; width: 1170px; margin: 0 auto; } .grid_row.blog_row{ margin: 0 15px; } .grid_row.blog_row:empty{ display: none; } .grid_row.blog_row:empty + .grid_row{ padding-top:0; } main > *:not(.grid_row):not(.row_bg):not(#container):not(.grid_row_cont):not(.grid_row_content){ padding-right: 15px; padding-left: 15px; width: 1140px; margin: 0 auto; } .page_content > main > .grid_row_cont{ width: auto; padding: 0; } .grid_row > div:after{ content: ""; clear: both; height: 0; display: block; } .row_bg.cws-container.def_cont{ width: 1200px; margin:0 auto; } .single_sidebar .grid_row_content > .row_bg.cws-container.def_cont, .double_sidebar .grid_row_content > .row_bg.cws-container.def_cont{ width: auto; margin:0 auto; } /* - \ROW BACKGROUND SETTINGS */ /* WP Gallery */ #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 100%; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } /* see gallery_shortcode() in wp-includes/media.php */ .size-square-size-small,.size-square-size-medium,.gallery-columns-data-1 .gallery.gallery-columns-1 img{ padding: 9px; max-width: calc(100% - 20px); border: 1px solid #c7d5d3; border-radius: 9px; } .size-new-size-medium,.size-new-size-small{ padding: 0; max-width: 100%; border: 0; border-radius: 50%; } .gallery-columns-data-1 .gallery.gallery-columns-1 img{ padding: 9px !important; max-width: calc(100% - 20px) !important; border: 1px solid #c7d5d3 !important; border-radius: 9px !important; } .gallery.gallery-columns-1 div.gallery-item dl.gallery-item{ width: 100% !important; display: block !important; margin: 0 auto !important; float: none !important; text-align: center !important; padding: 0 !important; } .gallery dl.gallery-item.empty_txt:hover .gallery-icon .new-size-div:after{ background: transparent; } .gallery.gallery-columns-1 div.gallery-item dl.gallery-item dt{ display: block; padding-bottom: 1px; } .size-new-size,.new-size,.new-size-small,.new-size-medium,.square-size-small,.square-size-medium{ padding: 0; max-width: 100%; border:0; } .gallery img{ padding: 0; max-width: 100%; border: 0; border-radius: 0; } .alignleft{ float: left; margin-right: 30px; } .alignright{ float: right; margin-right: auto; margin-left: 30px; } .aligncenter{ display: table; position: relative; left: 50%; -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .gallery[class*='galleryid-']{ /* 1px negative values adjustment because of box-shadow */ margin-left: -14px !important; margin-right: -14px !important; margin-top: -29px !important; overflow: hidden; } .gallery[class*='galleryid-'] .gallery-item{ margin-top: 0 !important; } .gallery[class*='galleryid-'] dl.gallery-item{ margin-top: 30px !important; margin-bottom: 0 !important; position: relative; word-wrap: break-word; } .gallery-size-new-size .gallery-icon + dd, .gallery-size-new-size-medium .gallery-icon + dd, .gallery-size-new-size-small .gallery-icon + dd{ position: absolute; top:0; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding-left: 0; width: 230px; top:50%; z-index: 1; } .gallery-size-new-size .gallery-item .gallery-icon:hover + .wp-caption-text, .gallery-size-new-size-medium .gallery-item .gallery-icon:hover + .wp-caption-text, .gallery-size-new-size-small .gallery-item .gallery-icon:hover + .wp-caption-text{ opacity: 1; } .wp-caption.aligncenter .wp-caption-text{ text-align: center; } .gallery-size-new-size .gallery-icon + dd .title-img, .gallery-size-new-size-medium .gallery-icon + dd .title-img, .gallery-size-new-size-small .gallery-icon + dd .title-img{ font-weight:bold; font-size: 28px; color:#fff; font-style: normal; } .gallery-size-new-size .gallery-icon + dd .description-image, .gallery-size-new-size-medium .gallery-icon + dd .description-image, .gallery-size-new-size-small .gallery-icon + dd .description-image{ font-weight:400; font-size: 16px; color:#fff; font-style: normal; } .gallery-size-new-size .gallery-icon + dd .description-image span, .gallery-size-new-size-medium .gallery-icon + dd .description-image span, .gallery-size-new-size-small .gallery-icon + dd .description-image span{ display: block; line-height: 1.4; } .gallery-size-new-size .gallery-icon + dd .title-img, .gallery-size-new-size-medium .gallery-icon + dd .title-img, .gallery-size-new-size-small .gallery-icon + dd .title-img{ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0; } .gallery-size-new-size .gallery-icon + dd .description-image span, .gallery-size-new-size-small + dd .description-image span, .gallery-size-new-size .gallery-icon + dd .description-image, .gallery-size-new-size-small .gallery-icon + dd .description-image, .gallery-size-new-size-medium .gallery-icon + dd .description-image span, .gallery-size-new-size-medium .gallery-icon + dd .description-image{ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); visibility: hidden; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0; } .gallery-size-new-size .gallery-icon + dd .description-image span:nth-of-type(even), .gallery-size-new-size-medium .gallery-icon + dd .description-image span:nth-of-type(even), .gallery-size-new-size-small .gallery-icon + dd .description-image span:nth-of-type(even){ -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .gallery-size-new-size .gallery-item .gallery-icon:hover + .wp-caption-text .title-img, .gallery-size-new-size .gallery-icon + dd:hover .title-img, .gallery-size-new-size .gallery-icon + dd:hover .description-image span, .gallery-size-new-size .gallery-item .gallery-icon:hover + dd .description-image, .gallery-size-new-size .gallery-item .gallery-icon + dd:hover .description-image, .gallery-size-new-size .gallery-item .gallery-icon:hover + .wp-caption-text .description-image span, .gallery-size-new-size-medium .gallery-item .gallery-icon:hover + .wp-caption-text .title-img, .gallery-size-new-size-medium .gallery-icon + dd:hover .title-img, .gallery-size-new-size-medium .gallery-icon + dd:hover .description-image span, .gallery-size-new-size-medium .gallery-item .gallery-icon:hover + dd .description-image, .gallery-size-new-size-medium .gallery-item .gallery-icon + dd:hover .description-image, .gallery-size-new-size-medium .gallery-item .gallery-icon:hover + .wp-caption-text .description-image span, .gallery-size-new-size-small .gallery-item .gallery-icon:hover + .wp-caption-text .title-img, .gallery-size-new-size-small .gallery-icon + dd:hover .title-img, .gallery-size-new-size-small .gallery-icon + dd:hover .description-image span, .gallery-size-new-size-small .gallery-item .gallery-icon:hover + dd .description-image, .gallery-size-new-size-small .gallery-item .gallery-icon + dd:hover .description-image, .gallery-size-new-size-small .gallery-item .gallery-icon:hover + .wp-caption-text .description-image span { visibility: visible; -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; cursor: pointer; z-index: 100001; } .gallery-size-new-size .gallery div.gallery-item dl.gallery-item, .gallery-size-new-size-medium .gallery div.gallery-item dl.gallery-item, .gallery-size-new-size-small .gallery div.gallery-item dl.gallery-item{ width: auto !important; display: inline-block !important; margin: 0 auto !important; float: none !important; text-align: center !important; padding: 0 !important; } .gallery-size-new-size .gallery-icon + dd .description-image span:after, .gallery-size-new-size-medium .gallery-icon + dd .description-image span:after, .gallery-size-new-size-small .gallery-icon + dd .description-image span:after{ display: block; background: url(../img/contact_separator.png) no-repeat center 0; width: 24px; height: 10px; content: ""; text-align: center; margin: 7px auto; } .gallery-size-new-size .gallery-icon + dd .description-image span:last-child:after, .gallery-size-new-size-medium .gallery-icon + dd .description-image span:last-child:after, .gallery-size-new-size-small .gallery-icon + dd .description-image span:last-child:after{ display: none; } .gallery-size-new-size .gallery-icon .new-size-div:after, .gallery-size-new-size-medium .gallery-icon .new-size-div:after, .gallery-size-new-size-small .gallery-icon .new-size-div:after{ content: ' '; position: absolute; z-index: 1; width: calc(100% - 30px); left: 15px; height: calc(100% - 30px); -webkit-border-radius: 285px; -moz-border-radius: 285px; border-radius: 285px; background: transparent; top: 15px; opacity: .9; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .gallery-size-new-size .gallery-icon + dd .title-img:after, .gallery-size-new-size-medium .gallery-icon + dd .title-img:after, .gallery-size-new-size-small .gallery-icon + dd .title-img:after{ content: ""; display: block; margin: 8px auto; text-align: center; width: 40px; height: 15px; background: url(../img/gallery_divider.png) no-repeat 0 0; } .gallery[class*='galleryid-'] .gallery-item{ padding: 0 15px; } .gallery-item > * + *, .wp-caption > * + *{ margin-top: 0; } .cws_img_frame img[class*="wp-image-"], p>img[class*="wp-image-"], .gallery-icon a, .gallery-icon img{ display: inline-block; left:auto; -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .cws_img_frame, .gallery-icon{ position: relative; display: inline-block; } .cws_img_frame>*, .gallery-icon a>*{ z-index: 1; } .cws_img_frame:before, .gallery-icon a:before, .cws_img_frame canvas, .gallery-item a canvas{ -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -ms-transition: opacity 0.6s; transition: opacity 0.6s; } .gallery-icon img, .cws_img_frame img{ -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; } .cws_img_frame canvas, .gallery-icon a canvas{ position: absolute; top: 0; left: 0; opacity: 0; } .cws_img_frame:hover canvas.drawn, .gallery-icon:hover a canvas.drawn{ opacity: 1; } .cws_img_frame:after, .gallery-icon a:after{ content: '' !important; } .gallery-icon a:after{ display: none; } .cws_img_frame:after, .gallery-icon a:after{ content: "\f11e"; } .gallery-icon a[href*=".jpg"]:after, .gallery-icon a[href*=".jpeg"]:after, .gallery-icon a[href*=".png"]:after, .gallery-icon a[href*=".gif"]:after, .gallery[class*='galleryid-'] .owl-item:not(:only-child) .gallery-icon a[href*=".jpg"]:after, .gallery[class*='galleryid-'] .owl-item:not(:only-child) .gallery-icon a[href*=".jpeg"]:after, .gallery[class*='galleryid-'] .owl-item:not(:only-child) .gallery-icon a[href*=".png"]:after, .gallery[class*='galleryid-'] .owl-item:not(:only-child) .gallery-icon a[href*=".gif"]:after{ content: "\f123"; } .gallery-item:only-child .gallery-icon a[href*=".jpg"]:after, .gallery-item:only-child .gallery-icon a[href*=".jpeg"]:after, .gallery-item:only-child .gallery-icon a[href*=".png"]:after, .gallery-item:only-child .gallery-icon a[href*=".gif"]:after, .cws_img_frame[href*=".jpg"]:after, .cws_img_frame[href*=".jpeg"]:after, .cws_img_frame[href*=".png"]:after, .cws_img_frame[href*=".gif"]:after{ content: "\f123"; } .cws_img_frame[target="_blank"]:after{ content: "\f11e"; } .cws_img_frame:hover:before, .gallery-icon:hover a:before{ opacity: 0.9; } .cws_img_frame:hover:after, .gallery-icon:hover a:after{ opacity: 1; } .gallery-icon img{ border-style: none !important; width: 100%; height: auto; } .gallery-icon a, .cws_blur_wrapper{ display: block; position: relative; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .media_part{ border-radius: 10px; } /* Circle Image */ .new-size-div{ position: relative; overflow: hidden; display: inline-block; } .new-size-div img{ float:none; margin:0; } .new-size-div:before{ content: ' '; position: absolute; z-index: 1; width: 100%; left:0; height: 100%; -webkit-border-radius: 285px; -moz-border-radius: 285px; border-radius: 285px; -webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; -moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; } .new-size-div img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle; } /* \WP Gallery */ /* \GENERAL */ /* HEADER */ .slider_vs_menu .site_header{ position: absolute; width: 100%; top: 0; left: 0; } .header_cont{ width: 100%; background: #fff; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .body-cont.mobile_wrapper .header_cont:after{ display: none; } .body-cont.mobile_wrapper .header_box > .container > .header-first-floor{ display: none; } .header_cont:after{ display: block; content: ""; background: url(../img/rectangle-1.png) no-repeat 0 bottom; position: absolute; left: 50%; bottom: -56px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 107px; height: 100%; max-height: 68px; z-index: 4; background-size: contain; } .sticky_header .header_cont:after{ display: none; } .site_header .logo{ display: inline-block; } .site_header:not(.logo-center) .header_box, .site_header.logo-center .header_nav_part{ -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .site_header.logo-center:not(.sticky) .header_nav_part{ -webkit-transition: background-color 0.3s step-start; -moz-transition: background-color 0.3s step-start; -ms-transition: background-color 0.3s step-start; transition: background-color 0.3s step-start; } .site_header.sticky .header_box, .site_header.logo-center.sticky .header_nav_part, .sticky_header .site_header .header_box{ background-color: rgba(255,255,255,0.9); } .site_header:not(.logo-center).sticky .header_box, .site_header.logo-center.sticky .header_nav_part{ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .site_header.logo-center .header_nav_part{ padding-bottom: 20px; } .site_header.logo-center .header_nav_part:only-child{ padding-top: 12px; } .header_bg_img img{ display: block; } .fs_img_header, .bg_page_header{ position: relative; z-index: 1; overflow: hidden; } /* CWS REVSLIDER */ .cws_parallax_scene_container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cws_parallax_scene_container .cws_parallax_scene{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cws_parallax_scene_container .cws_parallax_scene > *{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cws_parallax_scene_container .cws_parallax_scene img, .cws_parallax_scene_container .cws_parallax_scene canvas{ display: block; position: absolute; top: 50%; left: 50%; max-width: none; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){ .cws_parallax_scene_container .cws_parallax_scene img, .cws_parallax_scene_container .cws_parallax_scene canvas{ width: auto; height: auto; min-width: 100%; min-height: 100%; } } .forcefullwidth_wrapper_tp_banner:after{ display: block; content: ""; background: url(../img/rectangle-2.png) no-repeat 0 bottom; position: absolute; left: 50%; bottom: -8px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 107px; height: 100px; z-index: 5; background-size: contain; } .rev_slider li.tp-revslider-slidesli:after{ content: ' '; position: absolute; z-index: 1; top: auto; bottom: 0; width: 100%; height: 4px; background: #8fdba3; z-index: 1; } .tparrows.hesperiden{ margin: 1px; display: none; cursor: pointer; width: 32px; height: 32px; line-height: 32px; font-size: 18px; font-family: FontAwesome; text-align: center; background: #76c08a; color: #ffffff; -webkit-box-shadow: 0 0 0 4px #fff inset, 0 0 0 1px #76c08a; -moz-box-shadow: 0 0 0 4px #fff inset, 0 0 0 1px #76c08a; box-shadow: 0 0 0 4px #fff inset, 0 0 0 1px #76c08a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; display: inline-block; } .tp-leftarrow.tparrows.hesperiden:before { content: "\f104"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .tp-rightarrow.tparrows.hesperiden:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .tparrows.hesperiden:hover:before{ color:#8fdba3; } .tparrows.hesperiden:hover{ color: #8fdba3; -webkit-box-shadow: 0 0 0 20px #ffffff inset, 0 0 0 1px #76c08a; -moz-box-shadow: 0 0 0 20px #ffffff inset, 0 0 0 1px #76c08a; box-shadow: 0 0 0 20px #ffffff inset, 0 0 0 1px #76c08a; cursor: pointer; background: transparent; } /* \CWS REVSLIDER */ /* FULL SCREEN VIDEO */ .page_header_video_wrapper{ position: relative; } .page_header_video_wrapper iframe.page_header_video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; } .page_header_video_wrapper + .page_header_video_slider_wrapper, .page_boxed .page_header_video_wrapper + .page_header_video_slider_wrapper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page_boxed .fullwidthbanner-container, .page_boxed .fullscreen-container{ width: 100% !important; left: 0 !important; } .page_header_video_wrapper:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/bgvideo.png); background-repeat: repeat; } .fs_video_bg{ position: absolute; top: 0; left: 0; width: calc(100% + 2px); height: 100%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; overflow: hidden; margin-left: -1px; margin-right: -1px; z-index: -1; } .fs_video_slider .rev_slider, .fs_video_slider .rev_slider_wrapper{ background: transparent !important; } .fs_video_bg, .fs_video_slider{ background-color: #fff; } .fs_video_slider{ position: relative; z-index: 1; overflow: hidden; } .fs_video_bg + .fs_video_slider{ background-color: transparent; } .fs_video_bg>video, .fs_video_bg>iframe{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); z-index: 1; max-width: none; } .fs_video_bg:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .fs_img_header .bg_layer, .fs_video_bg .bg_layer, .fs_img_header .stat_img_cont{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; z-index: 2; } .fs_img_header .stat_img_cont{ z-index: 1; } .fs_img_header .bg_layer{ width: auto; height: auto; min-width: 100%; min-height: 100%; z-index: 2 !important; } .fs_img_header .stat_img_cont{ width: auto; height: auto; min-width: 100%; min-height: 100%; } /* adjustments */ .fs_video_bg>iframe{ border-radius: 0; -webkit-mask-image: none; } /* rev slider full width in box layout */ .page_boxed .fullwidthbanner-container{ width: 100% !important; left: 0 !important; } /* \FULL SCREEN VIDEO */ /* - HEADER IMAGE */ .header_bg_img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cws_parallax_section{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cws_parallax_section>*{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cws_parallax_section img, .cws_parallax_section canvas, .header_bg_img > img, .header_bg_img > canvas{ display: block; position: absolute; max-width: none; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* - \HEADER IMAGE */ /* - MENU */ .header_nav_part{ width: 100%; } .header_wrapper_container.header_outside_slider{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1002; } .site_header.sticky{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } .sticky_header.sticky_mobile_off{ display: none; } .sticky_header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sticky_header:after{ content:''; display: block; height: 0; clear: both; } .sticky_header.sticky_active{ -webkit-transform: translateY(0); transform: translateY(0); } .main-nav-container .menu-item:before{ display: none; } .site_header.with_background .main-nav-container .main-menu > .menu-item{ background-color: transparent !important; } .site_header.with_background .main-nav-container .menu-item{ border-style: none; } .main-nav-container .button_open{ width: 36px; text-align: center; cursor: pointer; } .main-nav-container .button_open:before{ font-family: FontAwesome; content: "\f105"; } .main-nav-container .menu-item>a{ white-space: nowrap; } .main-nav-container .sub-menu .menu-item>a{ padding: 8px 10px; line-height: 1.6; color:#777; } .main-menu .sub-menu li a:after{ display: none; } .main-menu{ font-size: 0; } /* -- MENU SEARCH */ .site_header .search_menu{ display: inline-block; vertical-align: middle; width: 30px; height: 20px; line-height: 20px; cursor: pointer; border-left: 1px solid #e6e6e6; text-align: right; } .site_header .search_menu:first-child{ border-left: 0; border-right: 1px solid #e6e6e6; text-align: left; } .site_header .search_menu:before{ font-family: cwsicon; content: "\f122"; font-size: 16px; opacity: 0.5; padding: 0 1px; display: inline-block; box-shadow: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .site_header .search_menu:hover:before{ opacity: 1; } .site_header .search_menu > *{ display: none; } .site_header .search_menu_cont{ top: 0px; right: 0px; width: 100%; height: 100% !important; position: absolute; z-index: 10000; overflow: visible!important; display: none; background: #ffffff; } .header_nav_part.mobile_nav .search_mobile_menu_cont{ height: 100%; position: absolute; z-index: 3; right: 0; width: 0; top: 0; opacity: 0; display: block; box-sizing:border-box; -webkit-transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); -moz-transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); -ms-transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); } .header_nav_part .search_mobile_menu_cont{ display: none; } .header_nav_part.mobile_nav.show-search .search_mobile_menu_cont{ width: 100%; opacity: 1; } .site_header .search_menu_cont > .container{ height: 100%; } .site_header .search_menu_cont .search_back_button{ position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; width: 30px; text-align: center; cursor: pointer; } .site_header .search_menu_cont .search_back_button:before{ font-family: cwsicon; content: "\f107"; font-size: 14px; position: absolute; top: 50%; margin-top: -10px; right: -20px; width: 20px; line-height: 20px; height: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .site_header.search-on .search_menu_cont .search_back_button:before{ right: 0; } .site_header .search_menu_cont .search-form{ float: left; height: 100%; width: calc(100% - 30px); } .site_header .search_menu_cont .search-form .search-field{ float: right; width: 20%; height: 100%; font-size: 22px; line-height: 100%; position: relative; background-color: transparent; border: none; padding: 7px 0; border-radius: 0; padding-left: 0; opacity: 0; -webkit-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); -moz-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); -o-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); -ms-transition: all 0.3s cubic-bezier(.09,.79,.25,.98); transition: all 0.3s cubic-bezier(.09,.79,.25,.98); } .site_header.search-on .search_menu_cont .search-form .search-field{ width: 100%; opacity: 1; } .site_header .search_menu_cont .screen-reader-text, .site_header .search_menu_cont .search-submit{ display: none; } /* -- \MENU SEARCH */ /* -- DISABLE MOBILE MENU */ .mobile_menu_header,.mobile_search, .main-nav-container .sub-menu>.back{ display: none; } /* -- \DISABLE MOBILE MENU */ /* -- MOBILE MENU */ .mobile_nav .main-menu, .mobile_nav .main-nav-container .sub-menu{ background:rgba(255,255,255, .9); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; min-width: 200px; overflow: hidden; box-shadow: 0 0 12px rgba(0,0,0,0.1); border-radius: 5px; } .mobile_nav .menu-item:not(.back):not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current-menu-parent):not(.current_page_parent):not(.current_page_ancestor):hover{ background-color: transparent !important; } .mobile_nav .menu-item:not(.back):not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current-menu-parent):not(.current_page_parent):not(.current_page_ancestor):hover > a{ color: inherit !important; } .mobile_nav .menu-item{ margin-left: 0!important; text-align: left; } .mobile_nav .main-nav-container > .main-menu > .menu-item.current-menu-ancestor > a, .mobile_nav .main-nav-container > .main-menu > .menu-item.current-menu-item > a, .mobile_nav .sub-menu .menu-item:hover > a, .mobile_nav .sub-menu .menu-item.current-menu-ancestor > a, .mobile_nav .sub-menu .menu-item.current-menu-item > a{ color: #76c08a; } .mobile_nav .sub-menu .menu-item.current-menu-item > a{ color:#fff; } .mobile_nav .main-nav-container > .main-menu > .menu-item.current-menu-item{ background: transparent; } .mobile_nav .menu-item, .mobile_nav .main-menu > .menu-item{ display: table; } .body-cont.mobile_wrapper .forcefullwidth_wrapper_tp_banner:after{ display: none; } .mobile_nav .menu-item, .mobile_nav .main-menu > .menu-item{ width: calc(100% - 40px); padding:0 20px !important; } .header_nav_part.mobile_nav .main-menu .sub-menu li.menu-item{ padding: 0 !important; } .mobile_nav .main-menu>.menu-item>a{ border-style: none; font-size:17px; line-height:40px; color:#777777; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header_nav_part.mobile_nav .main-nav-container .sub-menu .menu-item:not(.back)>a{ display: table-cell; } .header_nav_part.mobile_nav .main-nav-container .menu-item.back{ text-align: center; } .header_nav_part.mobile_nav .main-nav-container .sub-menu .menu-item.back a{ color: #ffffff; } .header_nav_part.mobile_nav .main-nav-container .sub-menu .menu-item.back{ border-bottom: 1px solid #e2e2e2; } .header_nav_part.mobile_nav .main-nav-container .sub-menu .menu-item.back>a{ padding-right: 15px; } /* --- RESET DEFAULT MENU */ .mobile_nav .main-nav-container .sub-menu, .mobile_nav .main-nav-container .menu-item:hover>.sub-menu{ display: none; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .mobile_nav .main-nav-container > .main-menu > .menu-item.menu-item-has-children > a:after{ display: none; } .mobile_nav .main-nav-container .menu-item { display: block; text-align: center; padding-bottom: 8px; } .mobile_nav .main-nav-container .menu-item:before{ content: ""; display: block; width: calc(100% - 40px); height: 1px; background: #8fdba3; position: absolute; bottom: 4px; max-height: 1px; min-height: 1px; border:0; border-radius: 0; box-shadow: none; } .mobile_nav .main-nav-container .menu-item:last-child:before, .mobile_nav .main-nav-container .menu-item:last-child:after{ display: none; } .mobile_nav .main-nav-container .menu-item:first-child{ border-top: 0; } .mobile_nav .menu-item:hover>a{ background: transparent; } .mobile_nav .mobile_menu_header{ display: flex; justify-content: space-between; align-items: center; border-radius: 4px; font-size:18px; line-height:42px; font-weight: bold; padding: 0 12px 0 16px; } .header_wrapper_container .custom_mobile_logo.mobile_nav .mobile_menu_header > .logo .logo_mobile{ display: block; } .header_wrapper_container .custom_mobile_logo.mobile_nav .mobile_menu_header > .logo{ max-width: 80px; } .header_wrapper_container .custom_mobile_logo.mobile_nav .mobile_menu_header > .logo img{ display: none; } .mobile_nav .main-nav-container .sub-menu>.back{ display: block; } .mobile_nav .main-nav-container .sub-menu{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } .mobile_nav .main-nav-container .menu-item:first-of-type{ border-radius: 5px 5px 0 0; } .mobile_nav .main-nav-container .menu-item:last-of-type{ border-radius: 0 0 5px 5px; } /* --- \RESET DEFAULT MENU */ /* --- MOBILE MENU SWITCHER */ .mobile_menu_header .mobile_menu_switcher{ display: none; width: 30px; height: 30px; margin-left: 15px; border-radius: 5px; font-size: 14px; line-height: 32px; text-align: center; color: #76c08a; cursor: pointer; background: #fff; } .mobile_menu_header .mobile_menu_switcher:after{ content: ""; position: absolute; left:0; top:0; background: #fff; width: 1px; height: 100%; } .mobile_nav .mobile_menu_header .mobile_menu_switcher, .mobile_nav .mobile_search{ display: inline-block; position: relative; z-index: 6; } .mobile_nav .mobile_search{ width: 100%; } .mobile_nav .mobile_menu_header .mobile_menu_switcher:before{ font-family: FontAwesome; content: "\f0c9"; /* open */ } .mobile_nav.opened .mobile_menu_header .mobile_menu_switcher:before{ content: "\f00d"; /* close */ } .mobile_nav .main-menu .mini-cart, .mobile_nav .main-menu .search_menu{ display: none !important; } .header_nav_part.mobile_nav.show-search .mobile_menu_header{ opacity: 0; } /* --- \MOBILE MENU SWITCHER */ /* --- MOBILE MENU OPENER */ .header_nav_part.mobile_nav .main-menu{ position: absolute; top: 100%; right: auto; left: 0; display: none; margin-top: 60px; opacity: 0; width: 100%; border:1px solid #76c08a; } .header_nav_part.mobile_nav.opened .main-menu{ margin-top: 0px; opacity: 1; } .header_nav_part.mobile_nav.opened .main-menu li.menu-item{ margin-right: 0; } .header_nav_part.mobile_nav .main-menu li.menu-item{ margin-right: 0; } .header_nav_part.mobile_nav .main-menu .header_logo_part{ display: none; } /* --- \MOBILE MENU OPENER */ /* -- \MOBILE MENU */ /* -- SUB-MENU */ .header_nav_part.mobile_nav .main-menu .switch-menu-mobile{ position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: 0; display: inline-block; padding: 0; opacity: 1; border-bottom: 0; box-shadow: none; width: calc(100% - 40px); text-align: center; } .header_nav_part.mobile_nav .main-nav-container .sub-menu{ border:1px solid #8fdba3; border-radius: 4px; margin:0 20px 20px 20px; } .header_nav_part.mobile_nav .main-nav-container .sub-menu .menu-item:not(.back) > a{ display: block; padding: 0; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li{ text-align: center; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li a{ display: block; width: 100%; text-align: center; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li.menu-item:after{ display: none; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li.menu-item{ display: block; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li.menu-item a{ font-size:17px; line-height: 42px; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li.menu-item{ z-index: -2; border-radius: 0; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li.menu-item:last-child a:after, .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li.menu-item:last-child a:before{ display: none; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile li.menu-item a:before{ content: ""; display: block; width: 30px; height: 1px; background: #8fdba3; position: absolute; bottom: 0; max-height: 1px; min-height: 1px; border: 0; border-radius: 0; z-index: 5; left: 0; right: 0; margin: 0 auto; } .header_nav_part.mobile_nav .main-menu li.menu-item a{ display: block;width: 100%; } .header_nav_part.mobile_nav ul.sub-menu .menu-item a{ display: block; width: 100%; } .header_nav_part.mobile_nav .main-menu .switch-menu-mobile:before{ display: none; } .header_nav_part.mobile_nav .main-menu:hover .switch-menu-mobile{ display: inline-block; } .mobile_nav .main-nav-container ul.sub-menu .menu-item:before{ display: none; } .mobile_nav .main-nav-container ul.sub-menu .menu-item{ padding: 0; margin: 0; } .main-nav-container .menu-item{ position: relative; z-index: 3; } .main-nav-container .sub-menu{ position: absolute; z-index: 1; top: 100%; left: auto; right: auto; min-width: 150px; box-shadow: 0 0 12px rgba(0,0,0,0.1); opacity: 0; -webkit-transform: translateX(-99999px); -moz-transform: translateX(-99999px); -ms-transform: translateX(-99999px); transform: translateX(-99999px); font-size: 15px; text-align: center; padding: 20px; background-color: rgba(255,255,255, 0.9); border-bottom: 4px solid; } /*********************************************/ .main-nav-container .sub-menu{ -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s step-end; -webkit-transition: opacity 0.3s ease, transform 0.3s step-end; -moz-transition: opacity 0.3s ease, -moz-transform 0.3s step-end; -moz-transition: opacity 0.3s ease, transform 0.3s step-end; -ms-transition: opacity 0.3s ease, -ms-transform 0.3s step-end; -ms-transition: opacity 0.3s ease, transform 0.3s step-end; transition: opacity 0.3s ease, -webkit-transform 0.3s step-end; transition: opacity 0.3s ease, -moz-transform 0.3s step-end; transition: opacity 0.3s ease, -ms-transform 0.3s step-end; transition: opacity 0.3s ease, transform 0.3s step-end; } .main-nav-container .menu-item:hover>.sub-menu{ -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s step-start; -webkit-transition: opacity 0.3s ease, transform 0.3s step-start; -moz-transition: opacity 0.3s ease, -moz-transform 0.3s step-start; -moz-transition: opacity 0.3s ease, transform 0.3s step-start; -ms-transition: opacity 0.3s ease, -ms-transform 0.3s step-start; -ms-transition: opacity 0.3s ease, transform 0.3s step-start; transition: opacity 0.3s ease, -webkit-transform 0.3s step-start; transition: opacity 0.3s ease, -moz-transform 0.3s step-start; transition: opacity 0.3s ease, -ms-transform 0.3s step-start; transition: opacity 0.3s ease, transform 0.3s step-start; } /*********************************************/ .main-nav-container .menu-item:hover>.sub-menu{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .main-nav-container .sub-menu .menu-item>a{ display: block; display: block; font-size: 15px; letter-spacing: -0.01em; } .main-nav-container .sub-menu .menu-item{ border-style: none; } .main-nav-container .menu-item:hover>.sub-menu>.menu-item:nth-of-type(2), .main-nav-container .menu-item:hover>.sub-menu>.menu-item:last-of-type, .main-nav-container .menu-item:hover>.sub-menu>.menu-item:nth-of-type(2):last-of-type{ -webkit-background-origin: padding-box; -webkit-background-clip: padding-box; } .main-nav-container .sub-menu .sub-menu{ top: 0; } /*** SHOW SUB-MENU ***/ .main-menu>.menu-item.right .menu-item>.sub-menu, .main-menu>.menu-item.right>.sub-menu{ left: auto; } .main-menu>.menu-item.right>.sub-menu{ right: auto; } .main-menu>.menu-item>.sub-menu{ left: 0; margin-left: -50%; } .main-menu>.menu-item>.sub-menu{ margin-top: 12px; } .main-nav-container .sub-menu .menu-item>.sub-menu{ left: 100%; } .main-menu>.menu-item.right .sub-menu .menu-item>.sub-menu{ right: 100%; } /*** SHOW SUB-MENU ***/ .main-nav-container .sub-menu .sub-menu{ margin-left: 2px; } .main-nav-container .sub-menu:before{ content: ""; display: block; position: absolute; } .main-nav-container .sub-menu:before{ width: 100%; height: 20px; bottom: 100%; left: 0; } .main-nav-container .sub-menu{ border-right: 0; border-left: 0; border-bottom: 4px solid #76c08a; box-shadow: none; } .main-nav-container .sub-menu .menu-item-has-children .button_open{ display: none; } .main-nav-container .button_open{ display: none; } .mobile_nav .button_open{ display: block; position: absolute; right: 0; top:0; z-index: 4565656; } .mobile_nav .button_open.button_open_active{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main-nav-container .sub-menu .sub-menu:after { display: none; } .main-nav-container .sub-menu .sub-menu:before{ height: 100%; width: 2px; left: auto; bottom: auto; right: 100%; top: 0; } .main-menu>.menu-item.right .sub-menu .sub-menu:before{ right: auto; left: 100%; } .main-menu>.menu-item.right .sub-menu .sub-menu{ margin-left: 0; margin-right: 2px; } /* -- \SUB-MENU */ /* -- STICKY-MENU */ .site_header.with_background .header_box, .site_header.sticky .header_box, .site_header.logo-center.sticky .header_nav_part, .sticky_header .site_header .header_box{ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .site_header.logo-center.sticky .header_box{ box-shadow: none; } .page_boxed .site_header.with_background .header_box, .page_boxed .site_header.sticky .header_box, .page_boxed .site_header.logo-center.sticky .header_nav_part, .page_boxed .sticky_header .header_box{ width: 1250px; margin-left: auto; margin-right: auto; } /* -- \STICKY-MENU */ /* MENU SWITCHER */ .active-sandwich-menu .header_nav_part .main-menu { display: inline-block; vertical-align: middle; } .menu-bar { position: relative; width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-left: 20px; text-align: center; } .a-left .menu-bar { margin-left: 0; margin-right: 20px; } .main-nav-container.a-center .menu-bar { position: absolute; z-index: 1; right: 0; top: calc(50% - 20px); } .logo-right .main-nav-container.a-center .menu-bar { right: auto; left: 0; margin-left: 0; margin-right: 20px; } .menu-bar:before { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .menu-bar .ham { display: inline-block; width: 23px; height: 2px; position: relative; vertical-align: middle; background: #000; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .menu-bar .ham:after, .menu-bar .ham:before { position: absolute; content: ''; display: inline-block; width: 23px; height: 2px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; outline: 1px solid transparent; left: 0; background: #000; } .menu-bar .ham:before { top: -8px; } .menu-bar .ham:after { top: 8px; } .menu-bar.items-visible .ham { background-color: transparent !important; } .menu-bar.items-visible .ham:before { -webkit-transform: translateY(8px) rotateZ(-45deg); -moz-transform: translateY(8px) rotateZ(-45deg); -ms-transform: translateY(8px) rotateZ(-45deg); -o-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } .menu-bar.items-visible .ham:after { -webkit-transform: translateY(-8px) rotateZ(45deg); -moz-transform: translateY(-8px) rotateZ(45deg); -ms-transform: translateY(-8px) rotateZ(45deg); -o-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } .active-sandwich-menu .main-nav-container ul.main-menu > li { visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity:0; opacity: 0; -webkit-transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); -moz-transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); -o-transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li.header_logo_part{ opacity: 1; visibility: visible; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li { visibility: visible; top: 0; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+1) { -webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 60ms; -moz-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+2) { -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -o-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+3) { -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; -o-transition-duration: 450ms; transition-duration: 450ms; -webkit-transition-delay: 180ms; -moz-transition-delay: 180ms; -o-transition-delay: 180ms; transition-delay: 180ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+4) { -webkit-transition-duration: 550ms; -moz-transition-duration: 550ms; -o-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-delay: 240ms; -moz-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+5) { -webkit-transition-duration: 650ms; -moz-transition-duration: 650ms; -o-transition-duration: 650ms; transition-duration: 650ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+6) { -webkit-transition-duration: 750ms; -moz-transition-duration: 750ms; -o-transition-duration: 750ms; transition-duration: 750ms; -webkit-transition-delay: 360ms; -moz-transition-delay: 360ms; -o-transition-delay: 360ms; transition-delay: 360ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+1) { -webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 60ms; -moz-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+2) { -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -o-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+3) { -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; -o-transition-duration: 450ms; transition-duration: 450ms; -webkit-transition-delay: 180ms; -moz-transition-delay: 180ms; -o-transition-delay: 180ms; transition-delay: 180ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+4) { -webkit-transition-duration: 550ms; -moz-transition-duration: 550ms; -o-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-delay: 240ms; -moz-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+5) { -webkit-transition-duration: 650ms; -moz-transition-duration: 650ms; -o-transition-duration: 650ms; transition-duration: 650ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+6) { -webkit-transition-duration: 750ms; -moz-transition-duration: 750ms; -o-transition-duration: 750ms; transition-duration: 750ms; -webkit-transition-delay: 360ms; -moz-transition-delay: 360ms; -o-transition-delay: 360ms; transition-delay: 360ms; } /* \MENU SWITCHER */ /* ADDRESS GROUP */ .header_nav_part .main-nav-container { position: relative; z-index: 1; } .site_header.logo-center .header-first-floor .h-address-groups { text-align: center; padding: 14px 0; } .active-sandwich-menu .h-address-groups { position: absolute; display: block; right: 90px; left: 0px; top: 50%; transform: translateY(-50%); text-align: right; visibility: hidden; opacity: 0; transition: all 0.3s; } .active-sandwich-menu .h-address-groups.items-visible { opacity: 1; visibility: visible; transition: all 1s 0.6s; } /* .active-sandwich-menu.logo-right .h-address-groups, */ .active-sandwich-menu .a-left .h-address-groups { right: 0; left: 40px; } .active-sandwich-menu .a-left .h-address-groups { text-align: left; left: 90px; } .active-sandwich-menu .a-right .h-address-groups { text-align: right; right: 90px; left: 0px; } .active-sandwich-menu .a-center .h-address-groups { right: 40px; text-align: center; } .h-address-groups .h-address-form { display: inline-block; text-align: left; position: relative; } .h-address-groups .h-address-form:after { content: ''; display: table; clear: both; } .h-address-groups .h-address-form .h-address-lines { line-height: 1.28; } .h-address-groups .h-address-form .h-address-icon, .h-address-groups .h-address-form .h-address-lines { display: inline-block; vertical-align: middle; } .h-address-groups .h-address-form .h-address-icon { font-size: 40px; margin-right: 20px; } .h-address-groups .h-address-form .h-address-first-line { font-size: 18px; } .h-address-groups .h-address-form .h-address-second-line { opacity: 0.8; } .h-address-form + .h-address-form { padding-left: 40px; margin-left: 30px; } .h-address-form + .h-address-form:before { content: ''; position: absolute; height: 40px; width: 1px; background: #e6e6e6; left: 0; top: 50%; transform: translateY(-50%); } /* \ADDRESS GROUP */ /* - \MENU */ header:not(.none-sandwich-menu) .container, .site_header .header-first-floor{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .site_header.logo-center .header-first-floor { border:none; } /* - LOGOTYPE */ .site_header .header_logo_part{ -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0; } .site_header .header_nav_part, .site_header .header-first-floor .h-address-groups { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .site_header.logo-right .header_logo_part{ -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .site_header.logo-right .header_nav_part, .site_header .header-first-floor .h-address-groups{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .site_header .header_logo_part .logo{ display: block; } .site_header .logo>img.cwsfi_args{ display: block; } .site_header.sticky .logo>img:not(.logo_sticky):not(.logo_mobile), .sticky_header .logo>img:not(.logo_sticky):not(.logo_mobile){ height: 50px !important; } .site_header.sticky .logo, .sticky_header .logo{ height: 50px !important; } .site_header .logo, .sticky_header .logo>img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo, .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo{ height: auto !important; } .site_header.custom_sticky_logo .header_logo_part .logo>img.logo_sticky, .site_header.custom_mobile_logo .header_logo_part .logo>img.logo_mobile, .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo>img, .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo>.header_site_title{ display: none; } .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo>img.logo_sticky{ display: block; } .sticky_header.sticky_active .site_header.custom_sticky_logo.logo-center .header_logo_part .logo > img.logo_sticky { margin-left: auto; margin-right: auto; } .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo > img.logo_sticky { margin-left: 48px; margin-right: 48px; } .site_header.mobile_nav.custom_mobile_logo .header_logo_part .logo>img, .site_header.mobile_nav.custom_mobile_logo .header_logo_part .logo>.header_site_title, .site_header.sticky.custom_sticky_logo.mobile_nav .header_logo_part .logo>img.logo_sticky, .site_header.mobile_nav.sticky .header_logo_part .logo>img.logo_mobile{ display: none; } .site_header.mobile_nav .header_logo_part .logo>img.logo_mobile, .site_header.sticky.custom_sticky_logo.mobile_nav.sticky .header_logo_part .logo>img.logo_sticky{ display: inline-block; } html.touch .header_logo_part .logo img{ max-height: 40px; width: auto; height: auto !important; display: inline-block; vertical-align: middle; } html.touch .header_logo_part .logo:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; margin-left: -5px; } .site_header.logo-center .header_logo_part .logo img{ margin-left: auto; margin-right: auto; } .site_header .header_logo_part, .site_header .header_nav_part{ line-height: 1; } header.site_header.logo-center .container, header.site_header.logo-center .header-first-floor{ display: block; } .site_header.logo-center .header_logo_part{ text-align: center; } header.site_header.logo-center .header_nav_part:only-child{ padding-top: 12px; padding-bottom: 12px; } /* - \LOGOTYPE */ .site_header.after_slider:not(.logo-center) .header_box{ visibility: hidden; position: absolute; width: 100%; -webkit-transform: translate(0,-100%); -moz-transform: translate(0,-100%); -ms-transform: translate(0,-100%); transform: translate(0,-100%); } .site_header.after_slider.sticky .header_box{ visibility: visible; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .site_header.after_slider:not(.logo-center) .header_box{ -webkit-transition: all 0.5s ease, width 1ms; -moz-transition: all 0.5s ease, width 1ms; -ms-transition: all 0.5s ease, width 1ms; transition: all 0.5s ease, width 1ms; } .elements-pos .search_back_button, .header_nav_part.mobile_nav .search_back_button{ position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; width: 30px; text-align: center; cursor: pointer; } .elements-pos.toggle-right >*{ float:left; } #site_top_panel.show-search .search_back_button, .header_nav_part.mobile_nav.show-search .search_back_button{ opacity: 1 !important; z-index: 10; } #site_top_panel.show-search .search_back_button:before, .header_nav_part.mobile_nav.show-search .search_back_button:before{ font-family: FontAwesome; content: "\f00d"; font-size: 14px; position: absolute; top: 50%; margin-top: -10px; right: 0; width: 20px; line-height: 20px; height: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 8; } .toggle-right{ float:right; } .elements-pos{ font-size: 15px; } .toggle-left{ display: flex; position: relative; justify-content: flex-end; } #top_panel_links{ display: inline-block; } #top_panel_links .mini-cart{ margin-right: 0; } .top_panel_links_mobile .mini-cart{ margin-right: 0; font-size: 15px; } .header_nav_part .main-menu li.menu-item{ margin-right: 13px; list-style-type: none; padding-left: 0; } .header_nav_part .main-menu li.menu-item:before{ display: none; } .header_nav_part .main-menu .sub-menu li.menu-item{ position: relative; } .header_nav_part .main-menu .sub-menu li.menu-item:after{ content: ""; display: block; bottom: 0; left: 50%; position: absolute; margin-left: -15px; z-index: 1; width: 30px; height: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .header_nav_part .main-menu .sub-menu li.menu-item:hover:after{ -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 80px; margin-left: -40px; } .header_nav_part .main-menu .sub-menu li.menu-item{ text-align: center; } .header_nav_part .main-menu li.menu-item:last-child{ margin-right: 0; } .header_nav_part .main-menu li:before{ display: none; } .header_nav_part .main-menu:after{ clear:both; content: ""; height: 0; display: block; } .header_nav_part .main-menu li a:after,.main-nav-container > .main-menu > .menu-item.menu-item-has-children > a:after{ padding: 0 0 0 13px; content: "/\00a0" } .logo-in-menu .header_nav_part .main-menu li:last-child a:after{ display: none; } .logo-in-menu .header_nav_part .main-menu li.none-separator a:after,.logo-in-menu .main-nav-container > .main-menu > .menu-item.menu-item-has-children.none-separator > a:after{ content: ""; padding: 0; } .logo-in-menu .header_nav_part .main-nav-container .main-menu li.none-separator{ margin-right:0; } .logo-in-menu .header_nav_part .main-nav-container.none-logotype .main-menu li.menu-item{ margin-right: 13px; } .logo-in-menu .header_nav_part .main-nav-container.none-logotype .main-menu li.menu-item a:after, .logo-in-menu .main-nav-container.none-logotype > .main-menu > .menu-item.menu-item-has-children.none-separator > a:after { padding: 0 0 0 13px; content: "/\00a0"; } .header_nav_part .main-menu li:last-child a:after{ padding: 0; content: ""; } .header_nav_part .main-menu .header_logo_part a:after{ content: ""; display:none; } .header_nav_part .main-menu .header_logo_part{ display:block; } .none-sandwich-menu .header_nav_part .main-nav-container{ text-align: center; } .none-sandwich-menu .header_nav_part .main-nav-container.a-left{ text-align: left; } .none-sandwich-menu .header_nav_part .main-nav-container.a-right{ text-align: right; } .header_nav_part .main-menu{ display: inline-block; } .header_nav_part .main-menu li.menu-item,.header_nav_part .main-menu .header_logo_part{ display: inline-block; vertical-align: middle; } .main-nav-container .menu-item .sub-menu li{ width: 100%; display: block; } .main-nav-container .menu-item.current-menu-ancestor{ background: transparent !important; } .main-nav-container .menu-item .sub-menu li a:after{ content: ""; padding: 0; } .header_box .container{ display: flex; align-items: center; } .logo-right .header_box .container{ flex-direction: row-reverse; } /* - PAGE TITLE */ .body-cont > .page_title{ background: url(../img/bg_header.jpg) no-repeat 0 0; background-size: cover; } .page_title .title:before, .page_title .title h1{ display: inline-block; white-space: normal; vertical-align: middle; } .page_title .title h1{ color:#fff; font-weight: 100; font-size: 1.2em; line-height: 1; padding-top: 20px; } .page_title .bread-crumbs{ font-size: 1.0666667em; text-align: end; } .page_title .bread-crumbs > a, .page_title .bread-crumbs > a:hover, .page_title .bread-crumbs >span > a, .page_title .bread-crumbs >span > a:hover{ color: inherit; } /* -- PAGE TITLE CUSTOMIZED */ * + .page_title{ border-top-style: none; } .page_title{ background-color: transparent; padding: 0; text-align: center; } .bg_page_header{ text-align: center; } .page_title .container, .page_title .container, .bg_page_header .container{ display: block; } .page_title .container > *, .bg_page_header .container > *{ display: block; } .page_title .title:before, .bg_page_header .title:before{ display: none; } .page_title .title, .bg_page_header .title, .page_title .title{ font-size: 2em; } .page_title .title h1, .bg_page_header .title h1{ font-weight: 100; font-size: 1.2em; line-height: 1; color:#fff; padding-top:20px; } .page_title .bread-crumbs, .page_title .bread-crumbs, .bg_page_header .bread-crumbs{ display: inline-block; margin: 0 auto; padding: 5px 10px; border-radius: 5px; } .bg_page_header .page_title{ padding: 0; } .bg_page_header .page_title.custom_spacing{ padding: 0; } .page_title .container > * + *, .bg_page_header .container > * + *{ margin-top: 15px; } .page_title .container, .page_title .title, .page_title .bread-crumbs, .page_title .bread-crumbs .current, .bg_page_header .container, .bg_page_header .title, .bg_page_header .bread-crumbs, .page_title .bread-crumbs .current, .bg_page_header .bread-crumbs .current{ color: #fff; } .page_title .bread-crumbs a:hover, .bg_page_header .bread-crumbs a:hover{ text-decoration: underline; } .page_title .bread-crumbs i, .bg_page_header .bread-crumbs i{ font-family: inherit; } .page_title .bread-crumbs i:before, .bg_page_header .bread-crumbs i:before{ content: "\2215"; } .bg_page_header .bg_layer{ z-index: 2 !important; } .bg_page_header .container{ z-index: 3 !important; } .bg_page_header .bg_layer, .bg_page_header .stat_img_cont{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .page_title .title { text-align: center; padding-top: 45px; margin-bottom: 15px; } .error404 .page_title .title { display: none; } .page_title .bread-crumbs > *:after{ content: ' '; z-index: 1; width: 2px; height: 1px; background-color: #fff; display: inline-block; vertical-align: middle; margin: 0 8px 0 12px; } .page_title .bread-crumbs > *:last-child:after{ content: ""; display: none; } .page_title .bread-crumbs *:last-child{ margin-right: 0; } .page_title .bread-crumbs{ text-align: center; position: relative; z-index: 4; padding-top: 0; margin-top: 15px; } .page_title .bread-crumbs a{ color: #fff; } .page_title{ min-height: 85px; position: relative; border-bottom: 10px solid #fff; } .bread-crumbs:before, .bread-crumbs:after { content: ' '; z-index: 1; width: 75px; height: 1px; background-color: #fff; display: inline-block; vertical-align: middle; } .bread-crumbs:before{ margin-right: 20px; } .bread-crumbs:after{ margin-left: 20px; } .bread-crumbs *{ font-size: 16px; } /* -- \PAGE TITLE CUSTOMIZED */ /* - \PAGE TITLE */ /* - TOP PANEL */ #site_top_panel{ padding: 0; line-height: 55px; background-color: #f0f7f2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 400; } #site_top_panel ul li:before{ display: none; } #site_top_panel.top-header_hidden{ opacity: 0; } #site_top_panel .container{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; z-index: 3; } #site_top_panel .row_text_search{ flex-grow: 100; -webkit-flex-grow: 100; -moz-flex-grow: 100; } #top_panel_text, #top_panel_text a,.separate-search-icon{ color: inherit; font-size: 15px; } @media screen and ( max-width:479px ){ #site_top_panel .container>*:not(.site_top_panel_toggle){ width: 100%; text-align: center; } #site_top_panel #top_panel_links{ text-align: center; } } #site_top_panel .cws_social_links{ text-align: end; } #site_top_panel .cws_social_links .cws_social_link{ color: inherit; font-size: 14px; } #site_top_panel .cws_social_links .cws_social_link, #site_top_panel #top_social_links_wrapper .cws_social_links.expanded .cws_social_link, .copyrights_area .cws_social_links .cws_social_link{ background: transparent !important; border-color: inherit !important; } .copyrights_area .cws_social_links .cws_social_link:hover{ box-shadow: none !important; } #top_panel_text i{ margin-left: 1ex; margin-right: 0.5ex; } #top_panel_text a:hover{ text-decoration: underline; } #site_top_panel.active_social #top_panel_text{ opacity: 0.15; } #site_top_panel.active_social .lang_bar + .separate-search-icon{ opacity: 0; } #site_top_panel.active_social .lang_bar{ opacity: 0; } #top_panel_links,.top_panel_links_mobile{ text-align: right; white-space: nowrap; padding-left: 0; position: relative; z-index: 1; } #top_panel_links > *,.top_panel_links_mobile > *{ display: inline-block; vertical-align: middle; } #site_top_panel.active_social #top_panel_links{ opacity: 1; } #top_panel_text + #top_panel_links{ padding-left: 30px; } #top_social_links_wrapper { display: inline-block; } #top_social_links_wrapper:not(.toggle-on) .cws_social_links { display: inline-block; } #top_social_links_wrapper:not(.toggle-on) .social-btn-open { display: none !important; } #top_social_links_wrapper.toggle-on{ display: inline-block; position: relative; vertical-align: middle; font-size: 15px; z-index: 2; } #site_top_panel > .container > *:only-child{ width: 100%; } #top_social_links_wrapper .cws_social_links{ cursor: pointer; } #top_social_links_wrapper.toggle-on .cws_social_links{ visibility: hidden; white-space: nowrap; position: absolute; top: 50%; left: 100%; -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .elements-pos #top_social_links_wrapper.toggle-on .cws_social_links{ left:auto; right: 100%; margin-right: 15px; } .active_social #top_social_links_wrapper.toggle-on .cws_social_links { visibility: visible; } #top_social_links_wrapper.toggle-on .social-btn-open { margin-right: 0; cursor: pointer; } #top_social_links_wrapper.toggle-on .social-btn-open:before{ font-family: FontAwesome; content: "\f1e0"; position: relative; font-size: 1em; line-height: 25px; width: 25px; margin-right: 0; text-align: center; border-radius: 50%; z-index: 1; color:inherit; } #top_social_links_wrapper .cws_social_links .cws_social_link, #top_social_links_wrapper .cws_social_links:after{ display: inline-block; -moz-transform: translate3d(0,0,0); /* fix for 1px box-shadow in mozila */ } #site_top_panel .cws_social_links .cws_social_link:hover, #site_top_panel #top_social_links_wrapper.toggle-on .cws_social_links.expanded .cws_social_link:hover, #site_top_panel.mobile #top_social_links_wrapper .cws_social_links .cws_social_link:hover{ background-color: rgba(125,125,125,0.8); } #top_social_links_wrapper.toggle-on .cws_social_links .cws_social_link{ margin-right: -25px; color: transparent; } #top_social_links_wrapper.toggle-on .cws_social_links .cws_social_link + .cws_social_link{ margin-left: 0; } #top_social_links_wrapper.toggle-on .cws_social_links.expanded .cws_social_link{ margin-right: 0; color: inherit; } #top_social_links_wrapper.toggle-off .cws_social_links .cws_social_link + .cws_social_link, #top_social_links_wrapper.toggle-on .cws_social_links.expanded .cws_social_link + .cws_social_link, #top_social_links_wrapper.toggle-on .cws_social_links.expanded:after{ margin-left: 7px; } #top_social_links_wrapper.toggle-on .cws_social_links .cws_social_link{ background-color: transparent; } #site_top_panel #top_panel_text{ display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; float:left; } #site_top_panel.show-search #top_panel_text{ opacity: 0; } #top_social_links_wrapper.toggle-on .cws_social_links.expanded .cws_social_link{ -webkit-transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; -webkit-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -webkit-transition-timing-function: ease, ease, ease, step-start, easy; -webkit-transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; -webkit-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -webkit-transition-timing-function: ease, ease, ease, step-start, easy; transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-start, easy; -moz-transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; -moz-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -moz-transition-timing-function: ease, ease, ease, step-start, easy; -moz-transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; -moz-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -moz-transition-timing-function: ease, ease, ease, step-start, easy; transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-start, easy; -ms-transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; -ms-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -ms-transition-timing-function: ease, ease, ease, step-start, easy; -ms-transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; -ms-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -ms-transition-timing-function: ease, ease, ease, step-start, easy; transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-start, easy; transition-property: margin-right, margin-left, -webkit-transform, background-color , box-shadow; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-start, easy; } #top_social_links_wrapper.toggle-on .cws_social_links .cws_social_link{ -webkit-transition-property: margin-right, margin-left, -webkit-transform, background-color; -webkit-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; -webkit-transition-timing-function: ease, ease, ease, step-end; -webkit-transition-property: margin-right, margin-left, transform, background-color; -webkit-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; -webkit-transition-timing-function: ease, ease, ease, step-end; transition-property: margin-right, margin-left, -webkit-transform, background-color; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-end; -moz-transition-property: margin-right, margin-left, -moz-transform, background-color; -moz-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; -moz-transition-timing-function: ease, ease, ease, step-end; -moz-transition-property: margin-right, margin-left, transform, background-color; -moz-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; -moz-transition-timing-function: ease, ease, ease, step-end; transition-property: margin-right, margin-left, -moz-transform, background-color; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-end; -ms-transition-property: margin-right, margin-left, -ms-transform, background-color; -ms-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; -ms-transition-timing-function: ease, ease, ease, step-end; -ms-transition-property: margin-right, margin-left, transform, background-color; -ms-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s; -ms-transition-timing-function: ease, ease, ease, step-end; transition-property: margin-right, margin-left, -ms-transform, background-color, color; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-end, ease; transition-property: margin-right, margin-left, transform, background-color, color; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease, step-end, ease; } #top_panel_curtain{ position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-top: 12px; padding-bottom: 4px; width: 40px; height: 2px; cursor: pointer; display: none; z-index: 2; } #top_panel_curtain:before, #top_panel_curtain:after{ content: ""; display: block; position: absolute; bottom: 0; width: 50%; height: 2px; background-color: #e6e6e6; } #top_panel_curtain:before{ right: 50%; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); margin-right: -1px; } #top_panel_curtain:after{ left: 50%; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); margin-left: -1px; } #top_panel_curtain.hidden:before{ -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } #top_panel_curtain.hidden:after{ -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } #top_panel_curtain:before, #top_panel_curtain:after{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #site_top_panel .lang_bar, #site_top_panel .lang_bar{ display: inline-block; vertical-align: middle; font-size: 15px; } #site_top_panel .lang_bar ul ul{ box-shadow: none; } #site_top_panel .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ left: auto; right: auto; } #site_top_panel .lang_bar ul ul:before{ background: #f0f7f2; box-shadow: none; border-radius: 0 0 5px 5px; } #site_top_panel .lang_bar .wpml-ls-sub-menu li{ white-space: nowrap; } #site_top_panel .lang_bar .wpml-ls-sub-menu a{ display: block; padding-top: 7px; padding-bottom: 7px; box-sizing: border-box; width: calc(100% + 14px); } #site_top_panel .wpml-ls-legacy-list-horizontal{ padding: 0; } #site_top_panel .wpml-ls-legacy-list-horizontal li:last-child a{ padding-right: 0; padding-top: 0; padding-bottom: 0; } #site_top_panel .lang_bar .wpml-ls-sub-menu li{ display: block; } #site_top_panel .lang_bar .wpml-ls-sub-menu li:last-child a{ border-radius: 0 0 5px 5px; } #site_top_panel .lang_bar a{ color: inherit; } #site_top_panel.mobile #top_panel_curtain { display: block; } #site_top_panel.mobile #top_panel_links{ display: none; } #site_top_panel .lang_bar a{ display: inline-block; } #site_top_panel .lang_bar a #site_top_panel.mobile #top_panel_curtain{ display: block; } #site_top_panel #top_panel_links .search_icon,#site_top_panel .elements-pos.toggle-left .search_icon, .top_panel_links_mobile .search_icon{ display: inline-block; text-align: center; line-height: 25px; font-size: 15px; vertical-align: middle; position: relative; z-index: 1; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color:#c6c6c6; } .separate-search-icon{ margin: 0 15px; color: inherit; display: inline-block; } #site_top_panel .elements-pos.toggle-left .search_icon{ position: absolute; left:0; line-height: 55px; } .padding-left-search{ position: absolute; z-index: 667; margin-left: 45px; } #site_top_panel.active_social #top_panel_links .search_icon{ opacity: 1; } #site_top_panel #top_panel_links .search_icon:before,#site_top_panel .elements-pos.toggle-left .search_icon:before, .top_panel_links_mobile .search_icon:before { content: "\f002"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } #site_top_panel form.search-form .screen-reader-text, .header_nav_part form.search-form .screen-reader-text, #site_top_panel form.search-form .search-submit, .header_nav_part form.search-form .search-submit{ display: none; } #site_top_panel form.search-form,.header_nav_part.mobile_nav form.search-form{ position: absolute; z-index: 3; right: 0; width: 0; top: 0; opacity: 0; box-sizing:border-box; -webkit-transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); -moz-transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); -ms-transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); transition: all .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); } .header_nav_part.mobile_nav form.search-form{ top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_nav_part.mobile_nav .search_back_button:before{ top:50% !important; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute !important; } #site_top_panel.show-search form.search-form,.header_nav_part.mobile_nav.show-search form.search-form{ width: 100%; opacity: 1; max-width: calc(100% - 60px); margin-right: 60px; } #site_top_panel.show-search .row_text_search .elements-pos >*:not(.search-form), .header_nav_part.mobile_nav.show-search .row_text_search >*:not(.search-form){ opacity: 0; } #site_top_panel.show-search form.search-form label{ margin-bottom: 0; } @media screen and ( max-width:479px ){ #site_top_panel #top_panel_links{ text-align: center; } } #site_top_panel form.search-form .search-field, .header_nav_part.mobile_nav form.search-form .search-field { border-width: 0; border-radius: 0; padding: 4px 0; border-radius: 0; background: transparent; color:#777777; box-shadow: none; } #site_top_panel .row_text_search { position: relative; z-index: 1; } #site_top_panel .lang_bar .wpml-ls-legacy-dropdown ul ul{ opacity: 0; -webkit-transition: opacity 0.3s ease, left 0.3s step-end; -moz-transition: opacity 0.3s ease, left 0.3s step-end; -ms-transition: opacity 0.3s ease, left 0.3s step-end; transition: opacity 0.3s ease, left 0.3s step-end; } #site_top_panel .lang_bar .wpml-ls-legacy-dropdown ul:hover ul{ opacity: 1; } /* - \TOP PANEL */ /* \HEADER */ /* CONTENT-PAGE */ /* CAROUSEL */ .cws_sc_carousel .carousel_nav_panel{ float: right; } .cws_sc_carousel{ position: relative; } .cws_sc_carousel .owl-item > .gallery-item{ width: 100% !important; } .cws_sc_carousel > * + *, .cws_sc_carousel .owl-controls{ margin-top: 24px; } body.attachment .cws_img_navigation.carousel_nav_panel .next_section span:first-child, body.attachment .cws_img_navigation.carousel_nav_panel .prev_section span + span{ display: none; } body.attachment .cws_img_navigation.carousel_nav_panel .next_section, body.attachment .cws_img_navigation.carousel_nav_panel .prev_section{ overflow: visible; padding-bottom: 20px; } body.attachment .news .post_info_box .post_info_header{ margin-top: 25px; } .cws_img_navigation.carousel_nav_panel span{ vertical-align: middle; } .cws_img_navigation.carousel_nav_panel .prev_section{ float: left; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 56px; } .cws_img_navigation.carousel_nav_panel .next_section{ float: right; display: block; padding-top: 5px; padding-bottom: 5px; padding-right: 56px; } .cws_img_navigation.carousel_nav_panel{ padding-top: 20px; } .carousel_nav_panel .next { right: 20px; z-index: 55557; } .carousel_nav_panel .prev{ left: 20px; z-index: 55557; } .carousel_nav_panel .next { right: 20px; z-index: 55557; } .carousel_nav_panel .prev{ left: 20px; z-index: 55557; } .single.single-cws_portfolio main > .grid_row:not(.single-cws-related) .carousel_nav_panel .prev{ bottom: 0; top: 100%; margin-top: 20px; margin-left: -46px; left: 50%; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } .single.single-cws_portfolio main > .grid_row:not(.single-cws-related) .carousel_nav_panel .next{ bottom: 0; top: 100%; margin-top: 20px; margin-right: -46px; right: 50%; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } .cws_img_navigation.carousel_nav_panel .prev_section>a, .cws_img_navigation.carousel_nav_panel .next_section>a{ display: block; } .cws_img_navigation.carousel_nav_panel .prev_section .prev, .cws_img_navigation.carousel_nav_panel .next_section .next{ float: none; display: inline-block; } .cws_img_navigation{ clear: both; } .cws_img_navigation > div{ overflow: hidden; } .cws_img_navigation > div a{ position: relative; } .widget_carousel.owl-carousel.owl-theme .owl-controls{ position: absolute; right: 0; top:5px; margin-top: 28px; } /* Owl Carousel */ .owl-buttons div{ display: block; position: absolute; right: 0; font: 0/0 serif; text-shadow: none; color: transparent; } .owl-buttons .owl-prev{ right: 22px; } .owl-buttons .owl-prev:before{ content: "\f101"; font-family: Flaticon; font-size: 19px; line-height: 1; font-style: normal; display: inline-block; } .owl-buttons .owl-next:before{ content: "\f102"; font-family: Flaticon; font-size: 19px; line-height: 1; font-style: normal; display: inline-block; } .shortcode-carousel.cws_sc_carousel.bullets_nav .gallery.owl-carousel.owl-theme{ position: relative; /* padding-top: 37px; padding-bottom: 43px; */ padding-bottom: 15px; overflow: visible; } .gallery.owl-carousel.owl-theme .owl-controls { position: absolute; right: 0; left:0; top: auto; bottom: 2px; margin-top: 7px; margin-right: 5px; } .gallery.owl-carousel.owl-theme .owl-controls .owl-pagination{ margin:0; } .gallery.owl-carousel.owl-theme .owl-controls .owl-pagination span{ display: block; width: 8px; height: 8px; line-height: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; -moz-box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .gallery.owl-carousel.owl-theme .owl-controls .owl-pagination:hover{ cursor: pointer; } .gallery.owl-carousel.owl-theme .owl-controls .owl-pagination .active span{ -webkit-box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; -moz-box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; } .cws_sc_carousel_header + .cws_wrapper{ margin: 0; } .cws_sc_carousel_header .module_title{ text-align: left; } .cws_sc_carousel_header + .cws_wrapper.owl-carousel .owl-buttons .owl-prev:before, .cws_sc_carousel_header + .cws_wrapper.owl-carousel .owl-buttons .owl-next:before{ display: none; } .cws_sc_carousel .carousel_nav_panel{ margin-right: 11px; } .gallery.owl-carousel.owl-theme .owl-controls .owl-buttons{ top: 0; } /* \Carousel */ /* SOCIAL LINKS */ .cws_social_links .cws_social_link{ display: inline-block; font-size: 1.2em; line-height: 30px; padding: 0 .2em; text-align: center; border-radius: 50%; } .cws_social_links .cws_social_link:last-child{ padding-right: 0; } .cws_social_links .cws_social_link[class^="flaticon-"]:before, .cws_social_links .cws_social_link[class*=" flaticon-"]:before{ font-size: 0.85em; } .cws_social_links .cws_social_link + .cws_social_link{ margin-left: 18px; } /* \SOCIAL LINKS */ /* BLOG */ .news .item > .ce_title > div{ font-size: 22px; line-height: 1.9; } .news .item.boxed_style > .ce_title > div { font-size: 18px; } .news .item > .ce_title:after{ content: ''; display: block; width: 60px; margin: 2px auto 7px 0; border-bottom: 1px dashed #d9d9d9; overflow: hidden; } .news .item.boxed_style > .ce_title:after{ display: none; } .news .item.boxed_style >.date + .ce_title:after{ display: block; } .news.single .item > .ce_title:after{ margin: 14px auto 14px 0; } .news.single .item > .ce_title > div{ font-size: 0.75em; line-height: 1.2; } .news .post_info_part .post_info_header{ background: #fff; border-radius: 10px 10px 0 0; } .news .post_info_part .post_info_header:only-child, .news .post_info_part .post_info_header.rounded{ border-radius: 10px; } .news .post_info_box .post_info_header{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; line-height: 1; } .news .post_info_box .post_info_header .date{ -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .news .post_info_box .post_info_header .post_info{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .news .post_info_box .post_info_header .post_info .comments_link{ -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .news .post_info_box .date{ position: relative; margin-left: -10px; margin-right: -1px; margin-top: -10px; margin-bottom: -15px; padding: 12px 21px; font-size: 1.333em; color: #fff; box-shadow: 1px 1px 0 rgba(0,0,0,0.15); text-align: center; z-index: 2; } .news .post_info_box .date .first_word{ display: block; font-size: 1.6em; } .news .post_info_part .post_info{ padding-top: 0.333em; padding-bottom: 0.333em; } .news .post_info_part .post_info>*{ padding-top: 1em; padding-bottom: 1em; } .news .post_info_part .post_info>*{ margin-left: 15px; } .news .post_info_part .post_info .comments_link{ padding-left: 18px; padding-right: 18px; border-left: 1px solid #e7e7e7; } .news .post_info_part .post_info .comments_link a{ color: inherit; } .news .item .post_info{ margin-top: 0; font-size: 13px; line-height: 1.4; font-style: italic; } .news .item .post_info:after { content: ""; display: table; /* clear: both; */ } .news .item .post_info > *{ display: inline-block; } .news .item .post_info > *:last-child:after{ content: ''; margin: 0; border: 0; } .news .item .post_info > .info i{ margin-right: 5px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .news .item .post_info > .info span, .news .post_tags>a, .news .post_categories>a, .news .comments_link>a>span{ opacity: 0.7; vertical-align: baseline; } .post_tags.single-post { border-width: 1px 0 1px 0; border-style: dashed; border-color: #e6e6e6; margin-top: 30px !important; padding: 35px 0; } .post_tags.single-post span{ vertical-align: baseline; text-transform: uppercase; color: #404040; margin-right: 10px; } .post_tags.single-post:before { display: none; } .news .comments_link>a{ color: inherit; } .single-post .page_content > main .grid_row:first-child{ padding-top: 0; } .single-post .page_content > main .grid_row:last-child{ padding-bottom: 0; } .news .post_tags>a:hover, .news .post_categories>a:hover, .news .comments_link>a:hover span{ opacity: 1; color: inherit; } .page_content.double_sidebar .news .item.large .media_part{ float: none; margin: 0 auto; width: auto; display: flex; align-items: center; text-align: center; } .page_content.double_sidebar .news .item.large .post_info_part{ display: flex; } .news .media_part{ float: left; position: relative; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); -webkit-transform: rotate(0.000001deg); z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100%; padding-bottom: 1px; padding-top: 1px; } .news .medium .media_part{ margin-right: 30px; max-width: calc(100% - 30px); } .news .media_part.audio_post{ width: 100%; } .news .media_part.quoute_post{ padding: 0; } .news .media_part.video_post, .news .media_part.quoute_post{ width: 100%; } .pic, .news .media_part .pic img{ border-radius: inherit; } .news .media_part .pic img.blured-img{ position: absolute; top: 0; left: 0; width: 100%; opacity: 0; } .pic.blured:hover img.blured-img{ opacity: 1; } .media_part .pic img, .media_part iframe{ box-sizing: border-box; } .post-password-form label{ display: block; } .post-password-form input[type="submit"]{ margin-top: 5px; float: right; } .news.single .item .date.new_style .date-cont>span{ height: 40px; line-height: 40px; } .item .date.new_style .month:before{ top: 0; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .item .date.new_style:hover .month:before{ opacity: 0; } .item .date.new_style .springs:after{ left: auto; right: 7px; } .item .date.new_style:hover .month:before{ opacity: 1; } .item .date.new_style .month:after{ border: none; z-index: -2; background: rgba(255, 255, 255, 0); -webkit-box-shadow: 0px 1px 0px 1px rgb(255, 255, 255); -moz-box-shadow: 0px 1px 0px 1px rgb(255, 255, 255); box-shadow: 0px 1px 0px 1px rgb(255, 255, 255); } .item .date.new_style .date-cont:after{ background: transparent; } .item .date.new_style .date-cont{ border-radius: 0; } .news.single .item .date.new_style .date-cont>span{ min-width: 55px; } .item .date.new_style .date-cont>span.day{ font-size: 30px; } .item .date.new_style .springs:before, .item .date.new_style .springs:after{ display: none; } /* - FOR IE 9 */ .news .post_info_box .date, .news .post_info_box .post_info > *:not(.comments_link){ float: left\9; } .news .post_info_box .post_info .comments_link{ float: right\9; } .news .post_info_box .post_info:after, .news .post_info_box .post_info_header:after{ content: ""; display: none; clear: both; } .news .post_info_box .post_info:after, .news .post_info_box .post_info_header:after{ display: block\9; } /* - \FOR IE 9 */ .news.single .post_info_part.floated{ float: left; margin-right: 30px; } .news.single .post_info_part.floated + *{ margin-top: 0; } .news.single .item > .post_info_part.floated ~ .post_content + *{ overflow: hidden; } /* - HOVER EFFECT */ .pic{ overflow: hidden; position: relative; z-index: 1; } .pic canvas, .pic.blured img.blured-img{ -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .pic .links{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; font-size: 0; } .news.single .gallery_post_carousel .pic:hover .links a{ display: block !important; } .pic .links > *{ position: relative; display: block; color: #fff; width: 100%; height: 100%; border: 1px solid #ffffff; color: #ffffff; opacity: 0; } .pic .links > *:first-child{ left: -100%; } .pic .links > *:last-child{ right: -100%; } .pic .links > *:only-child{ left: auto; right: auto; } .pic:hover .links > *{ opacity: 1; } .pic:hover .links > *:first-child{ left: 0; } .pic:hover .links > *:last-child{ right: 0; } .pic:hover .links > *:only-child{ left: auto; right: auto; } .pic .links > *:hover{ color: #fff; } .pic canvas{ position: absolute; top: 0; left: 0; opacity: 0; } .pic:hover canvas.drawn{ opacity: 1; } /* - \HOVER EFFECT */ .news .more-link{ white-space: nowrap; padding: 0 3px; } .news .more-link{ color:#76c08a; } .news .more-link:hover{ background: transparent; color: inherit; } .news .button_cont{ text-align: right; } .news .post_tags>*, .news .post_categories>*{ vertical-align: middle; } .news .post_tags>i, .news .post_categories>i{ margin-right: 10px; } .news .post_tags .v_sep, .news .post_categories>.v_sep{ border: 0; padding: 0; margin: 0; } .news .post_tags .v_sep:before, .news .post_categories>.v_sep:before{ content: ', ' } .news .post_tags .v_sep{ display: none; } .news .media_part img, .pic img{ display: block; } .cws_oembed_wrapper + .no-break, .news .media_part .no-break{ display: none; } /* -- VIDEO */ .news .media_part .video .cws_oembed_wrapper{ display: block; padding: 0; background: transparent; border-style: none; border-radius: 0; position: relative; height: 0; padding-bottom: 56.25%; } .cws_oembed_wrapper iframe{ width: 100%; min-height: 300px; } .news .media_part .video iframe{ border-top-left-radius: 0; border-top-right-radius: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; } /* -- \VIDEO */ /* -- AUDIO */ .news .media_part .audio{ margin: 39px 24px 24px; } .news .media_part .pic + .audio{ position: absolute; top: auto; bottom: 0; margin-top: 24px; margin-left: 0; margin-right: 0; left: 24px; right: 24px; z-index: 1; } .mejs-container{ width: 90% !important; margin:0 auto; } .mejs-container:after{ content: ""; margin-top: -8px; padding-bottom: 15px; border: 1px solid #76c08a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; position: absolute; width: 100%; height: 100%; display: block; background: transparent; margin-left: -10px; padding-right: 20px; } /* -- \AUDIO */ /* -- LINK */ .news .media_part.only_link{ width: 100%; } .news .item.boxed_style .media_part.only_link .link{ border-radius: inherit; } .news .media_part .link{ font-size: 1.5em; font-style: italic; line-height: 1.2; text-align: center; } .news .media_part .pic.link_post > a{ display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .news .media_part .pic.link_post > a:before{ background-color: rgba(255, 255, 255, 0.9) !important; content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news .boxed_style .media_part .pic.link_post > a:before{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .news .media_part .pic.link_post .hover-effect{ opacity: 0.5; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; } .news .media_part .pic.link_post:hover .hover-effect{ opacity: 1; } .link_bg{ position: absolute; top: 0; bottom: 0; z-index: -1; left: 0; right: 0; z-index: -1; width: auto !important; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .news .media_part.link_post, .news .media_part .pic.link_post{ float:none; } .single-format-link .post_info_part{ float:none; } .news .media_part .pic.link_post > a{ padding: 90px 0; } .news .media_part .pic.link_post .link{ text-align: center; position: relative; } .pic.link_post a{ } .news .media_part > .link{ background: #FAFAFA; border: 1px solid #eff0f0; border-radius: 8px; word-break: break-all; } .news .media_part > .link >a{ padding: 34px 24px; width: 100%; display: block; box-sizing: border-box; } .news.news-small .media_part .pic.link_post .link{ font-size: 1.8em; } /* -- \LINK */ /* -- BLOG CAROUSEL */ .carousel_nav{ cursor: pointer; } .news .media_part .carousel_nav{ position: absolute; height: 100%; top: 0; z-index: 55555; } .news .media_part .carousel_nav>span{ position: absolute; width: 40px; height: 40px; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); display: inline-block; font:24px FontAwesome; line-height: 40px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; vertical-align: middle; color: #ffffff; background-color: #e3dbbf; -webkit-box-shadow: 0 0 0 4px #f7f5ef inset, 0 0 0 1px #76c08a; -moz-box-shadow: 0 0 0 4px #f7f5ef inset, 0 0 0 1px #76c08a; box-shadow: 0 0 0 4px #f7f5ef inset, 0 0 0 1px #76c08a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 36px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .news .media_part.gallery_post:hover .carousel_nav.prev>span{ margin-left: 18px; } .news .media_part.gallery_post:hover .carousel_nav.next>span{ margin-right: 18px; } .news .media_part.gallery_post .carousel_nav>span:hover{ color: #8fdba3; -webkit-box-shadow: 0 0 0 20px #ffffff inset, 0 0 0 1px #76c08a; -moz-box-shadow: 0 0 0 20px #ffffff inset, 0 0 0 1px #76c08a; box-shadow: 0 0 0 20px #ffffff inset, 0 0 0 1px #76c08a; cursor: pointer; background: transparent; } .news .media_part .carousel_nav.prev>span{ margin-left: -60px; } .news .media_part .carousel_nav.next>span{ margin-right: -60px; } .news .media_part .carousel_nav.prev>span:before{ content: "\f104"; } .news .media_part .carousel_nav.prev>span:before{ left: 0; } .news .media_part .carousel_nav.prev{ left: 0; } .news .media_part .carousel_nav.next{ right: 0; } .news .media_part .carousel_nav.next>span:before { content: "\f105"; } .news .media_part .carousel_nav.next>span{ right: 0; } /* -- \BLOG CAROUSEL */ /* -- QUOTE */ .news .media_part .testimonial{ padding: 30px 24px; /* border-radius: 8px; */ border: 1px solid #f2f2f2; position: relative; z-index: 2; background-color: rgba(255, 255, 255, 0.9); } .news .media_part .testimonial .quote { border: 0; } .news .media_part .testimonial_bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; width: auto !important; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .news .media_part > .testimonial .quote{ padding: 0; font-style: italic; background: transparent; } .news .media_part > .testimonial .quote:before, .news .media_part > .testimonial .quote:after{ display: none; } .news .media_part > .testimonial .quote + .author{ margin-top: 10px; font-size: 1em; } .testimonial .author{ max-width: 107px; float: none; margin: 0 auto; text-align: center; } .testimonial .author img{ display: inline-block; vertical-align: top; padding: 3px; border:2px solid #76c08a; border-radius: 50%; } .testimonial .author figcaption{ margin-left: 20px; font-size: 1.285em; display: inline-block; vertical-align: middle; color: inherit; line-height: 1.25; font-weight: 400; } .testimonial .author figcaption span{ font-size: 0.779em; } .testimonial .author img + figcaption{ padding-top: 3px; } .testimonial .quote{ position: relative; background: #ffffff; font:17px "TitilliumWeb-Italic" color:#7f7f7f; text-align: center; padding-top: 11px; padding-bottom: 6px; } .testimonial figcaption{ text-align: center; font-size:20px; font-weight: bold; font-style: italic; color:#76c08a; text-align: center; } .testimonial figcaption:before{ content: ""; width:23px; height: 2px; background: #76c08a; display: block; text-align: center; margin: 0 auto 7px; } .testimonial figcaption:after{ content: ""; width:49px; height: 18px; background: url(../img/bg_title_h.png) no-repeat 0 0; display: block; text-align: center; margin: 10px auto 0; } .testimonial .quote + .author{ margin-top: 20px; float: none; max-width: none; } .testimonial .quote .quote_link{ position: absolute; bottom: 0; right: 0; display: block; font-family: Flaticon; font-size: 20px; line-height: 46px; width: 46px; height: 46px; text-align: center; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .testimonial .quote.custom_colors .quote_link{ color: inherit; } .testimonial .quote .quote_link:before{ content: "\f133"; } .news .media_part > .testimonial .quote{ font-size: 1em; } .news .media_part > .testimonial .author figcaption{ padding-top: 5px; font-size: 1em; } .news .media_part > .testimonial.without_image .quote{ text-align: center; } .news .media_part > .testimonial.without_image .quote:before, .news .media_part > .testimonial:not(.without_image):before{ content: "\f11a"; font-family: cwsicon; border: 0; display: block; position: static; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); text-align: center; line-height: 1; font-size: 26px; font-style: normal; margin-bottom: 15px; } .news .media_part > .testimonial:not(.without_image):before{ margin-left: 125px; } .news .media_part > .testimonial .quote{ text-align: center; } .cws-widget .testimonial { display: flex; flex-direction: column-reverse; } .cws-widget .testimonial .author { margin: 0; } .cws-widget .testimonial .quote { padding-left: 30px; } .cws-widget .testimonial .quote + .author { margin-bottom: 20px; } .cws-widget .testimonial .quote:before { bottom: auto; top: -8px; left: 23px; transform: rotate(135deg); } .cws-widget .testimonial .quote:after { top: 8px; left: 10px; font-size: 14px; } .cws-widget .testimonial .author img { margin: 0; } .cws-widget .testimonial { padding-top: 10px; } /* -- \QUOTE */ /* -- PAGINATION */ .pagination{ text-align: center; position: relative; z-index: 1; overflow: hidden; margin: 20px auto 0; max-width: 1170px; } .pagination .page_links{ display: inline-block; } .pagination .page_links{ position: relative; display: inline-block; overflow: hidden; } .pagination .page_links:before{ content: ''; display: block; float:left; } .pagination .page_links:after{ left:0; } article .pagination .page_links>*{ display: inline-block; } .pagination .page_links>*{ margin-left: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; font-size: 22px; line-height:21px; font-weight: bold; } .pagination:not(.pagination_load_more):before, .pagination:not(.pagination_load_more):after{ content: ""; display: block; z-index: 4; height: 4px; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50%; left: 0; } .pagination:not(.pagination_load_more):after{ right:0; left:auto; } .pagination:not(.pagination_load_more) .page_links{ background: #fff; z-index: 34; vertical-align: middle; padding: 0 10px; } .pagination:not(.pagination_load_more) .page_links .page-numbers.current{ border-bottom: 2px solid #76c08a; } .pagination:not(.pagination_load_more) .page_links>*{ display: inline-block; } .pagination:not(.pagination_load_more) .page_links>*:first-child{ margin-left: 0; } .pagination:not(.pagination_load_more) .page_links .fa-angle-right:before, .pagination:not(.pagination_load_more) .page_links .fa-angle-left:before{ content: "\f102"; font-family: Flaticon; font-size: 19px; line-height: 1; font-style: normal; display: inline-block; } .pagination:not(.pagination_load_more) .page_links .fa-angle-left:before{ content: "\f101"; } .pagination:not(.pagination_load_more) .page_links>.next{ margin-left:10px; margin-right: 0; } .pagination .page_links>.prev, .pagination .page_links>.next{ display: inline-block; position: relative; z-index: 9999; margin-top:1px; margin-bottom:1px; } .pagination .page_links a:hover { cursor: pointer; } .pagination_load_more.pagination .page_links a:hover{ box-shadow: 0 0 0 1px #76c08a; background: transparent; } .pagination.pagination_load_more .prev.page-numbers{ display: none; } .cws_portfolio.massonry .pagination.pagination_load_more.separated{ border-top:0 !important; margin-top:0; } .pagination_load_more .page_links{ text-align: center; margin-top: 60px; } .pagination_load_more .page_links a{ width: auto; height: auto; border-radius: 3px; box-shadow: none; margin: 0; font-size:17px; font-weight: bold; padding: 5px 36px; } .portfolio_loader_wraper{ width: 100%; height: 100%; position: relative; background: rgba(255, 255, 255, 0.5); z-index: 100; display: none; } .portfolio_loader_wraper.btn_cws_load_more .portfolio_loader_container{ position: absolute; bottom: 0; left: 50%; top: auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); width: 150px; height: 150px; z-index: 10; } .news .portfolio_loader_container{ position: absolute; bottom: -100px; left: 50%; top: auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); width: 150px; height: 150px; z-index: 10; text-align: center; } .portfolio_loader_wraper.show_bottom .portfolio_loader_container{ bottom: 0; top:auto; } .portfolio_loader_container{ position: absolute; bottom: 0; left: 50%; top:190px; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); width: 150px; height: 150px; z-index: 10; text-align: center; } .pagination .page_links>.next{ margin-right:1px; margin-left:4px; } .pagination a{ cursor: pointer; } .pagination .page_links>span{ cursor: default; } .pagination .page_links .page-numbers.current, .pagination .page_links > span:not([class]){ position: relative; color: #fff; z-index: 1; } /* -- \PAGINATION */ /* -- LOAD MORE */ .cws_load_more{ display: table; margin-top: 50px; } /* -- \LOAD MORE */ /* -- NEWS LAYOUT */ .news .item > * + *{ margin-top: 15px; } .news.single .ce_title{ clear: both; padding-top: 25px; } .news.single .item > .ce_title:after{ display: none; } .news.single .item .post_info{ margin-top:0 !important; } .news.single .item .date.new_style .date-cont>span{ line-height: 24px; } .news .item > * + .button_cont { margin-top: 14px; } .news .item.boxed_style > * + *{ margin-top: 10px; } .news .item.unwrapped_date > * + *{ margin-left: 74px; } .news .item.unwrapped_date.boxed_style > * + *{ margin-left: 56px; } .news .item > .date + *, .news .item > .ce_title + *{ margin-top: 0; } .news .item > .ce_title + .post_content>p:first-child{ text-indent: 0; } .news.single .item > .post_content + *{ position: relative; padding-top: 25px; } .news.single .item > .post_content + .pagination{ padding-top:0; } .news.single .item > .post_content + *:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; } .news.single .item > .post_content + .pagination:before{ top:50%; } .news.news-medium .item > .post_info_part:first-child + *, .news.news-small .item > .post_info_part:first-child + *{ margin-top: 0; } .news.news-medium .post_info_part:not(.full_width){ width: 450px; } .news.news-small .post_info_part:not(.full_width){ width: 370px; margin-right: 30px; max-width: calc(100% - 30px); } .news .item.boxed_style{ box-sizing: border-box; background: #FFF; } .news .news_carousel .item.boxed_style{ margin-bottom: 10px; padding-bottom: 25px; } .news .grid.isotope .item.boxed_style{ margin-top: 100px; margin-bottom: -50px; padding-bottom: 25px; } .news .item.boxed_style .post_info_part{ position: relative; z-index: 1; } .news .item.boxed_style .post_info_part .date { position: absolute; z-index: 2; bottom: 0; left: 0; opacity: 1; visibility: visible; pointer-events: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news .item.boxed_style .post_info_part .date.new_style:before { opacity: 0.9; } .news .item.boxed_style .post_info_part:hover .date { opacity: 0; visibility: hidden; } .news .item.boxed_style .post_info_part:after{ content: ""; display: table; clear: both; } .news .item.boxed_style .media_part{ margin-bottom: 0; } /* -- \NEWS LAYOUT */ /* -- POST GRID */ .cws_portfolio_items.grid .item{ margin-right: 0; margin-left: 0; width:auto; } .module_title{ text-align: center; margin-bottom: 30px; } .fullwidth_items .cws_portfolio_items.grid .item{ margin-right: 5px; margin-left: 5px; } .cws_portfolio_items.grid.grid-3 .item{ margin-bottom: 0; max-width: 370px; display: inline-block; vertical-align: top; } .grid.owl-carousel { margin-top: 0; } .news .media_part .owl-wrapper-outer{ padding-bottom: 0; } .grid.owl-carousel .owl-wrapper-outer .owl-wrapper-outer { margin: 0; } .grid.isotope{ margin-bottom: 60px; } .grid.grid-2.isotope .item:first-child{ padding-top: 0; } .grid.isotope .item{ margin-right: 15px; margin-left: 15px; } .grid .item{ display: block; width: 1170px; float: left; margin-right: 0; margin-left: 0; border-top: 4px solid #e3dbbf; padding-bottom: 30px; padding-top: 30px; } .grid.isotope{ margin-left: -15px; margin-right: -15px; } .grid.grid-2 .item:nth-of-type(2){ border-top: 0 !important; padding-top: 0; } .grid.grid-3 .item:nth-child(1), .grid.grid-3 .item:nth-child(2), .grid.grid-3 .item:nth-child(3){ padding-top: 0; border-top: 0 !important; } .grid.isotope .ce_title, .grid.isotope .post_info{ text-align: center; } .grid.isotope.grid-1 .ce_title { text-align: left; margin-bottom: 10px; } .news .grid.isotope.grid-1 .item > .ce_title:after{ margin: 0; display: none; } .grid.isotope.grid-1 .post_info{ text-align: left; } .grid.isotope.grid-1 .item .button_cont { text-align: left; } .news-large .item.large > .ce_title:after{ margin:0 auto; } .grid.isotope .item .cws_button.icon-on.regular{ float:none; } .grid.isotope .item .button_cont{ text-align: center; } .news .grid.isotope .item .media_part{ margin-right: 0; max-width: 100%; width: 100%; box-sizing: border-box; } .news .grid.isotope .item > .ce_title:after{ margin: 0 auto; } .grid.isotope .ce_title:after,.news.news-large .item.large > .ce_title:after, .news .grid.isotope .item > .ce_title:after{ margin-bottom: 10px; } .news .grid.isotope .item .media_part > div{ width: 100%; max-width: 100%; box-sizing: border-box; } .news .grid.isotope .item .media_part > div{ } .news .grid.isotope .item .media_part > div.testimonial{ max-width: 100%; border:0; } .news .grid.isotope .item .media_part > div.cws_oembed_wrapper{ max-width: 100%; } .news .grid.isotope .item .media_part.gallery_post > div{ max-width: 100%; } .grid .item:first-child{ border-top:0 !important; padding-top: 0; } .news.news-large .item.large{ text-align: center; } .news.news-large .item.large .cws_button.icon-on.regular{ float:none; margin: 0 auto } .news.news-large .item.large .button_cont{ text-align: center; } .news.news-pinterest .grid.isotope article .post_info_part, .news.news-large .item.large .post_info_part { margin-bottom: 10px; width: 100%; } .news.news-pinterest .grid.grid-1.isotope article .post_info_part{ width: auto; float: none; display: inline-block; } .single .grid .item:last-child{ padding-bottom: 0; } .grid .owl-item .item { border: 0; padding-top: 0; margin-top: 0; margin-left: 0; margin-right: 30px; } .grid.owl-carousel .owl-item>.item, .page_content.single_sidebar .grid.owl-carousel .owl-item>.item, .page_content.double_sidebar .grid.owl-carousel .owl-item>.item{ width: auto; float: none; } .page_content.single_sidebar .grid .item{ width: 870px; } .page_content.double_sidebar .grid .item{ width: 370px; } .page_content.double_sidebar .news .grid .item{ width: 100%; } .grid.grid-2 .item{ width: 570px; } .grid.grid-2 .item, .grid.grid-3 .item, .grid.grid-4 .item{ overflow: hidden; } .cws_portfolio_items.portfolio-section .item{ overflow: visible; } .grid.grid-3 .twitter.widget{ max-width: 370px !important; } .grid.grid-2 .item .wp-caption, .grid.grid-3 .item .wp-caption, .grid.grid-4 .item .wp-caption{ width: inherit !important; } .page_content.single_sidebar .grid.grid-2 .item{ width: 370px; } .page_content.single_sidebar .news.news-pinterest .grid.grid-2 .item{ width: 420px; } .page_content.double_sidebar .grid.grid-2 .item{ width: 255px; } .page_content.double_sidebar .grid.grid-2 .item.sticky-posts{ width: 210px !important; } .grid.grid-3 .item{ width: 370px; } .page_content.single_sidebar .grid.grid-3 .item{ width: 270px; } .page_content.double_sidebar .grid.grid-3 .item{ width: 255px; } .cws_portfolio_items.grid-4 .item, .page_content.single_sidebar .grid-4 .item, .page_content.double_sidebar .grid-4 .item{ width: 270px; } .grid_row.fullwidth_items .grid .item{ width: auto; } .grid_row.fullwidth_items .cws-mode-circle[data-columns='1'] .item{ width: 100%; } .grid_row.fullwidth_items .cws-mode-circle[data-columns='2'] .item{ width: calc(50% - 20px); margin-left:0; margin-right: 0; } .grid_row.fullwidth_items .cws-mode-square[data-columns='2'] .item{ width: calc(50% - 20px); margin-left:0; margin-right: 0; } .grid_row.fullwidth_items .cws-mode-square .item > div{ display: inline-block; position: relative; padding-bottom: 30px; } .grid_row.fullwidth_items .cws-mode-square[data-columns='2'] .item > div{ width: 570px; } .grid_row.fullwidth_items .cws-mode-square[data-columns='3'] .item > div{ width: 370px; } .grid_row.fullwidth_items .cws-mode-square[data-columns='4'] .item > div{ width: 270px; } .grid_row.fullwidth_items .cws-mode-circle[data-columns='3'] .item{ width: calc(33% - 20px); margin-left:0; margin-right: 0; max-width: calc(33% - 20px); } .grid_row.fullwidth_items .cws-mode-square[data-columns='3'] .item{ width: calc(33% - 20px); margin-left:0; margin-right: 0; max-width: calc(33% - 20px); } .grid_row.fullwidth_items .cws-mode-circle[data-columns='4'] .item{ width: calc(25% - 30px); margin-left:0; margin-right: 0; max-width: calc(25% - 30px); } .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle{ width: 370px !important; height: 370px !important; } .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .pic_alt{ width: 370px !important; height: 370px !important; max-width: 370px !important; max-height: 370px !important; } .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .img{ width: 370px !important; height:370px !important; } .grid_row.fullwidth_items .cws-mode-circle.grid-4.cws_portfolio_items article .post_info{ padding-top: 95px; } .grid_row.fullwidth_items .cws-mode-square[data-columns='4'] .item{ width: calc(25% - 30px); margin-left:0; margin-right: 0; max-width: calc(25% - 30px); } .grid_row.fullwidth_items .cws_portfolio_items.grid{ margin-left:auto; margin-right:auto; } .page_content.single_sidebar .grid-4 .item { width: 236px; } .grid.grid-4.isotope .item{ width: 270px; } .grid.grid-4.isotope .item.sticky-posts{ width: 210px !important; } .grid.grid-4.isotope .item:nth-child(1), .grid.grid-4.isotope .item:nth-child(2), .grid.grid-4.isotope .item:nth-child(3), .grid.grid-4.isotope .item:nth-child(4){ border-top: 0 !important; padding-top: 0; } /* -- \POST GRID */ /* -- FULL WIDTH GRID */ .grid_fw { margin: 0 20px; } .grid_fw .item{ width: 100%; position: relative; z-index: 1; padding: 5px; box-sizing: border-box; } .grid_fw.col-2 .item{ width: 50%; } .grid_fw.col-3 .item{ width: 33.333333%; } .grid_fw.col-4 .item{ width: 25%; } .grid_fw.col-5 .item{ width: 20%; } .grid_fw.col-6 .item{ width: 16.666667%; } .grid_fw.portfolio_fw_carousel:not(.owl-carousel) .item{ float: left; } .grid_fw.portfolio_fw_carousel.owl-carousel .item{ width: 100%; } .media_part .pic a{ position: relative; } .media_part .pic a:hover:before{ background: #d30; content: ""; display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; background-color: rgba(118,192,138, 0.6); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .media_part.gallery_post .pic a:hover:before,.media_part.gallery_post .pic:hover:before{ display: none !important; } .grid.isotope .media_part.gallery_post .pic a:before{ margin: 9px !important; width: calc(100% - 18px) !important; height: calc(100% - 18px) !important; } .news.single .media_part .pic a:before{ margin: 8px; width: calc(100% - 18px); height: calc(100% - 18px); } .news.single .media_part .pic.link_post a:before{ margin:0; width: 100%; height: 100%; } .media_part.gallery_post .pic:hover:before{ margin: 9px; width: calc(100% - 18px); height: calc(100% - 18px); } /* -- \FULL WIDTH GRID */ .igrid_section{ float: left; } .igrid-container:after{ display: block; content: ""; height: 0; clear: both; } .igrid-container{ margin-right: -15px; margin-left: -15px; } .igrid_section .icols_wrapper{ padding-right: 15px; padding-left: 15px; } .igrid_section .igrid_content:empty:after{ content:"\00a0"; } .grid.grid-2 .item.sticky-posts{ width: 510px !important; margin-right: 15px !important; margin-left: 15px !important; } .page_content.single_sidebar .grid.grid-2 .item.sticky-posts{ width: 360px !important; } .page_content.single_sidebar .grid.grid-3 .item.sticky-posts{ width: 210px !important; } .page_content.double_sidebar .grid.grid-3 .item.sticky-posts{ width: 180px !important; } .grid.grid-3 .item.sticky-posts{ width: 310px !important; margin-right: 15px !important; margin-left: 15px !important; } .grid .owl-item .item.sticky-posts{ width: calc(100% - 90px) !important; margin-right: 15px !important; margin-left: 15px !important; } .sticky-posts{ background: #f0f7f2; padding: 30px !important; border-radius: 10px; width: calc(100% - 60px) !important; margin-bottom:30px !important; margin-right: 0px !important; margin-left: 0 !important; } .mobile_wrapper .grid .item{ overflow: hidden; } /* \BLOG */ /* PORTFOLIO */ .page_content.single_sidebar .cws_portfolio.massonry, .page_content.double_sidebar .cws_portfolio.massonry{ margin-top:0; } .cws_portfolio_items.portfolio-section.portfolio-grid .item{ border:0 !important; } .cws_portfolio_items.grid.grid-2, .cws_portfolio_items.grid.grid-3, .cws_portfolio_items.grid.grid-4{ margin-top: -30px; } .cws_portfolio_items.grid.grid-2 .item, .cws_portfolio_items.grid.grid-3 .item, .cws_portfolio_items.grid.grid-4 .item{ margin-top: 30px; border-top-style: none; padding-top: 0; } .cws_portfolio_items.grid[data-columns="1"] .item{ width: calc(100% - 30px); } .cws_portfolio_items.owl-carousel .owl-wrapper-outer { margin: 0; } .cws_portfolio_items .item > * + *{ margin-top: 8px; } .cws_portfolio_items .item > .media_part + *{ margin-top: 25px; } .cws_portfolio_items.grid-3 .item > .media_part + *, .cws_portfolio_items.grid-4 .item > .media_part + *{ margin-top: 15px; } .cws_portfolio_items .item .title_part, .style-offers-four .desc_part, .cws_portfolio_items .item .desc_part{ text-align: center; } .cws_portfolio_items .item .desc_part, .style-offers-four .desc_part{ font-size: 16px; } .cws_portfolio_items .item .title_part{ font-weight:bold; font-size: 1.5em; color:#ffffff; } .cws_portfolio_items .item .title_part{ z-index: 10; } .cws_portfolio.single .cws_portfolio_items .item .title_part{ font-size: 1em; text-align: left; } .cws_portfolio.single .cws_portfolio_items .item .ce_title + .desc_part{ margin-top: 0; } .cws_portfolio.single .desc_part{ color:rgb(119, 119, 119); width: 100%; } .cws_portfolio.single .square:before, .cws_portfolio.single .square:after{ display: none; } .cws_portfolio.single .cws_portfolio_items .item .ce_title:after{ content: ''; display: block; width: 30px; height: 2px; margin: 15px auto 15px 0; background: #f2f2f2; } .cws_portfolio_items .item .title_part a{ color: inherit; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; } .cws_portfolio_items .item .circle .title_part a:hover{ color:#fff; } .cws_portfolio > * + *, .cws_portfolio_fw > * + *{ margin-top: 35px; } .cws_portfolio_fw .grid_fw { margin-top: 30px; } .cws_portfolio > *[style*='display: none;'] + *, .cws_portfolio > *[style*='display:none;'] + *{ margin-top: auto; } .cws_portfolio.massonry .pagination.separated, .cws_portfolio_fw .pagination.separated{ margin-top: 50px; border-top-style: none; padding-top: 0; } .cws_portfolio_header{ display: table; width: 100%; padding: 0 15px; box-sizing: border-box; } .cws_portfolio_header .cws_portfolio_filter{ float: right; width: 200px; } .cws_portfolio_header .cws_portfolio_filter.fw_filter { font-size: 1.142em; float: none; width: auto; text-align: center; } .cws_portfolio_header .ce_title + .cws_portfolio_filter_container .cws_portfolio_filter { text-align: right; } .cws_portfolio_filter.fw_filter a { position: relative; display: inline-block; z-index: 1; color: inherit; text-transform: uppercase; padding: 2px 15px } .cws_portfolio_filter.fw_filter a{ font-size:18px; font-weight: bold; color:#76c08a; border-bottom: 1px solid; border-color: #76c08a; padding: 0; position: relative; margin-right: 45px; } .cws_portfolio_filter.fw_filter a:hover{ color:#ffca28; } .cws_portfolio_filter.fw_filter a:last-child{ margin-right: 0; } .cws_portfolio_filter.fw_filter a:last-child:after{ display: none; } .cws_portfolio_filter.fw_filter a:after{ content: ""; display: block; width: 26px; height: 9px; position: absolute; right: -35px; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/img-line-26.png) no-repeat 0 0; } .cws_portfolio_filter.fw_filter a.active{ border-bottom: 0; color: #ffca28; } .cws_portfolio_filter.fw_filter a.active:before { width: 100%; } .cws_portfolio_header .carousel_nav_panel{ width: 45px; padding-left: 15px; float: right; } .cws_portfolio_header>*{ display: table-cell; vertical-align: middle; } .cws_portfolio_items .img_cont{ position: relative; z-index: 0; } .cws_portfolio_items .pic .img_cont>img.blured-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; } .cws_portfolio_items .pic:hover .img_cont>img.blured-img{ opacity: 1; } /* - PORTFOLIO SINGLE */ .cws_portfolio.single .media_part .pic img{ width: auto; max-width: 100%; } .cws_portfolio.single .media_part .pic{ float: left; margin-right: 30px; margin-bottom: 20px; max-width: calc(100% - 30px); position: relative; } .cws_portfolio.single .cws_portfolio_items .item > * + *{ margin-top: 20px; } .cws_portfolio.single .cws_portfolio_items .item > * + .title { margin-top: 25px; } .cws_portfolio.single .cws_portfolio_items .item > * + .title h3:after{ content: ""; display: block; width: 25px; height: 2px; text-align: center; margin: 4px auto 0; background: #c7d5d3; } .cws_portfolio.single .cws_portfolio_items .item > .title + * { margin-top: 10px; } .cws_portfolio.single .cws_portfolio_items .item .desc_part{ text-align: start; } .cws_portfolio.single .media_part.floated{ float: left; margin-right: 30px } .cws_portfolio.single .cws_portfolio_items .item > .media_part.floated + *{ margin-top: 0; } /* -- PORTFOLIO SINGLE RELATED */ .cws_portfolio.single.related .carousel_nav_panel .prev, .cws_portfolio.single.related .carousel_nav_panel .next { cursor: pointer; width: 40px; height: 40px; line-height: 40px; border-width: 1px; border-style: solid; /* border-radius: 5px; */ font-size: 18px; font-family: FontAwesome; text-align: center; } .single-cws-related.grid_row{ margin-top:0; padding-top: 80px; } .single-cws-related.grid_row .grid.owl-carousel .owl-item>.item{ margin-right: 0; } .single-cws-related.grid_row .cws_portfolio{ padding-top: 20px; } .cws_portfolio.single.related .carousel_nav_panel .prev:hover, .cws_portfolio.single.related .carousel_nav_panel .next:hover{ } .cws_portfolio.single.related .carousel_nav_panel span{ float: none; display: inline-block; vertical-align: middle; } .cws_portfolio.single.related .carousel_nav_panel span.prev + span{ display: none; } .cws_portfolio.single.related .carousel_nav_panel .next_section span:first-child{ display: none; } .cws_portfolio.single.related .carousel_nav_panel .prev_section{ float: left; } .cws_portfolio.single.related .carousel_nav_panel .next_section{ float: right; } .cws_portfolio.single.related .item{ -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .cws_portfolio.single.related .cws_portfolio_items .img_cont img{ width: 100%; } .cws_portfolio.single.related .cws_portfolio_items .desc_part{ width: 100%; color:#777; } .cws_portfolio.single.related .square:before, .cws_portfolio.single.related .square:after{ display: none; } .single-cws-related .cws_portfolio_items .item{ float:left; width: auto; } /* -- \PORTFOLIO SINGLE RELATED */ /* - \PORTFOLIO SINGLE */ /* - PORTFOLIO FULL WIDTH */ .effect1 .pic_alt { position: relative; width: 370px; height: 370px; } .ih-item.circle.effect7.right_to_left .pic_alt:hover .info{ margin:0; } .pic_alt > *{ position: relative; } .pic_alt > img{ z-index: 1; } .pic_alt .item_content{ z-index: 3; } .pic_alt > img, .pic_alt > .img_cont > img{ display: block; width: 100%; height: auto; padding: 0; max-width: 100%; border: 0; } .pic_alt > .img_cont > img, .pic > .img_cont > img, .cws_portfolio_items .pic:hover .img_cont>img.blured-img, .cws-widget .portfolio_item_thumb .pic .blured-img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .pic_alt > .img_cont, .pic > .img_cont{ overflow: hidden; } .pic_alt canvas{ position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; } .pic_alt:hover canvas.drawn{ opacity: 1; } .cws_portfolio_fw .title, .cws_portfolio .title{ text-transform: uppercase; line-height: 1.3; } .cws_portfolio_fw .title, .cws_portfolio .title,.style-offers-four .title{ background: url(../img/bg_h1_portfolio.png) no-repeat center bottom; padding-bottom: 30px; } .cws_portfolio .desc_part,.style-offers-four .desc_part{ text-align: center; width: 80%; margin:0 auto; font-size:16px; color:#fff; } .cws_portfolio .effect10 .desc_part{ width: 60%; } .cws_portfolio .title{ width: 65%; text-align: center; margin:0 auto; } .cws_portfolio_fw .post_info > * + *, .cws_portfolio .post_info > * + *{ margin-top: 10px; } .cws_portfolio_fw .post_info_wrapper, .cws_portfolio .post_info_wrapper{ height: 100%; position: relative; z-index: 1; } .cws_portfolio_fw .links, .cws_portfolio .links{ padding: 26px 0 0px; position: relative; z-index: 1; text-align: right; display: none; } .cws_portfolio_fw .links a, .cws_portfolio .links a{ display: inline-block; text-align: center; margin: 0 5px; width: 38px; height: 38px; background: transparent; font-size: 16px; line-height: 38px; border-width: 1px; border-style: solid; } .cws_portfolio_fw .links a:hover, .cws_portfolio .links a:hover, .cws_portfolio_fw .alt-hover .links a, .cws_portfolio .alt-hover .links a, .cws_portfolio_fw .alt-hover .title, .alt-hover.cws_portfolio_items .item .desc_part{ color: #fff; } .cws_portfolio_fw .alt-hover .title a, .cws_portfolio_fw .alt-hover .cats a, .cws_portfolio_fw .alt-hover .cats, .cws_portfolio_items.alt-hover .item .title_part a{ color: #fff !important; } .cws_portfolio_fw .alt-hover .links a:hover, .cws_portfolio .alt-hover .links a:hover { border-color: #fff !important; background: rgba(255, 255, 255, 0.2); } .cws_portfolio_fw .links:only-child, .cws_portfolio .links:only-child{ padding: 0; margin: auto; } .cws_portfolio_fw .links:only-child:before, .cws_portfolio .links:only-child:before{ display: none; } .cws_portfolio_fw .pic_alt > .img_cont{ border-radius: 0; } .cws_portfolio_fw .pic_alt > .img_cont > .blured-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; } .cws_portfolio_fw .pic_alt:hover > .img_cont > .blured-img{ opacity: 1; } .site-main{ border-top-width: 4px; border-top-style: solid; position: relative; z-index: 0; } .forcefullwidth_wrapper_tp_banner + .site-main{ border-top: 0; } article .post_info{ margin-top:19px !important; } .single_sidebar .cws_portfolio_items article .post_info{ padding-top: 60px; } .cws_portfolio_items article .post_info{ margin-top:0 !important; padding-top: 95px; } .cws_portfolio_items article .square .post_info{ padding-top: 0; } .cws_portfolio_items article .square .post_info .title_part{ font-weight:bold; font-size: 22px; line-height:21px; color:#76c08a ; } .cws_portfolio_items article .square .post_info .desc_part{ font-size:16px; color:#9d9d9d; } .cws_portfolio .square .title{ background: none; padding: 0; } .cws_portfolio .square:after{ content: ""; display: block; width: 40px; height: 14px; margin:0 auto; text-align: center; position: absolute; bottom: 0; left:50%; padding: 0 6px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(../img/bg_title_h.png) no-repeat center 0 #fff; } .cws_portfolio .square:before{ content: ""; display: block; width: 100%; height: 2px; background: #8fdba3; position: absolute; bottom: 7px; } .cws_portfolio .square .img_cont.img a:before{ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; -webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; -moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; left: 0; } .cws_portfolio .square .img_cont.img a{ overflow: hidden; display: block; } .cws_portfolio .square:hover .img_cont.img a:before { background-color: rgba(118,192,138, 0.6); } .cws_portfolio .square:hover .img_cont.img img { -webkit-transform: scale(1.075); -moz-transform: scale(1.075); -o-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075); } .cws_portfolio .square .img_cont.img img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 0.7s ease; will-change: transform; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); display: block; } .cws_portfolio .img_cont.img img{ padding: 0; max-width: 100%; border: 0; } .cws_portfolio_items article .square .post_info .title_part:after{ content: ""; display: block; width: 25px; height:2px; text-align: center; margin:4px auto 0; background: #c7d5d3; } .cws_portfolio .square .item_content.info{ padding-top: 15px; } .cws_portfolio .square .img_cont.img{ border-radius: 10px; } .empty-circle{ display: block; width: 370px; height: 370px; } .post_info_part{ margin:0 auto; max-width: 100%; } .single-format-video .post_info_part{ float:none; } .post_info_part:after{ content: ""; clear:both; height:0; display: block; } .media_part .pic{ padding:9px; float:left; border:1px solid #c7d5d3; border-radius: 9px; margin-bottom: 5px; } .gallery_post_carousel .pic{ width: calc(100% - 20px); } .news .media_part.quoute_post,.news .media_part.video_post,.news .media_part .cws_oembed_wrapper{ padding:9px; float:left; border:1px solid #c7d5d3; border-radius: 9px; width: 100%; box-sizing: border-box; } .news .media_part .cws_oembed_wrapper{ width: 100%; } .news .media_part.video_post iframe, .news .media_part .cws_oembed_wrapper iframe, .news .media_part .cws_oembed_wrapper embed, .news .media_part.video_post embed{ border-radius: 0; } .news .media_part .testimonial_bg{ margin: 9px; } .media_part .pic img{ padding: 0; max-width: 100%; border: 0; } .media_part .pic img{ border-radius: 0 !important; } .post_info_part{ float:left; } .item .post_content.clearfix:after{ clear:none; } .grid.isotope:not(.grid-1) .item .post_content{ text-align: center; } .news{ padding: 0 15px; } .grid_col .cols_wrapper .news{ padding: 0; } .page_content.single_sidebar .news{ padding: 0 15px; } .media_part .pic a:before{ content: ""; } .media_part .pic:hover a:after{ opacity: 1; } .pic .links{ z-index: 2; } .media_part .pic img{ z-index: 0; } .news .item > .ce_title:after{ content: ''; display: block; overflow: hidden; width:26px; height: 11px; border-bottom: 0; margin-top:0; margin-bottom: 12px; background: url("../img/bg_title.png") no-repeat bottom left; } .news .item > .ce_title a{ font-weight:bold; } .news .item > .ce_title + .post_content>p{ } .post_info .info,.post_info .info *,.news .comments_link>a, .news .item .post_info > .info span, .news .post_tags>a, .news .post_categories>a, .news .comments_link>a>span{ opacity: 1; font-size:15px; color:#76c08a; } .news .item .post_info > *:after{ opacity: 1; } .item .date.new_style .date-cont{ font-size:15px; color:#76c08a; } .post_info .info:after,.date.new_style:after,.comments_link:after{ content: "/\00a0"; display: inline-block; padding: 0; margin-right: 2px; margin-left: 5px; font-style: normal; } .news .item .post_info > *:last-child:after{ content:'' !important; background: none !important; } .post_info .info,.date.new_style,.comments_link{ position: relative; font-size:15px; color:#76c08a; } .news .comments_link>a:before{ content: "\f0e5"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; margin-right: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* - \PORTFOLIO FULL WIDTH */ /* \PORTFOLIO */ /* OUR TEAM */ .cws_ourteam .desc p{ text-indent: 0; } .cws_ourteam > * + *{ margin-top: 20px; } .cws_ourteam > *[style*='display: none;'] + *, .cws_ourteam > *[style*='display:none;'] + *{ margin-top: auto; } .cws_ourteam .pagination.separated{ margin-top: 30px; border-top-style: none; padding-top: 0; } .cws_ourteam_items.grid .item{ margin-top: 30px; border-top-style: none; padding-top: 0; } .cws_ourteam_items.grid.grid-4 .item{ max-width: 270px; margin-right: 15px; margin-left: 15px; } .cws_ourteam_items.grid.isotope .item{ margin-left: 15px !important; margin-right: 15px !important; } .ourteam_item_wrapper, .cws_ourteam.single .media_part{ background: #f5f5f5; } .cws_ourteam.single .media_part{ padding: 0; background:transparent; border: none; } .ourteam_item_wrapper{ background: transparent; overflow: hidden; box-sizing: border-box; } .ourteam_item_wrapper .pic img{ border: 1px solid #eaeaea; } .ourteam_item_wrapper .img_cont{ border-radius: 50%; } .ourteam_item_wrapper .media_part .pic .img_cont img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% !important; border:3px solid #c7d5d3; padding: 10px; } .ourteam_item_wrapper .media_part .pic{ padding: 0 0 2px 0; float: none; border: none; border-radius: 0; } .cws_ourteam .pic .blured-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; } .cws_ourteam .pic:hover > .img_cont > .blured-img{ opacity: 1; } .cws_ourteam .pic > .img_cont{ position: relative; z-index: 0; margin-bottom: 30px; max-width: 270px; margin: 0 auto; } .ourteam_item_wrapper{ text-align: center; } .ourteam_item_wrapper .title{ font-size: 1.2em; } .cws_ourteam_items .title_wrap>*{ display: inline-block; vertical-align: middle; margin: 0; font-size: inherit; } .cws_ourteam:not(.single) .cws_ourteam_items .title_wrap>.title{ font-size: 1.28em; display: block; } .cws_ourteam:not(.single) .cws_ourteam_items .title_wrap>.positions{ font-size:15px; font-weight: bold; margin-top: 1px; } .cws_ourteam:not(.single) .cws_ourteam_items .title_wrap>.positions a{ color: #8fdba3; } .cws_ourteam:not(.single) .cws_ourteam_items .title_wrap>.positions a:hover:before{ display: none; } .cws_ourteam:not(.single) .cws_ourteam_items .title_wrap>.positions a:after{ content: ""; display: block; width: 40px; height: 14px; background: url(../img/bg_title_h.png) no-repeat 0 0; text-align: center; margin: 10px auto 0; } .cws_ourteam_items .desc{ font-size: 0.928em; line-height: 1.714285; } .cws_ourteam_items .title_wrap + .desc { margin-top: 20px; } .ourteam_item_wrapper > * + *{ margin-top: 10px; } .ourteam_item_wrapper .media_part + *{ margin-top: 15px; } .ourteam_item_wrapper > *:first-child:not(.media_part){ margin-top: 15px; } .ourteam_item_wrapper > *:last-child:not(.social_links):not(.media_part){ margin-bottom: 15px; /* 25 - 10 */ } .ourteam_item_wrapper .social_links{ position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; margin-top: 0; padding: 15px 10px; display: none; } .ourteam_item_wrapper .social_links a{ width: 25px; height: 25px; margin: auto 5px; font-size: 16px; line-height: 25px; color: #ffffff; opacity: 0.9; } .ourteam_item_wrapper .social_links a:hover{ opacity: 1; } .cws_ourteam.single .cws_ourteam_items .item > * + *, .cws_ourteam.single .media_part_wrapper > * + *{ margin-top: 0; } .cws_ourteam.single .media_part{ width: 370px; float: left; margin-right: 24px; } .cws_ourteam.single .media_part_wrapper{ float: left; margin-right: 24px; text-align: center; } .cws_ourteam.single .media_part_wrapper > *{ text-align: start; } .cws_ourteam.single .media_part_wrapper > .media_part{ float: none; margin-right: auto; } .cws_ourteam.single .media_part_wrapper + .title_wrap{ margin-top: 0; } .cws_ourteam.single .social_links{ text-align: center; margin: 20px 0; } .cws_ourteam.single .social_links a{ width: 25px; height: 25px; margin: auto 5px; font-size: 16px; line-height: 25px; color: #e6e6e6; border-radius: 50%; -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6; -moz-box-shadow: 0px 0px 0px 1px #e6e6e6; box-shadow: 0px 0px 0px 1px #e6e6e6; } .cws_ourteam.single .social_links a:hover{ color: #fff; } .cws_ourteam_header{ display: table; width: 100%; padding: 0 15px; box-sizing: border-box; } .cws_ourteam_header .ce_title{ width: 100%; } .cws_ourteam_header .cws_ourteam_filter{ float: right; width: 200px; } .cws_ourteam_header .carousel_nav_panel{ width: 45px; float: right; } .cws_ourteam_header>*{ display: table-cell; vertical-align: middle; } .cws_ourteam_items .ourteam_item_wrapper .ourteam_content + a{ font-size: 16px; font-weight: bold; line-height: 3px; color: rgb(255, 255, 255); position: relative; padding: 13px 36px; border-radius: 3px; margin-top:25px; display: inline-block; border-width: 0; border-style: solid; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .cws_ourteam_items .ourteam_item_wrapper .ourteam_content + a:hover{ cursor: pointer; background: transparent; } .cws_ourteam_items .ourteam_item_wrapper .ourteam_content + a:hover:before{ display: none; } .cws_ourteam_items.grid .item,.cws_ourteam_items .pagination{ border:none !important; } .cws_ourteam_items.grid .item .media_part{ overflow: hidden; } /* \OURTEAM */ /* BLOG SHORTCODE */ .news > * + *{ margin-top: 30px; } .news > * + .pagination.pagination_load_more{ margin-top: 0; } .news > * + .pagination.pagination_load_more .page_links{ margin-top:0; } .news > *[style*='display: none;'] + *, .news > *[style*='display:none;'] + *{ margin-top: auto; } .cws_blog_header{ display: table; width: 100%; } .cws_blog_header .ce_title{ width: 100%; padding-left: 15px; } .cws_blog_header .carousel_nav_panel{ float: right; padding-left: 15px; width: 58px; } .cws_blog_header>*{ display: table-cell; vertical-align: middle; } /* \BLOG SHORTCODE */ /* CAROUSEL */ .owl-item{ float: left; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-wrapper-outer{ cursor: move; overflow: hidden; z-index: 5555; position: relative; padding-bottom: 30px; } .page_footer .footer_container .owl-wrapper-outer{ padding-bottom: 30px; } .page_footer .footer_container .owl-carousel.owl-theme .owl-controls{ bottom: 2px; z-index: 5559; } .cws_sc_carousel .owl-carousel.owl-theme .owl-controls{ z-index: 5556; } .cws_ourteam_items.ourteam_carousel.owl-carousel.owl-theme .owl-controls{ z-index: 5556; } .cws-widget .owl-wrapper-outer{ padding-bottom: 0; } .owl-pagination{ font-size: 0; line-height: 11px; text-align: center; margin: 20px 0; } .owl-pagination .owl-page{ display: inline-block; vertical-align: middle; width: 9px; height: 9px; margin: 0 4px; border-radius: 50%; -webkit-box-shadow: 0px 0px 0px 1px #848d91; -moz-box-shadow: 0px 0px 0px 1px #848d91; box-shadow: 0px 0px 0px 1px #848d91; -moz-transform: translate3d(0,0,0); /* fix for 1px box-shadow in mozila */ } .owl-carousel.owl-theme .owl-controls { position: absolute; right: 0; left:0; top: auto; bottom: 2px; margin-top: 0; margin-right: 0; z-index: 1065; } .single-cws-related.grid_row .cws_portfolio_items .owl-controls{ z-index: 5556; padding-top: 30px; } .owl-carousel.owl-theme .owl-controls .owl-pagination{ margin:0; } .owl-carousel.owl-theme .owl-controls .owl-pagination span{ display: block; width: 8px; height: 8px; line-height: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; -moz-box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color: transparent; background: transparent; border: 0; } .owl-carousel.owl-theme .owl-controls .owl-pagination:hover{ cursor: pointer; } .owl-carousel.owl-theme .owl-controls .owl-pagination .active span{ -webkit-box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; -moz-box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; } .owl-pagination .owl-page.active{ background-color: transparent; } .carousel_nav_panel + div.ce_title{ margin-bottom: 0.67em; } .carousel_nav_panel_container{ white-space: nowrap; } .cws_sc_carousel:hover .carousel_nav_panel .prev{ opacity: 1; } .carousel_nav_panel .prev, .carousel_nav_panel .next{ cursor: pointer; display: block; position: absolute; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 32px; height: 32px; line-height: 32px; font-size: 18px; font-family: FontAwesome; text-align: center; background: #76c08a; display: inline-block; color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .cws_widget_carousel .carousel_nav_panel .prev, .cws_widget_carousel .carousel_nav_panel .next{ position: relative; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .cws_widget_carousel .carousel_nav_panel .next{ right: 0; } .cws_widget_carousel .carousel_nav_panel .prev{ left:0; } .carousel_nav_panel .prev:hover, .carousel_nav_panel .next:hover{ background: transparent; cursor: pointer; } .carousel_nav_panel span + span{ margin-left: 5px; } .carousel_nav_panel .prev:before{ content: "\f104"; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .carousel_nav_panel .next:before{ content: "\f105"; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cws_sc_carousel .owl-carousel{ margin-right: -30px; margin-left: 0; } .cws_sc_carousel .owl-item .item{ margin-right: 30px; } .owl-item > li.item{ padding-left: 0; } .owl-item > li.item:before{ display: none; } .owl-carousel.gallery .new-item-gallery{ text-align: center; } .new-item-gallery-item .gallery-item{ clear: both; } .new-item-gallery-item .gallery-item{ width: 100% !important; } /* \CAROUSEL */ /* FOOTER */ footer .footer_container .wpcf7-form-control.wpcf7-submit{ position: absolute; top: 0; right: 0; font-size: 16px; font-family: inherit; padding: 3px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #dfc449; border-color: transparent; height: auto; display: inline-block; color: #ffffff; border: 1px solid transparent; line-height: 1.375; text-decoration: none; letter-spacing: 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; margin-right: 0; margin-top:0; } footer .footer_container .wpcf7-form-control.wpcf7-submit:hover{ color:#fff !important; background-color: #dfc449 !important; } footer .footer_container form{ width: calc(100% - 60px); margin: auto; height: 31px; } footer .footer_container form input:not(.wpcf7-submit){ height: 30px; padding-left: 8px; padding-right: 65px; padding-top: 5px; padding-bottom: 5px; font-size: 15px; text-transform: none; -webkit-appearance: none; display: inline-block; vertical-align: middle; background-color: #808778 !important; border: 1px solid #dfc449 !important; width: 100%; color: #ffffff !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } footer .cws-widget .search-form label:before{ line-height: 30px; } footer .footer_container form input:not(.wpcf7-submit)::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease; color:#e1e1e1;} footer .footer_container form input:not(.wpcf7-submit)::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease; color:#e1e1e1;} footer .footer_container form input:not(.wpcf7-submit):-moz-placeholder {opacity: 1; transition: opacity 0.3s ease; color:#e1e1e1;} footer .footer_container form input:not(.wpcf7-submit):-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease; color:#e1e1e1;} footer .footer_container form input:not(.wpcf7-submit):focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease; color:#e1e1e1;} footer .footer_container form input:not(.wpcf7-submit):focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease; color:#e1e1e1;} footer .footer_container form input:not(.wpcf7-submit):focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease; color:#e1e1e1;} footer .footer_container form input:not(.wpcf7-submit):focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease; color:#e1e1e1;} .footer_container .cws-widget #wp-calendar tfoot{ font-size: inherit; } .benefits_area input[size], .benefits_area textarea[rows], .benefits_area textarea[cols], .footer_container input[size], .footer_container textarea[rows], .footer_container textarea[cols]{ width: 100%; } .page_footer.footer-columns-one .footer_container .cws-widget{ width: calc(100% - 60px); } .page_footer.footer-columns-two .footer_container .cws-widget{ width: calc(50% - 60px); } .page_footer.footer-columns-three .footer_container .cws-widget{ width: calc(33% - 60px); } .page_footer .footer_container .cws-widget{ width: calc(33% - 60px); } .page_footer.footer-columns-four .footer_container .cws-widget{ width: calc(25% - 60px); } .page_footer{ position: relative; z-index: 1; background: #1a1a1a; padding: 48px 0 0 0; margin-top: 50px; } .page_footer:after{ position: absolute; background: url(../img/hemp.png) no-repeat 0 0; background-size: contain; content: ""; height: 63px; width: 103px; display: block; top:-49px; left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .page_footer a:hover{ color: inherit; } .page_footer .footer-pattern { position: absolute; z-index: 1; background-repeat: repeat; top: 0; bottom: 0; left: 0; right: 0; } .page_footer .container { z-index: 2; } .footer_container{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -50px 0 0; padding-bottom: 80px; color: inherit; } .footer_container .cws-widget{ padding: 0; width: 100%; margin: 80px 30px 0; font-weight: 400; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; overflow: hidden; padding-top: 5px; } /* .footer_container .cws-widget:first-child,.footer_container .cws-widget:last-child{ margin:80px 0 0; } */ .footer_container .portfolio_item_thumbs.clearfix{ text-align: left; } .footer_container .cws-widget > *:not(:first-child):not(:empty), .footer_container .cws-widget .widget_carousel .item > * + *{ margin-top: 0; } .footer_container .cws-widget .widget_carousel .owl-controls, .footer_container .cws-widget .tweets_carousel .owl-controls{ margin-top: 15px; } .footer_container .cws-widget > *:not(.widget-title):not(:empty):not(.widget_carousel), .footer_container .cws-widget .widget_carousel .item > *{ background: transparent; border-radius: 0; font-weight: 300; } .footer_container .cws_textwidget_content > *, .footer_container .cws-widget .post_item .post_preview, .footer_container .cws-widget .post_item .post_date{ padding: 0; } .footer_container .cws-widget form.wpcf7-form>p { position: relative; z-index: 1; } .footer_container .cws-widget .wpcf7-form-control-wrap.your-email + input[type="submit"] { position: absolute; z-index: 2; top: 0; right: 0; } .footer_container .cws-widget .wpcf7-form-control.wpcf7-email { background: transparent; border-color: #4d4d4d; color: inherit; } .footer_container .cws-widget .gallery .gallery-item , aside .cws-widget .gallery .gallery-item{ margin-top: 10px !important; padding: 0 5px; line-height: 0; } .footer_container .cws-widget .gallery[class*='galleryid-'], aside .cws-widget .gallery[class*='galleryid-']{ margin-left: -5px !important; margin-right: -5px !important; margin-top: -6px !important; } .footer_container .cws-widget .wpcf7{ text-align: start; margin-top: 15px; } .footer_container .cws-widget .post_item .post_title{ font-size: 1.14285em; } .footer_container .cws-widget .post_item .post_title a{ color: rgba(255,255,255,0.6); } .footer_container .cws_textwidget_content .text:not(only-child){ padding-bottom: 15px; } .footer_container .cws_textwidget_content .text + .link{ position: relative; border-top-style: none; padding-top: 16px; } .footer_container .cws_textwidget_content .text + .link:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: -ms-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); background: -moz-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); background: -webkit-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); background: linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); } .footer_container .select2-container{ text-align: center; } .footer_container ul li{ text-align: center; padding-left: 0; padding-right: 0; } .footer_container .cws-widget ul li:before{ position: static; content: "\f103"; font-family: "Flaticon"; display: inline-block; font-size: 1em; box-shadow: none; color: #76c08a; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); background: transparent; transform: translateY(0px); box-shadow: none; border: 0; width: auto; height: auto; margin-left: 1px; font-size: 8px; box-shadow: none; background: transparent; border: 0; } .footer_container .cws-widget .recentcomments:before{ position: static; content: "\f075"; font-family: FontAwesome; display: inline-block; font-size: 1em; box-shadow: none; color: #76c08a; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); background: transparent; transform: translateY(0px); box-shadow: none; border: 0; width: auto; height: auto; } .footer_container .cws-widget ul li{ padding-left: 0; } .footer_container .cws-widget > .menu-all-pages-container > ul > li:first-child, .footer_container .cws-widget > ul > li:first-child{ margin-top: -10px; } .footer_container .cws-widget > .menu-all-pages-container > ul > li:last-child, .footer_container .cws-widget > ul > li:last-child{ margin-bottom: -10px; } .footer_container hr{ margin: 11px auto; background: -ms-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); background: -moz-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); background: -webkit-linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); background: linear-gradient(left, #ededed 0%, #d7d7d7 50%, #ededed 100%); } .footer_container .cws-widget .tagcloud a{ margin-left: 2px; margin-right: 3px; } .footer_container .cws-widget #wp-calendar tbody, .footer_container .cws-widget #wp-calendar thead{ font-size: inherit; } .footer_container .cws-widget #wp-calendar thead{ font-weight: inherit; } .footer_container .cws-widget #wp-calendar td{ line-height: 2.38461538; } .footer_container .cws-widget > .portfolio_item_thumbs{ padding-left: 11px; padding-right: 11px; text-align: center; } .footer_container .cws-widget .portfolio_item_thumb{ margin-left: 2px; margin-right: 2px; margin-top: 7px; } .footer_container .cws-widget .widget_carousel{ margin-left: auto; width: 100%; } .footer_container .cws-widget > .widget_carousel{ margin-left: 0; } .footer_container .cws-widget .widget_carousel .owl-wrapper-outer{ margin-left: 0; position: relative; z-index: 55; } .footer_container .cws-widget .post_item{ line-height: 1.38461538em; text-align: start; } .footer_container .cws-widget .post_item .post_preview{ font-size: inherit; line-height: inherit; } .footer_container .cws-widget .post_item .post_preview > *:not(.post_thumb) + *{ margin-top: 4px; } .footer_container .cws-widget .post_item .post_date{ font-size: 0.928em; line-height: 1.63636363; border-top-style: none; } .footer_container .cws-widget .post_item + .post_item:before{ content: ""; display: block; margin: 15px auto; } .footer_container .cws-widget .post_item .post_content{ font-size: 1em; line-height: 1.4; } .footer_container .cws-widget .cws_tweet{ background: transparent; border-radius: 0; } aside .cws-widget .cws_tweet:before, .page_footer .cws-widget .cws_tweet:before { content: "\f099"; display: inline-block; font: normal normal normal 24px/1 FontAwesome; /* font-size: inherit; */ text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #76c08a; background: transparent; width: auto; height: auto; top: 1px; left: 0; } aside .cws-widget .cws_tweet, .page_footer .cws-widget .cws_tweet{ padding-left: 27px; text-align: left; margin-bottom: 25px; } aside .cws-widget .cws_tweet.align-content-center, .page_footer .cws-widget .cws_tweet.align-content-center{ padding-left: 0; padding-right: 0; padding-top: 27px; } aside .cws-widget .cws_tweet.align-content-right, .page_footer .cws-widget .cws_tweet.align-content-right{ padding-left: 0; padding-right: 27px; } aside .cws-widget .cws_tweet .tweet_content, .page_footer .cws-widget .cws_tweet .tweet_content{ position: relative; padding-bottom: 6px; } aside .cws-widget .cws_tweet .tweet_content:after, .page_footer .cws-widget .cws_tweet .tweet_content:after{ content:''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 25px; height: 2px; background-color: #dfc449; } .cws_tweet.align-content-right{ padding-left: 0; padding-right: 27px; } .cws_tweet.align-content-center{ padding-left: 0; padding-right: 0; padding-top: 27px; } aside .cws-widget .cws_tweet.align-content-center:before, .page_footer .cws-widget .cws_tweet.align-content-center:before{ left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } aside .cws-widget .cws_tweet.align-content-right:before, .page_footer .cws-widget .cws_tweet.align-content-right:before{ content: "\f099"; display: inline-block; font: normal normal normal 24px/1 FontAwesome; /* font-size: inherit; */ text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #76c08a; background: transparent; width: auto; height: auto; top: 1px; left: auto; right: 0; } aside .cws-widget .cws_tweet.align-content-center .tweet_content:after, .page_footer .cws-widget .cws_tweet.align-content-center .tweet_content:after{ left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } aside .cws-widget .cws_tweet.align-content-right .tweet_content:after, .page_footer .cws-widget .cws_tweet.align-content-right .tweet_content:after{ right: 0; left:auto; } .footer_container .cws-widget .cws_tweet > *{ padding: 0; } .footer_container .cws-widget .cws_tweet > * + *{ margin-top: 10px; } .footer_container .cws-widget .cws_tweet .tweet_content + .tweet_date{ border-top-style: none; } .footer_container .cws-widget .cws_tweet .tweet_content{ font-size: inherit; line-height: inherit; } .footer_container .cws-widget .cws_tweet .tweet_date{ font-size: 0.846em; line-height: 1.63636363; } .footer_container .cws-widget .cws_tweet + .cws_tweet{ margin-top: 0; } .footer_container .cws-widget #wp-calendar thead:after, .footer_container .cws-widget #wp-calendar tfoot:before{ background-color: #d8d8d8; } .footer_container .cws-widget .widget-title{ text-align: center; } .footer_container .cws-widget .widget-title:after{ content: ''; display: block; overflow: hidden; width: 40px; height: 14px; margin: 19px auto 23px; background: url("../img/bg_title_footer.png") no-repeat 0 0; } .footer_container{ text-align: center; } footer .footer_container .textwidget h1, footer .footer_container .textwidget h2, footer .footer_container .textwidget h3, footer .footer_container .textwidget h4, footer .footer_container .textwidget h5, footer .footer_container .textwidget h6{ font-size:18px; text-transform: uppercase; } .footer_container .cws-widget .post_item .post_content{ color:#fff; } .footer_container .cws-widget .gallery .gallery-item a, aside .cws-widget .gallery .gallery-item a{ position: relative; } .footer_container .cws-widget .gallery .gallery-item a img, aside .cws-widget .gallery .gallery-item a img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .footer_container .cws-widget .gallery .gallery-item a,aside .cws-widget .gallery .gallery-item a{ border: 1px solid #76c08a !important; padding: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .footer_container .cws-widget .gallery .gallery-item a:before, aside .cws-widget .gallery .gallery-item a:before{ content: ""; } .footer_container .portfolio_item_thumbs .pic a{ position: relative; } .footer_container .portfolio_item_thumbs .pic a img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .footer_container .portfolio_item_thumbs .pic a:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 7px rgba(255,255,255, 0.6) inset; -moz-box-shadow: 0 0 0 7px rgba(255,255,255, 0.6) inset; box-shadow: 0 0 0 7px rgba(255,255,255, 0.6) inset; opacity: 1; } .footer_container .cws-widget .pic{ position: relative; } .footer_container .widget_title_box{ display: block; width: auto; margin-left: -24px; margin-right: -24px; } .footer_container .widget_title_box > *{ display: block; vertical-align: baseline; } .footer_container .widget_title_icon_section{ position: relative; float: left; height: 1em; width: 70px; } .footer_container .widget_title_icon_section + .widget_title_text_section{ margin-left: 70px; text-align: start; } .footer_container .widget_title_icon_section + .widget_title_text_section{ padding-left: 0; padding-right: 24px; } .footer_container .widget_title_icon_section > *{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .page_footer:before{ content:''; background: #fff; height: 6px; display: block; width: 100%; position: absolute; top:0; opacity: .4; } .page_footer{ background: #556359; color:#ffffff; } .footer-copy { float: left; font-size: 16px; font-weight: 300; } .footer-copy span { color: #848f87; } /* \FOOTER */ /* COPYRIGHTS AREA */ .copyrights_area{ padding: 23px 0; background: #333333; position: relative; z-index: 1; } .copyrights_area .copyrights{ color: inherit; } .copyrights_area{ background: #cabc88; text-align: center; padding: 0; } .copyrights_area:after{ display: block; clear: both; content: ""; height: 0; } .copyrights_area .copyrights{ line-height: 60px; text-align: left; font-weight: 300; font-size: 16px; } .copyrights_container{ display: table; table-layout: fixed; width: 100%; } .copyrights_container > *{ display: table-cell; } .copyrights_panel{ position: relative; } .copyrights_panel_wrapper{ position: absolute; max-width: 100%; top: 50%; right: 0; -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .copyrights_panel_wrapper .lang_bar li:before{ display: none; } .copyrights_panel_wrapper > *{ display: inline-block; vertical-align: middle; } .copyrights_panel_wrapper > * + *{ margin-left: 15px; padding-left: 15px; border-left: 1px solid #d2d2d2; border-color: inherit; } .copyrights_area .cws_social_links .cws_social_link{ background: rgba(125,125,125,0.8); color: inherit; transition-property: all; transition-duration: 0.6s; } .lang_bar .lang_sel_list_horizontal li{ display: table-cell; padding-left: 2px; } .lang_bar .lang_sel_list_horizontal>ul{ display: table; } .lang_bar .lang_sel_list_horizontal>ul>li{ padding-right: 10px; } .lang_bar .lang_sel_list_horizontal>ul>li:last-child{ padding-right: 0; } .lang_bar .wpml-ls-statics-shortcode_actions{ width: auto; } .lang_bar>div>ul{ padding: 0; position: relative; z-index: 1; } .lang_bar>div.lang_sel_list_vertical>ul, .lang_bar>div.lang_sel_list_horizontal>ul{ padding: 0 0 0 10px; } .lang_bar{ font-size: 0.7894em; } .copyrights_area .lang_bar ul ul{ position: absolute; z-index: 1; width: 100%; bottom: calc(100% - 1px); left: -999999px; display: table; padding: 10px; padding-bottom: 0; padding: 8px 10px; border-radius: 5px; -webkit-transition: opacity 0.3s ease, left 0.3s step-end; -moz-transition: opacity 0.3s ease, left 0.3s step-end; -ms-transition: opacity 0.3s ease, left 0.3s step-end; transition: opacity 0.3s ease, left 0.3s step-end; border-width: 1px; border-style: solid; } .copyrights_area .lang_bar ul li ul a{ padding: 7px 0 7px 7px; } .copyrights_area .lang_bar ul ul.wpml-ls-sub-menu{ padding: 0; } .copyrights_area .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ bottom: 100%; } .copyrights_area .wpml_language_switch li:before{ display: none; } .copyrights_area .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ left: auto; right: auto; margin-left: -1px; white-space: nowrap; } .copyrights_area .wpml-ls-legacy-dropdown a,.copyrights_area .wpml-ls-legacy-dropdown ul{ border:0; } .copyrights_area .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{ display: block; padding: 7px 10px; box-sizing: border-box; text-align: left; width: calc(100% + 20px); } .copyrights_area .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:first-child a{ border-radius: 5px 5px 0 0; } .copyrights_area .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ border-radius: 5px 5px 0 0; } .copyrights_area .lang_bar ul ul li{ text-align: left; } .lang_bar ul ul li{ padding-left: 0; } .copyrights_area .lang_bar ul:hover ul{ left: 0; opacity: 1; -webkit-transition: opacity 0.3s ease, left 0.3s step-start; -moz-transition: opacity 0.3s ease, left 0.3s step-start; -ms-transition: opacity 0.3s ease, left 0.3s step-start; transition: opacity 0.3s ease, left 0.3s step-start; } .copyrights_area .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{ top:auto; } .copyrights_area .lang_bar ul:hover .wpml-ls-sub-menu{ visibility: visible !important; } .lang_bar ul ul .iclflag{ padding-right: 0.25em; } .lang_bar li:before{ display: none; } .lang_bar li{ padding: 0; } .lang_bar li .iclflag{ display: inline-block; } .lang_bar ul li a{ position: relative; font-size: 15px; } .lang_bar ul li{ line-height: inherit; display: table-row; } .lang_bar ul li ul li{ line-height: 1.5; } .copyrights_panel .lang_bar ul li a{ padding: 7px 7px 7px 0; } .copyrights_panel .lang_bar .wpml-ls-statics-shortcode_actions:not(.wpml-ls-legacy-list-horizontal) ul li a{ color: inherit; } .copyrights_panel .lang_bar{ padding-left: 15px; } .copyrights_area .wpml_language_switch > div{ border-width: 1px; border-style: solid; margin-bottom: 0; } .wpml_language_switch.wpml-legacy-horizontal-list ul li{ float: left; } .wpml_language_switch.wpml-legacy-horizontal-list ul{ overflow: hidden; padding: 0 15px; } .wpml_language_switch.wpml-legacy-horizontal-list ul li{ padding-left: 0; } .wpml_language_switch.wpml-legacy-horizontal-list ul li:last-child{ margin-right: 0; } .wpml_language_switch.wpml-legacy-horizontal-list ul li:before{ display: none; } .wpml_language_switch.wpml-legacy-horizontal-list ul li a{ color:inherit; } .copyrights_area .wpml-ls-legacy-dropdown{ width: auto; } .copyrights_area .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ top:auto; } .copyrights_area .lang_bar>div:not(.lang_sel_list_vertical):not(.lang_sel_list_horizontal)>ul:before{ display: none; } .copyrights_area .lang_bar>div>ul{ padding: 0; } .copyrights_area .lang_bar>div>ul li{ text-align: left; } .copyrights_area .wpml-ls-statics-shortcode_actions a{ border-color: transparent; } .wpml_language_switch.wpml-legacy-vertical-list .wpml-ls-current-language>a{ /* padding-right: 35px; */ } .wpml_language_switch.wpml-legacy-vertical-list .wpml-ls-legacy-list-horizontal a{ padding: 7px; } .copyrights_area .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a{ padding-right: 7px; } .copyrights_area .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{ margin-bottom: 0; } .copyrights_area .wpml-ls-legacy-list-vertical a{ border-bottom: 0; } /* \COPYRIGHTS AREA */ /* SEARCH */ .search_results .cws_msg_box{ margin:0 15px 20px; } .search_results img{ padding: 9px; float: left; border: 1px solid #c7d5d3; border-radius: 9px; margin-bottom: 5px; } .search_results mark{ padding: 0; } .search_results .pagination{ margin-top:0; } .search_results main .news .item > .ce_title a{ font-size: .63em; } .search_results main .news .item > .ce_title{ margin-top:0; text-transform: capitalize; } .search_results main .grid .item{ border-top-width: 1px !important; border-top-style: solid !important; } .search_results main .grid .item:first-child{ border-top-width: 0 !important; } .search_results .cws_msg_box + form{ margin:0 15px; } .page_content.search_results main .search-form .search-submit{ float: right; margin-top: 5px; } .page_content.search_results .cws_msg_box + .search-form{ margin-top: 30px; } /* \SEARCH */ /* MAP */ .flxmap-container, #wpgmza_map{ border: 1px solid #e6e6e6; border-radius: 8px; } .grid_row.fullwidth_items .flxmap-container, .grid_row.fullwidth_items #wpgmza_map{ border-radius: 0; border: none; margin-bottom: -120px; border-top:4px solid #8fdba3; } /* \MAP */ /* 404 PAGE */ .not_found{ width: 525px; margin: 0 auto; text-align: center; } .banner_404{ position: relative; } .banner_404:before{ content: ""; display: block; position: absolute; width: 48%; height: 100%; top: 0; left: 50%; -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); margin-left: 0.5714%; border-radius: 12%; z-index: 1; } .banner_404 img{ display: block; position: relative; z-index: 2; } .banner-section{ background: #fff; width: 161px; height: 161px; border-radius: 50%; box-shadow: 0 0 0 15px rgba(255,255,255,0.6); position: absolute !important; right: 90px; top:50%; -moz-transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%); -o-transform: translateX(0px) translateY(-50%); -ms-transform: translateX(0px) translateY(-50%); transform: translateX(0px) translateY(-50%); } .banner-section a{ color: inherit; display: block; } .banner-section span{ display: block; text-align: center; } .banner-section .banner-price{ font-size: 50px; font-weight: bold; padding-top: 42px; padding-bottom: 6px; } .banner-section .banner-title{ font-size: 18px; font-weight: bold; text-transform: uppercase; } .banner-section .banner-title:after{ content: ""; background: url('../img/mark_milestone_f.png') no-repeat 0 0; width: 19px; height:8px; display: block; margin: 0 auto; text-align: center; } .banner-section .banner-sub-title{ font-size: 15px; font-weight: bold; text-transform: uppercase; } .not_found * + *{ margin-top: 15px; } .msg_404{ font-size: 3.333333em; line-height: 1.08; font-weight: 100; } .not_found * + .link{ padding-top: 15px; border-top: 1px solid #e5e5e5; } .not_found .link{ font-size: 1.6em; line-height: 1; } /* \404 PAGE */ /* SCROLL TOP */ .scroll_top{ opacity: 0; position: fixed; right: 90px; bottom: 10px; width: 40px; height: 40px; border-radius: 50%; text-align: center; cursor: pointer; z-index: 20; font-size: 12px; cursor: pointer; background-color: #ebe6d2; text-transform: uppercase; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px #ebe6d2; -moz-box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px #ebe6d2; box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px #ebe6d2; } .scroll_top i{ display: block; margin-top: 5px; } .scroll_top:hover{ -webkit-box-shadow: 0 0 0 20px #fff inset, 0 0 0 3px #ebe6d2; -moz-box-shadow: 0 0 0 20px #fff inset, 0 0 0 3px #ebe6d2; box-shadow: 0 0 0 20px #fff inset, 0 0 0 3px #ebe6d2; } /* \SCROLL TOP */ /* ROW BG VIDEO */ .row_bg_video{ position: relative; z-index: 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; overflow: hidden; margin-left: -1px; margin-right: -1px; } .row_bg_video>video, .row_bg_video>iframe{ position: absolute; z-index: 1; max-width: none; } .row_bg_video>video:not(.cws_prlx_layer), .row_bg_video>iframe:not(.cws_prlx_layer){ top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .row_bg_video:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } /* adjustments */ .row_bg_video>iframe{ border-radius: 0; -webkit-mask-image: none; -webkit-transform: none; } /* \ROW BG VIDEO */ /* PARALLAX */ .cws_prlx_section{ position: relative; overflow: hidden; } .cws_prlx_layer{ display: block; position: absolute; top: 0; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: none; max-height: none; } /* \PARALLAX */ /* COMMENTS */ .comment_list .comment-body, .comment_list .comment { position: relative; z-index: 1; } .comment_list .comment-body{ padding-bottom: 20px; } .comment_list .comments_children .comment-body{ border:none; } .comment_list .comments_children .parent .comment-body:last-child{ border:none; } .comment_list .comments_children .parent .comments_children:last-child{ border:none; } .comment_list .parent.comment,.comment_list .byuser.comment{ border-bottom: 0; } .comment_list .comments_children .comment{ border-bottom: 0; } .comment.parent:before, .comment .comments_children .comment-body:before { content: ""; display: block; position: absolute; z-index: 1; } .comment_list .comment.parent .comments_children .comment{ border-bottom-width: 1px; border-bottom-style: solid; } .comment_list > div:last-child > div:last-child{ border:none; } .comments-area .comment_list > .comment:last-child{ border-bottom-width: 4px; border-bottom-style: solid; } .comment_list .comment.parent .comments_children .comment:last-child{ border: none; } .comment_list>.comment.parent:last-child:before { height: calc(100% - 105px); } .comments_children .comment.parent:before { height: calc(100% - 55px); } .comment_list .comment-body .avatar_section { padding: 20px 0 0; margin-top: -20px; background: #ffffff; position: relative; z-index: 2; } .comment_list .comment-body .avatar_section img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #76c08a; padding: 2px; } .comments-area p{ text-indent: 0; } .comments-area label{ opacity: 0.7; } .comments-area .comment-reply-title{ margin: auto; /* ovveride h3 margins */ font-size: 30px; } .comments-area>*+*{ margin-top: 24px; } .comments-area .comments_children{ padding-left: 100px; } .comments-area .comment_list .comment + .comment, .comments-area .comments_children{ margin-top: 10px; padding-top: 20px; } .comments-area .comment_list{ line-height: 1.4; } .comments-area .comment_list > .comment:last-child{ margin-bottom: 30px; padding-bottom: 50px; } .comments-area .comment_list .avatar_section{ float: left; text-align: center; } .comments-area .comment_list .avatar{ display: block; border: 1px solid #e6e6e6; } .comments-area .comment_list .avatar_section + .comment_info_section{ margin-left: 100px; position: relative; z-index: 1; } .comment_info_header .comment-meta .author-name{ font-style: normal; font-size: 17px; line-height: 26px; text-transform: capitalize; color: #76c08a; } .comment_info_header{ padding-right: 40px; position: relative; } .comment_info_header .button-content.reply { float: right; color:#fff; position: absolute; right: 0; top:0; } .fa.fa-reply{ color:#fff; border-radius: 50%; padding: 8px; } .comments-area .comment_list .comment_info_section * + *{ margin-top: 5px; } .comments-area .comment_list .avatar_section .author-name{ font-style: normal; font-size: 16px; } .comments-area .comment_list .reply{ text-align: right; } .comments-area .comment_list .comment-reply-link{ display: inline-block; font-size: 14px; line-height: 1.2em; background: transparent !important; } .comments-area .comment_list .comment-reply-link:hover i{ -webkit-box-shadow: 0 0 0 16px #fff inset; -moz-box-shadow: 0 0 0 16px #fff inset; box-shadow: 0 0 0 16px #fff inset; background: transparent; } .comments-area .comment_list .comment-reply-link i{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border-width: 1px; border-style: solid; border-color: transparent; } .comments-area *:not(.comments_title) + .comment-respond{ margin-top: 60px; } .comments-area .comments_title.ce_title{ font-size:1.875em; font-weight: 500; } .comments-area .comment-respond>*+*{ margin-top: 30px; } .comments-area .comment-respond .comment-form .comment-form-author, .comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .comment-form-url{ float: left; width: 31%; } .comments-area .comment-respond .comment-form .comment-form-email, .comments-area .comment-respond .comment-form .comment-form-url{ margin-left: 3.5%; } .comments-area .comment-respond .comment-form textarea, .comments-area input{ border-radius: 3px; } .comments-area .comment-respond .comment-form .submit{ color: #fff !important; } .comments-area .comment-respond .comment-form .submit:hover{ color: #76c08a; } .comments-area .comment-respond .comment-form .form-submit{ text-align: right; } .comments-area .comments_nav.carousel_nav_panel span{ vertical-align: middle; } .comments-area .comments_nav.carousel_nav_panel .prev_section{ float: left; } .comments-area .comments_nav.carousel_nav_panel .next_section{ float: right; } .comments-area .comments_nav.carousel_nav_panel .prev_section>a, .comments-area .comments_nav.carousel_nav_panel .next_section>a{ display: block; } .comments-area .comments_nav.carousel_nav_panel .prev_section .prev, .comments-area .comments_nav.carousel_nav_panel .next_section .next{ float: none; display: inline-block; } .comments-area .comment-meta .comment_date{ font-size: 13px; } .comments-area .comment-meta .author-name + .comment_date:before { content: "/"; display: inline-block; margin: 0 5px; font-size: 17px; color:#9d9d9d; vertical-align: top; } .comments-area .comment-meta .comment_date span.sep:before{ content: "/"; display: inline-block; margin: 0 5px; font-size: 17px; color: #9d9d9d; vertical-align: top; } .comments-area .comment-meta span{ font-style: normal; font-size: 17px; line-height: 26px; text-transform: capitalize; color: #76c08a; } .comment_info_section .comment-content{ font-size:17px; line-height:24px; color:#9d9d9d; } /* \COMMENTS */ /* BULLET-LISTS */ li.bullets-list-check.bullets-list{ position: relative; padding-left: 15px; line-height: 2.3; } li.bullets-list-circle-o:before{ content: " "; position: absolute; z-index: 1; top: 50%; left: 0; margin-top: -3px; width: 6px; height: 6px; border: 1px solid #c7d5d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #76c08a; box-shadow: none; } li.bullets-list{ position: relative; padding-left: 15px; line-height: 2.3; box-shadow: none; } li.bullets-list:before{ position: absolute; z-index: 1; left: 0; font-size: 7px; line-height: 39px; } .bullets-list-circle-o li:before{ content: " "; position: absolute; z-index: 1; top: 50%; left: 0; width: 4px; height: 4px; border: 1px solid #c7d5d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #76c08a; box-shadow: none; background: transparent !important; } .bullets-list li{ position: relative; padding-left: 15px; line-height: 2.3; box-shadow: none; } .bullets-list li:before{ position: absolute; z-index: 1; left: 0; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 7px; line-height: 39px; } li.bullets-list-arrow.bullets-list:before{ content: "\f103"; font-family: "Flaticon"; color: #76c08a; box-shadow: none; } li.bullets-list-arrow.bullets-list:before{ content: "\f103"; font-family: "Flaticon"; box-shadow: none; width: auto; height: auto; border: 0; background: transparent; box-shadow: none; } ul li.bullets-list:before{ content: " "; margin-right: 0; width: auto; height: auto; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: inherit; box-shadow: none; margin-left: 0; } li.bullets-list-check.bullets-list:before{ content: "\f10b"; font-family: "Flaticon"; font-size: 15px; line-height: 40px; left: 0px; box-shadow: none; width: auto; height: auto; border: 0; background: transparent; } li.bullets-list-circle.bullets-list:before{ content: " "; position: absolute; z-index: 1; top: 50%; left: 0; margin-top: -3px; width: 6px; height: 6px; border: 1px solid #c7d5d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #c7d5d3; box-shadow: none; } .bullets-list-arrow.bullets-list li:before{ content: "\f103"; font-family: "Flaticon"; color: #76c08a; box-shadow: none; width: auto; height: auto; border: 0; background: transparent; } .bullets-list-check.bullets-list li:before{ content: "\f10b"; font-family: "Flaticon"; font-size: 15px; line-height: 40px; left: 0px; box-shadow: none; width: auto; height: auto; border: 0; background: transparent; } .bullets-list-check.bullets-list li{ padding-left: 20px; } ul li.bullets-list-check.bullets-list{ padding-left: 20px; } .bullets-list-circle.bullets-list li:before{ content: " "; position: absolute; z-index: 1; top: 50%; left: 0; width: 4px; height: 4px; border: 1px solid #c7d5d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #c7d5d3; box-shadow: none; } /* \BULLET-LISTS */ /* lIKES */ .sl-wrapper a { border-bottom: 0 !important; text-decoration: none !important; } .sl-icon:before{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08a"; } .sl-icon{ margin-right: 7px; } .sl-wrapper a:hover .sl-icon.liked:before{ content: "\f004"; } .sl-icon.unliked:before{ content: "\f004"; } /* Loader */ .loader, .loader:before, .loader:after { background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader { text-indent: -9999em; display: inline-block; position: relative; vertical-align: middle; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:after { left: .375em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } .loader{ margin-left: 7px; } /* \lIKES */ /* \CONTENT-PAGE */ /* WIDGETS */ .cws-widget { position: relative; z-index: 1; } .sb_left .cws-widget { margin-left:0; } aside .cws-widget + .cws-widget{ margin-top: 20px; padding-top: 26px; border-top-width: 4px; border-style: solid; } aside .cws-widget + .cws-widget:after { width: 9px; height: 1px; left: -5px; top: -1px; } aside.sb_left .cws-widget + .cws-widget:before { right: -1px; left: auto; } aside.sb_left .cws-widget + .cws-widget:after { right: -5px; left: auto; } .relish-new-layout .cws-widget .widget-title{ line-height: 1.2; margin-bottom: 10px; text-transform: uppercase; } .widget-title > i, .widget-title > img, .widget_title_icon_section > *, .widget-title-icon:before{ display: block; border-radius: 5px; } .widget-title > i, .widget_title_icon_section > i, .widget-title-icon:before{ font-size: 0.8em; width: 1.3645em; height: 1.3645em; line-height: 1.3645em; text-align: center; color: #fff; border-color: #e6e6e6; } .widget-title-icon:before{ content: "\f0ca"; display: inline-block; vertical-align: text-bottom; margin-right: 14px; border: 1px solid #e6e6e6; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .list_icon_title.widget-title-icon:before, .menu_title.widget-title-icon:before{ content: "\f0ca"; } .calendar_wrap_title.widget-title-icon:before{ content: "\f073"; } .tagcloud_title.widget-title-icon:before{ content: "\f02c"; } .search-form_title.widget-title-icon:before{ content: "\f002"; } .textwidget_title.widget-title-icon:before{ content: "\f040"; } .slider_icon_title.widget-title-icon:before{ content: "\f03e"; } .widget-title > img, .widget_title_icon_section > img{ width: 1.3645em; height: auto; } .widget_title_box{ display: table; width: 100%; } .widget_title_box>*{ display: table-cell; vertical-align: middle; } .widget_title_box>.widget_title_icon_section{ width: 1.5em; } .widget_title_box>.widget_title_icon_section + .widget_title_text_section{ padding-left: 6px; font-size: 1.37em; } .cws-widget > *:not(:first-child):not(:empty), .cws-widget .widget_carousel .item > * + *, .cws-widget .cws_tweet + .cws_tweet, .cws-widget .tweets_carousel .cws_tweet + .cws_tweet, .cws-widget .widget_carousel .owl-controls, .cws-widget .tweets_carousel .owl-controls{ margin-top: 10px; } /* - WIDGET ARCHIVES && MENU WIDGET */ .cws-widget ul li:before { display: none; } .cws-widget ul li.cat-item a:before{ content: ""; min-width: 4px; min-height: 4px; margin-left: 1px; font-size: 2em; line-height: 0.5; display: inline-block; vertical-align: middle; margin-right: 0.4em; align-self: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; width: 6px; height: 6px; -webkit-box-shadow: 0 0 0 1px #c7d5d3 inset; -moz-box-shadow: 0 0 0 1px #c7d5d3 inset; box-shadow: 0 0 0 1px #c7d5d3 inset; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .cws-widget ul li:before{ content: "\f103"; font-family: "Flaticon"; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; left: 0; font-size: 8px; display: block; color: #e3dbbf; box-shadow: none; background: transparent; border: 0; width: auto; height: auto; margin-left: 1px; } .cws-widget ul li.cat-item{ padding-left: 0; } .cws-widget ul li.cat-item:before{ content: ""; display: none; } .cws-widget ul li{ padding-left: 15px; } .cws-widget ul li.parent_archive a:after { display: none; } .site-main .cws-widget ul li { position: relative; line-height: 1.5625em; } .cws-widget ul li + li { margin-top: 4px; } .cws-widget ul li + li.cat-item{ margin-top: 0; } .cws-widget ul:not(.owl-carousel) li:hover>a:before { -webkit-box-shadow: 0 0 0 3px #c7d5d3 inset; -moz-box-shadow: 0 0 0 3px #c7d5d3 inset; box-shadow: 0 0 0 3px #c7d5d3 inset; } .cws-widget ul.children, .cws-widget ul.sub-menu{ margin-left: 20px; margin-right: -10px; margin-bottom: 0px; } .cws-widget ul.children>li, .cws-widget ul.sub-menu>li{ padding-left: 0; } .cws-widget ul.children>li{ padding-left: 15px; } /* Archive */ .archive main .grid_row:first-child{ padding: 0; padding-bottom: 0; } .archive main .grid_row .cws_ourteam_items.grid-3 .item:nth-child(1), .archive main .grid_row .cws_ourteam_items.grid-3 .item:nth-child(2), .archive main .grid_row .cws_ourteam_items.grid-3 .item:nth-child(3){ margin-top:0; } .archive main .grid_row .cws_ourteam_items.grid-2 .item:nth-child(1), .archive main .grid_row .cws_ourteam_items.grid-2 .item:nth-child(2){ margin-top:0; } .archive main .grid_row .cws_ourteam_items.grid-4 .item:nth-child(1), .archive main .grid_row .cws_ourteam_items.grid-4 .item:nth-child(2), .archive main .grid_row .cws_ourteam_items.grid-4 .item:nth-child(3), .archive main .grid_row .cws_ourteam_items.grid-4 .item:nth-child(4){ margin-top:0; } .archive main .grid_row .cws_ourteam_items.grid-1 .item:nth-child(1){ margin-top:0; } .cws-widget .parent_archive, .cws-widget .has_children{ padding-right: 36px; } .cws-widget .parent_archive > ul, .cws-widget .has_children > ul{ margin-right: -36px; } /* \Archive */ .cws-widget .parent_archive .widget_archive_opener, .cws-widget .has_children .opener{ display: block; position: absolute; top: 0; right: 0; width: 36px; text-align: center; cursor: pointer; } .cws-widget .parent_archive .widget_archive_opener:before, .cws-widget .has_children .opener:before{ display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .cws-widget .parent_archive .widget_archive_opener.active:before, .cws-widget .has_children .opener.active:before{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* -\WIDGET ARCHIVES && MENU WIDGET */ /* -WIDGET RECENT COMMENTS */ .cws-widget .recentcomments:before{ position: static; content: "\f075"; font-family: FontAwesome; display: inline-block; font-size: 1em; box-shadow: none; color: #76c08a; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); background: transparent; transform: translateY(0px); box-shadow: none; border: 0; width: auto; height: auto; } .cws-widget .recentcomments{ padding-left: 0; } .cws-widget ul#recentcomments li a:before { display: none; } .cws-widget .recentcomments:before{ margin-right: 6px; } /* -\WIDGET RECENT COMMENTS */ /* - WIDGET CALENDAR */ .cws-widget #wp-calendar{ border-style: none; } .cws-widget #wp-calendar th, .cws-widget #wp-calendar td{ padding: 0; border-bottom-style: none; line-height: 36px; } .cws-widget #wp-calendar #next{ text-align: end; } .cws-widget .calendar_wrap{ padding: 0 10px 0 10px; } .cws-widget #wp-calendar{ width: 100%; } .cws-widget #wp-calendar thead{ font-size: 1.0667em; } .cws-widget #wp-calendar tbody{ font-size: 0.928em; } .cws-widget #wp-calendar thead, .cws-widget #wp-calendar tbody{ text-align: center; } .cws-widget #wp-calendar thead{ } .cws-widget #wp-calendar tbody tr + tr{ border-top: 1px solid #e0e0e0; } .cws-widget #wp-calendar td{ line-height: 36px; } .cws-widget #wp-calendar caption{ font-size: 1.2em; margin: 0 -11px; padding: 8px 10px; margin-bottom: 10px; color: #fff; } .cws-widget #wp-calendar tfoot:before { position: absolute; z-index: 1; /*top: 0;*/ bottom: 37px; left: 0; content: ""; display: block; width: 100%; border-top: 1px dashed #d9d9d9; } .cws-widget #wp-calendar tfoot:after { position: absolute; z-index: 1; left: 50%; bottom: 0; border-left: 1px dashed #d9d9d9; width: 1px; height: 36px; content: ""; display: block; } .cws-widget #wp-calendar tbody td#today{ position: relative; color: #fff; z-index: 1; } .cws-widget #wp-calendar tbody td#today a{ color: #fff; } .cws-widget #wp-calendar tbody td#today:before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 2em; height: 2em; /*border-radius: 50%;*/ z-index: -1; } .cws-widget #wp-calendar tfoot td#prev, .cws-widget #wp-calendar tfoot td#next{ position: relative; text-align: center; text-transform: uppercase; } .cws-widget #wp-calendar tfoot td#prev a, .cws-widget #wp-calendar tfoot td#next a { color: inherit; font-size: 1.14em; } .cws-widget .calendar_wrap, .footer_container .cws-widget #wp-calendar{ position: relative; border: 1px solid #e6e6e6; } /* - \WIDGET CALENDAR */ /* - WIDGET TAGCLOUD */ .cws-widget .tagcloud { font-size: 0; } .cws-widget .tagcloud a{ font-size:16px !important; color:#76c08a; position: relative; padding-right: 0px; margin-right: 0px; text-decoration: underline; } .cws-widget .tagcloud a:after{ content: "/\00a0"; display: inline-block; padding: 0; vertical-align: top; color: #76c08a; margin-right: 5px; margin-left: 5px; font-style: normal; } .cws-widget .tagcloud a:hover{ opacity: 1; background: transparent; } /* - \TAGCLOUD */ /* - WIDGET SEARCH */ .cws-widget .search-form label{ display: block; position: relative; } .cws-widget .search-form input{ display: block; padding-right: 60px; } .cws-widget .search-form label:before{ display: block; position: absolute; width: 50px; top: 0; bottom: 0; right: 0; font-family: FontAwesome; font-size: 20px; content: "\f002"; text-align: center; line-height: 40px; } .cws-widget .search-form .screen-reader-text, .cws-widget .search-form .search-submit{ display: none; } /* - \SEARCH WIDGET */ /* - CWS TEXT WIDGET */ .cws_textwidget_content .text + .link{ border-top: 1px solid #e9e9e9; } .cws_textwidget_content .link{ text-align: end; } .cws-widget .cws_img_frame, .cws-widget .gallery-icon{ border-style: none; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .widget_cont{ position: relative; z-index: 1; } /* - \CWS TEXT WIDGET */ /* - CWS LATEST POSTS */ .cws-widget .post_item .post_preview:not(:empty) /* in order to empty boxes will not be visible */{ padding: 10px 0; } .cws-widget .post_item .post_thumb{ display: inline-block; position: relative; z-index: 1; float: left; padding-right: 5px; margin-right: 5px; padding-bottom: 5px; /*border-radius: 5px;*/ overflow: visible; /*****************/ -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); -webkit-transform: translate3d(0,0,0); /*****************/ position: relative; } .cws-widget .post_item .post_thumb:after{ content: "\f103"; font-family: "Flaticon"; position: absolute; z-index: 1; bottom: 0; right: 7px; width: 23px; height: 23px; line-height: 23px; font-size: 10px; color: #ffffff; text-align: center; border: 2px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .cws-widget .post_item .post_thumb img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border:1px solid #76c08a; padding: 2px; } .cws-widget .post_item .post_thumb a, .cws-widget .post_item .post_thumb img{ display: block; } .cws-widget .post_item .post_thumb:hover img{ opacity: 0.7; } .cws-widget .post_item .post_preview{ line-height: 1.385em; } .cws-widget .post_item .post_title{ font-size: 1.0666667em; margin-bottom: 3px; } .cws-widget .post_item .post_date{ opacity: 0.7; font-style: italic; } .cws-widget .post_item a{ font-size:16px; } .cws-widget .post_item .post_title a{ font-size:16px; } .cws-widget .post_item canvas{ position: absolute; top: 0; left: 0; opacity: 0; } .cws-widget .post_item .post_thumb:hover canvas.drawn{ opacity: 1; } /* - \CWS Latest Posts */ /* - WIDGET CWS Portfolio */ .cws-widget > .portfolio_item_thumbs{ background: transparent !important; margin-left: -10px; margin-top: -10px; /*text-align: center;*/ font-size: 0 !important; line-height: 0 !important; } .cws-widget .portfolio_item_thumb{ display: inline-block; margin-left: 10px; margin-top: 10px; } .cws-widget .portfolio_item_thumb .pic{ /*****************/ -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); -webkit-transform: translate3d(0,0,0); /*****************/ } .cws-widget .portfolio_item_thumb .pic .blured-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; } .cws-widget .portfolio_item_thumb .pic:hover .blured-img{ opacity: 1; } .cws-widget .portfolio_item_thumb .pic .hover-effect, .cws-widget .portfolio_item_thumb .pic .links{ z-index: 2; } .cws-widget .portfolio_item_thumb .pic .links > *{ font-size: 16px; width: 38px; height: 38px; line-height: 38px; text-align: center; opacity: 0; background: transparent; z-index: 3; } .cws-widget .portfolio_item_thumb .pic:hover .links > *{ opacity: 0.8; } .cws-widget .portfolio_item_thumb .pic .links > *:hover{ background-color: rgba(255,255,255, 0.2); } /* - \WIDGET CWS Portfolio */ /* - WIDGET CWS Twitter */ .cws-widget .cws_tweets{ background: transparent; } .cws-widget .cws_tweet{ text-align: center; } aside .cws-widget .cws_tweet{ text-align: left; } .cws-widget .cws_tweet, .cws-widget .tweets_carousel .cws_tweet{ border-style: none; padding: 0; min-height: 0; } .cws-widget .cws_tweet > *{ padding: 10px; } .cws-widget .cws_tweet:before, .cws-widget .cws_tweet:after{ display: none; } .cws-widget .cws_tweet .tweet_content{ font-size: 0.867em; line-height: 1.385em; } aside .cws-widget .cws_tweet .tweet_content{ padding: 10px 0 10px 30px; } aside .cws-widget .cws_tweet:before{ position: absolute; line-height: 1.4; top: 10px; left: 0; font-family: cwsicon; content: "\f13e"; font-size: 16px; display: inline-block; width: 30px; height: 30px; font-size: 15px; background: transparent; } .cws-widget .cws_tweet .tweet_date{ font-size: 0.8em; line-height: 1.333333; } .cws-widget .cws_tweet .tweet_content + .tweet_date{ border-top: 1px solid #e9e9e9; } .cws-widget .tweets_carousel > .cws_wrapper{ margin-left: -10px; } .cws-widget .tweets_carousel .item{ margin-left: 10px; } .module_msg_tweets .cws_tweet{ display: flex; align-items: center; } /* - \WIDGET CWS Twitter */ /* - BENEFITS AREA */ .benefits_area{ padding: 50px 0; } .benefits_area, .page_content:not(.single_sidebar):not(.double_sidebar){ min-height: 200px; background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px), -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px), -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px); background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px), -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 200px); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .benefits_container{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: -50px -15px 0; } .benefits_container .cws-widget{ width: 100%; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; margin: 50px 15px 0; padding: 0 10px; text-align: center; } .benefits_container .cws-widget > *:not(:first-child):not(:empty), .benefits_container .cws-widget .widget_carousel .item > * + *, .benefits_container .cws-widget .widget_carousel .owl-controls{ margin-top: 15px; } .benefits_container .cws-widget > *:not(.widget-title):not(:empty):not(.widget_carousel), .benefits_container .cws-widget .widget_carousel .item > *{ background: transparent; border-radius: 0; } .benefits_container .cws-widget .calendar_wrap, .benefits_container .cws-widget .tagcloud, .benefits_container .cws-widget > .textwidget, .benefits_container .cws_textwidget_content > *, .benefits_container .cws-widget .post_item .post_preview, .benefits_container .cws-widget .post_item .post_date{ padding: 0; } .benefits_container ul li{ text-align: start; padding-left: 0; padding-right: 0; } .benefits_container .select2-container, .benefits_container .cws-widget .wpcf7{ text-align: start; } .benefits_container .cws-widget > .menu-all-pages-container > ul > li:first-child, .benefits_container .cws-widget > ul > li:first-child{ margin-top: -10px; } .benefits_container .cws-widget .tagcloud:not(:empty){ margin-left: -5px; } .benefits_container .cws-widget .search-form input{ background: #ddd; } /* -- BENEFITS AREA / CWS TEXT WIDGET */ .benefits_container .cws_textwidget_content .text:not(:only-child){ padding-bottom: 10px; } .benefits_container .cws_textwidget_content .text + .link{ border-top-style: none; position: relative; padding-top: 11px; } .benefits_container .cws_textwidget_content .text + .link:before{ content: ""; display: block; height: 1px; width: 100%; position: absolute; top: 0; left: 0; background: #e0e0e0; background: -ms-linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); background: -moz-linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); background: -webkit-linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); background: linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); } .benefits_container .cws_textwidget_content .link{ text-align: inherit; } .benefits_container .cws_textwidget_content .link a{ font-size: inherit; line-height: inherit; font-weight: inherit; padding: 0; border-style: none; border-radius: 0; background: transparent; } .benefits_container .cws_textwidget_content .link a:after{ font-family: FontAwesome; content: "\f105"; margin-left: 0.5ex; } /* -- \BENEFITS AREA / CWS TEXT WIDGET */ /* -- BENEFITS AREA / CWS Latest Posts */ .benefits_container .cws-widget .post_item .post_thumb{ float: none; margin-right: auto; } .benefits_container .cws-widget .post_item .post_preview:not(:empty):not(:only-child){ padding-bottom: 10px; } .benefits_container .cws-widget .post_item .post_date{ border-top-style: none; position: relative; padding-top: 11px; } .benefits_container .cws-widget .post_item .post_date:before{ content: ""; display: block; height: 1px; width: 100%; position: absolute; top: 0; left: 0; background: #e0e0e0; background: -ms-linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); background: -moz-linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); background: -webkit-linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); background: linear-gradient(left, transparent 0%, #e0e0e0 50%, transparent 100%); } .benefits_container .cws-widget .post_item .post_preview, .benefits_container .cws-widget .post_item .post_date{ font-size: inherit; line-height: inherit; } /* -- \BENEFITS AREA / CWS Latest Posts */ /* -- BENEFITS AREA / WIDGET TITLE */ .benefits_container .cws-widget .widget_title_box, .benefits_container .cws-widget .widget_title_box > *{ display: block; width: auto; } .benefits_container .widget_title_icon_section + .widget_title_text_section{ margin-top: 20px; } .benefits_container .widget_title_box > .widget_title_icon_section + .widget_title_text_section{ padding-left: 0; } .benefits_container .cws-widget .widget-title{ font-size: 1.533333em; line-height: 1.04348; } .benefits_container .cws-widget .widget-title > i, .benefits_container .cws-widget .widget-title > img, .benefits_container .cws-widget .widget_title_icon_section > *{ margin-left: auto; margin-right: auto; } .benefits_container .cws-widget .widget-title > i, .benefits_container .cws-widget .widget_title_icon_section > i{ position: relative; font-size: 60px; width: 102px; height: 102px; line-height: 102px; border-radius: 14px; text-shadow: 0 2px rgba(0,0,0,0.3); } .benefits_container .cws-widget .widget-title > i:before, .benefits_container .cws-widget .widget_title_icon_section > i:before{ vertical-align: middle; text-align: center; } .benefits_container .cws-widget .widget-title > img, .benefits_container .cws-widget .widget_title_icon_section > img{ width: 102px; border-radius: 10px; } /* new benefits */ .page_content > main .benefits_cont{ margin-top: 30px; margin-bottom: 30px; } .page_content > main .benefits_cont:before, .page_content > main .benefits_cont:after{ content: ''; display: table; clear: both; } .benefits_cont .benefits_bg{ border-radius: 6px; z-index: 1; position: relative; overflow: hidden; -webkit-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15); padding: 0; } .grid_row.benefits{ width: 100% !important; border-radius: 6px; -webkit-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.15); padding: 0; } .benefits_cont .benefits>*:first-child{ border-top-left-radius: 6px; border-bottom-left-radius: 6px; overflow: hidden; } .benefits_cont .benefits>*:last-child{ border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } li.cat-item{ clear: both; padding: 5px 0; } li.cat-item:last-child{ border-bottom: 0; } li.cat-item .post_count{ float:right; font-size:13px; line-height:23px; color:#76c08a; border-radius: 50%; width:23px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 0 1px #c7d5d3 inset; -moz-box-shadow: 0 0 0 1px #c7d5d3 inset; box-shadow: 0 0 0 1px #c7d5d3 inset; border:0 !important; } li.cat-item:hover .post_count { color: #ffffff; -webkit-box-shadow: 0 0 0 12px #c7d5d3 inset; -moz-box-shadow: 0 0 0 12px #c7d5d3 inset; box-shadow: 0 0 0 12px #c7d5d3 inset; background: transparent !important; } .cws-widget .search-form label:before{ font-family: Flaticon; font-size: inherit; font-style: normal; content: "\f10d"; margin-right: 2px; display: block; position: absolute; width: 50px; top: 0; bottom: 0; right: 0; text-align: center; line-height: 40px; color:#76c08a; } .cws-widget .search-form input{ border-radius: 10px; } .site-main .cws-widget .widget-title{ font-weight:bold; font-size: 24px; line-height:21px; color:#76c08a; max-width: 220px; text-transform: capitalize; } #main.site-main .cws-widget h5{ font-size: 18px; } /* \WIDGETS */ /* SHORTCODES */ .ce + .ce{ margin-top: 30px; } .ce + .ce.elemfloat{ margin-top: 0; } .ce_title a{ color: inherit; } .ce_title a.link:before{ content: "\f10a"; font-family: Flaticon; font-size: inherit; font-style: normal; display: inline-block; margin-right: 18px; } .ce_title a.link{ text-decoration: underline; } /* - BUTTONS */ .cws_button, input[type='submit'],.comments-area .comment-respond .comment-form .submit{ font-weight:300; font-size: 16px; line-height:1.15; color: #ffffff; position: relative; padding: 0; border-radius: 3px; display: inline-block; box-shadow: none; } .cws_load_more{ max-width: 81px; margin: 0 auto; text-align: center; display: block; } .cws_load_more i{ display: none; } .cws_button.alt-style{ background: transparent; } .cws_button{ text-align: inherit; padding-left: 20px; } .cws_button i{ font-size: 22px; } .cws_button{ border-width: 1px; border-style: solid; } .cws_button.add_hover:not(.alt-style):not(.no_hover):hover{ background-color: transparent !important; } .cws_button.no-bg{ background: transparent; color:#efadc3; border-color: #efadc3; } .cws_button.no-bg:hover{ background:#efadc3; color:#fff; } .cws_button + .cws_button{ margin-top: 3px; } .cws_button:hover, input[type='submit']:hover, input[type='submit'].alt, .cws_button.alt{ background-color: transparent; } .cws_button, input[type='submit'], input[type='submit'].alt:hover, .cws_button.alt:hover{ color: #fff; } .cws_button i{ margin-right: 8px; } .cws_button.mini{ padding: 2px 28px; font-size: 0.93333em; } .cws_button.small{ padding: 4px 28px; font-size: 0.93333em; } .cws_button.large{ padding:7px 30px; } .cws_button{ line-height: 1.375; } .news.news-pinterest .cws_button.large.cws_load_more, .pagination_load_more .page_links a{ padding: 7px 24px; font-size: 17px; line-height:1.263em; font-weight: bold; } .pagination_load_more a,.pagination_load_more .page-numbers.dots, .pagination_load_more .page-numbers.current{ display: none; } .pagination_load_more a.next.page-numbers{ display: inline-block; color:#fff; margin-bottom: 2px; margin-top: 2px; } .cws_button.regular{ padding:6px 30px; } .cws_button.add_icon{ padding-right: 12px; } .cws_button,.cws_button:not(i),input[type='submit'], .comments-area .comment-respond .comment-form .submit{ padding:8px 28px; } .cws_button.xlarge{ padding: 17px 40px; font-size: 1.2em; line-height: 1.4444444444444444; } .cws_button.full_width{ display: block; text-align: center; } .cws_button.custom_colors.custom_gradient:hover{ opacity: 0.75; } .cws_button.icon-on{ position: relative; z-index: 1; } .cws_button .button-icon, .cws_button.alt:hover .button-icon{ position: absolute; left: -1px; top: -1px; bottom: -1px; background: rgba(0,0,0,0.23); text-align: center; transition: background 0.3s; } .cws_button:hover .button-icon, .cws_button.alt .button-icon { background: rgba(0,0,0,0.07); } .cws_button.icon-on.mini .button-icon{ width: 30px; line-height: 30px; } .cws_button.icon-on.small .button-icon{ width: 35px; line-height: 35px; } .cws_button.icon-on.regular .button-icon{ width: 40px; line-height: 40px; } .cws_button.icon-on.large .button-icon{ width: 46px; line-height: 46px; } .cws_button.icon-on.xlarge .button-icon{ width: 50px; line-height: 50px; } .cws_button.icon-on.regular{ font-weight:300; font-size: 16px; line-height:29px; color:#ffffff; text-align: center; padding: 0 11px; border-radius: 2px; border-width: 1px; border-style: solid; float: left; } .cws_button.regular:hover{ color:#76c08a; } .cws_button.regular:not(.atl-style):not(.no_hover):hover{ background: transparent; } input[type='submit']:hover, .comments-area .comment-respond .comment-form .submit:hover{ background: transparent !important; } .cws_button.add_icon.mini{ padding: 2px 28px 2px 28px; } .cws_button.add_icon.small{ padding: 4px 28px 4px 28px; } .cws_button.add_icon.regular{ padding: 6px 30px 6px 30px; } .cws_button.add_icon.large{ padding: 7px 30px 7px 30px; } .icon-position-after .cws_button.add_icon.mini{ padding: 2px 28px 2px 28px; } .icon-position-after .cws_button.add_icon.small{ padding: 4px 28px 4px 28px; } .icon-position-after .cws_button.add_icon.regular{ padding: 6px 30px 6px 30px; } .icon-position-after .cws_button.add_icon.large{ padding: 7px 30px 7px 30px; } .icon-position-after .cws_button.add_icon i{ margin-right: 0; margin-left: 8px; } .cws_button.add_icon.mini i{ font-size: 1em; } .cws_button.add_icon.small i{ font-size: 1.1em; } .cws_button.add_icon.regular i{ font-size: 1.2em; } .cws_button.add_icon.large i{ font-size: 1.39em; } /* - \BUTTONS */ /* - MESSAGE BOXES */ .cws_msg_box, div.wpcf7-response-output{ position: relative; padding: 6px 40px 6px 67px; min-height: 40px; color: #fff; border: 1px solid transparent; border-radius: 9px; } .cws_msg_box.warning-box, div.wpcf7-mail-sent-ng{ background: #f9b91e; } .cws_msg_box.success-box, .wpcf7-response-output.wpcf7-mail-sent-ok{ background: #2eb851; } .cws_msg_box.error-box, .wpcf7-response-output.wpcf7-validation-errors{ background: #f56363; } .cws_msg_box .icon_section{ text-align: center; width: 46px; height: 46px; line-height: 46px; font-size: 25px; position: absolute; left: 5px; top: 50%; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #fff; } .cws_msg_box .icon_section i, .wpcf7-response-output:before{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .twitter-respond .cws_msg_box .msg_box_title{ line-height: 46px; } .cws_msg_box .msg_box_title{ font-size: 1.285em; line-height: 1.46334em; font-weight: 400; } .cws_msg_box .msg_box_text{ font-size: 1em; line-height: 1.8857143; } .cws_msg_box .msg_box_title + .msg_box_text{ margin-top: 5px; } .cws_msg_box.closable .cls_btn{ position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; line-height: 22px; font-size: 12px; text-align: center; cursor: pointer; } .cws_msg_box.closable .cls_btn.icon-bg-r{ color:#f2722e; } .cws_msg_box.closable .cls_btn:before{ font-family: cwsicon; content: "\f107"; vertical-align: middle; } /* - \MESSAGE BOXES */ /* - TWITTER */ .cws_tweet{ position: relative; padding: 15px 15px 15px 108px; border-width: 1px; border-style: solid; min-height: 90px; } .cws_tweet + .cws_tweet{ margin-top: 2px; } .cws_tweet:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 90px; height: 100%; } .cws_tweet:after{ content: "\f099"; font-family: FontAwesome; display: block; position: absolute; top: 50%; left: 45px; margin-left: -25px; margin-top: -25px; width: 48px; height: 48px; border: 1px solid #fff; border-radius: 50%; font-size: 24px; line-height: 48px; text-align: center; color: #fff; } .tweets_carousel .cws_tweet + .cws_tweet{ margin-top: 0; } .twiiter_carousel_header .carousel_nav_panel{ float: right; } .tweets_carousel_header .follow_us{ display: block; width: 62px; height: 62px; border-radius: 10px; margin-left: auto; margin-right: auto; line-height: 62px; font-size: 24px; color: #fff; text-align: center; } .tweets_carousel .cws_tweet{ padding: 0 15px; min-height: 0; border-style: none; } .tweets_carousel .cws_tweet:before, .tweets_carousel .cws_tweet:after{ display: none; } .tweets_carousel_header, .tweets_carousel{ text-align: center; } .tweets_carousel .cws_tweet + .cws_tweet, .tweets_carousel .owl-controls{ margin-top: 15px; } .tweets_carousel_header + .tweets_carousel{ margin-top: 30px; } /* - \TWITTER */ /* - MILESTONE */ .cws_milestone{ display: inline-block; padding: 15px; border-width: 1px; border-style: solid; text-align: center; max-width: 100%; box-sizing: border-box; width: 271px; height: 271px; background-size: cover; background-position: center; border-radius: 50%; overflow: hidden; } .cws_milestone.square,.cws_milestone.square > span,.cws_milestone.square .user-bg{ border-radius: 8px; } .cws_milestone.square{ height: 220px; } .cws_milestone.icon-milestone > span{ padding-top: 44px; height: calc(100% - 44px); } .cws_milestone.icon-milestone.square.borderless > span{ padding-top: 44px; height: calc(100% - 44px); } .cws_milestone.icon-milestone.square > span{ padding-top: 13px; height: calc(100% - 13px); } .cws_milestone.iconless > span{ padding-top: 70px; height: calc(100% - 70px); } .cws_milestone > span{ background-size: cover; background-position: center; display: block; overflow: hidden; height: 100%; border-radius: 50%; position: relative; } .cws_milestone > span > span{ position: relative; z-index: 4; } .cws_milestone .user-bg{ position: absolute; left: 0; top:0; width: 100%; z-index: 1; opacity: 0.9; height: 100%; border-radius: 50%; } .borderless.cws_milestone .user-bg{ margin:15px; width: calc(100% - 30px); height: calc(100% - 30px); -webkit-box-shadow: 0 0 0 25px rgba(227,219,191, 0.6); -moz-box-shadow: 0 0 0 25px rgba(227,219,191, 0.6); box-shadow: 0 0 0 25px rgba(227,219,191, 0.6); } .cws_milestone.borderless{ padding: 0; border-width: 0; border-color: transparent; } .cws_milestone.borderless.bg-f:not(.iconless) .milestone_number{ margin-top: 19px; } .cws_milestone.borderless_vs_bg{ padding: 20px 18px 20px 18px; } .cws_milestone .milestone_icon, .cws_milestone .milestone_number, .cws_milestone .milestone_desc{ display: block; } .cws_milestone .milestone_icon{ font-size: 3.5em; line-height: 1; } .cws_milestone.borderless .milestone_icon{ margin-top: 19px; } .cws_milestone.borderless.square .milestone_icon { margin-top: -10px; } .cws_milestone.borderless.square.bg-f:not(.iconless) .milestone_number{ margin-top: 14px; } .cws_milestone .milestone_icon>i{ display: block; } .cws_milestone .milestone_number{ font-size: 2.56em; letter-spacing: 1.5px; font-family: inherit; line-height: 0.8; font-weight: 400; } .cws_milestone .milestone_number:after{ content: ""; display: block; background: url("../img/mark_milestone.png") no-repeat 0 0; width: 19px; height:8px; margin:7px auto; text-align: center; } .cws_milestone.square .milestone_number:after{ margin:6px auto; } .cws_milestone.bg-f .milestone_number:after{ background: url("../img/mark_milestone_f.png") no-repeat 0 0; content: ""; display: block; width: 19px; height:8px; margin:7px auto 0; text-align: center; } .cws_milestone .milestone_desc{ font-size: 1em; line-height: 1.75; } .cws_milestone .milestone_icon + *{ margin-top: 20px; } .cws_milestone.kill_gradient{ background-image: none; } .title-milestone{ font-weight: bold; text-transform: capitalize; font-size: 1.09em; } .cws_milestone.iconless .milestone_number{ margin-top:20px; } .cws_milestone.iconless.circle .milestone_number{ margin-top: 0; } .cws_milestone.iconless.square .milestone_number{ margin-top: 50px; } .cws_milestone.iconless.borderless.square .milestone_number{ margin-top: 50px; } .cws_milestone.borderless.iconless.square.bg-f .milestone_number{ margin-top: 50px; } .cws_milestone.iconless.square .milestone_number{ margin-top: 20px; } .cws_milestone.iconless.square > span { padding-top: 21px; height: calc(100% - 21px); } .cws_milestone.bg-f.square.icon-milestone .milestone_number:after{ margin: 6px auto 0; } .cws_milestone.iconless.square .title-milestone{ margin-top: 10px; } .cws_milestone.iconless .title-milestone { font-weight: bold; text-transform: capitalize; font-size: 1.39em; margin-top: 12px; display: block; } .cws_milestone.borderless:not(.iconless) .milestone_number{ margin-top: 30px; } .cws_milestone.borderless:not(.iconless) .milestone_number:after{ margin: 4px auto 0; } /* - \MILESTONE */ /* - PROGRESS BAR */ .cws_progress_bar{ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .cws_progress_bar + .cws_progress_bar{ margin-top: 10px; } .cws_progress_bar .pb_title{ line-height: 1.9; } .cws_progress_bar .pb_title{ font-weight:bold; font-size: 16px; color:#777777; text-transform: uppercase; margin-bottom: 7px; } .cws_progress_bar .pb_title span{ font-weight:bold; font-size: 16px; } .cws_progress_bar .bar{ position: relative; height: 6px; border-radius: 2px; background: transparent; overflow: hidden; box-shadow: inset 0 0 0 1px #e3eae9; } .cws_progress_bar .progress{ position: absolute; top: 0; left: 0; width: 0; height: 100%; } .cws_progress_bar .pb_title:after{ content: ''; clear: both; display: table; } .cws_progress_bar .progress.kill_gradient{ background-image: none; } .cws_progress_bar .progress:after{ content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* - \PROGRESS BAR */ /* - ICON */ .cws_fa{ display: inline-block; width: 1.6667em; height: 1.6667em; text-align: center; border-width: 2px; border-style: solid; border-radius: 50%; } .cws_fa:before{ line-height: 1.6667em; } .cws_fa, .cws_fa.alt:hover{ color: #8c8c8c; } a.icon_link:hover .cws_fa, .cws_fa.alt:hover{ border-color: #8c8c8c; background-color: transparent; } .cws_fa.bordered_icon.simple_icon{ border-width: 1px; } .cws_fa.simple_icon, .cws_fa.simple_icon.alt:hover, a.icon_link:hover .cws_fa.simple_icon.alt{ background: transparent; border-color: transparent !important; } .cws_fa.simple_icon, .cws_fa.simple_icon.alt:hover{ color: #8c8c8c; } .cws_fa_wrapper .ring{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-width: 4px; border-style: solid; border-radius: 50%; border-color: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .cws_fa_wrapper.square .ring{ border-radius: 0px; } .cws_fa_wrapper.add_hover.alt a{ border-radius: 50%; } .cws_fa_wrapper .cws_fa{ display: block; margin: 4px; border-width: 0; width: calc(1.6667em - 6px); height: calc(1.6667em - 6px); position: relative; z-index: 2; color: #fff; } .cws_fa_wrapper .cws_fa:before{ line-height: calc(1.9544em - 6px); font-size: 0.85em; } .cws_fa.fa-1x{ box-shadow: none !important; padding: 2px; } .cws_fa_wrapper [class*="flaticon-"].fa-2x:before{ line-height: 40px; font-size: 0.7em; } .cws_fa.custom_colors.custom_gradient:hover{ opacity: 0.75; } .cws_fa_wrapper{ display: inline-block; position: relative; z-index: 1; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cws_fa{ -webkit-box-shadow: 0 0 0 2px #fff inset, 0 0 0 5px #76c08a; -moz-box-shadow: 0 0 0 2px #fff inset, 0 0 0 5px #76c08a; box-shadow: 0 0 0 2px #fff inset, 0 0 0 5px #76c08a; display: inline-block; text-align: center; margin: 4px; color: #fff; border-radius: 50%; line-height: 0; position: relative; z-index: 1; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .add_hover .cws_fa:not(.borderless):not(.alt){ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cws_fa.borderless{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; margin: 0; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .cws_fa:before{ line-height: 2em; display: inline-block; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; opacity: 1; } .cws_fa:before{ line-height: 1.6667em; } .cws_fa, .cws_fa.alt:hover, a.icon_link:hover .cws_fa.alt{ color: #8c8c8c; } .cws_fa.alt:not(.borderless){ background-color: transparent !important; } .cws_fa.alt{ -webkit-transition: box-shadow 0.3s ease-out,color 0.3s ease-out; -moz-transition: box-shadow 0.3s ease-out,color 0.3s ease-out; -ms-transition: box-shadow 0.3s ease-out,color 0.3s ease-out; -o-transition: box-shadow 0.3s ease-out,color 0.3s ease-out; transition: box-shadow 0.3s ease-out,color 0.3s ease-out; } .cws_icons_fa.add_hover.alt i:not(.borderless){ border-color: inherit !important; } .cws_fa.square{ border-radius: 0px; } .cws_fa.dis_hover{ pointer-events: none; } .cws_fa.custom_colors.custom_gradient:hover, a.icon_link:hover .cws_fa.custom_colors.custom_gradient{ opacity: 0.75; } .cws_fa_wrapper:hover .cws_fa:not(.alt):not(.custom_gradient) + .ring, a.icon_link:hover .cws_fa_wrapper .cws_fa:not(.alt):not(.custom_gradient) + .ring{ -webkit-box-shadow: 0px 0px 0px 1px #fafafa !important; -moz-box-shadow: 0px 0px 0px 1px #fafafa !important; box-shadow: 0px 0px 0px 1px #fafafa !important; border-color: #fafafa; } a.icon_link:hover .cws_fa_wrapper .cws_fa.alt{ color: #fff; border-color: transparent; background: transparent; } .cws_fa_wrapper .cws_fa.alt.no-customize,.cws_fa_wrapper .cws_fa.alt{ box-shadow: none; } .cws_fa_wrapper .cws_fa.alt.no-customize{ background:transparent !important; } @keyframes move { 0%{ -moz-transform: translateY(25px); -webkit-transform: translateY(25px); -o-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); } 100% { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } .cws_fa_wrapper:hover .cws_fa.alt,.cws_fa_wrapper a{ border-color: inherit; } .cws_fa_wrapper a{ -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .cws_fa_wrapper .cws_fa.alt{ color: #76c08a; } .cws_fa_wrapper .cws_fa.alt + .ring{ -webkit-box-shadow: 0px 0px 0px 1px #fafafa; -moz-box-shadow: 0px 0px 0px 1px #fafafa; box-shadow: 0px 0px 0px 1px #fafafa; border-color: #fafafa; } .cws_fa_wrapper:hover .cws_fa.alt + .ring, a.icon_link:hover .cws_fa_wrapper .cws_fa.alt + .ring{ border-color: transparent; } .cws_fa_tbl{ display: table; table-layout: fixed; width: 100%; } .cws_fa_tbl_row{ display: table-row; } .cws_fa_tbl_cell{ word-wrap: break-word; display: table-cell; vertical-align: top; } .cws_fa_tbl .cws_fa_tbl_cell.size_1x{ width: calc(2em + 12px); } .cws_fa_tbl .cws_fa_tbl_cell.size_2x{ width: calc(4em + 12px); } .cws_fa_tbl .cws_fa_tbl_cell.size_3x{ width: calc(6em + 12px); } .cws_fa_tbl .cws_fa_tbl_cell.size_4x{ width: calc(8em + 12px); } .cws_fa_tbl .cws_fa_tbl_cell.size_5x{ width: calc(10em + 12px); } .cws_fa_tbl .cws_fa_tbl_cell.size_lg{ width: calc(1.33333333em*2 + 12px); } .cws_fa_tbl.v_align_top .cws_fa_tbl_cell{ vertical-align: top; } .cws_fa_tbl .cws_fa_tbl_cell>.cws_fa, .cws_fa_tbl .cws_fa_tbl_cell>.cws_fa_wrapper { margin-right: 20px; } .cws_fa_tbl.icon-right .cws_fa_tbl_cell>.cws_fa, .cws_fa_tbl.icon-right .cws_fa_tbl_cell>.cws_fa_wrapper{ margin-left: 20px; margin-right: 0; } .cws_fa_tbl h1, .cws_fa_tbl h2, .cws_fa_tbl h3, .cws_fa_tbl h4, .cws_fa_tbl h5, .cws_fa_tbl h6{ margin-bottom: auto; } .cws_fa_tbl p{ text-indent: 0; } a.icon_link{ color: inherit; margin: 2px; display: inline-block; } /* - \ICON */ /* - DROPCAP */ .dropcap{ display: block; float: left; margin-top: 0.5ex; margin-right: 0.5ex; text-align: center; color: #fff; } .dropcap-l:first-letter{ display: block; font-weight:bold; color:#fefefe; background: #c7d5d3; border-radius: 50%; float:left; font-size:34px; margin-right:8px; padding: 10px; } .dropcap-g:first-letter{ display: block; font-weight:bold; color:#fefefe; background: #76c08a; border-radius: 50%; float:left; font-size:34px; margin-right:8px; padding: 10px; } /* - \DROPCAP */ /* - DIVIDER */ .cws_divider_wrapper{ margin: 0; line-height: 0; } .cws_divider_wrapper.align-center{ text-align: center; } .cws_divider_wrapper.align-left{ text-align: left; } .cws_divider_wrapper.align-right{ text-align: right; } .cws_divider, hr { position: relative; z-index: 1; font-size: 1px; display: inline-block; width: 100%; background: #c7d5d3; } .cws_divider { border-bottom-style: solid; } .cws_divider:not(.long).with-plus:before, .cws_divider:not(.long).with-plus:after { box-shadow: none; } .cws_divider.dashed{ border-bottom-style: dashed; } .cws_divider.dotted{ border-style: dotted; } .cws_divider.short{ width: 50px; } /* - \DIVIDER */ /* - ACCORDION */ .ce_title + .cws_ce_content{ margin-top: 30px; } .ce_title + .cws_ce_content.ce_container_accs { margin-top: 0; } .ce_container_accs .accordion_title, .ce_toggle .accordion_title{ position: relative; border: 1px solid #e6e6e6; font-size: 1.08em; padding: 8px 20px 8px 40px; min-height: 25px; /* icon height */ border: 0 !important; border-radius: 10px; color: #777777; } .ce_container_accs .accordion_title > span, .ce_toggle .accordion_title > span{ max-width: 100%; } .ce_container_accs.second_style .accordion_section.active .accordion_title > span, .ce_toggle.second_style .accordion_section.active .accordion_title > span{ color: #fff; } .ce_container_accs .accordion_title, .ce_toggle .accordion_title{ cursor: pointer; white-space: nowrap; } .ce_container_accs .accordion_title>*, .ce_toggle .accordion_title>*{ display: inline-block; vertical-align: top; white-space: normal; } .ce_container_accs .accordion_title .accordion_icon, .ce_toggle .accordion_title .accordion_icon{ position: relative; height: 17px; width: 18px; box-sizing: content-box; margin-left: -4px; padding: 4px 15px 4px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .ce_container_accs .accordion_title .accordion_icon.fa:before, .ce_toggle .accordion_title .accordion_icon.fa:before, .ce_container_accs .accordion_title .accordion_icon[class^="flaticon-"]:before, .ce_container_accs .accordion_title .accordion_icon[class*=" flaticon-"]:before, .ce_toggle .accordion_title .accordion_icon[class^="flaticon-"]:before, .ce_toggle .accordion_title .accordion_icon[class*=" flaticon-"]:before{ display: block; position: absolute; line-height: 25px; font-size: 16px; text-align: center; top: 0; left: 0; } .ce_container_accs .accordion_title .accordion_icon[class^="flaticon-"]:before, .ce_container_accs .accordion_title .accordion_icon[class*=" flaticon-"]:before, .ce_toggle .accordion_title .accordion_icon[class^="flaticon-"]:before, .ce_toggle .accordion_title .accordion_icon[class*=" flaticon-"]:before{ font-size: 1em; } .ce_container_accs .accordion_title img.accordion_icon, .ce_toggle .accordion_title img.accordion_icon{ padding: 0; border-style: none; } .ce_container_accs .accordion_title .accordion_icon:not(.custom):before, .ce_container_accs .accordion_title .accordion_icon:not(.custom):after, .ce_toggle .accordion_title .accordion_icon:not(.custom):before, .ce_toggle .accordion_title .accordion_icon:not(.custom):after{ content: ""; display: block; position: absolute; background-color: #e6e6e6; } .ce_container_accs .accordion_title .accordion_icon:not(.custom):before, .ce_toggle .accordion_title .accordion_icon:not(.custom):before{ left: 5px; top: 12px; width: 15px; height: 1px; } .ce_container_accs .accordion_title .accordion_icon:not(.custom):after, .ce_toggle .accordion_title .accordion_icon:not(.custom):after{ left: 12px; top: 5px; width: 1px; height: 15px; } .ce_container_accs .accordion_title .accordion_angle, .ce_toggle .accordion_title .accordion_angle{ position: absolute; z-index: 1; font-size: 1.2em; right: 14px; top: 50%; transition: all 0.3s; transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); } .ce_container_accs .accordion_section.active .accordion_title .accordion_angle, .ce_toggle .accordion_section.active .accordion_title .accordion_angle { transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .ce_container_accs .accordion_section.active .accordion_icon:not(.custom):after, .ce_toggle .accordion_section.active .accordion_icon:not(.custom):after{ display: none; } .ce_container_accs .accordion_section + .accordion_section{ margin-top: 10px; } .accordion_content:after{ content: ''; clear: both; display: table; } .ce_container_accs .accordion_content, .ce_toggle .accordion_content{ margin: 15px 0 5px 0; padding: 5px 15px 20px 40px; font-weight: 300; line-height: 1.6; position: relative; z-index: 1; border-bottom: 1px solid #c7d5d3; } .ce_container_accs .accordion_section:not(.active) .accordion_title{ background: transparent !important; } .ce_container_accs .accordion_content p{ text-indent: 0; } body.cws_gradients .ce_container_accs .accordion_content:before{ display: none; } .accordion_content:before{ position: absolute; z-index: 1; left: 10px; top: 0px; width: 6px; height: calc(100% - 25px); border-radius: 10px; } .ce_container_accs.second_style .accordion_section.active .accordion_title, .ce_container_accs.second_style .accordion_section.active .accordion_icon.fa, .ce_toggle.second_style .accordion_section.active .accordion_title, .ce_toggle.second_style .accordion_section.active .accordion_icon.fa, .ce_container_accs.second_style .accordion_section.active .accordion_angle, .ce_toggle.second_style .accordion_section.active .accordion_angle, .ce_container_accs.third_style .accordion_section.active .accordion_title > span, .ce_toggle.third_style .accordion_section.active .accordion_title > span, .ce_container_accs.third_style .active .accordion_title .accordion_icon, .ce_toggle.third_style .active .accordion_title .accordion_icon{ color: #fff; } .ce_container_accs.second_style .accordion_section.active .accordion_icon:not(.fa):not(img):before, .ce_container_accs.second_style .accordion_section.active .accordion_icon:not(.fa):not(img):after, .ce_toggle.second_style .accordion_section.active .accordion_icon:not(.fa):not(img):before, .ce_toggle.second_style .accordion_section.active .accordion_icon:not(.fa):not(img):after, .ce_container_accs.third_style .active .accordion_title .accordion_angle:before, .ce_toggle.third_style .active .accordion_title .accordion_angle:before, .ce_container_accs.third_style .active .accordion_title .accordion_angle:after, .ce_toggle.third_style .active .accordion_title .accordion_angle:after{ background-color: #fff; } .ce_container_accs .accordion_section .accordion_title .fa.active{ display: none; } .ce_container_accs .accordion_section .accordion_title .fa{ position: absolute; z-index: 1; top: 8px; left: 8px; width: 24px; height: 24px; text-align: center; font-size: 8px; line-height: 24px; background-color: transparent; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .ce_container_accs .accordion_section .accordion_title img{ position: absolute; z-index: 1; top: 50%; left: 8px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .ce_container_accs .accordion_section.active .accordion_title .fa{ display: none; } .ce_container_accs .accordion_section.active .accordion_title .fa.active{ display: inline-block; color: #ffffff; } .ce_container_accs .accordion_section.active .accordion_title .fa.border-less.active{ -webkit-box-shadow: 0px 0px 0px 1px #ffffff !important; -moz-box-shadow: 0px 0px 0px 1px #ffffff !important; box-shadow: 0px 0px 0px 1px #ffffff !important; } .ce_container_accs .accordion_section.active .accordion_title > span{ color:#fff !important; } .ce_container_accs.second_style .accordion_title, .ce_toggle.second_style .accordion_title, .ce_container_accs.third_style .accordion_title, .ce_toggle.third_style .accordion_title, .ce_container_accs.fourth_style .accordion_title, .ce_toggle.fourth_style .accordion_title { background-color: transparent; } .ce_container_accs.second_style .accordion_content, .ce_toggle.second_style .accordion_content, .ce_container_accs.fourth_style .accordion_content, .ce_toggle.fourth_style .accordion_content{ margin-top: 0; border-color: transparent; } .ce_container_accs.second_style .accordion_content:before, .ce_toggle.second_style .accordion_content:before, .ce_container_accs.third_style .active .accordion_title .accordion_angle:after, .ce_toggle.third_style .active .accordion_title .accordion_angle:after, .ce_container_accs.fourth_style .active .accordion_title .accordion_angle:after, .ce_toggle.fourth_style .active .accordion_title .accordion_angle:after{ display: none; } .ce_container_accs.third_style .accordion_title, .ce_toggle.third_style .accordion_title, .ce_container_accs.fourth_style .accordion_title, .ce_toggle.fourth_style .accordion_title{ padding-left: 55px; border: 1px solid #e6e6e6; } .ce_container_accs.third_style .accordion_title .accordion_angle, .ce_toggle.third_style .accordion_title .accordion_angle, .ce_container_accs.fourth_style .accordion_title .accordion_angle, .ce_toggle.fourth_style .accordion_title .accordion_angle{ right: auto; left: 0px; top: 0; bottom: 0; width: 40px; border-right: 1px solid #e6e6e6; transform: translateY(0%) rotate(0deg) !important; -ms-transform: translateY(0%) rotate(0deg) !important; -webkit-transform: translateY(0%) rotate(0deg) !important; -moz-transform: translateY(0%) rotate(0deg) !important; } .ce_container_accs.third_style .active .accordion_title .accordion_angle, .ce_toggle.third_style .active .accordion_title .accordion_angle { border-color: #ffffff; } .ce_container_accs.third_style .accordion_title .accordion_angle:before, .ce_toggle.third_style .accordion_title .accordion_angle:before, .ce_container_accs.third_style .accordion_title .accordion_angle:after, .ce_toggle.third_style .accordion_title .accordion_angle:after, .ce_container_accs.fourth_style .accordion_title .accordion_angle:before, .ce_toggle.fourth_style .accordion_title .accordion_angle:before, .ce_container_accs.fourth_style .accordion_title .accordion_angle:after, .ce_toggle.fourth_style .accordion_title .accordion_angle:after{ content: ""; display: block; position: absolute; left: 50%; top: 50%; } .ce_container_accs.third_style .accordion_title .accordion_angle:before, .ce_toggle.third_style .accordion_title .accordion_angle:before, .ce_container_accs.fourth_style .accordion_title .accordion_angle:before, .ce_toggle.fourth_style .accordion_title .accordion_angle:before { width: 11px; height: 1px; left: calc(50% - 6px); top: calc(50% - 0px); } .ce_container_accs.third_style .accordion_title .accordion_angle:after, .ce_toggle.third_style .accordion_title .accordion_angle:after, .ce_container_accs.fourth_style .accordion_title .accordion_angle:after, .ce_toggle.fourth_style .accordion_title .accordion_angle:after { width: 1px; height: 11px; left: calc(50% - 1px); top: calc(50% - 5px); } .ce_container_accs.fourth_style .accordion_title .accordion_angle:before, .ce_toggle.fourth_style .accordion_title .accordion_angle:before, .ce_container_accs.fourth_style .accordion_title .accordion_angle:after, .ce_toggle.fourth_style .accordion_title .accordion_angle:after { background: #8c8c8c; } /* -- \ACCORDION ALTERNATIVE */ /* - \ACCORDION */ /* - TOGGLE */ .ce_toggle .accordion_section + .accordion_section{ margin-top: 10px; } /* -- \TOGGLE ALTERNATIVE */ /* - \TOGGLE */ /* - TABS */ .ce_tabs .tab{ position: relative; z-index: 2; float: left; border-bottom: 0; text-align: center; cursor: pointer; font-size: 1em; line-height: 41px; padding:0 29px; } .ce_tabs .tabs{ overflow: hidden; display: flex; } .ce_tabs .tab + .tab { border-left: 0; } .ce_tabs .tab > *{ vertical-align: middle; } .ce_tabs .tab.active{ color: #fff; } .ce_tabs .tab.active{ position: relative; } .ce_tabs .tab:first-child{ border-radius: 9px 0 0 0; } .ce_tabs.vertical .tab:last-child{ border-radius: 0 0 0 9px; } .ce_tabs .tab:last-child{ border-radius: 0 9px 0 0; } .ce_tabs .tab.active:before { opacity: 1; } .ce_tabs .tab_sections{ background: #fff; border-radius: 0 9px 9px 9px; } .ce_tabs .tab_section{ padding: 35px 20px; border-radius: 10px; background: #fff; } .ce_tabs .tab_sections{ position: relative; z-index: 5; } .ce_tabs .tab_section p{ text-indent: 0; } .ce_tabs.vertical{ display: table; border-collapse: collapse; width: 100%; } .ce_tabs.vertical > *{ display: table-cell; vertical-align: top; } .ce_tabs.vertical .tabs{ margin-left: auto; } .ce_tabs.vertical .tab{ border-width: 1px 0px 1px 1px; border-style: solid; border-color: #e6e6e6; float: none; text-align: start; white-space: nowrap; margin-left: auto; } .ce_tabs.vertical .tab + .tab { border-top: 0; } .ce_tabs.vertical .tab:before { top: 50%; left: auto; right: -15px; transform: translateY(-50%) rotate(-90deg); } .ce_tabs.vertical .tab_sections{ width: 100%; margin-top: auto; } .tabs-item .fa:before{ margin-right: 5px; } .tabs-item .img-tabs img{ margin-right: 5px; display: inline-block; vertical-align: middle; } /* - \TABS */ /* - PRICING TABLE */ .price-list-container li .txt-align{ float: left; width: 310px; word-wrap: break-word; } .price-list-container ul li:before{ display: none; } .price-list-container ul li{ padding-left: 0; } .price-list-container li .serv-button{ float: right; } .price-list-container li .discount_price_txt{ margin-right: 10px; } .price-list-container li .serv-button a{ margin-right: 13px; padding: 5px 0; width: 110px; text-align: center; box-sizing: border-box; } .price-list-container li .serv-button a .cur-price-list{ font-size: 10px; vertical-align: text-top; } .price-list-container li .serv-button a:last-child{ margin-right:0; } .price-list-container li{ position: relative; margin-bottom: 0; line-height: 31px; } .price-list-container li:after{ clear: both; height: 0; display: block; content: ""; } .icon-pricing-lists{ display: inline-block; box-shadow: none; margin-right: 9px; float:left; position: absolute; top:0%; left: 0; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); font-size: 14px; color:#c7d5d3; margin-top: 9px; } .icon-pricing-lists.fa.fa-circle-o:before{ font-size: 7px; } .icon-pricing-lists + .txt-align{ margin-left: 17px; } .price-list-container > div{ overflow: visible; } .grid_row.cws_flex_row .pricing_table_column .cols_wrapper{ -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .pricing_table_column .cols_wrapper .widget_wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-width: 1px; border-color: #e6e6e6; border-style: solid; overflow: hidden; text-align: center; width: 100%; } .pricing_table_column .title_section{ font-weight:bold; font-size: 30px; color:#76c08a; text-align: center; transition: all 0.3s; margin-top: 25px; } .pricing_table_column .title_section:after{ content: ""; display: block; width: 49px; height: 18px; background: url(../img/bg_title_h.png) no-repeat 0 0; margin:9px auto 0; } .pricing_table_column .price_section{ position: relative; z-index: 1; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 242px; width: 242px; border-radius: 50%; border:10px solid #c7d5d3; margin: -2px; } .pricing_table .pricing_table_column{ border:1px solid #c7d5d3; } .pricing_table_column .price_section:after{ clear:both; display: block; height: 0; content: ""; } .pricing_table_column .price_section .price_container{ display: block; float:left; border-radius: 50%; width: 45%; height: 0; padding-bottom: 45%; text-align: center; font-weight:bold; font-size: 40px; margin: -6px; } .pricing_table_column .price_section .price_container sup{ font-size:23px; } .pricing_table_column .price_section .main_price_part{ text-align: left; } .pricing_table_column:hover .price_section, .pricing_table_column.active_table_column .price_section{ color: #ffffff; } .pricing_table_column .price_section>*{ position: relative; z-index: 3; } .det-price{ display: block; font-size:16px; } .pricing_table_column .price_section .price_container .wrap-price{ padding-top: 26px; } .pricing_table_column .desc_section{ padding: 0 15px; width: calc(100% - 30px); } .pricing_table_column .desc_section{ margin-top: 10px; } .pricing_table_column .desc_section ul{ margin-bottom: 0; } .pricing_table_column .desc_section li + p{ display: none; } .pricing_table_column .desc_section li:nth-of-type(odd){ background: rgb(240, 247, 242); border-radius: 9px; } .pricing_table_column .desc_section li .fa:before{ } .pricing_table_column .desc_section li{ font-size:17px; line-height: 36px; color:#9d9d9d; text-align: center; } .pricing_table_column .desc_section ul ul{ margin-left: auto; margin-right: auto; } .pricing_table_column .desc_section ul ul li{ padding-left: 0; padding-right: 0; } .pricing_table_column .desc_section ul ul li + li{ padding-top: 0; } .pricing_table_column .desc_section ul ul li:last-child, .pricing_table_column .desc_section ul li:last-child{ border-bottom: 0; } .pricing_table_column .desc_section ul li:before{ display: none; } .pricing_table_column .btn_section{ text-align: center; padding: 25px 0; } .pricing_table_column:hover .btn_section .cws_button.alt, .pricing_table_column.active_table_column .btn_section .cws_button.alt{ color: #fff; } .pricing_table_column:hover .btn_section .cws_button.alt:hover, .pricing_table_column.active_table_column .btn_section .cws_button.alt:hover{ background: transparent; } .pricing_table{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pricing_table .pricing_table_column{ width: 100%; max-width: 262px; margin: 0 15px; border-radius: 250px 250px 9px 9px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing: content-box; } .pricing_table .pricing_table_column.active { padding: 14px 14px 0 14px; } .pricing_table .pricing_table_column.active .price_section{ width: 272px; height: 272px; margin-top: -16px; } .pricing_table .pricing_table_column:not(.active):hover{ margin-top: -5px; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); box-shadow: rgba(0, 0, 0, 0.247059) 0px 0px 15px; } .pricing_table .pricing_table_column li{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing_table .pricing_table_column:first-child{ margin-left: 0; } .pricing_table .pricing_table_column:last-child{ margin-right: 0; } .pricing_table:after{ display: block; clear: both; height: 0; content: ""; } /* - \PRICING TABLE */ /* - CALLOUT */ .cws_callout p{ text-indent: 0; } .cws_callout{ position: relative; z-index: 1; padding: 40px 40px 54px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; border-style: solid; border-width: 4px; overflow: hidden; } .cws_callout>*{ position: relative; z-index: 2; } .cws_callout .fill-callout { position: absolute; z-index: 1; opacity: 0.9; top: 0; left: 0; bottom: 0; right: 0; } .cws_callout .callout_title{ font-size: 3.8em; line-height: 1.1; text-transform: uppercase; letter-spacing: -0.04em; font-weight: bold; } .cws_callout .callout_sub_title{ font-size: 1.7em; line-height: 1; font-weight: bold; } .cws_callout .callout_sub_title:after{ content: ""; width: 23px; height: 1px; background: #c7d5d3; display: block; margin-top: 14px; } .cws_callout .callout_text{ font-size: 0.9em; line-height: 1.5; margin-top: 18px; color: #777777; } .cws_callout .callout_title + .callout_text{ margin-top: 10px; color:#777777; } .cws_callout .content_section{ padding-right: 355px; } .cws_callout .button_section a:hover{ background: transparent !important; } .cws_callout{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .cws_callout .button_section{ -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; position: absolute; right: 90px; top: 50%; -moz-transform: translateX(0px) translateY(-50%); -webkit-transform: translateX(0px) translateY(-50%); -o-transform: translateX(0px) translateY(-50%); -ms-transform: translateX(0px) translateY(-50%); transform: translateX(0px) translateY(-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cws_callout .content_section + .button_section{ padding-left: 30px; text-align: end; } .cws_callout{ text-align: center\9; } .cws_callout .content_section + .button_section{ padding-left: 0\9; margin-top: 20px\9; } .cws_callout .cws_button.alt { color: #fff; border-color: #fff; } .cws_callout .cws_button.alt:hover { background: #ffffff; } .cws_callout .icon_section{ line-height: 0; padding-right: 38px; margin-right: 40px; border-right: 1px dashed #ffffff; } .cws_callout .icon_section .cws_fa{ color: #fff; width: auto; height: 1.4em; } .cws_callout .icon_section .cws_fa:before{ line-height: 1.4em; } .cws_callout .icon_section .cws_fa{ background: transparent; } /* - \CALLOUT */ /* - Banners */ .wrapper-circle{ display: flex; justify-content: center; } .wrapper-circle > div{ margin-right: 15px; margin-left: 15px; } .wrapper-circle > div:first-child{ margin-left:0; } .wrapper-circle > div:last-child{ margin-right:0; } .button-offers { font-size: 15px !important; /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */ width: 100px; position: absolute; bottom: 0; left:50%; z-index: 1; border-top: 0 !important; color: #fff !important; font-style: normal !important; text-align: center; padding: 5px 0px !important; margin:0 0 0 -50px !important ; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */ } .button-offers:before, .button-offers:after { content: ""; position: absolute; display: block; bottom: 0; border-width: 17px; border-style: solid; z-index: -1; } .button-offers:before { left: -20px; border-right-width:0.5em; border-left-color: transparent; } .button-offers:after { right: -20px; border-left-width: 0.5em; border-right-color: transparent; } .button-offers .ribbon-content:before { left: 0; border-width: 1em 0 0 1em; } .button-offers .ribbon-content:after { right: 0; border-width: 1em 1em 0 0; } .text-information .price{ font-size: 50px; padding-top: 20px; line-height: 1; } .style_one .text-information .price{ margin-bottom: 0px !important; text-transform: uppercase; font-weight: 500; } .style_one .text-information .title{ font-weight: 500; } .style_one .text-information .sub-title{ font-weight: 500; } .style_one .button-offers .ribbon-content{ font-size: 15px; font-weight: 500; line-height: 24px; } .text-information .title{ font-size: 18px; color: #406d80; text-transform: uppercase; line-height: 1; margin-top: 0; } .text-information .title:after{ content:''; background:url("../img/img-line-26.png") no-repeat 0 0; display: block; width: 26px; height:9px; margin: 5px auto; } .text-information .sub-title{ font-size: 15px; text-transform: uppercase; line-height: 1; } .button-offers-inside-white{ background-color: #ffffff; z-index: 0; width: 115px; height: 40px; bottom: -3px; position: absolute; left: 50%; color: #ffffff; font-size: 15px; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .button-offers-inside-white:before, .button-offers-inside-white:after { content: ""; bottom: 0; left: 50%; position: absolute; display: block; border: 17px solid; z-index: -2; } .button-offers-inside-white:before{ left: -20px; border: 20px solid #ffffff !important; border-left-color: transparent !important; } .button-offers-inside-white:after{ right: -20px; border: 20px solid #ffffff !important; border-right-color: transparent !important; } .wrapper-circle { display: flex; justify-content: center; } .wrapper-circle > div{ position: relative; width: 242px; height: 242px; border-radius: 50%; } .wrapper-circle > div.style-offers-four, .wrapper-circle > div.style-offers-four.ih-item.circle { width: auto !important; height: auto !important; overflow: visible; margin-top:0; } .wrapper-circle > div.style-offers-four.ih-item.circle .post_info{ -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; left:50%; width: 100%; } .wrapper-circle > div.style-offers-four .post_info img{ width: auto; height: auto; } .wrapper-circle div.style-offers-four .img{ width: auto; height: auto; } .wrapper-circle div.style-offers-four .desc_part{ margin-top:10px; } .wrapper-circle div.style-offers-four .info-offers{ position: relative; } .wrapper-circle-offers.no_hover.style-offers-four .item_content.info{ position: absolute; top: 0; left:0; width: 92%; margin: 4%; height: 92%; border-radius: 50%; } .wrapper-circle-offers.no_hover.style-offers-four .item_content.info .post_info{ position: absolute; top:50%; left:50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; } .wrapper-circle-offers.no_hover.style-offers-four .title_part { color: rgb(255, 255, 255); font-weight: bold; font-size: 1.7em; } .wrapper-circle div.style-offers-four .text-information{ position: absolute; left: 50%; margin-top: 15px; top: 50%; width: 85%; height: 85%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; display: flex; flex-direction: column; justify-content: center; align-items: center; } .wrapper-circle div.style-offers-four .gallery div.gallery-item dl.gallery-item:hover .gallery-icon .new-size-div:after{ background: #d30; } .wrapper-circle div.style-offers-four .new-size-div{ overflow: visible; } .wrapper-circle div.style-offers-four img{ border:0 !important; } .wrapper-circle > div.style_one{ border-radius: 0; } .wrapper-circle .img { position: relative; width: 242px; height: 242px; border-radius: 50%; } .wrapper-circle .style_one .img { position: relative; width: 262px; height: 262px; border-radius: 50%; } .wrapper-circle > div.style_one{ width: 262px; height: 262px; } .wrapper-circle > div{ overflow: hidden; } .wrapper-circle > div.style-offers-three{ overflow: visible; } .wrapper-circle > div.style_one:hover .info-offers .text-information{ -moz-transform: translateY(150%); -webkit-transform: translateY(150%); -o-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%); } .wrapper-circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .wrapper-circle img,.wrapper-circle .img img { width: 100%; height: 100%; border-radius: 50%; padding: 0; max-width: 100%; border:0; } .wrapper-circle .info-offers { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wrapper-circle .text-information{ position: absolute; z-index: 1; text-align: center; margin: 0; padding: 0 !important; top: 20%; left: 20%; width: 160px; height: 160px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .wrapper-circle .style-offers-two .info-offers{ -webkit-backface-visibility: initial; backface-visibility: initial; overflow: hidden; z-index: 54; } .wrapper-circle .style-offers-two .text-information .sub-title{ font-size:22px; line-height:1.6; color:#fff; margin-top: 3px; text-transform: capitalize; } .wrapper-circle .style-offers-two .text-information .sub-title:before, .wrapper-circle .style-offers-two .text-information .sub-title:after{ content: ''; background: url(../img/offers_2.png) no-repeat 0 0; display: inline-block; width: 22px; height: 9px; vertical-align: middle; } .wrapper-circle .style-offers-two .text-information .sub-title:before{ margin-right: 10px; } .wrapper-circle .style-offers-two .text-information .title { font-weight:bold; font-size: 28px; line-height:0.7; color:#fff; } .wrapper-circle .style-offers-two .text-information .price{ font-size: 24px; font-weight: 400; width: 75px; height: 75px; line-height: 46px; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 10px auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; padding: 0; } .wrapper-circle .style-offers-two .info-offers{ margin:10px; width: calc(100% - 20px); } .wrapper-circle .style-offers-two .text-information .price:first-letter{ font-size: 18px; } .wrapper-circle .style-offers-two{ padding: 10px; border:3px solid #c7d5d3; border-radius: 50%; } .wrapper-circle .style-offers-two .text-information .sub-title:after{ margin-left:10px; } .wrapper-circle .style-offers-two .text-information .title:after{ display: none; } .wrapper-circle .style-offers-two .text-information{ bottom: 0px; width: 100%; left:0; top: auto; height: 45%; border-radius: 0; text-align: center; box-shadow: rgba(118, 192, 138, 0.85098) 0px 0px 0px 200px inset; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wrapper-circle .style-offers-two .text-information .sub-title{ } .wrapper-circle .style-offers-two .text-information:hover{ height: 100%; } .wrapper-circle .style-offers-two:hover .text-information .price{ line-height: 75px; } .wrapper-circle .style-offers-two .price{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wrapper-circle .style-offers-two .text-information .sub-title{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wrapper-circle .style-offers-two:hover .text-information .sub-title{ margin-top: 25%; } .wrapper-circle .style-offers-two .img:before{ display: none; } .wrapper-circle .style-offers-three .step-txt{ float: left; font-weight: 500; font-size: 30px; border: 3px solid #c7d5d3; border-radius: 50%; width: 63px; text-align: center; line-height: 63px; height: 63px; background: #fff; position: absolute; left: 0; z-index: 2; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wrapper-circle .style-offers-three{ padding: 10px; border: 3px solid #c7d5d3; border-radius: 50%; } .wrapper-circle .style-offers-three .info-offers { -webkit-backface-visibility: initial; backface-visibility: initial; overflow: hidden; } .wrapper-circle .style-offers-three:hover .step-txt{ top: 15%; left: 36%; } .wrapper-circle .style-offers-three:hover .info-offers .text-information{ -webkit-box-shadow: 0 0 0 200px rgba(255,255,255, .85) inset; -moz-box-shadow: 0 0 0 200px rgba(255,255,255, .85) inset; box-shadow: 0 0 0 200px rgba(255,255,255, .85) inset; height: 100%; } .wrapper-circle .style-offers-three:hover .info-offers .title { margin-top: 50%; } .wrapper-circle .style-offers-three .info-offers .title{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wrapper-circle .style-offers-three .text-information { bottom: 0px; width: 100%; left: 0; top: auto; height: 30%; border-radius: 0; text-align: center; box-shadow: rgba(255, 255, 255, 0.85098) 0px 0px 0px 200px inset; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wrapper-circle .style-offers-three .text-information .title{ font-weight:500; font-size: 24px; text-transform: capitalize; line-height: 33.6px; padding-top: 11px; } .wrapper-circle .style-offers-three .text-information .title:after{ content: ''; background: url("../img/bg_title_h.png") no-repeat 0 0; display: block; width: 40px; height: 14px; margin: 5px auto 0; } .wrapper-circle .style-offers-three .img:before{ display: none; } .wrapper-circle .style-offers-three a{ display: block; position: relative; } .wrapper-circle .style-offers-three .step-txt span{ font-size:12px; font-weight: 500; text-transform: uppercase; display: block; margin-top:-4px; } .ih-item.circle{ float:none; margin: 10px auto; } .ih-item.circle.effect1 .img{ left:0; top:0; } .ih-item.circle.effect1 .info{ margin:15px !important; width: auto !important; height: auto !important; } .page_content.single_sidebar .portfolio-grid.grid.grid-3 .ih-item.circle.effect1 .info{ width: 240px !important; height: 240px !important; } .ih-item.circle.effect1 .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; -moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; } .portfolio-section.portfolio-grid{ overflow: visible; text-align: center; } .ih-item.circle .info{ margin: 15px; } .ih-item.circle.effect7 .info{ margin: 0; } .ih-item.circle,.ih-item.circle .img{ width: 370px !important; height:370px !important; } .grid-4 .ih-item.circle,.grid-4 .ih-item.circle .img{ width: 270px !important; height:270px !important; } .grid-4 .ih-item.circle .pic_alt{ max-width: 270px; max-height: 270px; } .grid-4.cws_portfolio_items article .post_info{ padding-top: 40px; } .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle,.page_content.single_sidebar .grid.grid-3 .item .ih-item.circle .img{ width: 270px !important; height:270px !important; } .ih-item.circle:hover .info{ -webkit-backface-visibility:visible; backface-visibility: visible; } .ih-item.circle.effect20 .info{ background: transparent !important; } .ih-item.circle.effect5 .info{ background: transparent !important; } .ih-item.circle,.ih-item.circle .img{ } .ih-item.circle a{ display: block; } .ih-item.circle .img{ max-width: 370px; } .ih-item.circle .info p{ color:#fff !important; } .ih-item.circle.effect17 a:hover .img:before { box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.6), inset 0 0 0 73px rgba(255, 255, 255, 0.8), 0 53px 26px rgba(0, 0, 0, 0.1); } .ih-item.circle .info h3{ font-weight:bold; font-size: 28px; color:#ffffff; padding: 120px 0 0 0 !important; height: auto !important; text-shadow: none !important; letter-spacing: 1px !important; } .ih-item.circle .info h3:after{ content: ""; background: url(../img/he_separator.png) no-repeat 0 0; display: block; width: 49px; height: 18px; text-align: center; margin: 5px auto 15px; } .ih-item.circle .info p{ border:none !important; font-size: 16px !important; font-weight: normal; font-style: normal; } .ih-item.circle.effect1 .info{ left:0; width: 100%; height: 100%; top:0; margin: 10px; } .ih-item.circle.effect8 .info{ margin: 0; } .ih-item.circle.effect17 a:hover .img:before{ box-shadow:inset 0 0 0 218px rgba(255,255, 255, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1) } .ih-item.circle.effect18 .info,.ih-item.circle.effect20 .info{ margin: 0; } .ih-item.circle.effect3 .info p{ margin: 0 65px; } .ih-item.circle.effect3.top_to_bottom a:hover .img{ -webkit-transform: scale(0.5) translateY(130%); -moz-transform: scale(0.5) translateY(130%); -ms-transform: scale(0.5) translateY(130%); -o-transform: scale(0.5) translateY(130%); transform: scale(0.5) translateY(130%); } .ih-item a{ display: block; } .item.ih-item.circle:hover { position: relative; z-index: 46546456546 !important; } .ih-item .title_part{ font-weight: bold; font-size: 1.5em; color: #ffffff; } /* - Services */ .services-container dl:nth-of-type(1) img{ -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .services-container .gallery:first-child div:first-child{ max-width: 370px; display: table-cell; vertical-align: middle; border-radius: 50%; padding-right: 20px; width: 370px; } .services-container .first-item + div{ margin-bottom: 30px; } .services-container div a{ max-height: 170px; } .services-container .first-item a{ max-height: 100%; } .services-container .gallery div{ text-align: center; } .services-container .gallery:first-child{ overflow: hidden; width: 100%; display: table; } .services-container.bottom .gallery:first-child{ display: block; } .services-container.bottom .gallery:first-child div:first-child{ float: none; max-width: 370px; width: 370px; } .services-container.bottom .gallery:first-child div{ display: block; width: 170px; float:left; } .services-container.bottom .gallery > div{ width: 170px; float:left; } .services-container.bottom .gallery > div:not(.first-item){ margin-right: 20px; } .services-container .gallery:first-child div{ float:none; max-width: 170px; } .services-container .gallery div{ float:left; } .gallery-services{ float:left; } .services-container .gallery{ display: inline-block; vertical-align: top; } .services-container .gallery:first-child div:first-child a{ display: block; width: 370px; height: 370px; } .services-container .gallery div a{ position: relative; border-radius: 50%; display: block; } .services-container .gallery div a:before{ position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; -moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; box-shadow: 0 0 0 15px rgba(255,255,255, 0.6) inset; } .services-container .gallery div a img{ border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .title-services{ font-weight:bold; font-size: 30px; color:#76c08a; margin-bottom: 20px; } .text-content-services ul li + p{ display: none; } .text-content-services ul{ margin-top: 20px; } .container-gallery{ overflow: hidden; } .services-container .container-gallery{ padding-bottom: 0; padding-top: 60px; } .services-container .container-gallery:first-child{ padding-top: 0; } .services-container .container-gallery{ position: relative; } .services-container .container-gallery:after { content: ""; display: block; width: 40px; height: 14px; margin: 0 auto; text-align: center; position: absolute; bottom: 0; left: 50%; padding: 0 6px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(../img/bg_title_h.png) no-repeat center 0 #fff; } .services-container .container-gallery li a.cws_button{ padding: 7px 12px; float:right; } .services-container .container-gallery li{ display: block; line-height: 31px; margin-bottom: 10px; } .services-container .container-gallery li a.cws_button:first-child{ clear: right; } .services-container .container-gallery li a.cws_button + a.cws_button{ margin-top: 0; margin-right: 15px; } .services-container .container-gallery:before { content: ""; display: block; width: 100%; height: 2px; background: #8fdba3; position: absolute; bottom: 7px; } .services-container .container-gallery:last-child:before, .services-container .container-gallery:last-child:after{ display: none; } .services-container .container-gallery li:before{ font-size: 7px; line-height: 39px; content: " "; z-index: 1; margin-top: -3px; width: 6px; height: 6px; border: 1px solid #c7d5d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; box-shadow: none; margin-right: 9px; } .gallery-icon + dd .description-image{ padding: 0 10px; } /* - \Services */ /* - Separator */ .separator-container:after{ content: ""; display: block; height: 0; clear: both; } .ui-sortable .separator-container { padding-top: 5px; } .separator-container { width: 100%; margin: 0 auto auto; } .separator-container.short{ width: 170px; } .separator-container.small { width: 230px; } .separator-container-inner { width: 100%; margin: 0 auto; text-align: center; position: relative; min-height: 1px; } .separator-container .icon { color: #ddd; padding: 0 12px; } .separator-container .icon-separator.icon{ background: url(../img/divider.png) no-repeat center center; margin: 0 auto; text-align: center; display: block; height: 18px; width: 49px; padding: 0 6px; } .separator-container-left-line, .separator-container-right-line { height: 1px; position: absolute; width: 50%; top: 50%; margin-top: -1px; background-color: #ddd; } .add_separate .separator-container-left-line,.add_separate .separator-container-right-line { width: 47%; } .short.add_separate .separator-container-left-line,.short.add_separate .separator-container-right-line{ width: 30%; } .custom.add_separate .separator-container-left-line,.custom.add_separate .separator-container-right-line { width: 42%; } .fullwidth_items .add_separate .separator-container-left-line,.fullwidth_items .add_separate .separator-container-right-line { width: 48%; } .separator-container-left-line { left: 0; } .separator-container-right-line { right: 0; } .separator-container-inner .icon-separator { color: #ddd; padding: 0 40px; } .separator-container-inner .icon-separator .fa { color: #404040; } .ss-separator { padding: 0 5px; } .separator-wrapper{ overflow: hidden; } /* - \Separator */ /* - Testimonials */ .wrapper-testimonials.cws_sc_carousel{ padding: 0 80px; width: auto; } .wrapper-testimonials .cws_wrapper.owl-carousel{ margin-right: 0; } .shortcode-carousel.cws_sc_carousel.use_nav{ width: auto; overflow: hidden; } .shortcode-carousel.cws_sc_carousel.use_nav .carousel_nav_panel .prev{ left: -100px; opacity: 0; } .shortcode-carousel.cws_sc_carousel.use_nav .carousel_nav_panel .next{ right: -100px; opacity: 0; } .shortcode-carousel.cws_sc_carousel.use_nav:hover .carousel_nav_panel .prev{ left: 20px; opacity: 1; } .shortcode-carousel.cws_sc_carousel.use_nav:hover .carousel_nav_panel .next{ right: 20px; opacity: 1; } .wrapper-testimonials .cws_wrapper{ display: flex; justify-content: center; } .wrapper-testimonials .cws_wrapper .testimonials-wrapper img{ padding:3px; } .wrapper-testimonials .cws_wrapper .testimonials-wrapper{ width: 100%; } .wrapper-testimonials .cws_wrapper .testimonials-wrapper .elem-left{ float:left; margin-right: 20px; } .wrapper-testimonials .cws_wrapper .testimonials-wrapper .elem-left + .content-testimonials, .wrapper-testimonials .cws_wrapper .testimonials-wrapper .elem-right + .content-testimonials{ margin-top: 0; } .wrapper-testimonials .cws_wrapper .testimonials-wrapper .elem-right{ float:right; margin-left: 20px; } .wrapper-testimonials .cws_wrapper .testimonials-wrapper img{ border-radius: 50%; } .wrapper-testimonials .cws_wrapper .content-testimonials{ font-size: 17px; color:#7f7f7f; margin-top: 20px; } .wrapper-testimonials .cws_wrapper .author-testimonials{ font-style:italic; font-weight: bold; font-size: 20px; color:#76c08a; display: inline-block; } .wrapper-testimonials .cws_wrapper .author-testimonials a{ text-align: center; font-style:italic; font-size: 20px; font-weight: bold; } .wrapper-testimonials .cws_wrapper .author-testimonials:before, .wrapper-testimonials .cws_wrapper .author-testimonials:after{ content: ""; } .wrapper-testimonials .cws_wrapper .author-testimonials:before{ width: 23px; height: 2px; display: block; margin: 7px auto; text-align: center; } .wrapper-testimonials .cws_wrapper .author-testimonials{ position: relative; padding-bottom: 40px; } .wrapper-testimonials .cws_wrapper .author-testimonials:after{ background: url(../img/bg_title_h.png) no-repeat left 0; display: block; width: 49px; height: 18px; margin: 20px 0 20px -25px; text-align: center; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; left: 50%; } .wrapper-testimonials .cws_wrapper .testimonials-wrapper:hover .author-testimonials:after{ opacity: 1; width: 49px; } .wrapper-testimonials.gallery-columns-data-1 .owl-item{ width: 100%; } /* - \Testimonials */ /* \SHORTCODES */ /* RESPONSIVE */ @media only screen and (max-width : 1500px) { .gallery-icon + dd .title-img{ font-size: 23px; } .gallery-icon + dd .description-image{ font-size: 14px; padding: 0 30px; } .gallery-icon + dd{ margin-top: -5px; } .grid_row.no_paddings .grid_col .cols_wrapper{ padding-left: 15px; padding-right: 15px; } .grid_row .cws-mode-circle[data-columns='4'] .item, .grid_row.fullwidth_items .cws-mode-circle[data-columns='4'] .item{ width: calc(33% - 30px); margin-left: 15px; margin-right: 15px; max-width: calc(33% - 30px); } } @media screen and ( max-width: 1200px ){ .row_bg.cws-container.def_cont{ width: 100%; } .page_content > main .grid_row.fullwidth_items, .container, .page_content > main .grid_row .woocommerce > .grid_row, .single.single-cws_portfolio .page_content > main .grid_row{ width: 940px; } .header_wrapper_container > #site_top_panel .container, .header_wrapper_container > .header_cont .container{ max-width: 940px; } .grid .item{ width: 910px; margin-right: 20px; padding-top: 30px; margin-top: 30px; } .page_content.single_sidebar .grid .item{ width: 670px; } .page_content.double_sidebar .grid .item{ width: 460px; } .grid.grid-2 .item.sticky-posts{ width: 380px !important; } .grid.grid-2 .item{ width: 440px; } .page_content.single_sidebar .news.news-pinterest .grid.grid-2 .item{ width: 320px; } .page_content.single_sidebar .news.news-pinterest .grid.grid-2 .item.sticky-posts{ width: 260px !important; } .page_content.double_sidebar .grid.grid-2 .item{ width: 220px; } .grid.grid-3 .item{ width: 280px; } .page_content.single_sidebar .grid.grid-3 .item, .page_content.double_sidebar .grid.grid-3 .item{ width: 203px; } .page_content.double_sidebar .grid.grid-3 .item{ width: 185px; } .page_content.double_sidebar .grid.grid-3 .item.sticky-posts{ width: 125px !important; } .page_content.single_sidebar .grid.grid-3 .item.sticky-posts{ width: 143px !important; } .grid.grid-4 .item, .page_content.single_sidebar .grid.grid-4 .item, .page_content.double_sidebar .grid.grid-4 .item{ width: 220px; } .benefits_container, .footer_container{ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .benefits_container .cws-widget:nth-child(1):nth-last-child(5), .benefits_container .cws-widget:nth-child(2):nth-last-child(4), .benefits_container .cws-widget:nth-child(3):nth-last-child(3), .benefits_container .cws-widget:nth-child(4):nth-last-child(2), .benefits_container .cws-widget:nth-child(5):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(5), .footer_container .cws-widget:nth-child(2):nth-last-child(4), .footer_container .cws-widget:nth-child(3):nth-last-child(3), .footer_container .cws-widget:nth-child(4):nth-last-child(2), .footer_container .cws-widget:nth-child(5):nth-last-child(1) { width: 172px; } .benefits_container .cws-widget:nth-child(1):nth-last-child(4), .benefits_container .cws-widget:nth-child(2):nth-last-child(3), .benefits_container .cws-widget:nth-child(3):nth-last-child(2), .benefits_container .cws-widget:nth-child(4):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(4), .footer_container .cws-widget:nth-child(2):nth-last-child(3), .footer_container .cws-widget:nth-child(3):nth-last-child(2), .footer_container .cws-widget:nth-child(4):nth-last-child(1){ width: 220px; } .benefits_container .cws-widget:nth-child(1):nth-last-child(3), .benefits_container .cws-widget:nth-child(2):nth-last-child(2), .benefits_container .cws-widget:nth-child(3):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(3), .footer_container .cws-widget:nth-child(2):nth-last-child(2), .footer_container .cws-widget:nth-child(3):nth-last-child(1){ width: 300px; } .benefits_container .cws-widget:nth-child(1):nth-last-child(2), .benefits_container .cws-widget:nth-child(2):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(2), .footer_container .cws-widget:nth-child(2):nth-last-child(1){ width: 460px; } .benefits_container .cws-widget, .footer_container .cws-widget{ -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .page_content aside.sb_right, .page_content aside.sb_left { width: 250px; } .page_content.double_sidebar .grid_fw.col-3 .item{ width: 50%; } .page_content.single_sidebar .grid_fw.col-4 .item{ width: 33.333333%; } .page_content.double_sidebar .grid_fw.col-4 .item{ width: 50%; } .grid_fw.col-5 .item{ width: 25%; } .page_content.single_sidebar .grid_fw.col-5 .item{ width: 33.333333%; } .page_content.double_sidebar .grid_fw.col-5 .item{ width: 50%; } .grid_fw.col-6 .item{ width: 25%; } .page_content.single_sidebar .grid_fw.col-6 .item{ width: 33.333333%; } .page_content.double_sidebar .grid_fw.col-6 .item{ width: 50%; } .page_content.double_sidebar .cws_callout{ display: block; text-align: center; } .page_content.double_sidebar .cws_callout .button_section{ text-align: center; padding-left: 0; } .page_content.double_sidebar .cws_callout > * + *{ margin-top: 20px; } .gallery-icon + dd .title-img{ font-weight: bold; font-size: 24px; } .page_content > main .grid_row_cont .grid_col_3 { width: 50%; margin-bottom: 50px; } .elemfloat.right + .elemfloat.left{ clear: both !important; } .elemfloat.left + .elemfloat.right{ clear: both !important; } .elemfloat.right,.elemfloat.left{ margin-bottom: 20px; } .cws_flex_row.cws_equal_height > div form.wpcf7-form{ display: block; } .cws_flex_row.cws_equal_height > div form.wpcf7-form p{ box-sizing: border-box; } .pricing_table{ flex-wrap: wrap; display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ } .pricing_table .pricing_table_column{ margin: 0 auto 20px; flex: 1 auto; width: calc(50% - 40px); } .pricing_table .pricing_table_column:last-child, .pricing_table .pricing_table_column:first-child{ margin: 0 auto 20px; } .wrapper-circle{ flex-wrap: wrap; display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ margin:0 auto 20px; } .wrapper-circle .wrapper-circle-offers{ flex : 0 1 auto; } .gallery-services{ width: 100%; } .services-container .container-gallery li:after{ clear: both; display: block; height: 0; content: ""; } .content-services{ padding: 0 15px; } .page_content > main .grid_row{ box-sizing: border-box; } .services-container .gallery div a{ display: inline-block; } .services-container .gallery:first-child div:first-child{ padding-right: 0; } .page_content > main .grid_row_cont { width: auto; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item{ width: 370px; max-width: 370px; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle.portfolio_carousel[data-columns="1"] .item{ width: calc(100% - 30px); max-width: 100%; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img{ width: 370px; height: 370px; max-width: 370px; max-height: 370px; } .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .pic_alt{ width: 370px !important; height: 370px !important; max-width: 370px !important; max-height: 370px !important; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope .item{ width: calc(50% - 30px); max-width: 100%; margin: 30px 15px; padding: 0; overflow: visible; } .grid-4 .ih-item.circle, .grid-4 .ih-item.circle .img, .grid-4 .ih-item.circle .pic_alt{ width: 370px !important; height: 370px !important; max-width: 370px !important; max-height: 370px !important; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope[data-columns='1'] .item{ width: calc(100% - 30px); } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope.cws-mode-square .item{ padding-bottom: 30px; } .grid-4.cws_portfolio_items.cws-mode-circle article .post_info{ padding-top: 95px !important; } .cws_portfolio .square .img_cont.img img{ width: 100%; } .cws_portfolio .cws_wrapper { overflow: hidden; } .grid.grid-3 .item.sticky-posts { width: 220px !important; margin-right: 15px !important; margin-left: 15px !important; } form.wpcf7-form > div:not(.wpcf7-response-output){ display: flex; flex-direction: column; margin-bottom: 30px; } form.wpcf7-form > div:not(.wpcf7-response-output) p{ width: auto; } .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ display: block; } .grid_col.grid_col_6 .services-container .gallery:first-child div{ float: left; } .grid_col.grid_col_6 .services-container .gallery:first-child .first-item + div{ margin-right: 15px; } .wrapper-circle .wrapper-circle-offers{ margin-bottom: 30px; } .woocommerce .products .owl-item li, .woocommerce ul.products .owl-item li{ margin-left: auto; margin-right: auto; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.cws-mode-square.grid-3.isotope .item{ width: calc(33.3% - 30px); } } @media only screen and (max-width: 1024px) { .grid_row .cws_sc_carousel_header{ display: none; } .page_content > main .grid_row_cont{ width: auto; } .grid_col_3{ width: 50%; margin-bottom:50px; } .woocommerce .owl-carousel li{ margin: 0 auto; text-align: center; padding: 0; } .woocommerce .owl-carousel .owl-item{ display: flex; text-align: center; } .comments-area .comments_children { padding-left: 50px; } .wrapper-circle div.style-offers-four .img { width: auto !important; height: auto !important; } .wrapper-circle > div.style-offers-four.ih-item.circle .post_info, .wrapper-circle-offers.no_hover.style-offers-four .item_content.info .post_info{ margin-top: 25px; } .wrapper-circle div.style-offers-four .desc_part{ font-size: 14px; } .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ display: block; } .grid_col.grid_col_6 .services-container .gallery:first-child div{ float: left; } .grid_col.grid_col_6 .services-container .gallery:first-child .first-item + div{ margin-right: 15px; } } @media only screen and (min-width:980px) and (max-width: 1200px) { .cws_milestone{ width: 205px; height: 205px; display: block; margin: 0 auto; } .cws_milestone.iconless > span { padding-top: 40px; height: calc(100% - 40px); } .cws_milestone.icon-milestone > span { padding-top: 15px; height: calc(100% - 15px); } .cws_milestone.borderless:not(.iconless) .milestone_number { margin-top: 8px; } .cws_milestone .milestone_icon + *{ margin-top: 10px; } .cws_milestone .milestone_number:after{ margin: 4px auto 0; } .footer_container .cws-widget{ margin:80px 0 0; } } @media only screen and (min-width:320px) and (max-width: 1200px) { .cws_wrapper_container{ margin-top:0 !important; margin-bottom: 30px !important; padding: 0 !important; } } @media only screen and (min-width:680px) and (max-width: 980px) { .ih-item.circle.effect3.top_to_bottom .pic_alt:hover .img{ -webkit-transform: scale(0.5) translateY(120%); -moz-transform: scale(0.5) translateY(120%); -ms-transform: scale(0.5) translateY(120%); -o-transform: scale(0.5) translateY(120%); transform: scale(0.5) translateY(120%); } .ih-item.circle.effect10 .title_part{ font-size: 1em; } .ih-item.circle.effect10 .desc_part{ font-size: 14px; width: 75%; } } @media screen and ( max-width: 980px ){ .grid .item, .page_content > main .grid_row .woocommerce > .grid_row, .page_content > main .grid_row.fullwidth_items, .page_content.single_sidebar .grid .item, .single.single-cws_portfolio .page_content > main .grid_row, .page_content.double_sidebar .grid .item{ width: 708px; } .container{ width: 738px; } .header_wrapper_container > #site_top_panel .container, .header_wrapper_container > .header_cont .container{ max-width: 738px; } .page_content aside.sb_right, .page_content aside.sb_left{ width: 100%; } .single.single-cws_portfolio .page_content > main .grid_row .grid{ margin-right: 0; } .page_content.single_sidebar main, .page_content.double_sidebar main{ margin:0 auto; } .page_content.double_sidebar .news.news-small .post_info_part:not(.full_width){ float: left; width: 370px; margin-right: 24px; } .grid{ margin-right: -18px; } .grid .item{ margin-right: 18px; } .grid.grid-2 .item, .page_content.single_sidebar .grid.grid-2 .item, .page_content.double_sidebar .grid.grid-2 .item{ width: 226px; } .grid.grid-2 .item.sticky-posts{ width: 279px !important; margin-right: 15px !important; margin-left: 15px !important; } .page_content.single_sidebar .news.news-pinterest .grid.grid-2 .item, .page_content.double_sidebar .news.news-pinterest .grid.grid-2 .item, .news.news-pinterest .grid.grid-2 .item { width: 339px; float: left; } .page_content.single_sidebar .news.news-pinterest .grid.grid-2 .item.sticky-posts{ width: 279px !important; } .grid.grid-3 .item.sticky-posts{ width: 156px !important; margin-right: 15px !important; margin-left: 15px !important; } .grid.grid-3 .item{ width: 206px; } .page_content.single_sidebar .grid.grid-3 .item, .page_content.double_sidebar .grid.grid-3 .item, .grid.grid-4 .item, .page_content.single_sidebar .grid.grid-4 .item, .page_content.double_sidebar .grid.grid-4 .item{ width: 216px; } .page_content.single_sidebar .grid.grid-3 .item.sticky-posts, .page_content.double .grid.grid-3 .item.sticky-posts{ width: 156px !important; } .benefits_container .cws-widget:nth-child(1):nth-last-child(5), .benefits_container .cws-widget:nth-child(2):nth-last-child(4), .benefits_container .cws-widget:nth-child(3):nth-last-child(3), .footer_container .cws-widget:nth-child(1):nth-last-child(5), .footer_container .cws-widget:nth-child(2):nth-last-child(4), .footer_container .cws-widget:nth-child(3):nth-last-child(3){ width: 232px; } .benefits_container .cws-widget:nth-child(4):nth-last-child(2), .benefits_container .cws-widget:nth-child(5):nth-last-child(1), .footer_container .cws-widget:nth-child(4):nth-last-child(2), .footer_container .cws-widget:nth-child(5):nth-last-child(1){ width: 360px; } .benefits_container .cws-widget:nth-child(1):nth-last-child(4), .benefits_container .cws-widget:nth-child(2):nth-last-child(3), .benefits_container .cws-widget:nth-child(3):nth-last-child(2), .benefits_container .cws-widget:nth-child(4):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(4), .footer_container .cws-widget:nth-child(2):nth-last-child(3), .footer_container .cws-widget:nth-child(3):nth-last-child(2), .footer_container .cws-widget:nth-child(4):nth-last-child(1){ width: 171px; } .benefits_container .cws-widget:nth-child(1):nth-last-child(3), .benefits_container .cws-widget:nth-child(2):nth-last-child(2), .benefits_container .cws-widget:nth-child(3):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(3), .footer_container .cws-widget:nth-child(2):nth-last-child(2), .footer_container .cws-widget:nth-child(3):nth-last-child(1){ width: 234px; } .benefits_container .cws-widget:nth-child(1):nth-last-child(2), .benefits_container .cws-widget:nth-child(2):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(2), .footer_container .cws-widget:nth-child(2):nth-last-child(1){ width: 360px; } .page_content > .container > aside.sb_right, .page_content > .container > aside.sb_left{ margin-top:50px; padding: 0 15px; } .pagination{ margin: 20px 0 0; } .page_content.double_sidebar .grid_fw.col-3 .item, .grid_fw.col-4 .item, .page_content.double_sidebar .grid_fw.col-4 .item, .grid_fw.col-5 .item, .page_content.double_sidebar .grid_fw.col-5 .item, .grid_fw.col-6 .item, .page_content.double_sidebar .grid_fw.col-6 .item{ width: 33.333333%; } .page_content.double_sidebar .cws_callout{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: start; } .page_content.double_sidebar .cws_callout .button_section{ text-align: end; padding-left: 30px; } .page_content.double_sidebar .cws_callout > * + *{ margin-top: 0; } .grid_col.grid_col_6{ width: 100%; } .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle, .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle .img{ width: 270px !important; height: 270px !important; } .page_content .grid_row .grid.cws-mode-circle .item .ih-item.circle, .page_content .grid .item .ih-item.circle .img,.page_content .grid.cws-mode-circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle,.grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .img{ width: 270px !important; height: 270px !important; } .cws_portfolio_items article .post_info, .grid-4.cws_portfolio_items.cws-mode-circle article .post_info{ padding-top: 30px; } .grid-4.cws_portfolio_items.cws-mode-circle article .post_info{ padding-top: 30px !important; } .ih-item.circle.effect10.bottom_to_top .pic_alt:hover .post_info { padding-top: 80px; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.grid-3.isotope .item{ width: calc(50% - 30px); } .page_content.double_sidebar .grid.grid-3 .item{ width: 206px; } .page_content.double_sidebar .grid.grid-3 .item.sticky-posts{ width: 146px !important; } footer .footer_container form,footer .footer_container form input:not(.wpcf7-submit){ width: 200px; } .benefits_container .cws-widget:nth-child(1):nth-last-child(5), .benefits_container .cws-widget:nth-child(2):nth-last-child(4), .benefits_container .cws-widget:nth-child(3):nth-last-child(3), .benefits_container .cws-widget:nth-child(4):nth-last-child(2), .footer_container .cws-widget:nth-child(1):nth-last-child(5), .footer_container .cws-widget:nth-child(2):nth-last-child(4), .footer_container .cws-widget:nth-child(3):nth-last-child(3), .footer_container .cws-widget:nth-child(4):nth-last-child(2){ width: 96%; } .benefits_container .cws-widget:nth-child(5):nth-last-child(1), .footer_container .cws-widget:nth-child(5):nth-last-child(1){ width: 96%; } .benefits_container .cws-widget:nth-child(1):nth-last-child(4), .benefits_container .cws-widget:nth-child(2):nth-last-child(3), .benefits_container .cws-widget:nth-child(3):nth-last-child(2), .benefits_container .cws-widget:nth-child(4):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(4), .footer_container .cws-widget:nth-child(2):nth-last-child(3), .footer_container .cws-widget:nth-child(3):nth-last-child(2), .footer_container .cws-widget:nth-child(4):nth-last-child(1){ width: 96%; } .benefits_container .cws-widget:nth-child(1):nth-last-child(3), .benefits_container .cws-widget:nth-child(2):nth-last-child(2), .footer_container .cws-widget:nth-child(1):nth-last-child(3), .footer_container .cws-widget:nth-child(2):nth-last-child(2){ width: 96%; } .benefits_container .cws-widget:nth-child(3):nth-last-child(1), .footer_container .cws-widget:nth-child(3):nth-last-child(1){ width: 96%; } .benefits_container .cws-widget:nth-child(1):nth-last-child(2), .benefits_container .cws-widget:nth-child(2):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(2), .footer_container .cws-widget:nth-child(2):nth-last-child(1){ width: 96%; } .footer_container .cws-widget{ margin-left: 2% !important; margin-right: 2% !important; } .footer_container .cws-widget{ margin-bottom: 30px; margin-top:0; } .copyrights_area .copyrights{ text-align: center; } .cws_milestone{ width: 271px; height: 271px; display: block; margin: 0 auto; } .page_content.single_sidebar .cws_portfolio_items.grid, .page_content.double_sidebar .cws_portfolio_items.grid{ margin-top: 30px; } } @media screen and ( max-width: 768px ){ .single.single-cws_portfolio .page_content > main .grid_row,.page_content > main .grid_row .woocommerce > .grid_row{ width: auto; margin-left: 10px; margin-right: 10px; } .page_content > main .grid_row.fullwidth_items,.container{ width: auto; } .page_content:not(:empty){ padding-top: 0; } #site_top_panel .row_text_search{ text-align: center; } .header_logo_part .logo img{ max-height: 40px; } .shortcode-carousel .woocommerce li{ width: 100%; } .mobile_nav .mobile_menu_header{ padding: 0; } .wrapper-circle .wrapper-circle-offers{ margin-bottom: 30px; } .grid{ margin-right: auto; } .grid .item, .page_content.single_sidebar .grid .item, .page_content.double_sidebar .grid .item{ width: 100%; } #top_panel_links{ top: 100%; right: 0; margin: 8px 40px 0 0; position: absolute; } #site_top_panel form.search-form{ top:100%; margin-top:10px; } #site_top_panel .elements-pos .lang_bar{ width: auto; position: relative; z-index: 60; display: block; text-align: center; line-height: 2; } #site_top_panel .elements-pos .lang_bar > div{ display: inline-block; vertical-align: middle; } #site_top_panel #top_social_links_wrapper{ line-height: 2; } .header_wrapper_container .custom_mobile_logo.mobile_nav .mobile_menu_header > .logo img, .header_wrapper_container .mobile_nav .mobile_menu_header > .logo img{ margin-left:0 !important; margin-right:0 !important; } #site_top_panel #top_social_links_wrapper .cws_social_links{ visibility: visible; position: relative; top:0; left:0; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); margin-right: 0; text-align: center; } #site_top_panel #top_social_links_wrapper .cws_social_links .cws_social_link{ color:inherit; margin-right: 0; } #site_top_panel #top_panel_text{ line-height: 2; margin-bottom: 10px; float: none; } #site_top_panel #top_social_links_wrapper .separate-search-icon, #site_top_panel #top_social_links_wrapper .social-btn-open{ display: none; } #site_top_panel.show-search .search_back_button{ top: 100%; margin-top: 10px; height: 55px; } #site_top_panel.show-search .search_back_button:before, .header_nav_part.show-search.mobile_nav .search_back_button:before{ position: relative; top:0; margin-top: 0; } #site_top_panel.show-search #top_panel_text, #site_top_panel.show-search .row_text_search .elements-pos > :not(.search-form):not(#top_panel_links){ opacity: 1; } #site_top_panel .elements-pos > .separate-search-icon{ display: none; } #site_top_panel .elements-pos { float:none; clear: both; } #site_top_panel .elements-pos > *{ float:none; display: block; width: 100%; margin-bottom: 10px; } .header_wrapper_container > #site_top_panel .container, .header_wrapper_container > .header_cont .container{ margin-left: auto; margin-right: auto; clear: both; width: calc(100% - 70px); } .header_wrapper_container > .header_cont .container .header_nav_part, .header_wrapper_container > #site_top_panel .container .row_text_search{ padding-left: 0; padding-right: 0; margin-right: -5px; margin-left: -5px; width: auto; } .header_wrapper_container > .header_cont .container{ display: block; } .header_nav_part.mobile_nav .search_mobile_menu_cont{ right: 5px; } .header_nav_part.mobile_nav.show-search .search_mobile_menu_cont{ right: 0; } #site_top_panel > .container .elements-pos .search-form{ right: 5px; } #site_top_panel .search_back_button{ width: auto; } #site_top_panel.show-search .row_text_search .elements-pos > *:not(#top_panel_links){ float:none; } #site_top_panel.show-search + .header_cont .mobile_menu_header{ opacity: 0; } .news.news-medium .post_info_part:not(.full_width){ float: none; width: 100%; margin-right: auto; } .news.news-medium .post_info_part:not(.full_width) *{ float: none; display: flex; align-items: center; } .news.news-medium .post_info_part:not(.full_width) a{ display: block; } .news.news-medium .item.medium > *{ text-align: center; } .news.news-medium .item.medium .cws_button.icon-on.regular{ margin-right: auto; margin-left: auto; float: none; } .news.news-medium .item.medium > .ce_title:after{ margin-left: auto; margin-right: auto; } .news.news-medium .post_info_part:not(.full_width) .media_part .pic{ margin-left: auto; margin-right: auto; } .page_content > .container{ margin-left:10px; margin-right: 10px; } .grid.grid-2.owl-carousel, .page_content.single_sidebar .grid.grid-2.owl-carousel, .page_content.double_sidebar .grid.grid-2.owl-carousel, .grid.grid-3.owl-carousel, .page_content.single_sidebar .grid.grid-3.owl-carousel, .page_content.double_sidebar .grid.grid-3.owl-carousel, .grid.grid-4.owl-carousel, .page_content.single_sidebar .grid.grid-4.owl-carousel, .page_content.double_sidebar .grid.grid-4.owl-carousel{ margin-right: -18px; } .grid.grid-2.owl-carousel .item, .page_content.single_sidebar .grid.grid-2.owl-carousel .item, .page_content.double_sidebar .grid.grid-2.owl-carousel .item, .grid.grid-3.owl-carousel .item, .page_content.single_sidebar .grid.grid-3.owl-carousel .item, .page_content.double_sidebar .grid.grid-3.owl-carousel .item, .grid.grid-4.owl-carousel .item, .page_content.single_sidebar .grid.grid-4.owl-carousel .item, .page_content.double_sidebar .grid.grid-4.owl-carousel .item{ float: none; width: auto; margin-right: 18px; } .news .grid .item.sticky-posts,.page_content.single_sidebar .news.news-pinterest .grid.grid-2 .item.sticky-posts, .page_content.double_sidebar .grid.grid-3 .item.sticky-posts, .page_content.single_sidebar .grid.grid-3 .item.sticky-posts, .page_content.double .grid.grid-3 .item.sticky-posts{ width: calc(100% - 90px) !important; margin-right: 15px !important; margin-left: 15px !important; } .news .item { margin-left: 0; margin-right: 0; } .news .medium .media_part{ margin-right: 0; max-width: 100%; } .news.news-pinterest .grid.isotope article .post_info_part, .news.news-large .item.large .post_info_part{ width: auto; float:none; display: flex; } .news.news-pinterest .grid.isotope article .post_info_part .media_part, .news.news-large .item.large .post_info_part .media_part{ width: auto; margin: 0 auto; } .news.news-pinterest .grid.isotope article .ce_title, .news.news-large .item.large .ce_title{ clear: both; } .grid_col{ width: 100%; } .igrid-container .igrid_section{ width: 100%; } .ce.clearfix.inline{ display: block; } .grid_col:not(.grid_col_12){ float: none; } .grid_col + .grid_col{ margin-top: 30px; margin-left: auto; } .benefits_container .cws-widget:nth-child(1):nth-last-child(5), .benefits_container .cws-widget:nth-child(2):nth-last-child(4), .benefits_container .cws-widget:nth-child(3):nth-last-child(3), .benefits_container .cws-widget:nth-child(4):nth-last-child(2), .footer_container .cws-widget:nth-child(1):nth-last-child(5), .footer_container .cws-widget:nth-child(2):nth-last-child(4), .footer_container .cws-widget:nth-child(3):nth-last-child(3), .footer_container .cws-widget:nth-child(4):nth-last-child(2){ width: 96%; } .benefits_container .cws-widget:nth-child(5):nth-last-child(1), .footer_container .cws-widget:nth-child(5):nth-last-child(1){ width: 96%; } .benefits_container .cws-widget:nth-child(1):nth-last-child(4), .benefits_container .cws-widget:nth-child(2):nth-last-child(3), .benefits_container .cws-widget:nth-child(3):nth-last-child(2), .benefits_container .cws-widget:nth-child(4):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(4), .footer_container .cws-widget:nth-child(2):nth-last-child(3), .footer_container .cws-widget:nth-child(3):nth-last-child(2), .footer_container .cws-widget:nth-child(4):nth-last-child(1){ width: 96%; } .benefits_container .cws-widget:nth-child(1):nth-last-child(3), .benefits_container .cws-widget:nth-child(2):nth-last-child(2), .footer_container .cws-widget:nth-child(1):nth-last-child(3), .footer_container .cws-widget:nth-child(2):nth-last-child(2){ width: 96%; } .benefits_container .cws-widget:nth-child(3):nth-last-child(1), .footer_container .cws-widget:nth-child(3):nth-last-child(1){ width: 96%; } .benefits_container .cws-widget:nth-child(1):nth-last-child(2), .benefits_container .cws-widget:nth-child(2):nth-last-child(1), .footer_container .cws-widget:nth-child(1):nth-last-child(2), .footer_container .cws-widget:nth-child(2):nth-last-child(1){ width: 96%; } .grid_fw.col-3 .item, .page_content.double_sidebar .grid_fw.col-3 .item, .grid_fw.col-4 .item, .page_content.single_sidebar .grid_fw.col-4 .item, .page_content.double_sidebar .grid_fw.col-4 .item, .grid_fw.col-5 .item, .page_content.single_sidebar .grid_fw.col-5 .item, .page_content.double_sidebar .grid_fw.col-5 .item, .grid_fw.col-6 .item, .page_content.single_sidebar .grid_fw.col-6 .item, .page_content.double_sidebar .grid_fw.col-6 .item{ width: 50%; } .copyrights_container, .copyrights_container > *{ display: block; } .copyrights_area{ text-align: center; } .copyrights_panel_wrapper{ position: static; max-width: none; top: auto; right: auto; -webkit-transform: none; -o-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .copyrights_area{ padding-bottom: 10px; } .page_content.double_sidebar .cws_callout, .page_content .cws_callout{ display: block; text-align: center; } .page_content.double_sidebar .cws_callout .button_section, .page_content .cws_callout .button_section{ text-align: center; padding-left: 0; } .cws_callout .content_section{ padding-right: 0; } .cws_callout .button_section, .cws_callout .banner-section{ position: relative; top:0; right: 0; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); margin-top:15px; } .cws_callout .banner-section{ position: relative !important; margin: 30px auto 0; } .cws_callout .callout_sub_title:after{ margin: 14px auto 0; } .page_title .container{ table-layout: fixed; } .not_found{ width: 425px; } .cws_portfolio_header, .cws_ourteam_header{ display: block; text-align: center; } .cws_portfolio_header>*, .cws_ourteam_header>*{ display: block; } .cws_portfolio_header>*+*, .cws_ourteam_header>*+*{ margin-top: 30px; } .cws_portfolio_header .cws_portfolio_filter, .cws_ourteam_header .cws_ourteam_filter, .cws_portfolio_header .carousel_nav_panel, .cws_ourteam_header .carousel_nav_panel{ float: none; display: inline-block !important; } .cws_portfolio_header select.cws_portfolio_filter, .cws_ourteam_header select.cws_ourteam_filter{ display: none !important; } .news .media_part .pic.link_post .link{ font-size: 1.8em; } .page_title:not(.customized){ text-align: center; } .page_title:not(.customized) .title:before{ display: none; } .page_title:not(.customized) .container, .page_title:not(.customized) .container > *{ display: block; } .page_title:not(.customized) .bread-crumbs{ text-align: inherit; } .mobile_menu_header{ display: flex; } .news.news-pinterest .grid .item{ width: 354px; } .page_content > main .grid_row .grid_col_3{ width: 100%; float: left; } .page_content > main .grid_row .igrid-container .grid_col_6 ~ .grid_col_3{ width: 50%; } .page_content > main .grid_row .igrid-container .grid_col_6 + .grid_col_3{ width: 100%; } .grid.owl-carousel .owl-wrapper-outer{ margin: 0; } .cws_ourteam .cws_ourteam_items.grid .item{ min-width: 212px; } .comments-area .comments_children { padding-left: 50px; } .gallery[class*='galleryid-'] .gallery-item{ padding: 0; } .services-container .gallery:first-child { width: 540px; margin: 0 auto; } .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ display: table-cell; } .grid_col.grid_col_6 .services-container .gallery:first-child div{ float: none; } .grid_col.grid_col_6 .services-container .gallery:first-child .first-item + div{ margin-right: 0; } .cws_ourteam .cws_ourteam_items.grid .item{ width:calc(50% - 30px); max-width: 100%; margin-right: auto; margin-left: auto; } .shortcode-carousel .gallery[class*='galleryid-'] .gallery-item{ padding-left: 15px; padding-right: 15px; } .page_content .grid .item .ih-item.circle, .page_content .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img,.page_content .grid.cws-mode-circle .pic_alt{ width: 270px !important; height: 270px !important; } .cws_portfolio_items article .post_info{ padding-top: 30px; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.cws-mode-square.grid-3.isotope .item{ width: calc(100% - 30px); } table th, table td { padding: 17px; } .cws_portfolio_items .ih-item.circle.effect10 .pic_alt .post_info .title .title_part{ font-size: 1.2em; } .cws_portfolio_items .ih-item.circle.effect10 .pic_alt .post_info .title{ margin-top: 5px; } .copyrights_area .copyrights{ margin-bottom: 30px; line-height: 32px; } .grid.grid-3 .item:nth-child(2), .grid.grid-3 .item:nth-child(3){ padding-top:30px; } .grid.grid-2 .item:nth-child(2){ padding-top:30px; } .igrid-container .igrid_section{ margin-bottom: 30px; } .igrid-container .igrid_section:last-child{ margin-bottom: 0; } .header_wrapper_container .custom_mobile_logo.mobile_nav .mobile_menu_header > .logo, .header_wrapper_container .mobile_nav .mobile_menu_header > .logo{ display: flex; align-items: center; } } @media screen and ( max-width: 680px ){ .shortcode-carousel .woocommerce .products .owl-item li,.shortcode-carousel .woocommerce ul.products .owl-item li{ padding-left: 15px; padding-right: 15px; } .page_content.single_sidebar .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope .item, .page_content.double_sidebar .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope .item{ width: calc(100% - 30px); } .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle, .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle .img, .page_content.single_sidebar .grid .item .ih-item.circle, .page_content .grid.cws-mode-circle .pic_alt, .page_content .grid_row .grid.cws-mode-circle .item .ih-item.circle, .page_content .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img, .page_content.single_sidebar .grid .item .ih-item.circle .img{ width: 370px !important; height: 370px !important; } .page_content .grid .item .ih-item.circle, .page_content .grid_row .grid.cws-mode-circle .item .ih-item.circle, .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-3 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-2 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-1 .ih-item.circle .pic_alt, .page_content .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img, .page_content .grid.cws-mode-circle .pic_alt, .page_content .grid .item .ih-item.circle .img,.page_content .grid.cws-mode-circle .pic_alt{ width: 370px !important; height: 370px !important; } .cws_portfolio_items article .post_info,.page_content .grid.cws_portfolio_items.cws-mode-circle article .post_info{ padding-top: 95px !important; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope .item, .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.cws-mode-circle.isotope .item{ width: calc(100% - 30px); } .single-cws-related.grid_row .grid.owl-carousel .owl-item>.item{ margin-left: auto; margin-right: auto; } .pricing_table .pricing_table_column{ width: 100%; } } @media screen and ( max-width: 600px ){ .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ display: block; } .grid_col.grid_col_6 .services-container .gallery:first-child div{ float: left; } .grid_col.grid_col_6 .services-container .gallery:first-child .first-item + div{ margin-right: 15px; } .services-container .gallery:first-child{ width: auto; } .shortcode-carousel .woocommerce .products .owl-item li,.shortcode-carousel .woocommerce ul.products .owl-item li{ padding-left: 15px; padding-right: 15px; } .cws_portfolio_items article .post_info{ padding-top: 95px; } } @media screen and ( max-width:480px ){ .benefits_container, .benefits_container .cws-widget, .footer_container, .footer_container .cws-widget{ margin-left: auto; margin-right: auto; } .benefits_container .cws-widget:nth-child(1n+1):nth-last-child(1n+1), .footer_container .cws-widget:nth-child(1n+1):nth-last-child(1n+1){ width: 100%; } .grid_fw.col-2 .item, .grid_fw.col-3 .item, .page_content.double_sidebar .grid_fw.col-3 .item, .grid_fw.col-4 .item, .page_content.single_sidebar .grid_fw.col-4 .item, .page_content.double_sidebar .grid_fw.col-4 .item, .grid_fw.col-5 .item, .page_content.single_sidebar .grid_fw.col-5 .item, .page_content.double_sidebar .grid_fw.col-5 .item, .grid_fw.col-6 .item, .page_content.single_sidebar .grid_fw.col-6 .item, .page_content.double_sidebar .grid_fw.col-6 .item{ width: 100%; } .not_found, .banner_404 img{ width: 100%; } .news .media_part .pic.link_post .link{ font-size: 1.2em; } .pricing_table .pricing_table_column.active .price_section{ width: 250px;height: 250px; } .pricing_table .pricing_table_column.active{ padding: 13px 0px 0 0px; } .news.news-pinterest .grid .item{ width: 280px; margin: 0; } .comments-area .comments_children { padding-left: 20px; } .shortcode-carousel .owl-item > *, .shortcode-carousel .woocommerce .products .owl-item li,.shortcode-carousel .woocommerce ul.products .owl-item li{ padding-left: 15px !important; padding-right: 15px !important; } .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope .item{ width: calc(100% - 30px); max-width: 100%; margin: 30px 15px; padding: 0; overflow: visible; } .grid_row.fullwidth_items .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.grid.isotope .item{ margin-left:0; margin-right: 0; } .grid .ih-item.circle, .grid .ih-item.circle .img, .effect1 .pic_alt{ width: 324px !important; height: 324px !important; } .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ display: block; } .grid_col.grid_col_6 .services-container .gallery:first-child div{ float: none; max-width: 100%; } .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ width: 260px; height: 260px; } .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ width: 260px; height: 260px; margin-bottom: 30px; } .services-container .gallery:first-child div:first-child a{ width: 260px; height: 260px; } .price-list-container li .txt-align{ width: 100%; } #top_panel_text, #top_panel_text a, .separate-search-icon,#top_panel_text .lang_bar ul li a{ font-size: 14px; } } @media screen and ( max-width: 420px ){ .grid_col.grid_col_6 .services-container .gallery:first-child div:first-child{ width: 250px; height: 250px; } .services-container .gallery:first-child div:first-child a{ width: 250px; height: 250px; } .price-list-container li .txt-align{ width: 100%; } .cws_ourteam .cws_ourteam_items.grid .item{ width: 100%; max-width: 100%; } .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle, .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle .img, .page_content.single_sidebar .grid .item .ih-item.circle, .page_content.single_sidebar .grid .item .ih-item.circle .img{ width: 270px !important; height: 270px !important; } .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle, .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle .img, .page_content.single_sidebar .grid .item .ih-item.circle, .page_content .grid.cws-mode-circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-3 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-2 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-1 .ih-item.circle .pic_alt, .page_content .grid_row .grid.cws-mode-circle .item .ih-item.circle, .page_content .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img, .page_content.single_sidebar .grid .item .ih-item.circle .img{ width: 270px !important; height: 270px !important; } .page_content .grid .item .ih-item.circle, .page_content .grid_row .grid.cws-mode-circle .item .ih-item.circle, .page_content .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img, .page_content .grid.cws-mode-circle .pic_alt, .page_content .grid .item .ih-item.circle .img,.page_content .grid.cws-mode-circle .pic_alt{ width: 270px !important; height: 270px !important; } .cws_portfolio_items .item .title_part{ font-size: 1em; } .cws_portfolio_items .item .desc_part{ font-size: 0.9em; } .cws_portfolio_items article .post_info, .page_content .grid.cws_portfolio_items.cws-mode-circle article .post_info { padding-top: 30px !important; } .page_content .grid.cws_portfolio_items.cws-mode-circle .effect10 .post_info{ padding-top: 90px !important; } .cws_portfolio .effect10 .desc_part{ width: 85%; } .bread-crumbs:before, .bread-crumbs:after{ width: 10px; } } @media screen and ( max-width: 320px ){ .pricing_table .pricing_table_column.active .price_section{ width: 250px;height: 250px; } .pricing_table .pricing_table_column.active{ padding: 13px 0px 0 0px; } .services-container .gallery:first-child div:first-child a{ width: 250px; height: 250px; } .comments-area .comments_children { padding-left: 10px; } .cws_sc_carousel .owl-item > .gallery-item{ width: 250px !important; } .gallery[class*='galleryid-']{ margin-left:0 !important; } .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle, .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle .img, .page_content.single_sidebar .grid .item .ih-item.circle, .page_content.single_sidebar .grid .item .ih-item.circle .img{ width: 250px !important; height: 250px !important; } .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle, .page_content.single_sidebar .grid.grid-3 .item .ih-item.circle .img, .page_content.single_sidebar .grid .item .ih-item.circle, .page_content .grid.cws-mode-circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-4 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-3 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-2 .ih-item.circle .pic_alt, .grid_row.fullwidth_items .cws-mode-circle.grid-1 .ih-item.circle .pic_alt, .page_content .grid_row .grid.cws-mode-circle .item .ih-item.circle, .page_content .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img, .page_content.single_sidebar .grid .item .ih-item.circle .img{ width: 250px !important; height: 250px !important; } .page_content .grid .item .ih-item.circle, .page_content .grid_row .grid.cws-mode-circle .item .ih-item.circle, .page_content .cws_portfolio_items.portfolio-section.portfolio-grid.cws_portfolio_items.cws-mode-circle .item .img, .page_content .grid.cws-mode-circle .pic_alt, .page_content .grid .item .ih-item.circle .img,.page_content .grid.cws-mode-circle .pic_alt{ width: 250px !important; height: 250px !important; } .single_sidebar .cws_portfolio_items article .post_info{ padding-top: 15px; } .cws_portfolio_items article .post_info{ padding-top: 30px; } .shortcode-carousel .owl-item > .gallery-item{ padding-left: 0 !important; padding-right: 0 !important; } .wrapper-circle > div{ margin-left: 0; margin-right: 0; } .gallery[class*='galleryid-']{ margin-right: 0 !important; } .cws_portfolio_items article .post_info, .page_content .grid.cws_portfolio_items.cws-mode-circle article .post_info { padding-top: 60px !important; } .cws_portfolio_items.ih-item.circle.effect3 article .post_info{ padding-top: 30px !important; } .page_content .grid.cws_portfolio_items.cws-mode-circle .effect10 .post_info{ padding-top: 90px !important; } .cws_portfolio .effect10 .desc_part{ width: 85%; } } /* \RESPONSIVE */