%PDF-
%PDF-
Mini Shell
Mini Shell
/*!--------------------------------------------------------------
* 7.0 Elements
==============================================================*/
.vc_sep_pos_inline
display: inline-block
@media handheld, only screen and (max-width: 960px)
.rdy_separator.responsive_width_sm
width 100% !important
@media handheld, only screen and (max-width: 767px)
.rdy_separator.responsive_width_xs
width 100% !important
/* Share */
.rdy_share
&.social-align-left
text-align left
.rdy_share-item:first-child,
.rdy_share-text:first-child
margin-left 0
&.social-align-center
text-align center
&.social-align-right
text-align right
.rdy_share-item:last-child
margin-right 0
.rdy_share-text.list:first-child
margin-top 0
.rdy_share-text.list:last-child
margin-bottom 0
.rdy_share
.rdy_share-text
span
transition: all 0.3s ease-out;
&.use_ul_hover
.rdy_share-text
span
display: inline-block
border-bottom: 2px solid transparent;
&:hover span
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #EC7A5C;
&.use-brand-color
&.use_ul_hover
&.brand-icon,
&.brand-icon-h
.mail-hover:hover span
border-bottom-color: #3b5998
.facebook-hover:hover span
border-bottom-color: #3b5998
.twitter-hover:hover span
border-bottom-color: #00aced
.rss-hover:hover span
border-bottom-color: #FF7900
.dribbble-hover:hover span
border-bottom-color: #ea4c89
.behance-hover:hover span
border-bottom-color: #1769ff
.instagram-hover:hover span
border-bottom-color: #517fa4
.soundcloud-hover:hover span
border-bottom-color: #ff3a00
.digg-hover:hover span
border-bottom-color: #333333
.pinterest-hover:hover span
border-bottom-color: #cb2027
.flickr-hover:hover span
border-bottom-color: #ff0084
.googleplus-hover:hover span
.google-plus-hover:hover span
border-bottom-color: #dd4b39
.linkedin-hover:hover span
border-bottom-color: #007bb6
.blogger-hover:hover span
border-bottom-color: #fb8f3d
.youtube-hover:hover span
border-bottom-color: #bb0000
.lastfm-hover:hover span
border-bottom-color: #DF1303
.stumbleupon-hover:hover span
border-bottom-color: #EB4823
.tumblr-hover:hover span
border-bottom-color: #32506d
.vimeo-hover:hover span
border-bottom-color: #aad450
.wordpress-hover:hover span
border-bottom-color: #21759b
.yelp-hover:hover span
border-bottom-color: #c41200
.reddit-hover:hover span
border-bottom-color: #CEE3F8
.whatsapp-hover:hover span
border-bottom-color: #1d9d10
.weibo-hover:hover span
border-bottom-color: #e6162d
.qzone-hover:hover span
border-bottom-color: #ffc028
.imdb-hover:hover span
border-bottom-color: #f5de50
.renren-hover:hover span
border-bottom-color: #217dc6
.xing-hover:hover span
border-bottom-color: #026466
.vk-hover:hover span
border-bottom-color: #45668e
.wechat-hover:hover span
border-bottom-color: #7bb32e
.snapchat-hover:hover span
border-bottom-color: #fffc00
.flickr-hover:hover span
border-bottom-color: #0063dc
.telegram-hover:hover span
border-bottom-color: #2aa1da
.medium-hover:hover span
border-bottom-color: #0be370
&.brand-icon
.mail-hover
color: #3b5998
.facebook-hover
color: #3b5998
.twitter-hover
color: #00aced
.rss-hover
color: #FF7900
.dribbble-hover
color: #ea4c89
.behance-hover
color: #1769ff
.instagram-hover
color: #517fa4
.soundcloud-hover
color: #ff3a00
.digg-hover
color: #333333
.pinterest-hover
color: #cb2027
.flickr-hover
color: #ff0084
.googleplus-hover
.google-plus-hover
color: #dd4b39
.linkedin-hover
color: #007bb6
.blogger-hover
color: #fb8f3d
.youtube-hover
color: #bb0000
.lastfm-hover
color: #DF1303
.stumbleupon-hover
color: #EB4823
.tumblr-hover
color: #32506d
.vimeo-hover
color: #aad450
.wordpress-hover
color: #21759b
.yelp-hover
color: #c41200
.reddit-hover
color: #CEE3F8
.whatsapp-hover
color: #1d9d10
.weibo-hover
color: #e6162d
.wechat-hover
color: #7bb32e
.vk-hover
color: #45668e
.qzone-hover
color: #ffc028
.imdb-hover
color: #f5de50
.renren-hover
color: #217dc6
.xing-hover
color: #026466
.snapchat-hover
color: #fffc00
.flickr-hover
color: #0063dc
.telegram-hover
color: #2aa1da
.medium-hover
color: #0be370
&.brand-icon-h
.mail-hover:hover
color: #3b5998
.facebook-hover:hover
color: #3b5998
.twitter-hover:hover
color: #00aced
.rss-hover:hover
color: #FF7900
.dribbble-hover:hover
color: #ea4c89
.behance-hover:hover
color: #1769ff
.instagram-hover:hover
color: #517fa4
.soundcloud-hover:hover
color: #ff3a00
.digg-hover:hover
color: #333333
.pinterest-hover:hover
color: #cb2027
.flickr-hover:hover
color: #ff0084
.googleplus-hover:hover
.google-plus-hover:hover
color: #dd4b39
.linkedin-hover:hover
color: #007bb6
.blogger-hover:hover
color: #fb8f3d
.youtube-hover:hover
color: #bb0000
.lastfm-hover:hover
color: #DF1303
.stumbleupon-hover:hover
color: #EB4823
.tumblr-hover:hover
color: #32506d
.vimeo-hover:hover
color: #aad450
.wordpress-hover:hover
color: #21759b
.yelp-hover:hover
color: #c41200
.reddit-hover:hover
color: #CEE3F8
.whatsapp-hover:hover
color: #1d9d10
.weibo-hover:hover
color: #e6162d
.wechat-hover:hover
color: #7bb32e
.vk-hover:hover
color: #45668e
.qzone-hover:hover
color: #ffc028
.imdb-hover:hover
color: #f5de50
.renren-hover:hover
color: #217dc6
.xing-hover:hover
color: #026466
.vk-hover:hover
color: #45668e
.wechat-hover:hover
color: #7bb32e
.snapchat-hover:hover
color: #fffc00
.flickr-hover:hover
color: #0063dc
.telegram-hover:hover
color: #2aa1da
.medium-hover:hover
color: #0be370
&.use-brand-color
&.brand-bg
.mail-hover
background-color: #3b5998
.facebook-hover
background-color: #3b5998
.twitter-hover
background-color: #00aced
.rss-hover
background-color: #FF7900
.dribbble-hover
background-color: #ea4c89
.behance-hover
background-color: #1769ff
.instagram-hover
background-color: #517fa4
.soundcloud-hover
background-color: #ff3a00
.digg-hover
background-color: #333333
.pinterest-hover
background-color: #cb2027
.flickr-hover
background-color: #ff0084
.googleplus-hover
.google-plus-hover
background-color: #dd4b39
.linkedin-hover
background-color: #007bb6
.blogger-hover
background-color: #fb8f3d
.youtube-hover
background-color: #bb0000
.lastfm-hover
background-color: #DF1303
.stumbleupon-hover
background-color: #EB4823
.tumblr-hover
background-color: #32506d
.vimeo-hover
background-color: #aad450
.wordpress-hover
background-color: #21759b
.yelp-hover
background-color: #c41200
.reddit-hover
background-color: #CEE3F8
.whatsapp-hover
background-color: #1d9d10
.weibo-hover
background-color: #e6162d
.wechat-hover
background-color: #7bb32e
.vk-hover
background-color: #45668e
.qzone-hover
background-color: #ffc028
.imdb-hover
background-color: #f5de50
.renren-hover
background-color: #217dc6
.xing-hover
background-color: #026466
.vk-hover
background-color: #45668e
.wechat-hover
background-color: #7bb32e
.snapchat-hover
background-color: #fffc00
.flickr-hover
background-color: #0063dc
.telegram-hover
background-color: #2aa1da
.medium-hover
background-color: #0be370
&.brand-bg-h
.mail-hover:hover
background-color: #3b5998
border-color: #3b5998
.facebook-hover:hover
background-color: #3b5998
border-color: #3b5998
.twitter-hover:hover
background-color: #00aced
border-color: #00aced
.rss-hover:hover
background-color: #FF7900
border-color: #FF7900
.dribbble-hover:hover
background-color: #ea4c89
border-color: #ea4c89
.behance-hover:hover
background-color: #1769ff
border-color: #1769ff
.instagram-hover:hover
background-color: #517fa4
border-color: #517fa4
.soundcloud-hover:hover
background-color: #ff3a00
border-color: #ff3a00
.digg-hover:hover
background-color: #333333
border-color: #333333
.pinterest-hover:hover
background-color: #cb2027
border-color: #cb2027
.flickr-hover:hover
background-color: #ff0084
border-color: #ff0084
.googleplus-hover:hover
.google-plus-hover:hover
background-color: #dd4b39
border-color: #dd4b39
.linkedin-hover:hover
background-color: #007bb6
border-color: #007bb6
.blogger-hover:hover
background-color: #fb8f3d
border-color: #fb8f3d
.youtube-hover:hover
background-color: #bb0000
border-color: #bb0000
.lastfm-hover:hover
background-color: #DF1303
border-color: #DF1303
.stumbleupon-hover:hover
background-color: #EB4823
border-color: #EB4823
.tumblr-hover:hover
background-color: #32506d
border-color: #32506d
.vimeo-hover:hover
background-color: #aad450
border-color: #aad450
.wordpress-hover:hover
background-color: #21759b
border-color: #21759b
.yelp-hover:hover
background-color: #c41200
border-color: #c41200
.reddit-hover:hover
background-color: #CEE3F8
border-color: #CEE3F8
.whatsapp-hover:hover
background-color: #1d9d10
border-color: #1d9d10
.weibo-hover:hover
background-color: #e6162d
border-color: #e6162d
.wechat-hover:hover
background-color: #7bb32e
border-color: #7bb32e
.vk-hover:hover
background-color: #45668e
border-color: #45668e
.qzone-hover:hover
background-color: #ffc028
border-color: #ffc028
.imdb-hover:hover
background-color: #f5de50
border-color: #f5de50
.renren-hover:hover
background-color: #217dc6
border-color: #217dc6
.xing-hover:hover
background-color: #026466
border-color: #026466
.vk-hover:hover
background-color: #45668e
border-color: #45668e
.wechat-hover:hover
background-color: #7bb32e
border-color: #7bb32e
.snapchat-hover:hover
background-color: #fffc00
border-color: #fffc00
.flickr-hover:hover
background-color: #0063dc
border-color: #0063dc
.telegram-hover:hover
background-color: #2aa1da
border-color: #2aa1da
.medium-hover:hover
background-color: #0be370
border-color: #0be370
.rdy_share-item
display: inline-block
text-align center
transition all .3s ease-in-out
box-sizing: content-box;
.rdy_share-expand
transition all .2s ease-in-out
.rdy_share
.rdy_share-text
margin-right 8px
@media screen and (max-width: 782px)
.rdy_share-text
display: block
float: left;
clear: both;
margin 0 !important
/* Tabs & Tour Sections */
.wpb_tabs.wpb_content_element #products-grid
margin-top: 0;
.wpb_tabs.wpb_content_element .wpb_tabs_nav
list-style: none;
padding: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
background: none;
.wpb_tabs.wpb_content_element
&.left
.wpb_tabs_nav
text-align:left;
&.center
.wpb_tabs_nav
text-align:center;
&.right
.wpb_tabs_nav
text-align:right;
.wpb_tabs.wpb_content_element
&.hide-lines
.wpb_tabs_nav:after
background-color transparent !important
.wpb_tabs_nav li a,
.wpb_tabs_nav li a
border-bottom 0 !important
transition none !important
padding 0 !important
.wpb_tabs.wpb_content_element .wpb_tabs_nav:after
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background:#ccc;
z-index: 0;
.wpb_tour.wpb_content_element .wpb_tabs_nav
width: 100%;
.wpb_tour.wpb_content_element .wpb_tabs_nav li,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li
float: none;
background: none;
padding: 0;
margin: 0;
position: relative;
z-index: 2;
.wpb_tabs.wpb_content_element .wpb_tabs_nav li
display: inline-block;
margin: 0 0 0 45px;
.wpb_tabs.wpb_content_element .wpb_tabs_nav li:first-child
margin-left: 0;
.wpb_tour.wpb_content_element .wpb_tabs_nav li:hover,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li:hover
background: none;
.wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active
background: none;
.wpb_tour.wpb_content_element .wpb_tabs_nav li a,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li a
display: inline-block;
color: #a1a1a1;
padding: 0 0 26px;
border-bottom: 2px solid rgba(0,0,0,0);
text-shadow: none;
text-decoration: none;
.wpb_tabs.wpb_content_element .wpb_tabs_nav li a
font-size: 1.125rem;
.wpb_tour.wpb_content_element .wpb_tabs_nav li a
font-size: 0.8125rem;
margin-bottom: 10px;
.wpb_tour.wpb_content_element .wpb_tabs_nav li a
font-size: 0.8125rem;
font-weight: bold;
text-transform: uppercase;
transition: color 0.3s, border-color 0.3s;
.wpb_tour.wpb_content_element .wpb_tabs_nav li a:hover,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li a:hover
color: #777;
.wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a
color: #000;
background: none;
border-bottom: 2px solid #000;
transition: color 0.3s, border-color 0.3s;
.wpb_tour.wpb_content_element .wpb_tabs_nav
width: 25%;
padding-right: 15px;
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab
width: 75%;
padding: 0;
padding-left:15px;
padding-bottom: 30px;
.wpb_tour.wpb_content_element .wpb_tour_next_prev_nav
width: 75%;
padding-left: 15px;
margin-left: 25%;
.wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span
padding-top: 20px;
border-top: 1px solid #ddd;
width: 50%;
.wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a
font-size: 1rem;
border-bottom: none;
.wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a:before,
.wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a:after
display: inline-block;
font-size: 16px;
font-style: normal;
font-weight: bold;
line-height: 1;
-webkit-font-smoothing: antialiased;
.wpb_tour.wpb_content_element .wpb_tour_next_prev_nav .wpb_prev_slide a:before
content: "\2190";
margin-right: 8px;
.wpb_tour.wpb_content_element .wpb_tour_next_prev_nav .wpb_next_slide a:after
content: "\2192";
margin-left: 8px;
.wpb_tabs.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_tabs.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab
background:none;
border:0;
padding:35px 0;
margin:0;
position: relative
animation-fill-mode: both;
animation-duration: .7s;
@media screen and (max-width: 992px){
.wpb_tabs.wpb_content_element.right .wpb_tabs_nav {
text-align: center !important
}
.wpb_tour.wpb_content_element .wpb_tabs_nav li,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li {
margin: 0 16px !important
}
.wpb_tour.wpb_content_element .wpb_tabs_nav li a,
.wpb_tabs.wpb_content_element .wpb_tabs_nav li a {
border none !important
transition none !important
font-size: 14px !important;
font-weight: bold !important
padding: 0 0 20px !important;
}
}
/* Accordions */
.wpb_accordion_wrapper
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
.wpb_heading.wpb_accordion_heading
margin: 0;
.wpb_accordion_section.group
border-bottom: 1px solid #ddd;
.wpb_accordion_section.group:last-child
border-bottom: none;
padding-bottom: 0;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header
font-size: 21px;
font-weight: normal;
line-height: 1.3em;
margin: 0;
padding: 0;
padding-right: 40px;
background: none;
.wpb_wrapper .wpb_content_element .wpb_accordion_header .accordion_title
display: block;
font-weight: 500;
cursor: pointer;
background: none;
padding: 24px 46px 15px 20px;
.wpb_accordion_section.group:first-child .accordion_title
padding-top: 0;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header .accordion_title,
.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content
padding-left: 0;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active .accordion_title:hover
cursor: default;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active
border-bottom:none;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:focus
outline: 0;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon
transform: translateY(-50%) rotate(-90deg) !important;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon
background: none;
top 50%
transform: translateY(-50%);
transition transform .2s ease-in-out
right: 15px;
width: 18px;
height: 18px;
.wpb_content_element .wpb_accordion_header a
padding: 0 !important;
color #000
.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content
margin-bottom 0 !important
.wpb_accordion_section.group
padding: 20px 0 !important
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before
content: "";
display: block;
position: absolute;
left: 0;
top: -1px;
width: 18px;
height: 18px;
border-radius: 12px;
border: 1px solid;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after
content: "\f107";
font-size: 18px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
vertical-align: middle;
line-height: 18px;
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 0;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon
opacity: 0.5;
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after
content: "\f106";
.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content
padding-top: 0;
padding-right: 0;
padding-bottom:6px;
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a
padding-left 0
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before
display: none
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after
content ''
background url(../images/accordion_arrow.svg) no-repeat center
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after
content ''
.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_content
padding-top: 36px;
.rdy-clients-shortcode
position: relative;
margin: 0;
list-style none
.rdy-shortcode-heading
margin-bottom 20px
.animate-element
opacity 0
.rdy-clients-shortcode ul
margin: 0 !important;
padding: 0;
list-style: none;
li
list-style none
.rdy-clients-shortcode .rdy-owl-slides .owl-dots
text-align: center
.rdy-clients-shortcode .rdy-fancy-title
margin-right: 38px;
.rdy-clients-shortcode .rdy-fancy-title span
padding-right: 5px;
.rdy-clients-shortcode
.client-logo
position: relative;
display: block;
text-align: center
backface-visibility: hidden;
line-height: 1
transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
&.with-animation-fadein
.client-logo
opacity 0
.rdy-clients-shortcode.is-hover .client-logo
opacity: 0.5;
.rdy-clients-shortcode.is-hover .client-logo:hover
filter: unquote("alpha(opacity=@opacity * 100)");
opacity: 1;
.rdy-clients-shortcode .flex-direction-nav a
position: absolute;
top: -4px;
.rdy-clients-shortcode .flex-direction-nav a .rdy-jupiter-icon-arrow-left:before,
.rdy-clients-shortcode .flex-direction-nav a .rdy-jupiter-icon-arrow-right:before
color: #aaaaaa;
font-size: 12px !important;
.rdy-clients-shortcode .flex-prev
right: 20px;
.rdy-clients-shortcode .flex-next
right: 0;
.rdy-clients-shortcode.column-style ul
overflow: hidden;
.rdy-clients-shortcode.column-style li
float: left;
margin: 0;
padding: 0;
.rdy-clients-shortcode.column-style.one-column li
width: 100%;
.rdy-clients-shortcode.column-style.two-column li
width: 50%;
.rdy-clients-shortcode.column-style.three-column li
width: 33.3%;
.rdy-clients-shortcode.column-style.four-column li
width: 25%;
.rdy-clients-shortcode.column-style.five-column li
width: 20%;
.rdy-clients-shortcode.column-style.six-column li
width: 16.6%;
.rdy-clients-shortcode.column-style.border-opened_edges ul:last-child .client-logo
border-bottom-style: none!important;
@media handheld, only screen and (max-width: 960px)
.rdy-clients-shortcode.column-style.three-column li,
.rdy-clients-shortcode.column-style.four-column li,
.rdy-clients-shortcode.column-style.five-column li,
.rdy-clients-shortcode.column-style.six-column li
width: 33.2% !important;
.rdy-clients-shortcode.column-style.border-opened_edges.three-column li:nth-child(3) .client-logo,
.rdy-clients-shortcode.column-style.border-opened_edges.four-column li:nth-child(3) .client-logo,
.rdy-clients-shortcode.column-style.border-opened_edges.five-column li:nth-child(3) .client-logo,
.rdy-clients-shortcode.column-style.border-opened_edges.six-column li:nth-child(3) .client-logo
border-right-style: none!important;
@media handheld, only screen and (max-width: 767px)
.rdy-clients-shortcode.column-style.three-column li,
.rdy-clients-shortcode.column-style.four-column li,
.rdy-clients-shortcode.column-style.five-column li,
.rdy-clients-shortcode.column-style.six-column li
width: 49.8% !important;
.rdy-clients-shortcode.column-style.border-opened_edges.three-column li:nth-child(2) .client-logo,
.rdy-clients-shortcode.column-style.border-opened_edges.four-column li:nth-child(2) .client-logo,
.rdy-clients-shortcode.column-style.border-opened_edges.five-column li:nth-child(2) .client-logo,
.rdy-clients-shortcode.column-style.border-opened_edges.six-column li:nth-child(2) .client-logo
border-right-style: none!important;
/* Button */
html.no-touch
.rdy_button
&.hover-shadow.move-top:hover
transform: translateY(-4px);
&.shadow1:not(.hover-shadow)
box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
&.shadow2:not(.hover-shadow)
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
&.shadow3:not(.hover-shadow)
box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.35);
&.shadow4:not(.hover-shadow)
box-shadow: 0px 20px 20px -5px rgba(0,0,0,0.3);
&.shadow5:not(.hover-shadow)
box-shadow: 0px 10px 63px -14px rgba(0,0,0,0.75);
&.shadow6:not(.hover-shadow)
box-shadow: 0px 35px 45px -20px rgba(0,0,0,0.75);
&.shadow1.hover-shadow:hover
box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
&.shadow2.hover-shadow:hover
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
&.shadow3.hover-shadow:hover
box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.35);
&.shadow4.hover-shadow:hover
box-shadow: 0px 20px 20px -5px rgba(0,0,0,0.3);
&.shadow5.hover-shadow:hover
box-shadow: 0px 10px 63px -14px rgba(0,0,0,0.75);
&.shadow6.hover-shadow:hover
box-shadow: 0px 35px 45px -20px rgba(0,0,0,0.75);
.rdy_button
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: 700;
cursor: pointer;
min-width: 0;
transition: color .3s ease-in-out, background .3s ease-in-out, border .3s ease-in-out, box-shadow .35s ease-out, transform .3s ease-out, padding 300ms cubic-bezier(.175,.885,.32,1.275) !important;
padding: 14px 24px;
font-size: 12px;
line-height: 100%;
color #000
text-decoration none
opacity .999
overflow: visible
&.amination-outside
&.small:hover
padding-left 26px
padding-right 26px
&.medium:hover
padding-left 32px
padding-right 32px
&.large:hover
padding-left 36px
padding-right 36px
&.x-large:hover
padding-left 44px
padding-right 44px
&.xx-large:hover
padding-left 52px
padding-right 52px
&.amination-inside
&.small:hover
padding-left 12px
padding-right 12px
&.medium:hover
padding-left 16px
padding-right 16px
&.large:hover
padding-left 20px
padding-right 20px
&.x-large:hover
padding-left 28px
padding-right 28px
&.xx-large:hover
padding-left 36px
padding-right 36px
&.amination-bgfill
position: relative
span, i
position: relative
z-index 2
&:hover
color: #fff
&:before
top: 0 !important;
//&:before
.bgfill
content: '';
position: absolute;
display: block;
//background-color: #000;
//top: 100%;
//width: 100%;
bottom: 0;
left: 0;
transition: top 0.15s;
//overflow: hidden
top: 0;
right: 0;
bottom: 0;
left: 0;
.background-inner
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform 0.7s cubic-bezier(.19,1,.22,1);
//transform: scaleY(0);
//transform-origin: 0 100%;
background-color: #000;
&:not(.no-radius)
.bgfill
overflow: hidden
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
&.top-t-bottom-back,
&.bottom-t-top-back
.background-inner
transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
//&.flat-dimension
////&.no-radius
// .bgfill
// top: 0px;
// right: 0px;
// bottom: 0px;
// left: 0px;
//&:hover .bgfill .background-inner
// transform: scaleY(1);
// transform-origin: 0 0;
&.top-t-bottom
.background-inner
transform: scaleY(0);
transform-origin: 0 100%;
&:hover
.background-inner
transform: scaleY(1);
transform-origin: 0 0;
&.bottom-t-top
.background-inner
transform: scaleY(0);
transform-origin: 0 0;
&:hover
.background-inner
transform: scaleY(1);
transform-origin: 0 100%;
&.left-t-right
.background-inner
transform: scaleX(0);
transform-origin: 100% 0;
&:hover
.background-inner
transform: scaleX(1);
transform-origin: 0 0;
&.right-t-left
.background-inner
transform: scaleX(0);
transform-origin: 0 0;
&:hover
.background-inner
transform: scaleX(1);
transform-origin: 100% 0;
&.top-t-bottom-back
.background-inner
transform: scaleY(0);
transform-origin: 0 0;
&:hover
.background-inner
transform: scaleY(1);
&.bottom-t-top-back
.background-inner
transform: scaleY(0);
transform-origin: 0 100%;
&:hover
.background-inner
transform: scaleY(1);
&.left-t-right-back
.background-inner
transform: scaleX(0);
transform-origin: 0 100%;
&:hover
.background-inner
transform: scaleX(1);
&.right-t-left-back
.background-inner
transform: scaleX(0);
transform-origin: 0 0;
&:hover
.background-inner
transform: scaleX(1);
&.outline-dimension.outline-btn-light
.bgfill .background-inner
background-color: #fff !important;
.rdy_button_align.inline
.rdy_button
margin-right 10px
.rdy_button.outline-dimension
border-width: 2px!important;
border-style: solid!important;
.rdy_button.outline-dimension.large
padding-top: 18px;
padding-bottom: 18px;
.rdy_button_align
&.center
display: block!important;
text-align: center;
&.left
text-align: left;
&.right
text-align: right;
&.fullwidth-button
display: block!important;
.rdy_button
display: block!important;
margin-left: auto!important;
margin-right: auto!important;
.rdy_button
&.small
padding: 12px 18px;
font-size: 10px;
line-height: 100%;
&.medium
padding: 14px 24px;
font-size: 12px;
line-height: 100%;
&.large
padding: 20px 28px;
font-size: 16px;
line-height: 100%;
&.x-large
padding: 28px 36px;
font-size: 16px;
line-height: 100%;
&.xx-large
padding: 38px 44px;
font-size: 18px;
line-height: 100%;
&.outline-dimension
border-width: 2px!important;
border-style: solid!important;
&.d3-dimension.dark-color,
&.d2-dimension.dark-color
color: #333!important;
text-shadow: 0 1px rgba(255,255,255,.5);
&.flat-dimension.dark-color
color: #333!important;
&.d3-dimension.light-color,
&.d2-dimension.light-color
color: #fff;
text-shadow: 0 1px rgba(0,0,0,.4);
&.flat-dimension.light-color
color: #fff;
&.d3-dimension.dark-color:hover,
&.d2-dimension.dark-color:hover,
&.flat-dimension.dark-color:hover
color: #333;
&.d3-dimension.light-color:hover,
&.d2-dimension.light-color:hover,
&.flat-dimension.light-color:hover
color: #fff;
&.d3-dimension,
&.d2-dimension
color: #fff;
text-shadow: 0 1px rgba(0,0,0,.4);
&.d3-dimension
box-shadow: inset 0 1px 0 rgba(0,0,0,.3);
&.d3-dimension:active
top: 2px;
&.d2-dimension
background-image: linear-gradient(top,rgba(0,0,0,.07),rgba(0,0,0,.15));
box-shadow: inset 0 0 1px rgba(0,0,0,.8);
&.outline-dimension.outline-btn-dark
border-color: #252525!important;
color: #252525;
&.outline-dimension.outline-btn-dark:hover
background-color: #252525;
color: #fff;
&.outline-dimension.outline-btn-light
border-color: #fff!important;
color: #fff;
&.outline-dimension.outline-btn-light:hover
background-color: #fff;
color: #252525;
.rdy-icon
margin-right 10px
&.icon-align-right
.rdy-icon
margin-left 10px
margin-right 0
.rdy_button
&.rdy_btn_anim
position: relative;
overflow: hidden;
&.rdy_btn_anim
&.side-1,
&.side-2,
&.side-3
i
position: absolute;
transition: right .2s ease-out, left .2s ease-out, opacity .2s ease-out;
opacity: 0;
span
position: relative;
transition: right .2s ease-out, left .2s ease-out, opacity .2s ease-out;
backface-visibility: hidden;
&.small
padding: 12px 22px;
&.xx-large
padding: 38px 48px;
&:hover
i
opacity: 1 !important;
&.side-3
&.small
padding: 12px 38px;
&.medium
padding: 14px 44px;
&.large
padding: 20px 48px;
&.x-large
padding: 28px 56px;
&.xx-large
padding: 38px 64px;
&.icon-align-right
i
right: 40px;
&.small,
&.medium,
&.large
i
right: 30px;
&:hover
&.small
i
right: 16px;
&.medium
i
right: 22px;
&.large
i
right: 20px;
&.x-large
i
right: 22px;
&.xx-large
i
right: 28px;
&.icon-align-left
i
left: 40px;
&.small,
&.medium,
&.large
i
left: 30px;
&:hover
&.small
i
left: 16px;
&.medium
i
left: 22px;
&.large
i
left: 20px;
&.x-large
i
left: 22px;
&.xx-large
i
left: 28px;
&.side-2
&.icon-align-right
i
right: 10px;
span
left:0
&.small,
&.medium,
&.large
i
right: 5px;
&:hover
&.small
i
right: 12px;
span
left: -8px !important;
&.medium
i
right: 15px;
span
left: -10px !important;
&.large
i
right: 17px;
span
left: -12px !important;
&.x-large
i
right: 22px;
span
left: -12px !important;
&.xx-large
i
right: 25px;
span
left: -15px !important;
&.icon-align-left
i
left: 10px;
span
right:0
&.small,
&.medium,
&.large
i
left: 5px;
&:hover
&.small
i
left: 12px;
span
right: -8px !important;
&.medium
i
left: 15px;
span
right: -10px !important;
&.large
i
left: 17px;
span
right: -12px !important;
&.x-large
i
left: 22px;
span
right: -12px !important;
&.xx-large
i
left: 25px;
span
right: -15px !important;
&.side-1
&.icon-align-right
i
right: 32px;
span
left:0
&.small
i
right 18px
&.medium
i
right 18px
&.large
i
right 24px
&.x-large
i
right 24px
&:hover
&.small
i
right: 14px;
span
left: -8px;
&.medium
i
right: 14px;
span
left: -10px;
&.large
i
right: 15px;
span
left: -12px;
&.x-large
i
right: 18px;
span
left: -12px;
&.xx-large
i
right: 26px;
span
left: -16px;
&.icon-align-left
i
left: 32px;
span
right 0
&.small
i
left 18px
&.medium
i
left 18px
&.large
i
left 24px
&.x-large
i
left 24px
&:hover
&.small
i
left: 14px;
span
right: -8px;
&.medium
i
left: 14px;
span
right: -10px;
&.large
i
left: 15px;
span
right: -12px;
&.x-large
i
left: 18px;
span
right: -12px;
&.xx-large
i
left: 26px;
span
right: -16px;
&:hover
i
opacity: 1 !important;
&.bi-t
backface-visibility: hidden;
i
position: absolute;
display: block;
height: 100%;
width: 100%;
margin 0 !important
top: -100%;
left 0
transition: left .3s ease-out, top .3s ease-out, translateY .3s ease-out, transform .3s ease-out;
&:before
position absolute
top 50%
left 50%
transform: translateX(-50%) translateY(-50%);
span
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
transition: translateY .3s ease-out, top .3s ease-out, transform .3s ease-out;
backface-visibility: hidden;
transform: translate(0,0);
&.bi-l
backface-visibility: hidden;
i
position: absolute;
display: block;
height: 100%;
width: 100%;
margin 0 !important
top 0
left -100%
transition: left .3s ease-out, top .3s ease-out, translateY .3s ease-out, transform .3s ease-out;
&:before
position absolute
top 50%
left 50%
transform: translateX(-50%) translateY(-50%);
span
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
transition: translateY .3s ease-out, top .3s ease-out, transform .3s ease-out;
backface-visibility: hidden;
transform: translate(0,0);
&:hover
&.rdy_btn_anim.bi-t i
top 0
&.rdy_btn_anim.bi-l i
left 0
&:hover.small.rdy_btn_anim.bi-t span
transform: translateY(360%);
&:hover.medium.rdy_btn_anim.bi-t span
transform: translateY(310%);
&:hover.large.rdy_btn_anim.bi-t span
transform: translateY(310%);
&:hover.x-large.rdy_btn_anim.bi-t span
transform: translateY(310%);
&:hover.xx-large.rdy_btn_anim.bi-t span
transform: translateY(310%);
&:hover.rdy_btn_anim.bi-l span
transform: translateX(200%);
/* Progress */
.vc_progress_bar .vc_single_bar .vc_label
font-size 13px
.vc_progress_bar.open
.vc_tip
opacity: 1 !important
.vc_progress_bar.rdy-style
.vc_single_bar_wrap
margin-bottom: 11.66666667px;
.vc_single_bar
margin-bottom 0
padding-bottom 0
background-color: #ebebeb;
.vc_bar
transition: width 2s cubic-bezier(.7,0,.38,1);
.vc_tip
position: absolute;
right: -0px;
top: -25px;
padding: 4px 7px!important;
background-color: #333;
color: #fff;
line-height: 12px!important;
font-size: 11px!important;
display: block;
font-weight: normal!important;
border-radius: 2px 2px 2px 2px;
opacity: 0
transition opacity .9s
&:after
border-color: #333 transparent;
border-style: solid;
border-width: 5px 5px 0;
bottom: -5px;
content: "";
display: block;
left: 12px;
position: absolute;
width: 0;
.vc_progress_bar
.vc_label_text
.vc_label_units
padding-left: 11px
.vc_progress_bar.rdy-style.rdy_text_top
.vc_label_text
margin-bottom 4px
padding-bottom 0
.vc_progress_bar.rdy-style.rdy_text_bottom
.vc_label_text
margin-bottom 0
padding-bottom 0
/* Counter */
.b_counter_holder
display: table;
position: relative
opacity: 0;
transition: opacity .4s ease 0s;
margin: 0 auto;
font-family: 'Open Sans', sans-serif;
&.inline
display: inline-block
.symbol-wrap
font-family: inherit !important;
font-size: inherit;
font-weight: inherit;
&.sym-valign-middle .counter.motion .digit
vertical-align: super;
border 1px solid red
&.sym-valign-middle .counter.zero
border 1px solid red
.counter_sym
vertical-align: super;
font-size: 40px;
.b_counter_inner
//display: table-cell;
//vertical-align middle
.counter_sym
line-height: 100%
.b_counter_holder.boxed_counter
border: 0 solid #eaeaea;
padding: 55px 40px;
background-color:transparent;
.b_counter_holder.circle_counter
.b_counter_inner
text-align center
.b_count_align
height 100%
display: flex;
align-items: center;
justify-content: center;
.b_counter_holder.boxed_counter.circle_counter
border-radius: 50%;
width: 220px;
height: 220px;
padding: 0 !important;
.b_counter_holder.content_left
text-align: left;
.b_counter_holder.content_right
text-align: right;
.b_counter_holder.content_center
text-align: center;
padding: 20px 40px;
.b_counter_holder span.counter
font-size: 60px;
line-height: 1.2em;
font-weight: 300;
display: inline-block !important;
height: 1em;
white-space:nowrap;
.b_counter_holder span .digit
height: 1.2em;
display: inline-block;
.b_counter_holder p.counter_text
font-weight: 600;
letter-spacing:1px;
margin: 12px 0 0 00;
.b_counter_holder .counter.motion .digit span:not(.in-sight)
transform: translateY(-100%);
opacity: 0;
.b_counter_holder .counter.motion .digit span
display: inline-block;
.b_counter_holder .counter.motion .digit .symbol-wrap
display: inline-block;
/* Separator */
.rdy_separator.center
margin-left auto
margin-right auto
.rdy_separator.normal
border 0
border-color #000
border-style solid
.rdy_separator
h2
margin-top 0
margin-bottom 0
&.vc_sep_holder
border 0 !important
.rdy_separator
&.wave1,
&.wave2,
&.zigzag1,
&.zigzag2,
&.cross
.vc_sep_line
display: none !important
.vc_separator
&.vc_icon_align_center
text-align: center;
h4
padding: 0 0.8em;
text-align center
&.vc_icon_align_left
.rdy_icon_element-icon
margin: 0 !important;
padding: 0 20px 0 0;
.vc_sep_holder
width: 100%;
.vc_sep_holder.vc_sep_holder_l
display: none;
&.vc_icon_align_right
.rdy_icon_element-icon
margin: 0 !important;
padding: 0 0 0 20px;
.vc_sep_holder
width: 100%;
.vc_sep_holder.vc_sep_holder_r
display: none;
.rdy_separator.wave1
background url(../images/separator/wave1_black.svg) repeat-x center
height 10px
.rdy_separator.wave1.color-grey
background url(../images/separator/wave1_grey.svg) repeat-x center
.rdy_separator.wave1.color-white
background url(../images/separator/wave1_white.svg) repeat-x center
.rdy_separator.wave2
background url(../images/separator/wave2_black.svg) repeat-x center
height 10px
.rdy_separator.wave2.color-grey
background url(../images/separator/wave2_grey.svg) repeat-x center
.rdy_separator.wave2.color-white
background url(../images/separator/wave2_white.svg) repeat-x center
.rdy_separator.zigzag1
background url(../images/separator/zigzag1_black.svg) repeat-x center
height 10px
.rdy_separator.zigzag1.color-grey
background url(../images/separator/zigzag1_grey.svg) repeat-x center
.rdy_separator.zigzag1.color-white
background url(../images/separator/zigzag1_white.svg) repeat-x center
.rdy_separator.zigzag2
background url(../images/separator/zigzag2_black.svg) repeat-x center
height 10px
.rdy_separator.zigzag2.color-grey
background url(../images/separator/zigzag2_grey.svg) repeat-x center
.rdy_separator.zigzag2.color-white
background url(../images/separator/zigzag2_white.svg) repeat-x center
.rdy_separator.cross
background url(../images/separator/cross_black.svg) repeat-x center
height 10px
.rdy_separator.cross.color-grey
background url(../images/separator/cross_grey.svg) repeat-x center
.rdy_separator.cross.color-white
background url(../images/separator/cross_white.svg) repeat-x center
@media screen and (min-width: 992px)
.rdy_separator.animate
width:0;
.rdy_separator.animate.rdy_sep_vertical
height 0
.rdy_separator.animate1.start-animation
transition: width .8s cubic-bezier(0.19, 1, 0.22, 1)
.rdy_separator.animate2.start-animation
transition: width .8s cubic-bezier(0.19, 1, 0.22, 1)
.rdy_separator.rdy_sep_vertical.animate1.start-animation
transition: height .8s cubic-bezier(0.19, 1, 0.22, 1)
.rdy_separator.rdy_sep_vertical.animate2.start-animation
transition: height .8s cubic-bezier(0.19, 1, 0.22, 1)
.b_counter_holder .rdy_separator
background-color: #eaeaea;
margin: 20px auto 25px auto;
display block
height 1px
max-width 60px
.b_counter_holder .rdy_separator.vc_sep_pos_align_left
margin-left: 0 !important;
margin-right: auto !important;
.b_counter_holder .rdy_separator.vc_sep_pos_align_right
margin-left: auto !important;
margin-right: 0 !important;
.rdy_icon_element-icon
display inline-block
width: auto !important;
.b_counter_holder
.rdy_separator
.wave
width 80px
.wave2
width 76px
/* Pie chart */
.b_percentage
position: relative;
.b_percentage canvas
position: absolute;
top: 0;
left: 0;
.b_pie_chart_holder
display: block;
margin: 0 0 30px;
opacity: 0;
transition: opacity .3s ease 0s;
.b_percentage
font-size: 14px;
font-weight: 500;
color: #303030;
text-align: center;
margin: 0 auto;
opacity: 0;
transition: opacity .3s ease 0s;
-webkit-backface-visibility: hidden;
.b_pie_chart_holder .tocounter
float: none;
margin: 0;
.b_pie_chart_holder i,
.b_percentage_with_icon i
float: none;
margin: 0;
vertical-align: middle !important;
color: #b9b9b9;
.b_pie_chart_holder .pie_chart_text,
.b_pie_chart_with_icon_holder .pie_chart_text
text-align: center;
margin: 28px 0 0;
.b_pie_chart_holder .pie_chart_text .pie_title,
.b_pie_chart_with_icon_holder .pie_chart_text .pie_title
margin: 0 0 0.35em;
.b_pie_chart_holder .rdy_separator.small
background-color: #eaeaea;
margin: 10px auto 12px auto;
/* Icon with text */
.b_icon_with_title
display: block;
position: relative;
.block-link
margin-top 20px
&:hover
text-decoration underline
&.top
&.circle,
&.square
.rdy_icon_element
text-align center !important
&.align-left
&,
.rdy_icon_element,
.icon_text_holder
text-align left
&.align-center
&,
.rdy_icon_element,
.icon_text_holder
text-align center
&.align-right
&,
.rdy_icon_element,
.icon_text_holder
text-align right
.b_icon_with_title .icon_holder
float: left;
display: inline-block;
position: relative;
z-index: 2;
padding 1px
padding-right: 20px
.b_icon_with_title .icon_text_holder
position: relative;
.b_icon_with_title.top
.icon_holder
padding-right 0 !important
.icon_text_holder
width 100%
display: table
.b_icon_with_title.tiny.square .icon_text_holder,
.b_icon_with_title.medium .icon_text_holder
padding: 0 0 0 56px;
.b_icon_with_title.large .icon_text_holder
padding: 0 0 0 65px;
.b_icon_with_title.large .icon_holder
text-align: center;
.b_icon_with_title.very_large .icon_text_holder
padding: 0 0 0 84px;
.b_icon_with_title.tiny.circle .icon_text_holder
padding 0
.b_icon_with_title.tiny.boxed .icon_text_holder,
.b_icon_with_title.tiny.circle .icon_text_holder,
.b_icon_with_title.tiny.icon_image .icon_text_holder
padding: 0 0 0 55px;
.b_icon_with_title.small.square .icon_text_holder,
.b_icon_with_title.small.boxed .icon_text_holder,
.b_icon_with_title.small.circle .icon_text_holder,
.b_icon_with_title.small.icon_image .icon_text_holder
padding: 0 0 0 72px;
.b_icon_with_title.medium.circle .icon_text_holder
padding: 0 0 0 119px;
.b_icon_with_title.medium.boxed .icon_text_holder,
.b_icon_with_title.medium.icon_image .icon_text_holder,
.b_icon_with_title.medium.square .icon_text_holder
padding: 0 0 0 95px;
.b_icon_with_title.large.boxed .icon_text_holder,
.b_icon_with_title.large.circle .icon_text_holder,
.b_icon_with_title.large.icon_image .icon_text_holder,
.b_icon_with_title.large.square .icon_text_holder
padding: 0 0 0 122px;
.b_icon_with_title.very_large.boxed .icon_text_holder,
.b_icon_with_title.very_large.circle .icon_text_holder,
.b_icon_with_title.very_large.icon_image .icon_text_holder,
.b_icon_with_title.very_large.square .icon_text_holder
padding: 0 0 0 150px;
.b_icon_with_title.left_from_title .icon_text_holder
padding: 0 !important;
.b_icon_with_title.tiny.top .icon_text_holder,
.b_icon_with_title.small.top .icon_text_holder,
.b_icon_with_title.medium.top .icon_text_holder,
.b_icon_with_title.large.top .icon_text_holder,
.b_icon_with_title.very_large.top .icon_text_holder,
.b_icon_with_title.tiny.boxed.top .icon_text_holder,
.b_icon_with_title.tiny.circle.top .icon_text_holder,
.b_icon_with_title.small.boxed.top .icon_text_holder,
.b_icon_with_title.small.circle.top .icon_text_holder,
.b_icon_with_title.medium.boxed.top .icon_text_holder,
.b_icon_with_title.medium.circle.top .icon_text_holder,
.b_icon_with_title.large.boxed.top .icon_text_holder,
.b_icon_with_title.large.circle.top .icon_text_holder,
.b_icon_with_title.very_large.boxed.top .icon_text_holder,
.b_icon_with_title.very_large.circle.top .icon_text_holder,
.b_icon_with_title.tiny.icon_image.top .icon_text_holder,
.b_icon_with_title.small.icon_image.top .icon_text_holder,
.b_icon_with_title.medium.icon_image.top .icon_text_holder,
.b_icon_with_title.large.icon_image.top .icon_text_holder,
.b_icon_with_title.very_large.icon_image.top .icon_text_holder
padding: 0;
.b_icon_with_title .rdy_icon_element
display: block;
text-align: center;
position: relative;
z-index: 1;
color: #333;
width: 100%;
.b_icon_with_title.circle .fa,
.b_icon_with_title.circle .hi-icon-effect-1 .fa:after
border-radius: 50%;
.b_icon_with_title .typcn:before
width: auto !important;
height: auto !important;
font-size: inherit !important;
.box_holder_icon
.b_icon
position: relative
display: inline-block
.b_icon_with_title.top .rdy_icon_element
display: inline-block
.b_icon_with_title.top .icon_holder
float: none;
display: block;
margin: 0 0 20px;
.b_icon_with_title.top .icon_holder
width: 100%!important;
.box_holder_icon_inner.circle .fa-stack,
.circle .icon_holder .fa-stack
border-radius: 50%;
.b_icon_with_title .icon_holder
> span
display: inline-block
.b_icon_with_title .icon_holder .fa-stack,
.box_holder_icon_inner .fa-stack,
.b_font_awsome_icon_square,
.b_font_awsome_icon_stack i.fa-stack-base
transition: all .1s linear;
backface-visibility: hidden;
box-sizing: initial;
.b_icon_with_title .icon_text_holder .icon_title
margin: 0 0 15px;
padding-top: 8px;
color text-color
.b_icon_with_title.top .icon_text_holder
padding-left 0 !important
.b_icon_with_title.top .icon_holder,
.b_icon_with_title.left_from_title .icon_holder
position: relative
.b_icon_with_title.large .icon_text_holder .icon_title
margin-bottom: 0.35em;
.b_icon_with_title .icon_with_title_link
display: inline-block;
margin: 13px 0 0;
.b_icon_with_title .icon_with_title_link:hover
color: #303030;
.b_icon_with_title .icon_holder.b_icon_animation,
.box_holder_icon_inner.b_icon_animation
transform: scale(0);
transition: all 0.4s ease;
backface-visibility: hidden;
.b_icon_with_title .icon_holder.b_icon_animation.b_show_animation,
.box_holder_icon_inner.b_icon_animation.b_show_animation
transform: scale(1.0);
.b_icon_with_title .icon_holder .fa-stack,
.box_holder_icon_inner .fa-stack,
.b_font_awsome_icon _square,
.b_font_awsome_icon _stack i.fa-stack-base
border: 0 solid #c0c0c0;
transition: all 0.1s linear;
box-sizing: initial;
.b_font_awsome_icon _stack i.fa-stack-base
border:none;
.b_icon_with_title .icon_text_holder
position: relative;
.b_icon_with_title span.fa-stack i:last-child
font-size: 0.7em;
color: #c0c0c0;
transition: all 0.1s ease-in-out;
.b_icon_with_title.circle span.fa-stack i:last-child
font-size: 0.9em;
.b_icon_with_title span.fa-stack.custom-font i:last-child
font-size: 0.7em;
.b_icon_with_title .icon_text_inner
display: table-cell
font-size 14px
.b_icon_with_title .icon_text_inner p
font-size 14px
.b_icon_with_title .icon_title_holder
display: table;
width: 100%;
height: 100%;
margin:0 0 12px;
.b_icon_with_title .icon_title_holder .icon_holder
display: table-cell;
text-align: center;
height: 100%;
vertical-align: middle;
float:none;
padding:0 15px 0 0;
box-sizing: content-box;
.b_icon_with_title .icon_title_holder .icon_holder span
position:relative;
top:2px;
.b_icon_with_title .icon_text_holder .icon_title_holder .icon_title
display: table-cell;
margin: 0 0 0;
vertical-align: middle;
width: 100%;
.touch .no_animation_on_touch .b_icon_animation
transform: scale(1.0);
.b_icon_with_title a:hover .block-link
text-decoration underline
.b_icon_with_title .icon_content_holder p
margin-bottom 0
/* List */
.b_list
line-height: 100%
font-size 14px
font-weight 400
ul
margin 0 !important
li
font-size inherit
list-style none !important
a
transition color .3s
&.hover-text-light
a,
li
&:hover
color: #fff
&.hover-text-dark
a,
li
&:hover
color: #000
.b_list.circle ul,
.b_list.number ul
display: block;
list-style-type: none;
margin: 0;
padding: 0;
.b_list.number ul
counter-reset: li;
.b_list.number.circle_number li
padding-left: 43px;
margin-bottom: 10px;
.b_list.circle ul>li,
.b_list.number ul>li
position: relative;
padding-top: 5px
padding-bottom: 5px
color: #020202;
.b_list.outline ul>li .rdy_icon
line-height 26px
.b_list.outline ul>li:before
border-radius 50%
border-width 1px
border-style solid
.b_list.bg_color ul>li:before
border-radius 50%
.b_list ul>li
padding-left: 31px
position: relative;
padding-top: 8px;
padding-bottom: 8px;
transition background .3s, color .3s
.b_list.none ul>li
padding-left: 0
.b_list.bullet ul>li .rdy_icon
font-size: 7px;
line-height: inherit;
.b_list[data-animation="true"] ul li
opacity: 0;
left: -20px;
.b_list.icon ul>li
padding-top: 3px;
padding-bottom: 3px;
.b_list.number ul>li
padding-top: 2px;
padding-bottom: 2px;
.b_list.icon ul>li,
.b_list.number ul>li
padding-left 40px
line-height: 26px;
.b_list.circle ul>li:before
position: absolute;
left: 0;
width: 7px;
height: 7px;
top: 9px;
background-color: #ababab;
display: block;
content: '';
border-radius: 25px;
.b_list.number ul>li:before
height: 27px;
width: 27px;
line-height: 25px;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
padding: 0;
content: counter(li, decimal);
counter-increment: li;
text-align: center;
font-weight: 500;
transform: translateY(-50%);
.b_list ul>li .rdy_icon
height: 27px;
width: 27px;
line-height: inherit;
display: inline-block;
transform: translateY(-50%);
position: absolute;
left: 0;
top: 50%;
border-radius: 50%
text-align center
&.gi-dots
height: 7px !important;
line-height: 7px !important;
&.gi-dash
height: inherit;
line-height: inherit;
.b_list.icon ul>li .fa:after
height: 27px;
width: 27px;
display: inline-block;
position: absolute;
left: -8px;
top: -4px;
padding: 0;
content: '';
border-radius 50%
z-index: -1
.b_list.number.number_zero ul>li:before
content: counter(li, decimal-leading-zero);
.b_list.number.circle_number ul>li:before
color: #fff;
border-radius: 2em;
height: 31px;
width: 31px;
line-height: 31px;
top: 50%;
transform: translateY(-50%);
.b_list.number.circle_border ul>li:before
line-height: 30px;
.b_list.separator ul>li:after
content: '';
width: 100%;
height: 1px;
border-bottom 1px solid #eee
position: absolute;
bottom: 0;
left: 0;
.b_list.bold ul>li:before
font-weight: bold !important;
/* Message */
.b_message
position: relative;
padding: 26px 30px;
.b_message .b_message_inner
position: relative;
.b_message.with_icon .b_message_icon_holder
padding: 0 27px 0 0;
width: 1px
.b_message.with_icon .b_message_icon
display: table;
height: 100%;
.b_message.with_icon .b_message_icon_inner
display: table-cell;
height: 100%;
vertical-align: middle;
.b_message.with_icon > i
line-height: 1em;
.b_message.with_icon img
float: left;
.b_message a.close
position: absolute;
top: -19px;
right: -23px;
line-height: 13px;
color: #fff;
.b_message a.close i
width: 14px;
height: 14px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
.b_message
&.uppercase
.message_text
text-transform: uppercase;
.message_text
display: table;
height: 100%;
font-weight: 700;
font-size: 18px;
letter-spacing: 1px;
.b_message .message_text_holder
padding: 0 20px 0 0;
.b_message .message_text_inner
display: table-cell;
height: 100%;
vertical-align: middle;
p
margin-bottom 0 !important
.b_message.with_icon .message_text_holder
padding: 0 20px 0 0;
.b_message.uppercase
.message_text_inner *
text-transform uppercase
/* Icon List */
.b_icon_list
.b_icon_list > a
display: flex;
align-items: center;
.b_icon_list
margin-bottom 10px
.rdy-icon
width: 36px;
min-width: 36px;
height: 36px;
line-height: 35px;
&.fa
&.vc_li
line-height: 36px;
.b_icon_list p
font-size: 15px;
line-height 100%
font-weight: 400;
margin: 0px;
padding: 0 0 0 4px;
position: relative;
color: #303030;
.b_icon_list.with-background p
padding-left: 12px !important;
.b_icon_list.with-border .rdy-icon
line-height: 32px;
.b_icon_list i
color: #000;
font-size: 18px;
//line-height: 35px;
//height: 35px;
//width: 35px;
text-align: center;
border-radius: 2em;
//position absolute
display: block
margin-right 0
&.img
line-height: 0;
margin-right 5px
.b_icon_list i.transparent
background: transparent;
border: 0;
color: #ababab;
/* Toogle */
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon
display: inline-block;
width: 12px;
margin-left: 5px;
height: 2px;
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_title .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_round .vc_toggle_title .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_rounded .vc_toggle_title .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_square .vc_toggle_title .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_content .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_round .vc_toggle_content .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_rounded .vc_toggle_content .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_square .vc_toggle_content .vc_toggle_icon,
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content .vc_toggle_icon
left auto
right 0
.vc_toggle_size_md.vc_toggle_default .vc_toggle_title,
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content
padding-left: 0 !important
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before
height: 12px;
width: 2px;
.vc_toggle.vc_toggle_default .vc_toggle_icon::before
height: 12px;
width: 2px;
.vc_toggle_size_md .vc_toggle_icon::before
height: 2px;
width: 12px;
.vc_toggle_default .vc_toggle_icon,
.vc_toggle_default .vc_toggle_icon::before,
.vc_toggle_default .vc_toggle_icon::after
border: 0 !important;
background: #000;
border-radius 2px
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after
width: 12px;
height: 2px;
.vc_toggle.vc_toggle_default .vc_toggle_icon::after
width: 12px;
height: 2px;
.vc_toggle_size_md .vc_toggle_icon::after
height: 12px;
width: 2px;
.vc_toggle_default .vc_toggle_icon::before,
.vc_toggle_default .vc_toggle_icon::after
content: '';
display: block;
left: 50%;
position: absolute;
top: 50%;
box-sizing: border-box;
transform: translate(-50%, -50%);
background: #000;
transition opacity .5s
.vc_toggle_default.vc_toggle_active .vc_toggle_icon::before,
.vc_toggle_default.vc_toggle_active .vc_toggle_icon::after
visibility: visible;
opacity 0
.counter.animated.pulse
animation-duration .2s !important
.rdy_portfolio_container:not(.rdy_portfolio_list)
overflow hidden
.rdy-portfolio-container
&[data-items-animation]
.grid-item > .hentry
opacity 0
&.title-shadow1
.title_wrap
h2
text-shadow: 0 2px 10px rgba(0,0,0,.3);
&.title-shadow2
.title_wrap
h2
text-shadow: 0 3px 15px rgba(0,0,0,.35);
&.title-shadow3
.title_wrap
h2
text-shadow: 0 6px 25px rgba(0,0,0,.3);
&.active-border .grid-item figure .picture
z-index 2
&.active-border
.grid-item figure .picture:before
content ''
display: block
border-width 0
border-style solid
position: absolute
z-index: 4
top -1px
left -1px
right -1px
bottom -1px
&.active-border-fade
.grid-item figure .picture:before
opacity 0
.grid-item figure
&:hover .picture:before
opacity 1
&.active-border
.grid-item .picture:before
transition border-width .25s, opacity .45s
.grid-item figure
&:hover .picture:before
transition border-width .35s, opacity .45s
h2,
.description
line-height: 100%;
.description
margin-top 8px
&.hover-10,
&.hover-11
.figcaption
z-index: 2
padding-top 24px
padding-bottom 27px
.description
margin-top 14px
h2,
.description
line-height 100%
.figcaption_wrap
position: absolute
top:0;
left:0
bottom:0
right:0
.figcaption
position: absolute
cursor: default;
&.hover-1
.grid-item
.picture
a, .img
transition: all 0.4s;
img, .img
transform: scale(1);
transition: all 0.4s;
.figcaption
width: 100%
height: 100%
top 0
position: absolute
text-align center
transform: scale(1.3);
transition: transform 0.4s;
opacity: 0
padding 0 20px
.col-table
width: 100%
height: 100%
figure
&:hover
.picture
img, .img
transform: scale(1.05);
.figcaption
transform: scale(1);
opacity: 1
.overlay
opacity .3
&.no-gutter
.grid-item
.picture
img, .img
transform: scale(1.01);
&.hover-2
.grid-item
.picture
a, .img
transition: all 0.4s;
.figcaption
width: 100%
height: 100%
top 0
position: absolute
text-align center
transition: opacity 0.4s;
opacity: 0
padding 0 20px
.col-table
width: 100%
height: 100%
figure
&:hover
.figcaption
opacity: 1
.overlay
opacity .1
&.hover-3
.grid-item
.picture
a
position: relative
a, .img
transition: all 0.4s;
.figcaption
width: 100%
height: 100%
top 0
position: absolute
text-align left
transition: opacity 0.9s;
padding 0 40px 40px 40px
.col-table
width: 100%
height: 100%
.col-td
vertical-align bottom
h2, p
line-height: 100% !important;
transition: all 0.5s;
opacity: 0
transform: translate(-40px, 0px);
p
transition-delay:0.2s;
figure
&:hover
.figcaption
h2, p
opacity: 1
transform: translate(0px, 0px);
.overlay
opacity .3
&.hover-4
.grid-item
figure
> a.mainlink
position absolute
top 0
left 0
right 0
bottom 0
z-index 5
.picture
a
position: relative
a, .img
transition: all 0.4s;
img, .img
transform: scale(1.08);
transition: all 0.6s;
.figcaption
width: 100%
height: 100%
top 0
position: absolute
text-align left
padding 0 40px 40px 40px
z-index: 3
.col-table
width: 100%
height: 100%
.col-td
vertical-align bottom
h2,
.description
top: 100px;
opacity: 0;
position: relative
transition-property: top, opacity;
transition-duration: .3s;
transition-delay: 0s;
figure
.picture
&:after
content: '';
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
width: 100%;
height: 100%;
opacity: 1;
position: absolute;
top: 200%;
left: 0;
z-index: 2;
transition-property: top, opacity;
transition-duration: .3s;
&:hover
.picture
img, .img
transform: scale(1);
&:after
top: 70%;
opacity: 1;
.overlay
opacity .9
h2,
.description
opacity: 1
top 0
h2
transition-delay: 0.15s;
.description
transition-delay: 0.25s;
&.hover-5
.grid-item
.picture
a, .img
transition: all 0.4s;
.figcaption
width: 100%
height: 100%
top 0
position: absolute
text-align left
vertical-align top
transition: transform 0.4s;
opacity: 1
padding 30px 30px
figure
&:hover
.overlay
opacity .3
&.hover-6
.grid-item
.label
width: 100%
height: 100%
top 0
position: absolute
padding 10px
&:hover
.figcaption
transform: translateY(0);
opacity: 1;
filter: unquote("alpha(opacity=100)");
color: inherit
h2
transform: translateY(0);
opacity: 1;
filter: unquote("alpha(opacity=100)");
.label_fill
height: 100% !important;
opacity: 1;
filter: unquote("alpha(opacity=100)");
.figcaption
position: relative;
width: 100%;
height: 100%;
padding: 20% 15% 0 10%;
box-sizing: border-box;
transition-property: opacity,color,transform;
transition-duration: .6s;
transition-timing-function: cubic-bezier(0.535,0.000,0.210,1.000);
text-align left
transform: translateY(-10%);
opacity: 0;
filter: unquote("alpha(opacity=0)");
h2
transform: translateY(-60%);
opacity: 0;
filter: unquote("alpha(opacity=0)");
transition-property: opacity,transform;
transition-duration: .6s;
transition-timing-function: cubic-bezier(0.535,0.000,0.210,1.000);
.label_body
position: relative
width 100%
height: 100%
.label_fill
background: #fff;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0
transition-property: height;
transition-duration: .4s
transition-timing-function: cubic-bezier(0.535,0.000,0.210,1.000);
&.hover-10
.grid-item
.picture
a
transition: all 0.3s;
.figcaption
position: relative
text-align left
figure
&:hover
.overlay
opacity .6
&.hover-11
.grid-item
.picture
img, .img
transform: scale(1);
transition: all 4s cubic-bezier(.19,1,.22,1) 0ms;
.figcaption
position: relative
text-align left
figure
&:hover
.picture
img, .img
transform: scale(1.05);
.overlay
opacity .6
&.type-height
.grid-item
.picture
.img
background-repeat no-repeat
background-position 50% 50%
background-size cover
.figcaption
width: 100%
height: 100%
top 0
position: absolute
text-align left
vertical-align top
padding 40px
.title_wrap
display: inline-block
opacity: 1
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
.description
margin-bottom 0
.col-table
height 100%
.col-td
vertical-align top
figure
&:hover
.overlay
opacity .3
&.caption-valign-middle
.col-table
.col-td
vertical-align middle
&.caption-valign-bottom
.col-table
.col-td
vertical-align bottom
&.hover-title-zoom_in
figure
&:hover
.title_wrap
transform: scale(1.2) !important;
opacity 0
&.hover-title-zoom_out
figure
&:hover
.title_wrap
transform: scale(.7);
opacity 0
&.hover-zoom_in
.picture
a, .img
transition: all 0.4s;
img, .img
transform: scale(1.01);
transition: all 0.4s;
figure
&:hover
.picture
img, .img
transform: scale(1.05);
.figcaption
transform: scale(1);
opacity: 1
&.hover-zoom_out
.grid-item
.picture
a, .img
transition: all 0.4s;
img, .img
transform: scale(1.08);
transition: all 0.6s;
figure
&:hover
.picture
img, .img
transform: scale(1.01);
&.hover-zoom_in,
&.hover-title-zoom_in
&.hover-speed-slow
figure
&:hover
.picture
.img
transform: scale(1.2) !important;
.picture
.img
transition: transform 7500ms ease-out 0ms;
.overlay,
.figcaption
transition: transform 3000ms ease-out 0ms, opacity 750ms ease-out 0ms;
&.hover-fade_in
figure
.figcaption
transition: all 0.6s;
opacity: 0
&:hover
.figcaption
opacity: 1
&.hover-fade_out
figure
.figcaption
transition: all 0.6s;
opacity: 1
&:hover
.figcaption
opacity: 0
.rdy-portfolio-container
article
position: relative
height: 100%;
.figcaption
cursor pointer
h2,
.description
transition color .3s
&.no-gutter
.grid-item
padding 0
margin-bottom 0 !important
.grid-sizer
height: 0 !important
.grid-item
margin-bottom 20px
padding-left 0
padding-right 0
backface-visibility hidden
article
overflow: hidden;
a,
.picture
display: block
overflow: hidden;
line-height 0
text-align: center;
backface-visibility: hidden;
.picture
position: relative
.figure
position: relative
.figcaption
z-index: 4
.description
margin-bottom 0
.overlay
display: inline-block;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
position: absolute;
transition: opacity .4s ease-in-out;
visibility: visible;
overflow: hidden;
z-index: 3;
&.content-bottom
.figcaption
position: relative
&.rdy-grid
.grid-item
margin-bottom 20px
padding-left 0
padding-right 0
&.rdy-masonry-adv
.picture
height: 100%;
width: 100%;
position: absolute;
.item-content
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background-color: #eeeeee;
background-repeat no-repeat
box-sizing: border-box;
text-align: center;
padding: 0;
background-size: cover;
background-position: center center;
overflow: hidden;
display: block;
transform: scale(1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
&.hover-1,
&.hover-11
.grid-item .picture .img
transform: scale(1.01);
&.hover-4
figure
&:hover
.picture
img, .img
transform: scale(1.01);
&.hover-10,
&.hover-11
.grid-item .figcaption
width: 100%
height: 100%
top 0
position: absolute
opacity: 0
display: none
&.content-bottom
.item-content
bottom: 80px
&.type-list
&.align-right
article
text-align right
&.align-center
article
text-align center
article
height: auto
> a
display: block
article, h2, p
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
&.type-list-divider
article:after
content: '';
width: 100%;
height: 1px;
border-bottom: 1px solid #eee;
position: absolute;
bottom: 0;
left: 0;
&.list-animation
.hentry
opacity: 0;
&[data-animation="slideLeftIn"]
.hentry
transform: translateX(-30px);
&[data-animation="slideUpIn"]
.hentry
transform: translateY(30px);
.hentry a
padding 10px 0
p
margin-bottom 0
.rdy-portfolio-container
.figcaption
width 100%
&.content-left
.figcaption
text-align left !important
&.content-center
.figcaption
text-align center !important
&.content-right
.figcaption
text-align right !important
.portfolio-image-responsive-size
visibility: hidden;
display: block;
top: 0;
position: relative;
width: 100%;
padding-top: 100%;
.grid-item .picture
margin-right: -0.5px;
&:not(.type-height) .grid-item .picture .img.img-gif-square
position: absolute;
height: 100%;
width: 100%;
top:0;
left:0;
display: flex;
align-items: center;
justify-content: center;
.grid-item .picture .img.img-gif
transform: scale(1) !important;
.rdy-portfolio-container
figure
> a.link
height: 100%;
width: 100%;
position: absolute;
top: 0
z-index: 4
.rdy_gallery
figure
.hover-element
height: 100%;
width: 100%;
position: absolute;
top 0
z-index: 3
&.element-color-dark
svg rect
fill: #000000 !important
svg
position: absolute;
top 50%
left 50%
transform: translateX(-50%) translateY(-50%);
opacity 0
transition: opacity 0.7s cubic-bezier(.19, 1, .22, 1)
rect:nth-child(1)
transform: translateY(0)
rect:nth-child(2)
transform: translateX(0)
rect:nth-child(3)
transform: translateY(0)
rect:nth-child(4)
transform: translateX(0)
&:hover
svg
opacity 1
transition: opacity 0.5s cubic-bezier(.19, 1, .22, 1)
article .figcaption
cursor: default
&.with-link article .figcaption
article.with-link .figcaption
cursor: pointer !important
//&.without-link article .figcaption
// cursor: default !important
// cursor: pointer;
&.hover-4 .grid-item figure
&:before
display: none !important
.figcaption
position relative !important
opacity: 1 !important
padding-top: 24px !important;
padding-bottom: 27px !important;
transform none !important
*
top: 0 !important
opacity: 1 !important
@media (max-width: 992px)
.rdy-portfolio-container .grid-item article
transform translateY(0) !important
.rdy_social_share
&.vertical
a
display: block
&.align-center
a
margin-left auto
margin-right auto
&.align-right
a
margin-left auto
margin-right 0
&.use-brand-color
.fa-facebook:after
background-color: #3b5998
.fa-twitter:after
background-color: #00aced
.fa-pinterest:after
background-color: #cb2027
.fa-google-plus:after
background-color: #dd4b39
.fa-linkedin:after
background-color: #007bb6
&.align-left
.post-share-buttons
text-align left
&.align-center
.post-share-buttons
text-align center
&.align-right
.post-share-buttons
text-align right
/* Testimonials */
.testimonial-content
line-height 160%
ul.owl-testimonials
padding 0 60px
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
@media (max-width: 768px)
.owl-testimonials:not(.owl-hide-arrows)
padding 0 30px
.owl-testimonials
.owl-nav
display: none;
position: absolute
bottom 0
left 0
width 100%
text-align center
div
display: inline-block
position: static
margin 0 10px
@media (min-width: 768px)
.owl-testimonials
padding 0 80px
.owl-testimonials
.owl-nav
div
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
margin: 0;
.owl-prev
left 30px
.owl-next
right 30px
.owl-testimonials.dark .owl-nav .owl-prev,
.owl-testimonials.dark .owl-nav .owl-next
border 2px solid rgba(51,51,51,0.4)
&:hover
border 2px solid rgba(51,51,51,0.7)!important;
.owl-testimonials.dark .owl-nav .owl-next,
.owl-testimonials.dark .owl-nav .owl-prev
&:before
color: rgba(51,51,51,0.4);
&:hover:before
color: rgba(51,51,51,0.7)!important;
.owl-testimonials.light .owl-nav .owl-prev,
.owl-testimonials.light .owl-nav .owl-next
border 2px solid rgba(255,255,255,0.4)
&:hover
border 2px solid rgba(255,255,255,0.7)!important;
.owl-testimonials.light .owl-nav .owl-next,
.owl-testimonials.light .owl-nav .owl-prev
&:before
color: rgba(255,255,255,0.4);
&:hover:before
color: rgba(255,255,255,0.7) !important;
@media (max-width: 991px)
.owl-testimonials
padding-left: 30px;
padding-right: 30px;
@media (min-width: 992px)
.owl-testimonials
padding 0 120px
@media (min-width: 1200px)
.owl-testimonials:not(.owl-hide-arrows)
padding 0 200px
.owl-testimonials.owl-hide-arrows
padding 0 !important
.testimonial-vcard
margin-top 25px
text-align center
.meta-inner
text-align: center;
display: inline-block;
.col-table
width 100%
.text-left .text-primary
text-align left
.author-img
&.text-left
.avatar
margin-bottom 0
&.col-td
.avatar img
margin-bottom 0
margin-right 20px
.text-primary
font-weight bold
margin-bottom 0
color #333
a
color #333
&:hover
text-decoration underline
.text-secondary
color #333
font-size 12px
.avatar
display block
margin-bottom 20px
img
display inline !important
width auto !important
transform-style flat !important
&.circle
img
border-radius: 50%;
.owl-testimonials
&.right
.testimonial-vcard,
.meta-inner
text-align right
&.left
.testimonial-vcard,
.meta-inner
text-align left
&.center
.testimonial-content
text-align center
&.right
.testimonial-content
text-align right
.owl-dots
left: 0;
width: 100%
padding-top 30px
.owl-carousel.rdy_products_carousel
&.products
padding-left: 40px !important;
padding-right: 40px !important;
.owl-carousel:not(.product-big-image)
position: relative;
.owl-item
li
list-style none
.gi
text-align center
font-size 25px
margin-bottom 23px
margin-left: auto;
margin-right: auto;
display block
.owl-dots
margin-top:0
text-align:center
.owl-nav
.owl-prev, .owl-next
position absolute
border 2px solid rgba(51,51,51,.5);
border-radius 100%
width 52px
height 52px
font-family: FontAwesome !important;
line-height 48px
font-size 25px
transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
text-align: center;
cursor pointer
&:hover
border-color rgba(51,51,51,1);
.owl-prev
&:before
color rgba(51,51,51,.5);
content: "\f104"
margin-right 4px
transition: color 200ms ease-in-out;
&:hover
&:before
color rgba(51,51,51,1) !important;
.owl-next
&:before
color rgba(51,51,51,.5);
content: "\f105"
margin-left 4px
transition: color 200ms ease-in-out;
&:hover
&:before
color rgba(51,51,51,1) !important;
.owl-dots
left: 0;
width: 100%
padding-top 30px
.owl-dot
margin-top: 5px;
display: inline-block;
zoom: 1;
.owl-dot span
display: block;
width: 8px;
height: 8px;
margin: 5px 4px;
background: 0 0;
border: 1px solid rgba(51,51,51,.5);
border-radius: 100%
&:hover
border-color rgba(51,51,51,1) !important;
.owl-dot.active span, .owl-dot:hover span
background: rgba(51,51,51,.5);
&:hover
background rgba(51,51,51,1) !important;
&.dark
color #000
.testimonial-content > a,
.text-primary,
.text-primary a,
.text-secondary
color #000 !important
&.light
color #fff
.testimonial-content > a,
.text-primary,
.text-primary a,
.text-secondary
color #fff !important
.owl-prev, .owl-next
border-color rgba(255,255,255,.3);
&:before
color rgba(255,255,255,.3);
&:hover
border-color rgba(255,255,255,1);
&:before
color rgba(255,255,255,1) !important;
.owl-dot span
border: 1px solid rgba(255,255,255,.3);
&:hover
border-color rgba(255,255,255,1) !important;
.owl-dot.active span, .owl-dot:hover span
background: rgba(255,255,255,.3);
&:hover
background rgba(255,255,255,1) !important;
&.products
.product-item
margin-bottom 0
.price
margin-bottom 0
.owl-nav
.owl-next,
.owl-prev
border 0
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
.owl-nav-container
position: relative
top: -40px
i
font-size: 30px !important;
//&:before
// display none
.owl-next
right: 0px;
.owl-prev
left: 0px;
&.color-light
color #fff
.owl-prev, .owl-next
&:before
color rgba(255,255,255,.8);
&:hover
&:before
color rgba(255,255,255,1) !important;
.owl-dot span
border: 1px solid rgba(255,255,255,.8);
&:hover
border-color rgba(255,255,255,1) !important;
.owl-dot.active span, .owl-dot:hover span
background: rgba(255,255,255,.8);
&:hover
background rgba(255,255,255,1) !important;
.owl-hide-arrows
.owl-nav
display none !important
.owl-hide-dots
.owl-dots
display none !important
.owl-testimonials,
.owl-instagram
.owl-nav
.owl-prev, .owl-next
position absolute
border 2px solid rgba(51,51,51,.5);
border-radius 100%
width 52px
height 52px
font-family: FontAwesome !important;
line-height 48px
font-size 25px
transition: border-color 200ms ease-in-out, color 200ms ease-in-out;
text-align: center;
cursor pointer
&:hover
border-color rgba(51,51,51,1);
.owl-prev
&:before
color rgba(51,51,51,.5);
content: "\f104"
margin-right 4px
transition: color 200ms ease-in-out;
&:hover
&:before
color rgba(51,51,51,1) !important;
.owl-next
&:before
color rgba(51,51,51,.5);
content: "\f105"
margin-left 4px
transition: color 200ms ease-in-out;
&:hover
&:before
color rgba(51,51,51,1) !important;
/* Team */
ul.rdy_team
margin-left: 0 !important
margin-right: 0 !important
margin-bottom: 0 !important
.img
box-sizing: border-box;
line-height: 0
&.animation-border
a .img
cursor: pointer
.img
position: relative
&:before
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
box-sizing: border-box;
transition: border-color 300ms ease;
border-style solid
border-color transparent
&.animation-border-size-3 .img:before
border-width 3px
&.animation-border-size-5 .img:before
border-width 6px
&.animation-border-size-10 .img:before
border-width 10px
&.animation-border-size-15 .img:before
border-width 15px
&.animation-border-size-20 .img:before
border-width 20px
.info
font-size 50px
display block
color #fff
position absolute
&:before
display: block
position absolute
top 50%
left 50%
margin-top -25px
margin-left -25px
.team-container
padding: 20px
.team-wrapper
position relative
.rdy_separator
border-color #333;
margin-top: 20px;
margin-bottom: 15px;
.team-desc
> a
display: block
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
&.align-center,
&.align-justify
text-align center
.team-content
margin-right 15px
margin-left 15px
&.align-justify
.team-content
text-align justify
&.align-right
text-align right
.rdy_separator
opacity: .3
.team-author
.rdy_separator
border-color: #fff;
.team-author-name
font-weight bold
margin-top 20px
margin-bottom 6px
.fa
//color rgba(0,0,0,.6) !important
margin-left 4px
vertical-align: super;
font-size: 12px;
p
font-size 12px
margin-bottom 0
line-height 100%
a
color text-color
&:hover
color anchor-color
.team-content
font-size 11px
&.with-job
margin-top 25px
&.no-separator
.team-content
margin-top 20px
.soc-ico
margin-top 25px
a:not(.icon)
display: none !important
a
padding 0 10px 10px 10px
color text-color
display: inline-block !important;
font-size 18px
opacity .6
&:hover
opacity .9
.rdy_team
.team-container
&.hover0
margin-bottom 50px
&.hover1
.team-content-wrapper
position: absolute
left: 20px
right: 20px
backface-visibility hidden
&.valign-top
top 20px
&.valign-middle
top 50%
transform: translateY(-50%);
bottom: auto
&.valign-bottom
bottom: 20px
.team-desc
position absolute
top 0
bottom 0
left 0
right 0
opacity 0
transition opacity 600ms ease;
color #fff
padding 20px
&:before
content ''
position absolute
top 0
bottom 0
left 0
right 0
background-color rgba(0,0,0,.6)
.rdy_separator
border-color #fff !important
opacity .7 !important
.soc-ico a
color #fff
&:hover
color #fff
&:hover
opacity 1
.team-content p
color #fff
.team-author
.team-author-name,
.team-author-name .fa,
p
color #fff
.team-author
.team-author-name
margin-top 0 !important
a
color #fff
.rdy_separator
border-color #fff;
&.hover2
.team-wrapper
overflow hidden
.team-author
.team-author-name, p
margin 0 !important
padding 0 !important
.soc-ico
margin-top 8px
.team-desc
position absolute
left 0
right 0
padding 10px 20px
transition: bottom 300ms;
width 100%
bottom: -55%;
background: #FFF;
&:hover
.team-desc
bottom:0
.team-item
position: relative;
transition: all 0.35s ease-in-out;
.team-item,
.team-item *
box-sizing: border-box;
.team-item img
width: 100%;
height: 100%;
.team-item
position: relative;
.team-item .img
position: relative;
.team-item .img:before
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
transition: all 0.35s ease-in-out;
.team-item .info
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
backface-visibility: hidden;
.team-item.circle,
.team-item.circle .info,
.team-item.circle .img,
.team-item.circle .img:before,
.team-item.circle .img img
border-radius: 50%;
.team-item.effect19.colored .info
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
.team-item.effect19 .info
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transform: scale(0);
transition: all 0.3s ease-in-out;
.team-item.effect19:hover .info
opacity: 1;
transform: scale(.8);
/* Image Hover */
.rdy_image_hover
position: relative;
display: inline-block;
width: 100%;
&.hide_back
figure:hover img.active_image
opacity 0
figure
position: relative;
display: inline-block;
max-width: 100%
.rdy_image_hover figure img.active_image,
.rdy_image_hover figure img.hover_image
transition: all .3s ease-in-out;
backface-visibility: hidden;
transform: translateZ(0px);
.rdy_image_hover figure img.active_image
opacity: 1;
position: relative;
display: block;
.rdy_image_hover figure img.hover_image
opacity: 0;
.rdy_image_hover figure img.hover_image
position: absolute;
top: 0;
left: 0;
.rdy_image_hover figure:hover img.hover_image
opacity: 1;
/* Rdy Instagram */
.rdy_instagram
ul
margin-bottom 0px !important
padding 0
ul:not(.owl-carousel)
margin-left: -15px !important
margin-right: -15px !important
ul.owl-carousel
margin-left: 0 !important
margin-right: 0 !important
.meta
position: absolute;
width: 100%;
height: 100%;
top: 0;
text-align: center;
transition: opacity .3s ease-in-out;
opacity 0
font-size 16px
z-index 1
span
position: absolute;
width: 100%
left: 0
top: 50%;
transform: translateY(-50%);
color: #fff
z-index: 2
i:last-child
padding-left 20px
li:hover
.meta
opacity 1
&.gap-0
ul:not(.owl-carousel)
margin-left: 0 !important
margin-right: 0 !important
li
padding: 0;
&.gap-5
ul:not(.owl-carousel)
margin-left: -2.5px !important
margin-right: -2.5px !important
li
padding: 0 2.5px 5px;
&.gap-10
ul:not(.owl-carousel)
margin-left: -5px !important
margin-right: -5px !important
li
padding: 0 5px 10px;
&.gap-15
ul:not(.owl-carousel)
margin-left: -7.5px !important
margin-right: -7.5px !important
li
padding: 0 7.5px 15px;
&.gap-20
ul:not(.owl-carousel)
margin-left: -10px !important
margin-right: -10px !important
li
padding: 0 10px 20px;
&.gap-25
ul:not(.owl-carousel)
margin-left: -12.5px !important
margin-right: -12.5px !important
li
padding: 0 12.5px 25px;
&.gap-30
ul:not(.owl-carousel)
margin-left: -15px !important
margin-right: -15px !important
li
padding: 0 15px 30px;
.owl-item
li
list-style none
.owl-instagram
margin: 0
.owl-nav
div
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(51,51,51,.3)
.owl-prev, .owl-next
line-height: 52px
border 0 !important;
transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out;
&:before
position: relative
color rgba(255,255,255,.9);
transition: color .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out;
&:hover
background-color: rgba(51,51,51,.6)
&:before
color rgba(255,255,255,1) !important;
.owl-prev
&:hover
&:before
animation-name: arrow-prev;
animation-timing-function: linear;
animation-duration: .3s;
.owl-next
&:hover
&:before
animation-name: arrow-next;
animation-timing-function: linear;
animation-duration: .3s;
.owl-nav
.owl-prev
left 25px
.owl-next
right 25px
&.nav-outside
.owl-nav
.owl-prev
left -60px
.owl-next
right -60px
li
.image
position: relative
line-height 0
a
position: absolute
display: block
z-index: 2
width: 100%
height: 100%
&:before
&:after
content ''
display: block
position: absolute
width 100%
height: 100%
z-index: 1
top 0
&:after
display: none
&.hover-1
li
.image
&:after
display block
border: 0 solid #333;
transition: border .3s ease-in-out;
box-sizing: border-box;
&.with-overlay
li
.image
&:before
opacity: 0
transition: opacity .3s ease-in-out;
&:hover
.image
&:before
opacity: 1
&.hover-3
li
.image
overflow hidden
img
transform scale(1)
transition: all 4s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
&:hover
img
transform scale(1.2)
&.hover-4
li
.image
overflow hidden
img
transform scale(1.2)
transition: all 4s cubic-bezier(0.19, 1, 0.22, 1) 0ms;
&:hover
img
transform scale(1)
/* Custom Headling */
.vc_custom_heading .rotate_m90
transform rotate(-90deg);
transform-origin: left top 0;
height: 0
.vc_custom_heading .rotate_90
transform rotate(90deg);
transform-origin: left top 0;
height: 0
.vc_custom_heading
h1, h2, h3, h4, h5, h6, p
position: relative
.vc_custom_heading span.gradient
position: relative;
z-index: 11;
color: transparent
.vc_custom_heading span.hilight
&.shadow1
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
&.shadow2
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
&.shadow3
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
&.shadow4
text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
&.shadow5
text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.22);
&.shadow6
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
&.shadow7
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
&.shadow8
text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
&.shadow9
text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.26);
&.shadow10
text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
.vc_custom_heading span.alt
position: absolute;
z-index: 13;
height: 120%;
top: 0
left: 0
right: 0
.text
text-shadow none
position:relative
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
.vc_custom_heading
h1, h2, h3, h4, h5, h6, p
line-height: 100%
&.inline
display: inline-block
&[data-text-animate="char"]
&[data-text-animate="word"]
span.hilight
opacity 0
&.text-animation-triggered
span.hilight.blast-root
opacity 1
&[data-text-animate="char"]
span.hilight
.blast-root
display: inline-block
em
font-style normal
/* Single Image */
.wpb_single_image
position: relative
&.inline
float: left;
p
padding-top 8px
padding-bottom 10px
.img-overlay,
.img-overlay canvas
position: absolute
width 100%
height 100%
top 0
left 0
.img-overlay canvas
opacity .6
.img-overlay.glitch canvas
opacity 1
.vc_single_image-wrapper
overflow hidden
position relative
.vc_row
&.rdy-canvas-effect
overflow hidden
.fx-motion
opacity 0
transition opacity .6s ease-in-out
&.loaded
opacity 1
.fx-motion
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
min-width: 100%;
img
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
max-width: none;
opacity: 0;
canvas
position: absolute
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
/* Last Post */
.rdy_latest_post
ul
margin 0 !important
li
padding 0
.post_infos
display: block
margin-bottom 10px
.read-more
display: block
&.bold
font-weight: bold
.boxes_image
margin-bottom 20px
&.carousel
li
margin-bottom: 0 !important
&.image_in_box
h3
line-height: 100% !important
margin-bottom: 10px;
.latest_post_image
width 33%
float:left
padding-right 20px
.latest_post_text
width 65%
float:left
&.background-white
ul li .latest_post
background #fff
/* Row */
.vc_row.vc_row-o-content-bottom
display: flex;
align-items: flex-end;
box-sizing: border-box;
.vc_column_container.hover-shadow
> .vc_column-inner
z-index: 2
position: relative
&:hover
z-index: 3
html.no-touch
.vc_column_container.hover-shadow.move-top:hover> .vc_column-inner
transform: translateY(-4px);
.vc_column_container.shadow1.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow1.hover-shadow:hover img
box-shadow: 0 0 5px 2px rgba(0,0,0,0.15);
.vc_column_container.shadow2.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow2.hover-shadow:hover img
box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
.vc_column_container.shadow3.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow3.hover-shadow:hover img
box-shadow: 0 0 15px 7px rgba(0,0,0,0.2);
.vc_column_container.shadow4.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow4.hover-shadow:hover img
box-shadow: 0 0 30px 1px rgba(0,0,0,0.3);
.vc_column_container.shadow5.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow5.hover-shadow:hover img
box-shadow: 0 0 35px 5px rgba(0,0,0,0.2);
.vc_column_container.shadow6.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow6.hover-shadow:hover img
box-shadow: 0 0 40px 10px rgba(0,0,0,0.2);
.vc_column_container.shadow7.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow7.hover-shadow:hover img
box-shadow: 0 10px 30px 5px rgba(0,0,0,0.2);
.vc_column_container.shadow8.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow8.hover-shadow:hover img
box-shadow: 0 15px 40px 10px rgba(0,0,0,0.22);
.vc_column_container.shadow9.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow9.hover-shadow:hover img
box-shadow: 0 30px 40px 10px rgba(0,0,0,0.22);
.vc_column_container.shadow10.hover-shadow:hover> .vc_column-inner,
.rdy-portfolio-container.shadow10.hover-shadow:hover img
box-shadow: 0 18px 55px 10px rgba(0,0,0,0.24);
.vc_row.shadow1:not(.hover-shadow),
.vc_column_container.shadow1:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow1:not(.hover-shadow) article
box-shadow: 0 0 5px 2px rgba(0,0,0,0.15);
.vc_row.shadow2:not(.hover-shadow),
.vc_column_container.shadow2:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow2:not(.hover-shadow) article
box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
.vc_row.shadow3:not(.hover-shadow),
.vc_column_container.shadow3:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow3:not(.hover-shadow) article
box-shadow: 0 0 15px 7px rgba(0,0,0,0.2);
.vc_row.shadow4:not(.hover-shadow),
.vc_column_container.shadow4:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow4:not(.hover-shadow) article
box-shadow: 0 0 30px 1px rgba(0,0,0,0.3);
.vc_row.shadow5:not(.hover-shadow),
.vc_column_container.shadow5:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow5:not(.hover-shadow) article
box-shadow: 0 0 35px 5px rgba(0,0,0,0.2);
.vc_row.shadow6:not(.hover-shadow),
.vc_column_container.shadow6:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow6:not(.hover-shadow) article
box-shadow: 0 0 40px 10px rgba(0,0,0,0.2);
.vc_row.shadow7:not(.hover-shadow),
.vc_column_container.shadow7:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow7:not(.hover-shadow) article
box-shadow: 0 10px 30px 5px rgba(0,0,0,0.2);
.vc_row.shadow8:not(.hover-shadow),
.vc_column_container.shadow8:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow8:not(.hover-shadow) article
box-shadow: 0 15px 40px 10px rgba(0,0,0,0.22);
.vc_row.shadow9:not(.hover-shadow),
.vc_column_container.shadow9:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow9:not(.hover-shadow) article
box-shadow: 0 30px 40px 10px rgba(0,0,0,0.22);
.vc_row.shadow10:not(.hover-shadow),
.vc_column_container.shadow10:not(.hover-shadow) > .vc_column-inner,
.rdy-portfolio-container.shadow10:not(.hover-shadow) article
box-shadow: 0 18px 55px 10px rgba(0,0,0,0.24);
.wpb_row .wpb_column > .vc_column-inner,
.wpb_row.vc_inner > .wpb_column
//transition background-color .3s, box-shadow .3s, transform .9s
transition: background-color .3s linear, transform 0.2s linear, box-shadow 0.2s linear;
.wpb_row .wpb_column > a
display: block
.wpb_column > .wpb_wrapper > a > *:last-child
margin-bottom: 0;
.wpb_single_image.fullwidth_image
.vc_single_image-wrapper,
img
width 100%
.vc_column_container
&.column_vertical_align_center
display: flex;
> .vc_column-inner
width: 100%
justify-content: center;
&.column_vertical_align_bottom
display: flex;
//align-items: center;
> .vc_column-inner
width: 100%
justify-content: flex-end;
.wpb_text_column
position relative
em
font-style italic
blockquote
display: block;
margin-left: 1em;
.woocommerce
ul.products
list-style none !important
padding-left 0
.wpb_wrapper
.wpb_text_column
ul
list-style disc
padding-left 1em
.ui-tabs-hide
position: absolute !important;
left: -9999999px
/* MailChimp */
.mc4wp-form
margin: 0;
.mc4wp-form-fields
display: table
width 100%
form.mc4wp-form input
border: 0
padding: 0
appearance: none;
border-radius 0
padding: 16px 10px;
form.mc4wp-form label
display: none;
form.mc4wp-form p:first-child input
width 100%
display: inline-block;
background: rgba(255, 255, 255, 1);
padding-left 10px
padding-right 10px
border 1px solid #c6c6c8
form.mc4wp-form p:nth-child(2) input
background: rgba(0,0,0,1);
color: #fff
font-weight: bold
border: 1px solid transparent;
transition background .2s
form.mc4wp-form p
display: table-cell;
margin-bottom: 0;
form.mc4wp-form p:first-child
width: 75%;
input
max-width: 100%;
form.mc4wp-form p:nth-child(2)
width: 25%;
input
width 100%
padding-left: 15px;
padding-right: 15px;
cursor pointer
form.mc4wp-form
display: inline-block
width 100%
.rdy_mc4wp_form
&.align-center
margin-left auto
margin-right auto
&.align-right
margin-left auto
margin-right 0
&.shadow
.mc4wp-form
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
/* Countdown */
.rdy-countdown-timer
&.align-center
text-align center !important
&.align-left
text-align left !important
&.align-right
text-align right !important
&.style2
.rdy-countdown-cell-inner
display: inline-block
.rdy-countdown-time,
.rdy-countdown-time-label
display: block
text-align center
.rdy-countdown-cell
margin-right 14px
.rdy-countdown-time-label
margin-left 5px
&:last-child
margin-right 0 !important
/* Video Lightbox */
.rdy-video-lightbox-container
&.align-left
margin-left 0 !important
margin-right auto !important
text-align: left;
&.align-center
margin-left auto !important
margin-right auto !important
text-align: center;
&.align-right
margin-left auto !important
margin-right 0 !important
text-align: right;
.rdy-video-lightbox
p
margin 0
line-height: 100%;
&.text-color-dark
p
color #000
&.text-color-light
p
color #fff
&.play_button
display: inline-block
.text
display: inline-block;
vertical-align: middle;
margin-left: 20px
text-align: left;
.play
position: relative;
width: 80px;
height: 80px;
//margin: 0 30px;
display: inline-block;
vertical-align: middle;
&:before
display: block;
position: absolute;
content: ' ';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
border-radius: 200px;
box-sizing: border-box;
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
svg
display: block;
//position relative
z-index: 11
height: 100%;
width: 100%;
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
&.size-play-40 svg.play_icon
width: 40%
height: 40%
&.size-play-50 svg.play_icon
width: 50%
height: 50%
&.size-play-60 svg.play_icon
width: 60%
height: 60%
&.size-play-70 svg.play_icon
width: 70%
height: 70%
&.size-play-80 svg.play_icon
width: 80%
height: 80%
&.size-play-90 svg.play_icon
width: 90%
height: 90%
&.size-small
.play
width: 50px;
height: 50px;
.text
margin-left: 15px
&.size-large
.play
width: 110px;
height: 110px;
.text
margin-left: 25px
&.layout1a
&.layout2
&.layout2a
.play
&:after
display: block;
position: absolute;
content: ' ';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
border-radius: 200px;
box-sizing: border-box;
opacity .5
//&:after
// transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
//&:before
// transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
&.layout2
&.layout2a
.play
&:after
&:before
transition: all 0.2s ease-in-out;
.play
&:after
border: 1px solid #000;
&.layout2
.play
&:after
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
&.layout2a
.play
&:after
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: content-box;
opacity 0
svg
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
path
fill: #000;
.play .circle1
stroke: #000;
&.color-light
&.layout1a
.play:after
background #fff
&:hover path
fill: #000 !important;
&.layout0
&.layout1
&.layout2
&.layout1a
&.layout2a
.play:before
.play:after
border-color #fff !important
.play .circle1
stroke: #fff;
path
fill: #fff;
&.layout3
.play:before
background #fff !important
path
fill: #000;
&.layout0
&.play_button
.play:before
border: 2px solid #000;
transform scale(1)
transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
&:hover .play:before
transform scale(1.15)
&.layout1
&.play_button .play:before
border: 0px solid #000;
.circle1
fill: none;
stroke-width: 4;
stroke-miterlimit: 10;
opacity .5
.circle2
fill: none;
stroke-width: 4;
stroke-miterlimit: 10;
opacity 1
stroke-dasharray: 239;
stroke-dashoffset: 239;
transition: 0.6s ease-in-out
-webkit-animation-play-state: running;
&:hover .circle2
stroke-width: 4;
stroke-dashoffset: 0 !important;
-webkit-animation-play-state: paused;
&.layout1a
.circle1
display: none
.play
&:before
border: 2px solid #000;
&:after
opacity 0
background #000;
transform: scale(0.1)
transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1);
&:hover
.play:after
opacity 1
transform: scale(1)
&:hover path
fill: #fff !important;
&.layout2
&.layout2a
&.play_button .play:before
border: 1px solid #000;
//&.play_button .play:after
// transition: all 0.3s ease-in;
svg
margin 0
&.layout2:hover
.play
&:after
transform: scale(1.2);
&.layout2a:hover
.play
&:after
border-width: 6px;
opacity .5
&.layout3
&.play_button .play:before
background #000;
svg
margin 0
path
fill #fff
&:hover .play:before
transform: scale(1.1);
&.layout0
&.layout3
&.animate-icon:hover svg
transform: translate(-50%, -50%) scale(1.3);
html.no-touch
.rdy-video-lightbox
&.shadow1:not(.hover-shadow) .play:before
box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
&.shadow2:not(.hover-shadow) .play:before
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
&.shadow3:not(.hover-shadow) .play:before
box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.35);
&.shadow4:not(.hover-shadow) .play:before
box-shadow: 0px 20px 20px -5px rgba(0,0,0,0.3);
&.shadow5:not(.hover-shadow) .play:before
box-shadow: 0px 10px 63px -14px rgba(0,0,0,0.75);
&.shadow6:not(.hover-shadow) .play:before
box-shadow: 0px 35px 45px -20px rgba(0,0,0,0.75);
&.shadow1.hover-shadow:hover .play:before
box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
&.shadow2.hover-shadow:hover .play:before
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
&.shadow3.hover-shadow:hover .play:before
box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.35);
&.shadow4.hover-shadow:hover .play:before
box-shadow: 0px 20px 20px -5px rgba(0,0,0,0.3);
&.shadow5.hover-shadow:hover .play:before
box-shadow: 0px 10px 63px -14px rgba(0,0,0,0.75);
&.shadow6.hover-shadow:hover .play:before
box-shadow: 0px 35px 45px -20px rgba(0,0,0,0.75);
@media screen and (max-width: 991px)
.rdy-video-lightbox
&.r-align-left
&.r-align-center
&.r-align-right
.text
width: 100%;
margin-top: 20px
margin-left: 0 !important
&.r-align-left
.text
text-align left !important
&.r-align-center
.text
text-align center !important
&.r-align-right
.text
text-align right !important
.wpb_royalslider_element
overflow: hidden
.vc_icon_element.vc_icon_element-align-inline
display: inline-block
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs
max-width: 100% !important;
height: 1.2em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs.vc_icon_element-have-style-inner
width: 2.5em !important;
height: 2.5em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm
max-width: 100% !important;
height: 1.6em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm.vc_icon_element-have-style-inner
width: 3.15em !important;
height: 3.15em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md
max-width: 100% !important;
height: 2.15em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md.vc_icon_element-have-style-inner
width: 4em !important;
height: 4em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg
max-width: 100% !important;
height: 2.85em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner
width: 5em !important;
height: 5em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl
max-width: 100% !important;
height: 5em !important
.vc_icon_element.svg-animation.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl.vc_icon_element-have-style-inner
width: 7.15em !important;
height: 7.15em !important
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue
svg path
stroke: #5472D2 !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-turquoise
svg path
stroke: #00C1CF !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-pink
svg path
stroke: #FE6C61 !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-violet
svg path
stroke: #8D6DC4 !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-peacoc
svg path
stroke: #4CADC9 !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-chino
svg path
stroke: #CEC2AB !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-mulled_wine
svg path
stroke: #50485B !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-vista_blue
svg path
stroke: #75D69C !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-black
svg path
stroke: #2A2A2A !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-grey
svg path
stroke: #EBEBEB !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-orange
svg path
stroke: #F7BE68 !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-sky
svg path
stroke: #5AA1E3 !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-green
svg path
stroke: #6DAB3C !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-juicy_pink
svg path
stroke: #F4524D !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-sandy_brown
svg path
stroke: #F79468 !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-purple
svg path
stroke: #B97EBB !important;
fill: none;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-white
svg path
stroke: #FFF !important;
fill: none;
.vc_icon_element.vc_icon_element-outer
backface-visibility: hidden;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl.vc_icon_element-have-style-inner
width: 9em !important;
height: 9em !important;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner svg
position: relative;
top: 50%;
transform: translateY(-50%);
.vc_icon_element.svg-animation .vc_icon_element-inner
.vc_icon_element-link
z-index: 1;
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs svg
width: 1.2em !important
height: 1.2em !important
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm svg
width: 1.6em !important
height: 1.6em !important
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md svg
width: 2.15em !important
height: 2.15em !important
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg svg
width: 2.85em !important
height: 2.85em !important
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl svg
width: 5em !important
height: 5em !important
//.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner svg
// opacity: 0
//
//.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner svg.init
// opacity: 1
.woocommerce
.products.owl-carousel .product-item
width: 100% !important
wpcf7_form_style1()
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
border-radius: 0;
background: 0 0;
border-bottom: 1px solid #9e9e9e
padding: 20px 0px;
margin-top 10px
font-size 16px
wpcf7_form_style2()
appearance: none;
border: 1px solid transparent;
transition: all 0.2s ease-out;
padding: 20px 0px;
padding-left: 0;
wpcf7_form_style2_hover()
border: 1px solid rgba(187,196,199,0.5);
padding-left: 1.25rem;
wpcf7_form_style3()
display: block;
background: none;
padding: 1.1rem 0.125rem 0.0625rem;
font-size: 1rem;
border-width: 0;
border-color: transparent;
line-height: 1.9;
width: 100%;
transition: all 0.28s ease;
box-shadow: none;
.wpcf7-form-control-wrap
display: block
.wpcf7
input[type="checkbox"]
input[type="radio"]
width auto
span.wpcf7-not-valid-tip
width: 100%;
font-size: 12px
border-top: 2px solid red;
.wpcf7-form
textarea
padding: 16px 10px;
&.style-1
textarea
wpcf7_form_style1()
input
&[type="text"]
&[type="email"]
&[type="url"]
&[type="password"]
&[type="search"]
wpcf7_form_style1()
&.style-2
textarea
input:not([type="submit"])
background-color transparent
textarea
wpcf7_form_style2()
&:hover
wpcf7_form_style2_hover()
input
&[type="text"]
&[type="email"]
&[type="url"]
&[type="password"]
&[type="search"]
wpcf7_form_style2()
&:hover
&:focus
wpcf7_form_style2_hover()
&.style-3
div.action-form-input
position: relative;
& > p
margin-bottom: 30px !important;
input:focus,
textarea:focus
outline: none;
.action-form-input.filled label
font-size: 0.8rem;
color: gray;
top: -0.5rem;
//left: 0;
textarea
wpcf7_form_style3()
input
&[type="text"]
&[type="email"]
&[type="url"]
&[type="password"]
&[type="search"]
wpcf7_form_style3()
.wpcf7-form-control-wrap
select,
input:focus,
textarea:focus
color: #333;
label:hover .helper
color: red
label
position: absolute;
top: 1.05rem;
pointer-events: none;
padding-left: 0.125rem;
z-index: 1;
color: #b3b3b3;
font-size: 1rem;
font-weight: normal;
transition: all 0.28s ease;
.action-form-input
&.filled::after
width: 100%;
left: 0;
&:after
&:before
//position: relative;
//border-bottom: 0.0625rem solid #999;
//display: block;
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: block;
height: 3px;
border-bottom: 1px solid #e0e0e0;
/*content: '';
height: 0.125rem;
width: 0;
left: 50%;
bottom: -0.0625rem;
position: absolute;
background: #337ab7;
transition: left 0.35s ease, width 0.35s ease;
z-index: 2;*/
&:after
display: block;
border-bottom: 2px solid transparent;
//transform: translate3d(-101%, 0, 0);
//transition: transform 0.4s cubic-bezier(0.24, 1, 0.30, 1), border-color 0.2s cubic-bezier(.39,.71,.56,.98);
transition: left 0.35s ease, width 0.35s ease;
bottom: 0px;
width: 0;
/*content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: block;
height: 3px;
border-bottom: 1px solid #e0e0e0;*/
&.linecenter
.action-form-input
&:after
left: 50%;
&.style-1
&.style-2
span.wpcf7-not-valid-tip
position relative
top -2px
&.style-3
span.wpcf7-not-valid-tip
position: absolute;
display: block;
top: 100%!important;
z-index: 1;
margin-top: -2px;
div.wpcf7-response-output
background-color: #fff
margin 0
padding: 10px
.wpcf7-validation-errors
border-color: #f00 !important;
Zerion Mini Shell 1.0