/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - custom 2.0 - buttons 3.0 - content 3.1 - single-fortfolios 3.2 - blog grid 3.3 - blog grid 1 column 3.4 - blog-classic 3.5 - single blog 3.6 - 404 page not found 4.0 - comment 5.0 - elements 5.1 - title heading 5.2 - cms grid portfolio-fullwidth 5.3 - cms grid portfolio-classic 5.4 - zo-masonry-wrapper 5.5 - portfolio-gallery 5.6 - cms grid portfolio related 5.7 - cms grid blog 2,3,4 columns 5.8 - cms grid blog-grid-list-view 5.9 - cms grid blog column sidebar 5.10 - vc gallery 5.11 - vc_tta-accordion 5.12 - cms-progress-wraper 5.13 - csm fancybox single 5.14 - team-carousel 5.15 - testimonials-carousel 5.16 - toot-client-carousel 5.17 - cms-grid-team 5.18 - Cms grid pricing table 5.19 - cms-counter-wraper 5.20 - Lastest Tweets 5.21 - slideset 7.0 - footer 8.0 - forms 9.0 - header 10.0 - main 11.0 - media 12.0 - navigation 11.1 - Minimum width of 992 pixels. 11.2 - Menu Stick Wall 11.3 - Start Mega Menu 11.4 - Max width of 1199 pixels. 13.0 - sidebar 12.1 - main sidebar 14.0 - typography 15.0 - widgets 16.0 - responsive /*------------------------------------------------------------*/ /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /*-------------------------------------------------------------- 1.0 - custom --------------------------------------------------------------*/ /*Fix row full width*/ /*-------------------------------------------------------------- 8.0 - header --------------------------------------------------------------*/ /*------------------------------ 9.1 - general ------------------------------*/ /* Images */ /*-------------------------------------------------------------- 11.0 - navigation --------------------------------------------------------------*/ /* main sidebar */ @media screen and (min-width: 1200px) { body .container { padding-left: 0; padding-right: 0; } .toot-small-screen-menu { display: none !important; } } @media screen and (max-width: 1199px) { .toot-small-screen-menu { display: block; } } div.pp_default .pp_top, div.pp_default .pp_bottom { display: none; } div.pp_default .pp_content_container .pp_left { background: none; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: none; padding-right: 13px; } .pp_hoverContainer { position: absolute; width: 82px !important; bottom: 86px; right: 70px; left: auto; top: auto; height: 0 !important; z-index: 2000; } .pp_hoverContainer a.pp_next { position: absolute; top: 0; bottom: 0; right: 0; left: auto; font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #000; line-height: 34px; border-radius: 2px; text-indent: -10000px; } .pp_hoverContainer a.pp_next:before { content: "\f101"; font: normal normal normal 14px/1 FontAwesome; float: left; position: relative; text-indent: 0; width: 36px; height: 36px; text-align: center; top: 10px; } .pp_hoverContainer a.pp_previous { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #000; line-height: 34px; border-radius: 2px; position: absolute; top: 0; bottom: 0; left: 0; text-indent: -10000px; } .pp_hoverContainer a.pp_previous:before { content: "\f100"; font: normal normal normal 14px/1 FontAwesome; float: left; position: relative; text-indent: 0; width: 36px; height: 36px; text-align: center; top: 10px; } .pp_hoverContainer a.pp_next:hover, .pp_hoverContainer a.pp_previous:hover { background: #00728d; } .pp_hoverContainer a.pp_next:hover:before, .pp_hoverContainer a.pp_previous:hover:before { color: #fff; } .pp_gallery { display: none !important; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } div.pp_default .pp_details { position: relative; display: none; } div.pp_default .pp_content { background-color: #fff; padding: 20px; } .pp_pic_holder.pp_default .pp_content .pp_fade .pp_expand { display: none !important; } @media screen and (max-width: 767px) { .pp_pic_holder { left: 0 !important; width: 100% !important; height: auto !important; } .pp_pic_holder.pp_default .pp_content { width: 100% !important; height: auto !important; } .pp_pic_holder.pp_default .pp_content .pp_fade .pp_hoverContainer { bottom: 64px; right: 42px; display: none !important; -webkit-transition: all 300ms linear 0ms !important; -khtml-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; -o-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .pp_pic_holder.pp_default .pp_content .pp_fade #pp_full_res img { width: 100% !important; height: auto !important; } .pp_pic_holder.pp_default .pp_content:hover .pp_hoverContainer { display: block !important; -webkit-transition: all 300ms linear 0ms !important; -khtml-transition: all 300ms linear 0ms !important; -moz-transition: all 300ms linear 0ms !important; -ms-transition: all 300ms linear 0ms !important; -o-transition: all 300ms linear 0ms !important; transition: all 300ms linear 0ms !important; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } } @media screen and (min-width: 1200px) { .toot-woo-product.col-lg-6:nth-child(2n+1), .cms-grid-item.col-lg-6:nth-child(2n+1) { clear: left; } .toot-woo-product.col-lg-4:nth-child(3n+1), .cms-grid-item.col-lg-4:nth-child(3n+1) { clear: left; } .toot-woo-product.col-lg-3:nth-child(4n+1), .cms-grid-item.col-lg-3:nth-child(4n+1) { clear: left; } .toot-woo-product.col-lg-2:nth-child(6n+1), .cms-grid-item.col-lg-2:nth-child(6n+1) { clear: left; } } @media (min-width: 992px) and (max-width: 1199px) { .toot-woo-product.col-md-6:nth-child(2n+1), .cms-grid-item.col-md-6:nth-child(2n+1) { clear: left; } .toot-woo-product.col-md-4:nth-child(3n+1), .cms-grid-item.col-md-4:nth-child(3n+1) { clear: left; } .toot-woo-product.col-md-3:nth-child(4n+1), .cms-grid-item.col-md-3:nth-child(4n+1) { clear: left; } .toot-woo-product.col-md-2:nth-child(6n+1), .cms-grid-item.col-md-2:nth-child(6n+1) { clear: left; } } @media (min-width: 768px) and (max-width: 991px) { .toot-woo-product.col-sm-6:nth-child(2n+1), .cms-grid-item.col-sm-6:nth-child(2n+1) { clear: left; } .toot-woo-product.col-sm-4:nth-child(3n+1), .cms-grid-item.col-sm-4:nth-child(3n+1) { clear: left; } .toot-woo-product.col-sm-3:nth-child(4n+1), .cms-grid-item.col-sm-3:nth-child(4n+1) { clear: left; } .toot-woo-product.col-sm-2:nth-child(6n+1), .cms-grid-item.col-sm-2:nth-child(6n+1) { clear: left; } } @media screen and (max-width: 767px) { .cms-grid-blog-fullwidth .cms-grid-item { max-width: 370px; margin-left: auto; margin-right: auto; float: none; } .cms-grid-blog-fullwidth .cms-grid-item:last-child { margin-bottom: 0; } } .toot-main .vc_col-has-fill > .vc_column-inner, .toot-main .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .toot-main .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .toot-main .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .toot-main .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .toot-main .vc_row-has-fill > .vc_column_container > .vc_column-inner, .toot-main .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .toot-main .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0; } .toot-main .wpb_button, .toot-main .wpb_content_element, .toot-main ul.wpb_thumbnails-fluid > li { margin-bottom: 0; } .toot-main .uk-grid { margin-left: -30px; } .toot-main .uk-grid > * { padding-left: 30px; } @media screen and (max-width: 767px) { .toot-main .portfolio-fullwidth .uk-grid { margin-left: 0; } .toot-main .portfolio-fullwidth .uk-grid > * { padding-left: 0; } } .toot-main .uk-slideset.uk-grid { margin-left: 0; } .rev_slider { /* wpb_single_image */ } .rev_slider .tp-dottedoverlay.twoxtwo { background: url(../images/slider-dot-grid.png) repeat 0 0; } .rev_slider .custom.tparrows { width: 36px; height: 36px; background: #fff; border-radius: 2px; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .rev_slider .custom.tparrows:before { font-size: 16px; line-height: 36px; color: #4a454b; font-family: FontAwesome; } .rev_slider .custom.tparrows.tp-leftarrow:before { content: "\f100"; font-size: 16px; line-height: 36px; color: #4a454b; font-family: FontAwesome; } .rev_slider .custom.tparrows.tp-rightarrow:before { content: "\f101"; font-size: 16px; line-height: 36px; color: #4a454b; font-family: FontAwesome; } .rev_slider .custom.tparrows:hover { background: #00728d; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .rev_slider .custom.tparrows:hover:before { color: #fff; } .rev_slider .custom.tp-bullets .tp-bullet { width: 14px; height: 6px; background: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .rev_slider .custom.tp-bullets .tp-bullet.selected, .rev_slider .custom.tp-bullets .tp-bullet:hover, .rev_slider .custom.tp-bullets .tp-bullet:focus { background: #00728d; } .rev_slider .revtoot-btn-gra { color: #fff; font-size: 17px !important; font-family: "Lato"; padding: 7px 31px !important; font-weight: bold !important; } .rev_slider .revtoot-btn-gra:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .rev_slider .revtoot-btn-gra.long-btn { padding: 7px 49px !important; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .rev_slider .revtoot-btn-gra:focus { outline: none; } @media screen and (max-width: 1199px) { .rev_slider .revtoot-btn-gra { padding: 7px 20px !important; } .rev_slider .revtoot-btn-gra.long-btn { padding: 7px 49px !important; font-size: 17px !important; } } @media screen and (max-width: 991px) { .rev_slider .revtoot-btn-gra { font-size: 13px !important; padding: 7px 12px !important; } .rev_slider .revtoot-btn-gra.long-btn { padding: 7px 49px !important; font-size: 17px !important; } } @media screen and (max-width: 767px) { .rev_slider .revtoot-btn-gra { display: none; } .rev_slider .revtoot-btn-gra.long-btn { padding: 7px 49px !important; font-size: 17px !important; } } .rev_slider .revtoot-btn-tran { color: #fff; font-size: 17px !important; font-family: "Lato"; padding: 7px 29px !important; font-weight: bold !important; border: 2px solid #fff; background-color: transparent; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ -webkit-transition: all 0.3s ease-in-out 0s !important; -khtml-transition: all 0.3s ease-in-out 0s !important; -moz-transition: all 0.3s ease-in-out 0s !important; -ms-transition: all 0.3s ease-in-out 0s !important; -o-transition: all 0.3s ease-in-out 0s !important; transition: all 0.3s ease-in-out 0s !important; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (max-width: 767px) { .rev_slider .revtoot-btn-tran { font-size: 14px !important; padding: 7px 16px 9px !important; } } .rev_slider .revtoot-btn-tran:hover { background-color: #fff; color: #00728d; -webkit-transition: all 0.3s ease-in-out 0s !important; -khtml-transition: all 0.3s ease-in-out 0s !important; -moz-transition: all 0.3s ease-in-out 0s !important; -ms-transition: all 0.3s ease-in-out 0s !important; -o-transition: all 0.3s ease-in-out 0s !important; transition: all 0.3s ease-in-out 0s !important; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .rev_slider .revtoot-btn-pri { color: #fff; font-size: 17px !important; font-family: "Lato"; padding: 7px 29px !important; font-weight: bold !important; border: 2px solid #00728d; background-color: #00728d; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* BACKGROUND GRADIENT */ -webkit-transition: all 0.3s ease-in-out 0s !important; -khtml-transition: all 0.3s ease-in-out 0s !important; -moz-transition: all 0.3s ease-in-out 0s !important; -ms-transition: all 0.3s ease-in-out 0s !important; -o-transition: all 0.3s ease-in-out 0s !important; transition: all 0.3s ease-in-out 0s !important; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (max-width: 767px) { .rev_slider .revtoot-btn-pri { font-size: 14px !important; padding: 7px 16px 9px !important; } } .rev_slider .revtoot-btn-pri:hover { border-color: #fff; background-color: #fff; color: #00728d; -webkit-transition: all 0.3s ease-in-out 0s !important; -khtml-transition: all 0.3s ease-in-out 0s !important; -moz-transition: all 0.3s ease-in-out 0s !important; -ms-transition: all 0.3s ease-in-out 0s !important; -o-transition: all 0.3s ease-in-out 0s !important; transition: all 0.3s ease-in-out 0s !important; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .wpb_single_image.cover-img .vc_single_image-wrapper img { width: 100% !important; } .wpb_single_image.cover-img .vc_figure { display: block !important; } .wpb_single_image.cover-img .vc_single_image-wrapper { display: block !important; } @media screen and (min-width: 768px) { .wpb_single_image.padding_left_responsive_15 { padding-left: 15px !important; } .wpb_single_image.padding_right_responsive_15 { padding-right: 15px !important; } } .toot-revo-icon { font-size: 32px !important; color: #00728d; padding: 0 !important; margin: 0 !important; width: 32px !important; height: 32px !important; line-height: 32px !important; text-align: center; /* Text meant only for screen readers. */ } .toot-revo-icon.icon-Mouse:hover, .toot-revo-icon.icon-Mouse:focus, .toot-revo-icon.icon-Mouse:active { color: #fff; cursor: pointer; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; /* Above WP toolbar. */ z-index: 100000; } .bypostauthor { margin: 0; } .column-fill-place .wpb_single_image img { vertical-align: bottom !important; width: 100%; height: auto; } @media (min-width: 992px) { .column-fill-place .wpb_single_image img { margin-bottom: -5px; } } @media (min-width: 1200px) { .column-fill-place .wpb_single_image img { margin-bottom: -6px; } } @media (min-width: 1600px) { .column-fill-place .wpb_single_image img { margin-bottom: -8px; } } @media (min-width: 992px) { .column-fill-place { position: absolute !important; top: auto; left: auto; right: 0; bottom: 0; } .column-fill-place .vc_column-inner { padding: 0 !important; } } @media (min-width: 768px) { .vc_row.wpb_row .wpb_column.full-left, .vc_row.wpb_row .wpb_column.full-right { position: absolute !important; top: 0; bottom: 0; } .vc_row.wpb_row .wpb_column.full-left { left: 0; right: auto; } .vc_row.wpb_row .wpb_column.full-left + .wpb_column { float: right; } .vc_row.wpb_row .wpb_column.full-right { right: 0; left: auto; } } .wpb_row.background-fixed { position: inherit; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .btn-primary { font-size: 13px; padding: 5px 10px; background: #00728d; } .toot-main .vc_btn3 { -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .toot-main .vc_btn3.vc_btn3-size-sm { font-size: 13px; padding: 5px 11px; } .toot-main .vc_btn3.gradient-bg { color: #fff; } .toot-main .vc_btn3.gradient-bg:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .single-fortfolios article.portfolio { padding-top: 100px; padding-bottom: 93px; } .single-fortfolios article.portfolio .entry-portfolio .portfolio-carousel .carousel-nav { position: absolute; width: 82px; bottom: 66px; right: 30px; left: auto; top: auto; } .single-fortfolios article.portfolio .entry-portfolio .portfolio-carousel .carousel-nav .carousel-control { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #4a454b; line-height: 34px; border-radius: 2px; } .single-fortfolios article.portfolio .entry-portfolio .portfolio-carousel .carousel-nav .carousel-control:hover { color: #00728d; } .single-fortfolios article.portfolio .entry-portfolio .portfolio-carousel .carousel-nav .left, .single-fortfolios article.portfolio .entry-portfolio .portfolio-carousel .carousel-nav .right { background-image: none; } .single-fortfolios article.portfolio .entry-portfolio .portfolio-description h3 { margin-top: 96px; font-weight: 400; } .single-fortfolios article.portfolio .entry-portfolio .portfolio-description p:not(:last-child) { margin-bottom: 23px; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .entry-meta h3 { margin-top: 96px; font-weight: 400; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .entry-meta ul { list-style: none; padding-left: 0; padding-bottom: 4px; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .entry-meta ul li span { font-weight: bold; color: #4a454b; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .entry-meta ul li a { color: #7a7c82; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .entry-meta ul li a:hover { color: #00728d; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .social-shared h3 { margin-bottom: 59px; font-weight: 400; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .social-shared ul { list-style: none; padding-left: 0; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .social-shared ul li { display: inline-block; margin-right: 3px; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .social-shared ul li:last-child { margin-right: 0; } .single-fortfolios article.portfolio .entry-portfolio .entry-content-right .social-shared ul li a { width: 34px; height: 34px; line-height: 28px; font-size: 14px; background: #865e5e; border-radius: 2px; display: block; vertical-align: middle; padding: 3px 12px; color: #fff; } .single-fortfolios.layout2 .entry-related-item { background: #f6f6f6; padding-top: 97px; padding-bottom: 56px; box-shadow: inset 0px 8px 3px -5px rgba(0, 0, 0, 0.07); } .single-fortfolios.layout2 .entry-related-item .toot-custom-heading { margin-bottom: 59px; text-align: center; } .single-fortfolios.layout3 article.portfolio { padding-bottom: 76px; } .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-content-right .portfolio-description h3 { margin-top: 0; } @media screen and (max-width: 991px) { .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-content-right .portfolio-description h3 { margin-top: 95px; } } .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-content-right .entry-meta h3 { margin-top: 60px; } .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-content-right .entry-meta ul { margin-bottom: 0; padding-bottom: 0; } .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-content-right .social-shared h3 { margin-top: 60px; } .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-related-item { margin-top: 96px; } .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-related-item .toot-custom-heading { margin-bottom: 59px; } .single-fortfolios.layout3 article.portfolio .entry-portfolio .entry-related-item .toot-custom-heading.show-border:after { margin: 0; } .single-fortfolios.layout3 .portfolio-related .paging-navigation.minus .pagination { margin-top: 0; } .portfolio-categorys { padding-top: 100px; padding-bottom: 80px; } .cms-grid-blog-wraper .paging-navigation { text-align: left; } .cms-grid-blog-wraper .paging-navigation .pagination { text-align: center; margin-top: 30px; } .cms-grid-blog-wraper .text-center .paging-navigation { text-align: center; } .cms-grid-blog-wraper.blog-grid-1-column .paging-navigation .pagination { margin-top: 60px; } .cms-grid-blog-wraper.blog-grid-list-view .paging-navigation { text-align: center; } .cms-grid-blog-wraper .loadmore { margin-top: 50px; } .cms-grid-blog-wraper .loadmore .grid-loadmore a { color: #4a454b; font-size: 15px; line-height: 28px; font-family: "Roboto Slab"; background: #f6f6f6; padding: 11px 34px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper .loadmore .grid-loadmore a:hover { color: #fff; background: #00728d; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper .cms-grid-filter ul { margin-bottom: 10px; margin-left: 0; } .cms-grid-blog-wraper .cms-grid-filter ul li { padding: 0 8px; margin-bottom: 20px; } .cms-grid-blog-wraper .cms-grid-filter ul li:first-child { padding-left: 0; } .cms-grid-blog-wraper .cms-grid-filter ul li:last-child { padding-right: 0; } .cms-grid-blog-wraper .cms-grid-filter ul li a { color: #4a454b; padding: 4px 8px; border: 1px solid #cbcbcd; border-radius: 2px; background: #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper .cms-grid-filter ul li a:focus, .cms-grid-blog-wraper .cms-grid-filter ul li a:active, .cms-grid-blog-wraper .cms-grid-filter ul li a:hover { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-1-column article, .toot-single-wraper article { margin-bottom: 50px; padding-bottom: 30px; border: 1px solid #dadadc; border-radius: 2px; } .blog-1-column article .entry-blog, .toot-single-wraper article .entry-blog { text-align: center; } .blog-1-column article .entry-blog .entry-header .entry-feature, .toot-single-wraper article .entry-blog .entry-header .entry-feature { overflow: hidden; } .blog-1-column article .entry-blog .entry-header .entry-feature img, .toot-single-wraper article .entry-blog .entry-header .entry-feature img, .blog-1-column article .entry-blog .entry-header .entry-feature iframe, .toot-single-wraper article .entry-blog .entry-header .entry-feature iframe { border-radius: 2px 2px 0 0; } .blog-1-column article .entry-blog .entry-header .entry-feature img, .toot-single-wraper article .entry-blog .entry-header .entry-feature img { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ -webkit-transition: all 0.6s ease 0s; -khtml-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-1-column article .entry-blog .entry-header .entry-feature i, .toot-single-wraper article .entry-blog .entry-header .entry-feature i { padding: 15px 14px; background: #4a454b; color: #fff; font-size: 20px; width: 50px; height: 50px; border-radius: 2px; margin-top: 30px; text-align: center; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (max-width: 479px) { .blog-1-column article .entry-blog .entry-header .entry-feature i, .toot-single-wraper article .entry-blog .entry-header .entry-feature i { width: 30px; height: 30px; font-size: 14px; padding: 8px 7px; } } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-quote blockquote, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-quote blockquote { font-size: 21px; color: #fff; font-family: "Roboto Slab"; line-height: 31px; font-style: italic; border-left: 0; padding: 102px 30px 20px 30px; margin-bottom: 0; } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-quote blockquote cite, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-quote blockquote cite { font-size: 13px; font-family: "Open Sans"; display: table; line-height: 28px; margin-top: 5px; position: relative; left: 50%; transform: translateX(-50%); } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-quote blockquote cite:before, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-quote blockquote cite:before { position: absolute; top: 15px; height: 1px; width: 12px; background: #fff; content: ""; left: -15px; } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav { position: absolute; width: 82px; bottom: 66px; right: auto; left: 50%; top: auto; transform: translateX(-50%); } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #4a454b; line-height: 34px; border-radius: 2px; } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control:hover, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control:hover { color: #00728d; } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .left, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .left, .blog-1-column article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .right, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .right { background-image: none; } @media screen and (max-width: 479px) { .blog-1-column article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav { display: none; } } .blog-1-column article .entry-blog .entry-header .entry-feature.entry-embed-link iframe, .toot-single-wraper article .entry-blog .entry-header .entry-feature.entry-embed-link iframe { margin: 0 auto !important; margin-top: 28px !important; } .blog-1-column article .entry-blog .entry-header .entry-feature:hover img, .toot-single-wraper article .entry-blog .entry-header .entry-feature:hover img { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); /* BACKGROUND GRADIENT */ } .blog-1-column article .entry-blog .entry-header .entry-feature:hover i, .toot-single-wraper article .entry-blog .entry-header .entry-feature:hover i { background: #00728d; } .blog-1-column article .entry-blog .entry-header .entry-feature-image, .toot-single-wraper article .entry-blog .entry-header .entry-feature-image, .blog-1-column article .entry-blog .entry-header .entry-video, .toot-single-wraper article .entry-blog .entry-header .entry-video, .blog-1-column article .entry-blog .entry-header .entry-gallery, .toot-single-wraper article .entry-blog .entry-header .entry-gallery { position: relative; min-height: 80px; } .blog-1-column article .entry-blog .entry-header .entry-feature-image i, .toot-single-wraper article .entry-blog .entry-header .entry-feature-image i, .blog-1-column article .entry-blog .entry-header .entry-video i, .toot-single-wraper article .entry-blog .entry-header .entry-video i, .blog-1-column article .entry-blog .entry-header .entry-gallery i, .toot-single-wraper article .entry-blog .entry-header .entry-gallery i { position: absolute; display: block; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ } .blog-1-column article .entry-blog .entry-header .entry-title, .toot-single-wraper article .entry-blog .entry-header .entry-title { letter-spacing: 0.02em; font-size: 35px; font-family: "Roboto Slab"; margin-top: 18px; margin-bottom: 10px; padding: 0 30px; font-weight: 400; } .blog-1-column article .entry-blog .entry-header .entry-title a, .toot-single-wraper article .entry-blog .entry-header .entry-title a { color: #4a454b; } .blog-1-column article .entry-blog .entry-header .entry-title a:hover, .toot-single-wraper article .entry-blog .entry-header .entry-title a:hover { color: #00728d; } .blog-1-column article .entry-blog .entry-header .entry-meta, .toot-single-wraper article .entry-blog .entry-header .entry-meta { padding: 0 30px; } .blog-1-column article .entry-blog .entry-header .entry-meta ul, .toot-single-wraper article .entry-blog .entry-header .entry-meta ul { list-style: none; margin-bottom: 15px; padding-left: 0; } .blog-1-column article .entry-blog .entry-header .entry-meta ul li, .toot-single-wraper article .entry-blog .entry-header .entry-meta ul li { padding: 0 15px 0 0; margin-right: 12px; display: inline-block; line-height: 28px; font-size: 12px; color: #a9a9ab; background: url(../images/divider.png) no-repeat center right; } .blog-1-column article .entry-blog .entry-header .entry-meta ul li:last-child, .toot-single-wraper article .entry-blog .entry-header .entry-meta ul li:last-child { margin-right: 0; background: none; } .blog-1-column article .entry-blog .entry-header .entry-meta ul li a, .toot-single-wraper article .entry-blog .entry-header .entry-meta ul li a { color: #00728d; font-size: 12px; } .blog-1-column article .entry-blog .entry-header .entry-meta ul li a:hover, .toot-single-wraper article .entry-blog .entry-header .entry-meta ul li a:hover { text-decoration: underline; } .blog-1-column article .entry-blog .entry-content, .toot-single-wraper article .entry-blog .entry-content { padding: 0 30px; } .blog-1-column article .entry-blog .entry-content ul, .toot-single-wraper article .entry-blog .entry-content ul { list-style-position: inside; } .blog-1-column article .entry-blog .entry-content.entry-link h3, .toot-single-wraper article .entry-blog .entry-content.entry-link h3 { font-size: 22px; font-family: "Roboto Slab"; line-height: 28px; color: #fff; font-weight: bold; } .blog-1-column article .entry-blog .entry-content.entry-link a, .toot-single-wraper article .entry-blog .entry-content.entry-link a { color: #fff; } .blog-1-column article .entry-blog .entry-content.entry-link a:hover, .toot-single-wraper article .entry-blog .entry-content.entry-link a:hover { text-decoration: underline; } .blog-1-column article .entry-blog .entry-footer, .toot-single-wraper article .entry-blog .entry-footer { margin-top: 27px; padding: 0 30px; } .blog-1-column article .entry-blog .entry-footer a, .toot-single-wraper article .entry-blog .entry-footer a { padding: 5px 10px; font-size: 13px; border-color: transparent; border-radius: 2px; color: #fff; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-1-column article .entry-blog .entry-footer a:hover, .toot-single-wraper article .entry-blog .entry-footer a:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-1-column article.format-link, .toot-single-wraper article.format-link { background: #00728d; padding-bottom: 24px; } .blog-1-column article.format-standard-embed-link, .toot-single-wraper article.format-standard-embed-link { border: none; } .blog-1-column article.format-quote, .toot-single-wraper article.format-quote { border: none; padding-bottom: 0; } .blog-1-column:last-child article, .toot-single-wraper:last-child article { margin-bottom: 0; } .vc_col-sm-8 .blog-1-column article { margin-bottom: 30px; } .vc_col-sm-8 .blog-1-column article .entry-blog { text-align: left; } .vc_col-sm-8 .blog-1-column article .entry-blog .entry-header .entry-feature i { left: 30px; right: auto; bottom: auto; transform: none; } .vc_col-sm-8 .blog-1-column article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav { bottom: 66px; right: 30px; left: auto; top: auto; transform: none; } .vc_col-sm-8 .blog-1-column article .entry-blog .entry-header .entry-feature.entry-link i, .vc_col-sm-8 .blog-1-column article .entry-blog .entry-header .entry-feature.entry-feature-no-image i, .vc_col-sm-8 .blog-1-column article .entry-blog .entry-header .entry-feature.entry-embed-link i { margin-left: 30px; } .vc_col-sm-8 .blog-1-column article .entry-blog .entry-header .entry-title { letter-spacing: 0.02em; line-height: 28px; font-size: 18px; font-family: "Roboto Slab"; margin-top: 22px; margin-bottom: 10px; font-weight: bold; } .vc_col-sm-8 .blog-1-column:last-child article { margin-bottom: 0; } .vc_col-sm-4 + .vc_col-sm-8 .cms-grid-blog-wraper .paging-navigation { text-align: right; } .blog-classic, .blog-search { padding-top: 100px; padding-bottom: 100px; /* blog magazine */ } .blog-classic .blog-classic-wraper article, .blog-search .blog-classic-wraper article { margin-bottom: 50px; border-radius: 2px; } .blog-classic .blog-classic-wraper article .entry-blog, .blog-search .blog-classic-wraper article .entry-blog { text-align: center; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header, .blog-search .blog-classic-wraper article .entry-blog .entry-header { margin-bottom: 23px; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .post-icon i, .blog-search .blog-classic-wraper article .entry-blog .entry-header .post-icon i { padding: 15px 14px; background: #4a454b; color: #fff; font-size: 20px; width: 50px; height: 50px; border-radius: 2px; text-align: center; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-feature img, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-feature img, .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-feature iframe, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-feature iframe { border-radius: 2px 2px 0 0; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav { position: absolute; width: 82px; bottom: 66px; right: auto; left: 50%; top: auto; transform: translateX(-50%); } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #4a454b; line-height: 34px; border-radius: 2px; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control:hover, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .carousel-control:hover { color: #00728d; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .left, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .left, .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .right, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav .right { background-image: none; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-title, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-title { letter-spacing: 0.02em; font-size: 35px; font-family: "Roboto Slab"; margin-top: 19px; margin-bottom: 12px; font-weight: 400; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-title a, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-title a { color: #4a454b; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-title a:hover, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-title a:hover { color: #00728d; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul { list-style: none; margin-bottom: 22px; padding-left: 0; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li { padding: 0 15px 0 12px; display: inline-block; line-height: 28px; font-size: 12px; color: #a9a9ab; background: url(../images/divider.png) no-repeat center right; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li:first-child, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li:first-child { padding-left: 0; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li:last-child, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li:last-child { padding-right: 0; background: none; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li a, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li a { color: #00728d; font-size: 12px; } .blog-classic .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li a:hover, .blog-search .blog-classic-wraper article .entry-blog .entry-header .entry-meta ul li a:hover { text-decoration: underline; } .blog-classic .blog-classic-wraper article .entry-blog .entry-content, .blog-search .blog-classic-wraper article .entry-blog .entry-content { padding: 0 30px; } .blog-classic .blog-classic-wraper article .entry-blog .entry-content.entry-link h3, .blog-search .blog-classic-wraper article .entry-blog .entry-content.entry-link h3 { font-size: 22px; font-family: "Roboto Slab"; line-height: 28px; color: #fff; font-weight: bold; } .blog-classic .blog-classic-wraper article .entry-blog .entry-content.entry-link a, .blog-search .blog-classic-wraper article .entry-blog .entry-content.entry-link a { color: #fff; } .blog-classic .blog-classic-wraper article .entry-blog .entry-content.entry-link a:hover, .blog-search .blog-classic-wraper article .entry-blog .entry-content.entry-link a:hover { text-decoration: underline; } .blog-classic .blog-classic-wraper article .entry-blog .entry-footer, .blog-search .blog-classic-wraper article .entry-blog .entry-footer { margin-top: 27px; } .blog-classic .blog-classic-wraper article .entry-blog .entry-footer a, .blog-search .blog-classic-wraper article .entry-blog .entry-footer a { padding: 5px 10px; font-size: 13px; border-color: transparent; border-radius: 2px; color: #fff; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-classic .blog-classic-wraper article .entry-blog .entry-footer a:hover, .blog-search .blog-classic-wraper article .entry-blog .entry-footer a:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-classic .blog-classic-wraper article.format-link .entry-blog .entry-header, .blog-search .blog-classic-wraper article.format-link .entry-blog .entry-header { margin-bottom: 30px; } .blog-classic .blog-classic-wraper article.format-link .entry-blog .entry-content, .blog-search .blog-classic-wraper article.format-link .entry-blog .entry-content { background: #00728d; padding-bottom: 24px; padding-top: 4px; } .blog-classic .blog-classic-wraper article.format-standard-embed-link .post-icon, .blog-search .blog-classic-wraper article.format-standard-embed-link .post-icon { margin-bottom: 30px; } .blog-classic .blog-classic-wraper article.format-standard-embed-link .entry-embed-link, .blog-search .blog-classic-wraper article.format-standard-embed-link .entry-embed-link { padding-top: 30px; padding-bottom: 30px; } .blog-classic .blog-classic-wraper article.format-standard-embed-link .entry-embed-link iframe, .blog-search .blog-classic-wraper article.format-standard-embed-link .entry-embed-link iframe { margin: 0 auto !important; } .blog-classic .blog-classic-wraper article.format-quote .entry-quote blockquote, .blog-search .blog-classic-wraper article.format-quote .entry-quote blockquote { font-size: 21px; color: #4a454b; font-family: "Roboto Slab"; line-height: 31px; font-style: italic; border-left: 0; padding: 22px 30px 0 30px; margin-bottom: -10px; } .blog-classic .blog-classic-wraper article.format-quote .entry-quote blockquote cite, .blog-search .blog-classic-wraper article.format-quote .entry-quote blockquote cite { font-size: 13px; font-family: "Open Sans"; color: #00728d; display: table; line-height: 28px; margin-top: 5px; position: relative; left: 50%; transform: translateX(-50%); } .blog-classic .blog-classic-wraper article.format-quote .entry-quote blockquote cite:before, .blog-search .blog-classic-wraper article.format-quote .entry-quote blockquote cite:before { position: absolute; top: 15px; height: 1px; width: 12px; background: #fff; content: ""; left: -15px; } .blog-classic .blog-classic-wraper article.format-video .entry-header, .blog-search .blog-classic-wraper article.format-video .entry-header { margin-bottom: 18px; } .blog-classic .blog-classic-wraper article:after, .blog-search .blog-classic-wraper article:after { content: ""; background: #cbcbcd; width: 770px; height: 2px; display: block; margin-top: 50px; text-align: center; margin-left: auto; margin-right: auto; } @media screen and (max-width: 991px) { .blog-classic .blog-classic-wraper article:after, .blog-search .blog-classic-wraper article:after { width: 450px; } } @media screen and (max-width: 480px) { .blog-classic .blog-classic-wraper article:after, .blog-search .blog-classic-wraper article:after { width: 270px; } } .blog-classic.layout-full .blog-classic-wraper .paging-navigation, .blog-search.layout-full .blog-classic-wraper .paging-navigation { text-align: center; } .blog-classic.layout-full .blog-classic-wraper .paging-navigation .pagination, .blog-search.layout-full .blog-classic-wraper .paging-navigation .pagination { text-align: center; margin-top: 10px; } @media screen and (max-width: 767px) { .blog-classic.layout-left .blog-classic-wraper, .blog-search.layout-left .blog-classic-wraper, .blog-classic.layout-right .blog-classic-wraper, .blog-search.layout-right .blog-classic-wraper { margin-bottom: 60px; } } .blog-classic.layout-left .blog-classic-wraper article .entry-blog, .blog-search.layout-left .blog-classic-wraper article .entry-blog, .blog-classic.layout-right .blog-classic-wraper article .entry-blog, .blog-search.layout-right .blog-classic-wraper article .entry-blog { text-align: left; } .blog-classic.layout-left .blog-classic-wraper article .entry-blog .entry-content, .blog-search.layout-left .blog-classic-wraper article .entry-blog .entry-content, .blog-classic.layout-right .blog-classic-wraper article .entry-blog .entry-content, .blog-search.layout-right .blog-classic-wraper article .entry-blog .entry-content { padding-left: 0; } .blog-classic.layout-left .blog-classic-wraper article .entry-blog .entry-content.entry-link, .blog-search.layout-left .blog-classic-wraper article .entry-blog .entry-content.entry-link, .blog-classic.layout-right .blog-classic-wraper article .entry-blog .entry-content.entry-link, .blog-search.layout-right .blog-classic-wraper article .entry-blog .entry-content.entry-link { padding-left: 30px; } .blog-classic.layout-left .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav, .blog-search.layout-left .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav, .blog-classic.layout-right .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav, .blog-search.layout-right .blog-classic-wraper article .entry-blog .entry-header .entry-feature.entry-gallery .carousel .carousel-nav { bottom: 66px; right: 30px; left: auto; top: auto; transform: none; } .blog-classic.layout-left .blog-classic-wraper article .entry-blog .entry-header .entry-title, .blog-search.layout-left .blog-classic-wraper article .entry-blog .entry-header .entry-title, .blog-classic.layout-right .blog-classic-wraper article .entry-blog .entry-header .entry-title, .blog-search.layout-right .blog-classic-wraper article .entry-blog .entry-header .entry-title { letter-spacing: 0.02em; line-height: 28px; font-size: 18px; font-family: "Roboto Slab"; margin-top: 22px; margin-bottom: 10px; font-weight: bold; } .blog-classic.layout-left .blog-classic-wraper article.format-quote .entry-quote blockquote, .blog-search.layout-left .blog-classic-wraper article.format-quote .entry-quote blockquote, .blog-classic.layout-right .blog-classic-wraper article.format-quote .entry-quote blockquote, .blog-search.layout-right .blog-classic-wraper article.format-quote .entry-quote blockquote { padding-left: 0; } .blog-classic.layout-left .blog-classic-wraper article:after, .blog-search.layout-left .blog-classic-wraper article:after, .blog-classic.layout-right .blog-classic-wraper article:after, .blog-search.layout-right .blog-classic-wraper article:after { width: 100%; } .blog-classic.layout-left .blog-classic-wraper .paging-navigation, .blog-search.layout-left .blog-classic-wraper .paging-navigation { text-align: right; } .blog-classic.layout-left .blog-classic-wraper .paging-navigation .pagination, .blog-search.layout-left .blog-classic-wraper .paging-navigation .pagination { text-align: center; margin-top: 10px; } .blog-classic.layout-right .blog-classic-wraper .paging-navigation, .blog-search.layout-right .blog-classic-wraper .paging-navigation { text-align: left; } .blog-classic.layout-right .blog-classic-wraper .paging-navigation .pagination, .blog-search.layout-right .blog-classic-wraper .paging-navigation .pagination { text-align: center; margin-top: 10px; } @media screen and (min-width: 1200px) { .magazine .x2width.col-lg-4 { width: 66.66667%; } } .cms-grid-blog-wraper.blog-grid.magazine .blog-masonry-item.col-md-4 .blog-item .cms-grid-media iframe { max-height: 318px; /* single blog */ } .toot-singles { padding-top: 100px; padding-bottom: 100px; } @media screen and (max-width: 767px) { .toot-singles .toot-single-wraper.layout-right { margin-bottom: 60px; } } .toot-singles .toot-single-wraper article { margin-bottom: 30px; } .toot-singles .toot-single-wraper article .entry-post .tags-share { padding: 20px 0 14px 0; background: #f6f6f6; border-radius: 2px; margin-top: 57px; border: 1px solid #dadadc; } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-tags { display: inline-block; float: left; margin-left: 20px; } @media screen and (max-width: 767px) { .toot-singles .toot-single-wraper article .entry-post .tags-share .single-tags { float: none; } } @media screen and (max-width: 479px) { .toot-singles .toot-single-wraper article .entry-post .tags-share .single-tags { margin-left: 10px; } } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-tags i { color: #4a454b; margin-right: 10px; } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-tags a { font-size: 12px; line-height: 28px; color: #4a454b; } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-tags a:hover { color: #00728d; } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share { display: inline-block; float: right; margin-right: 17px; } @media screen and (max-width: 767px) { .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share { float: none; } } @media screen and (max-width: 479px) { .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share { margin-right: 0px; } } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share ul { list-style: none; } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share ul li { display: inline-block; } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share ul li .lbl-share { line-height: 28px; font-family: "Lato"; font-size: 16px; font-weight: bold; color: #4a454b; margin-right: 15px; } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share ul li a { font-size: 15px; line-height: 28px; color: #a9a9ab; padding: 0 11px; } @media screen and (max-width: 479px) { .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share ul li a { padding: 0 6px; } } .toot-singles .toot-single-wraper article .entry-post .tags-share .single-share ul li a:hover { color: #00728d; } .toot-singles .toot-single-wraper article.format-link { background: none; } .toot-singles .toot-single-wraper article.format-link .entry-feature.entry-link { background: #f23f5f; padding: 0 30px 24px 30px; } .toot-singles .toot-single-wraper article.format-link .entry-feature.entry-link h3 { font-size: 22px; font-family: "Roboto Slab"; line-height: 28px; color: #fff; font-weight: bold; margin-top: 26px; } .toot-singles .toot-single-wraper article.format-link .entry-feature.entry-link a { color: #fff; } @media screen and (max-width: 767px) { .toot-singles .toot-single-wraper article .comments-area .toot-comments-wrap ol, .toot-singles .toot-single-wraper article .comments-area .toot-comments-wrap ul { margin-left: 0; } } .toot-singles .toot-single-wraper .about-autor { padding: 23px 30px 30px 30px; background-color: #f6f6f6; margin-bottom: 30px; border: 1px solid #dadadc; border-radius: 2px; } .toot-singles .toot-single-wraper .about-autor .about-autor-foto { float: left; overflow: hidden; width: 70px; height: 70px; border: 2px solid #00728d; border-radius: 50%; margin-top: 7px; } .toot-singles .toot-single-wraper .about-autor .about-autor-foto img { display: block; max-width: 100%; height: auto; } .toot-singles .toot-single-wraper .about-autor .about-autor-inner { margin-left: 90px; } .toot-singles .toot-single-wraper .about-autor .about-autor-inner .about-autor-name { display: inline-block; font-size: 16px; font-weight: bold; font-family: "Roboto Slab"; letter-spacing: 0.02em; line-height: 28px; color: #4a454b; margin-bottom: 7px; } .toot-singles .toot-single-wraper .about-autor .about-autor-inner .about-autor-category { margin-left: 12px; display: inline-block; font-size: 11px; font-weight: 400; text-transform: uppercase; color: #999; } .toot-singles .toot-single-wraper.layout-left article .entry-post, .toot-singles .toot-single-wraper.layout-right article .entry-post { text-align: left; } .toot-singles .toot-single-wraper.layout-left article .entry-post .entry-header .entry-feature i, .toot-singles .toot-single-wraper.layout-right article .entry-post .entry-header .entry-feature i { left: 30px; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ } .toot-singles .toot-single-wraper.layout-left article .entry-post .entry-header .entry-feature i.fa-file-text, .toot-singles .toot-single-wraper.layout-right article .entry-post .entry-header .entry-feature i.fa-file-text, .toot-singles .toot-single-wraper.layout-left article .entry-post .entry-header .entry-feature i.fa-thumb-tack, .toot-singles .toot-single-wraper.layout-right article .entry-post .entry-header .entry-feature i.fa-thumb-tack { margin-left: 30px; } .toot-singles .toot-single-wraper.layout-left article .entry-post .entry-header .entry-feature.entry-gallery .carousel .carousel-nav, .toot-singles .toot-single-wraper.layout-right article .entry-post .entry-header .entry-feature.entry-gallery .carousel .carousel-nav { bottom: 66px; right: 30px; left: auto; top: auto; transform: none; } .toot-singles .toot-single-wraper.layout-left article .entry-post .entry-header .entry-title, .toot-singles .toot-single-wraper.layout-right article .entry-post .entry-header .entry-title { letter-spacing: 0.02em; line-height: 28px; font-size: 18px; font-family: "Roboto Slab"; margin-top: 22px; margin-bottom: 10px; font-weight: bold; } @media screen and (max-width: 991px) { .toot-singles .toot-single-wraper.layout-left article .entry-post .tags-share .single-tags, .toot-singles .toot-single-wraper.layout-right article .entry-post .tags-share .single-tags, .toot-singles .toot-single-wraper.layout-left article .entry-post .tags-share .single-share, .toot-singles .toot-single-wraper.layout-right article .entry-post .tags-share .single-share { float: none; } .toot-singles .toot-single-wraper.layout-left article .entry-post .tags-share .single-share ul.social-share-wrap, .toot-singles .toot-single-wraper.layout-right article .entry-post .tags-share .single-share ul.social-share-wrap { padding-left: 20px; } } @media screen and (max-width: 479px) { .toot-singles .toot-single-wraper.layout-left article .entry-post .tags-share .single-share ul.social-share-wrap, .toot-singles .toot-single-wraper.layout-right article .entry-post .tags-share .single-share ul.social-share-wrap { padding-left: 10px; } } @media screen and (max-width: 991px) { .toot-singles .toot-single-wraper.layout-left .comments-area .toot-comments-wrap ol, .toot-singles .toot-single-wraper.layout-right .comments-area .toot-comments-wrap ol, .toot-singles .toot-single-wraper.layout-left .comments-area .toot-comments-wrap ul, .toot-singles .toot-single-wraper.layout-right .comments-area .toot-comments-wrap ul { margin-left: 20px; } .toot-singles .toot-single-wraper.layout-left .comments-area .toot-comments-wrap > ol, .toot-singles .toot-single-wraper.layout-right .comments-area .toot-comments-wrap > ol, .toot-singles .toot-single-wraper.layout-left .comments-area .toot-comments-wrap > ul, .toot-singles .toot-single-wraper.layout-right .comments-area .toot-comments-wrap > ul { margin-left: 0; } .toot-singles .toot-single-wraper.layout-left .comments-area .comment-respond form .comment-form-comment, .toot-singles .toot-single-wraper.layout-right .comments-area .comment-respond form .comment-form-comment { width: 100%; padding-left: 0; margin-bottom: 22px; } .toot-singles .toot-single-wraper.layout-left .comments-area .comment-respond form .comment-form-comment i, .toot-singles .toot-single-wraper.layout-right .comments-area .comment-respond form .comment-form-comment i { left: 10px; } .toot-singles .toot-single-wraper.layout-left .comments-area .comment-respond form .author-email, .toot-singles .toot-single-wraper.layout-right .comments-area .comment-respond form .author-email { display: inline-block; width: 100%; padding-right: 0; } } @media screen and (max-width: 767px) { .toot-singles .toot-single-wraper.layout-left .comments-area .toot-comments-wrap ol, .toot-singles .toot-single-wraper.layout-right .comments-area .toot-comments-wrap ol, .toot-singles .toot-single-wraper.layout-left .comments-area .toot-comments-wrap ul, .toot-singles .toot-single-wraper.layout-right .comments-area .toot-comments-wrap ul { margin-left: 0; } } .post { /* 404 page not found */ } .post .entry-content p { margin-bottom: 22px; } .post .entry-content p:last-child { margin-bottom: 10px; } .layout404 { position: relative; } .layout404 .bg-opacity { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .layout404 article { text-align: center; padding-top: 183px; padding-bottom: 200px; background: transparent; } .layout404 article .entry-header h1.entry-title { font-size: 250px; font-family: "Roboto Slab"; line-height: 195px; color: #f23f5f; position: relative; padding-bottom: 20px; margin-bottom: 20px; margin-top: 0; font-weight: 400; } @media screen and (max-width: 767px) { .layout404 article .entry-header h1.entry-title { font-size: 150px; line-height: 118px; } } .layout404 article .entry-header h1.entry-title:after { content: ""; background: #cbcbcd; display: block; position: relative; width: 70px; height: 2px; margin: 0 auto; top: 22px; } .layout404 article .entry-content { position: relative; } .layout404 article .entry-content p { font-family: "Lato"; font-size: 16px; color: #6e6a6f; line-height: 1; } .layout404.layout2 article .entry-header h1.entry-title:after { content: none; } .layout404.layout2 article .entry-content p { padding-bottom: 20px; } .layout404.layout2 article .entry-content p:after { content: ""; background: #cbcbcd; display: block; position: relative; width: 70px; height: 2px; margin: 0 auto; top: 22px; } .layout404.layout2 .search-form { max-width: 370px; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; position: relative; } .layout404.layout2 .search-form input[type="text"] { background: #f6f6f6; } .layout404.layout2 .search-form button[type="submit"] { position: absolute; top: 0; right: 3px; line-height: 35px; border: none; background: none; } .layout404.layout2 .search-form button[type="submit"] i { color: #a9a9ab; } .layout404.layout2 .search-form button:focus { outline: none; } .layout404.layout2 .entry-link .btn { padding: 4px 12px; min-width: 120px; color: #fff; font-size: 13px; line-height: 20px; } .layout404.layout2 .entry-link .btn:first-child { margin-right: 7px; } .layout404.layout2 .entry-link .btn:not(.gradient-bg) { background: #4a454b; } .layout404.layout2 .entry-link .btn:not(.gradient-bg):hover { background: #00728d; } .layout404.layout2 .entry-link .gradient-bg:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .layout404.layout2.v3 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .layout404.layout2.v3 article { padding-top: 270px; } .layout404.layout2.v3dark .search-form input[type="text"] { background: #2e282f; border-color: #484249; } .layout404.layout2.v4 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/404-bg-img.jpg) 0 0 no-repeat; background-size: cover; } .layout404.layout2.v4 article { padding-top: 270px; } .layout404.layout2.v4 .bg-opacity { position: fixed; opacity: 0.8; background: #342e35; } .layout404.layout2.v4 .search-form input[type="text"] { background: #2e282f; border-color: #484249; } .error404-full .site-header, .error404-full .page-title, .error404-full > div > footer { display: none !important; } .error404-halp .page-title, .error404-halp > div > footer > .toot-footer-top { display: none !important; } .error404-halp .cshero-main-header { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); margin-bottom: 3px; } article { background: #fff; /* coming-soon */ } article:not(.sticky) .entry-blog .fa-thumb-tack:before { content: "\f03e"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); /* BACKGROUND GRADIENT */ } .coming-soon .flip-clock-wrapper ul li a div div.inn { background: #342e35; } .coming-soon.layout5, .coming-soon.layout5-dark, .coming-soon.layout6 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; } .coming-soon.layout5-dark { background: #342e35; } .coming-soon.layout5-dark article { background: #342e35; } .coming-soon.layout5-dark .flip-clock-wrapper ul li a div div.inn { background: #00728d; } .coming-soon.layout6 { background: url(../images/404-bg-img.jpg) 0 0 no-repeat; background-size: cover; } .coming-soon.layout6 article { background: transparent; } .coming-soon.layout6 .flip-clock-wrapper ul li a div div.inn { background: #00728d; } .coming-soon.layout6:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #342e35; opacity: 0.8; } .comments-area .toot-comments-wrap { border: 1px solid #dadadc; border-radius: 2px; padding: 30px 30px 30px 30px; } .comments-area .toot-comments-wrap .comments-title { position: relative; margin-top: 0; margin-bottom: 0; font-family: "Roboto Slab"; font-size: 16px; font-weight: bold; line-height: 25px; } .comments-area .toot-comments-wrap .comments-title i { font-size: 15px; color: #fff; width: 28px; height: 28px; background: #4a454b; padding: 7px; border-radius: 2px; text-align: center; margin-right: 10px; } .comments-area .toot-comments-wrap .comments-title:after { content: ""; position: absolute; width: 28px; height: 2px; background: #cbcbcd; left: 0; top: 37px; } .comments-area .toot-comments-wrap .comments-title span { color: #4a454b; font-family: "Roboto Slab"; font-weight: bold; font-size: 16px; line-height: 25px; } .comments-area .toot-comments-wrap .comments-title span > span { color: #00728d; } .comments-area .toot-comments-wrap ol.comment-list { list-style: none; padding-left: 0; margin-left: 90px; } @media screen and (max-width: 767px) { .comments-area .toot-comments-wrap ol.comment-list { margin-left: 0; } } .comments-area .toot-comments-wrap ol.comment-list > li.comment { padding-top: 52px; padding-bottom: 46px; } .comments-area .toot-comments-wrap ol.comment-list > li.comment.parent { padding-bottom: 0; } .comments-area .toot-comments-wrap ol.comment-list > li.comment.parent ul { list-style: none; } .comments-area .toot-comments-wrap ol.comment-list > li.comment.parent ul li { padding-top: 47px; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-author-image { float: left; overflow: hidden; width: 70px; height: 70px; border-radius: 50%; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-author-image img { display: block; max-width: 100%; height: auto; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body em { display: block; margin-bottom: 10px; margin-left: 90px; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main { margin-left: 90px; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main .comment-meta { overflow: hidden; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main .comment-meta .comment-author { color: #4a454b; font-family: "Roboto Slab"; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 0.02em; margin-bottom: 8px; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main .comment-meta .comment-date-reply { margin-bottom: 8px; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main .comment-meta .comment-date-reply span { display: inline-block; font-size: 12px; line-height: 28px; color: #a9a9ab; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main .comment-meta .comment-date-reply span.comment-date { padding-right: 17px; background: url(../images/divider.png) no-repeat center right; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main .comment-meta .comment-date-reply span.reply a { padding-left: 10px; color: #00728d; } .comments-area .toot-comments-wrap ol.comment-list > li.comment .comment-body .comment-main .comment-meta .comment-date-reply span.reply a:hover { text-decoration: underline; } .comments-area .toot-comments-wrap > ol.comment-list { padding-left: 0; margin-left: 0; margin-bottom: 0; } .comments-area .toot-comments-wrap > ol.comment-list > li { position: relative; } .comments-area .toot-comments-wrap > ol.comment-list > li:after { content: ""; position: absolute; width: calc(100% - 90px); height: 2px; background: rgba(0, 0, 0, 0.08); right: 0; top: 0; } .comments-area .toot-comments-wrap > ol.comment-list > li:first-child:after { content: none; } .comments-area .toot-comments-wrap > ol.comment-list > li:last-child { padding-bottom: 18px; } .comments-area .comment-respond { padding: 10px 30px 30px 30px; border: 1px solid #dadadc; border-radius: 2px; margin-top: 30px; } @media screen and (max-width: 479px) { .comments-area .comment-respond { padding: 10px 10px 30px 10px; } } .comments-area .comment-respond h3 { font-size: 16px; font-family: "Roboto Slab"; color: #4a454b; font-weight: bold; line-height: 25px; position: relative; margin-bottom: 40px; } .comments-area .comment-respond h3:before { content: "\f086"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #fff; width: 28px; height: 28px; background: #4a454b; padding: 7px; border-radius: 2px; text-align: center; margin-right: 10px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .comments-area .comment-respond h3:after { content: ""; position: absolute; width: 28px; height: 2px; background: #cbcbcd; left: 0; top: 36px; } .comments-area .comment-respond h3 small a { font-size: 14px; color: #00728d; } @media screen and (max-width: 479px) { .comments-area .comment-respond h3 small a { margin-top: 25px; display: block; } } .comments-area .comment-respond h3 small a:hover { text-decoration: underline; } .comments-area .comment-respond form { font-size: 14px; overflow: hidden; } .comments-area .comment-respond form input, .comments-area .comment-respond form textarea { border: 1px solid #dadadc; border-radius: 2px; } .comments-area .comment-respond form input:focus, .comments-area .comment-respond form textarea:focus, .comments-area .comment-respond form input:active, .comments-area .comment-respond form textarea:active { outline: 0; } .comments-area .comment-respond form .comment-form-comment, .comments-area .comment-respond form .comment-form-author, .comments-area .comment-respond form .comment-form-email { position: relative; } .comments-area .comment-respond form .comment-form-comment i, .comments-area .comment-respond form .comment-form-author i, .comments-area .comment-respond form .comment-form-email i { position: absolute; top: 12px; left: 11px; color: #00728d; } .comments-area .comment-respond form .comment-form-comment input, .comments-area .comment-respond form .comment-form-author input, .comments-area .comment-respond form .comment-form-email input { height: 38px; } .comments-area .comment-respond form .comment-form-comment input, .comments-area .comment-respond form .comment-form-author input, .comments-area .comment-respond form .comment-form-email input, .comments-area .comment-respond form .comment-form-comment textarea, .comments-area .comment-respond form .comment-form-author textarea, .comments-area .comment-respond form .comment-form-email textarea { padding: 6px 12px 6px 33px; background: #f6f6f6; } .comments-area .comment-respond form .comment-form-comment { width: 63%; float: right; padding-left: 15px; } .comments-area .comment-respond form .comment-form-comment i { left: 26px; } .comments-area .comment-respond form .comment-form-comment textarea { height: 98px; } @media screen and (max-width: 767px) { .comments-area .comment-respond form .comment-form-comment { width: 100%; padding-left: 0; margin-bottom: 22px; } .comments-area .comment-respond form .comment-form-comment i { left: 10px; } } .comments-area .comment-respond form p.logged-in-as { margin-top: -5px; } .comments-area .comment-respond form p.logged-in-as + p.comment-form-comment { width: 100%; padding-left: 0; } .comments-area .comment-respond form p.logged-in-as + p.comment-form-comment i { left: 11px; } .comments-area .comment-respond form .author-email { width: 37%; padding-right: 15px; } @media screen and (max-width: 767px) { .comments-area .comment-respond form .author-email { display: inline-block; width: 100%; padding-right: 0; } } .comments-area .comment-respond form .author-email p { margin-bottom: 22px; } .comments-area .comment-respond form .form-submit { float: right; width: 63%; padding-left: 15px; margin-bottom: 0; margin-top: 6px; } @media screen and (max-width: 479px) { .comments-area .comment-respond form .form-submit { width: 100%; padding-left: 0; } } .comments-area .comment-respond form .form-submit input[type="submit"] { width: 100%; color: #fff; font-size: 15px; font-weight: bold; line-height: 38px; border: none; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .comments-area .comment-respond form .form-submit input[type="submit"]:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-row-full-width > .no-container > .row { margin-left: 0; margin-right: 0; } .toot-custom-heading { margin-bottom: 29px; } .toot-custom-heading h1, .toot-custom-heading h2, .toot-custom-heading h3, .toot-custom-heading h4, .toot-custom-heading h5, .toot-custom-heading h6 { font-family: "Roboto Slab"; color: #00728d; line-height: 1; margin-top: 0; margin-bottom: 0; font-weight: 400; } .toot-custom-heading .sub-title-heading { display: block; font-family: "Lato"; font-size: 16px; line-height: 1; color: #6e6a6f; margin-top: 14px; } .toot-custom-heading.show-border:after { content: ""; background: #cbcbcd; display: block; position: relative; width: 70px; height: 2px; margin: 0 auto; top: 28px; } .toot-custom-heading.show-border { padding-bottom: 29px; } .toot-custom-heading.show-border.border-left:after { margin: 0; } .toot-custom-heading.show-border.border-right:after { margin: 0; float: right; } .toot-custom-heading.chdiv { margin-bottom: 0; } .toot-custom-heading.chdiv > div { font-family: "Lato" !important; font-size: 20px; font-weight: bold !important; line-height: 46px !important; color: #00728d !important; } .portfolio-fullwidth .cms-grid-filter, .portfolio-classic .cms-grid-filter { text-align: center; } .portfolio-fullwidth .cms-grid-filter ul, .portfolio-classic .cms-grid-filter ul { margin-bottom: 40px; } .portfolio-fullwidth .cms-grid-filter ul li, .portfolio-classic .cms-grid-filter ul li { padding: 0 8px; margin-bottom: 20px; display: inline-block; } .portfolio-fullwidth .cms-grid-filter ul li:first-child, .portfolio-classic .cms-grid-filter ul li:first-child { padding-left: 0; } .portfolio-fullwidth .cms-grid-filter ul li:last-child, .portfolio-classic .cms-grid-filter ul li:last-child { padding-right: 0; } .portfolio-fullwidth .cms-grid-filter ul li a, .portfolio-classic .cms-grid-filter ul li a { color: #4a454b; padding: 3px 8px; border: 1px solid #cbcbcd; border-radius: 2px; background: transparent; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-fullwidth .cms-grid-filter ul li a.active, .portfolio-classic .cms-grid-filter ul li a.active, .portfolio-fullwidth .cms-grid-filter ul li a:focus, .portfolio-classic .cms-grid-filter ul li a:focus, .portfolio-fullwidth .cms-grid-filter ul li a:active, .portfolio-classic .cms-grid-filter ul li a:active, .portfolio-fullwidth .cms-grid-filter ul li a:hover, .portfolio-classic .cms-grid-filter ul li a:hover { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-fullwidth.with-heading-title, .portfolio-classic.with-heading-title { position: relative; } .portfolio-fullwidth.with-heading-title .cms-grid-heading-title .toot-custom-heading, .portfolio-classic.with-heading-title .cms-grid-heading-title .toot-custom-heading { position: absolute; } .portfolio-fullwidth.with-heading-title .cms-grid-heading-title .toot-custom-heading .show-border, .portfolio-classic.with-heading-title .cms-grid-heading-title .toot-custom-heading .show-border { padding-bottom: 59px; } .portfolio-fullwidth.with-heading-title .cms-grid-filter, .portfolio-classic.with-heading-title .cms-grid-filter { margin-top: 27px; text-align: right; } .portfolio-fullwidth.with-heading-title .cms-grid-filter.container, .portfolio-classic.with-heading-title .cms-grid-filter.container { width: 1170px; } .portfolio-fullwidth.with-heading-title .cms-grid-filter ul, .portfolio-classic.with-heading-title .cms-grid-filter ul { margin-bottom: 65px; margin-left: 300px; } .portfolio-fullwidth.with-heading-title .cms-grid-filter ul li, .portfolio-classic.with-heading-title .cms-grid-filter ul li { display: inline-block; } @media screen and (max-width: 1199px) { .portfolio-fullwidth.with-heading-title .cms-grid-filter, .portfolio-classic.with-heading-title .cms-grid-filter { display: block; margin-top: 100px; text-align: left; } .portfolio-fullwidth.with-heading-title .cms-grid-filter.container, .portfolio-classic.with-heading-title .cms-grid-filter.container { width: 750px; } .portfolio-fullwidth.with-heading-title .cms-grid-filter ul, .portfolio-classic.with-heading-title .cms-grid-filter ul { margin-bottom: 25px; margin-left: 0; } } @media screen and (max-width: 767px) { .portfolio-fullwidth.with-heading-title .cms-grid-filter.container, .portfolio-classic.with-heading-title .cms-grid-filter.container { width: auto; } .portfolio-fullwidth.with-heading-title .cms-grid-filter ul, .portfolio-classic.with-heading-title .cms-grid-filter ul { text-align: center; } } .portfolio-fullwidth .cms-grid-portfolio, .portfolio-classic .cms-grid-portfolio { color: #fff; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner { position: relative; overflow: hidden; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .cms-grid-media img, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .cms-grid-media img { width: 100%; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .toot-overlay, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .toot-overlay { visibility: hidden; -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); /* BACKGROUND GRADIENT */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner { position: absolute; text-align: center; top: 50%; width: 100%; left: 0; visibility: hidden; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title a, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title a { font-family: "Roboto Slab"; font-size: 16px; line-height: 28px; display: block; margin-bottom: 6px; letter-spacing: 0.32px; color: #fff; font-weight: bold; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title a:hover, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title a:hover { text-decoration: underline; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 24px; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category li a, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category li a { color: #fff; font-size: 12px; line-height: 28px; padding: 0 5px; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category li a:hover, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category li a:hover { text-decoration: underline; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a { border: 2px solid #fff; height: 33px; padding: 0 8px; line-height: 28px; font-size: 14px; display: inline-block; margin: 0 7px 0 0; color: #fff; vertical-align: middle; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:last-child, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:last-child { margin-right: 0; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:hover, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:hover { background: #fff; color: #00728d; } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a.entry-like i, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a.entry-like i { margin-right: 5px; } @media (min-width: 768px) and (max-width: 991px) { .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category, .portfolio-classic .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category { margin-bottom: 15px; margin-top: 0; } } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .portfolio-info-inner, .portfolio-classic .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .portfolio-info-inner { visibility: visible; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .toot-overlay, .portfolio-classic .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .toot-overlay { visibility: visible; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -webkit-opacity: 0.85; -khtml-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-fullwidth .cms-grid-portfolio .cms-grid-item { padding: 0; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer { text-align: center; padding-top: 22px; padding-bottom: 20px; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .portfolio-title { display: block; margin-bottom: 8px; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .portfolio-title a { color: #4a454b; font-family: "Roboto Slab"; font-size: 16px; line-height: 28px; font-weight: bold; display: block; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .portfolio-title a:hover { color: #00728d; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like { margin-bottom: 34px; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like ul.portfolio-category { list-style: none; padding-left: 0; margin-bottom: 0; display: inline-block; background: url(../images/divider.png) no-repeat center right; line-height: 28px; padding-right: 10px; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like ul.portfolio-category li { display: inline; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like ul.portfolio-category li a { color: #a9a9ab; font-size: 12px; line-height: 28px; padding: 0 5px; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like ul.portfolio-category li a:hover { color: #00728d; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like a.entry-like { display: inline-block; color: #a9a9ab; margin-left: 12px; line-height: 28px; font-size: 12px; position: relative; top: 1px; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like a.entry-like i { margin-right: 8px; } .portfolio-classic.classic .cms-grid-portfolio .cms-grid-item .portfolio-classic-info-outer .tax-like a.entry-like:hover { color: #00728d; } .portfolio-classic.classic .paging-navigation { padding: 0 15px; } .portfolio-classic.classic .paging-navigation .pagination { margin-top: 29px; margin-bottom: 0; } .zo-masonry-wrapper .zo-masonry-filter { text-align: center; } .zo-masonry-wrapper .zo-masonry-filter ul { margin-bottom: 37px; } .zo-masonry-wrapper .zo-masonry-filter ul li { padding: 0 8px; margin-bottom: 25px; } .zo-masonry-wrapper .zo-masonry-filter ul li:first-child { padding-left: 0; } .zo-masonry-wrapper .zo-masonry-filter ul li:last-child { padding-right: 0; } .zo-masonry-wrapper .zo-masonry-filter ul li a { color: #4a454b; padding: 4px 8px; border: 1px solid #cbcbcd; border-radius: 2px; background: #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .zo-masonry-wrapper .zo-masonry-filter ul li a.active, .zo-masonry-wrapper .zo-masonry-filter ul li a:focus, .zo-masonry-wrapper .zo-masonry-filter ul li a:active, .zo-masonry-wrapper .zo-masonry-filter ul li a:hover { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner { position: relative; overflow: hidden; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .toot-overlay { visibility: hidden; -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); /* BACKGROUND GRADIENT */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner { position: absolute; text-align: center; top: 50%; width: 100%; padding: 0 20px; left: 0; visibility: hidden; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .portfolio-title a { color: #fff; font-family: "Roboto Slab"; font-size: 20px; line-height: 28px; font-weight: bold; display: block; margin-bottom: 6px; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .tax-like { margin-bottom: 16px; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .tax-like ul.portfolio-category { list-style: none; padding-left: 0; margin-bottom: 0; display: inline-block; background: url(../images/divider.png) no-repeat center right; line-height: 28px; padding-right: 10px; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .tax-like ul.portfolio-category li { display: inline; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .tax-like ul.portfolio-category li a { color: #fff; font-size: 12px; line-height: 28px; padding: 0 5px; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .tax-like a.entry-like { display: inline-block; color: #fff; margin-left: 12px; line-height: 28px; font-size: 12px; position: relative; top: 1px; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .tax-like a.entry-like i { margin-right: 5px; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .icons-list a { border: 2px solid #fff; height: 33px; padding: 0 8px; line-height: 28px; font-size: 14px; display: inline-block; margin: 0 7px 0 0; color: #fff; vertical-align: middle; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .icons-list a:last-child { margin-right: 0; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item .zo-masonry-inner .portfolio-info-inner .icons-list a:hover { background: #fff; color: #00728d; } .zo-masonry-wrapper .zo-masonry .zo-masonry-item:hover .portfolio-info-inner { visibility: visible; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .zo-masonry-wrapper .zo-masonry .zo-masonry-item:hover .toot-overlay { visibility: visible; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -webkit-opacity: 0.85; -khtml-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-gallery { /* cms grid portfolio related */ } .portfolio-gallery .cms-grid-filter { text-align: center; } .portfolio-gallery .cms-grid-filter ul { margin-bottom: 40px; } .portfolio-gallery .cms-grid-filter ul li { padding: 0 8px; margin-bottom: 20px; } .portfolio-gallery .cms-grid-filter ul li:first-child { padding-left: 0; } .portfolio-gallery .cms-grid-filter ul li:last-child { padding-right: 0; } .portfolio-gallery .cms-grid-filter ul li a { color: #4a454b; padding: 4px 8px; border: 1px solid #cbcbcd; border-radius: 2px; background: transparent; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-gallery .cms-grid-filter ul li a.active, .portfolio-gallery .cms-grid-filter ul li a:focus, .portfolio-gallery .cms-grid-filter ul li a:active, .portfolio-gallery .cms-grid-filter ul li a:hover { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-gallery .cms-grid-portfolio { color: #fff; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item { margin-bottom: 30px; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner { position: relative; overflow: hidden; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .cms-grid-media img { width: 100%; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .toot-overlay { visibility: hidden; -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); /* BACKGROUND GRADIENT */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ padding: 30px; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner { width: 100%; height: 100%; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title { display: block; margin-bottom: 13px; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title a { font-family: "Roboto Slab"; font-size: 16px; line-height: 1; display: block; margin-bottom: 6px; color: #fff; font-weight: bold; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title a:hover { text-decoration: underline; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category { list-style: none; padding-left: 0; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category li a { color: #fff; font-size: 12px; line-height: 28px; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category li a:hover { text-decoration: underline; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list { position: absolute; bottom: 30px; left: 30px; right: 30px; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list .icons-list-left { float: left; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list .icons-list-right { float: right; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a { border: 2px solid #fff; height: 33px; padding: 0 8px; line-height: 28px; font-size: 14px; display: inline-block; margin: 0 7px 0 0; color: #fff; vertical-align: middle; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:last-child { margin-right: 0; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:hover { background: #fff; color: #00728d; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a.entry-like { font-size: 13px; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a.entry-like i { font-size: 14px; margin-right: 5px; } .portfolio-gallery .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .portfolio-info-inner { visibility: visible; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-gallery .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .toot-overlay { visibility: visible; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -webkit-opacity: 0.85; -khtml-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (max-width: 479px) { .portfolio-gallery .cms-grid-portfolio .cms-grid-item.col-lg-12 .grid-item-inner .portfolio-info-inner .title-tax .portfolio-title { margin-bottom: 0; } } @media screen and (max-width: 479px) { .portfolio-gallery .cms-grid-portfolio .cms-grid-item.col-lg-12 .grid-item-inner .portfolio-info-inner .icons-list { display: none; } } .portfolio-gallery .paging-navigation { padding: 0 15px; } .portfolio-gallery .paging-navigation .pagination { margin-top: 30px; } .portfolio-gallery.layout2 .portfolio-info-inner { text-align: center; } .portfolio-gallery.layout2 .portfolio-info-inner .portfolio-title { margin-top: 41px; } .portfolio-gallery.layout2 .portfolio-info-inner .tax-like { margin-bottom: 34px; } @media screen and (max-width: 1199px) { .portfolio-gallery.layout2 .portfolio-info-inner .tax-like { margin-bottom: 14px; } } .portfolio-gallery.layout2 .portfolio-info-inner .tax-like ul.portfolio-category { list-style: none; padding-left: 0; margin-bottom: 0; line-height: 28px; display: inline-block; background: url(../images/divider.png) no-repeat center right; padding-right: 10px; } .portfolio-gallery.layout2 .portfolio-info-inner .tax-like ul.portfolio-category li { display: inline; } .portfolio-gallery.layout2 .portfolio-info-inner .tax-like ul.portfolio-category li a { line-height: 22px; } .portfolio-gallery.layout2 .portfolio-info-inner .tax-like a.entry-like { display: inline-block; color: #fff; margin-left: 12px; font-size: 12px; line-height: 28px; position: relative; top: 1px; } .portfolio-gallery.layout2 .portfolio-info-inner .tax-like a.entry-like i { margin-right: 5px; } .portfolio-gallery.layout2 .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list { position: relative; bottom: auto; left: auto; right: auto; } .portfolio-related .cms-grid-filter { text-align: center; } .portfolio-related .cms-grid-filter ul { margin-bottom: 40px; } .portfolio-related .cms-grid-filter ul li { padding: 0 8px; margin-bottom: 20px; display: inline-block; } .portfolio-related .cms-grid-filter ul li:first-child { padding-left: 0; } .portfolio-related .cms-grid-filter ul li:last-child { padding-right: 0; } .portfolio-related .cms-grid-filter ul li a { color: #4a454b; padding: 3px 8px; border: 1px solid #a8a6a8; border-radius: 2px; background: transparent; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-related .cms-grid-filter ul li a.active, .portfolio-related .cms-grid-filter ul li a:focus, .portfolio-related .cms-grid-filter ul li a:active, .portfolio-related .cms-grid-filter ul li a:hover { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-related.with-heading-title { position: relative; } .portfolio-related.with-heading-title .cms-grid-heading-title .toot-custom-heading { position: absolute; } .portfolio-related.with-heading-title .cms-grid-heading-title .toot-custom-heading .show-border { padding-bottom: 59px; } .portfolio-related.with-heading-title .cms-grid-filter { margin-top: 27px; text-align: right; } .portfolio-related.with-heading-title .cms-grid-filter.container { width: 1170px; } .portfolio-related.with-heading-title .cms-grid-filter ul { margin-left: 300px; margin-bottom: 65px; } .portfolio-related.with-heading-title .cms-grid-filter ul li { display: inline-block; } @media screen and (max-width: 1199px) { .portfolio-related.with-heading-title .cms-grid-filter { display: block; margin-top: 100px; text-align: left; } .portfolio-related.with-heading-title .cms-grid-filter.container { width: 750px; } .portfolio-related.with-heading-title .cms-grid-filter ul { margin-bottom: 25px; margin-left: 0; } } @media screen and (max-width: 767px) { .portfolio-related.with-heading-title .cms-grid-filter.container { width: auto; } .portfolio-related.with-heading-title .cms-grid-filter ul { text-align: center; } } .portfolio-related .cms-grid-portfolio { color: #fff; } .portfolio-related .cms-grid-portfolio .cms-grid-item { margin-bottom: 30px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner { position: relative; overflow: hidden; border: 1px solid #cbcbcd; border-radius: 2px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .cms-grid-media img { width: 100%; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .toot-overlay { visibility: hidden; z-index: 1; -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); /* BACKGROUND GRADIENT */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner { position: absolute; text-align: center; top: 50%; width: 100%; padding: 0 20px; left: 0; visibility: hidden; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 991px) { .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner { padding: 0; } } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .portfolio-title a { font-family: "Roboto Slab"; font-size: 16px; line-height: 28px; display: block; margin-bottom: 6px; color: #fff; letter-spacing: 0.32px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category { list-style: none; padding-left: 0; margin-bottom: 24px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner ul.portfolio-category li a { color: #fff; font-size: 12px; line-height: 28px; padding: 0 5px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a { border: 2px solid #fff; height: 33px; padding: 0 8px; line-height: 28px; font-size: 14px; display: inline-block; margin: 0 7px 0 0; color: #fff; vertical-align: middle; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:last-child { margin-right: 0; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a:hover { background: #fff; color: #00728d; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-info-inner .icons-list a.entry-like i { margin-right: 5px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer { text-align: center; padding-top: 22px; background: #fff; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .portfolio-title { display: block; margin-bottom: 8px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .portfolio-title a { color: #4a454b; font-family: "Roboto Slab"; font-size: 16px; line-height: 28px; font-weight: bold; display: block; letter-spacing: 0.32px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .portfolio-title a:hover { color: #00728d; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like { padding-bottom: 22px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like ul.portfolio-category { list-style: none; padding-left: 0; margin-bottom: 0; display: inline-block; background: url(../images/divider.png) no-repeat center right; line-height: 28px; padding-right: 10px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like ul.portfolio-category li { display: inline; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like ul.portfolio-category li a { color: #a9a9ab; font-size: 12px; line-height: 28px; padding: 0 5px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like ul.portfolio-category li a:hover { color: #00728d; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like a.entry-like { display: inline-block; color: #a9a9ab; margin-left: 12px; line-height: 28px; font-size: 12px; position: relative; top: 1px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like a.entry-like i { margin-right: 5px; } .portfolio-related .cms-grid-portfolio .cms-grid-item .grid-item-inner .portfolio-classic-info-outer .tax-like a.entry-like:hover { color: #00728d; } .portfolio-related .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner { border-color: transparent; } .portfolio-related .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .portfolio-info-inner { visibility: visible; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-related .cms-grid-portfolio .cms-grid-item:hover .grid-item-inner .toot-overlay { visibility: visible; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -webkit-opacity: 0.85; -khtml-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .portfolio-related .paging-navigation.minus .pagination { margin-top: 20px; } .related-slide .owl-carousel .owl-controls { display: none; } .overlay-opacity + .wpb_column .cms-grid-filter ul li a { background: #fff; } .overlay-opacity + .wpb_column .cms-grid-filter ul li a.active, .overlay-opacity + .wpb_column .cms-grid-filter ul li a:focus, .overlay-opacity + .wpb_column .cms-grid-filter ul li a:active, .overlay-opacity + .wpb_column .cms-grid-filter ul li a:hover { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .overlay-opacity + .wpb_column .paging-navigation.minus .pagination .page-numbers:not(.current):before { background: #fff; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item { margin-bottom: 30px; border: 1px solid #dadadc; border-radius: 2px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media { overflow: hidden; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media img, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media img, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media iframe, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media iframe { border-radius: 2px 2px 0 0; width: 100%; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media img, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media img { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ -webkit-transition: all 0.6s ease 0s; -khtml-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media i, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media i { padding: 15px 14px; background: #4a454b; color: #fff; font-size: 20px; width: 50px; height: 50px; border-radius: 2px; text-align: center; z-index: 1; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.no-image, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.no-image { padding-top: 30px; padding-left: 30px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-embed-link, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-embed-link { padding: 30px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-embed-link iframe, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-embed-link iframe { margin: 0 auto !important; margin-top: 28px !important; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-quote, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-quote { padding: 30px 30px 17px 30px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-quote blockquote, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-quote blockquote { font-size: 21px; color: #fff; font-family: "Roboto Slab"; line-height: 31px; font-style: italic; border-left: 0; padding: 0; margin-top: 25px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-quote blockquote cite, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-quote blockquote cite { font-size: 13px; font-family: "Open Sans"; display: table; line-height: 28px; margin-top: 8px; position: relative; left: 16px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-quote blockquote cite:before, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-quote blockquote cite:before { position: absolute; top: 15px; height: 1px; width: 12px; background: #fff; content: ""; left: -15px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav { position: absolute; width: 82px; bottom: 66px; right: 30px; left: auto; top: auto; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .carousel-control, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .carousel-control { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #4a454b; line-height: 34px; border-radius: 2px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .carousel-control:hover, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .carousel-control:hover { color: #00728d; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .left, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .left, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .right, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .right { background-image: none; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media:hover img, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media:hover img { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); /* BACKGROUND GRADIENT */ } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-media:hover i, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-media:hover i { background: #00728d; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-feature-image, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-feature-image, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-video, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-video, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-gallery, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-gallery { position: relative; overflow: hidden; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-feature-image i, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-feature-image i, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-video i, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-video i, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-gallery i, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-gallery i { position: absolute; top: 30px; left: 30px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-feature-image.no-image, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-feature-image.no-image, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-video.no-image, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-video.no-image, .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .entry-gallery.no-image, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .entry-gallery.no-image { padding-top: 0; padding-left: 0; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content { padding: 24px 30px 30px 30px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .cms-grid-title, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .cms-grid-title { letter-spacing: 0.02em; line-height: 28px; font-size: 18px; font-family: "Roboto Slab"; margin-bottom: 10px; font-weight: bold; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .cms-grid-title a, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .cms-grid-title a { color: #4a454b; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .cms-grid-title a:hover, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .cms-grid-title a:hover { color: #00728d; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-meta ul, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-meta ul { list-style: none; margin-bottom: 16px; padding-left: 0; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-meta ul li, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-meta ul li { padding: 0 15px 0 0; margin-right: 12px; display: inline-block; line-height: 28px; font-size: 12px; background: url(../images/divider.png) no-repeat center right; color: #a9a9ab; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-meta ul li:last-child, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-meta ul li:last-child { margin-right: 0; background: none; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-meta ul li a, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-meta ul li a { color: #00728d; font-size: 12px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-meta ul li a:hover, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-meta ul li a:hover { text-decoration: underline; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-content.entry-link h3, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-content.entry-link h3 { font-size: 22px; font-family: "Roboto Slab"; line-height: 28px; color: #fff; font-weight: bold; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-content.entry-link a, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-content.entry-link a { color: #fff; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-content.entry-link a:hover, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-content.entry-link a:hover { text-decoration: underline; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-footer, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-footer { margin-top: 25px; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-footer a, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-footer a { padding: 5px 10px; font-size: 13px; border-color: transparent; border-radius: 2px; color: #fff; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item .cms-grid-content .entry-footer a:hover, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item .cms-grid-content .entry-footer a:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item.item-link, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item.item-link { background: #00728d; border: none; } .cms-grid-blog-wraper.blog-grid .cms-blog-columns .blog-item.item-link .cms-grid-content, .cms-grid-blog-wraper.blog-grid .blog-masonry-item .blog-item.item-link .cms-grid-content { padding: 3px 30px 65px 30px; } .cms-grid-blog-wraper.blog-grid.masonry .cms_pagination { line-height: 45px; } .cms-grid-blog-wraper:not(.masonry) { /* cms grid blog-grid-list-view */ } .cms-grid-blog-wraper:not(.masonry) .cms-blog-columns.col-lg-4 .blog-item .entry-video .fluid-width-video-wrapper { height: 237px; } .blog-grid-list-view { /* cms grid blog column sidebar */ } .blog-grid-list-view .cms-blog-columns { margin-bottom: 30px; } .blog-grid-list-view .cms-blog-columns .blog-item { display: table; width: 100%; background: #f8f8f8; border: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (max-width: 767px) { .blog-grid-list-view .cms-blog-columns .blog-item { display: inherit; padding: 20px; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media { min-width: 270px; min-height: 148px; width: 270px; height: auto; position: relative; overflow: hidden; display: table-cell; vertical-align: middle; } @media screen and (max-width: 767px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media { margin-bottom: 20px; float: none; display: block; } } @media screen and (max-width: 320px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media { min-width: 245px; width: 245px; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media .fluid-width-video-wrapper { padding-top: 0 !important; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media .fluid-width-video-wrapper iframe { position: relative !important; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media iframe { width: 270px !important; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media img { width: 100%; border-top-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ -webkit-transition: all 0.6s ease 0s; -khtml-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media i { position: absolute; top: 30px; left: 30px; padding: 15px 14px; background: #4a454b; color: #fff; font-size: 20px; width: 50px; height: 50px; border-radius: 2px; text-align: center; z-index: 1; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-link, .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.text-format { border: 1px solid rgba(0, 0, 0, 0.1); border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-embed-link iframe { width: 270px !important; height: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-embed-link iframe > html > body > div { border-radius: 0 !important; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav { position: absolute; width: 82px; bottom: 66px; right: 30px; left: auto; top: auto; transform: none; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .carousel-control { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #4a454b; line-height: 34px; border-radius: 2px; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .carousel-control:hover { color: #00728d; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .left, .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media.entry-gallery .carousel .carousel-nav .right { background-image: none; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media:hover img { -webkit-transform: scale(1.2); -khtml-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); /* BACKGROUND GRADIENT */ } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-media:hover i { background: #00728d; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content { width: calc(100% - 270px); display: table-cell; vertical-align: middle; padding: 25px 30px 25px 30px; border-left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } @media screen and (max-width: 767px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content { padding: 0; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta { padding-bottom: 22px; } @media screen and (max-width: 1199px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta { padding-bottom: 0; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .cms-grid-title { letter-spacing: 0.02em; line-height: 28px; font-size: 22px; font-family: "Roboto Slab"; display: inline-block; } @media screen and (max-width: 1199px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .cms-grid-title { margin-bottom: 10px; display: block; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .cms-grid-title a { color: #4a454b; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .cms-grid-title a:hover { color: #00728d; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta { display: inline-block; float: right; margin-top: 4px; } @media screen and (max-width: 1199px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta { margin-bottom: 8px; float: none; margin-top: 0; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta ul { list-style: none; margin-bottom: 0; padding-left: 0; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta ul li { padding: 0 10px 0 10px; display: inline-block; line-height: 28px; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; margin-right: 5px; color: #a9a9ab; } @media screen and (max-width: 320px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta ul li { padding: 0 3px; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta ul li:last-child { margin-right: 0; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta ul li a { color: #00728d; font-size: 12px; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .title-meta .entry-meta ul li a:hover { text-decoration: underline; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .entry-content .readmore { color: #00728d; margin-left: 5px; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .entry-content .readmore:hover { text-decoration: underline; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .entry-content.entry-link h3 { color: #4a454b; margin-top: 0; } @media screen and (max-width: 480px) { .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .entry-content.entry-link h3 { line-height: 32px; } } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .entry-content.entry-link a { color: #00728d; } .blog-grid-list-view .cms-blog-columns .blog-item .cms-grid-content .entry-content.entry-link a:hover { text-decoration: underline; } .vc_col-sm-8 { /* vc gallery */ } @media screen and (max-width: 767px) { .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid { margin-bottom: 60px; } } .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid .cms-blog-columns.col-lg-6 .blog-item .cms-grid-content .entry-meta ul li.detail-comment { background: none; } .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid .cms-blog-columns.col-lg-6 .blog-item .cms-grid-content .entry-meta ul li.detail-terms, .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid .cms-blog-columns.col-lg-6 .blog-item .cms-grid-content .entry-meta ul li.counter-view { display: none; } .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid .cms-blog-columns.col-lg-4 .blog-item .cms-grid-content .entry-meta ul li.entry-date { background: none; } .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid .cms-blog-columns.col-lg-4 .blog-item .cms-grid-content .entry-meta ul li.detail-comment, .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid .cms-blog-columns.col-lg-4 .blog-item .cms-grid-content .entry-meta ul li.detail-terms, .vc_col-sm-8 .cms-grid-blog-wraper.blog-grid .cms-blog-columns.col-lg-4 .blog-item .cms-grid-content .entry-meta ul li.counter-view { display: none; } .toot-main { /* cms-progress-wraper */ } .toot-main .flexslider { padding: 0; margin: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ box-shadow: none; zoom: 1; } .toot-main .flexslider .flex-control-paging { display: none; } .toot-main .flexslider .flex-direction-nav { position: absolute; width: 82px; bottom: 66px; right: 30px; left: auto; top: auto; } .toot-main .flexslider .flex-direction-nav a { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #4a454b; line-height: 34px; border-radius: 2px; margin: 0; cursor: pointer; text-shadow: 0; } .toot-main .flexslider .flex-direction-nav a:hover { color: #00728d; } .toot-main .flexslider .flex-direction-nav .flex-prev { left: 0; text-align: center; } .toot-main .flexslider .flex-direction-nav .flex-next { right: 0; text-align: center; } .toot-main .flexslider .flexslider:hover .flex-prev { opacity: 0.7; left: 0; } .toot-main .flexslider .flexslider:hover .flex-next { opacity: 0.7; right: 0; } .toot-main .flexslider .flexslider:hover .flex-next:hover, .toot-main .flexslider .flexslider:hover .flex-prev:hover { opacity: 1; } .toot-main .flexslider .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } .toot-main .flexslider .flex-direction-nav a:before { content: "\f100"; display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-size: 16px; line-height: 35px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .toot-main .flexslider .flex-direction-nav a.flex-next:before { content: "\f101"; } .toot-main .toot-blog-carousel { /* vc_tta-accordion */ } .toot-main .toot-blog-carousel .carousel-nav { position: absolute; width: 82px; bottom: 66px; right: 30px; left: auto; top: auto; } .toot-main .toot-blog-carousel .carousel-nav .carousel-control { font-size: 16px; width: 36px; opacity: 1; height: 36px; background: #fff; text-shadow: none; color: #4a454b; line-height: 34px; border-radius: 2px; } .toot-main .toot-blog-carousel .carousel-nav .carousel-control:hover { color: #00728d; } .toot-main .toot-blog-carousel .carousel-nav .left, .toot-main .toot-blog-carousel .carousel-nav .right { background-image: none; } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading { background: #fff !important; border-color: #dadadc !important; } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 { color: #4a454b; font-size: 15px; } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a { color: #4a454b; padding: 18px 20px; letter-spacing: 0.3px; line-height: 16px; } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a i { background: #4a454b; width: 22px; height: 22px; -webkit-transition: color 300ms, background-color 300ms; -khtml-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -ms-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a i:before { left: 6px; right: 6px; border-color: #fff !important; } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a i:after { top: 6px; bottom: 5px; border-color: #fff !important; } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a i:hover { background: #00728d; -webkit-transition: color 300ms, background-color 300ms; -khtml-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -ms-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4:hover a { color: #00728d; } .toot-main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-body { border-color: #dadadc !important; padding: 15px 20px; } .toot-main .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading { border-color: #dadadc !important; } .toot-main .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a { color: #00728d; } .toot-main .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a i { background: #00728d; } .toot-main .vc_tta-accordion .vc_tta-panel:first-child .vc_tta-panel-heading { border-top-left-radius: 4px; border-top-right-radius: 4px; } .toot-main .vc_tta-accordion .vc_tta-panel:last-child .vc_tta-panel-heading { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .toot-main .vc_tta-accordion .vc_tta-panel:last-child .vc_tta-panel-body { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .toot-main .vc_tta-accordion .vc_tta-panel:last-child.vc_active .vc_tta-panel-heading { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .toot-main .vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right: 15px !important; } .cms-progress-wraper { /* csm fancybox single */ } .cms-progress-wraper .cms-progress-body .cms-progress-item-wrap { position: relative; } .cms-progress-wraper .cms-progress-body .cms-progress-item-wrap .cms-progress-title { font-size: 15px; font-family: "Lato"; font-weight: bold; line-height: 28px; letter-spacing: 0.3px; color: #4a454b; margin-top: -9px; } .cms-progress-wraper .cms-progress-body .cms-progress-item-wrap .cms-progress { background: #e8e8e9; padding: 2px 0; overflow: inherit; margin-top: 8px; margin-bottom: 29px; } .cms-progress-wraper .cms-progress-body .cms-progress-item-wrap .cms-progress .progress-bar { overflow: inherit; height: 6px; border-radius: 4px; -webkit-transition: width 1.5s ease-in-out; -khtml-transition: width 1.5s ease-in-out; -moz-transition: width 1.5s ease-in-out; -ms-transition: width 1.5s ease-in-out; -o-transition: width 1.5s ease-in-out; transition: width 1.5s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-progress-wraper .cms-progress-body .cms-progress-item-wrap .cms-progress .progress-bar span { position: absolute; top: -37px; color: #7a7c82; line-height: 28px; letter-spacing: 0.26px; font-family: "Lato"; right: 0; font-size: 13px; } .cms-progress-wraper:last-child .cms-progress-body .cms-progress-item-wrap .cms-progress { margin-bottom: 0; } .cms-fancyboxes-wraper { /* team-carousel */ } @media screen and (max-width: 767px) { .cms-fancyboxes-wraper.margin-top-mobile-30 { margin-top: 30px; } } .cms-fancyboxes-wraper .fancy-style-1 .fancy-icon { float: left; width: 40px; height: 40px; background: #00728d; text-align: center; padding: 10px; margin-top: 5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper .fancy-style-1 .fancy-icon i { font-size: 20px; color: #fff; } .cms-fancyboxes-wraper .fancy-style-1 .fancy-content { margin-left: 70px; } .cms-fancyboxes-wraper .fancy-style-1 .fancy-content .fancy-title { font-size: 16px; font-weight: bold; font-family: "Roboto Slab"; color: #4a454b; line-height: 22px; padding-bottom: 14px; margin-bottom: 14px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-1 .fancy-content .fancy-title:after { content: ""; background-color: #cbcbcd; width: 35px; height: 2px; position: relative; left: 0; top: 14px; display: block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-1 .fancy-content .fancy-description { margin-bottom: 11px; } .cms-fancyboxes-wraper .fancy-style-1 .fancy-content .readmore a { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-1 .fancy-content .readmore a:hover { color: #4a454b; } .cms-fancyboxes-wraper .fancy-style-1:hover .fancy-content .fancy-title { color: #00728d !important; } .cms-fancyboxes-wraper .fancy-style-1:hover .fancy-content .fancy-title a { color: #00728d !important; } .cms-fancyboxes-wraper .fancy-style-1:hover .fancy-content .fancy-title:after { background-color: #00728d; width: 70px; } .cms-fancyboxes-wraper .fancy-style-1:hover .readmore a { color: #4a454b; } .cms-fancyboxes-wraper .fancy-style-1.align-right .fancy-icon { float: right; } .cms-fancyboxes-wraper .fancy-style-1.align-right .fancy-content { margin-left: 0; text-align: right; margin-right: 70px; } .cms-fancyboxes-wraper .fancy-style-1.align-right .fancy-content .fancy-title { position: relative; } .cms-fancyboxes-wraper .fancy-style-1.align-right .fancy-content .fancy-title:after { position: absolute; right: 0; top: 36px; left: auto; } .cms-fancyboxes-wraper .fancy-style-2 .fancy-icon { float: left; width: 90px; height: 90px; text-align: center; padding: 23px; margin-top: 5px; border: 2px solid #4a454b; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ display: inline-block; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 991px) { .cms-fancyboxes-wraper .fancy-style-2 .fancy-icon { width: 70px; height: 70px; padding: 18px; } } .cms-fancyboxes-wraper .fancy-style-2 .fancy-icon i { font-size: 32px; color: #4a454b; width: 32px; height: 32px; margin-left: 0; line-height: 1; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 991px) { .cms-fancyboxes-wraper .fancy-style-2 .fancy-icon i { width: 28px; height: 28px; font-size: 28px; } } .cms-fancyboxes-wraper .fancy-style-2 .fancy-content { margin-left: 120px; } @media (min-width: 768px) and (max-width: 991px) { .cms-fancyboxes-wraper .fancy-style-2 .fancy-content { margin-left: 90px; } } .cms-fancyboxes-wraper .fancy-style-2 .fancy-content .fancy-title { font-size: 18px; font-weight: bold; font-family: "Roboto Slab"; color: #4a454b; line-height: 22px; padding-bottom: 14px; margin-bottom: 14px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-2 .fancy-content .fancy-title a { color: #4a454b; } .cms-fancyboxes-wraper .fancy-style-2 .fancy-content .fancy-title:after { content: ""; background-color: #cbcbcd; width: 35px; height: 2px; position: relative; left: 0; top: 16px; display: block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-2 .fancy-content .fancy-description { margin-bottom: 20px; color: #a9a9ab; } .cms-fancyboxes-wraper .fancy-style-2 .fancy-content .readmore a { color: #9a9a9a; border: 1px solid #a6a4a7; border-radius: 2px; padding: 3px 12px; display: inline-block; } .cms-fancyboxes-wraper .fancy-style-2 .fancy-content .readmore a:hover { color: #fff; border-color: transparent; text-decoration: none; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 49%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-fancyboxes-wraper .fancy-style-2:hover .fancy-icon { border-color: #00728d !important; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-2:hover .fancy-icon i { color: #00728d !important; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-2:hover .fancy-content .fancy-title { color: #00728d !important; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-2:hover .fancy-content .fancy-title a { color: #00728d !important; } .cms-fancyboxes-wraper .fancy-style-2:hover .fancy-content .fancy-title:after { background-color: #00728d; width: 70px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-2:hover .readmore a { color: #fff; border-color: transparent; text-decoration: none; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 49%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-fancyboxes-wraper .fancy-style-2.text-center .icon-top { margin-bottom: 26px; } .cms-fancyboxes-wraper .fancy-style-2.text-center .icon-top .fancy-icon { float: none; } .cms-fancyboxes-wraper .fancy-style-2.text-center .fancy-content { margin-left: 0; } .cms-fancyboxes-wraper .fancy-style-2.text-center .fancy-content .fancy-title:after { margin: 0 auto; } .cms-fancyboxes-wraper .fancy-style-2.bright-color .fancy-icon { color: #fff; border-color: #fff; } .cms-fancyboxes-wraper .fancy-style-2.bright-color .fancy-icon i { color: #fff; } .cms-fancyboxes-wraper .fancy-style-2.bright-color .fancy-content .fancy-title { color: #fff; } .cms-fancyboxes-wraper .fancy-style-3 { max-width: 680px; margin: 0 auto; } .cms-fancyboxes-wraper .fancy-style-3 .fancy-icon { margin-bottom: 55px; } .cms-fancyboxes-wraper .fancy-style-3 .fancy-icon i { font-size: 64px; color: #fff; width: 64px; height: 64px; display: inline-block; line-height: 64px; } .cms-fancyboxes-wraper .fancy-style-3 .cms-button-video .fancy-icon i { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-3 .cms-button-video:hover .fancy-icon i { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-3 .fancy-content .fancy-title, .cms-fancyboxes-wraper .fancy-style-3 .fancy-content .fancy-title a { font-size: 45px; font-weight: bold; font-family: "Lato"; color: #fff; line-height: 45px; text-transform: uppercase; margin-bottom: 16px; } .cms-fancyboxes-wraper .fancy-style-3 .fancy-content .fancy-title a:hover { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-3 .fancy-content .fancy-description { font-size: 16px; font-weight: normal; font-family: "Lato"; color: #fff; line-height: 25px; text-transform: uppercase; } .cms-fancyboxes-wraper .fancy-style-4 .fancy-icon { width: 40px; height: 40px; background: #00728d; text-align: center; padding: 10px; margin-bottom: 26px; display: inline-block; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper .fancy-style-4 .fancy-icon i { font-size: 20px; color: #fff; } .cms-fancyboxes-wraper .fancy-style-4 .fancy-content .fancy-title { font-size: 16px; font-weight: bold; font-family: "Roboto Slab"; color: #4a454b; line-height: 22px; padding-bottom: 14px; margin-bottom: 14px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-4 .fancy-content .fancy-title:after { content: ""; background-color: #cbcbcd; width: 35px; height: 2px; position: relative; left: 0; top: 14px; display: block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-4 .fancy-content .fancy-description { margin-bottom: 10px; } .cms-fancyboxes-wraper .fancy-style-4 .fancy-content .readmore a { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-4 .fancy-content .readmore a:hover { color: #4a454b; } .cms-fancyboxes-wraper .fancy-style-4.text-center .fancy-content .fancy-title:after { margin: 0 auto; } .cms-fancyboxes-wraper .fancy-style-4:hover .fancy-content .fancy-title { color: #00728d !important; } .cms-fancyboxes-wraper .fancy-style-4:hover .fancy-content .fancy-title a { color: #00728d !important; } .cms-fancyboxes-wraper .fancy-style-4:hover .fancy-content .fancy-title:after { background-color: #00728d; width: 70px; } .cms-fancyboxes-wraper .fancy-style-5 .fancy-icon { margin-bottom: 24px; } .cms-fancyboxes-wraper .fancy-style-5 .fancy-icon i { font-size: 32px; color: #4a454b; width: 32px; height: 32px; margin-left: 0; line-height: 1; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-5 .fancy-content .fancy-title { font-size: 18px; font-weight: bold; font-family: "Roboto Slab"; color: #4a454b; line-height: 22px; padding-bottom: 14px; margin-bottom: 14px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-5 .fancy-content .fancy-title:after { content: ""; background-color: #cbcbcd; width: 35px; height: 2px; position: relative; left: 0; top: 16px; display: block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-5 .fancy-content .fancy-description { margin-bottom: 20px; color: #a9a9ab; } .cms-fancyboxes-wraper .fancy-style-5 .fancy-content .readmore a { color: #9a9a9a; border: 1px solid #dadadc; border-radius: 2px; padding: 3px 12px; display: inline-block; } .cms-fancyboxes-wraper .fancy-style-5 .fancy-content .readmore a:hover { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 49%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-fancyboxes-wraper .fancy-style-5.text-center .fancy-content .fancy-title:after { margin: 0 auto; } .cms-fancyboxes-wraper .fancy-style-5:hover .fancy-icon i { color: #00728d !important; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-5:hover .fancy-content .fancy-title { color: #00728d !important; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-5:hover .fancy-content .fancy-title:after { background-color: #00728d; width: 70px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-5:hover .readmore a { color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 49%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 49%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-fancyboxes-wraper .fancy-style-6 { border: 1px solid #dadadc; padding: 0 20px 30px 20px; margin-top: 50px; background: #fff; position: relative; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper .fancy-style-6 .icon-top { position: absolute; top: -48px; left: 50%; background: #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ } .cms-fancyboxes-wraper .fancy-style-6 .fancy-icon { width: 90px; height: 90px; text-align: center; padding: 25px; border: 1px solid #dadadc; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ display: inline-block; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 991px) { .cms-fancyboxes-wraper .fancy-style-6 .fancy-icon { width: 70px; height: 70px; padding: 18px; } } .cms-fancyboxes-wraper .fancy-style-6 .fancy-icon i { font-size: 32px; color: #4a454b; width: 32px; height: 32px; margin-left: 0; line-height: 1; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 991px) { .cms-fancyboxes-wraper .fancy-style-6 .fancy-icon i { width: 28px; height: 28px; font-size: 28px; } } .cms-fancyboxes-wraper .fancy-style-6 .fancy-content { margin-top: 73px; } .cms-fancyboxes-wraper .fancy-style-6 .fancy-content .fancy-title { font-size: 18px; font-weight: bold; font-family: "Roboto Slab"; color: #4a454b; line-height: 22px; padding-bottom: 14px; margin-bottom: 14px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-6 .fancy-content .fancy-title:after { content: ""; background-color: #cbcbcd; width: 35px; height: 2px; position: relative; left: 0; top: 16px; display: block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-6 .fancy-content .fancy-description { margin-bottom: 20px; color: #a9a9ab; } .cms-fancyboxes-wraper .fancy-style-6 .fancy-content .readmore a { color: #fff; border-radius: 2px; padding: 3px 12px; display: inline-block; background: #4a454b; } .cms-fancyboxes-wraper .fancy-style-6 .fancy-content .readmore a:hover { color: #fff; border-color: transparent; text-decoration: none; background: #00728d; } .cms-fancyboxes-wraper .fancy-style-6:hover .fancy-icon { border-color: #00728d !important; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-6:hover .fancy-icon i { color: #00728d !important; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-6:hover .fancy-content .fancy-title { color: #00728d !important; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-6:hover .fancy-content .fancy-title:after { background-color: #00728d; width: 70px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-6:hover .fancy-content .readmore a { color: #fff; border-color: transparent; text-decoration: none; background: #00728d; } .cms-fancyboxes-wraper .fancy-style-6.text-center .icon-top { margin-bottom: 25px; } .cms-fancyboxes-wraper .fancy-style-6.text-center .icon-top .fancy-icon { float: none; } .cms-fancyboxes-wraper .fancy-style-6.text-center .fancy-content { margin-left: 0; } .cms-fancyboxes-wraper .fancy-style-6.text-center .fancy-content .fancy-title:after { margin: 0 auto; } .cms-fancyboxes-wraper .fancy-style-7 { border: 1px solid #dadadc; padding: 20px 20px 30px 20px; position: relative; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-7 .icon-top { margin-top: 6px; margin-bottom: 27px; } .cms-fancyboxes-wraper .fancy-style-7 .fancy-icon { width: 90px; height: 90px; text-align: center; padding: 25px; margin-top: 3px; background: #efeff0; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ display: inline-block; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 991px) { .cms-fancyboxes-wraper .fancy-style-7 .fancy-icon { width: 70px; height: 70px; padding: 18px; } } .cms-fancyboxes-wraper .fancy-style-7 .fancy-icon i { font-size: 32px; color: #4a454b; width: 32px; height: 32px; margin-left: 0; line-height: 1; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 991px) { .cms-fancyboxes-wraper .fancy-style-7 .fancy-icon i { width: 28px; height: 28px; font-size: 28px; } } .cms-fancyboxes-wraper .fancy-style-7 .fancy-content .fancy-title { font-size: 18px; font-weight: bold; font-family: "Roboto Slab"; color: #4a454b; line-height: 22px; padding-bottom: 14px; margin-bottom: 14px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-7 .fancy-content .fancy-title:after { content: ""; background-color: #cbcbcd; width: 35px; height: 2px; position: relative; left: 0; top: 16px; margin: 0 auto; display: block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-7 .fancy-content .fancy-description { margin-bottom: 17px; color: #a9a9ab; } .cms-fancyboxes-wraper .fancy-style-7 .fancy-content .readmore a { color: #9a9a9a; border: 1px solid #dadadc; border-radius: 2px; padding: 3px 12px; display: inline-block; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-7 .fancy-content .readmore a:hover { color: #fff; border-color: #4a454b; text-decoration: none; background: #4a454b; -webkit-transition: background-color border-color 300ms linear 0ms; -khtml-transition: background-color border-color 300ms linear 0ms; -moz-transition: background-color border-color 300ms linear 0ms; -ms-transition: background-color border-color 300ms linear 0ms; -o-transition: background-color border-color 300ms linear 0ms; transition: background-color border-color 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-7.default-active, .cms-fancyboxes-wraper .fancy-style-7:hover:not(.no-border) { background: #00728d; cursor: pointer; } .cms-fancyboxes-wraper .fancy-style-7.default-active .fancy-icon, .cms-fancyboxes-wraper .fancy-style-7:hover:not(.no-border) .fancy-icon { background: #fff; } .cms-fancyboxes-wraper .fancy-style-7.default-active .fancy-icon i, .cms-fancyboxes-wraper .fancy-style-7:hover:not(.no-border) .fancy-icon i { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-7.default-active .fancy-content .fancy-title, .cms-fancyboxes-wraper .fancy-style-7:hover:not(.no-border) .fancy-content .fancy-title { color: #fff; } .cms-fancyboxes-wraper .fancy-style-7.default-active .fancy-content .fancy-title:after, .cms-fancyboxes-wraper .fancy-style-7:hover:not(.no-border) .fancy-content .fancy-title:after { width: 70px; background-color: #fff; } .cms-fancyboxes-wraper .fancy-style-7.default-active .fancy-content .fancy-description, .cms-fancyboxes-wraper .fancy-style-7:hover:not(.no-border) .fancy-content .fancy-description { color: #fff; } .cms-fancyboxes-wraper .fancy-style-7.default-active .fancy-content .readmore a, .cms-fancyboxes-wraper .fancy-style-7:hover:not(.no-border) .fancy-content .readmore a { color: #fff; border-color: #4a454b; text-decoration: none; background: #4a454b; -webkit-transition: background-color border-color 300ms linear 0ms; -khtml-transition: background-color border-color 300ms linear 0ms; -moz-transition: background-color border-color 300ms linear 0ms; -ms-transition: background-color border-color 300ms linear 0ms; -o-transition: background-color border-color 300ms linear 0ms; transition: background-color border-color 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-7.no-border { border: none; } .cms-fancyboxes-wraper .fancy-style-7.no-border:hover { background: transparent; cursor: pointer; } .cms-fancyboxes-wraper .fancy-style-7.no-border:hover .fancy-icon { background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-fancyboxes-wraper .fancy-style-7.no-border:hover .fancy-icon i { color: #fff; } .cms-fancyboxes-wraper .fancy-style-7.no-border:hover .fancy-content .fancy-title { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-7.no-border:hover .fancy-content .fancy-title:after { width: 70px; background-color: #00728d; } .cms-fancyboxes-wraper .fancy-style-7.no-border:hover .fancy-content .readmore a { color: #fff; border-color: transparent; text-decoration: none; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-fancyboxes-wraper .fancy-style-7.click-view-more { padding: 20px 20px 20px 20px; } .cms-fancyboxes-wraper .fancy-style-7.click-view-more .fancy-content .fancy-description, .cms-fancyboxes-wraper .fancy-style-7.click-view-more .fancy-content .readmore { max-height: 0; visibility: hidden; } .cms-fancyboxes-wraper .fancy-style-7.click-view-more .click-icon { margin-top: 4px; -webkit-transition: all 0.3s linear 0.3s; -khtml-transition: all 0.3s linear 0.3s; -moz-transition: all 0.3s linear 0.3s; -ms-transition: all 0.3s linear 0.3s; -o-transition: all 0.3s linear 0.3s; transition: all 0.3s linear 0.3s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-7.click-view-more .click-icon i { font-size: 25px; color: #4a454b; line-height: 28px; } .cms-fancyboxes-wraper .fancy-style-7.click-view-more.default-active, .cms-fancyboxes-wraper .fancy-style-7.click-view-more:hover { padding: 20px 20px 30px 20px; } .cms-fancyboxes-wraper .fancy-style-7.click-view-more.default-active .fancy-content .fancy-description, .cms-fancyboxes-wraper .fancy-style-7.click-view-more:hover .fancy-content .fancy-description, .cms-fancyboxes-wraper .fancy-style-7.click-view-more.default-active .fancy-content .readmore, .cms-fancyboxes-wraper .fancy-style-7.click-view-more:hover .fancy-content .readmore { max-height: 1000px; visibility: visible; } .cms-fancyboxes-wraper .fancy-style-7.click-view-more.default-active .click-icon, .cms-fancyboxes-wraper .fancy-style-7.click-view-more:hover .click-icon { display: none; } .cms-fancyboxes-wraper .fancy-style-8 .fancy-image { margin-bottom: 26px; } .cms-fancyboxes-wraper .fancy-style-8 .fancy-content .fancy-title { font-size: 18px; font-weight: bold; font-family: "Roboto Slab"; color: #4a454b; line-height: 22px; padding-bottom: 14px; margin-bottom: 13px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-8 .fancy-content .fancy-title:after { content: ""; background-color: #cbcbcd; width: 35px; height: 2px; position: relative; left: 0; top: 15px; display: block; margin: 0 auto; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-fancyboxes-wraper .fancy-style-8 .fancy-content .fancy-description { margin-bottom: 11px; color: #a9a9ab; } .cms-fancyboxes-wraper .fancy-style-8 .fancy-content .readmore a { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-8 .fancy-content .readmore a:hover { color: #4a454b; } .cms-fancyboxes-wraper .fancy-style-8:hover .fancy-content .fancy-title { color: #00728d; } .cms-fancyboxes-wraper .fancy-style-8:hover .fancy-content .fancy-title:after { width: 70px; background-color: #00728d; } .team-carousel-1 .team-content-wraper, .cms-grid-team1 .team-content-wraper { border: 1px solid #dadadc; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .team-carousel-1 .team-content-wraper .team-content-left, .cms-grid-team1 .team-content-wraper .team-content-left { float: left; width: 47.368%; height: auto; position: relative; } @media (max-width: 480px) { .team-carousel-1 .team-content-wraper .team-content-left, .cms-grid-team1 .team-content-wraper .team-content-left { width: 100%; float: none; } } .team-carousel-1 .team-content-wraper .team-content-left img, .cms-grid-team1 .team-content-wraper .team-content-left img { width: 100%; } .team-carousel-1 .team-content-wraper .team-content-left .bg-gradient-overlay, .cms-grid-team1 .team-content-wraper .team-content-left .bg-gradient-overlay { opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .team-carousel-1 .team-content-wraper .team-content-left .social-links, .cms-grid-team1 .team-content-wraper .team-content-left .social-links { opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ width: 100%; text-align: center; z-index: 2; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .team-carousel-1 .team-content-wraper .team-content-left .social-links a, .cms-grid-team1 .team-content-wraper .team-content-left .social-links a { color: #fff; font-size: 18px; line-height: 28px; padding: 0 11px; } .team-carousel-1 .team-content-wraper .team-content-left .social-links a:hover, .cms-grid-team1 .team-content-wraper .team-content-left .social-links a:hover { color: #4a454b; } .team-carousel-1 .team-content-wraper .team-content-left:hover .bg-gradient-overlay, .cms-grid-team1 .team-content-wraper .team-content-left:hover .bg-gradient-overlay { opacity: 0.85; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .team-carousel-1 .team-content-wraper .team-content-left:hover .social-links, .cms-grid-team1 .team-content-wraper .team-content-left:hover .social-links { opacity: 1; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .team-carousel-1 .team-content-wraper .team-content-right, .cms-grid-team1 .team-content-wraper .team-content-right { padding: 22px 30px 21px 30px; margin-left: 47.368%; } @media (max-width: 480px) { .team-carousel-1 .team-content-wraper .team-content-right, .cms-grid-team1 .team-content-wraper .team-content-right { margin-left: 0; } } .team-carousel-1 .team-content-wraper .team-content-right h5, .cms-grid-team1 .team-content-wraper .team-content-right h5 { margin-top: 0; margin-bottom: 5px; } .team-carousel-1 .team-content-wraper .team-content-right .team-position, .cms-grid-team1 .team-content-wraper .team-content-right .team-position { line-height: 28px; color: #a9a9ab; font-size: 14px; font-style: italic; display: block; margin-bottom: 17px; } .team-carousel-1 .team-content-wraper .team-content-right .team-email, .cms-grid-team1 .team-content-wraper .team-content-right .team-email, .team-carousel-1 .team-content-wraper .team-content-right .team-phone, .cms-grid-team1 .team-content-wraper .team-content-right .team-phone { margin-bottom: 0; } .team-carousel-1 .team-content-wraper .team-content-right .team-email span, .cms-grid-team1 .team-content-wraper .team-content-right .team-email span, .team-carousel-1 .team-content-wraper .team-content-right .team-phone span, .cms-grid-team1 .team-content-wraper .team-content-right .team-phone span { color: #00728d; } .cms-grid-team1 { /* testimonials-carousel */ } .cms-grid-team1 .cms-grid-item { margin-bottom: 30px; } .testimonials-carousel { /* toot-client-carousel */ } .testimonials-carousel .cms-carousel-item .testi-description { margin-bottom: 16px; } .testimonials-carousel .cms-carousel-item .testi-description blockquote { font-family: "Lato"; font-size: 18px; line-height: 28px; color: #4a454b; background: #f6f6f6; padding: 25px 20px 29px 58px; position: relative; border-left: none; font-style: italic; margin-bottom: 20px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .testimonials-carousel .cms-carousel-item .testi-description blockquote:before { position: absolute; color: #cbcbcb; content: "\f10e"; font-family: FontAwesome; font-size: 20px; display: inline-block; margin-right: -20px; left: 20px; margin-top: 3px; } .testimonials-carousel .cms-carousel-item .testi-description blockquote:after { content: ""; border: 9px solid #f6f6f6; position: absolute; left: 30px; top: 100%; border-right-color: transparent; border-bottom-color: transparent; } .testimonials-carousel .cms-carousel-item .testi-image-meta .cms-grid-media { float: left; width: 70px; height: 70px; } .testimonials-carousel .cms-carousel-item .testi-image-meta .cms-grid-media img { -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } .testimonials-carousel .cms-carousel-item .testi-image-meta .title-meta { margin-left: 90px; min-height: 70px; } .testimonials-carousel .cms-carousel-item .testi-image-meta .title-meta h5 { margin-top: 0; padding-top: 10px; margin-bottom: 6px; } .testimonials-carousel .cms-carousel-item .testi-image-meta .title-meta .position-group { color: #676268; margin-top: 8px; font-style: italic; font-family: "Lato"; } .testimonials-carousel .cms-carousel-item .testi-image-meta .title-meta .position-group span { color: #a9a9ab; } .testimonials-carousel.testimonial-layout2 { text-align: center; } .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-image-meta .cms-grid-media { float: none; display: inline-block; } .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-image-meta .cms-grid-media img { width: 66px; height: 66px; display: inline-block; } .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-image-meta .title-meta { margin-left: 0; } .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-description { margin-bottom: 10px; } .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-description blockquote { color: #4a454b; background: none; padding: 20px 20px 0 20px; margin-bottom: 0; } @media screen and (min-width: 1200px) { .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-description blockquote { max-width: 1000px; margin: 0 auto; } } .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-description blockquote:before { margin-right: 0; left: 0; margin-bottom: 17px; position: relative; color: #cbcbcd; } .testimonials-carousel.testimonial-layout2 .cms-carousel-item .testi-description blockquote:after { content: none; } .testimonials-carousel.testimonial-layout2.bg-content .cms-carousel-item .testi-description { background: transparent; } .testimonials-carousel.testimonial-layout2.bg-content .cms-carousel-item .testi-description blockquote { color: #fff; background: transparent; box-shadow: none; } .testimonials-carousel.testimonial-layout2.bg-content .cms-carousel-item .testi-description blockquote:before { color: #cbcbcd; } .testimonials-carousel.testimonial-layout2 .owl-controls { margin-top: 0; } .testimonials-carousel.testimonial-layout2 .owl-controls .owl-dots { padding-top: 3px; } .testimonials-carousel.testimonial-layout3 { text-align: center; } .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-image-meta .cms-grid-media { float: none; display: inline-block; margin-top: 30px; } .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-image-meta .cms-grid-media img { width: 66px; height: 66px; display: inline-block; } .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-image-meta .title-meta { margin-left: 0; } .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-description { margin-bottom: 10px; } .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-description blockquote { color: #4a454b; background: none; padding: 0 20px 0 20px; margin-bottom: 0; } @media screen and (min-width: 1200px) { .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-description blockquote { max-width: 1000px; margin: 0 auto; } } .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-description blockquote:before { content: none; } .testimonials-carousel.testimonial-layout3 .cms-carousel-item .testi-description blockquote:after { content: "\f10e"; font-family: FontAwesome; border: 0; margin-right: 0; top: 20px; left: 0; color: #cbcbcd; margin-bottom: 17px; position: relative; } .testimonials-carousel.testimonial-layout3.bg-content .cms-carousel-item .testi-description { background: transparent; } .testimonials-carousel.testimonial-layout3.bg-content .cms-carousel-item .testi-description blockquote { color: #fff; background: transparent; box-shadow: none; } .testimonials-carousel.testimonial-layout3.bg-content .cms-carousel-item .testi-description blockquote:after { color: #cbcbcd; } .testimonials-carousel.testimonial-layout3 .owl-controls { margin-top: 0; } .testimonials-carousel.testimonial-layout3 .owl-controls .owl-dots { padding-top: 3px; } .testimonials-carousel.bg-content .cms-carousel-item .testi-description blockquote { background: #f6f6f6; box-shadow: inset 0px 1px 10px -6px; } .testimonials-carousel.bg-content .cms-carousel-item .testi-description blockquote:after { border-top-color: #f6f6f6; border-left-color: #f6f6f6; } .testimonials-carousel.bg-content .cms-carousel-item .testi-image-meta .title-meta .position-group { color: #e8e8e9; font-style: italic; font-family: "Lato"; } .testimonials-carousel.bg-content .owl-controls .owl-dots .owl-dot { background: #fff; } .testimonials-carousel.bg-content .owl-controls .owl-dots .owl-dot.active { background: #00728d; } .testimonials-carousel.bg-desc-white .cms-carousel-item .testi-description blockquote { background: #fff; } .testimonials-carousel.bg-desc-white .cms-carousel-item .testi-description blockquote:after { border-top-color: #fff; border-left-color: #fff; } .testimonials-carousel .owl-controls { margin-top: 0; margin-bottom: 0; } .testimonials-carousel .owl-controls .owl-dots { padding: 39px 0 23px 0; } .cms-carousel-toot-client { /* cms-grid-team */ } .cms-carousel-toot-client .owl-controls { margin-top: 50px; margin-bottom: 30px; } .cms-carousel-toot-client .owl-carousel .owl-item .list-clients-item { padding-bottom: 1px; } .cms-carousel-toot-client .owl-carousel .owl-item .list-clients-item img { width: auto; margin: 0 auto; } .cms-carousel-toot-client.nav-top-right .owl-controls { position: absolute; top: -100%; right: 0; left: auto; display: inline-block; width: auto; margin-bottom: 0; margin-top: -14px; } .cms-carousel-toot-client.bright .owl-controls .owl-prev, .cms-carousel-toot-client.bright .owl-controls .owl-next { background: #4a454b; } .cms-carousel-toot-client.bright .owl-controls .owl-prev:hover, .cms-carousel-toot-client.bright .owl-controls .owl-next:hover { background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-carousel-toot-client.bright .owl-controls .owl-prev:hover i, .cms-carousel-toot-client.bright .owl-controls .owl-next:hover i { color: #fff; } .cms-carousel-toot-client.sombre .owl-controls .owl-prev, .cms-carousel-toot-client.sombre .owl-controls .owl-next { background: #fff; color: #00728d; } .cms-carousel-toot-client.sombre .owl-controls .owl-prev:hover, .cms-carousel-toot-client.sombre .owl-controls .owl-next:hover { background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .cms-carousel-toot-client.sombre .owl-controls .owl-prev:hover i, .cms-carousel-toot-client.sombre .owl-controls .owl-next:hover i { color: #fff; } .cms-grid-team .cms-grid-item { margin-bottom: 30px; } .cms-grid-team .cms-grid-item .team-content-wraper { border: 1px solid #dadadc; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cms-grid-team .cms-grid-item .team-content-top { position: relative; } .cms-grid-team .cms-grid-item .team-content-top .bg-gradient-overlay { opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-team .cms-grid-item .team-content-top .cms-grid-image img { width: 100%; } .cms-grid-team .cms-grid-item .team-content-top .social-links { opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ width: 100%; text-align: center; z-index: 2; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-team .cms-grid-item .team-content-top .social-links a { color: #fff; font-size: 18px; line-height: 28px; padding: 0 11px; } .cms-grid-team .cms-grid-item .team-content-top .social-links a:hover { color: #4a454b; } .cms-grid-team .cms-grid-item .team-content-top:hover .bg-gradient-overlay { opacity: 0.85; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-team .cms-grid-item .team-content-top:hover .social-links { opacity: 1; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-team .cms-grid-item .team-content-bottom { border-top: 0; padding: 22px 20px 25px 20px; text-align: center; background: #fff; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cms-grid-team .cms-grid-item .team-content-bottom h5 { margin-top: 0; margin-bottom: 6px; } .cms-grid-team .cms-grid-item .team-content-bottom .team-position { line-height: 28px; color: #a9a9ab; font-size: 14px; font-style: italic; display: block; } .cms-grid-team2 { /*------------------------------ 3.2.3 - Cms grid pricing table ------------------------------*/ } .cms-grid-team2 .cms-grid-item .team-content-bottom h5 { color: #fff; } .cms-grid-team2 .cms-grid-item .team-content-bottom .team-position { color: #f6f6f6; } .cms-grid-team2 .cms-grid-item .team-content-top .team-content-bottom { opacity: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ width: 100%; text-align: center; background: transparent; z-index: 2; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-grid-team2 .cms-grid-item .team-content-top .team-content-bottom .social-links { opacity: 1; position: relative; margin-top: 53px; width: 100%; text-align: center; } .cms-grid-team2 .cms-grid-item .team-content-top:hover .team-content-bottom { opacity: 1; -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .list-price .list-price-item .price-item-wraper { text-align: center; border: 1px solid #d8d8d9; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ padding: 23px 30px 30px 30px; margin-bottom: 30px; background: #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .list-price .list-price-item .price-item-wraper .list-price-title { margin-top: 0; margin-bottom: 0; } .list-price .list-price-item .price-item-wraper .short-desc { font-size: 14px; color: #a9a9ab; margin-top: 10px; font-style: italic; } .list-price .list-price-item .price-item-wraper .list-price-total { margin: 27px auto 8px; padding-top: 17px; display: block; width: 90px; height: 90px; line-height: 27px; text-align: center; color: #6e6a6f; border: 2px solid #eee; border-radius: 50%; font-size: 17px; font-weight: bold; font-family: Lato; } .list-price .list-price-item .price-item-wraper ul.description { list-style: none; padding-left: 0; } .list-price .list-price-item .price-item-wraper ul.description li { line-height: 50px; color: #7a7c82; border-bottom: 1px solid #d8d8d9; font-size: 15px; } .list-price .list-price-item .price-item-wraper ul.description li:last-child { border-bottom: none; } .list-price .list-price-item .price-item-wraper ul.description li span { color: #4a454b; text-transform: uppercase; } .list-price .list-price-item .price-item-wraper a.btn { color: #fff; font-family: Lato; padding: 8px 44px; font-size: 17px; font-weight: bold; border: none; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .list-price .list-price-item .price-item-wraper a.btn:hover { background: #fff; } .list-price .list-price-item:hover .price-item-wraper { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ background-color: #00728d; } .list-price .list-price-item:hover .price-item-wraper .list-price-title { color: #fff; } .list-price .list-price-item:hover .price-item-wraper .short-desc { color: #fff; } .list-price .list-price-item:hover .price-item-wraper .list-price-total { color: #fff; border-color: #fff; } .list-price .list-price-item:hover .price-item-wraper ul.description li { color: #fff; border-bottom-color: #e87c90; } .list-price .list-price-item:hover .price-item-wraper a.btn { background: #fff; color: #00728d; } @media (min-width: 992px) and (max-width: 1199px) { .list-price .list-price-item .price-item-wraper a.btn { padding: 8px 34px; } } @media (min-width: 768px) and (max-width: 991px) { .list-price .list-price-item .price-item-wraper { padding: 20px 10px 20px 10px; } .list-price .list-price-item .price-item-wraper a.btn { padding: 8px 20px; } } @media screen and (max-width: 767px) { /* .cms-counter-wraper */ .list-price .list-price-item { display: block; margin-left: auto; margin-right: auto; float: none; } } .cms-counter-wraper { /*Lastest Tweets */ } .cms-counter-wraper .cms-counter-single .cms-icon { width: 70px; height: 70px; text-align: center; display: inline-block; padding: 16px 20px; border: 1px solid #dadadc; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-counter-wraper .cms-counter-single .cms-icon i { font-size: 32px; color: #4a454b; margin-left: 0; line-height: 32px; width: 32px; height: 32px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cms-counter-wraper .cms-counter-single .cms-counter { margin-top: 20px; margin-bottom: 10px; font-family: "Roboto Slab"; font-size: 45px; line-height: 46px; color: #00728d; display: block; } .cms-counter-wraper .cms-counter-single h5 { font-size: 15px; font-weight: bold; line-height: 22px; color: #4a454b; font-family: "Lato"; margin: 0; } .cms-counter-wraper .cms-counter-single.style-2 .cms-icon { float: left; margin-right: 30px; } .cms-counter-wraper .cms-counter-single.style-2 .cms-icon.ico-transparent { background-color: transparent; } .cms-counter-wraper .cms-counter-single.style-2 .cms-icon.ico-white { background-color: #fff; } .cms-counter-wraper .cms-counter-single.style-2 .content-right { text-align: right; margin-right: 30px; } .cms-counter-wraper .cms-counter-single.style-2 .content-right .cms-counter { line-height: 30px; margin-top: 0; margin-bottom: 17px; } .cms-counter-wraper .cms-counter-single.style-2 .content-right h5 { color: #9a9a9a; font-weight: normal; font-family: "Lato"; font-size: 14px; } .cms-counter-wraper:hover .cms-counter-single .cms-icon { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ background-color: #00728d; border-color: transparent; } .cms-counter-wraper:hover .cms-counter-single .cms-icon.ico-transparent { background-color: #00728d; } .cms-counter-wraper:hover .cms-counter-single .cms-icon.ico-white { background-color: #00728d; } .cms-counter-wraper:hover .cms-counter-single .cms-icon i { color: #fff; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media (min-width: 768px) and (max-width: 1199px) { .cms-counter-wraper { text-align: center; } .cms-counter-wraper .cms-counter-single.style-2 .cms-icon { float: none; margin-right: 0; text-align: center; } .cms-counter-wraper .cms-counter-single.style-2 .content-right { text-align: center; margin-right: 0; } .cms-counter-wraper .cms-counter-single.style-2 .content-right .cms-counter { margin-bottom: 10px; margin-top: 20px; } } @media screen and (max-width: 767px) { .cms-counter-wraper { text-align: center; } .cms-counter-wraper .cms-counter-single.style-2 { display: inline-block; min-width: 260px; } } .wpb_column { /* slideset */ } .wpb_column .widget-area .widget, .wpb_column .wpb_widgetised_column.twitter-carousel .widget { border: none; border-radius: 0; padding: 0; margin-bottom: 0; } .wpb_column .widget-area .widget h3.wg-title:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget h3.wg-title:before, .wpb_column .widget-area .widget h3.wg-title:after, .wpb_column .wpb_widgetised_column.twitter-carousel .widget h3.wg-title:after { content: ""; display: none; } .wpb_column .widget-area .widget .owl-horizontal, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal { font-size: 22px; font-family: "Lato"; } .wpb_column .widget-area .widget .owl-horizontal .item-child .twitter-icon, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .item-child .twitter-icon { float: none; text-align: center; margin-bottom: 17px; } .wpb_column .widget-area .widget .owl-horizontal .item-child .twitter-icon i, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .item-child .twitter-icon i { font-size: 18px; color: #cbcbcd; margin-right: 0; line-height: 22px; } .wpb_column .widget-area .widget .owl-horizontal .item-child .twitter-content, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .item-child .twitter-content { margin-bottom: 20px; text-align: center; font-weight: normal; } .wpb_column .widget-area .widget .owl-horizontal .item-child .twitter-content p, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .item-child .twitter-content p { color: #fff; font-size: 22px; line-height: 32px; font-style: italic; font-family: "Lato"; } .wpb_column .widget-area .widget .owl-horizontal .item-child .twitter-content p a, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .item-child .twitter-content p a { font-family: "Lato"; color: #a9a9ab; font-size: 22px; line-height: 32px; font-style: italic; } .wpb_column .widget-area .widget .owl-horizontal .item-child .twitter-content p a:hover, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .item-child .twitter-content p a:hover { color: #00728d; } .wpb_column .widget-area .widget .owl-horizontal .item-child .slider-reviews-autor, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .item-child .slider-reviews-autor { font-size: 13px; color: #f6f6f6; font-family: "Lato"; line-height: 22px; text-align: center; display: block; font-style: italic; } .wpb_column .widget-area .widget .owl-horizontal .owl-controls, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls { display: table; width: 100%; margin-top: 42px; margin-bottom: 10px; } .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-prev, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-prev, .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-next, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-next { text-indent: -10000px; width: 25px; height: 25px; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-prev:hover, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-prev:hover, .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-next:hover, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-next:hover { background: #fff; } .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-prev:hover:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-prev:hover:before, .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-next:hover:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-next:hover:before { color: #00728d; } .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-prev:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-prev:before { content: "\f100"; font-family: FontAwesome; color: #fff; font-size: 14px; display: inline-block; text-align: right; margin-right: 0; float: left; text-indent: 0; } .wpb_column .widget-area .widget .owl-horizontal .owl-controls .owl-next:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget .owl-horizontal .owl-controls .owl-next:before { content: "\f101"; font-family: FontAwesome; color: #fff; font-size: 14px; display: inline-block; text-align: right; margin-right: 0; float: left; text-indent: 0; } .wpb_column .widget-area .widget_znews-twitter-widget .tweet-text, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .tweet-text { margin-bottom: 16px; text-align: center; font-weight: normal; color: #fff; font-size: 22px; line-height: 32px; font-style: italic; font-family: "Lato"; position: relative; padding-top: 40px; } .wpb_column .widget-area .widget_znews-twitter-widget .tweet-text a, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .tweet-text a { font-family: "Lato"; color: #a9a9ab; font-size: 22px; line-height: 32px; font-style: italic; } .wpb_column .widget-area .widget_znews-twitter-widget .tweet-text a:hover, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .tweet-text a:hover { color: #00728d; } .wpb_column .widget-area .widget_znews-twitter-widget .tweet-text i, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .tweet-text i { font-size: 18px; color: #cbcbcd; margin-right: 0; line-height: 22px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ } .wpb_column .widget-area .widget_znews-twitter-widget .tweet-time, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .tweet-time { font-size: 13px; color: #f6f6f6; font-family: "Lato"; line-height: 22px; text-align: center; display: block; font-style: italic; } .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls { text-align: center; margin-top: 5px; margin-bottom: 10px; } .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-prev, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-prev, .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-next, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-next { text-indent: -10000px; width: 25px; height: 25px; display: inline-block; margin: 0 5px; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-prev:hover, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-prev:hover, .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-next:hover, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-next:hover { background: #fff; } .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-prev:hover:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-prev:hover:before, .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-next:hover:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-next:hover:before { color: #00728d; } .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-prev:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-prev:before { content: "\f100"; font-family: FontAwesome; color: #fff; font-size: 14px; width: 16px; display: inline-block; text-align: right; margin-right: 0; float: left; text-indent: 0; } .wpb_column .widget-area .widget_znews-twitter-widget .bx-controls .bx-next:before, .wpb_column .wpb_widgetised_column.twitter-carousel .widget_znews-twitter-widget .bx-controls .bx-next:before { content: "\f101"; font-family: FontAwesome; color: #fff; font-size: 14px; width: 16px; display: inline-block; text-align: right; margin-right: 0; float: left; text-indent: 0; } .slidesets { /* cms-countdown */ } .slidesets .cms-grid-filter { text-align: center; } .slidesets .cms-grid-filter ul.cms-filter-category { margin-bottom: 43px; padding-top: 2px; } .slidesets .cms-grid-filter ul.cms-filter-category li { padding: 0 8px; margin-bottom: 20px; } .slidesets .cms-grid-filter ul.cms-filter-category li:first-child { padding-left: 0; } .slidesets .cms-grid-filter ul.cms-filter-category li:last-child { padding-right: 0; } .slidesets .cms-grid-filter ul.cms-filter-category li a { color: #4a454b; padding: 4px 8px; border: 1px solid #cbcbcd; border-radius: 2px; background: transparent; cursor: pointer; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .slidesets .cms-grid-filter ul.cms-filter-category li a:focus, .slidesets .cms-grid-filter ul.cms-filter-category li a:active, .slidesets .cms-grid-filter ul.cms-filter-category li a:hover { color: #fff; border-color: transparent; text-decoration: none; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .slidesets .cms-grid-filter ul.cms-filter-category li.uk-active a { color: #fff; border-color: transparent; text-decoration: none; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .slidesets .uk-dotnav { margin-left: 0; margin-top: 4px; margin-bottom: 15px; padding: 0; } .slidesets .uk-dotnav > .uk-active > * { background: #00728d; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ } .slidesets .uk-dotnav > * { padding-left: 0; } .slidesets .uk-dotnav > * > * { width: 14px; height: 6px; margin: 0 5px 0 0; background: #4a454b; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .slidesets .uk-dotnav > * > :focus, .slidesets .uk-dotnav > * > :hover { background: #00728d; cursor: pointer; } .slidesets .uk-nav-control { text-align: center; margin-top: 50px; } .slidesets .uk-nav-control .uk-slidenav { display: inline-block; font-size: 14px; text-align: center; width: 25px; height: 25px; color: #fff; background: #4a454b; font-size: 15px; line-height: 22px; border-radius: 2px; padding: 0px 9px; margin-left: 8px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .slidesets .uk-nav-control .uk-slidenav.uk-slidenav-previous:before { content: "\f100"; font-family: FontAwesome; } .slidesets .uk-nav-control .uk-slidenav.uk-slidenav-next:before { content: "\f101"; font-family: FontAwesome; } .slidesets .uk-nav-control .uk-slidenav:hover { background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .slidesets .uk-link:hover, .slidesets a:hover { text-decoration: none; } .cms-countdown { position: relative; } .cms-countdown .flip-clock-wrapper { position: relative; width: auto; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ } .cms-countdown .flip-clock-divider .flip-clock-label { color: #00728d; } @media screen and (max-width: 767px) { .cms-countdown.flipclock .flip-clock-wrapper { margin: 0 !important; } } .cms-countdown.layout4 { /* layout 3*/ } .cms-countdown.layout4 .layout4 > div { margin-bottom: 30px; } .cms-countdown.layout4 .countdown-item-container > div { display: block; } .cms-countdown.layout4 .countdown-amount { display: inline-block; padding: 23px 13px; min-width: 70px; text-align: center; font-size: 36px; font-family: "Lato"; font-weight: bold; color: #fff; letter-spacing: 0.72px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ background: #00728d; } .cms-countdown.layout4 .countdown-period { display: block; font-family: "Lato"; font-weight: bold; letter-spacing: 0.396px; font-size: 18px; margin-top: 16px; color: #4a454b; } .cms-countdown.layout4 .countdown-period:first-letter { text-transform: uppercase; } .cms-countdown .ClassyCountdown-wrapper { width: 800px; margin: 0 auto; } .cms-countdown .ClassyCountdown-wrapper > div { display: inline-block; position: relative; width: calc(25% - 100px); margin: 0 50px; } .cms-countdown .ClassyCountdown-wrapper .ClassyCountdown-value { width: 100%; line-height: 1em; position: absolute; top: 50%; text-align: center; left: 0; display: block; } .cms-countdown .ClassyCountdown-wrapper .ClassyCountdown-value > span { position: absolute; position: absolute; bottom: -69px; left: 50%; font-family: "Lato"; font-size: 14px !important; line-height: 28px; font-weight: bold; letter-spacing: 0.28px; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ } @media screen and (max-width: 991px) { .cms-countdown .ClassyCountdown-wrapper { width: 100%; margin: 0 auto; } .cms-countdown .ClassyCountdown-wrapper > div { display: inline-block; position: relative; width: calc(25% - 50px); margin: 0 25px; } .cms-countdown .ClassyCountdown-wrapper .ClassyCountdown-value > span { bottom: -85px; } } @media screen and (max-width: 767px) { .cms-countdown .ClassyCountdown-wrapper { width: 100%; margin: 0 auto; } .cms-countdown .ClassyCountdown-wrapper > div { display: inline-block; position: relative; width: calc(25% - 20px); margin: 0 10px; } .cms-countdown .ClassyCountdown-wrapper .ClassyCountdown-value > span { bottom: -73px; font-size: 13px !important; text-transform: none !important; } } @media screen and (max-width: 479px) { .cms-countdown .ClassyCountdown-wrapper { width: 100%; margin: 0 auto; } .cms-countdown .ClassyCountdown-wrapper > div { display: inline-block; position: relative; width: calc(25% - 10px); margin: 0 5px; } .cms-countdown .ClassyCountdown-wrapper .ClassyCountdown-value > span { bottom: -60px; font-size: 12px !important; text-transform: none !important; } } .user-press .login-form { border: 1px solid #dadadc; padding: 30px; max-width: 370px !important; margin: 0 auto; } .user-press .login-form .field-group { position: relative; display: block; margin-bottom: 20px; } .user-press .login-form .field-group:nth-child(2) { margin-bottom: 15px; } .user-press .login-form .field-group:last-child { margin-bottom: 0; } .user-press .login-form .field-group i { position: absolute; top: 9px; left: 11px; color: #7a7c82; font-size: 15px; } .user-press .login-form .field-group input[type="text"], .user-press .login-form .field-group input[type="password"] { padding: 5px 12px 5px 30px; line-height: 23px; font-size: 13px; font-family: "Lato"; color: #7a7c82; } .user-press .login-form .field-group ::-webkit-input-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .login-form .field-group ::-moz-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .login-form .field-group :-ms-input-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .login-form .field-group input:-moz-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .login-form .remember-me { display: inline-block; } .user-press .login-form .remember-me label { font-family: "Lato"; font-size: 12px; color: #9a9a9a; line-height: 26px; } .user-press .login-form .forget-password { float: right; font-family: "Lato"; font-size: 12px; color: #4a454b; line-height: 26px; } .user-press .login-form .forget-password:hover { color: #00728d; } .user-press .login-form .button-login { width: 100%; color: #fff; font-family: Lato; font-size: 14px; font-weight: bold; text-transform: uppercase; } .user-press .login-form .button-login:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .user-press .register-form { border: 1px solid #dadadc; padding: 30px; max-width: 370px !important; margin: 0 auto; } .user-press .register-form .field-group { position: relative; display: block; margin-bottom: 20px; } .user-press .register-form .field-group:last-child { margin-bottom: 0; } .user-press .register-form .field-group i { position: absolute; top: 9px; left: 11px; color: #7a7c82; font-size: 15px; } .user-press .register-form .field-group input[type="text"], .user-press .register-form .field-group input[type="password"] { padding: 5px 12px 5px 30px; line-height: 23px; font-size: 13px; font-family: "Lato"; color: #7a7c82; } .user-press .register-form .field-group ::-webkit-input-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .register-form .field-group ::-moz-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .register-form .field-group :-ms-input-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .register-form .field-group input:-moz-placeholder { color: #7a7c82; font-size: 13px; font-family: "Lato"; } .user-press .register-form .remember-me { display: inline-block; } .user-press .register-form .remember-me label { font-family: "Lato"; font-size: 12px; color: #9a9a9a; line-height: 26px; } .user-press .register-form .forget-password { float: right; font-family: "Lato"; font-size: 12px; color: #4a454b; line-height: 26px; } .user-press .register-form .forget-password:hover { color: #00728d; } .user-press .register-form .btn-up-register { width: 100%; color: #fff; font-family: Lato; font-size: 14px; font-weight: bold; text-transform: uppercase; } .user-press .register-form .btn-up-register:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .lost_reset_password { border: 1px solid #dadadc; padding: 30px; max-width: 370px !important; margin: 0 auto; } .lost_reset_password .form-row-first { width: 100% !important; } .lost_reset_password label { text-align: left; } .lost_reset_password input[type="text"] { width: 100% !important; line-height: 23px !important; padding: 5px 12px !important; font-size: 13px; font-family: "Lato"; color: #7a7c82; } .lost_reset_password input[type="submit"] { width: 100%; color: #fff; font-family: Lato; font-size: 14px; font-weight: bold; text-transform: uppercase; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .lost_reset_password input[type="submit"]:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .back_to_top { bottom: 5px; margin: 0; padding: 0; position: fixed; cursor: pointer; right: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #00728d; z-index: 9999; visibility: hidden; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms ease-in-out 0ms; -khtml-transition: all 300ms ease-in-out 0ms; -moz-transition: all 300ms ease-in-out 0ms; -ms-transition: all 300ms ease-in-out 0ms; -o-transition: all 300ms ease-in-out 0ms; transition: all 300ms ease-in-out 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .back_to_top.on { visibility: visible; } .back_to_top:hover { background: #a9a9ab; color: #00728d; } .toot-footer-top { background-color: #342e35; padding-top: 92px; padding-bottom: 25px; /* footer bottom */ } .toot-footer-top .wg-title { font-size: 16px; color: #fff; font-family: Roboto Slab; line-height: 30px; font-weight: 700; margin: 0 0 36px; } .toot-footer-top .wg-title:after { content: ""; background-color: #514b52; width: 35px; height: 2px; position: relative; left: 0; top: 12px; display: block; } .toot-footer-top .widget { margin-bottom: 35px; } .toot-footer-top ul { list-style: none; padding-left: 0; } .toot-footer-top a { text-decoration: none; } @media (min-width: 768px) and (max-width: 991px) { .toot-footer-top .col-sm-6:nth-child(2n+1) { clear: left; } } .toot-footer-top .block-action { padding: 19px 30px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; margin-top: -24px; margin-bottom: 60px; display: table; width: 100%; } .toot-footer-top .block-action .call-to-left { display: table-cell; padding-right: 10px; } .toot-footer-top .block-action .call-to-left .title-rb-19 { font-size: 19px; line-height: 36px; color: #00728d; font-family: Roboto Slab; font-weight: 400; display: block; margin-bottom: 2px; } .toot-footer-top .block-action .call-to-left p { margin-bottom: 7px; } .toot-footer-top .block-action .call-to-button { display: table-cell; vertical-align: middle; text-align: right; } .toot-footer-top .block-action .call-to-button a { font-size: 15px; font-weight: bold; font-family: "Lato"; color: #fff; padding: 4px 12px; /* Old browsers */ background: #00728d; /* FF3.6-15 */ background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-footer-top .block-action .call-to-button a:hover, .toot-footer-top .block-action .call-to-button a:focus { outline: none; background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (max-width: 767px) { .toot-footer-top .block-action .call-to-button a { margin-top: 10px; } } @media screen and (max-width: 480px) { .toot-footer-top .block-action { display: block; } .toot-footer-top .block-action .call-to-left, .toot-footer-top .block-action .call-to-left { display: block; text-align: left; } } .toot-footer-top .contact-foot { margin-top: 19px; color: #a9a9ab; } .toot-footer-top .contact-foot i { font-size: 16px; line-height: 24px; margin-right: 14px; } .toot-footer-top .contact-foot li { line-height: 22px; line-height: 28px; } .toot-footer-top .contact-foot li a { color: #a9a9ab; } .toot-footer-top .contact-foot li a:hover { color: #00728d; } .toot-footer-top .bussiness-hours { color: #a9a9ab; } .toot-footer-top .widget_tag_cloud .tagcloud { padding-top: 15px; } .toot-footer-bottom { background: #2e282f; padding: 27px 0; } .toot-footer-bottom .copyright { line-height: 40px; } @media screen and (max-width: 767px) { .toot-footer-bottom .copyright { line-height: 22px; text-align: center; } } .toot-footer-bottom .copyright .cleft { margin-right: 3px; } .toot-footer-bottom .copyright .cright { margin-left: 3px; } .toot-footer-bottom .copyright .cright a { color: #00728d; } .toot-footer-bottom .copyright .cright a:hover { color: #fff; } .toot-footer-bottom .widget_cms_social_widget .cms-social { list-style: none; margin: 0; padding: 0; } .toot-footer-bottom .widget_cms_social_widget .cms-social li { display: inline-block; padding: 5px 7px; font-size: 14px; line-height: 28px; } @media screen and (max-width: 991px) { .toot-footer-bottom .widget_cms_social_widget .cms-social li { padding: 5px; } } .toot-footer-bottom .widget_cms_social_widget .cms-social li a { padding: 0 5px; font-size: 15px; line-height: 28px; color: #a9a9ab; } .toot-footer-bottom .widget_cms_social_widget .cms-social li a:hover { color: #00728d; } .toot-footer-bottom .widget_cms_social_widget .cms-social li i { margin: 0; } @media screen and (max-width: 767px) { .toot-footer-bottom .widget_cms_social_widget .cms-social.text-right { text-align: center; } } .toot-footer-bottom.layout-center { padding: 27px 0 37px 0; } .toot-footer-bottom.layout-center .widget_cms_social_widget { padding: 20px 0 33px 0; } .toot-footer-bottom.layout-center .widget_cms_social_widget .cms-social { text-align: center; } .toot-footer-bottom.layout-center .widget_cms_social_widget .cms-social.text-right { text-align: center; } .footer-shop-top { margin-top: -23px; } .footer-shop-top .widget { padding: 30px; border: 1px solid #514b52; } .footer-shop-top .widget i { float: left; font-size: 18px; line-height: 24px; color: #fff; background: #00728d; padding: 2px 5px; margin-right: 20px; } .footer-shop-top .widget h2 { margin: 0; font-size: 18px; line-height: 28px; font-family: "Roboto Slab"; color: #00728d; font-weight: 400; } .layout-default .widget_znews-twitter-widget .bx-viewport { height: 280px !important; } .layout-1 .widget_znews-twitter-widget .bx-viewport { height: 200px !important; } select { width: 100%; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: block; padding: 6px 12px; font-size: 14px; line-height: 24px; color: #7a7c82; background-color: #fff; background-image: none; border: 1px solid #dadadc; border-radius: 2px; width: 100%; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: 0; } .tag-password-2 { /* contact form */ } .tag-password-2 input[type="submit"] { background: #00728d; } .tag-password-2 input[type="submit"]:hover { background: #4a454b; } .contact-form { /* contact address information */ } .contact-form .wpcf7-form-control-wrap { margin-bottom: 20px; display: block; } .contact-form input[type="text"], .contact-form input[type="email"] { padding-left: 32px; height: 38px; } .contact-form textarea { margin-bottom: 30px; padding-left: 32px; height: 201px; } .contact-form input[type="submit"] { font-size: 15px; font-weight: bold; color: #fff; width: 100%; padding: 8px 12px; line-height: 20px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .contact-form input[type="submit"]:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .contact-form input[type="submit"]:focus { border: none; outline: none; outline-offset: 0; } .contact-form i.fa { position: absolute; top: 12px; left: 26px; font-size: 13px; color: #00728d; z-index: 1; } .contact-address-info { padding: 32px 5px 32px 30px; background-color: #4a454b; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .contact-address-info .cai-icon { float: left; text-align: center; width: 28px; height: 28px; background-color: #00728d; margin-right: 18px; } .contact-address-info .cai-icon i { font-size: 18px; line-height: 28px; color: #fff; } .contact-address-info .cai-info { margin-left: 46px; color: #a9a9ab; vertical-align: top; padding-top: 3px; } .contact-address-info .cai-info span { color: #fff; } .contact-address-info.layout2 { background: transparent; border: 1px solid #686668; } .contact-address-info.layout4 { background: transparent; padding: 0 5px 14px 30px; } .contact-address-info.layout4 h4 { font-family: "Roboto Slab"; font-size: 16px; font-weight: bold; line-height: 28px; color: #4a454b; letter-spacing: 0.32px; margin-top: -7px; margin-bottom: 16px; } .contact-address-info.layout4 .cai-icon { margin-top: 6px; } .contact-address-info.layout4 .cai-info { padding-top: 0; color: #7a7c82; } .contact-address-info.layout4 .cai-info p { color: #7a7c82; margin-bottom: 0; } .contact-address-info.layout4 .cai-info span { color: #00728d; display: block; } .contact-address-info.layout4 ul { list-style: none; padding: 0; } .contact-us-info { margin-top: 16px; } .contact-us-info .cai-icon { text-align: center; width: 28px; height: 28px; background-color: #00728d; float: left; margin-top: 7px; } .contact-us-info .cai-icon i { font-size: 15px; line-height: 28px; color: #fff; } .contact-us-info .cai-info { vertical-align: top; margin-left: 46px; } .contact-us-info .cai-info p { margin-bottom: 0; } .contact-us-info .cai-info a { display: block; color: #00728d; } .contact-us-info .cai-info a:hover { text-decoration: underline; } .contact-us-info .cai-info span { color: #fff; } .cshero-main-header { width: 100%; position: relative; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); } .cshero-main-header.show-on-top { box-shadow: none; } .cshero-main-header.show-on-top.header-fixed { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); } .cshero-main-header.header-fixed { z-index: 9; position: fixed; top: 0; height: 120px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-main-header.header-fixed .toot-header-logo a { height: 120px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-main-header.header-fixed .toot-header-logo a h1 img { max-height: 250px; -webkit-transition: all 1s ease-in-out; -khtml-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (min-width: 1200px) { .cshero-main-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-main-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li > a { padding-bottom: 0; line-height: 120px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } } .cshero-main-header.header-fixed #cshero-menu-mobile, .cshero-main-header.header-fixed #cshero-menu-mobile-v3 { line-height: 120px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-main-header.header-fixed .offcanvas-toggler { line-height: 120px; } .cshero-main-header.header-fixed #cshero-menu-mobile, .cshero-main-header.header-fixed #cshero-menu-mobile-v3 { line-height: 120px; } .cshero-main-header.header-fixed .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart { line-height: 120px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (min-width: 601px) { .admin-bar .cshero-main-header.header-fixed { top: 32px; } } .page-template-coming-soon-layout2, .page-template-coming-soon-layout4 { /*------------------------------ header top ------------------------------*/ } .page-template-coming-soon-layout2 .cshero-main-header, .page-template-coming-soon-layout4 .cshero-main-header { margin-bottom: 5px; } .header-top-bg { width: 100%; height: 2px; background: url(../images/top-bg.png) repeat-x; } .toot-header-top { color: #a9a9ab; height: 41px; background: #fff; /* Logo */ } .toot-header-top ul { list-style: none; margin: 0; padding: 0; } .toot-header-top ul li { display: inline-block; font-size: 12px; } .toot-header-top ul li:first-child { margin-left: 0; } .toot-header-top ul li a { text-decoration: none; color: #a9a9ab; } .toot-header-top ul li a:hover { color: #00728d; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-header-top ul li i { font-size: 15px; margin-right: 6px; } .toot-header-top .top-bar-wrap { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .toot-header-top.show-on-bottom .top-bar-wrap { border-bottom: none; border-top: 1px solid rgba(0, 0, 0, 0.08); } .toot-header-top .widget_text ul { line-height: 20px; } .toot-header-top .widget_text ul li { background: url(../images/divider.png) no-repeat center right; padding: 10px 20px; line-height: 20px; } @media screen and (max-width: 991px) { .toot-header-top .widget_text ul li { padding: 10px; } } .toot-header-top .widget_text ul li:first-child { padding-left: 0; } .toot-header-top .widget_text ul li:last-child { padding-right: 0; background: none; } @media screen and (max-width: 430px) { .toot-header-top .widget_text ul li:nth-child(2n) { background: none; } .toot-header-top .widget_text ul li:last-child { border-top: 1px solid rgba(0, 0, 0, 0.08); width: 100%; text-align: center; } } .toot-header-top .widget_text ul li i { color: #00728d; } .toot-header-top .cms-social li { padding: 6px 7px; font-size: 14px; line-height: 28px; } .toot-header-top .cms-social li a { padding: 0 5px; } @media screen and (max-width: 479px) { .toot-header-top .cms-social li a { padding: 0 3px; } } .toot-header-top .cms-social li i { margin: 0; } @media screen and (max-width: 991px) { .toot-header-top { height: auto; } .toot-header-top .top-bar-wrap { border-bottom: 0; } .toot-header-top .first-col, .toot-header-top .second-col { text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .toot-header-top .cms-social.text-right { text-align: center; } } @media screen and (max-width: 991px) { .toot-header-top .first-col, .toot-header-top .second-col { padding: 0; } } .toot-header-logo a { height: 124px; display: table; text-decoration: none; color: #a9a9ab; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-header-logo a h1 { font-size: 36px; line-height: 1; margin: 0; padding: 0; display: table-cell; vertical-align: middle; } .toot-header-logo a h1 img { max-height: 220px; -webkit-transition: all 1s ease-in-out; -khtml-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-header-logo a span { line-height: 20px; font-size: 12px; padding: 10px 0 0 9px; display: table-cell; vertical-align: middle; } @media screen and (max-width: 767px) { .toot-header-logo a span { display: none; } } .toot-header-logo a:focus { outline: none; } .offcanvas-toggler { float: right; line-height: 115px; /*------------------------------ header cart search ------------------------------*/ } .offcanvas-toggler:focus { outline: none; } .offcanvas-toggler > i { color: #9c9c9c; display: inline-block; padding: 0 0 0 15px; font-size: 14px; background: transparent; margin: 5px 0 0 0; border-radius: 3px; cursor: pointer; -webkit-transition: color 400ms, background-color 400ms; -khtml-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -ms-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-cart-search { float: right; /* header 1 layout */ } @media screen and (min-width: 1200px) { .cshero-header-cart-search { margin-left: 40px; } } .cshero-header-cart-search .widget_cart_search_wrap { position: relative; } .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart { line-height: 124px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart a { font-size: 14px; padding: 7px 9px; color: #a9a9ab; background: #f8f8f8; border: 1px solid #e8e8e9; border-radius: 2px; margin-left: 4px; margin-right: 0; display: inline-flex; text-decoration: none; line-height: 14px; vertical-align: middle; } .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart a.btn { font-size: 13px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart a.gradient-bg { color: #fff; background: #00728d !important; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%) !important; background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%) !important; background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0) !important; } .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart a.gradient-bg:hover { color: #fff; background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%) !important; background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%) !important; background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0) !important; } .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart a:first-child { margin-left: 0; } .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart a:hover { color: #00728d; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown { display: none; position: absolute; top: 100%; left: auto !important; right: 0; min-width: 370px; background: #fff; padding: 0 20px 20px 20px; text-align: left; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 2px solid #4a454b; z-index: 10; } @media screen and (max-width: 479px) { .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown { min-width: 300px; right: -47px; } } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown.active { z-index: 1000; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list { list-style: none; padding-left: 0; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li { padding-left: 0; padding-bottom: 20px; padding-top: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li a { line-height: 1; color: #4a454b; font-size: 14px; font-family: 'Roboto Slab'; font-weight: bold; text-decoration: none; margin-top: 5px; margin-bottom: 8px; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li a img { float: left; width: 70px; margin-right: 10px; margin-left: 0; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li a.remove { width: 18px; height: 18px; right: 0 !important; position: absolute; left: auto; top: auto; color: #eee !important; line-height: 16px; background: #4a454b; border-radius: 0; font-weight: 300; font-size: 18px; padding-left: 1px; text-align: center; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li a.remove:hover { background: #00728d; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li .variation { padding-left: 0; border-left: none; display: inline-block; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li .variation .variation-color { padding: 0; margin-bottom: 0; font-weight: normal; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li span.price, .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li span.quantity { display: block; line-height: 20px; color: #9a9a9a; margin-left: 80px; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown ul.cart_list li.empty { border-bottom: 0; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown .total { border-top: 0; font-size: 14px; line-height: 22px; font-weight: bold; color: #4a454b; text-align: center; text-transform: uppercase; padding: 14px 0; margin: 0; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown .buttons { margin-bottom: 0; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown .buttons a { display: block; text-align: center; font-size: 12px; text-transform: uppercase; font-weight: 400; line-height: 20px; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown .buttons a:first-child { background: #f6f6f6; border: 1px solid rgba(0, 0, 0, 0.08); color: #4a454b; margin-bottom: 10px; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown .buttons a:first-child:hover { background: #4a454b; color: #fff; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown .buttons a:last-child { background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); color: #fff; margin: 0; } .cshero-header-cart-search .widget_cart_search_wrap .shopping_cart_dropdown .buttons a:last-child:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } .cshero-header-cart-search .widget_cart_search_wrap .widget_searchform_content { display: none; left: auto !important; position: absolute; right: 0px; width: 100%; max-width: 300px; min-width: 270px; padding: 20px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 2px solid #4a454b; z-index: 1; } @media screen and (max-width: 479px) { .cshero-header-cart-search .widget_cart_search_wrap .widget_searchform_content { min-width: 300px; right: -47px; } } .cshero-header-cart-search .widget_cart_search_wrap .widget_searchform_content form { margin: 0; position: relative; } .cshero-header-cart-search .widget_cart_search_wrap .widget_searchform_content form .search-head { width: 100%; padding: 5px 10px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; color: #9a9a9a; height: 36px; } .cshero-header-cart-search .widget_cart_search_wrap .widget_searchform_content form input[type*="submit"] { display: none; } .header-layout1 .toot-logo, .header-layout2 .toot-logo { text-align: center; } .header-layout1 .toot-logo .toot-header-logo, .header-layout2 .toot-logo .toot-header-logo { display: inline-table; } .header-layout1 .toot-logo .toot-header-logo a, .header-layout2 .toot-logo .toot-header-logo a { height: 133px; } .header-layout1 .cshero-main-header .toot-header, .header-layout2 .cshero-main-header .toot-header { border-top: 1px solid rgba(0, 0, 0, 0.08); } .header-layout1 .cshero-main-header .main-navigation ul.menu-main-menu, .header-layout2 .cshero-main-header .main-navigation ul.menu-main-menu { padding-left: 0; } @media screen and (min-width: 1200px) { .header-layout1 .cshero-header-navigation .main-navigation .menu-main-menu > li > a, .header-layout2 .cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 50px; padding-bottom: 0; display: block; } } .header-layout1 .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart, .header-layout2 .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart { line-height: 50px; } .header-layout1 .cshero-header-navigation .main-navigation .menu-main-menu > li > a > span:after, .header-layout2 .cshero-header-navigation .main-navigation .menu-main-menu > li > a > span:after { bottom: -16px; } @media screen and (max-width: 1199px) { .header-layout1 #cshero-menu-mobile, .header-layout2 #cshero-menu-mobile, .header-layout1 #cshero-menu-mobile-v3, .header-layout2 #cshero-menu-mobile-v3 { line-height: 50px; } .header-layout1 .cshero-header-navigation.collapse, .header-layout2 .cshero-header-navigation.collapse { top: 50px; } } .header-layout2 .cshero-main-header .toot-header { border-top: 0; } .header-layout2 .header2_wrap { display: inline-block; } .header-layout2 .header2_wrap .main-navigation { float: left; } .header-layout2 .header2_wrap .cshero-header-cart-search { display: inline-block; float: none; } .header-layout3 .menu-main-menu-left-container .menu-main-menu > ul > li:last-child, .header-layout3 .menu-main-menu-left-container .menu-main-menu > li:last-child { padding-right: 0 !important; } @media screen and (max-width: 767px) { .header-layout4 .toot-header-logo { text-align: center; } .header-layout4 .toot-header-logo > a { width: 100%; height: 85px !important; } .header-layout4 .cshero-header-cart-search { float: left; } .header-layout4 .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart { line-height: 85px !important; } .header-layout4 #cshero-menu-mobile, .header-layout4 #cshero-menu-mobile-v3 { line-height: 85px !important; } .header-layout4 .cshero-header-navigation.collapse { top: 170px !important; } } body:not(.fixed-margin-top) .header-transparent { position: absolute; top: 0; width: 100%; z-index: 999; background: transparent; } body:not(.fixed-margin-top) .header-transparent .header-top-bg { display: none; } body:not(.fixed-margin-top) .header-transparent .toot-header-top, body:not(.fixed-margin-top) .header-transparent .cshero-main-header { background-color: transparent; } body:not(.fixed-margin-top) .header-transparent .cshero-main-header { box-shadow: none; } body:not(.fixed-margin-top) .header-transparent .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart a { border-color: rgba(255, 255, 255, 0.3); } body:not(.fixed-margin-top).admin-bar .header-transparent { top: 32px; } .fixed-margin-top .header-transparent .toot-header-top { display: none; } #cshero-header-login-form { float: right; position: relative; } #cshero-header-login-form .login-form-button .btn.btn-primary:hover { background-color: #21242e; color: #fff; border-color: #21242e; } #cshero-header-login-form .login-form { position: absolute; right: 0; top: calc(100% - 2px); z-index: 99999; width: 370px; } #cshero-header-login-form .login-form .login-form-wrap { position: relative; display: block; } .header-form { padding: 20px; display: block; position: absolute; top: 100%; left: 0; z-index: 999; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 2px solid #4a454b; visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateZ(0) scaleY(0); -khtml-transform: translateZ(0) scaleY(0); -moz-transform: translateZ(0) scaleY(0); -ms-transform: translateZ(0) scaleY(0); -o-transform: translateZ(0) scaleY(0); transform: translateZ(0) scaleY(0); /* BACKGROUND GRADIENT */ -webkit-transition: all 0.4s ease-in-out 0s; -khtml-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ -webkit-transform-origin: 0 0 0; -khtml-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; transform-origin: 0 0 0; /* BACKGROUND GRADIENT */ } .header-form form input { width: 100%; height: 35px; padding: 5px 10px; background-color: #fff; color: #9a9a9a; font-size: 12px; line-height: 22px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .header-form form input:not([type='submit']) + input:not([type='submit']) { margin-top: 20px; } .header-form form input[type='submit'] { background-color: #f6f6f6; color: #4a454b; margin-top: 20px; font-size: 14px; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .header-form form input[type='submit']:focus, .header-form form input[type='submit']:hover { background-color: #4a454b; color: #fff; text-decoration: none; outline: none; } .header-form.form-open { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ visibility: visible; -webkit-transform: translateZ(0) scaleY(1); -khtml-transform: translateZ(0) scaleY(1); -moz-transform: translateZ(0) scaleY(1); -ms-transform: translateZ(0) scaleY(1); -o-transform: translateZ(0) scaleY(1); transform: translateZ(0) scaleY(1); /* BACKGROUND GRADIENT */ } body { color: #a9a9ab; } #page { background: #fff; } a, a:hover, a:focus, a:active, a.btn:focus, a.btn:active { text-decoration: none; outline: none; } a { -webkit-transition: color 300ms, background-color 300ms; -khtml-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -ms-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 2px; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 20px; margin-bottom: 0; } p:last-child { margin-bottom: 0; } table { width: 100%; /* fix row no-container */ } table th { font-weight: bold; text-transform: uppercase; } table td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .no-container > div .entry-content > .row { margin-left: 0; margin-right: 0; } .toot-main { /* =Front page template -------------------------------------------------------------- */ } .toot-main i.icon { margin-left: 0; } .entry-page-image { margin-bottom: 14px; } .template-front-page .site-content article { border: 0; margin-bottom: 0; } .template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; border-top: 1px solid #ededed; } .template-front-page .widget-area .widget li { margin: 8px 0 0; font-size: 13px; line-height: 1.71429; list-style-type: square; list-style-position: inside; } .template-front-page .widget-area .widget li a { color: #757575; } .template-front-page .widget-area .widget li a:hover { color: #21759b; } .template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; } .toot-loading { display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; z-index: 99999; /* =Plugins ----------------------------------------------- */ } .toot-loading .loader { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); } img#wpstats { display: block; margin: 0 auto 24px; } .lato-title-15 { font-size: 15px; font-family: "Lato"; font-weight: bold; line-height: 28px; } .lato-title-20 { font-size: 20px; font-family: "Lato"; font-weight: bold; } .text-primary { color: #00728d; } .gradient-bg { /* Old browsers */ background: #00728d; /* FF3.6-15 */ background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .gradient-bgx { /* Old browsers */ background: #00728d; /* FF3.6-15 */ background: -moz-linear-gradient(left, #00728d 0%, #367c8c 59%, #56798c 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(left, #00728d 0%, #367c8c 59%, #56798c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to right, #00728d 0%, #367c8c 59%, #56798c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=1); } .vc_parallax > .overlay-opacity, .overlay-opacity { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .toot-rbtslab { font-family: "Roboto Slab"; } html body .toot-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .paging-navigation { text-align: center; } .paging-navigation .pagination { margin-top: 60px; margin-bottom: 0; } .paging-navigation .pagination .page-numbers { width: 36px; height: 36px; line-height: 32px; margin: 0 7px 0 0; border: 1px solid #cbcbcd; display: inline-block; font-size: 20px; font-weight: bold; font-family: "Roboto Slab"; color: #a9a9ab; border-radius: 2px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .paging-navigation .pagination .page-numbers.current, .paging-navigation .pagination .page-numbers:hover { color: #fff; border-color: transparent; /* Old browsers */ background: #00728d; /* FF3.6-15 */ background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f63571', endColorstr='#f85b3c',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .paging-navigation .pagination .page-numbers.next { margin-left: 10px; margin-right: 0; } .paging-navigation .pagination .page-numbers.prev { margin-right: 15px; } .paging-navigation .pagination .page-numbers:last-child { margin-right: 0; } .paging-navigation.minus .pagination { margin-top: 20px; } .paging-navigation.minus .pagination .page-numbers { text-indent: -10000px; width: 14px; height: 6px; border: 0; margin: 0 5px 0 0; } .paging-navigation.minus .pagination .page-numbers:before { content: ""; width: 14px; height: 6px; background: #4a454b; float: left; text-indent: 0; position: relative; border-radius: 2px; } .paging-navigation.minus .pagination .page-numbers.current, .paging-navigation.minus .pagination .page-numbers:hover { background: none; } .paging-navigation.minus .pagination .page-numbers.current:before, .paging-navigation.minus .pagination .page-numbers:hover:before { background: #00728d; } .paging-navigation.minus .pagination .page-numbers.next { display: none; margin-right: 0; } .paging-navigation.minus .pagination .page-numbers.prev { display: none; margin-right: 5px; } .paging-navigation.minus .pagination span.page-numbers.dots { display: none; } .paging-white .paging-navigation.minus .pagination .page-numbers:not(.current):before { background: #fff; } .background-dark .paging-navigation .pagination .page-numbers { border: 1px solid #464147; } .background-dark .blog-1-column article, .background-dark .toot-single-wraper article { border: none; } .blog-grid, .blog-classic, .blog-grid-list-view, .blog-search { /*------------------------------ - page title ------------------------------*/ } @media screen and (max-width: 767px) { .blog-grid .paging-navigation .pagination, .blog-classic .paging-navigation .pagination, .blog-grid-list-view .paging-navigation .pagination, .blog-search .paging-navigation .pagination { margin-bottom: -10px; } } .blog-grid .paging-navigation .pagination .page-numbers, .blog-classic .paging-navigation .pagination .page-numbers, .blog-grid-list-view .paging-navigation .pagination .page-numbers, .blog-search .paging-navigation .pagination .page-numbers { width: 45px; height: 45px; line-height: 42px; } @media screen and (max-width: 767px) { .blog-grid .paging-navigation .pagination .page-numbers, .blog-classic .paging-navigation .pagination .page-numbers, .blog-grid-list-view .paging-navigation .pagination .page-numbers, .blog-search .paging-navigation .pagination .page-numbers { width: 40px; height: 40px; line-height: 38px; margin-bottom: 10px; } } .page-title { padding: 35px 0; color: #4a454b; background: #f6f6f6; position: relative; } .page-title #breadcrumb-text { margin-bottom: 0; list-style: none; } .page-title #breadcrumb-text ul.breadcrumbs { margin: 0; padding: 0; list-style: none; } .page-title #breadcrumb-text ul.breadcrumbs li { display: inline-block; color: #9a9a9a; } .page-title #breadcrumb-text ul.breadcrumbs li:first-child { margin-right: 7px; } .page-title #breadcrumb-text ul.breadcrumbs li a { color: #00728d; text-decoration: none; } @media screen and (max-width: 767px) { .page-title #breadcrumb-text.text-right { text-align: left; } } .page-title #breadcrumb-text.empty-breadcrumb { background: none; padding: 0; } .page-title .page-sub-title { color: #9a9a9a; } .page-title.layout1 #breadcrumb-text .breadcrumbs > li + li + li:before, .page-title.layout5 #breadcrumb-text .breadcrumbs > li + li + li:before { content: "/\00a0"; padding: 0 7px; } .page-title.layout2, .page-title.layout3 { padding: 42px 0; } .page-title.layout2 #page-title-text, .page-title.layout3 #page-title-text { font-family: "Lato"; font-size: 40px; margin-bottom: 14px; display: block; line-height: 1; } .page-title.layout2 #breadcrumb-text .breadcrumbs > li + li:before, .page-title.layout3 #breadcrumb-text .breadcrumbs > li + li:before { content: "/\00a0"; padding: 0 7px; } .page-title.layout4, .page-title.layout5 { padding: 42px 0; } .page-title.layout4 #page-title-text > span, .page-title.layout5 #page-title-text > span { font-family: "Lato"; font-size: 40px; margin-bottom: 14px; display: block; line-height: 1; } @media screen and (min-width: 768px) { .page-title.layout5 > div > div { display: table; width: 100%; } .page-title.layout5 > div > div > div { display: table-cell; width: 50%; float: none; } .page-title.layout5 #breadcrumb-text { text-align: right; vertical-align: middle; } } .page-title .page-title-fill-color { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .rs-title { color: #00728d; font-size: 22px; font-family: "Roboto Slab"; line-height: 1; margin-top: 50px; margin-bottom: 50px; } .rs-title:after { content: ""; background-color: #cbcbcd; width: 70px; height: 2px; position: relative; left: 0; top: 27px; display: block; } .rs-title-16 { color: #4a454b; font-size: 16px; font-family: "Roboto Slab"; font-weight: bold; line-height: 28px; letter-spacing: 0.32px; } .rs-title-pri-16 { color: #00728d; font-size: 16px; font-family: "Roboto Slab"; font-weight: bold; line-height: 22px; } .rs-title-20 { color: #4a454b; font-size: 20px; font-family: "Roboto Slab"; font-weight: bold; line-height: 28px; letter-spacing: 0.4px; } .border-top { -webkit-box-shadow: inset 0px 6px 7px -8px rgba(0, 0, 0, 0.35); -moz-box-shadow: inset 0px 6px 7px -8px rgba(0, 0, 0, 0.35); box-shadow: inset 0px 6px 7px -8px rgba(0, 0, 0, 0.35); } .bg-gradient-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); } .owl-controls { display: table; width: 100%; margin-top: 36px; margin-bottom: 20px; } .owl-controls .owl-nav { text-align: center; } .owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next { display: inline-block; width: 25px; height: 25px; color: #fff; background: #4a454b; font-size: 15px; line-height: 22px; border-radius: 2px; padding: 0px 8px; margin-left: 8px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .owl-controls .owl-nav .owl-prev:hover, .owl-controls .owl-nav .owl-next:hover { background: #00728d; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .owl-controls .owl-nav .owl-prev { margin-left: 0; } .owl-controls .owl-dots { text-align: center; padding: 3px 0; } .owl-controls .owl-dots .owl-dot { width: 14px; height: 6px; border: 0; margin: 0 5px 0 0; background: #4a454b; text-indent: -9999px; display: inline-block; outline: 0; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .owl-controls .owl-dots .owl-dot:last-child { margin: 0; } .owl-controls .owl-dots .owl-dot:hover, .owl-controls .owl-dots .owl-dot.active { background: #00728d; } .round-figure { overflow: hidden; border: 2px solid #f23f5f; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ /* Typography */ } .blockquote-bdleft, .blockquote-icon, .blockquote-bggray, .blockquote-bgpri { font-size: 20px; line-height: 28px; font-style: italic; padding: 27px 10px 26px 30px; } .blockquote-bdleft em, .blockquote-icon em, .blockquote-bggray em, .blockquote-bgpri em { font-size: 13px; font-style: normal; color: #4a454b; line-height: 28px; display: block; margin-top: 6px; } .blockquote-bdleft { border-left-color: #4a454b; color: #00728d; border-left-width: 6px; } .blockquote-icon { border-left: none; color: #00728d; } .blockquote-icon:before { color: #acacac; content: "\f10d"; font-family: FontAwesome; font-size: 16px; display: inline-block; position: absolute; top: -3px !important; left: 14px; } .blockquote-icon:after { color: #acacac; content: "\f10e"; font-family: FontAwesome; font-size: 16px; display: inline-block; position: absolute; bottom: 16px !important; right: 16px; } .blockquote-bggray { border-left: none; color: #00728d; background-color: #f6f6f6; border: 1px solid #dadadc; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ padding: 26px 10px 25px 30px; } .blockquote-bgpri { border-left: none; color: #fff; background-color: #00728d; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; /* BACKGROUND GRADIENT */ } .list-play-circle ul, .list-check-circle ul, .list-angle-right ul, .list-star ul, .list-check ul, .list-caret-right ul, .list-circle ul, .list-number ul, .list-play-circle ol, .list-check-circle ol, .list-angle-right ol, .list-star ol, .list-check ol, .list-caret-right ol, .list-circle ol, .list-number ol { list-style: none; padding-left: 0; } .list-play-circle ul li, .list-check-circle ul li, .list-angle-right ul li, .list-star ul li, .list-check ul li, .list-caret-right ul li, .list-circle ul li, .list-number ul li, .list-play-circle ol li, .list-check-circle ol li, .list-angle-right ol li, .list-star ol li, .list-check ol li, .list-caret-right ol li, .list-circle ol li, .list-number ol li { color: #7a7c82; line-height: 30px; } .list-play-circle ul li:before, .list-check-circle ul li:before, .list-angle-right ul li:before, .list-star ul li:before, .list-check ul li:before, .list-caret-right ul li:before, .list-circle ul li:before, .list-number ul li:before, .list-play-circle ol li:before, .list-check-circle ol li:before, .list-angle-right ol li:before, .list-star ol li:before, .list-check ol li:before, .list-caret-right ol li:before, .list-circle ol li:before, .list-number ol li:before { color: #00728d; font-family: FontAwesome; font-size: 15px; line-height: 30px; padding-right: 10px; } .list-check ul li, .list-check ol li { color: #4a454b; line-height: 22px; } .list-check ul li:before, .list-check ol li:before { line-height: 22px; } .list-play-circle ul li:before { content: "\f01d"; } .list-check-circle ul li:before { content: "\f05d"; } .list-angle-right ul li:before { content: "\f105"; } .list-star ul li:before { content: "\f006"; } .list-check ul li:before { content: "\f00c"; } .list-caret-right ul li:before { content: "\f0da"; } .list-circle ul li:before { content: "\f111"; font-size: 7px; line-height: 22px; display: inline-block; } .list-number ul { counter-reset: li; } .list-number ul li { position: relative; } .list-number ul li:before { content: counter(li); counter-increment: li; display: inline-block; font-weight: bold; font-size: 12px; } .list-number ul li:after { content: "\f111"; font-size: 3px; font-family: FontAwesome; color: #00728d; position: absolute; left: 9px; top: 4px; } img { max-width: 100%; height: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { /* Keep wide captions from overflowing their container. */ max-width: 100%; padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; /* Video background */ } .row-bg-video { position: relative; overflow: hidden; } .row-bg-video .cms-bg-video { position: absolute; left: 0; top: 0; width: 100%; } .row-bg-video .wp-video-shortcode { width: 100% !important; height: auto !important; } .cshero-header-navigation { position: static; /*------------------------------ 11.1 - Minimum width of 1200 pixels. ------------------------------*/ } .cshero-header-navigation .main-navigation ul.ping-right { left: auto; right: 100%; } .cshero-header-navigation .main-navigation ul.ping-left { left: 100%; right: auto; } @media screen and (min-width: 1200px) { /*------------------------------ 11.4 - Max width of 1199 pixels. ------------------------------*/ .toot-header { position: relative; } #menu-mobile, .cs-menu-toggle { display: none; } .cshero-header-navigation .main-navigation.collapse { display: block; } .cshero-header-navigation .main-navigation { font-size: 16px; font-family: "Lato"; font-weight: 400; } .cshero-header-navigation .main-navigation .menu-main-menu { margin: 0; padding: 0; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .cshero-header-navigation .main-navigation .menu-main-menu > li { vertical-align: top; float: left; padding: 0px 18px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li a, .cshero-header-navigation .main-navigation .menu-main-menu > li a { outline: 0; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-ancestor > a > span:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a > span:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.current-menu-item > a > span:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a > span:after { width: 100%; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .cshero-header-navigation .main-navigation .menu-main-menu > li > a { display: block; color: #9a9a9a; line-height: 24px; line-height: 112px; padding-bottom: 12px; overflow: hidden; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a > span, .cshero-header-navigation .main-navigation .menu-main-menu > li > a > span { position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a > span:after, .cshero-header-navigation .main-navigation .menu-main-menu > li > a > span:after { background-color: #00728d; content: ""; height: 2px; position: absolute; left: 0; bottom: -5px; width: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li > a:focus { outline: 0 !important; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i, .cshero-header-navigation .main-navigation .menu-main-menu > li > a i { display: block; width: 100%; line-height: 0; margin-bottom: 6px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a i + .menu-title, .cshero-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title { display: block; -webkit-transform: translateY(25px); -khtml-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); transform: translateY(25px); /* BACKGROUND GRADIENT */ } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li > a:hover { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a, .cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li:hover > a > span:after, .cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a > span:after { width: 100%; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li:first-child, .cshero-header-navigation .main-navigation .menu-main-menu > li:first-child { padding-left: 0; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li:last-child, .cshero-header-navigation .main-navigation .menu-main-menu > li:last-child { padding-right: 0; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children { position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children > .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children > .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children > .cs-menu-toggle { bottom: 10%; display: inline-block; left: 50%; position: absolute; line-height: 1; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -khtml-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ font-size: 24px; opacity: 0; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children { min-width: 225px; font-size: 13px; background: #2e282f; padding: 11px 0; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children a { color: #9a9a9a; line-height: 48px; font-size: 13px; font-family: "Open Sans"; font-weight: normal; border-bottom: 1px solid #373138; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children a:focus { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu li:last-child > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu li:last-child > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu li:last-child > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu li:last-child > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children li:last-child > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children li:last-child > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children li:last-child > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children li:last-child > a { border-bottom: 0; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children .current-menu-ancestor > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children .current-menu-item > a { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children .menu-item-has-children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.sub-menu .page_item_has_children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu .page_item_has_children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.sub-menu .page_item_has_children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.sub-menu .page_item_has_children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children ul.children .page_item_has_children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.children .page_item_has_children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children ul.children .page_item_has_children > a:after, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children ul.children .page_item_has_children > a:after { font-family: "FontAwesome"; content: " \f105"; position: absolute; right: 30px; font-weight: 300; font-size: 14px; } .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.menu-item-has-children:hover > .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children:hover > .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li.page_item_has_children:hover > .cs-menu-toggle, .cshero-header-navigation .main-navigation .menu-main-menu > li.page_item_has_children:hover > .cs-menu-toggle { opacity: 0; display: none; } .cshero-header-navigation .main-navigation .menu-main-menu > li, .cshero-header-navigation .main-navigation .menu-main-menu > li a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a { display: block; text-decoration: none; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul li, .cshero-header-navigation .main-navigation .menu-main-menu > li ul li a, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul li a { display: block; text-decoration: none; text-align: left; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul ul, .cshero-header-navigation .main-navigation .menu-main-menu > ul > li ul ul { width: 225px; font-size: 13px; } .cshero-header-navigation .main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 10; height: 1px; width: 250px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -khtml-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation li ul.multicolumn ul { border-top: none !important; } .cshero-header-navigation .main-navigation li:hover > ul { opacity: 1; } .cshero-header-navigation .main-navigation li li { margin: 0; padding: 0 30px; border-top: none; /*------------------------------ 11.2 - Menu Stick Wall ------------------------------*/ } .cshero-header-navigation .main-navigation li ul ul { top: auto; left: 100%; width: 250px; margin-top: -60px; } .cshero-header-navigation .main-navigation li ul ul.back { right: 100%; left: auto; } .cshero-header-navigation .main-navigation li ul ul.back ul:not(.back) { right: 100%; left: auto; } .cshero-header-navigation .main-navigation li ul ul.back ul.back { left: 100%; right: auto; } .cshero-header-navigation .main-navigation li ul ul.back ul.back ul:not(.back) { left: 100%; right: auto; } .cshero-header-navigation .main-navigation li ul ul.back ul.back ul.back { right: 100%; left: auto; } .cshero-header-navigation .main-navigation { /*------------------------------ 11.3 - Start Mega Menu ------------------------------*/ } .cshero-header-navigation .main-navigation ul li:hover > ul, .cshero-header-navigation .main-navigation ul li:focus > ul, .cshero-header-navigation .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; } .cshero-header-navigation .main-navigation { /* End Start Mega Menu */ } .cshero-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), .cshero-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), .cshero-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), .cshero-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) { clear: left; border-right: 0px solid transparent; } .cshero-header-navigation .main-navigation .columns5 > li { width: 20% !important; } .cshero-header-navigation .main-navigation .columns4 > li { width: 25% !important; } .cshero-header-navigation .main-navigation .columns3 > li { width: 33.333% !important; } .cshero-header-navigation .main-navigation .columns2 > li { width: 50% !important; } .cshero-header-navigation .main-navigation [class*="columns"] { padding: 11px 19px !important; } .cshero-header-navigation .main-navigation [class*="columns"] li ul li { padding: 0 11px; position: relative; } .cshero-header-navigation .main-navigation [class*="columns"] > li { float: left; position: relative; } .cshero-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; } .cshero-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.children { top: auto; left: 0; margin: 0 auto; right: 0; width: 100% !important; z-index: 999; -webkit-animation: fadeIn 0.3s ease-in; -khtml-animation: fadeIn 0.3s ease-in; -moz-animation: fadeIn 0.3s ease-in; -ms-animation: fadeIn 0.3s ease-in; -o-animation: fadeIn 0.3s ease-in; animation: fadeIn 0.3s ease-in; /* BACKGROUND GRADIENT */ } .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.children { left: auto; right: 90px; margin: auto; } .cshero-header-navigation .main-navigation li.group > ul.sub-menu, .cshero-header-navigation .main-navigation li.group > ul.children { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li { padding: 0; border: 0; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li.group > a { display: none; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li > ul { padding: 0 !important; opacity: 1; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li.group .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li:first-child { padding-left: 0; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li:last-child { padding-right: 0; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li:last-child:before { width: 0; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li.group > a { font-weight: bold !important; color: #00728d !important; opacity: 0.8; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li li.no_group.menu-item-has-children > a:after { right: 10px; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li ul.sub-menu ul.sub-menu { top: -11px; opacity: 0; -webkit-transition: opacity 0.4s ease 0s; -khtml-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li ul.sub-menu > li:hover > ul.sub-menu { opacity: 1; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li > ul.sub-menu { padding-bottom: 0; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn > li:hover { position: relative; z-index: 99; } .cshero-header-navigation .main-navigation .menu-main-menu .multicolumn ul { box-shadow: none !important; top: 0; margin-top: 0; } .cshero-main-header.header-fixed .cshero-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .cs-menu-toggle { display: none; } } @media screen and (max-width: 1199px) { .cshero-header-navigation { display: none; } .cshero-header-navigation .cshero-header-cart-search { display: none; } .header3-mobile-menu .cshero-header-navigation { display: block; } .header3-mobile-menu .cshero-header-navigation .cshero-header-cart-search { display: block; } .header-fixed .cshero-header-navigation.collapse { top: 120px; } .header-fixed .header3-mobile-menu.collapse { top: 120px; } .cshero-header-navigation.collapse { background: #2c2b2b; position: absolute; top: 124px; left: 0; right: 0; z-index: 999; width: 100%; display: block; max-height: 300px; overflow-x: hidden !important; overflow-y: auto !important; } .header3-mobile-menu { position: absolute; top: 100%; left: 0; right: 0; width: 100%; height: 0; overflow-x: hidden; overflow-y: hidden; transition: all 0.3s ease 0s; /*.header3-mobile-menu .cshero-header-navigation{ height: 0; transition: all .3s ease 0s; }*/ } .header3-mobile-menu.collapse { background: #2c2b2b; position: absolute; top: 124px; left: 0; right: 0; z-index: 999; width: 100%; display: block; height: auto; max-height: 300px; overflow-x: hidden !important; overflow-y: auto !important; /*.header3-mobile-menu.collapse .cshero-header-navigation{ height: auto; }*/ } .cshero-header-navigation .main-navigation { float: none !important; } .cshero-header-navigation .main-navigation ul.nav-menu { margin: 0; padding: 0; list-style: none; } .cshero-header-navigation .main-navigation ul.nav-menu li { list-style: none; } .cshero-header-navigation .main-navigation ul.nav-menu li a { display: block; padding-right: 4px 20px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ color: #d3d3d3; text-decoration: none; text-transform: uppercase; font-size: 13px; line-height: 35px; padding-left: 20px; } .cshero-header-navigation .main-navigation ul.nav-menu li a:hover, .cshero-header-navigation .main-navigation ul.nav-menu li a:focus { outline: none; color: #00728d; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation ul.nav-menu li:hover > .cs-menu-toggle { font-size: 20px; color: #00728d; } .cshero-header-navigation .main-navigation ul.nav-menu li.current-menu-item > a { color: #00728d; } .cshero-header-navigation .main-navigation ul.nav-menu li.current-menu-item > a:hover, .cshero-header-navigation .main-navigation ul.nav-menu li.current-menu-item > a:focus { color: #00728d; } .cshero-header-navigation .main-navigation ul.nav-menu li .sub-menu span.cs-menu-toggle { right: 10px; } .cshero-header-navigation .main-navigation ul.nav-menu li .sub-menu .sub-menu span.cs-menu-toggle { right: 20px; } .cshero-header-navigation .main-navigation ul.nav-menu li .children span.cs-menu-toggle { right: 10px; } .cshero-header-navigation .main-navigation ul.nav-menu li .children .children span.cs-menu-toggle { right: 20px; } .cshero-header-navigation .main-navigation li ul, .cshero-header-navigation .main-navigation li ul ul { width: 100% !important; } .collapse .main-navigation div.nav-menu > ul { display: block; max-height: 2000px; } #cshero-menu-mobile, #cshero-menu-mobile-v3 { display: block; cursor: pointer; float: right; line-height: 124px; -webkit-transition: all 0.3s linear 0s; -khtml-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } #cshero-menu-mobile i, #cshero-menu-mobile-v3 i { background: transparent none repeat scroll 0 0; border-radius: 3px; color: #9c9c9c; display: inline-block; font-size: 14px; margin: 5px 0 0; padding: 0 15px 0 15px; z-index: 9; transition: color 400ms ease 0s, background-color 400ms ease 0s; } #cshero-menu-mobile:hover i, #cshero-menu-mobile-v3:hover i { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > li { position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > li li { position: relative; } .cshero-header-navigation .main-navigation .menu-main-menu > li a { display: block; font-size: 13px; color: rgba(0, 0, 0, 0.5); } .cshero-header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle { color: #d3d3d3; cursor: pointer; position: absolute; right: 0px; text-align: center; top: 5px; width: 30px; height: 30px; vertical-align: middle; display: block; } .cshero-header-navigation .main-navigation .menu-main-menu > li .cs-menu-toggle:hover { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a:focus { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children { max-height: 0; overflow: hidden; padding-left: 0; -webkit-transition: max-height 600ms linear 0ms; -khtml-transition: max-height 600ms linear 0ms; -moz-transition: max-height 600ms linear 0ms; -ms-transition: max-height 600ms linear 0ms; -o-transition: max-height 600ms linear 0ms; transition: max-height 600ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children li a { text-transform: inherit; padding-left: 40px; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li ul.sub-menu li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children li ul.sub-menu li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li ul.children li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children li ul.children li a { padding-left: 60px; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li ul.sub-menu ul.sub-menu li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children li ul.sub-menu ul.sub-menu li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li ul.children ul.sub-menu li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children li ul.children ul.sub-menu li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li ul.sub-menu ul.children li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children li ul.sub-menu ul.children li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li ul.children ul.children li a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children li ul.children ul.children li a { padding-left: 80px; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children .current-menu-parent > a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .current-menu-item > a, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children .current-menu-item > a { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .current-menu-parent > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children .current-menu-parent > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .current-menu-item > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children .current-menu-item > a:hover, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .current-menu-parent > a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children .current-menu-parent > a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .current-menu-item > a:focus, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children .current-menu-item > a:focus { color: #00728d; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children.submenu-open { max-height: 1000px; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open .submenu-open + .cs-menu-toggle i:before, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children.submenu-open .submenu-open + .cs-menu-toggle i:before { content: "\f106"; } .cshero-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .cs-menu-toggle i:before, .cshero-header-navigation .main-navigation .menu-main-menu > li ul.children.submenu-open + .cs-menu-toggle i:before { content: "\f106"; } .cshero-header-navigation .main-navigation .menu-main-menu > li:not(.group) > ul.drop_full_width.sub-menu, .cshero-header-navigation .main-navigation .menu-main-menu > li:not(.group) > ul.drop_full_width.children { width: 100% !important; } } .onepage .toot-header-logo a { height: 92px; } @media screen and (min-width: 1200px) { .onepage .cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .onepage .cshero-header-navigation .main-navigation .menu-main-menu > li > a { line-height: 92px; padding-bottom: 0; } } .onepage .cshero-header-cart-search .widget_cart_search_wrap .header-search-cart { line-height: 92px; } @media screen and (max-width: 1199px) { .onepage #cshero-menu-mobile, .onepage #cshero-menu-mobile-v3 { line-height: 92px; } } .widget-area ul, .wpb_widgetised_column ul { list-style: none; padding-left: 10px; margin-bottom: 0; } .widget-area ul li, .wpb_widgetised_column ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.08); line-height: 36px; } .widget-area ul li:last-child, .wpb_widgetised_column ul li:last-child { border-bottom: none; } .widget-area ul li a, .wpb_widgetised_column ul li a { color: #6e6a6f; } .widget-area .widget, .wpb_widgetised_column .widget { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 30px; margin-bottom: 30px; } @media (min-width: 768px) and (max-width: 991px) { .widget-area .widget, .wpb_widgetised_column .widget { padding: 20px; } } .widget-area .widget.last-child, .wpb_widgetised_column .widget.last-child { margin-bottom: 0; } .widget-area .widget > ul, .wpb_widgetised_column .widget > ul, .widget-area .widget > div > ul, .wpb_widgetised_column .widget > div > ul { padding-left: 0; } .widget-area .widget h3.wg-title, .wpb_widgetised_column .widget h3.wg-title { font-size: 16px; font-family: "Roboto Slab"; font-weight: bold; color: #4a454b; line-height: 28px; margin-top: 0; position: relative; margin-bottom: 20px; padding-left: 38px; } .widget-area .widget h3.wg-title:before, .wpb_widgetised_column .widget h3.wg-title:before { position: absolute; left: 0; content: "\f009"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #fff; width: 28px; height: 28px; background: #4a454b; padding: 7px; border-radius: 2px; text-align: center; margin-right: 10px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .widget-area .widget h3.wg-title:after, .wpb_widgetised_column .widget h3.wg-title:after { content: ""; position: absolute; width: 28px; height: 2px; background: #cbcbcd; left: 0; top: 38px; } .widget-area .widget a:hover, .wpb_widgetised_column .widget a:hover { color: #00728d; } .widget-area .widget.widget_recent_entries, .wpb_widgetised_column .widget.widget_recent_entries, .widget-area .widget.widget_recent_comments, .wpb_widgetised_column .widget.widget_recent_comments, .widget-area .widget.widget_archive, .wpb_widgetised_column .widget.widget_archive, .widget-area .widget.widget_categories, .wpb_widgetised_column .widget.widget_categories, .widget-area .widget.widget_meta, .wpb_widgetised_column .widget.widget_meta, .widget-area .widget.widget_calendar, .wpb_widgetised_column .widget.widget_calendar, .widget-area .widget.widget_pages, .wpb_widgetised_column .widget.widget_pages, .widget-area .widget.widget_rss, .wpb_widgetised_column .widget.widget_rss, .widget-area .widget.widget_tag_cloud, .wpb_widgetised_column .widget.widget_tag_cloud, .widget-area .widget.widget_nav_menu, .wpb_widgetised_column .widget.widget_nav_menu, .widget-area .widget.cms-popular-posts, .wpb_widgetised_column .widget.cms-popular-posts { padding-bottom: 18px; } .widget-area .widget.widget_search h3.wg-title:before, .wpb_widgetised_column .widget.widget_search h3.wg-title:before, .widget-area .widget.widget_product_search h3.wg-title:before, .wpb_widgetised_column .widget.widget_product_search h3.wg-title:before { content: "\f002"; } .widget-area .widget.widget_categories h3.wg-title:before, .wpb_widgetised_column .widget.widget_categories h3.wg-title:before, .widget-area .widget.widget_product_categories h3.wg-title:before, .wpb_widgetised_column .widget.widget_product_categories h3.wg-title:before, .widget-area .widget.widget_layered_nav h3.wg-title:before, .wpb_widgetised_column .widget.widget_layered_nav h3.wg-title:before { content: "\f07c"; } .widget-area .widget.widget_recent_comments h3.wg-title:before, .wpb_widgetised_column .widget.widget_recent_comments h3.wg-title:before, .widget-area .widget.widget_toot_recent_comments h3.wg-title:before, .wpb_widgetised_column .widget.widget_toot_recent_comments h3.wg-title:before { content: "\f086"; } .widget-area .widget.widget_recent_entries h3.wg-title:before, .wpb_widgetised_column .widget.widget_recent_entries h3.wg-title:before, .widget-area .widget.cms-popular-posts h3.wg-title:before, .wpb_widgetised_column .widget.cms-popular-posts h3.wg-title:before { content: "\f0e7"; } .widget-area .widget.widget_archive h3.wg-title:before, .wpb_widgetised_column .widget.widget_archive h3.wg-title:before { content: "\f187"; } .widget-area .widget.widget_calendar h3.wg-title:before, .wpb_widgetised_column .widget.widget_calendar h3.wg-title:before { content: "\f073"; } .widget-area .widget.widget_pages h3.wg-title:before, .wpb_widgetised_column .widget.widget_pages h3.wg-title:before { content: "\f15b"; } .widget-area .widget.widget_text h3.wg-title:before, .wpb_widgetised_column .widget.widget_text h3.wg-title:before { content: "\f15c"; } .widget-area .widget.widget_tag_cloud h3.wg-title:before, .wpb_widgetised_column .widget.widget_tag_cloud h3.wg-title:before { content: "\f02c"; } .widget-area .widget.widget_nav_menu h3.wg-title:before, .wpb_widgetised_column .widget.widget_nav_menu h3.wg-title:before { content: "\f03a"; } .widget-area .widget.widget_price_filter h3.wg-title:before, .wpb_widgetised_column .widget.widget_price_filter h3.wg-title:before { content: "\f0d6"; } .widget-area .widget.widget_archive ul li, .wpb_widgetised_column .widget.widget_archive ul li, .widget-area .widget.widget_categories ul li, .wpb_widgetised_column .widget.widget_categories ul li, .widget-area .widget.widget_meta ul li, .wpb_widgetised_column .widget.widget_meta ul li, .widget-area .widget.widget_calendar ul li, .wpb_widgetised_column .widget.widget_calendar ul li, .widget-area .widget.widget_pages ul li, .wpb_widgetised_column .widget.widget_pages ul li, .widget-area .widget.widget_nav_menu ul li, .wpb_widgetised_column .widget.widget_nav_menu ul li { position: relative; } .widget-area .widget.widget_archive ul li a:after, .wpb_widgetised_column .widget.widget_archive ul li a:after, .widget-area .widget.widget_categories ul li a:after, .wpb_widgetised_column .widget.widget_categories ul li a:after, .widget-area .widget.widget_meta ul li a:after, .wpb_widgetised_column .widget.widget_meta ul li a:after, .widget-area .widget.widget_calendar ul li a:after, .wpb_widgetised_column .widget.widget_calendar ul li a:after, .widget-area .widget.widget_pages ul li a:after, .wpb_widgetised_column .widget.widget_pages ul li a:after, .widget-area .widget.widget_nav_menu ul li a:after, .wpb_widgetised_column .widget.widget_nav_menu ul li a:after { position: absolute; top: 11px; right: 0; content: "\f101"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 13px; color: #00728d; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .widget-area .widget.widget_text, .wpb_widgetised_column .widget.widget_text { padding-bottom: 6px !important; } .widget-area .widget.widget_text h3.wg-title, .wpb_widgetised_column .widget.widget_text h3.wg-title { margin-bottom: 25px !important; } .woocommerce .toot-product-list { padding-top: 100px; padding-bottom: 100px; } .woocommerce .toot-product-list .before-shop-loop, .woocommerce .shop-products-list .before-shop-loop { margin-bottom: 48px; } .woocommerce .toot-product-list .before-shop-loop .woocommerce-result-count, .woocommerce .shop-products-list .before-shop-loop .woocommerce-result-count { font-family: "Lato"; font-size: 15px; font-weight: bold; line-height: 28px; color: #4a454b; } .woocommerce .toot-product-list .before-shop-loop .woocommerce-ordering, .woocommerce .shop-products-list .before-shop-loop .woocommerce-ordering { position: relative; } .woocommerce .toot-product-list .before-shop-loop .woocommerce-ordering select, .woocommerce .shop-products-list .before-shop-loop .woocommerce-ordering select { font-size: 12px; line-height: 26px; height: 34px; color: #6e6a6f; background: #f6f6f6; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 2px 4px; min-width: 230px; } .woocommerce .toot-product-list .before-shop-loop .woocommerce-ordering:after, .woocommerce .shop-products-list .before-shop-loop .woocommerce-ordering:after { content: "\f107"; position: absolute; top: 0; right: 10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #00728d; line-height: 35px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .woocommerce .toot-product-list span.toot-onsale, .woocommerce .shop-products-list span.toot-onsale { position: relative; display: block; } .woocommerce .toot-product-list span.toot-onsale > span, .woocommerce .shop-products-list span.toot-onsale > span { background: url(../images/shop/sale_flash.png) no-repeat 0 center; } .woocommerce .toot-product-list span.toot-onsale span, .woocommerce .shop-products-list span.toot-onsale span { min-height: 95px; min-width: 95px; padding: 0; font-weight: bold; position: absolute; text-align: center; line-height: 95px; top: -4px; left: -4px; margin: 0; border-radius: 0; color: #fff; font-size: 14px; z-index: 1; -webkit-font-smoothing: antialiased; } .woocommerce .toot-product-list span.toot-onsale span span, .woocommerce .shop-products-list span.toot-onsale span span { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ left: -14px; top: -14px; } .woocommerce .toot-product-list span.toot-onsale.new > span, .woocommerce .shop-products-list span.toot-onsale.new > span { background: url(../images/shop/new_flash.png) no-repeat 0 center; } .woocommerce .toot-product-list .has-new.has-sale span.toot-onsale.sale > span, .woocommerce .shop-products-list .has-new.has-sale span.toot-onsale.sale > span { min-height: 95px; min-width: 95px; line-height: 95px; top: -4px; right: -4px; left: auto; bottom: auto; background: url(../images/shop/sale_flash1.png) no-repeat 0 center; } .woocommerce .toot-product-list .has-new.has-sale span.toot-onsale.sale > span span, .woocommerce .shop-products-list .has-new.has-sale span.toot-onsale.sale > span span { right: -40px; top: -15px; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ } .woocommerce .toot-product-list .toot-woo-product, .woocommerce .shop-products-list .toot-woo-product { margin-bottom: 30px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap { border: 1px solid #dadadc; background: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button { padding: 22px 29px 30px 29px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding-bottom: 10px; margin-bottom: 20px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title { display: inline-block; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 { font-family: "Roboto Slab"; font-size: 16px; font-weight: bold; line-height: 28px; letter-spacing: 0.32px; display: inline-block; margin-top: 0; margin-bottom: 3px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a { color: #4a454b; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a:hover, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a:hover { color: #00728d; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price { font-size: 20px; font-family: "Lato"; line-height: 28px; letter-spacing: 0.4px; color: #00728d; font-weight: bold; float: right; line-height: 28px; display: inline-block; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price del, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price del { display: none; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in { display: block; clear: both; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a { color: #a9a9ab; font-size: 12px; line-height: 28px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a:hover, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a:hover { color: #00728d; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button { width: 100%; text-align: center; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-add-to-cart, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-add-to-cart, .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-btn-details, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-btn-details { display: inline-block; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .added_to_cart, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .added_to_cart { display: inline-block; font-size: 13px; color: #fff; border: none; border-radius: 2px; vertical-align: top; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button { margin-right: 14px; padding: 6px 11px; line-height: 1.42857; font-weight: 400; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:hover, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.product_type_variable, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.product_type_variable { padding: 6px 9px; margin-right: 3px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.loading, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.loading { opacity: 1; position: relative; padding-left: 0; padding-right: 20px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.loading:after, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.loading:after { z-index: 3; width: 20px; right: 0px; top: 6px; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart { margin-top: 0; margin-right: 17px; line-height: 1.42857; padding: 6px 11px; font-weight: 400; text-align: center; white-space: nowrap; clear: left; margin-bottom: 20px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart:hover, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail { background: #4a454b; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail:hover, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail:hover { background: #00728d; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image { position: relative; overflow: hidden; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .imagewrapper img, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .imagewrapper img { width: 100%; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .toot-overlay, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .toot-overlay { visibility: hidden; -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); /* BACKGROUND GRADIENT */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .product-info-inner, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .product-info-inner { position: absolute; text-align: center; top: 50%; width: 100%; left: 0; visibility: hidden; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .icons-list a, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .icons-list a { border: 2px solid #fff; height: 33px; padding: 0 8px; line-height: 28px; font-size: 14px; display: inline-block; margin: 0 7px 0 0; color: #fff; vertical-align: middle; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .icons-list a:hover, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image .icons-list a:hover { background: #fff; color: #00728d; } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image:hover .toot-overlay, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image:hover .toot-overlay { visibility: visible; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -webkit-opacity: 0.85; -khtml-opacity: 0.85; -moz-opacity: 0.85; -ms-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .woocommerce .toot-product-list .toot-woo-product .toot-list-item-wrap .toot-woo-image:hover .product-info-inner, .woocommerce .shop-products-list .toot-woo-product .toot-list-item-wrap .toot-woo-image:hover .product-info-inner { visibility: visible; } .woocommerce .toot-product-list .toot-woo-product.col-lg-3 .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .shop-products-list .toot-woo-product.col-lg-3 .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart { margin-right: 0; } .woocommerce .toot-product-list .toot-woo-product.col-lg-4 .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .shop-products-list .toot-woo-product.col-lg-4 .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart { margin-right: 0; } @media screen and (max-width: 479px) { .woocommerce .toot-product-list .toot-woo-product.col-lg-6 .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .shop-products-list .toot-woo-product.col-lg-6 .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart { margin-right: 0; } } .woocommerce .toot-product-list .paging-navigation, .woocommerce .shop-products-list .paging-navigation { text-align: center; } .woocommerce .toot-product-list .paging-navigation ul, .woocommerce .shop-products-list .paging-navigation ul { list-style: none; margin-top: 30px; margin-bottom: 0; padding-left: 0; } .woocommerce .toot-product-list .paging-navigation ul li, .woocommerce .shop-products-list .paging-navigation ul li { display: inline-block; margin: 0 6px 0 0; } .woocommerce .toot-product-list .paging-navigation ul li .page-numbers, .woocommerce .shop-products-list .paging-navigation ul li .page-numbers { width: 36px; height: 36px; display: block; line-height: 32px; border: 1px solid #cbcbcd; font-size: 20px; font-weight: bold; font-family: "Roboto Slab"; color: #a9a9ab; border-radius: 2px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .paging-navigation ul li .page-numbers.current, .woocommerce .shop-products-list .paging-navigation ul li .page-numbers.current, .woocommerce .toot-product-list .paging-navigation ul li .page-numbers:hover, .woocommerce .shop-products-list .paging-navigation ul li .page-numbers:hover { color: #fff; border-color: transparent; /* Old browsers */ background: #00728d; /* FF3.6-15 */ background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f63571', endColorstr='#f85b3c',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-list .paging-navigation ul li .page-numbers.next, .woocommerce .shop-products-list .paging-navigation ul li .page-numbers.next { margin-left: 11px; margin-right: 0; } .woocommerce .toot-product-list .paging-navigation ul li .page-numbers.prev, .woocommerce .shop-products-list .paging-navigation ul li .page-numbers.prev { margin-right: 15px; } .woocommerce .toot-product-list .paging-navigation ul li .page-numbers:last-child, .woocommerce .shop-products-list .paging-navigation ul li .page-numbers:last-child { margin-right: 0; } @media (min-width: 992px) and (max-width: 1199px) { .toot-product-list .col-lg-3 .add_to_cart_button, .shop-products-list .col-lg-3 .add_to_cart_button { margin-right: 0 !important; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .shop-layout-sidebar .list-shop { margin-bottom: 60px; } } .shop-layout-sidebar .list-shop .toot-woo-product.col-lg-3 .add_to_cart_button { margin-right: 0 !important; margin-bottom: 15px; } @media (min-width: 992px) and (max-width: 1199px) { .shop-layout-sidebar .list-shop .toot-woo-product.col-lg-4 .add_to_cart_button { margin-right: 0 !important; margin-bottom: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .shop-layout-sidebar .list-shop .toot-woo-product.col-lg-4 .added_to_cart { margin-right: 14px !important; margin-bottom: 0 !important; } } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info { padding: 33px !important; margin-bottom: 70px !important; border: none; background: #fcd9df; padding-left: 86px !important; color: #00728d; font-size: 14px; font-weight: bold; letter-spacing: 0.7px; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-info:before { content: "\f058"; position: absolute; left: 36px; top: 36px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #fff; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); z-index: 1; } .woocommerce .woocommerce-message:after, .woocommerce .woocommerce-info:after { content: ""; position: absolute; left: 20px; top: 20px; background: #00728d; width: 46px; height: 46px; display: block; } .woocommerce .woocommerce-message a, .woocommerce .woocommerce-info a { color: #00728d; } .woocommerce .woocommerce-message a:hover, .woocommerce .woocommerce-info a:hover { text-decoration: underline; } .woocommerce .woocommerce-message a.button, .woocommerce .woocommerce-info a.button { color: #fff; line-height: 1.42857; padding: 6px 19px; margin-top: -5px; font-weight: 400; text-align: center; white-space: nowrap; clear: left; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .woocommerce-message a.button:hover, .woocommerce .woocommerce-info a.button:hover { text-decoration: none; background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after { top: 7px !important; right: -2px !important; /* toot-single-product-wrap */ } .toot-single-product-wrap { padding-top: 100px; padding-bottom: 70px; } .toot-single-product-wrap .single-product-left, .toot-single-product-wrap .single-product-right { float: left; position: relative; padding-right: 15px; padding-left: 15px; } .toot-single-product-wrap .single-product-left { width: 41.453%; } .toot-single-product-wrap .single-product-left span.toot-onsale { position: relative; display: block; } .toot-single-product-wrap .single-product-left span.toot-onsale > span { background: url(../images/shop/sale_flash.png) no-repeat 0 center; } .toot-single-product-wrap .single-product-left span.toot-onsale span { min-height: 95px; min-width: 95px; padding: 0; font-weight: bold; position: absolute; text-align: center; line-height: 95px; top: -4px; left: -4px; margin: 0; border-radius: 0; color: #fff; font-size: 14px; z-index: 1; -webkit-font-smoothing: antialiased; } .toot-single-product-wrap .single-product-left span.toot-onsale span span { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ left: -14px; top: -14px; } .toot-single-product-wrap .single-product-left span.toot-onsale.new > span { background: url(../images/shop/new_flash.png) no-repeat 0 center; } .toot-single-product-wrap .single-product-left .cms-product-gallery { margin-top: 30px; padding: 10px 65px; background: #f6f6f6; border: 1px solid #dadadc; position: relative; width: 100%; display: block; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } @media screen and (max-width: 479px) { .toot-single-product-wrap .single-product-left .cms-product-gallery { padding: 10px 20px; } } .toot-single-product-wrap .single-product-left .cms-product-gallery .owl-stage-outer { z-index: 1; } @media screen and (min-width: 480px) { .toot-single-product-wrap .single-product-left .cms-product-gallery .owl-controls { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ z-index: 0; margin-top: 0; margin-bottom: 0; } .toot-single-product-wrap .single-product-left .cms-product-gallery .owl-controls .owl-nav { text-align: inherit; } .toot-single-product-wrap .single-product-left .cms-product-gallery .owl-controls .owl-nav > div { position: relative; display: inline-block; color: #fff; background: #4a454b; font-size: 15px; line-height: 22px; border-radius: 2px; width: 25px; height: 25px; padding: 0px 9px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-single-product-wrap .single-product-left .cms-product-gallery .owl-controls .owl-nav > div:hover { background: #00728d; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-single-product-wrap .single-product-left .cms-product-gallery .owl-controls .owl-nav .owl-prev { left: 20px; } .toot-single-product-wrap .single-product-left .cms-product-gallery .owl-controls .owl-nav .owl-next { float: right; right: 20px; text-align: right; } } .toot-single-product-wrap .single-product-right { width: 58.547%; } .toot-single-product-wrap .single-product-right hr { margin-top: 27px; margin-bottom: 27px; } .toot-single-product-wrap .single-product-right .entry-summary h2.product_title { color: #4a454b; margin-top: -3px; margin-bottom: 20px; font-size: 26px; font-weight: bold; line-height: 28px; font-family: "Roboto Slab"; letter-spacing: 0.52px; } .toot-single-product-wrap .single-product-right .entry-summary .cms-product-price-wrap .price { color: #00728d; } .toot-single-product-wrap .single-product-right .entry-summary .cms-product-price-wrap .price del { display: none; } .toot-single-product-wrap .single-product-right .entry-summary .cms-product-price-wrap .price ins { text-decoration: none; } .toot-single-product-wrap .single-product-right .entry-summary .cms-product-price-wrap .price .amount { font-size: 23px; font-family: "Lato"; line-height: 28px; letter-spacing: 0.46px; font-weight: bold; color: #00728d; text-transform: uppercase; } .toot-single-product-wrap .single-product-right .product_meta h3.meta-detail { font-size: 22px; line-height: 1; font-family: "Roboto Slab"; color: #00728d; padding-bottom: 24px; margin-bottom: 17px; font-weight: 400; } .toot-single-product-wrap .single-product-right .product_meta h3.meta-detail:after { content: ""; background: #cbcbcd; display: block; position: relative; width: 70px; height: 2px; top: 26px; } .toot-single-product-wrap .single-product-right .product_meta p { margin-bottom: 0; } .toot-single-product-wrap .single-product-right .product_meta a { color: #7a7c82; font-weight: normal; } .toot-single-product-wrap .single-product-right .product_meta a:hover { color: #00728d; } .toot-single-product-wrap .single-product-right .product_meta .meta-lbl { font-weight: bold; color: #4a454b; } .toot-single-product-wrap .single-product-right .product_meta .posted_in, .toot-single-product-wrap .single-product-right .product_meta .tagged_as { font-weight: bold; color: #4a454b; } .toot-single-product-wrap .single-product-right .product_meta .posted_in span, .toot-single-product-wrap .single-product-right .product_meta .tagged_as span { font-weight: normal; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quanty-wrap { float: left; margin-top: 3px; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quanty-wrap .qty-lbl { float: left; color: #4a454b; font-weight: bold; margin-right: 10px; line-height: 25px; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quanty-wrap .quantity { float: left; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity input { line-height: 25px; padding: 0px; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input { width: 30px; height: 25px; line-height: 21px; text-align: center; font-weight: normal; font-size: 14px; position: inherit; top: auto; bottom: auto; left: auto; right: auto; float: left; color: #4a454b; margin-right: 5px; padding-left: 0; border: 1px solid #dadadc; background: #f6f6f6; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input:last-child { margin-right: 0; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input.minus, .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input.plus { padding-bottom: 2px; width: 25px; background: #f6f6f6; color: #00728d; font-size: 18px; font-weight: bold; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input.minus:hover, .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input.plus:hover { background: #4a454b; color: #fff; border-color: #4a454b; } .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input[type=number]::-webkit-inner-spin-button, .toot-single-product-wrap .single-product-right .product-cart form.cart .quantity.buttons_added input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .toot-single-product-wrap .single-product-right .product-cart form.cart .single_add_to_cart_button { color: #fff; line-height: 1.42857; padding: 6px 15px; font-weight: 400; text-align: center; white-space: nowrap; border: none; border-radius: 2px; float: right; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-single-product-wrap .single-product-right .product-cart form.cart .single_add_to_cart_button:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .toot-single-product-wrap .single-product-right .product-cart form.variations_form .variations ul { list-style: none; padding-left: 0; } .toot-single-product-wrap .single-product-right .product-cart form.variations_form .variations label { font-weight: bold; color: #4a454b; font-size: 13px; } .toot-single-product-wrap .single-product-right .product-cart form.variations_form .variations select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: url(../images/select_arrow_bg.png) no-repeat 98% center; } .toot-single-product-wrap .single-product-right .product-cart form.variations_form .variations a.reset_variations { color: #00728d; font-size: 12px; } .toot-single-product-wrap .single-product-right .product-cart form.variations_form .variations a.reset_variations:hover { text-decoration: underline; } .toot-single-product-wrap .single-product-right .product-cart form.variations_form .single_variation_wrap .single_variation { margin-bottom: 20px; } .toot-single-product-wrap .single-product-right .product-cart form.variations_form .single_variation_wrap .amount { color: #00728d; } .toot-single-product-wrap .single-product-right .cms-product-share h3.share-product { font-size: 22px; line-height: 1; font-family: "Roboto Slab"; color: #00728d; padding-bottom: 24px; margin-bottom: 17px; font-weight: 400; } .toot-single-product-wrap .single-product-right .cms-product-share h3.share-product:after { content: ""; background: #cbcbcd; display: block; position: relative; width: 70px; height: 2px; top: 26px; } .toot-single-product-wrap .single-product-right .cms-product-share ul { list-style: none; padding-left: 0; margin-bottom: 0; padding-top: 8px; } .toot-single-product-wrap .single-product-right .cms-product-share ul li { display: inline-block; margin-right: 3px; } .toot-single-product-wrap .single-product-right .cms-product-share ul li:last-child { margin-right: 0; } .toot-single-product-wrap .single-product-right .cms-product-share ul li a { width: 34px; height: 34px; line-height: 28px; font-size: 14px; background: #865e5e; border-radius: 2px; display: block; vertical-align: middle; padding: 3px 12px; color: #fff; } @media screen and (max-width: 480px) { .toot-single-product-wrap .single-product-left, .toot-single-product-wrap .single-product-right { width: 100%; } .toot-single-product-wrap .single-product-left { margin-bottom: 50px; } } .toot-product-tab { /* toot-product-tab */ } .toot-product-tab .comment-respond .comment-form input[type="text"], .toot-product-tab .comment-respond .comment-form input[type="email"] { height: 38px; } .woocommerce { /* related product */ } .woocommerce .toot-product-tab { border: 1px solid #d7d7d7; } .woocommerce .toot-product-tab ul.nav-tabs { font-size: 14px; font-weight: bold; } .woocommerce .toot-product-tab ul.nav-tabs li.active { color: #00728d; border-right-color: #d7d7d7; } .woocommerce .toot-product-tab ul.nav-tabs li.active:last-child a { border-right-color: #d7d7d7; } .woocommerce .toot-product-tab ul.nav-tabs li a { padding: 18px 20px; color: #4a454b; border-left: transparent; margin-right: 0; border-right-color: #d7d7d7; border-top-color: transparent; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .woocommerce .toot-product-tab ul.nav-tabs li:last-child a { border-right-color: transparent; } .woocommerce .toot-product-tab .nav-tabs > li.active > a, .woocommerce .toot-product-tab .nav-tabs > li.active > a:focus, .woocommerce .toot-product-tab .nav-tabs > li.active > a:hover { color: #00728d; cursor: default; background-color: #fff; border-left: transparent; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #d7d7d7; } .woocommerce .toot-product-tab .tab-content { padding: 14px 20px 17px 20px; } .woocommerce .toot-product-tab .tab-content #tab-description p:last-child { margin-bottom: 0; } .woocommerce .toot-product-tab .tab-content #reviews #comments ol.commentlist { padding-left: 0; } .woocommerce .toot-product-tab .tab-content #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 10px; left: 0; width: 70px; height: auto; margin: 0; box-shadow: none; border-radius: 50%; background: none; border: none; } .woocommerce .toot-product-tab .tab-content .comment-main { padding-left: 40px; } .woocommerce .toot-product-tab .tab-content .comment-main .comment-meta, .woocommerce .toot-product-tab .tab-content .comment-main .meta { margin-left: 50px; } @media screen and (max-width: 320px) { .woocommerce .toot-product-tab .tab-content .comment-main .comment-meta, .woocommerce .toot-product-tab .tab-content .comment-main .meta { margin-bottom: 15px; } } .woocommerce .toot-product-tab .tab-content .comment-main .meta { padding-bottom: 20px; padding-top: 30px; } .woocommerce .toot-product-tab .tab-content .comment-respond h3.comment-reply-title { color: #4a454b; font-weight: bold; font-size: 16px; margin-top: 30px; line-height: 28px; } .woocommerce .toot-product-tab .tab-content #respond input#submit { color: #fff; line-height: 1.42857; padding: 6px 15px; margin-top: 8px; font-weight: 400; text-align: center; white-space: nowrap; border: none; border-radius: 2px; float: right; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .toot-product-tab .tab-content #respond input#submit:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .product-related, .woocommerce .toot-upsell-product { padding-top: 96px; padding-bottom: 100px; } .woocommerce .product-related .toot-custom-heading, .woocommerce .toot-upsell-product .toot-custom-heading { text-align: center; margin-bottom: 54px; } .woocommerce .product-related .related-products .toot-woo-image, .woocommerce .toot-upsell-product .related-products .toot-woo-image, .woocommerce .product-related .upsells .toot-woo-image, .woocommerce .toot-upsell-product .upsells .toot-woo-image { position: relative; } .woocommerce .product-related .related-products .toot-woo-image span.toot-onsale, .woocommerce .toot-upsell-product .related-products .toot-woo-image span.toot-onsale, .woocommerce .product-related .upsells .toot-woo-image span.toot-onsale, .woocommerce .toot-upsell-product .upsells .toot-woo-image span.toot-onsale { position: relative; display: block; } .woocommerce .product-related .related-products .toot-woo-image span.toot-onsale > span, .woocommerce .toot-upsell-product .related-products .toot-woo-image span.toot-onsale > span, .woocommerce .product-related .upsells .toot-woo-image span.toot-onsale > span, .woocommerce .toot-upsell-product .upsells .toot-woo-image span.toot-onsale > span { background: url(../images/shop/sale_flash.png) no-repeat 0 center; } .woocommerce .product-related .related-products .toot-woo-image span.toot-onsale span, .woocommerce .toot-upsell-product .related-products .toot-woo-image span.toot-onsale span, .woocommerce .product-related .upsells .toot-woo-image span.toot-onsale span, .woocommerce .toot-upsell-product .upsells .toot-woo-image span.toot-onsale span { min-height: 95px; min-width: 95px; padding: 0; font-weight: bold; position: absolute; text-align: center; line-height: 95px; top: -4px; left: -4px; margin: 0; border-radius: 0; color: #fff; font-size: 14px; -webkit-font-smoothing: antialiased; z-index: 1; } .woocommerce .product-related .related-products .toot-woo-image span.toot-onsale span span, .woocommerce .toot-upsell-product .related-products .toot-woo-image span.toot-onsale span span, .woocommerce .product-related .upsells .toot-woo-image span.toot-onsale span span, .woocommerce .toot-upsell-product .upsells .toot-woo-image span.toot-onsale span span { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ left: -14px; top: -14px; } .woocommerce .product-related .related-products .toot-woo-image span.toot-onsale.new > span, .woocommerce .toot-upsell-product .related-products .toot-woo-image span.toot-onsale.new > span, .woocommerce .product-related .upsells .toot-woo-image span.toot-onsale.new > span, .woocommerce .toot-upsell-product .upsells .toot-woo-image span.toot-onsale.new > span { background: url(../images/shop/new_flash.png) no-repeat 0 center; } .woocommerce .product-related .related-products .owl-carousel .owl-item, .woocommerce .toot-upsell-product .related-products .owl-carousel .owl-item, .woocommerce .product-related .upsells .owl-carousel .owl-item, .woocommerce .toot-upsell-product .upsells .owl-carousel .owl-item { margin-top: 4px; } .woocommerce .product-related .related-products .toot-list-item-wrap, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap, .woocommerce .product-related .upsells .toot-list-item-wrap, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap { border: 1px solid #dadadc; background: #fff; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button { padding: 22px 30px 30px 30px; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding-bottom: 10px; margin-bottom: 20px; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title { display: inline-block; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 { font-family: "Roboto Slab"; font-size: 16px; font-weight: bold; line-height: 28px; letter-spacing: 0.32px; display: inline-block; margin-top: 0; margin-bottom: 3px; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-title h3 a { color: #4a454b; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price { font-size: 20px; font-family: "Lato"; line-height: 28px; letter-spacing: 0.4px; color: #00728d; font-weight: bold; float: right; line-height: 28px; display: inline-block; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price del, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price del, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price del, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta .toot-woo-meta-title-price .toot-product-price del { display: none; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in { display: block; clear: both; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-meta span.posted_in a { color: #a9a9ab; font-size: 12px; line-height: 28px; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button { width: 100%; text-align: center; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-add-to-cart, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-add-to-cart, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-add-to-cart, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-add-to-cart, .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-btn-details, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-btn-details, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-btn-details, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .toot-btn-details { display: inline-block; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .added_to_cart, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .added_to_cart, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .added_to_cart, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .added_to_cart { display: inline-block; font-size: 13px; color: #fff; border: none; border-radius: 2px; vertical-align: top; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button { margin-right: 14px; padding: 6px 11px; line-height: 1.42857; font-weight: 400; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:hover, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:hover, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:hover, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.product_type_variable, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.product_type_variable, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.product_type_variable, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button.product_type_variable { padding: 6px 9px; margin-right: 3px; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:after, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:after, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:after, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .add_to_cart_button:after { display: none; } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart { margin-top: 0; margin-right: 0; line-height: 1.42857; padding: 6px 19px; font-weight: 400; text-align: center; white-space: nowrap; clear: left; margin-bottom: 20px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart:hover, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart:hover, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart:hover, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } @media screen and (max-width: 767px) { .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button a.added_to_cart { margin-right: 17px; } } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail { background: #4a454b; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail:hover, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail:hover, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail:hover, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-item-meta-button .toot-woo-item-button .btn-item-detail:hover { background: #00728d; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .product-related .related-products .toot-list-item-wrap .toot-woo-image .imagewrapper img, .woocommerce .toot-upsell-product .related-products .toot-list-item-wrap .toot-woo-image .imagewrapper img, .woocommerce .product-related .upsells .toot-list-item-wrap .toot-woo-image .imagewrapper img, .woocommerce .toot-upsell-product .upsells .toot-list-item-wrap .toot-woo-image .imagewrapper img { width: 100%; } .woocommerce .product-related .related-products .cms-carousel .owl-controls, .woocommerce .toot-upsell-product .related-products .cms-carousel .owl-controls, .woocommerce .product-related .upsells .cms-carousel .owl-controls, .woocommerce .toot-upsell-product .upsells .cms-carousel .owl-controls { display: none; } .woocommerce { /* cart */ } .woocommerce .toot-upsell-product { padding-bottom: 0; } .woocommerce .toot-upsell-product .toot-custom-heading { text-align: left; margin-bottom: 0; } body.woocommerce-cart article > .entry-content > .woocommerce { padding: 100px 0; } body.woocommerce-cart table.shopping-cart-table { margin-bottom: 0; } body.woocommerce-cart table.shopping-cart-table thead tr { background-color: #f6f6f6; border: 1px solid #d7d7d7; } body.woocommerce-cart table.shopping-cart-table thead tr th { border-right: 1px solid #d7d7d7; border-bottom: 0; color: #4a454b; font-size: 14px; font-weight: bold; padding: 12px 20px; text-align: center; text-transform: inherit; } body.woocommerce-cart table.shopping-cart-table thead tr th:last-child { border-right: 0; } body.woocommerce-cart table.shopping-cart-table thead tr th.product-name { width: 54%; } body.woocommerce-cart table.shopping-cart-table thead tr th.product-price, body.woocommerce-cart table.shopping-cart-table thead tr th.product-quantity { width: 15%; } @media (max-width: 991px) { body.woocommerce-cart table.shopping-cart-table thead tr th.product-price { width: 13%; } body.woocommerce-cart table.shopping-cart-table thead tr th.product-quantity { width: 20%; } } body.woocommerce-cart table.shopping-cart-table tbody .cart_item { border: 1px solid #d7d7d7; } body.woocommerce-cart table.shopping-cart-table tbody .cart_item td { padding: 19px 20px; border-right: 1px solid #d7d7d7; border-top: 0; text-align: center; color: #9a9a9a; } body.woocommerce-cart table.shopping-cart-table tbody .cart_item td:last-child { border-right: 0; } @media (max-width: 767px) { .table-responsive { width: auto; } .table-responsive form { min-width: 767px; } } .toot-cart .product-quantity .quantity input { line-height: 25px; padding: 0px; } .toot-cart .product-quantity .quantity.buttons_added { padding-right: 0; } .toot-cart .product-quantity .quantity.buttons_added input { width: 30px; height: 25px; line-height: 21px; text-align: center; font-weight: normal; font-size: 14px; position: inherit; top: auto; bottom: auto; left: auto; right: auto; float: left; color: #9a9a9a; margin-right: 5px; padding-left: 0; border: 1px solid #dadadc; background: #f6f6f6; } .toot-cart .product-quantity .quantity.buttons_added input:last-child { margin-right: 0; } .toot-cart .product-quantity .quantity.buttons_added input.minus, .toot-cart .product-quantity .quantity.buttons_added input.plus { width: 25px; background: #f6f6f6; color: #00728d; font-size: 18px; font-weight: bold; } .toot-cart .product-quantity .quantity.buttons_added input.minus:hover, .toot-cart .product-quantity .quantity.buttons_added input.plus:hover { background: #4a454b; color: #fff; border-color: #4a454b; } .toot-cart .product-quantity .quantity.buttons_added input.minus { padding-bottom: 2px; } .toot-cart .product-quantity .quantity.buttons_added input[type=number]::-webkit-inner-spin-button, .toot-cart .product-quantity .quantity.buttons_added input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .toot-cart .shopping-cart-table .cart_item .product-name { text-align: left; } .toot-cart .shopping-cart-table .cart_item .product-name a { font-size: 16px; font-family: "Roboto Slab"; font-weight: bold; color: #4a454b; letter-spacing: 0.36px; } .toot-cart .shopping-cart-table .cart_item .product-name a.pimg { float: left; } .toot-cart .shopping-cart-table .cart_item .product-name a.pimg img { margin-right: 20px; } .toot-cart .shopping-cart-table .cart_item .product-name a.pname { line-height: 32px; margin-top: -8px; display: block; } .toot-cart .shopping-cart-table .cart_item .product-name a.remove { display: inline-block; float: right; width: 18px; height: 18px; color: #eee !important; line-height: 16px; background: #4a454b; border-radius: 0; font-weight: 300; font-size: 18px; margin-top: -25px; } .toot-cart .shopping-cart-table .cart_item .product-name a.remove:hover { background: #00728d; } .toot-cart .shopping-cart-table .cart_item .product-name a.remove .icon_close { width: 19px; height: 18px; display: block; text-align: center; } .toot-cart .shopping-cart-table .cart_item .product-name .variation { border-left: none; display: inline-block; } .toot-cart .shopping-cart-table .cart_item .product-name .variation .variation-color { color: #4a454b; margin-bottom: 0; } body.woocommerce-cart .woocommerce .cms-coupon-wrap { padding: 20px; border: 1px solid #d7d7d7; border-top: none; } body.woocommerce-cart .woocommerce .cms-coupon-wrap .coupon-text { float: left; margin-right: 10px; } body.woocommerce-cart .woocommerce .cms-coupon-wrap .coupon-text input { padding: 2px 12px; color: #9a9a9a; font-size: 12px; width: 250px; background: #f6f6f6; height: 30px; } @media screen and (max-width: 991px) { body.woocommerce-cart .woocommerce .cms-coupon-wrap .coupon-text input { width: 200px; } } body.woocommerce-cart .woocommerce .cms-coupon-wrap .coupon-submit { float: left; } body.woocommerce-cart .woocommerce .cms-coupon-wrap .coupon-submit input { margin-top: 0; color: #fff; line-height: 1.42857; padding: 6px 7px; font-weight: 400; text-align: center; white-space: nowrap; clear: left; border: 0; border-radius: 2px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-cart .woocommerce .cms-coupon-wrap .coupon-submit input:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-cart .woocommerce .cms-coupon-wrap .update-checkout-cart .btn-item-detail { background: #4a454b; color: #fff; border-radius: 2px; font-size: 13px; padding: 6px 10px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-cart .woocommerce .cms-coupon-wrap .update-checkout-cart .btn-item-detail:hover { background: #00728d; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-cart .woocommerce .cms-coupon-wrap .update-checkout-cart .checkout-button { margin-top: 0; color: #fff; line-height: 1.42857; padding: 6px 7px; font-weight: 400; font-size: 14px; text-align: center; white-space: nowrap; clear: left; border: 0; vertical-align: middle; border-radius: 2px; margin-left: 5px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-cart .woocommerce .cms-coupon-wrap .update-checkout-cart .checkout-button:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce-cart { /* woocommerce-checkout */ } .woocommerce-cart .cart-collateral { margin-top: 50px; } .woocommerce-cart .cart-collateral .cart-totals-shipping, .woocommerce-cart .cart-collateral .cart-totals-inner { border: 1px solid #d7d7d7; padding: 20px; border-radius: 2px; } .woocommerce-cart .cart-collateral .cart-totals-shipping h4.shiping-title, .woocommerce-cart .cart-collateral .cart-totals-inner h4.shiping-title, .woocommerce-cart .cart-collateral .cart-totals-shipping h4.cart-totals-title, .woocommerce-cart .cart-collateral .cart-totals-inner h4.cart-totals-title { line-height: 1; font-size: 22px; font-family: "Roboto Slab"; color: #00728d; font-weight: normal; padding-bottom: 26px; margin-top: 0; margin-bottom: 20px; position: relative; } .woocommerce-cart .cart-collateral .cart-totals-shipping h4.shiping-title:after, .woocommerce-cart .cart-collateral .cart-totals-inner h4.shiping-title:after, .woocommerce-cart .cart-collateral .cart-totals-shipping h4.cart-totals-title:after, .woocommerce-cart .cart-collateral .cart-totals-inner h4.cart-totals-title:after { content: ""; position: absolute; width: 70px; height: 2px; background: #cbcbcd; left: 0; top: 46px; } .woocommerce-cart .cart-collateral .cart-totals-shipping form .form-row { margin: 0 0 20px 0; padding: 0; } .woocommerce-cart .cart-collateral .cart-totals-shipping form .form-row input.input-text { line-height: 20px; } .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form .update-shiping-btn { text-align: right; margin-bottom: 0; } .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form .button { margin-top: 0; color: #fff; line-height: 1.42857; padding: 6px 14px; font-weight: 400; font-size: 14px; text-align: center; white-space: nowrap; clear: left; border: 0; vertical-align: middle; border-radius: 2px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form .button:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form p.toot-country, .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form p.toot-state { background: #f6f6f6; } .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form p.toot-country select, .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form p.toot-state select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 5px 12px; background: url(../images/select_arrow_bg.png) no-repeat 98% center; } .woocommerce-cart .cart-collateral .cart-totals-shipping .toot-shipping-calculator-form p .input-text { padding: 8px 15px; line-height: 20px; background: #f6f6f6; } .woocommerce-cart .cart-collateral .cart-totals-inner ul { list-style: none; padding-left: 0; margin-top: -15px; margin-bottom: -12px; } .woocommerce-cart .cart-collateral .cart-totals-inner ul li { line-height: 36px; } .woocommerce-cart .cart-collateral .cart-totals-inner ul li strong { color: #4a454b; } .woocommerce-cart .cart-collateral .cart-totals-inner ul li span { float: right; color: #9a9a9a; } .woocommerce-cart .cart-collateral .cart-totals-inner ul li span > strong { font-weight: 400; } body.woocommerce-checkout article > .entry-content > .woocommerce { padding: 100px 0; } body.woocommerce-checkout .input-text, body.woocommerce-checkout select { height: 38px; } body.woocommerce-checkout form.login { border: 1px solid #d7d7d7; border-radius: 2px; } body.woocommerce-checkout form.login input[type="submit"] { background: #4a454b; color: #fff; border-radius: 2px; font-size: 13px; padding: 0 16px; line-height: 30px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ margin-right: 20px; } body.woocommerce-checkout form.login input[type="submit"]:hover { background: #00728d; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-checkout form.login .lost_password a { color: #4a454b; } body.woocommerce-checkout form.login .lost_password a:hover { color: #00728d; } body.woocommerce-checkout form.checkout_coupon { border: 1px solid #d7d7d7; border-radius: 2px; } body.woocommerce-checkout form.checkout_coupon .button { margin-top: 0; color: #fff; line-height: 30px; padding: 4px 16px; font-weight: 400; text-align: center; border: 0; border-radius: 2px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-checkout form.checkout_coupon .button:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-checkout .woocommerce form .form-row-first, body.woocommerce-checkout .woocommerce form .form-row-last, body.woocommerce-checkout .woocommerce-page form .form-row-first, body.woocommerce-checkout .woocommerce-page form .form-row-last { width: 49%; } @media screen and (max-width: 320px) { body.woocommerce-checkout .woocommerce form .form-row-first, body.woocommerce-checkout .woocommerce form .form-row-last, body.woocommerce-checkout .woocommerce-page form .form-row-first, body.woocommerce-checkout .woocommerce-page form .form-row-last { width: 100%; } } body.woocommerce-checkout .woocommerce form .form-row { padding: 0; } body.woocommerce-checkout form.checkout .woocommerce-billing-fields { padding: 20px 20px 8px 20px; border: 1px solid #d7d7d7; border-radius: 2px; } @media screen and (max-width: 768px) { body.woocommerce-checkout form.checkout .woocommerce-billing-fields { margin-bottom: 24px; } } body.woocommerce-checkout form.checkout .woocommerce-billing-fields h4 { line-height: 1; font-size: 22px; font-family: "Roboto Slab"; color: #00728d; font-weight: normal; padding-bottom: 26px; margin-top: 0; margin-bottom: 8px; position: relative; } body.woocommerce-checkout form.checkout .woocommerce-billing-fields h4:after { content: ""; position: absolute; width: 70px; height: 2px; background: #cbcbcd; left: 0; top: 46px; } body.woocommerce-checkout form.checkout .woocommerce-billing-fields a.select2-choice { background: url(../images/select_arrow_bg.png) no-repeat 98% center; line-height: 38px; border: 1px solid #dadadc; } body.woocommerce-checkout form.checkout .woocommerce-billing-fields a.select2-choice span.select2-arrow { display: none; } body.woocommerce-checkout form.checkout .woocommerce-billing-fields .select2-container .select2-choice .select2-arrow { display: none; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields { padding: 20px; border: 1px solid #d7d7d7; border-radius: 2px; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 { line-height: 1; font-size: 22px; font-family: "Roboto Slab"; color: #00728d; font-weight: normal; padding-bottom: 26px; margin-top: 0; margin-bottom: 30px; position: relative; line-height: 28px; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4:after { content: ""; position: absolute; width: 70px; height: 2px; background: #cbcbcd; left: 0; top: 46px; } @media screen and (max-width: 479px) { body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4:after { top: 66px; } } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > label { font-weight: normal; margin: 0; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > label, body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > input { float: left; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > input { margin-top: 7px; margin-left: 12px; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields a.select2-choice { background: url(../images/select_arrow_bg.png) no-repeat 98% center; line-height: 38px; border: 1px solid #dadadc; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields a.select2-choice span.select2-arrow { display: none; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields .select2-container .select2-choice .select2-arrow { display: none; } @media (min-width: 769px) and (max-width: 991px) { body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 { margin-bottom: 45px; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > label, body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > input { float: none; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > input { margin-left: 0; margin-top: 15px; position: absolute; top: 55px; } } @media screen and (max-width: 360px) { body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 { margin-bottom: 25px; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > label, body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > input { float: none; } body.woocommerce-checkout form.checkout .woocommerce-shipping-fields h4 > input { margin-left: 0; margin-top: 15px; position: absolute; top: 65px; } } body.woocommerce-checkout form.checkout h4#order_review_heading { margin-top: 50px; font-size: 22px; font-family: "Roboto Slab"; color: #00728d; font-weight: normal; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.shop_table { border: 1px solid #d7d7d7; border-radius: 2px; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.shop_table thead th, body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.shop_table td { padding: 6px 20px; } @media screen and (max-width: 479px) { body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.shop_table thead th, body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.shop_table td { padding: 6px 10px !important; } } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.shop_table thead tr { background-color: #f6f6f6; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.shop_table thead th { color: #4a454b; font-size: 14px; font-weight: bold; padding: 12px 20px; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order ul#shipping_method li > label { margin-left: 25px; margin-bottom: 0; } @media screen and (max-width: 479px) { body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order ul#shipping_method li > label { font-size: 12px; font-weight: normal; margin-left: 5px; } } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment { background: #fff; border: 1px solid #d7d7d7; padding: 20px 20px 0 20px; border-radius: 2px; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment ul.payment_methods { padding: 0; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment div.payment_box { background: #f6f6f6; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment div.payment_box:before { border: 1em solid #f6f6f6; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .place-order { padding: 20px 0; margin: 0; } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .place-order input[type="submit"] { margin-top: 0; color: #fff; line-height: 30px; padding: 0 16px; font-weight: 400; font-size: 14px; text-align: center; border: 0; vertical-align: middle; border-radius: 2px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order #payment.woocommerce-checkout-payment .place-order input[type="submit"]:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } body.woocommerce-checkout.woocommerce-order-received .order_details { padding-left: 0; } body.woocommerce-checkout.woocommerce-order-received .order_details li { border-bottom: 1px solid #d7d7d7; border-right: medium none; display: block; float: none; line-height: 28px; margin-right: 0; width: 100%; } body.woocommerce-checkout.woocommerce-order-received .order_details li strong { float: right; } body.woocommerce-checkout.woocommerce-order-received h2 { font-family: "Roboto Slab"; color: #00728d; font-weight: normal; } body.woocommerce-checkout.woocommerce-order-received p.woocommerce-thankyou-order-received { color: #4a454b; font-size: 14px; font-weight: bold; } body.woocommerce-checkout.woocommerce-order-received .order_details a { color: #00728d; } body.woocommerce-checkout.woocommerce-order-received .order_details a:hover { text-decoration: underline; } body.woocommerce-checkout.woocommerce-order-received .order_details th { color: #4a454b; } body.woocommerce-checkout.woocommerce-order-received .order_details td { font-weight: normal !important; } body.woocommerce-checkout.woocommerce-order-received .customer_details th { color: #4a454b; } body.woocommerce-checkout.woocommerce-order-received .customer_details td { font-weight: normal !important; } body.woocommerce-checkout.woocommerce-order-received .addresses { border: 1px solid #d7d7d7; padding: 0 30px; } body.woocommerce-checkout.woocommerce-order-received .addresses h3 { font-family: "Roboto Slab"; color: #00728d; font-weight: normal; } .cart-empty-wrap .cms-button { border: none; color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ } .cart-empty-wrap .cms-button:hover, .cart-empty-wrap .cms-button:focus, .cart-empty-wrap .cms-button:active { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); } li.payment_method_paypal { display: flex; } li.payment_method_paypal > input.input-radio { display: inline-flex; vertical-align: top; height: 50px; width: 13px; } li.payment_method_paypal > input.input-radio:focus, li.payment_method_paypal > input.input-radio:active { outline: none; } li.payment_method_paypal > label { display: inline-flex; vertical-align: top; } li.payment_method_paypal > label img { margin-right: 20px !important; } @media screen and (max-width: 320px) { li.payment_method_paypal > label img { margin-left: 5px; margin-right: 10px !important; } } li.payment_method_paypal > label .about_paypal { display: none; } .woocommerce form .form-row { padding: 3px 0 3px 0; } .woocommerce form.edit-account { margin: 100px 0; } .woocommerce form.edit-account fieldset { margin-top: 53px; } .woocommerce form.edit-account fieldset legend { margin-bottom: 10px; border-bottom: none; } .woocommerce form.edit-account input[type="submit"] { margin-top: 10px; color: #fff; line-height: 30px; padding: 0 16px; font-weight: 400; font-size: 14px; text-align: center; border: 0; vertical-align: middle; border-radius: 2px; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce form.edit-account input[type="submit"]:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 24px; } .woocommerce-edit-address article { padding: 100px 0; } .woocommerce-edit-address article form a.select2-choice { line-height: 38px; } .woocommerce-edit-address article form input[type="submit"] { margin-top: 10px; color: #fff; line-height: 30px; padding: 0 16px; font-weight: 400; font-size: 14px; text-align: center; border: 0; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce-edit-address article form input[type="submit"]:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce-account article { padding: 95px 0 80px 0; } .woocommerce-account article .woocommerce table.my_account_orders .order-actions .button { margin: 0; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ padding: 8px 16px; color: #fff; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce-account article .woocommerce table.my_account_orders .order-actions .button:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count { float: right; margin-top: 37px; } .woocommerce-account .addresses .title .edit:hover, .woocommerce-account ul.digital-downloads li .count:hover { color: #00728d; } @media screen and (max-width: 320px) { .woocommerce .star-rating { margin-top: 3px; } } .widget_search h3.wg-title, .widget_product_search h3.wg-title, .no-results h3.wg-title { margin-bottom: 32px !important; } .widget_search .searchform .form-search-input, .widget_product_search .searchform .form-search-input, .no-results .searchform .form-search-input { display: block; width: 100%; font-size: 12px; line-height: 22px; color: #7a7c82; padding-left: 10px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; height: 35px; } .widget_search .searchform .form-search-submit, .widget_product_search .searchform .form-search-submit, .no-results .searchform .form-search-submit { width: 100%; display: block; font-size: 12px; line-height: 32px; margin-top: 20px; color: #fff; text-transform: uppercase; border: none; border-radius: 2px; height: 35px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .widget_search .searchform .form-search-submit:hover, .widget_product_search .searchform .form-search-submit:hover, .no-results .searchform .form-search-submit:hover { background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .widget_cs_recent_post_v2 .cms-recent-post li { margin-top: 16px; } .widget_cs_recent_post_v2 .cms-recent-post li:first-child { margin-top: 0; } .widget_cs_recent_post_v2 .cms-recent-post li:last-child .cms-recent-details { border-bottom: 0; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-media { display: block; vertical-align: top; margin-right: 20px; float: left; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-media .image { margin-top: 5px; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-media .image a img { width: 70px; height: 70px; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details { display: block; border-bottom: 1px solid #514b52; padding-bottom: 15px; overflow: hidden; } @media (min-width: 480px) and (max-width: 767px) { .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details { display: inline-block; } } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .lato-title-15 { line-height: 22px; display: inline; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .lato-title-15 a { color: #fff; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .lato-title-15 a:hover { color: #00728d; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .date { margin-top: 5px; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .date p { display: block; font-size: 12px; line-height: 26px; margin-bottom: 0; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .author .text-primary a { color: #00728d; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .author .text-primary a:first-letter { text-transform: uppercase; } .widget_cs_recent_post_v2 .cms-recent-post .cms-recent-details .author .text-primary a:hover { color: #fff; } .cms-popular-posts h3.wg-title { margin-bottom: 32px !important; } .cms-popular-posts .widget-post-item { padding-bottom: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 20px; } .cms-popular-posts .widget-post-item:last-child { margin-bottom: 8px; padding-bottom: 0; border-bottom: none; } .cms-popular-posts .widget-post-item .entry-thumbnail { width: 70px; float: left; margin-right: 20px; } .cms-popular-posts .widget-post-item .entry-thumbnail a img { width: 70px; border-radius: 2px; } .cms-popular-posts .widget-post-item .entry-main { margin-left: 90px; font-size: 12px; color: #a9a9ab; } .cms-popular-posts .widget-post-item .entry-main a { color: #00728d; } .cms-popular-posts .widget-post-item .entry-main a:hover { text-decoration: underline; } .cms-popular-posts .widget-post-item .entry-main a.entry-title { font-size: 15px; font-family: "Roboto Slab"; color: #4a454b; display: block; line-height: 25px; margin-bottom: 8px; text-transform: uppercase; margin-top: -7px; } .cms-popular-posts .widget-post-item .entry-main a.entry-title:hover { color: #00728d; text-decoration: none; } .cms-popular-posts .widget-post-item .entry-main > p { line-height: 18px; } .cms-popular-posts .widget-post-item .entry-main > p.entry-date { text-transform: uppercase; margin-bottom: 0; } .widget_archive h3.wg-title + label, .widget_categories h3.wg-title + label { margin-top: 5px; } .widget_archive select, .widget_categories select { margin-bottom: 10px; } .widget_recent_comments ul li .comment-author-link, .widget_recent_comments ul li .comment-author-link a { color: #00728d; text-transform: uppercase; font-size: 12px; } .widget_toot_recent_comments h3.wg-title { margin-bottom: 32px !important; } .widget_toot_recent_comments ul.comment-list li { line-height: 22px !important; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; } .widget_toot_recent_comments ul.comment-list li .image { float: left; width: 70px; margin-right: 20px; } .widget_toot_recent_comments ul.comment-list li .image a img { border-radius: 2px; } .widget_toot_recent_comments ul.comment-list li .post-holder { margin-left: 90px; } .widget_toot_recent_comments ul.comment-list li .post-holder p { color: #00728d; } .widget_toot_recent_comments ul.comment-list li .post-holder p.author { line-height: 1; margin-bottom: 7px; text-transform: uppercase; font-size: 12px; } .widget_toot_recent_comments ul.comment-list li .post-holder .meta a { line-height: 22px; font-size: 13px; color: #6d7683; } .widget_toot_recent_comments ul.comment-list li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget_cms_flickr_widget .flickr-wrap { padding-top: 6px; } .widget_cms_flickr_widget .flickr-wrap .flickr_badge_image { display: inline-block; margin-right: 10px; margin-bottom: 10px; width: 60px; height: 60px; } .widget_cms_flickr_widget .flickr-wrap .flickr_badge_image a img { width: 60px; height: 60px; } @media screen and (min-width: 992px) { .widget_cms_flickr_widget .flickr-wrap .flickr_badge_image:nth-child(4n+1) { margin-right: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .widget_cms_flickr_widget .flickr-wrap .flickr_badge_image { margin-right: 5px; margin-bottom: 5px; } .widget_cms_flickr_widget .flickr-wrap .flickr_badge_image a > img { width: 48px; height: 48px; } } .widget_tag_cloud h3.wg-title { margin-bottom: 25px !important; } .widget_tag_cloud .tagcloud { padding-top: 6px; } .widget_tag_cloud .tagcloud a { display: inline-block; color: #a9a9ab; line-height: 28px; font-size: 12px !important; margin-right: 8px; margin-bottom: 10px; background-color: #272128; padding: 0 10px; } .widget_tag_cloud .tagcloud a:hover { background: #00728d; color: #fff; } .widget_wp_toot_tweets_widget .item-child { margin-bottom: 10px; } .widget_wp_toot_tweets_widget .item-child .twitter-icon { float: left; } .widget_wp_toot_tweets_widget .item-child .twitter-icon i { font-size: 14px; color: #00728d; margin-right: 5px; line-height: 22px; } .widget_wp_toot_tweets_widget .item-child .twitter-content { font-size: 13px; line-height: 22px; font-weight: 600; } .widget_wp_toot_tweets_widget .item-child .twitter-content p { margin-bottom: 0; } .widget_wp_toot_tweets_widget .item-child .twitter-content p a { color: #fff; } .widget_wp_toot_tweets_widget .item-child .twitter-content p a:hover { color: #00728d; } .widget_wp_toot_tweets_widget .item-child .slider-reviews-autor { font-size: 11px; color: #a9a9ab; line-height: 20px; } .widget_wp_toot_tweets_widget .item-child:last-child { margin-bottom: 0; } .widget_znews-twitter-widget .news-twitter-item .news-tweet-content { margin-bottom: 10px; } .widget_znews-twitter-widget .news-twitter-item .news-tweet-content .tweet-text { font-size: 13px; line-height: 22px; font-weight: 600; } .widget_znews-twitter-widget .news-twitter-item .news-tweet-content .tweet-text i { float: left; font-size: 14px; color: #00728d; margin-right: 5px; line-height: 22px; } .widget_znews-twitter-widget .news-twitter-item .news-tweet-content .tweet-text a { color: #fff; } .widget_znews-twitter-widget .news-twitter-item .news-tweet-content .tweet-text a:hover { color: #00728d; } .widget_znews-twitter-widget .news-twitter-item .news-tweet-content .tweet-time { font-size: 11px; color: #a9a9ab; line-height: 20px; } .widget_nav_menu { /*------------------------------ 12.2 - calendar ------------------------------*/ } .widget_nav_menu > div > ul { overflow: hidden; } .widget_nav_menu ul { width: 100% !important; } .widget_nav_menu ul li { border-bottom: none; } .widget_nav_menu ul li a:before { content: ""; position: absolute; top: 0; height: 1px; width: 1000%; background: rgba(0, 0, 0, 0.08); left: -500%; } .widget_nav_menu > div > ul > li:first-child > a:before { content: none; } .widget_calendar { /*------------------------------ 12.3 - widget_rss ------------------------------*/ } .widget_calendar caption { padding-top: 5px; } .widget_calendar thead th { text-align: center; padding: 0; text-transform: uppercase; font-weight: bold; } .widget_calendar table, .widget_calendar table td { border-collapse: separate; border-spacing: 1px; } .widget_calendar table { width: 100%; } .widget_calendar table tbody td { text-align: center; padding: 7px 0px; } .widget_calendar table tbody td#today { background-color: #4b4e53; color: #fff; } .widget_calendar table tbody td#today a { color: #fff; } .widget_calendar tbody .pad { background: transparent; } .widget_calendar tbody td { background: #eee; } .widget_calendar tbody a { font-weight: bold; } .widget_rss h3.wg-title { margin-bottom: 25px !important; padding-left: 0 !important; } .widget_rss h3.wg-title:before { content: none !important; } .widget_rss h3.wg-title > a:first-child:before { content: "\f143"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; color: #fff; width: 28px; height: 28px; background: #4a454b; padding: 7px; border-radius: 2px; text-align: center; margin-right: 10px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .widget_rss h3.wg-title > a:first-child img { display: none; } .widget_rss ul li { line-height: inherit; margin-bottom: 15px; padding-bottom: 15px; } .widget_rss ul li a { font-weight: bold; } .widget_rss ul li:last-child { margin-bottom: 8px; padding-bottom: 0; } .woocommerce .widget_product_categories { padding-bottom: 20px; /* widget_price_filter */ } .woocommerce .widget_product_categories .product-categories .count { float: right; color: #00728d; } .woocommerce .widget_price_filter { /* widget_layered_nav*/ } .woocommerce .widget_price_filter h3.wg-title { margin-bottom: 35px !important; } .woocommerce .widget_price_filter .price_slider_wrapper .price_slider { margin-bottom: 24px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-horizontal { height: 8px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #dadadc; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-slider { margin-left: 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-range { background-color: #4a454b; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle { width: 15px; height: 15px; background-color: #00728d; } .woocommerce .widget_price_filter .price_slider_amount { text-align: left !important; } .woocommerce .widget_price_filter .price_slider_amount .button { float: right !important; color: #fff; margin-top: 0; line-height: 1.42857; padding: 6px 20px; font-weight: 400; text-align: center; white-space: nowrap; clear: left; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_top', endColorstr='$color_bottom',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: #fff; background: -moz-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: -webkit-linear-gradient(top, #56798c 0%, #367c8c 59%, #00728d 100%); background: linear-gradient(to bottom, #56798c 0%, #367c8c 59%, #00728d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_bottom', endColorstr='$color_top',GradientType=0); -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSFORM */ } .woocommerce .widget_price_filter .price_slider_amount .price_label { display: inline-block; font-size: 13px; color: #00728d; } .woocommerce .widget_price_filter .price_slider_amount .price_label span.price-lbl { color: #a9a9ab; } .woocommerce .widget_layered_nav { padding-bottom: 19px; } .woocommerce .widget_layered_nav ul li { border-bottom: none; line-height: 34px; } .woocommerce .widget_layered_nav ul li .count { display: none; } .woocommerce .widget_layered_nav ul li span:first-child { padding-left: 25px; } .woocommerce .widget_layered_nav ul li a { background: url(../images/checkbox-bg.png) no-repeat left center; padding-left: 24px !important; position: relative; } .woocommerce .widget_layered_nav ul li a:hover:before { content: "\f00c"; position: absolute; left: 2px; top: 4px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 10px; color: #00728d; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .woocommerce .widget_layered_nav ul li.chosen a:before { content: "\f00c"; position: absolute; left: 2px; top: 4px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 10px; color: #00728d; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .wpb_widgetised_column .widget.widget_newsletterwidget { border: none; border: none; padding: 0; margin-bottom: 21px; } .widget_newsletterwidget form { max-width: 570px; margin: 0 auto; } @media screen and (max-width: 767px) { .widget_newsletterwidget form { max-width: 400px; } } .widget_newsletterwidget .newsletter-left { float: left; min-width: 469px; position: relative; } @media screen and (max-width: 767px) { .widget_newsletterwidget .newsletter-left { min-width: 300px; float: none; } } @media screen and (max-width: 479px) { .widget_newsletterwidget .newsletter-left { min-width: 0; } } .widget_newsletterwidget .newsletter-left i { position: absolute; left: 12px; font-size: 14px; color: #a9a9ab; line-height: 23px; padding: 4px 0; } .widget_newsletterwidget .newsletter-left .newsletter-email { line-height: 23px; padding: 3px 12px 5px 35px; font-size: 13px; color: #a9a9ab; height: 33px; } .widget_newsletterwidget .newsletter-right .newsletter-submit { font-family: "Lato"; font-size: 15px; font-weight: bold; line-height: 21px; padding: 4px 18px; margin-left: 11px; color: #fff; border-color: transparent; background: #00728d; background: -moz-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: -webkit-linear-gradient(top, #00728d 0%, #367c8c 59%, #56798c 100%); background: linear-gradient(to bottom, #00728d 0%, #367c8c 59%, #56798c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f63571', endColorstr='#f85b3c',GradientType=0); } @media screen and (max-width: 767px) { .widget_newsletterwidget .newsletter-right .newsletter-submit { margin-left: 0; margin-top: 10px; } } .widget_newsletterwidget .newsletter-right .newsletter-submit:focus { outline: none; } @media screen and (min-width: 1200px) { body.layout-boxed { background: url(../images/home-boxed-bg.jpg) 0 0 repeat; } body.layout-boxed:before { content: ""; width: 100%; height: 2px; display: block; background: url(../images/top-bg.png) repeat-x; } body.layout-boxed.page-full-width { width: 100%; } body.layout-boxed.page-full-width .cs-boxed { width: 100%; } body .cs-boxed, body.boxed-layout { margin: auto; width: 1230px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); overflow: hidden; } body .cs-boxed .cshero-main-header, body.boxed-layout .cshero-main-header { width: 1230px; } body .cs-boxed .rev_slider_wrapper, body.boxed-layout .rev_slider_wrapper { width: 1230px; } body .cs-boxed .header-top-bg, body.boxed-layout .header-top-bg { display: none; } } @media screen and (max-width: 767px) { body .pace { width: 370px; } } @media screen and (max-width: 479px) { body .pace { width: 270px; } }