.woocommerce div.product-cart button.update-cart-button{
float:right;
}
.woocommerce-shipping-calculator .shipping-calculator-form{
display:none;
}
.woo-cart-coupon .button:hover,
.cart_totals .button:hover{
background:#474747!important;
}
.clear_wc{
clear:both;
height:0!important;
border:none!important;
}
.product-sidebar .widget,
.sidebar-woocommerce .widget{
margin-bottom:30px;
}
.page-content-product{
padding-bottom:40px;
}
.product-sidebar .widget-title,
.sidebar-woocommerce .widget-title{
font-size: 16px;
margin:0;
position:relative;
line-height:24px;
padding-bottom:20px;
margin-bottom:10px;
text-transform:uppercase;
color:#292929;
}
.product-sidebar .widget-title:before,
.sidebar-woocommerce .widget-title:before{
position:absolute;
bottom:0;
left:0;
width:50px;
border-bottom:3px solid #e6e6e6;
content:'';
}
.woocommerce-product-search input[type=submit]{
position:absolute;
text-indent:9999px;
background:url(//iaimhealthcare.org/wp-content/themes/inmedical/assets/images/search.png) no-repeat center center scroll transparent;
padding:0;
margin:0;
right:0;
top:0;
height:40px;
width:40px;
}
.woocommerce-product-search input.search-field{
border: 1px solid #e7e7e7;
border-radius: 2px;
box-shadow:none;
height: 40px;
line-height: 38px;
padding: 0 45px 0 10px;
width: 100%;
}
.woocommerce-product-search{
position:relative;
margin-top:15px;
}
.widget_price_filter{
border:2px solid #e7e7e7;
}
.widget.widget_price_filter h3.widget-title{
padding:15px 11px 12px 11px;
margin:0;
border-bottom:1px solid #e7e7e7;
font-size:18px;
}
.product-sidebar .widget.widget_price_filter h3.widget-title:before,
.sidebar-woocommerce .widget.widget_price_filter h3.widget-title:before{
display:none;
}
.product-related .product-related-item{
margin-bottom:30px;
}
.widget_price_filter .price_slider_wrapper{
padding:23px 10px 27px 10px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
background:#e1e1e1;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
width:14px;
height:14px;
background:url(//iaimhealthcare.org/wp-content/themes/inmedical/assets/images/bg-slider-handle.png) scroll no-repeat left top transparent;
top:-3px;
margin-left:-7px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle::before{
border-radius: 16px;
content: "";
height: 4px;
left: 5px;
position: absolute;
top: 4px;
width: 4px;
}
.woocommerce .widget_price_filter .price_slider_amount{
text-align:left;
padding-top:10px;
}
.woocommerce .widget_price_filter .price_slider_amount .button{
height:32px;
line-height:32px;
font-weight:300;
font-size:14px;
color:#fff;
padding:0 13px;
border-radius:50px;
margin:0 11px 0 0;
}
.woocommerce .widget_price_filter .price_label{
text-transform:uppercase;
color:#838383;
font-weight:bold;
line-height:32px;
}
.widget_product_categories{
color:#fff;
padding-bottom:12px;
} .sidebar-woocommerce .widget.widget_product_categories h3.widget-title{
padding:15px 10px 13px 13px;
border-bottom:1px solid rgba(255,255,255,0.25);
color:#fff;
font-size:18px;
margin:0;
}
.product-sidebar .widget.widget_product_categories h3.widget-title:before,
.sidebar-woocommerce .widget.widget_product_categories h3.widget-title:before{
display:none;
}
.product-sidebar .widget.widget_product_categories h3.widget-title{
margin: 0px 20px 0px 20px;
border-bottom: 2px solid rgba(255,255,255,0.25);
color: #fff;
font-size: 18px;
padding: 18px 0px 12px 0px;
}
ul.product-categories{
margin: 8px 20px 15px;
padding: 0;
list-style: none;
}
ul.product-categories li a{
color:#ffffff;
}
ul.product-categories li{
color: #ffffff;
padding: 10px 13px;
text-transform: capitalize;
border-bottom: 1px rgba(225, 225, 225, 0.3) solid;
position: relative;
}
ul.product-categories li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: #ffffff;
-webkit-transition: width 0.3s linear;
transition:  width 0.3s linear;
}
ul.product-categories li:hover:after {
width: 100%;
}
ul.product-categories li:last-child {
border: none;
}
ul.product-categories li:last-child:after {
display: none;
}
.default-sidebar .menu li a{
display:block;
color:#fff;
}
.default-sidebar .menu li a:hover{
text-decoration:none;
}
.default-sidebar .menu li > a{
border-bottom:1px solid rgba(255,255,255,0.25);
padding:12px 0 11px 0;
}
.default-sidebar .menu > li:first-child > a{
border:none;
}
.default-sidebar .menu > li:last-child > a{
border-bottom:1px solid rgba(255,255,255,0.25);
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
width:73px;
margin:0;
float:none;
}
.woocommerce ul.product_list_widget .product-image{
float:left;
}
.woocommerce ul.product_list_widget .product-image + .info-products{
margin-left:85px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
padding:21px 0 17px 0;
}
.woocommerce ul.cart_list li + li, .woocommerce ul.product_list_widget li + li{
border-top:1px solid #e4e4e4;
}
.woocommerce ul.product_list_widget li .product-name{
font-weight:bold;
margin-top:-8px;
color:#777777;
}
.woocommerce ul.product_list_widget li .price-box {
font-weight: 700;
}
.woocommerce ul.product_list_widget li .price-box ins {
text-decoration: none;
}
.woocommerce ul.product_list_widget li .price-box del {
color: #838383;
} .woo-list-product-grid .actions{
width:100%;
top:calc(50% - 23px);
left:0;
text-align:center;
position:absolute;
opacity:0;
transition: all ease 0.4s;
}
.woo-list-product-grid:hover .actions{
opacity:1;
}
.woo-list-product-grid .product-image, .woo-list-product-row .product-image{
position:relative;
text-align:center;
padding-top:30px;
}
.woo-list-product-row .product-image{
padding-top:5px;
}
.woo-list-product-grid a.quickview,
.woo-list-product-grid a.add_to_wishlist{
display:inline-block;
height:47px;
width:47px;
line-height:47px;
text-align:center;
color:#fff;
font-size:18px;
border-radius:100px;
margin:0 3px;
}
.woo-list-product-grid, .woo-list-product-row{
border:2px solid #e7e7e7;
margin-bottom:30px;
position:relative;
background:#fff;
}
.woo-list-product-grid .product-image .onsale-label, .woo-list-product-row .onsale-label,
.woo-list-product-grid .product-image span.new-label, .woo-list-product-row span.new-label{
height:52px;
text-align:left;
position:absolute;
width:52px;
left:-2px;
top:-2px;
color:#fff;
font-size:11px;
text-transform:uppercase;
text-indent:5px;
z-index:1;
}
.woo-list-product-grid .product-image .onsale-label, .woo-list-product-row .onsale-label,
.product-detail .product-essential .product-img-box span.onsale-label,
.woo-list-product-grid .product-image span.new-label, .woo-list-product-row span.new-label,
.product-detail .product-essential .product-img-box span.new-label{
overflow:hidden;
}
.woo-list-product-grid .product-image .onsale-label:before, .woo-list-product-row .onsale-label:before,
.product-detail .product-essential .product-img-box span.onsale-label:before,
.woo-list-product-grid .product-image span.new-label:before, .woo-list-product-row span.new-label:before,
.product-detail .product-essential .product-img-box span.new-label:before{
content: "";
height: 100%;
left: -13px;
position: absolute;
top: -42px;
transform: rotate(45deg);
width: 100%;
z-index: -1;
}
.woo-list-product-grid .product-image .onsale-label:before, .woo-list-product-row .onsale-label:before,
.product-detail .product-essential .product-img-box span.onsale-label:before{
border-top: 90px solid #ffae01;
}
.woo-list-product-grid .product-image span.new-label:before, .woo-list-product-row span.new-label:before,
.product-detail .product-essential .product-img-box span.new-label:before{
border-top: 90px solid #49a32b;
}
.woo-list-product-grid .product-name, .woo-list-product-row .product-name{
text-transform:none;
font-weight:600;
font-size:18px;
padding-top:40px;
}
.woo-list-product-row .product-name{
padding-top:0;
}
.woo-list-product-grid .product-name a, .woo-list-product-row .product-name a{
color:#777777;
}
.woo-list-product-grid .info-products{
padding:0 20px 22px 20px;
}
.woo-list-product-grid .add-cart a.add_to_cart_button, 
.woo-list-product-row .actions-box a.add_to_cart_button{
border:2px solid #e8e8e8;
height:32px;
line-height:28px;
padding:0 20px;
font-size:14px;
font-weight:300;
color:#777;
display:inline-block;
border-radius:100px;
}
.woo-list-product-grid .add-cart a.add_to_cart_button i.fa, 
.woo-list-product-row .actions-box a.add_to_cart_button i.fa,
.woo-list-product-row .info-products-list .actions-box a.add_to_wishlist i.fa{
line-height:inherit;
}
.woo-list-product-grid .add-cart a.add_to_cart_button:hover, .woo-list-product-row .actions-box a.add_to_cart_button:hover{
color:#fff;
}
.woo-list-product-grid .price-box, .woo-list-product-row .price-box,
.product-detail .product-essential .product-shop .price-box{
font-size:18px;
font-weight:bold;
text-transform:uppercase;
position:relative;
margin-top:11px;
}
.woo-list-product-grid .price-box:before, .woo-list-product-row .price-box:before,
.product-detail .product-essential .product-shop .price-box:before{
position:absolute;
content:'';
left:0;
width:100%;
top:50%;
z-index:0;
border-bottom:1px solid #d8d8d8;
}
.woo-list-product-grid .price-box ins, .woo-list-product-row .price-box ins,
.product-detail .product-essential .price-box ins{
text-decoration:none;
}
.woo-list-product-grid .price-box del .amount, .woo-list-product-row .price-box del .amount,
.product-detail .price-box del .amount{
color:#838383;
}
.woo-list-product-grid .price-box del, .woo-list-product-row .price-box del,
.product-detail .price-box del{
color:#838383;
}
.woo-list-product-grid .price-box del + ins, .woo-list-product-row .price-box del + ins{
padding-left:10px;
}
.woo-list-product-grid .price-box-inner, .woo-list-product-row .price-box-inner,
.product-detail .product-essential .product-shop .price-box-inner{
background:#fff;
display:inline-block;
padding-right:10px;
position:relative;
}
.woo-list-product-grid .add-cart{
margin-top:19px;
}
.woo-list-product-row{
padding:25px 20px;
color:#838383;
}
.woo-list-product-row .info-products-list .desc{
padding-top:14px;
}
.woo-list-product-row .info-products-list .actions-box a.quickview,.woo-list-product-row .info-products-list .actions-box a.add_to_wishlist{
height:34px;
width:34px;
line-height:34px;
color:#fff;
background:#cecece;
font-size:13px;
border-radius:50px;
display:inline-block;
text-align:center;
margin-left:7px;
}
.woo-list-product-row .info-products-list .actions-box{
padding-top:18px;
}
.product-content .actions i.fa{
line-height:inherit;
}
.woocommerce.columns-3 {
margin-right: -30px;
}
.woocommerce.columns-3 .woo-list-product-grid {
width: calc(100% / 3 - 30px);
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.woocommerce.columns-3 .woo-list-product-grid:nth-child(3n+1) {
clear: both;
} .product-detail .product-essential .product-img-box .woocommerce-main-image img{
border:2px solid #e7e7e7;
}
.product-detail .product-essential .product-img-box{
position:relative;
}
.product-detail .product-essential .product-img-box span.onsale-label,
.product-detail .product-essential .product-img-box span.new-label{
height:52px;
position:absolute;
width:52px;
left:0;
top:0;
z-index:98;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
text-indent:5px;
}
.more-views .owl-wrapper-outer .owl-item{
padding:0 5px;
}
.product-detail .more-views{
padding:0 15px;
position:relative;
margin-top:11px;
}
.product-detail .customNavigation a.prev, .product-detail .customNavigation a.next{
position:absolute;
color:#181818;
font-size:18px;
top:12px;
width:15px;
padding:0;
border:none;
}
.product-detail .customNavigation a.prev:active, .product-detail .customNavigation a.next:active{
box-shadow:none;
}
.product-detail .customNavigation a.prev{
left:0;
}
.product-detail .customNavigation a.next{
right:0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
width:100px;
border:none;
padding:0;
position:relative;
}
.product-detail ol.commentlist{
padding:0;
margin:0;
}
.product-detail .woo-comment-avt{
float:left;
}
.product-detail .woo-comment-avt + .woo-comment-detail{
margin-left:130px;
}
.product-detail .woo-comment-author{
text-transform:uppercase;
font-size:15px;
}
.product-detail .woo-comment-date{
font-size:13px;
color:#9e9e9e;
}
.product-detail .woo-comment-author + .woo-comment-date:before{
content:"/";
padding:0 2px;
}
.product-detail .description{
position:relative;
padding-top:16px;
margin-top:13px;
}
.product-detail .description:before{
position:absolute;
top:0;
left:0;
width:50px;
border-bottom:3px solid #e6e6e6;
content:'';
}
.woocommerce .product-detail .star-rating{
float:none;
margin-top:3px;
}
.woocommerce .product-detail #reviews #comments ol.commentlist li{
padding:25px 0 22px 0;
background:none;
margin:0;
border-bottom: 1px solid #ededed;
}
.woocommerce .product-detail #reviews #comments ol.commentlist li + li{
}
.comment-form-author, .comment-form-email, .comment-form-comment{
padding-bottom:17px;
}
.woocommerce #reviews h3.comment-reply-title{
margin:0 0 35px 0;
}
#review_form{
padding-top:25px;
}
.comment-form-author .woo-review-form-field,.comment-form-email .woo-review-form-field, .comment-form-comment .control{
border: 1px solid #e6e6e6;
box-shadow: none;
color: #838383;
height: 40px;
line-height: 38px;
padding: 0 8px;
width: 100%;
}
.comment-form-comment .control{
height:auto;
line-height:20px;
padding:8px;
}
#review_form .comment-form-rating {
padding:0 0 15px 0;
}
#review_form .comment-form-rating label{
float:left;
margin:-3px 15px 0 0;
}
.product-related h3.title{
font-weight: normal;
font-size:24px;
margin:0 0 10px 0;
padding:0 0 6px 0;
color: #292929;
text-transform: uppercase;
}
.product-related{
padding-top:40px;
}
.woocommerce .product-cart .cart-collaterals{
width:auto;
}
.woocommerce .product-cart .cart-collaterals .cart_totals{
width:auto;
float:none;
}
#woo-tab-buttons li{
display:inline-block;
border-top:2px solid #e7e7e7;
border-left:2px solid #e7e7e7;
border-right:2px solid #e7e7e7;
height:41px;
line-height:41px;
padding:0 40px;
font-weight:bold;
font-size:14px;
margin-bottom:-1px;
border-bottom:1px solid #e7e7e7;
background:#fff;
}
#woo-tab-buttons li.current{
border-bottom:1px solid #fff;
}
#woo-tab-buttons li a{
color:#838383;
text-decoration:none;
}
#woo-tab-buttons{
border-bottom:1px solid #e7e7e7;
margin-bottom:20px;
}
#woo-tab-contents > div{
line-height:30px;
padding-top:30px;
}
#woo-tab-contents #tab-additional_information table {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
}
#woo-tab-contents #tab-additional_information table tr th,
#woo-tab-contents #tab-additional_information table tr td {
padding: 10px 25px;
}
.product-detail  .product-collateral{
margin-top:45px;
}
.product-detail .product-essential .product-shop .rating-box{
float:right;
}
.product-detail .product-essential .product-shop .product-name h1{
text-transform:uppercase;
font-size:20px;
font-weight:bold;
margin:0;
}
.woocommerce .star-rating{
height:16px;
}
.woocommerce .star-rating span{
color:#f98f06;
}
.product-detail .product-essential .product-shop .add-to-box button.single_add_to_cart_button,
.product-detail .product-essential .product-shop .single_variation_wrap .single_add_to_cart_button{
height:30px;
line-height:30px;
padding:0 20px;
font-size:14px;
font-weight:300;
color:#fff;
display:inline-block;
border-radius:100px;
margin-left:11px;
float:left;
}
.product-detail .product-essential .product-shop .add-to-box a.add_to_wishlist,
.product-detail .product-essential .product-shop .single_variation_wrap a.add_to_wishlist{
display:inline-block;
margin-left:10px;
background:#cecece;
border-radius:100px;
height:30px;
line-height:30px;
width:30px;
text-align:center;
color:#fff;
font-size:13px;
}
.product-detail .product-essential .add-to-box{
padding-top:25px;
display:table;
float:left;
}
.product-detail .product-essential .yith-wcwl-add-to-wishlist{
float:left;
margin:25px 0 0 10px;
}
.product-detail .product-essential a.add_to_wishlist{
border-radius: 100px;
color: #fff;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 300;
height: 30px;
width:30px;
line-height: 30px;
padding: 0;
text-align:center;
}
.product-detail .product-essential a.add_to_wishlist i.fa{
margin:0;
line-height:inherit;
}
.product-detail .product-essential .short-description{
padding-top:14px;
}
.product-detail-share .share-title{
float:left;
width:115px;
font-size:12px;
font-weight:bold;
color:#838383;
text-transform:uppercase;
line-height:34px;
}
.product-detail-share .social-icon a{
width:34px;
line-height:34px;
height:34px;
text-align:center;
border-radius:100px;
background:#cecece;
color:#fff;
margin:0 4px;
display:inline-block;
font-size:13px;
}
.product-detail-share{
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
padding:10px 0;
}
.product-detail .product-essential .cat-list,
.product-detail .product-essential .tags-list{
border-top:1px solid #e6e6e6;
padding:7px 0;
font-size:14px;
}
.product-detail .product-essential .cat-list label,
.product-detail .product-essential .tags-list label,
.product-detail .product-essential .sku_wrapper label,
.product_detail_share_icon label{
width:115px;
float:left;
font-weight:600;
margin:0;
text-align:left;
}
.product_detail_share_icon label{
line-height:34px;
}
.product_detail_share_icon{
border-bottom:1px solid #e6e6e6;
border-top:1px solid #e6e6e6;
padding-top:11px;
padding-bottom:9px;
}
.product_detail_share_icon a{
height:34px;
line-height:34px;
width:34px;
border-radius:50px;
background:#cecece;
color:#fff;
display:inline-block;
text-align:center;
margin:0 9px 0 0 ;
}
.product_detail_share_icon a:hover{
color:#fff;
}
.product-detail .product-essential .tags-list label{
line-height:28px;
}
.product-detail .product-essential .cat-list a{
text-transform:none;
display:inline-block;
margin:0 1px;
font-size:14px;
}
.product-detail .product-essential .tags-list a{
display:inline-block;
padding:0 10px;
height:28px;
line-height:26px;
border:1px solid #9c9c9c;
font-size:10px;
text-transform:uppercase;
margin:0 2px;
border-radius:100px;
color:#838383;
}
.product-detail .product-essential .tags-list a:hover{
color:#fff;
}
.product-detail .product-essential .variations td.label{
color:inherit;
padding:0;
line-height:30px;
font-weight:normal;
font-size:12px;
}
.product-detail .product-essential .variations td.value{
padding-left:10px;
}
.product-detail .product-essential .variations td.value select{
height:30px;
line-height:28px;
border:1px solid #e7e7e7;
}
.product-detail .product-essential .variations td.label label{
font-weight:normal;
margin:0;
}
.product-detail .product-essential .single_variation_wrap{
padding-top:10px;
display:table;
width:100%;
}
.product-detail .product-essential form.variations_form{
padding-top:20px;
}
.product-detail .product-essential .sku_wrapper{
padding:7px 0;
border-top:1px solid #e7e7e7;
}
.product-detail .product-essential .product_meta{
padding-top:10px;
}
.quickview-box-inner{
background:#fff;
text-align:left;
}
.quickview-box-inner .product-view{
padding:20px;
}
.quickview-box-inner .quickview-close{
color:#fff;
position:absolute;
right:0;
top:-15px;
height:30px;
line-height:30px;
width:30px;
text-align:center;
border-radius:100px;
border:none;
box-shadow:inset rgba(0,0,0,0.15) 0px 0px 6px 2px;
z-index: 1;
} .cart-table-items{
border:2px solid #e7e7e7;
}
.cart-table-items .cart-table-title{
border-bottom:2px solid #e7e7e7;
color:#515151;
font-weight:bold;
font-size:13px;
}
.cart-table-items .cart-table-title .item,
.cart-table-items .cart_item .item{
border-left:1px solid #d9d9d9;
}
.cart-table-items .cart-table-title .item.no-border,
.cart-table-items .cart_item .item.no-border{
border-left:none;
}
.cart-table-items .cart_item + .cart_item{
border-top:1px solid #d9d9d9;
}
.cart-table-items .row-item{
display:table;
margin:0;
width:100%;
}
.cart-table-items .row-item .item{
display:table-cell;
padding:0;
float:none;
vertical-align:middle;
}
.cart-table-items .cart-table-title .title-cart-table{
padding:6px 12px 7px 12px;
}
.cart-table-items .cart-table-title .title-cart-table.delete-item,
.cart-table-items .row-item .delete-item{
text-align:center;
padding-left:0;
font-size:16px;
padding-right:0;
}
.cart-table-items .row-item .delete-item a{
color:#515151;
}
.cart-table-items .cart-price{
font-size:14px;
font-weight:bold;
padding-left:12px;
}
.cart-table-items .name-item{
padding:17px 10px;
}
.cart-table-items .name-item > a{
float:left;
margin-right:15px;
}
.cart-table-items .name-item > a img{
border:2px solid #e7e7e7;
width:73px;
height:auto;
}
.cart-table-items .product-info a{
font-weight:bold;
text-transform:uppercase;
color:#777;
margin-top:15px;
display:block;
}
.cart-table-items .variation dt,.cart-table-items .variation dd{
display:inline-block;
}
.cart-table-items .qty-item{
padding-left:12px;
}
.cart-table-items .quantity.add-to-cart,
.product-detail .product-essential .product-shop .quantity.add-to-cart{
position:relative;
display:inline-block;
}
.product-detail .product-essential .product-shop .quantity.add-to-cart{
float:left;
}
.cart-table-items .quantity.add-to-cart .increase-qty, .cart-table-items .quantity.add-to-cart .decrease-qty,
.product-detail .product-essential .product-shop .quantity.add-to-cart .increase-qty,
.product-detail .product-essential .product-shop .quantity.add-to-cart .decrease-qty{
position:absolute;
line-height:10px;
height:10px;
z-index:10;
right:10px;
cursor:pointer;
color:#838383;
}
.cart-table-items .quantity.add-to-cart .increase-qty,
.product-detail .product-essential .product-shop .quantity.add-to-cart .increase-qty{
top:4px;
}
.cart-table-items .quantity.add-to-cart .decrease-qty,
.product-detail .product-essential .product-shop .quantity.add-to-cart .decrease-qty{
bottom:11px;
}
.cart-table-items .quantity.add-to-cart .qty,
.product-detail .product-essential .product-shop .quantity.add-to-cart .qty{
height:29px;
border-radius:100px;
border:1px solid #eee;
background:#f9f9f9;
padding:0 20px 0 15px;
text-align:left;
min-width:80px;
color:#838383;
}
.woocommerce .product-cart .delete-item{
text-align:center;
}
.woocommerce .product-cart .delete-item a.remove{
display:inline-block;
height:16px;
width:16px;
line-height:18px;
font-size:14px;
}
.woo-cart-coupon{
border:2px solid #e7e7e7;
margin-top:30px;
}
.woo-cart-coupon .row-title {
text-transform:uppercase;
font-weight:bold;
font-size:14px;
padding:6px 12px 7px 12px;
}
.woo-cart-coupon .row-item{
padding:20px 12px;
}
.woo-cart-coupon .woo-coupon-row + .woo-coupon-row{
border-top:1px solid #d9d9d9;
}
.woo-cart-coupon  #coupon_code{
height:30px;
border-radius:2px;
border:1px solid #eaeaea;
background:#fff;
padding:0 10px;
line-height:28px;
}
.woo-cart-coupon  .button{
line-height:30px!important;
height:30px!important;
color:#fff!important;
border-radius:2px!important;
border:none!important;
font-weight:bold!important;
font-size:14px!important;
padding:0 15px!important;
}
.woocommerce-cart .cart-collaterals .cart_totals table td{
text-align:right;
}
.woocommerce-cart .cart-collaterals .cart_totals table th{
color:#515151;
font-weight:normal;
}
.woocommerce-cart .cart-collaterals .cart_totals .amount,
.woocommerce .checkout-box-order table.shop_table .amount{
font-size:14px;
font-weight:bold;
}
.woocommerce-cart .cart-collaterals .cart_totals .cart-total{
border:2px solid #e7e7e7;
margin-top:30px;
}
.woocommerce-cart .cart-collaterals .cart_totals .title{
border-bottom:2px solid #e7e7e7;
padding:5px 13px 6px 13px;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}
.woocommerce-cart .cart-collaterals .cart_totals table{
padding:3px 13px 0 13px;
margin:0;
}
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th{
padding:4px 0;
border-top:0;
border-bottom:1px solid #e8e8e8;
}
.woocommerce-cart .cart-collaterals .cart_totals tr.cart-subtotal{
padding-top:3px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce .calc_shipping_postcode_wap .button,
.woocommerce .checkout-box-login button.button,.woocommerce .checkout-box-coupon button.button,
.woocommerce-message a.wc-forward{
color:#fff;
height:30px;
line-height:30px;
padding:0 15px;
font-size:14px;
font-weight:bold;
border-radius:2px;
display:inline-block;
}
.woocommerce-cart .wc-proceed-to-checkout{
text-align:right;
padding:8px 13px 0 13px;
}
.woocommerce-cart .cart-collaterals .cart_totals table select{
border:1px solid #e7e7e7;
height:30px;
border-radius:2px;
margin-bottom:10px;
}
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form{
margin-bottom:10px;
margin-top:10px;
}
.woo-shipping-calculator-button a{
text-decoration:none;
}
.woocommerce-cart .cart-collaterals .cart_totals #calc_shipping_postcode{
height:30px;
line-height:28px;
border-radius:2px;
border:1px solid #e7e7e7;
padding:0 7px;
}
.return-to-shop .button{
color:#fff!important;
}
.woocommerce .product-cart div.product {
margin-bottom: 30px;
}
.product-cart {
margin-bottom: 60px;
} .checkout-box{
border:2px solid #e7e7e7;
margin-bottom:30px;
}
.checkout-box .title{
padding:6px 15px;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
border-bottom:2px solid #e7e7e7;
}
.checkout-box .box{
padding:0 15px 15px 15px;
}
.checkout-box-login input.input-text,.checkout-box-coupon input.input-text{
height:30px;
line-height:28px;
border:1px solid #e7e7e7;
border-radius:2px;
background:#fff;
color:#9c9c9c;
width:100%;
padding:0 10px;
}
.checkout-box-coupon input.input-text{
width:200px;
}
.checkout-box-login .box{
padding-top:7px;
}
.checkout-box-login .login-form-button{
padding-top:23px;
}
.checkout-box-login .login-form-input{
padding-top:7px;
}
.checkout-box-login label.inline{
display:inline-block;
margin-left:15px;
font-weight:normal;
}
.checkout-box-login label.inline input#rememberme{
float:left;
margin:5px 5px 0 0;
}
.checkout-box-login .lost_password{
padding-top:10px;
}
.checkout-box-coupon .box{
padding:15px;
}
.woocommerce .checkout-box-order table.shop_table{
border:none;
border-radius:0;
margin:0;
padding:3px 0 0 0;
}
.woocommerce .checkout-box-order table.shop_table th, .woocommerce .checkout-box-order table.shop_table td{
padding:4px 0;
border-top:none;
border-bottom:1px solid #e8e8e8;
}
.woocommerce .checkout-box-order table.shop_table td, .woocommerce .checkout-box-order table.shop_table th {
padding: 4px;
}
.woocommerce .checkout-box-order table.shop_table th, .woocommerce .checkout-box-order table.shop_table td.product-name{
text-align:left;
color:#515151;
font-weight:normal;
}
.woocommerce .checkout-box-order table.shop_table td, .woocommerce .checkout-box-order table.shop_table th.product-total{
text-align:right;
}
.woocommerce .checkout-box-order table.shop_table th.product-name, .woocommerce .checkout-box-order table.shop_table th.product-total{
font-weight:bold;
}
.woocommerce .checkout-box-order td.product-name dl.variation dt, .woocommerce .checkout-box-order table.shop_table td.product-name strong{
font-weight:normal;
}
.woocommerce .checkout-box-order td.product-name dl.variation dd, .woocommerce .checkout-box-order td.product-name dl.variation dt{
margin:0;
}
.checkout-box-ship-address #ship-to-different-address #ship-to-different-address-checkbox{
float:left;
margin:5px 5px 0 0;
}
.checkout-box-ship-address #ship-to-different-address{
padding-top:8px;
padding-bottom:5px;
}
.woocommerce form .checkout-box-ship-address .form-row label,
.woocommerce form .checkout-box-bill .form-row label{
font-weight:normal;
margin:0 0 9px 0;
line-height:24px;
}
.woocommerce form .checkout-box-ship-address input.input-text,
.woocommerce form .checkout-box-bill input.input-text{
border:1px solid #e7e7e7;
height:30px;
line-height:28px;
border-radius:3px;
padding:0 7px;
}
.woocommerce form .checkout-box-ship-address .form-row textarea.input-text,
.woocommerce form .checkout-box-bill .form-row textarea.input-text{
border:1px solid #e7e7e7;
line-height:20px;
border-radius:3px;
padding:7px;
}
.woocommerce form .checkout-box-ship-address .form-row.woocommerce-invalid .select2-container,
.woocommerce form .checkout-box-ship-address .form-row.woocommerce-invalid input.input-text,
.woocommerce form .checkout-box-ship-address .form-row.woocommerce-invalid select,
.woocommerce form .checkout-box-bill .form-row.woocommerce-invalid .select2-container,
.woocommerce form .checkout-box-bill .form-row.woocommerce-invalid input.input-text,
.woocommerce form .checkout-box-bill .form-row.woocommerce-invalid select{
border-color:#ff0000;
}
.select2-results li{
margin:0;
line-height:20px;
color:#838383;
}
.select2-results .select2-result-label{
padding:0;
}
.select2-container .select2-choice{
height:30px;
line-height:28px;
border:1px solid #e7e7e7;
border-radius:3px;
color:#838383;
}
.select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active,
.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices{
border-color:#e7e7e7;
}
.checkout-box-bill .box{
padding-top:15px;
}
.woocommerce-checkout #payment{
background:none;
border-radius:0;
}
.woocommerce-checkout #payment label{
font-weight:normal;
margin:0;
font-size:14px;
}
.woocommerce-checkout #payment ul.payment_methods li input.input-radio{
margin:7px 5px 0 0;
float:left;
}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal input.input-radio{
margin-top:17px;
}
.woocommerce-checkout #payment ul.payment_methods{
padding:8px 0 0 0;
border:2px solid #e7e7e7;
}
.woocommerce-checkout #payment ul.payment_methods li{
padding:11px 25px;
}
.woocommerce-checkout #payment ul.payment_methods li + li{
border-top:1px solid #e7e7e7;
}
.woocommerce-checkout #payment div.payment_box{
padding:1px 0 0 18px;
margin:0;
background:none;
font-size:12px;
line-height:20px;
}
.woocommerce-checkout #payment div.payment_box:after{
display:none;
}
.woocommerce-checkout #payment div.form-row{
padding:23px 0 0 0;
text-align:left;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
float:none;
height:30px;
line-height:30px;
font-size:14px;
padding:0 20px;
font-weight:bold;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
display: none;
} .woocommerce table.wishlist_table{
font-size:100%;
border-radius:0;
border:2px solid #e7e7e7;
}
.woocommerce table.wishlist_table thead{
}
.woocommerce table.wishlist_table thead th{
border-top:none;
border-right:none;
border-left:none;
border-bottom:2px solid #e7e7e7;
}
.woocommerce table.wishlist_table thead th + th{
border-left:1px solid #d9d9d9;
} ul.page-numbers{
list-style:none;
padding-top:23px;
border-top:1px solid #e1e1e1;
padding-left: 0 !important;
margin-left: 0 !important;
}
ul.page-numbers li{
display:inline-block;
margin:0 8px 0 0;
}
ul.page-numbers li .page-numbers{
width:36px;
line-height:37px;
line-height:33px;
text-align:center;
font-size:12px;
font-weight:bold;
background:#f9f9f9;
border:2px solid #dadada;
color:#dadada;
display:inline-block;
}
ul.page-numbers li .page-numbers.next,ul.page-numbers li .page-numbers.prev{
width:auto;
padding:0 5px;
}
ul.page-numbers li span.page-numbers, ul.page-numbers li a.page-numbers:hover{
color:#fff;
}
.blog-content{
padding-bottom:30px;
}
.toolbar .amount{
float:left;
margin:0;
font-size:11px;
line-height:33px;
}
.toolbar .woocommerce-ordering{
float:right;
margin:0;
}
.toolbar .sort-by{
float:left;
}
.toolbar .view-mode{
float:right;
font-size:16px;
margin:0 0 0 10px;
line-height:33px;
}
.toolbar{
border-bottom:1px solid #e1e1e1;
margin-bottom:17px;
padding-bottom:8px;
}
.toolbar select.orderby{
height:33px;
line-height:31px;
border:1px solid #e7e7e7;
border-radius:2px;
background:#fff;
}
table.wishlist_table td.product-remove{
text-align:center;
}
.woocommerce table.wishlist_table td.product-remove a.remove{
margin:0 auto;
}
.woocommerce table.wishlist_table tbody td.product-remove, .woocommerce table.wishlist_table tbody td.product-thumbnail,
.woocommerce table.wishlist_table tbody td.product-name, .woocommerce table.wishlist_table tbody td.product-price,
.woocommerce table.wishlist_table tbody td.product-stock-status, .woocommerce table.wishlist_table tbody td.product-add-to-cart{
border:none;
border-bottom:1px solid #e7e7e7;
}
.woocommerce table.wishlist_table tbody td.product-thumbnail, .woocommerce table.wishlist_table tbody td.product-name,
.woocommerce table.wishlist_table tbody td.product-price, .woocommerce table.wishlist_table tbody td.product-stock-status,
.woocommerce table.wishlist_table tbody td.product-add-to-cart{
border-left:1px solid #e7e7e7;
} .woocommerce-account.logged-in .entry-content .woocommerce {
margin: 0 -15px;
}
.woocommerce-account.logged-in .entry-content .woocommerce > div {
padding: 0 15px;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
padding: 10px 0;
border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}
.woocommerce-MyAccount-navigation ul li:first-child {
padding-top: 0;
}
.woocommerce-MyAccount-navigation ul li:last-child {
border: none;
}  .woocomerce-form input, .woocommerce-EditAccountForm.edit-account input {
padding: 10px 15px;
border: 1px rgba(0, 0, 0, 0.2) solid;
margin-bottom: 10px !important;
} .entry-footer{
clear:both;
}
.post-item .entry-footer {
clear:both;
margin-top:40px;
}
.contents-main .container .container{
padding:0;
}
.product-list .product-row-item,
.product-list-row .product-row-item{
margin-bottom:30px;
}
.product-list .product-row-item:nth-child(3n+1){
clear:left;
}
.woocommerce-checkout .select2-container .select2-choice > .select2-chosen {
height: 28px;
line-height: 30px;
}
.woocommerce .product-content div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: .5em;
right: .5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box
}
.woocommerce .product-content div.images .woocommerce-product-gallery__trigger:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box
}
.woocommerce .product-content div.images .woocommerce-product-gallery__trigger:after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box
}
.woocommerce .product-content div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0
}
@media (min-width:992px){
.product-related .product-related-item:nth-child(3n+1){
clear:left;
}
}
@media (min-width:768px) and (max-width:991px){
.product-related .product-related-item:nth-child(2n+1){
clear:left;
}
}
@media (max-width:480px){
.cart-table-items .name-item {
padding: 15px 5px;
}
.cart-table-items .name-item > a {
float: none;
margin: 0;
}
.cart-table-items .name-item > a img {
width: 50px;
}
.cart-table-items .product-info a {
font-size: 12px;
margin-top: 5px;
}
.cart-table-items .cart-price {
padding: 0 5px;
display: inline-block;
}
.cart-table-items .qty-item {
padding: 0 5px;
}
.cart-table-items .quantity.add-to-cart .qty, .product-detail .product-essential .product-shop .quantity.add-to-cart .qty {
min-width: auto;
height: 25px;
}
.woo-cart-coupon #coupon_code {
margin-bottom: 15px;
}
.woocommerce div.product-cart button.update-cart-button {
float: none;
}
}
@media (min-width : 320px) and (max-width : 568px) {
#woo-tab-buttons li{
padding: 0 30px;
}
.toolbar .amount{
font-size: 15px;
}
.toolbar .woocommerce-ordering{
float:left;
}
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
width: 100%;
}
.woocommerce-product-gallery .flex-viewport{
border: 2px solid #e7e7e7;
}
.woocommerce div.product div.images .flex-control-thumbs li{
width: 100%;
}
.woocommerce div.product div.images .flex-control-thumbs{
margin-top: 10px;
padding: 0 15px;
}
ol.flex-control-thumbs .owl-controls {
display: block !important;
margin: 0 !important;
}
ol.flex-control-thumbs .owl-controls .owl-buttons {
position: absolute;
top: calc(50% - 10px);
width: 100%;
}
.product-detail .product-essential .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: -13px;
}
.product-detail .product-essential .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 18px;
}
.product-detail .product-essential .owl-theme .owl-controls .owl-buttons div {
position: absolute;
top: 0;
background: none;
color: #000;
margin: 0;
padding: 0;
font-size: 20px;
}.animate-1{
transition: all 250ms ease-out 0s;
-webkit-transition: all 250ms ease-out 0s;
}
.animate-2{
transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
}
@-webkit-keyframes bounceInUpShort {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
75% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
90% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUpShort {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
75% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
90% {
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUpShort {
-webkit-animation-name: bounceInUpShort;
animation-name: bounceInUpShort;
}
@-webkit-keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownShort {
-webkit-animation-name: fadeInDownShort;
animation-name: fadeInDownShort;
}
.move_to_center {
-webkit-animation: moveToCenter 0.65s ease forwards;
animation: moveToCenter 0.65s ease forwards;
}
@-webkit-keyframes moveToCenter { to { -webkit-transform: translateX(0); opacity: 1; } }
@keyframes moveToCenter { to { transform: translateX(0); opacity: 1; } } .animated {
-webkit-animation-duration: 0.6s;
animation-duration:0.6s;
visibility: visible!important;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
.jello{
-webkit-animation-name:jello;
animation-name:jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}html body{
color:#838383;
}
body{
font-size:13px;
line-height:28px;
font-weight:normal;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-weight: 400;
}
p:last-child{
margin:0;
}
img{
max-width:100%;
height:auto;
}
ul{
list-style: disc;
}
ol{
list-style: decimal;
}
pre{
background: #232323 linear-gradient(#fff 50%, #f1f1f1 50%);
background-size: 38px 38px;
border: 1px solid #e5e5e5;
border-radius: 0;
color: #838383;
display: block;
line-height: 19px;
margin: 5px 0;
overflow-x: visible;
overflow-y: hidden;
padding: 0 10px;
white-space: pre-wrap;
word-wrap: break-word;
}
table {
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(51, 51, 51, 0.1);
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed;
width: 100%;
}
th, td {
border: 1px solid rgba(51, 51, 51, 0.1);
padding:5px;
border-width: 0 1px 1px 0;
}
th,dt{
font-weight:bold;
}
dt{
font-size:120%;
}
.clear{
clear:both;
}
dl, dd{
margin-bottom:20px;
}
address {
font-style: italic;
margin: 0 0 15px;
}
a:hover, a:focus{
text-decoration: none;
color: #838383;
}
.page-links{
margin:5px 0;
}
.page-links > a,.page-links > span{
padding:3px 6px;
border: 1px solid rgba(51, 51, 51, 0.1);
}
.post-text ul,.entry-content ul{
margin-left:15px;
}
input[type="button"], input[type="submit"] {
border: medium none;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 700;
margin-bottom: 15px;
margin-right: 5px;
outline: medium none;
padding: 3px 25px;
color:#fff;
}
.right-text{
text-align: right;
}
.left-text{
text-align: left;
}
.white-text,.white-text-force *{
color: #fff!important;
}
.float-right {
float: right;
}
.float-left {
float: left;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 10px auto 10px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 0 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 12px;
line-height: 17px;
margin: 0;
font-style:italic;
background:#f1f1f1;
text-align:left;
padding: 12px 20px;
width:calc(100% - 3px);
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.post-text ol{
padding-left:15px;
line-height:36px;
}
.post-text ol ol{
padding-left:30px;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.gallery-caption {
font-weight: normal;
}
.bypostauthor {
font-weight: normal;
}
.sticky{
font-weight: normal;
} .sticky .post-icon i::before{
content: '\f08d'!important;
}
.iw-parallax,.iw-parallax-overlay{
position: absolute;
width:100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
} .panel-tools{
position:fixed;
left: -240px;
top:80px;
z-index:9999;
background:#fff;
box-shadow:1px 1px 2px rgba(0,0,0,0.1);
color:#848484;
font-size:11px;
}
.panel-tools .panel-content{
padding:16px;
width:240px;
border: 1px solid #dddddd !important;
}
.panel-tools button,.panel-tools span.button-command{
border:none;
color:#848484;
margin: 5px 0;
display: inline-block;
border: 1px solid #dddddd;
position: relative;
}
.panel-tools span.button-command{
padding:0 8px;
}
.panel-tools a:active > span.button-command{
top:2px;
}
.panel-tools h3{
font-size:13px;
padding-bottom:12px;
margin-top:12px;
text-transform:uppercase;
}
.panel-tools .title{
border-bottom:1px solid #d8d8d8;
}
.panel-tools .panel-button{
right:-45px;
position:absolute;
text-align:center;
top:-5px;
width:45px;
height:45px;
line-height:45px;
font-size:24px;
background: #f5f5f5;
border: 1px solid #dddddd;
border-left:0;
border-radius: 0 2px 2px 0;
}
.off-canvas-enabled body.rtl .panel-tools{
left: 0!important;
right: auto!important;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.panel-tools .panel-button i{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
.panel-tools .panel-button:hover i{
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.panel-tools .panel-button.active i{
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.panel-tools .layout-setting h3{
margin-top:5px;
}
.panel-tools .button-command,.reset-button button{
background:#f6f6f6;
width:100px;
margin-right:0px;
line-height:28px;
border:1px solid #dedede;
font-size:11px;
color:inherit;
text-transform:uppercase;
}
.panel-tools .rtl-setting{
margin-top: 5px;
}
.panel-tools .rtl-setting .button-command{
width:auto;
}
.panel-tools .button-command.active,.reset-button button{
color:#fff;
}
.panel-tools  .color-setting button{
width:27px;
height:27px;
margin-right:5px;
border:2px solid #fff;
}
.panel-tools  .color-setting button.active{
border:2px solid #d7d7d7;
}
.panel-tools  .color-setting button:last-child{
margin-right:0;
}
.panel-tools  .reset-button{
margin-top:0px;
padding-top:10px;
}
.panel-tools .overlay-setting{
position:relative;
}
.panel-tools .overlay-setting.disabled:after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:'';
background:#fff;
z-index:1;
opacity:0.7;
}
@media (min-width: 1200px) {
.container, .iw-container {
width: 1200px;
}
}
@media (max-width: 767px) {
.vc_row .container {
padding-left:30px;
padding-right:30px;
max-width: 100%;
}
} body .vc_col-has-fill > .vc_column-inner,
body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner{
padding-top: 0;
}
a.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat{
background: #f7f7f7;
color: #232323;
}
a.vc_btn3.vc_btn3-shape-rounded{
border-radius: 25px;
}
a.vc_btn3.vc_btn3-size-sm{
padding: 10px 27px;
font-size: 14px;
font-weight: 500;
} #preview-area{
height: 100%;
left: 0;
overflow: visible;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
background: #fff;
}
#preview-spinners{
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 0;
bottom: 60px;
right: 0;
margin: auto;
}
.sk-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg); }
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #3c8dc5;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s; }
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; }
}  .body-boxed .wrapper {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 1);
margin: auto;
max-width: 1200px;
overflow: hidden;
position: relative;
}
.wrapper{
overflow: hidden;
background:#fff;
position: relative;
}  .header {
position: relative;
}
.header .top-bar-wrapper{
background: #f9f9f9;
border-bottom: 2px solid #e8e8e8;
}
.header  .iw-top-bar .contact {
color: #838383;
padding: 5px 0;
font-size:14px;
}
.header  .social-header{
margin-top: 2px;
text-align: right;
}
.header .iw-top-bar .contact b{
display: inline-block;
padding-left: 5px;
font-weight: 100;
}
.header  .iw-top-bar .contact span{
display: inline-block;
padding: 0 8px;
margin-left: 15px;
}
.header  .iw-top-bar .contact span:nth-child(1){
margin-left: 0;
}
.header  .iw-top-bar .contact span i{
font-size: 14px;
}
.header  .iw-top-bar .contact span:first-child{
padding-left: 0;
}
.header  .social-header .iw-social-all li{
display: inline-block;
}
.header  .social-header .iw-social-all li a{
color: #838383;
display: inline-block;
text-align: center;
height: 30px;
}
.header .social-header .iw-social-all li a:hover .fa-facebook{
background-color: #3B5998;
}
.header .social-header .iw-social-all li a:hover .fa-twitter{
background-color: #0084B4;
}
.header .social-header .iw-social-all li a:hover .fa-google{
background-color: #DB4437;
}
.header .social-header .iw-social-all li a:hover .fa-pinterest{
background-color: #BD081C;
}
.header .social-header .iw-social-all li a:hover .fa-linkedin{
background-color: #0077B5;
}
.header .social-header .iw-social-all li a i{
font-size: 14px;
display: inline-block;
line-height: 30px;
width: 30px;
height: 30px;
border-radius: 50%;
}
.header .social-header .iw-social-all li a:hover i{
color: white;
}
.header .social-header .iw-social-all li:last-child a i{
padding-right: 0;
}
.iw-logo-appointment{
background: white;
}
.language-appointment-header{
padding-top: 25px;
text-align: right;
float:right;
}
.cart-quickaccess{
display:inline-block;
margin-right:42px;
margin-top:12px;
float:right;
}
.cart-quickaccess a{
display:inline-block;
width:36px;
line-height:36px;
height:36px;
border-radius:100px;
text-align:center;
font-size: 24px;
color:#666666;
position:relative;
}
.cart-quickaccess a i.fa{
line-height:inherit;
margin-right:3px;
}
.cart-quickaccess .cart-product-number{
position:absolute;
top:-12px;
right:-24px;
width:28px;
height:28px;
line-height:28px;
font-size:16px;
text-align:center;
border-radius:50px;
color: #ffffff;
}
.language-appointment-header .header-book-button{
display: inline-block;
float:right;
}
.language-appointment-header .mod-languages{
display: inline-block;
}
.language-appointment-header .mod-languages .textwidget .form-inline span {
font-size: 12px;
font-weight: 400;
color: #727272;
display: inline-block;
text-transform: uppercase;
position: relative;
padding-right: 10px;
}
.language-appointment-header .mod-languages .textwidget .form-inline span:after{
position: absolute;
top: 8px;
right: 0;
width: 1px;
height: 12px;
background: #727272;
content: '';
}
.language-appointment-header .header-book-button{
display: inline-block;
}
.language-appointment-header .mod-languages .textwidget .form-inline .form-control {
background-color: transparent;
background-image: none;
border: 0 none;
box-shadow: none;
border-radius: 0;
color: #c6c6c6;
font-size: 12px;
font-weight: 400;
height: 34px;
line-height: 1.42857;
padding: 6px;
width: 35px;
}
.language-appointment-header .mod-languages .textwidget .form-inline select {
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.language-appointment-header .header-book-button {
height: 48px;
}
.language-appointment-header .header-book-button a { display: inline-block;
overflow: hidden;
}
.language-appointment-header .header-book-button a span{
display: inline-block;
font-size: 14px;
color: white;
padding: 0 20px;
height: 44px;
line-height: 44px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
-webkit-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
}
.header-version-3 .language-appointment-header .header-book-button a span {
height: 44px;
line-height: 44px;
}
.language-appointment-header .header-book-button a:hover span,
.language-appointment-header .header-book-button a:focus span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.language-appointment-header .header-book-button a:hover span::before{
visibility: visible;
}
.language-appointment-header .header-book-button a span::before {
content: attr(data-hover);
position: absolute;
top: 100%;
left: 0;
padding: 0 20px;
-webbkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
visibility: hidden;
}
.header-default .iw-logo-appointment .logo,
.header-version-2 .iw-logo-appointment .logo{
display: inline-block;
margin: 0;
padding: 20px 0 30px;
}
.header-default .iw-logo-appointment .logo a{
display: inline-block;
}
.header-default .iw-logo-appointment .logo a img.main-logo{
display: inline-block;
max-width: 165px;
max-height: 55px;
}
.header-default.clone .iw-logo-appointment .logo a img.sticky-logo,
.header-version-2.clone .iw-logo-appointment .logo a img.sticky-logo{
display: inline-block;
max-width: 165px;
max-height: 45px;
}
.header .header-book-button a i {
display: none;
}
.header.header-version-2.clone .navbar-default .iw-menu-header-default{
width:auto;
}
.header.clone .cart-quickaccess a {
color: #fff;
}
.header.clone .cart-quickaccess a span {
border: 1px #ffffff solid;
}
.header.header-version-2:not(.clone) .iw-logo-appointment,
.header.header-version-3:not(.clone) .iw-logo-appointment{
display:none;
}
div.header-version-3 .iw-logo-appointment .logo a img.main-logo{
display: inline-block;
max-height: 45px;
max-width: 165px;
}
.header-version-3.clone h1.iw-logo{
margin:0;
padding:8px 0 0 0;
} .header .sticky-logo{
display: none;
}
.header.clone .sticky-logo{
display: inline-block;
}
.header.clone .main-logo{
display: none;
}
.header-default .navbar.navbar-default.iw-header {
border: 0 none;
border-radius: 0;
margin: 0;
transition: top 0.4s linear 0s;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
background: transparent;
}
.header .iw-header .iw-menu-main .iw-nav-menu {
position: relative;
z-index: 99;
float: none;
margin: 0;
padding: 0;
list-style: none;
}
.header .iw-header .iw-menu-main .iw-nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
.header-default .navbar.navbar-default.iw-header {
background: white;
border: 0 none;
border-radius: 0;
margin: 0;
-webkit-transition: top 0.4s linear 0s;
transition: top 0.4s linear 0s;
position: relative;
}
.header-default .navbar.navbar-default.iw-header:after{
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
content: '';
background: rgba(0,0,0,0.1);
}
.header-default .navbar-nav > li {
float: left;
padding: 14px 0 11px;
position: relative;
}
.header .navbar-nav > li.menu-item-has-children:hover:after{
background: rgba(0, 0, 0, 0) url(//iaimhealthcare.org/wp-content/themes/inmedical/assets/images/arrow_submenu.png) no-repeat scroll center bottom;
bottom: -3px;
content: "";
height: 9px;
left: 0;
position: absolute;
width: 100%;
z-index: 98;
}
.header-default .iw-header .iw-menu-main .navbar-nav > li > a {
color: white;
display: inline-block;
font-size: 14px;
line-height: 26px;
padding: 0 20px;
font-weight: 500;
}
.header-default .iw-header .iw-menu-main .navbar-nav > li > a > strong{
font-weight: 500;
display: inline-block;
position: relative;
font-family: Poppins;
}
.header .iw-header .iw-menu-main .navbar-nav > li > a > strong:before{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
bottom: 0;
height: 2px;
left: 0;
position: absolute;
right: 0;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: transform 0.1s ease 0s;
transition: transform 0.1s ease 0s;
width: 100%;
}
.header .iw-header .iw-menu-main .navbar-nav > li:hover > a > strong:before,
.header .iw-header .iw-menu-main .navbar-nav > li.selected.active a strong:before,
.header.header-default .iw-main-menu .iw-nav-menu li[class*=current-menu] > a strong:before,
.header.header-version-2 .iw-main-menu .iw-nav-menu li[class*=current-menu] > a strong:before{
background-color: white;
-webkit-transform: scale3d(1, 1, 1);
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform: scale3d(1, 1, 1);
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.header.header-version-3 .iw-main-menu .iw-nav-menu li[class*=current-menu] > a strong:before,
.header.header-version-3 .iw-header .iw-menu-main .navbar-nav > li:hover > a > strong::before{
-webkit-transform: scale3d(1, 1, 1);
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform: scale3d(1, 1, 1);
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.header-default .iw-header .iw-menu-main .navbar-nav > li.active,
.header-default .iw-header .iw-menu-main .navbar-nav > li.current-menu-ancestor,
.header-default .iw-header .iw-menu-main .navbar-nav > li:hover{
background:rgba(0, 0, 0, 0.1);
}
.header-default .iw-header .iw-menu-main .navbar-nav > li {
border-right: 1px solid rgba(255,255,255,0.5);
}
.header-default .iw-header .iw-menu-main .navbar-nav li:last-child > a{
border-right: 0
}
.header .navbar-nav > li > .sub-menu{
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
position: absolute;
top: 100% !important;
left: 0;
z-index: 100;
min-width: 250px;
background-color: white;
}
.header .iw-header .iw-menu-main .navbar-nav > li > .sub-menu {
display:none;
}
.header .iw-header .iw-menu-main .navbar-nav li > .sub-menu {
background-position: bottom right;
background-size: cover;
}
.header .navbar-nav > li.menu-item-has-children:hover > .sub-menu{
top: 53px;
}
.header .navbar-default .sticky-logo-wrap, .header .navbar-default .iw-menu-header-default, .header .navbar-default .header-book-button{
float: left;
width: 100%;
}
.header .navbar-default .sticky-logo-wrap, .header .navbar-default .header-book-button{
display: none;
} .iw-nav-menu li .sub-menu{
display: none;
}
.iw-nav-menu li .sub-menu li{
position: relative;
}
.iw-nav-menu > li:hover > .sub-menu > li > .sub-menu,
.iw-nav-menu > li:hover.wrap-2-column > .sub-menu > li > .sub-menu,
.iw-nav-menu > li:hover.wrap-3-column > .sub-menu > li > .sub-menu,
.iw-nav-menu > li:hover.wrap-4-column > .sub-menu > li > .sub-menu{
display: block;
}
.iw-nav-menu > li.wrap-1-column .sub-menu li > .sub-menu,
.iw-nav-menu > li.wrap-2-column .sub-menu li > .sub-menu li > .sub-menu,
.iw-nav-menu > li.wrap-3-column .sub-menu li > .sub-menu li > .sub-menu,
.iw-nav-menu > li.wrap-4-column .sub-menu li > .sub-menu li > .sub-menu
{
position: absolute;
left: auto;
right: -217px;
top: 0;
background: #fff;
width: 217px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
display: block;
visibility:hidden;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:200ms ease;
-moz-transition:200ms ease;
-o-transition:200ms ease;
transition:200ms ease;
z-index: 99999;
}
.iw-nav-menu > li.wrap-1-column .sub-menu li:hover > .sub-menu,
.iw-nav-menu > li.wrap-2-column .sub-menu li > .sub-menu li:hover > .sub-menu,
.iw-nav-menu > li.wrap-3-column .sub-menu li > .sub-menu li:hover > .sub-menu,
.iw-nav-menu > li.wrap-4-column .sub-menu li > .sub-menu li:hover > .sub-menu
{
visibility:visible;
opacity:1;
filter:alpha(opacity=100);
} .header .iw-header .iw-menu-main .navbar-nav > li.wrap-1-column > .sub-menu{
max-width: 250px;
}
.header.header-style-default .iw-header .iw-menu-main .navbar-nav li > .sub-menu li a{
font-family:Poppins;
}
.header .iw-header .iw-menu-main .navbar-nav li > .sub-menu li a {
display: block;
font-size: 12px;
font-weight: 600;
line-height: 42px;
margin: 0 15px;
}
.header .iw-header .iw-menu-main .navbar-nav > li > ul.sub-menu > li ul.sub-menu > li > a,
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-1-column > ul > li > a {
display: block;
font-size: 14px;
color: #777777;
line-height: 42px;
border-bottom: 1px solid #eee;
margin: 0 15px;
font-weight: 400;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-1-column > .sub-menu li a i{
display: inline-block;
padding-right: 15px;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-1-column > ul.sub-menu > li > ul > li:last-child > a{
border-bottom: 0;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-1-column > .sub-menu li:last-child a{
border-bottom: 0;
} .header .iw-header .iw-menu-main .navbar-nav > li.wrap-2-column > .sub-menu{
width: 440px;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-2-column > ul.sub-menu > li{
position: relative;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-2-column > ul.sub-menu > li:after{
display: block;
content: '';
clear: both;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-2-column > ul.sub-menu > li:nth-child(1),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-2-column > ul.sub-menu > li:nth-child(2){
float: left;
width: 50%;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-2-column > ul.sub-menu > li:nth-child(1){
border-right: 1px solid #eee;
}
.header .iw-header .iw-menu-main .navbar-nav > li > ul.sub-menu > li > ul > li:last-child > a{
border-bottom: 0;
} .header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > .sub-menu{
width: 660px;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li{
position: relative;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li:after{
display: block;
content: '';
clear: both;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li:nth-child(1),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li:nth-child(2){
float: left;
width: 33%;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li:nth-child(3){
float: left;
width: 34%;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li:nth-child(1),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li:nth-child(2){
border-right: 1px solid #eee;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-3-column > ul.sub-menu > li > ul > li:last-child > a{
border-bottom: 0;
}
.header .iw-header .iw-menu-main .navbar-nav > li > ul.sub-menu > li ul.sub-menu > li > a > i{
display: inline-block;
padding-right: 15px;
} .header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column{
position: static;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu{
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.header .iw-header .iw-menu-main .navbar-nav > li.menu-item-has-children.wrap-4-column:hover > ul.sub-menu{
top: 53px;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li:nth-child(1),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li:nth-child(2),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li:nth-child(3),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li:nth-child(4){
float: left;
width: 25%;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li:nth-child(1),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li:nth-child(2),
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li:nth-child(3){
border-right: 1px solid #eee;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li > ul > li:last-child > a{
border-bottom: 0;
}
.header .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu > li > ul > li > a > i{
display: inline-block;
padding-right: 15px;
} body.down .header.header-version-2.clone {
-webkit-box-shadow: none;
box-shadow: none;
}
.header.header-version-2 .navbar.iw-header .iw-header-main-v2 .nav-collapse {
position: relative;
}
.header.header-version-2 .top-bar-wrapper{
padding: 10px 0 40px;
}
.header.header-version-2 .social-header{
float: right;
}
.header .social-header .iw-social-all{
list-style: none;
padding: 0;
margin: 0;
}
.header.header-version-2 .iw-top-bar{
float: right;
}
.header.header-version-2 .wrapper-color{
margin: 0 15px;
position: relative;
}
.header .navbar {
border-radius: 0;
-webkit-border-radius: 0;
}
.header.header-version-2 .iw-header {
background: transparent;
margin: 0;
border: 0;
position: absolute;
bottom: -52px;
left: 0;
z-index: 99;
width: 100%;
}
.header.header-version-2 .iw-logo{
padding: 0 20px;
margin: 0;
position: relative;
overflow: hidden;
}
.header.header-version-2 .iw-logo a {
display: block;
padding: 23px 0;
position: relative;
z-index:3;
}
.header.header-version-2 .iw-logo a img{
max-width: 165px;
max-height: 45px;
}
.header.header-version-2 .iw-logo::after {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: -28px;
position: absolute;
top: 0;
-webkit-transform: skewX(-30deg);
transform: skewX(-30deg);
width: 100%;
z-index: 1;
}
.header.header-version-2 .iw-header .iw-menu-main .iw-nav-menu{
padding-left: 30px;
}
.header.header-version-2 .navbar-default .navbar-nav > li{
position: relative;
}
.header.header-version-2 .navbar-default .navbar-nav > li:first-child{
padding-right: 0;
}
.header.header-version-2 .navbar-default .navbar-nav > li > a{
font-size: 14px;
color: white;
line-height:88px;
padding: 0 20px;
position: relative;
}
.header.header-version-2 .navbar-default .navbar-nav > li > a > strong{
font-weight: 400;
position: relative;
font-family: Poppins;
}
.header.header-version-2 .iw-header .iw-menu-main .navbar-nav > li > a > strong::before{
bottom: -5px;
}
.header.header-version-2 .navbar-default .navbar-nav > li > a:after{
position: absolute;
right: 0;
top: 38px;
width: 1px;
height: 15px;
content: '';
background-color: white;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
.header.header-version-2 .navbar-default .navbar-nav > li:last-child > a:after{
display: none;
}
.header.header-version-2 .navbar-nav > li.menu-item-has-children:hover > .sub-menu{
top: 100%;
}
.header.header-version-2 .wrapper-color.static-menu-4-column .iw-nav-menu,
.header.header-version-2 .wrapper-color.static-menu-4-column .iw-main-menu,
.header.header-version-2 .wrapper-color.static-menu-4-column .iw-menu-main,
.header.header-version-2 .wrapper-color.static-menu-4-column .iw-menu-header-default,
.header.header-version-2 .wrapper-color.static-menu-4-column .col-md-9.col-xs-6.col-sm-6{
position: static;
}
.header.header-version-2 .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu{
top: 88px!important;
} .header.header-version-2 .search-form-header{
display: none;
}
.header.header-version-2 .container {
position: relative;
}
.header.header-version-2 .search-form-header.theme-bg {
height: 100%;
right: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.header.header-version-2 .search-box-header {
height: 100%;
width: 100%;
}
.header.header-version-2 .top-search {
border-width: 0;
font-size: 15px;
font-weight: 300;
height: 100%;
padding: 0;
text-align: left;
width: 100%;
z-index: 99; color:#fff;
text-indent:27px;
}
.header.header-version-2 .search-form > button {
border: 0;
background: transparent;
color: white;
position: absolute;
right: 30px;
top: 20px;
z-index: 9991;
padding: 10px;
}
.header.header-version-2 .search-form > button i{
font-size: 18px;
}
.header.header-version-2.active-search-form .search-form-header{
display: block;
}
.header.header-version-2.active-search-form .search-form > button i::before{
content: "";
}
.header.header-version-2 input.top-search::-webkit-input-placeholder {
color: #ffffff;
} .header-version-3.header.clone .navbar-default .iw-menu-header-default {
width: 100%;
}
.header-version-3 .social-header{
float: right;
}
.header-version-3 .iw-top-bar{
float: right;
}
.header.header-version-3 .top-bar-wrapper{
border-bottom: 0;
}
.header.header-version-3 .iw-top-bar-wrap {
padding: 7px 0;
background: #fafafa;
}
.header-version-3 .navbar.navbar-default.iw-header {
background: #ffffff none repeat scroll 0 0;
border: 0 none;
margin: 0;
}
.header.header-version-3 .search-form-header.theme-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.header.header-version-3 .search-form-header {
display: none;
}
.header.header-version-3 .search-form-header.theme-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.header.header-version-3 .search-box-header {
height: 100%;
width: 100%;
}
.header.header-version-3 .top-search {
border-color: #838383;
border-style: solid none none;
border-width: 1px 0 0;
color: #838383;
font-size: 18px;
font-weight: 300;
height: 100%;
padding: 0;
text-align: center;
width: 100%;
z-index: 99;
}
.header.header-version-3 .iw-search-cart {
float: right;
z-index: 1000;
margin-top: 26px;
width: 50px;
text-align: right;
position: relative;
}
.header.header-version-3 .main-menu {
float: left;
width: calc(100% - 50px);
}
.header-version-3 .search-form > button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #d4d4d4;
border-radius: 50%;
height: 34px;
width: 34px;
}
.header-version-3 .search-form > button i{
color: #d4d4d4;
font-size: 16px;
display: inline-block;
line-height: 34px;
text-align: center;
padding-left: 3px;
top: -1px;
position: relative;
}
.header.header-version-3.active-search-form .search-form > button i{
padding-left: 0;
}
.header.header-version-3.active-search-form .search-form-header{
display: block;
}
.header.header-version-3.active-search-form .search-form > button i::before{
content: "";
}
.header.header-version-3 .navbar-default .navbar-nav > li > a{
font-size: 14px;
color: black;
line-height:88px;
padding: 0 20px;
position: relative;
}
.header.header-version-3 .navbar-default .navbar-nav > li > a > strong{
font-weight: 500;
position: relative;
font-family: Poppins;
}
.header.header-version-3 .iw-header .iw-menu-main .navbar-nav > li > a > strong::before{
bottom: -5px;
}
.header.header-version-3 .navbar-default .navbar-nav > li > a:after{
position: absolute;
right: 0;
top: 36px;
width: 1px;
height: 15px;
content: '';
background-color: #d4d4d4;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
.header.header-version-3 .navbar-default .navbar-nav > li:last-child > a:after{
display: none;
}
.header.header-version-3 .wrapper-color{
position: relative;
}
.header.header-version-3 .navbar-nav > li.menu-item-has-children:hover > .sub-menu{
top: 100%;
}
.header.header-version-3 .wrapper-color.static-menu-4-column .iw-nav-menu,
.header.header-version-3 .wrapper-color.static-menu-4-column .iw-main-menu,
.header.header-version-3 .wrapper-color.static-menu-4-column .iw-menu-main,
.header.header-version-3 .wrapper-color.static-menu-4-column .iw-menu-header-default,
.header.header-version-3 .wrapper-color.static-menu-4-column .col-md-8.col-xs-6.col-sm-6{
position: static;
}
.header.header-version-3 .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu{
top: 88px!important;
}  .header .main-logo,
.header.clone .sticky-logo{
display: inline-block;
}
.header.clone .top-bar-wrapper{
display: none;
}
.header.clone{
position: fixed!important;
top: -250px;
left: 0;
right: 0;
bottom:auto;
z-index: 99;
-webkit-transition: 0.2s top cubic-bezier(.3,.73,.3,.74);
transition: 0.2s top cubic-bezier(.3,.73,.3,.74);
}
body.down .header.clone{
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);
top: 0;
}
.header-default.header.clone .navbar-default .iw-menu-header-default {
padding: 0 20px;
}
body.down.body-boxed .header.header-sticky.clone {
left: auto;
right: auto;
}
.header-sticky.clone .logo img{
display: none;
}
.header-sticky.clone .logo .sticky-logo{
display: block;
}
body.down .header.header-defaul.header-sticky{
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 300ms, opacity 300ms;
}
body.down .header.header-default.header-sticky.clone,
body.down .header.header-version-2.header-sticky.clone{
visibility: visible;
opacity: 1;
transition: visibility 1s linear 1s, opacity 300ms;
}
.header .sticky-logo{
display: none;
}
.header.clone .main-logo{
display: none;
}
.header.clone .iw-logo-appointment{
display: none;
}
.header.clone .navbar-default .sticky-logo-wrap, .header.clone .navbar-default .header-book-button{
display: block;
}
.header.clone .navbar-default .sticky-logo-wrap, .header.clone .navbar-default .header-book-button{
width: 15%;
}
.header.clone .navbar-default .iw-menu-header-default{
width: 70%;
}
.header.clone .sticky-logo{
display: inline-block;
margin-top: 15px;
}
.header.clone .header-book-button{
text-align: right;
margin-top: 22px;
}
.header.clone .header-book-button a {
display: inline-block;
overflow: hidden;
border: 2px solid #fff;
}
.header.clone .header-book-button a span {
position: relative;
-webkit-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
height: 32px;
line-height: 32px;
display: inline-block;
padding: 0 10px;
text-align: center;
color: #fff;
font-weight: bold;
}
.header.clone .header-book-button a span:before {
content: attr(data-hover);
left: 0;
padding: 0 10px;
position: absolute;
top: 100%;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
visibility: hidden;
}
.header.clone .header-book-button a:hover span:before {
visibility: visible;
}
.header.clone .header-book-button a:hover span,
.header.clone .header-book-button a:focus span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
background: transparent;
color: #ffffff;
} .header.header-default.header-sticky.clone .navbar.navbar-default.iw-header::after{
display: none;
}
.header.header-default.header-sticky.clone .navbar.navbar-default.iw-header{
border-bottom: 0;
}
.header.header-default.header-sticky.clone  .iw-main-menu,
.header.header-version-2.header-sticky.clone  .iw-main-menu{
position: relative;
}
.header.header-default.header-sticky.clone  .iw-main-menu:after,
.header.header-version-2.header-sticky.clone  .iw-main-menu:after{
display: block;
content: '';
clear: both;
}
.header.header-default.header-sticky.clone .main-menu .iw-main-menu .logo,
.header.header-version-2.header-sticky.clone .main-menu .iw-main-menu .logo{
margin: 0;
float: left;
padding: 16px 0;
}
.header.header-default.header-sticky.clone .main-menu .iw-main-menu .logo a,
.header.header-version-2.header-sticky.clone .main-menu .iw-main-menu .logo a{
display: inline-block;
}
.header.header-default.header-sticky.clone .main-menu .iw-main-menu .logo a img.sticky-logo,
.header.header-version-2.header-sticky.clone .main-menu .iw-main-menu .logo a img.sticky-logo{
display: inline-block;
max-width: 165px;
height: 45px;
}
.header.header-default.header-sticky.clone .main-menu .iw-main-menu .iw-nav-menu,
.header.header-version-2.header-sticky.clone .main-menu .iw-main-menu .iw-nav-menu{
float: right;
}
.header.header-default.header-sticky.clone .navbar-nav > li{
padding: 25px 0;
border-right: 1px solid rgba(255,255,255,0.1);
}
.header.header-default.header-sticky.clone .navbar-nav > li > .sub-menu,
.header.header-default.header-sticky.clone .iw-header .iw-menu-main .navbar-nav > li.menu-item-has-children.wrap-4-column:hover > ul.sub-menu{
top: 100%;
}
.header.header-default.header-sticky.clone .static-menu-4-column,
.header.header-version-2.header-sticky.clone .static-menu-4-column{
position: static;
}
.header.clone{
transition:all ease 0.5s;
}
.st-menu-open .header.clone{
right:240px;
left:auto;
width:100%;
}
.header.header-version-2 .language-appointment-header .header-book-button a,
.header.header-version-2 .off-canvas-btn {
border: 2px #ffffff solid;
}
.header.header-version-2 .language-appointment-header .header-book-button a span {
height: 40px;
line-height: 40px;
}
.header.header-version-2 .off-canvas-btn {
line-height: 40px;
}
.header.header-version-2.clone .language-appointment-header .header-book-button a span {
border: none;
}
.header.header-version-2 .cart-quickaccess a, .header.header-version-2.clone .cart-quickaccess a {
color: #ffffff;
}
.header.header-version-2 .cart-quickaccess a span {
border: 1px #ffffff solid;
} .header.header-version-2.clone .iw-logo a{
padding:0;
}
.header.header-version-2.clone .iw-header{
border-radius: 0;
bottom: 0;
position: relative;
}
.header.header-version-2.clone .iw-logo::after{
display: none;
}
.header.header-version-2.clone .navbar-default .navbar-nav > li > a::after{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
top: 31px;
}
.header.header-version-2.clone .navbar-default .navbar-nav > li > a{
line-height: 76px;
}
.header.header-version-2.clone .search-form > button{
top: 17px;
}
.header.header-version-2.clone .iw-header .iw-menu-main .iw-nav-menu {
float: right;
padding-left: 0;
padding-right: 60px;
}
.header.header-version-2.clone .iw-header .iw-menu-main .navbar-nav > li.wrap-4-column > ul.sub-menu {
top: 76px !important;
} .header.clone.header-version-v4 .navbar-default .iw-menu-header-default {
width: 85%;
padding: 0 20px;
}
.header.clone.header-version-v4 .navbar-default .navbar-nav > li > a {
height: 75px;
line-height: 75px;
padding: 0 15px;
}
.header-version-v4.header.clone .iw-search-cart {
height: 75px;
line-height: 75px;
}
.header-version-v4.header.clone .social-header .iw-social-all li {
height: 75px;
line-height: 75px;
}
.header-version-v4.header.clone .sticky-logo {
margin-top: 20px;
}
.header-version-v4 .top-bar-wrapper {
padding: 36px 0 20px;
}
.header-version-v4 .top-bar-wrapper h1.logo {
margin: 0;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact {
text-align: right;
font-size: 14px;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact .header-contact-v2.address {
width: 63%;
padding-left: 13%;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact .header-contact-v2.opening-hours {
width: 37%;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact .header-contact-v2 {
float: left;
text-align: left;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact .text {
overflow: hidden;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact span {
display: block;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact .black {
color: #232323;
font-weight: 600;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact .icon {
color: #bababa;
font-size: 36px;
float: left;
margin: 4px 20px 0;
}
.header-version-v4 .top-bar-wrapper .top-bar-contact .icon i {
margin: 0;
width: auto;
height: auto;
}
.header-version-v4 .top-bar-wrapper .language-appointment-header {
padding: 0;
height: 48px;
}
.header-version-v4 .top-bar-wrapper .language-appointment-header .header-book-button a span {
padding: 0 30px;
letter-spacing: 0;
height: 44px;
line-height: 44px;
}
.header-version-v4 .language-appointment-header .header-book-button a span:before {
content: attr(data-hover);
padding: 0 30px;
}
.header-version-v4 .language-appointment-header {
float: none;
}
.header-version-v4 .language-appointment-header .cart-quickaccess {
float: left;
margin-right: 20px;
}
.header-version-v4 .navbar {
border: none;
}
.header-version-v4 .navbar-default .navbar-nav > li > a {
height: 56px;
font-family: Poppins;
line-height: 56px;
padding: 0 25px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
position: relative;
z-index: 0;
}
.header-version-v4 .navbar-default .navbar-nav > li > a > strong {
font-weight:500;
}
.header-version-v4 .navbar-default .navbar-nav > li.selected.active > a:after,
.header-version-v4 .navbar-default .navbar-nav > li[class*="current-menu"] > a:after,
.header-version-v4 .navbar-default .navbar-nav > li > a:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
z-index: -1;
}
.header-version-v4 .navbar-default .navbar-nav > li > a:before {
content: "";
position: absolute;
top: 2px;
right: 0;
width: 1px;
height: calc(100% - 4px);
background: rgba(255, 255, 255, 0.4);
}
.header-version-v4 .navbar-default .navbar-nav > li:last-child > a:before {
display: none;
}
.header-version-v4 .navbar-default .navbar-nav > li > a strong:before, .header-version-v4 .navbar-default .navbar-nav > li > a strong:after {
display: none;
}
.header-version-v4.header .social-header {
float: left;
margin: 0;
text-align: right;
width: calc(100% - 46px);
padding: 0 10px;
}
.header-version-v4.header .social-header ul{
padding: 0;
margin: 0;
list-style: none;
}
.header-version-v4.header .social-header .iw-social-all li {
height: 56px;
line-height: 56px;
color: #ffffff;
}
.header-version-v4.header .social-header .iw-social-all li a {
color: #ffffff;
font-size: 14px;
}
.header-version-v4.header .iw-search-cart {
float: right;
width: 46px;
height: 56px;
line-height: 56px;
position: relative;
z-index: 1500;
cursor: pointer;
}
.header-version-v4.header .iw-search-cart .search-form:after {
position: absolute;
content: "\f2f5";
font-family: "Ionicons";
width: 100%;
height: 100%;
font-size: 14px;
color: #ffffff;
text-align: center;
left: 0;
top: 0;
}
.header-version-v4.header.active-search-form .iw-search-cart .search-form:after {
content: "\f12a";
}
.header-version-v4.header .iw-search-cart .search-form:before {
background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
content: "";
height: 36px;
left: 0;
position: absolute;
top: calc(50% - 18px);
width: 1px;
}
.header-version-v4.header.active-search-form .iw-search-cart .search-form:before {
display: none;
}
.header-version-v4 .navbar {
position: relative;
margin: 0;
}
.header-version-v4 .search-form-header {
display: none;
}
.header-version-v4.active-search-form .search-form-header {
display: block;
}
.header-version-v4 .search-box-header {
position: relative;
height: 100%;
}
.header-version-v4 .search-form-header.theme-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.header-version-v4 .search-form-header input {
border: none;
color: #ffffff;
font-size: 18px;
font-weight: 300;
height: 100%;
padding: 0;
text-align: center;
width: 100%;
z-index: 99;
background: rgba(0, 0, 0, 0.2);
position: absolute;
}
.search-form-header input::-moz-placeholder{
opacity: 1!important;
}
.search-form-header input:-webkit-input-placeholder{
opacity: 1!important;
}
.header-version-v4.header.active-search-form .iw-search-cart button {
position: relative;
z-index: 1000;
border: none;
}
.header-version-v4.header.active-search-form .iw-search-cart button:after {
position: absolute;
width: 100%;
height: 100%;
content: "\f2d7";
top: -6px;
left: 0;
font-family: Ionicons;
}
.header-version-v4.header.active-search-form .iw-search-cart button i {
display: none;
} .wrapper {
overflow: hidden;
}
.header-style-5 .container {
max-width: 100%;
}
.wrapper.header-style-5{
margin-left:300px;
transition: all ease 0.5s;
}
.header.header-version-5{
position:fixed;
width:300px;
left:0;
top:0;
height:100%;
transition: all ease 0.5s;
transform: translateX(0);
z-index:2;
background: #222831;
}
.header.header-version-5 ul{
list-style: none;
padding: 0;
margin: 0;
}
.header-style-5 .logo-header{
margin:35px 0 95px 0;
text-align:center;
}
.header-style-5 .header-v5-logo-mobile,
.header-style-5 .open-canvas-button{
display: none;
}
.header-style-5 .header-inner .cart-quickaccess {
display: none;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item > a{
display:block;
padding:15px 50px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item li > a{
padding: 15px 60px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item li li > a {
padding: 15px 70px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item a{
color: #ffffff;
font-size: 14px;
font-weight: 600;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item a:hover,
.header-style-5 .main-menu ul.canvas-menu > li:hover > a,
.header-style-5 .main-menu ul.canvas-menu li.active > a,
.header-style-5 .main-menu ul.canvas-menu li.current-menu-ancestor > a{
color:#fff;
}
.header-style-5 .main-menu ul.canvas-menu li:hover:before,
.header-style-5 .main-menu ul.canvas-menu li.active:before {
background: #191919;
}
.header-style-5 .main-menu small.icon-arrow{
display:none;
}
.header-style-5 .main-menu .menu-item {
position: relative;
}
.header-style-5 .main-menu .menu-item .sub-menu {
left: 80%;
position: absolute;
top: 0;
width: 300px;
display: block !important;
opacity: 0;
background-color: #222831;
background-image: none !important;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
visibility: hidden;
}
.header-style-5 .main-menu .menu-item:hover > .sub-menu {
left: 100%;
opacity: 1;
visibility: visible;
}
.header-style-5 .main-menu .menu-item > a{
display:block;
}
.header-style-5 .main-menu .menu-item > a i{
margin-right: 5px;
}
.header-style-5 .main-menu .menu-item-has-children > a{
position:relative;
}
.header-style-5 .main-menu span.icon-arrow{
position: absolute;
width: 20px;
height: 20px;
right: 35px;
top: calc(50% - 10px);
color:#ffffff;
line-height: 20px;
text-align: center;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item > a:hover span.icon-arrow,
.header-style-5 .main-menu ul.canvas-menu > li:hover > a span.icon-arrow,
.header-style-5 .main-menu ul.canvas-menu li.active > a span.icon-arrow,
.header-style-5 .main-menu ul.canvas-menu li.current-menu-ancestor > a span.icon-arrow{
color:#fff;
}
.header-style-5 .main-menu span.icon-arrow:before{
content:"\f3d3";
font-family: Ionicons;
}
.header-style-5 .menu-scroll{
overflow:hidden;
width:100%;
}
.header-style-5 .enscroll-track.track3{
margin-right: 0;
z-index: 9999;
background: #e9e9e9 none repeat scroll 0 0;
transition: background 250ms linear 0s;
width: 6px;
}
.header-style-5 .handle3 {
right: 0;
transition: width 250ms ease 0s;
width: 6px;
}
.header-version-5 .make-appointment-header-v5 {
padding-left: 50px;
margin-top:40px;
}
.header-version-5 .make-appointment-header-v5 a {
font-size:14px;
color: #ffffff;
text-transform:uppercase;
display:inline-block;
padding:10px 25px;
border-width: 2px;
border-color: #ffffff;
border-style: solid;
white-space:nowrap;
font-weight: 600;
}
.header-version-5 .make-appointment-header-v5 .cart-quickaccess a {
border: none;
font-size: 24px;
font-weight: 400;
}
.header-version-5 .make-appointment-header-v5 .cart-quickaccess a span {
border: 1px #ffffff solid;
}
.header-version-5 .copyright-social-header{
position: absolute;
bottom: 0;
width: 100%;
padding: 50px 50px 0;
}
.header-version-5 .copyright-social-header .social-header {
text-align: left;
}
.header-version-5 .social-header-v5 .social-title {
color: #a9a9a9;
font-size: 12px;
}
.header-version-5 .social-header-v5 ul {
margin: 0;
padding: 12px 0 33px;
}
.header-version-5 .social-header-v5 ul li{
display:inline-block;
}
.header-version-5 .social-header-v5 a {
font-size: 14px;
color: #b6b6b6;
display: inline-block;
margin: 0 18px 0 0;
}
.header-style-5 .forcefullwidth_wrapper_tp_banner {
left: 0 !important;
}
.header-style-5 .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper {
width: 100% !important;
left: 0 !important;
}  .header.header-version-v6:not(.clone) .iw-logo-appointment {
display: none;
}
.header.clone.header-version-v6 .navbar-default .iw-menu-header-default {
width: 100%;
}
.header.header-version-v6 .top-bar-wrapper {
background: #f6f6f6;
border: none;
padding: 8px 0;
}
.header-version-v6 .social-header, .header-version-v6 .iw-top-bar {
float: right;
font-family: "Hind";
color: #838383;
font-size: 12px;
}
.header.header-version-v6 .social-header {
margin: 0;
}
.header.header-version-v6 .social-header .iw-social-all li a i {
font-size: 14px;
}
.header.header-version-v6 .iw-top-bar .contact {
font-size: 14px;
padding: 2px 0 0;
}
.header.header-version-v6 .iw-logo {
margin: 0;
}
.header.header-version-v6 .iw-logo img.main-logo {
margin: 15px 0 0;
}
.header.header-version-v6 .navbar-default .navbar-nav > li > a {
line-height: 94px;
padding: 0 15px;
font-size:17px;
}
.page-template-home-page-plastic-surgery .header.header-version-v6 .navbar-default .navbar-nav > li > a {
padding: 0 5px;
font-size: 16px;
font-weight: 700;
}
.header.header-version-v6 .navbar-default .navbar-nav > li > a strong {
font-weight: 400;
}
.header.header-version-v6 .navbar-default {
border: none;
background: #ffffff;
margin: 0;
}
.header.header-version-v6 .navbar-default .navbar-nav {
text-align: right;
}
.header.header-version-v6 .navbar-default .navbar-nav .dropdown-nav {
text-align: left;
}
.header.header-version-v6 .navbar-default .navbar-nav > li {
padding: 0 10px;
float: none;
display: inline-block;
}
.header.header-version-v6 .navbar-default .navbar-nav > li:last-child {
padding: 0 0 0 10px;
}
.header.header-version-v6 .navbar-default .navbar-nav > li > a:after {
display: none;
}
.header-version-v6 .navbar-default .navbar-nav > li.selected.active > a, 
.header-version-v6 .navbar-default .navbar-nav > li[class*="current-menu"] > a, 
.header-version-v6 .navbar-default .navbar-nav > li > a:hover {
background-image: url(//iaimhealthcare.org/wp-content/themes/inmedical/assets/images/header/bg-menu-hover.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.header.header-version-v6 .iw-header .iw-menu-main .navbar-nav li > .sub-menu li a {
font-weight: 400;
font-size: 17px !important;
}  .header.header-version-v7:not(.clone) .iw-logo-appointment {
display: none;
}
.header.clone.header-version-v7 .navbar-default .iw-menu-header-default {
width: 100%;
}
.header.header-version-v7 .top-bar-wrapper {
background: #f6f6f6;
border: none;
padding: 8px 0;
}
.header-version-v7 .social-header, .header-version-v7 .iw-top-bar {
float: right;
font-family: "Hind";
color: #838383;
font-size: 12px;
}
.header.header-version-v7 .social-header {
margin: 0;
}
.header.header-version-v7 .social-header .iw-social-all li a i {
font-size: 14px;
}
.header.header-version-v7 .iw-top-bar .contact {
font-size: 14px;
padding: 2px 0 0;
}
.header.header-version-v7 .iw-logo {
margin: 0;
}
.header.header-version-v7 .iw-logo img.main-logo {
margin: 15px 0 0;
}
.header.header-version-v7 .navbar-default .navbar-nav > li > a {
line-height: 94px;
font-family: "Chewy";
padding: 0 15px;
font-size:17px;
}
.page-template-home-page-plastic-surgery .header.header-version-v7 .navbar-default .navbar-nav > li > a {
padding: 0 5px;
font-size: 16px;
font-weight: 700;
}
.header.header-version-v7 .navbar-default .navbar-nav > li > a strong {
font-weight: 400;
}
.header.header-version-v7 .navbar-default {
border: none;
background: #ffffff;
margin: 0;
}
.header.header-version-v7 .navbar-default .navbar-nav {
text-align: right;
}
.header.header-version-v7 .navbar-default .navbar-nav .dropdown-nav {
text-align: left;
}
.header.header-version-v7 .navbar-default .navbar-nav > li {
padding: 0 10px;
float: none;
display: inline-block;
}
.header.header-version-v7 .navbar-default .navbar-nav > li:last-child {
padding: 0 0 0 10px;
}
.header.header-version-v7 .navbar-default .navbar-nav > li > a:after {
display: none;
}
.header-version-v7 .navbar-default .navbar-nav > li.selected.active > a,
.header-version-v7 .navbar-default .navbar-nav > li[class*="current-menu"] > a,
.header-version-v7 .navbar-default .navbar-nav > li > a:hover {
background-image: url(//iaimhealthcare.org/wp-content/themes/inmedical/assets/images/header/bg-menu-hover-pet.png);
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
.header.header-version-v7 .iw-header .iw-menu-main .navbar-nav li > .sub-menu li a {
font-weight: 400;
font-size:17px;
}  .off-canvas-menu,
.off-canvas-btn{
display: none;
} .hesperiden .tp-bullet{
border: 0!important;
background: #777777 !important;
}
.shape-icon-1:hover,
.link-icon-1-hover:hover,
.link-icon-1:hover,
.shape-icon-2:hover,
.link-icon-2-hover:hover,
.link-icon-2:hover,
.shape-icon-3:hover,
.link-icon-3-hover:hover,
.link-icon-3:hover,
.shape-icon-4:hover,
.link-icon-4-hover:hover,
.link-icon-4:hover,
.shape-icon-5:hover,
.link-icon-5-hover:hover,
.link-icon-5:hover{
cursor: pointer;
}
.shape-icon-5{
background-color: white!important;
}
.shape-attribute-title-1,
.shape-attribute-title-2,
.shape-attribute-title-3,
.shape-attribute-title-4,
.shape-attribute-title-5 {
background: #494949;
border-radius: 3px;
position: relative;
display: inline-block;
color: white!important;
padding: 6px 16px!important;
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.shape-attribute-title-2{
padding: 6px 5px!important;
}
.shape-attribute-title-1:before,
.shape-attribute-title-2:before,
.shape-attribute-title-3:before,
.shape-attribute-title-4:before,
.shape-attribute-title-5:before{
background: url(//iaimhealthcare.org/wp-content/themes/inmedical/assets/images/arrow-tipp.png) no-repeat scroll center bottom transparent;
content: '';
width: 100%;
position: absolute;
bottom: -7px;
height: 7px;
left: 0;
}
.shape-attribute-title-1.attr-title,
.shape-attribute-title-2.attr-title,
.shape-attribute-title-3.attr-title,
.shape-attribute-title-4.attr-title,
.shape-attribute-title-5.attr-title,
.shape-attribute-title-1:hover,
.shape-attribute-title-2:hover,
.shape-attribute-title-3:hover,
.shape-attribute-title-4:hover,
.shape-attribute-title-5:hover{
opacity: 1;
}
.link-icon-1.icon-1-hover img,
.link-icon-2.icon-2-hover img,
.link-icon-3.icon-3-hover img,
.link-icon-4.icon-4-hover img,
.link-icon-5.icon-5-hover img{
display: none!important;
}
.link-icon-1 img,
.link-icon-2 img,
.link-icon-3 img,
.link-icon-4 img,
.link-icon-5 img{
display: block!important;
}
.icon-slider a{
display: inline-block;
text-align: center;
}
.icon-slider a i{
display: inline-block;
font-size: 20px!important;
line-height: 100px!important;
}
.icon-slider:hover a i{
color: white!important;
}
.link-icon-all-slider-1{
display: inline-block;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.link-slider-2{
padding: 10px 25px;
font-family: Poppins;
font-weight:600;
border-radius: 100px;
font-size: 14px !important;
padding: 10px 25px;
}
.link-slider-2:hover{
color: white!important;
}
.download-slider-2{
padding: 12px 25px;
font-family: Poppins;
font-weight:600;
border-radius: 100px;
color: white;
font-size: 14px !important;
}
.download-slider-2{
color: white;
}
.download-slider-2:hover{
color: white;
}
.readmore-slider{
color:white;
padding:12px 5px 12px 15px;
}
.rtl .readmore-slider{
padding: 12px 15px 12px 5px;
}
.readmore-slider i {
padding: 0 10px !important;
}
.tp-video-play-button {
top: 60% !important;
opacity: 1 !important;
background-color: transparent !important;
width: 70px;
height: 70px;
line-height: 70px;
border: 2px #ffffff solid;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0;
text-align: center;
left: calc(50% - 35px) !important;
z-index: 90 !important;
}
.tp-video-play-button i {
width: 100%;
height: 100%;
line-height: 78px !important;
text-align: center !important;
font-size: 50px !important;
}
.tp-video-play-button i.revicon-right-dir::before {
content: "\f487";
font-family: Ionicons;
}
.tp-caption .tp-revstop {
position: absolute;
top: 8px;
left: 24px;
}
.tp-video-controls {
display: none !important;
}
.title-slider, .desc-slider {
display: block !important;
text-align: center !important;
}
.button-slider-v4 {
color: #ffffff;
padding: 6px 25px;
display: inline-block;
-webkit-border-radius: 30px;
border-radius: 30px;
line-height: 25px !important;
font-size: 14px !important;
}
.button-slider-v4:hover {
color: #ffffff;
}
.sub-title-slider4 {
border-bottom: 2px #ababab solid;
padding-bottom: 4px;
text-align: left !important;
}
.button-slider-surgery {
display: inline-block;
border-width: 2px;
border-style: solid;
padding: 10px 30px;
font-size: 18px;
font-weight: 700;
-webkit-border-radius: 30px;
border-radius: 30px;
color: #ffffff;
}
.button-slider-surgery:hover {
color: #ffffff;
}
.rtl .title-slider-v4, .rtl .desc-slider-v4,
.rtl .slider-text-left {
text-align: left !important;
} .breadcrumbs{
position: relative;
padding: 0 0 30px;
list-style: none;
margin: 0;
}
.breadcrumbs:after{
display: block;
content: '';
clear: both;
}
.breadcrumbs > li  i{
font-size: 14px;
}
.breadcrumbs > li > a{
padding-right:5px;
}
.breadcrumbs > li {
float: left;
}
.breadcrumbs-line{
white-space: nowrap;
min-height: 2px;
min-width: 90px;
max-height: 2px;
max-width: 90px;
margin: 9px 0 9px;
}
.breadcrumbs-top .container{
margin:0px;
padding:0px;
} .iw-footer-default .iw-footer-middle {
background: rgb(49, 49, 49) none repeat scroll 0 0;
padding: 65px 0 75px;
border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}
.iw-footer-default .widget-info-footer .iw-widget-about-us img {
margin-bottom: 35px;
}
.iw-footer-default .iw-footer-middle .widget-title {
border-bottom: 0;
color: #ffffff;
font-size: 22px;
font-weight: 100;
margin: 0 0 36px;
padding: 0 0 10px;
position: relative;
}
.no-title .widget-title {
display: none;
}
.iw-footer-default .iw-footer-middle .widget_nav_menu p{
margin-top: -8px;
margin-bottom: 8px;
}
.widget_nav_menu ul{
padding : 0;
margin: 0;
list-style: none;
}
.iw-footer-default, .iw-footer-middle .widget_nav_menu .menu li a,
.iw-footer-default .widget_inwave-subscribe .malchimp-desc {
color: #ffffff;
}
.iw-footer-default .iw-footer-middle .widget_inwave-contact-info p{
margin: 0 0 20px;
}
.iw-footer-default .iw-footer-middle .widget_inwave-contact-info a.link_page_about_us{
display: inline-block;
position: relative;
font-weight: 600;
}
.iw-footer-middle .widget_nav_menu .menu li a {
display: inline-block;
padding-left: 20px;
position: relative;
line-height: 36px;
}
.iw-footer-default .iw-footer-middle .widget_nav_menu .menu li a:after {
content: "\f10b";
font-family: "Ionicons";
position: absolute;
left: 0;
top: 0;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications input {
background: #393939 none repeat scroll 0 0;
border: 1px solid #4c4c4c;
color: rgb(150, 149, 149);
font-size: 14px;
height: 37px;
margin-top: 10px;
padding: 10px 5px 10px 10px;
width: 100%;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications button {
border: 0 none;
color: #ffffff;
font-size: 14px;
height: 40px;
line-height: 40px;
text-transform: uppercase;
width: 115px;
display: inline-block;
margin: 10px 0 0;
background: transparent;
}
.iw-footer-middle .widget_inwave-subscribe .response {
padding: 0 10px;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications h5{
margin: 0;
padding: 19px 0;
font-size: 14px;
font-weight: 400;
line-height: 28px;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications .iw-social-footer-all{
padding: 0;
margin: 0;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications .iw-social-footer-all li{
display: inline-block;
margin-right: 10px;
}
.iw-footer-default .widget_inwave-subscribe .malchimp-desc {
margin-bottom: 5px;
margin-top: -8px;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications .iw-social-footer-all li:last-child{
margin-right: 0;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications .iw-social-footer-all li a{
display: inline-block;
height: 34px;
width: 34px;
color: #b1b1b1;
line-height: 34px;
text-align: center;
border: 1px solid #4c4c4c;
}
.iw-footer-middle .widget_inwave-subscribe .iw-email-notifications .iw-social-footer-all li a:hover {
color: #ffffff;
}
.ajax-overlay {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.iw-footer-default .widget_recent_entries .recent-blog-posts-default h3.recent-blog-post-title a{
color: white;
}
.iw-footer-default .widget_recent_entries .recent-blog-posts-default li.recent-blog-post:first-child{
padding-top: 0;
}
.iw-footer-default .widget_recent_entries .recent-blog-posts-default li.recent-blog-post{
border: 0;
}
.iw-footer-default .widget_recent_entries ul.recent-blog-posts-default,
.iw-footer-default .widget_recent_comments ul{
margin: 0;
}
.iw-footer-default .widget_categories ul li:first-child,
.iw-footer-default .widget_meta ul li:first-child,
.iw-footer-default .widget_archive ul li:first-child,
.iw-footer-default .widget_recent_comments ul li.recentcomments{
padding-top: 0;
}
.iw-footer-default .widget_categories ul li:last-child,
.iw-footer-default .widget_meta ul li:last-child,
.iw-footer-default .widget_archive ul li:last-child{
border-bottom: 0;
}
.iw-footer-default .widget_categories select,
.iw-footer-default .widget_text select,
.iw-footer-default .widget_archive select,
.iw-footer-default .widget_recent_comments ul{
margin-top: 0;
}
.iw-footer-default .widget_categories select option,
.iw-footer-default .widget_text select option,
.iw-footer-default .widget_archive select option{
color: #232323;
}
.iw-footer-default .widget_categories ul li:hover > a,
.iw-footer-default .widget_meta ul li:hover > a,
.iw-footer-default .widget_archive ul li:hover > a {
color: white;
}
.iw-footer-default .search-box input.top-search{
color: #232323;
}
.iw-footer-default .widget_calendar caption{
padding-top: 0;
color: white;
}
.iw-footer-default .widget_pages ul li:last-child,
.iw-footer-default .page-content .widget_nav_menu ul li:last-child{
border-bottom: 0;
}
.iw-footer-default .widget_pages ul li:first-child a,
.iw-footer-default .page-content .widget_nav_menu ul li:first-child a{
padding-top: 0;
}
.iw-footer-default .widget_pages ul li:hover a{
color: white;
}
.iw-footer-default  .iw-footer-middle .widget-title .rsswidget{
color: white;
}
.iw-footer-default .tagcloud {
margin-top: 0;
}
.iw-copy-right {
background: rgb(45, 45, 45) none repeat scroll 0 0;
padding: 17px 0;
}
.iw-footer-default .iw-copy-right p {
margin: 0;
}
.iw-footer-default.iw-footer-v2 .iw-footer-middle .widget_nav_menu .menu li {
-webkit-transition: all 0.3s linear;
transition:  all 0.3s linear;
}
.iw-footer-default.iw-footer-v2 .iw-footer-middle .widget_nav_menu .menu li:hover {
padding-left: 10px;
}
.rtl .iw-footer-default.iw-footer-v2 .iw-footer-middle .widget_nav_menu .menu li:hover {
padding-left: 0;
padding-right: 10px;
}
.iw-footer-default.iw-footer-v2 .iw-footer-middle .widget_nav_menu .menu li a:hover,
.iw-footer-default.iw-footer-v2 .iw-footer-middle .widget_inwave-contact-info a.link_page_about_us {
color: #ffffff;
}
.iw-footer-v2 .iw-footer-middle .widget_inwave-subscribe .iw-email-notifications button,
.iw-footer-v2 .iw-footer-middle .widget_inwave-subscribe .iw-email-notifications input {
border: 1px rgba(255, 255, 255, 0.5) solid;
background: rgba(0, 0, 0, 0.1);
color: #ffffff;
}
.iw-footer-v2 .iw-footer-middle .widget_inwave-subscribe .iw-email-notifications input::-moz-placeholder{
color: white!important;
opacity: 1!important;
}
.iw-footer-v2 .iw-footer-middle .widget_inwave-subscribe .iw-email-notifications input::-webkit-input-placeholder{
color: white!important;
opacity: 1!important;
}
.iw-footer-v2 .iw-footer-middle .widget_inwave-subscribe .iw-email-notifications button {
line-height: 42px;
}
.iw-footer-v2 .iw-footer-middle .widget_inwave-subscribe .iw-email-notifications .iw-social-footer-all li a {
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.iw-footer-v2 .iw-footer-middle .widget_inwave-subscribe .iw-email-notifications .iw-social-footer-all li a:hover {
background: rgba(0, 0, 0, 0.1);
}
.iw-footer-v2.iw-footer-default .iw-copy-right a {
color: #ffffff !important;
} .page-template-home-page-plastic-surgery .iw-footer-middle .widget_nav_menu .menu li a,
.page-template-home-page-kid .iw-footer-middle .widget_nav_menu .menu li a,
.page-template-home-page-plastic-surgery .iw-footer-default .iw-footer-middle .widget_inwave-contact-info,
.page-template-home-page-kid .iw-footer-default .iw-footer-middle .widget_inwave-contact-info,
.page-template-home-page-plastic-surgery .iw-footer-default .iw-copy-right,
.page-template-home-page-kid .iw-footer-default .iw-copy-right,
.page-template-home-page-plastic-surgery .iw-footer-default .widget_inwave-subscribe .iw-mailchimp-form,
.page-template-home-page-kid .iw-footer-default .widget_inwave-subscribe .iw-mailchimp-form,
.page-template-home-page-plastic-surgery .iw-footer-default .widget_inwave-subscribe .iw-mailchimp-form h5,
.page-template-home-page-kid .iw-footer-default .widget_inwave-subscribe .iw-mailchimp-form h5 {
font-family: "Hind";
}
.page-template-home-page-kid .iw-footer-default .iw-footer-middle .widget-title,
.page-template-home-page-plastic-surgery .iw-footer-default .iw-footer-middle .widget-title {
margin-top: 25px;
} .page-template-home-page-scroll{
position: relative;
}
.iw-content-home-scroll{
z-index: 3;
}
.page-template-home-page-scroll .iw-overlay-scroll {
background-color: #15181c;
display: none;
height: 100%;
left: 0;
opacity: 0.75;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}
.iw-footer-scroll{
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 0;
padding: 0;
}
.iw-footer-scroll-inner{
height: 100%;
position: relative;
text-align: center;
}
.iw-footer-scroll-content{
bottom: 0;
position: absolute;
top: auto;
width: 100%;
padding: 130px 0 160px;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
color: #ffffff;
z-index: 0;
}
.iw-footer-scroll-content:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.iw-footer-scroll .iw-footer-scroll-content .title {
font-size: 48px;
line-height: 48px;
margin-bottom: 20px;
}
.iw-footer-scroll .iw-footer-scroll-content .sub-title {
font-size: 24px;
margin-bottom: 45px;
}
.iw-footer-scroll .iw-footer-scroll-content .button-appointment a {
display: inline-block;
font-size: 20px;
color: #ffffff;
height: 60px;
line-height: 60px;
padding: 0 28px;
border: 2px #ffffff solid;
-webkit-border-radius: 30px;
border-radius: 30px;
} div.mm-search input{
min-height: 30px;
max-height: 30px;
height: 30px;
}
div.mm-listview .mm-divider, .mm-listview>li>a, div.mm-listview>li>span, .mm-navbar .mm-title{
font-weight: 500;
text-transform: uppercase;
} .page-heading.default{
background-position:center center;
background-color:#f1f1f1;
font-family:'Poppins';
color:#666;
}
.page-heading h1{
margin:0px;
line-height:1.0;
font-size:34px;
font-weight:600;
text-transform:capitalize;
}
.page-heading .container-inner{
position:relative;
}
.page-heading .container-inner-2{
position:absolute;
top:50%;
bottom: 10%;
left:0;
width:100%;
transform:translateY(-50%);
-o-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.page-heading .page-heading-desc{
font-size:14px;
font-weight:300;
line-height:24px;
position:relative;
}
.page-heading h1 + .page-heading-desc:before{
position:absolute;
top:0;
left:0;
width:90px;
content:'';
}
.page-heading h1 + .page-heading-desc{
margin-top:6px;
padding-top:14px;
}
.page-heading{
margin-bottom:20px;
}  .blog-content .post-item .post-info-date{
float:left;
color:#fff;
width:65px;
height:65px;
text-align:center;
}
.blog-content .post-item .post-info-date span{
display:block;
line-height:1;
text-transform:uppercase;
font-size:14px;
font-weight:600;
}
.blog-content .post-item .post-info-date span.post-info-day{
font-size:30px;
padding-top:10px;
padding-bottom:1px;
}
.blog-content .post-item h3.post-title{
font-size:24px;
font-weight:400;
line-height:36px;
}
.blog-content .post-item h3.post-title a{
color:#292929;
}
.blog-content .post-item .post-info > div{
display:inline-block;
font-size:14px;
color:#666;
line-height:20px;
}
.blog-content .post-item .post-info-date + .post-main-info{
margin-left:80px;
}
.blog-content .post-item div + .post-info-comment:before{
content:'/';
font-size:10px;
padding:0 7px 0 5px;
}
.blog-content .post-item .post-info-category a{
color:#666;
}
.blog-content .post-item .post-content-head{
display:table;
width:100%;
}
.blog-content .featured-image + .post-content-detail .post-content-head{
margin-top:30px;
}
.blog-content .post-item .post-content-desc{
margin-top:27px;
font-size: 16px;
}
.blog-content .post-item .post-content-footer{
margin-top:19px;
display:table;
width:100%;
}
.post-content-footer .post-share-buttons-cat{
float:right;
}
.post-content-footer .post-share-buttons-cat a{
line-height:35px;
padding:0 13px;
color:#d9d9d9;
font-size:14px;
}
.blog-content .post-item .post-content-footer a.more-link{
display:inline-block;
height:36px;
line-height:34px;
border:2px solid #e6e6e6;
font-weight:600;
color:#292929;
padding:0 17px;
margin-bottom: 25px;
}
.blog-content .post-item .post-content-footer a.more-link:hover{
color:#fff;
}
.blog-content .post-item  .owl-theme .owl-controls{
margin:0;
position:absolute;
width:100%;
top:calc(50% - 22px);
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons div{
height:44px;
line-height:44px;
width:44px;
padding:0;
margin:0;
position:absolute;
top:0;
color:#777;
background:#fff;
border-radius:100px;
font-size:14px;
opacity:1;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons div:hover{
color:#fff;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons i.fa{
line-height:inherit;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons .owl-prev{
left:30px;
}
.blog-content .post-item .owl-theme .owl-controls .owl-buttons .owl-next{
right:30px;
}
.blog-content article  + article  .post-item .post-content{
border-top:2px solid #f2f2f2;
margin-top:27px;
padding-top:70px;
}
.blog-content .post-item .post-quote i{
font-size:36px;
margin-bottom:15px;
}
.blog-content .post-item .post-quote{
color:#fff;
font-size:14px;
font-weight:300;
line-height:30px;
padding:35px;
text-align:center;
}
.page-content .blog-content, .page-content .default-sidebar{
padding-bottom:50px;
}
.blog-content .post-item .tags-links a{
line-height:28px;
padding:2px 15px;
font-size:14px;
font-weight:600;
color:#777777;
background:#E3E3E3;
display:inline-block;
}
.blog-content .post-item .tags-links a:hover{
color:#fff;
}
.blog-content .post-item .tags-links{
margin-top:30px;
}
.blog-content.single-content .post-item .tags-links{
margin-top:60px;
}
.post_format-post-format-video iframe{
max-width: 100%;
}  .blog-content.blog-content .post-item .feature-post {
display: inline-block;
height: 30px;
line-height: 32px;
margin-right: 10px;
padding: 0 15px;
background: #e78e0e;
font-family: "Poppins";
color: #ffffff;
text-transform: uppercase;
-webkit-border-radius: 30px;
border-radius: 30px;
font-size: 12px;
}
.blog-content.blog-content .post-item h3.post-title{
font-size:30px;
font-weight:300;
line-height: 36px;
margin-top: 0;
}
.blog-content.blog-content .post-content-head{
margin-bottom:35px;
}
.post-share-buttons{
border-bottom:1px solid #ededed;
border-top:1px solid #ededed;
padding:13px 0;
margin-top:30px;
display:table;
width:100%;
}
.post-share-buttons .post-share-title{
float:left;
margin:0;
font-size:16px;
text-transform:uppercase;
line-height:30px;
}
.post-share-buttons a{
color:#d9d9d9;
padding:0 13px;
}
.post-share-buttons .post-share-buttons-inner{
float:right;
}
.blog-author{
margin-top:45px;
}
.blog-author .authorAvt{
float:left;
}
.blog-author .authorAvt img.avatar{
width:100px;
}
.blog-author .authorAvt + .authorDetails{
margin-left:130px;
}
.blog-author .author-name{
font-size:16px;
text-transform:uppercase;
color:#b2b2b2;
line-height:24px;
padding-bottom:16px;
margin-bottom:12px;
position:relative;
}
.blog-author .author-name a{
color:#292929;
}
.blog-author .author-name:before{
content:'';
width:50px;
border-bottom:3px solid #e6e6e6;
bottom:0;
left:0;
position:absolute;
}
.blog-author .caption-desc{
color:#9e9e9e;
font-size:14px;
line-height:28px;
}
.comment-respond{
margin-top:55px;
}
.comment-respond h3.comment-reply-title{
border-bottom:1px solid #ededed;
border-top:1px solid #ededed;
margin:0;
text-transform:uppercase;
font-size:16px;
line-height:24px;
padding:16px 0;
margin-bottom:35px;
}
.comment-respond p.form-submit{
text-align:right;
}
.comment-respond input.btn-submit{
height:38px;
line-height:38px;
color:#fff;
padding:0 15px;
text-transform:uppercase;
font-size:14px;
font-weight:normal;
margin:0;
}
.comment-respond input.btn-submit:hover{
background:#292929;
}
.comment-respond .commentFormField input, .commentFormField textarea{
height:40px;
line-height:38px;
border:1px solid #e6e6e6;
padding:0 10px;
width:100%;
font-size:14px;
color:#9e9e9e;
margin-bottom:17px;
}
.comment-respond .commentFormField textarea{
height:auto;
line-height:20px;
padding:5px;
}
.related-post .related-post-title h5{
border-bottom:1px solid #ededed;
border-top:1px solid #ededed;
margin:0;
text-transform:uppercase;
font-size:16px;
line-height:24px;
padding:16px 0;
margin-bottom:20px;
}
.commentList h3.comments-title,
.related-post .related-post-title-list h5{
border-bottom:1px solid #ededed;
border-top:1px solid #ededed;
margin:0;
text-transform:uppercase;
font-size:16px;
line-height:24px;
padding:16px 0;
margin-bottom:20px;
}
.commentList .commentAvt{
float:left;
}
.commentList .commentAvt img.avatar{
width:100px;
}
.commentList .commentRight{
margin-left:130px;
}
.commentList .name-cmt{
text-transform:uppercase;
font-size:15px;
color:#292929;
}
.commentList .date-cmt{
font-size:13px;
}
.commentList .name-cmt + .date-cmt:before{
content:"/";
padding:0 5px 0 3px;
}
.commentList .comment-head-info{
line-height:24px;
position:relative;
padding-bottom:16px;
margin-bottom:15px;
}
.commentList .comment-head-info:before{
width:50px;
border-bottom:3px solid #e6e6e6;
bottom:0;
left:0;
content:'';
position:absolute;
}
.commentList .content-reply{
line-height:24px;
font-size:13px;
}
.commentList .comment_reply{
float:right;
}
.commentList .edit-link{
margin-left:10px;
}
.commentList ul.children{
margin-left:50px;
}
.commentList li.comment{
border-top:1px solid #ededed;
padding-top:35px;
margin-top:35px;
list-style-type: none
}
.commentList ul.comment_list > li.comment:first-child{
border:none;
margin:0;
padding:0;
}
.commentList ul{
padding-left: 0;
}
.commentList ul.children ul.children ul.children{
margin-left: 0px;
}
@media (max-width: 782px) {
.commentList ul.children{
margin-left: 20px;
}
}
.related-post{
margin-top:40px;
}
.related-post h3.related-post-title{
margin:16px 0 5px 0;
line-height:20px;
font-size:14px;
font-weight:500;
}
.related-post h3.related-post-title a{
color:#292929;
}
.related-post .related-post-info{
font-size:14px;
color:#9e9e9e;
}
.related-post .related-post-content{
font-size:14px;
line-height:24px;
position:relative;
margin-top:8px;
padding-top:19px;
}
.related-post .related-post-content:before{
width:50px;
border-bottom:3px solid #e6e6e6;
top:0;
left:0;
content:'';
position:absolute;
}  .page-nav{
padding-top:60px;
margin-top:27px;
border-top:2px solid #f2f2f2;
}
.page-nav-inner{
margin:0 -3px;
}
.page-nav .page-numbers{
border: 2px solid #e6e6e6;
color: #292929;
display:inline-block;
font-size: 11px;
font-weight:600;
height: 35px;
line-height: 31px;
margin: 0 3px;
text-align: center;
width: 35px;
float: left;
}
.page-nav .page-numbers i {
line-height:inherit;
font-size:12px;
}
.page-nav span.current, .page-nav a.page-numbers:hover{
color:#fff;
}  .search-box{
position:relative;
}
.search-box input.top-search{
height:40px;
line-height:38px;
border:1px solid #d0d0d0;
border-radius:0;
box-shadow:none;
width:100%;
padding:0 45px 0 10px;
}
.search-box .sub-search{
position:absolute;
top:0;
right:0;
}
.default-sidebar .widget{
margin-bottom:40px;
overflow: hidden;
}
.default-sidebar .widget .widget-title{
font-size: 20px;
margin:0;
position:relative;
line-height:24px;
padding-bottom:20px;
margin-bottom:10px;
text-transform: none;
color:#232323;
font-weight: 600;
}
.default-sidebar .widget .widget-title:before{
position:absolute;
bottom:0;
left:0;
width:50px;
border-bottom:3px solid #e6e6e6;
content:'';
}
.widget_categories > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child{
border:none;
}
.widget_categories > ul > li:last-child,
.widget_meta > ul > li:last-child,
.widget_archive > ul > li:last-child{
border-bottom:1px solid #e0e0e0;
}
.widget_categories ul li,
.widget_meta ul li,
.widget_archive ul li{
font-size:13px;
border-top:1px solid #e0e0e0;
padding:10px 0;
}
.widget_categories ul li > a,
.widget_meta ul li > a,
.widget_archive ul li > a{
font-size:14px;
}
.widget_recent_comments .recentcomments a{
font-size:15px;
font-weight:600;
color:#232323;
}
.tagcloud{
margin-top:20px;
}
.tagcloud a{
color: #fff;
font-size: 12px!important;
margin: 0 0 10px 0;
padding: 0 15px;
height:28px;
line-height:28px;
text-transform: capitalize;
display:inline-block;
background:#292929;
}
.tagcloud a:hover{
color:#fff;
}
.widget_recent_comments ul{
margin-top:10px;
}
.widget_recent_comments ul li.recentcomments{
padding:12px 0;
font-size:13px;
border-bottom:1px solid #e0e0e0;
}
.widget_recent_comments ul li.recentcomments i{
margin-right:4px;
}
.widget_recent_entries .recent-blog-posts-default a.recent-blog-post-thumnail{
width:72px;
float:left;
margin-right: 15px;
}
.widget_recent_entries .recent-blog-posts-default li.recent-blog-post{
padding:17px 0;
font-size:13px;
border-bottom:1px solid rgba(0,0,0,0.2);
display:table;
width:100%;
}
.widget_recent_entries ul.recent-blog-posts-default{
margin-top:10px;
}
.widget_recent_entries .recent-blog-posts-default .recent-blog-post-detail{
overflow: hidden;
}
.widget_recent_entries .recent-blog-posts-default h3.recent-blog-post-title{
margin:-3px 0 0 0;
font-size:13px;
line-height:24px;
}
.widget_recent_entries .recent-blog-posts-default h3.recent-blog-post-title a{
color:#232323;
font-family: Hind;
font-size: 15px;
font-weight: 600;
}
.widget_recent_entries .recent-blog-posts-default .post-date{
font-size:11px;
}
.widget_recent_entries .recent-blog-posts-default .post-date i{
margin-right:4px;
} .widget-area ul{
list-style: none;
padding: 0;
margin: 0;
}
.widget-area ul ul{
margin-left:15px;
margin-top:10px;
}
.default-sidebar .widget_search h3.widget-title{
margin-bottom:15px;
}
.widget_calendar .calendar_wrap,
.widget_calendar .calendar_wrap th{
text-align:center;
}
.widget_categories select,
.widget_text select,
.widget_archive select{
width:100%;
max-width:100%;
height:44px;
line-height:42px;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border:1px solid #eee;
padding:0 15px 0 5px;
margin-top:20px;
}
.widget_pages > ul > li:first-child,
.page-content .widget_nav_menu div.menu-menu-with-icons-container > ul > li:first-child{
border:none;
}
.widget_pages > ul > li:last-child,
.page-content .widget_nav_menu div.menu-menu-with-icons-container > ul > li:last-child{
border-bottom:1px solid #e0e0e0;
}
.widget_pages ul li,
.page-content .widget_nav_menu ul li{
font-size:14px;
border-top:1px solid #e0e0e0;
padding:0;
}
.page-content .widget_nav_menu ul.menu > li:first-child {
border: none;
}
.widget_pages ul li > a,
.page-content .widget_nav_menu ul li > a{
transition:all ease 0.5s;
padding:10px 0;
display:inline-block;
}
.widget_pages ul li > a:hover,
.page-content .widget_nav_menu ul li > a:hover{
color:#292929;
}
.widget_nav_menu ul.sub-menu {
margin: 0 0 0 15px;
}   .page-content-404{
padding: 100px 0;
text-align:center;
}
.page-content-404 form{
width:100%;
margin:0 auto;
max-width:300px;
}
.page-content-404 .text_404 {
font-size:280px;
font-weight:300;
line-height:1;
}
.page-content-404 .text_404 i {
font-size:110px;
color:#fff;
padding:45px;
border-radius:100%;
position:relative;
top:-70px;
}
.page-content-404 .text_label_404{
font-size:24px;
font-weight:300;
position:relative;
top: -20px;
margin:0 auto;
max-width:750px;
}
.text_label_2 {
font-size: 13px;
margin: 20px 0 10px;
}
.page-content-404 .home_link a {
font-weight:300;
color:#fff;
text-decoration:none;
font-size:18px;
height:41px;
line-height:41px;
margin-top: 15px;
padding:0 25px;
display:inline-block;
}
.home_link a:hover{
color:#fff;
background:#232323;
}  .vc_row-o-equal-height > .row,
.vc_row-o-equal-height > .container > .row {
display: flex;
width: 100%;
margin-left: 0; 
margin-right: 0; 
}
.vc_row-o-equal-height > .row > .wpb_column,
.vc_row-o-equal-height > .container > .row > .wpb_column {
flex: 1;
}
.vc_row-o-equal-height > .row > .wpb_column > .vc_column-inner,
.vc_row-o-equal-height > .container > .row > .wpb_column > .vc_column-inner {
height: 100%;
}  @media (max-width: 1280px) {
.header-version-v4.header .left {
width: 90% !important;
}
.header-version-v4.header .right {
width: 10% !important;
}
.header-version-v4.header .social-header {
display: none;
}
.header-version-v4.header .iw-search-cart button {
border: none !important;
}
}
@media (max-width: 1366px) {
.header.header-version-5 {
width: 250px;
}
.wrapper.header-style-5 {
margin-left: 250px;
}
.header-style-5 .logo-header {
margin: 35px 0 45px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item > a {
padding: 10px 30px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item li > a {
padding: 10px 40px;
}
.header-style-5 .main-menu ul.canvas-menu > li.menu-item li li > a {
padding: 10px 50px;
}
.header-version-5 .make-appointment-header-v5 {
padding-left: 30px;
}
.header-version-5 .copyright-social-header {
padding: 30px 30px 0;
}
.header-version-5 .social-header-v5 .social-title {
display: none;
}
.header-version-5 .make-appointment-header-v5 a {
padding: 5px 25px;
}
.header-version-5 .social-header-v5 ul {
padding: 12px 0 10px;
}
.header-style-5 .main-menu .menu-item > .sub-menu {
width: 250px;
}
}
@media (max-width: 1199px) {
body.down.body-boxed .header.header-sticky.clone {
left: 0;
right: 0;
}
.header-version-3.header-sticky.clone .search-form-header{
display:none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header.clone .navbar-default .iw-menu-header-default {
width: 85%;
}
.header-default .iw-header .iw-menu-main .navbar-nav > li > a{
padding:15px 10px;
}
.header.clone .navbar-default .header-book-button {
display: none;
}
.slider-2 .tp-caption{
margin-left: 100px!important;
}
.header.header-version-2 .iw-header .iw-menu-main .iw-nav-menu {
padding-left: 0;
}
.header.header-version-2 .navbar-default .navbar-nav > li > a{
padding: 0 10px;
}
.header.header-version-2 .top-bar-wrapper{
padding-top: 10px;
}
.header.header-version-3 .navbar-default .navbar-nav > li > a{
padding: 0 10px;
} .choose-doctor-home-3 img{
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.iw-heading.style1 .iwh-title {
font-size: 30px !important;
margin: 0;
}
.iw-opening-hours .emergency_line span.hotline{
font-size: 22px;
}
.iw-item-info.style5 .item-info-content h3::after{
display: none;
}
.iw-item-info.style5 .item-info-content h3 a{
font-size: 14px;
}
.iw-item-info.style5{
padding-bottom: 15px;
}
}
body.down.admin-bar .header.clone {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);
top: 32px;
}
@media (max-width: 782px) {
body.down.admin-bar .header.clone {
top: 46px;
}
.vc_row-o-equal-height > .row,
.vc_row-o-equal-height > .container > .row {
display: block;
width: auto;
}
}
@media (max-width: 600px) {
body.down.admin-bar .header.clone {
top: 0;
}
} @media (max-width: 991px) { .header.header-version-2:not(.clone) .iw-logo-appointment,
.header.header-default .iw-logo-appointment,
.header.header-version-3:not(.clone) .iw-logo-appointment,
.header.header-version-v7:not(.clone) .iw-logo-appointment,
.header.header-version-v6:not(.clone) .iw-logo-appointment {
display:block;
}
.header.clone .cart-quickaccess{
margin-top: 25px;
}
div.header.header-version-3 .iw-header{
display:none;
}
div.header-version-3 .iw-logo-appointment .logo{
margin:0;
padding:20px 0 30px;
}
.header.header-version-3.clone .cart-quickaccess a{
color:#666666;
}
.menu-mobile {
border-radius: 0;
position: absolute;
right: 20px;
top: 25px;
z-index: 9;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
cursor: pointer;
}
.header-version-3.clone .iw-logo-appointment {
padding: 10px 0;
}
.header-version-v4.header.clone .sticky-logo {
margin: 0;
}
.header-version-v4.header.clone .iw-logo-appointment .off-canvas-btn, .header-version-v4.header.clone .iw-logo-appointment .header-book-button {
margin-top: 0;
}
.header-version-v4.header.clone .cart-quickaccess {
margin-top: 12px;
}
.header-version-v4.clone .top-bar-wrapper {
padding: 15px 0;
}
.header .off-canvas-btn {
display: inline-block;
float: right;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
color: #fff;
cursor: pointer;
margin-left: 10px;
font-size: 16px;
}
.header .off-canvas-btn i {
line-height: inherit;
}
.header.header-version-v6.header .off-canvas-btn {
line-height: 44px;
}
.header.header-version-v7.clone .cart-quickaccess a ,
.header.header-version-v6.clone .cart-quickaccess a {
color: #666666;
}
.header.header-version-v7 .language-appointment-header ,
.header.header-version-v6 .language-appointment-header {
padding-top: 18px;
}
.header.header-version-v7 .logo img,
.header.header-version-v6 .logo img{
max-height:40px;
}
.header.header-version-v7 .logo ,
.header.header-version-v6 .logo {
margin: 10px 0;
padding: 10px 0;
}
.header.header-version-v7.clone .iw-logo-appointment .language-appointment-header ,
.header.header-version-v6.clone .iw-logo-appointment .language-appointment-header {
padding-top: 0px;
padding-bottom:4px;
} .st-body {
position: relative;
right: 0;
-webkit-transition: right 0.5s;
transition: right 0.5s;
}
.st-menu {
position: fixed;
top: 0;
right: 0;
z-index: 100;
width: 240px;
height: 100%;
display: block;
background: #1c1c1c;
-webkit-transition: all 0.5s;
transition: all 0.5s;
} .st-effect-3.st-menu-open .st-body {
right: 240px;
-webkit-transition: right 0.5s;
transition: right 0.5s;
}
.st-effect-3 .st-menu {
right: -240px;
-webkit-transition: right 0.5s;
transition: right 0.5s;
}
.st-effect-3.st-menu-open .st-menu {
-webkit-transition: right 0.5s;
transition: right 0.5s;
right: 0;
}
.st-effect-3 .st-menu::after {
display: none;
}
.rev_slider_wrapper {
left: 0 !important;
}
.canvas-menu-title {
position: relative;
}
#off-canvas-close i {
color: #ffffff;
position: absolute;
right: 0px;
top: 17px;
}
.header.clone .iw-logo-appointment {
display: block;
}
.header-default.clone .iw-logo-appointment .logo{
padding-bottom: 20px;
}
.header-default .iw-logo-appointment .logo a img.sticky-logo{
display: none;
}
.header-default.clone .iw-logo-appointment .logo a img.sticky-logo{
display: block;
}
.header-default.clone .iw-logo-appointment .logo a img.main-logo{
display: none;
}
.header.clone .language-appointment-header .header-book-button{ }
.header.clone .language-appointment-header .header-book-button a {
background: white;
}
.header-default.clone .menu-mobile{
background: white!important;
top: 28px;
}
.header.clone .language-appointment-header .header-book-button {
margin-right: 50px;
}
.header .social-header {
text-align: left;
margin: 0;
padding-bottom: 10px;
}
.header .iw-top-bar .contact{
padding-bottom: 0;
}
.header .iw-header {
display: none;
}
.header.header-version-2 .iw-main-menu .iw-nav-menu li.logo {
display: block;
float: left;
}
.off-canvas-menu .canvas-menu span span.icon-arrow::before {
color: #ffffff;
content: "";
font-family: "FontAwesome";
margin: 0 10px;
}
.header .content-main .iw-menu-default {
position: relative;
}
.iw-canvas-icon {
position: absolute;
right: 30px;
top: 50px;
}
.off-canvas-menu h2.canvas-menu-title {
border-bottom: 1px solid rgba(255,255,255,0.2);
color: #ffffff;
font-size: 18px;
font-weight: 300;
line-height: 30px;
margin: 0px;
padding: 10px 18px;
text-transform: uppercase;
font-family: Poppins;
}
#off-canvas-close i {
color: #ffffff;
padding: 10px;
position: absolute;
right: 0;
top: 5px;
}
.off-canvas-menu ul {
margin: 0;
padding: 0;
}
.off-canvas-menu .canvas-menu li {
list-style: none;
}
.off-canvas-menu .canvas-menu li > a {
border-bottom: 1px solid rgba(255,255,255,0.1);
color: #ffffff;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 40px;
margin: 0;
position: relative;
text-transform: none;
padding: 0 20px;
font-family: Poppins;
opacity: 0.5;
}
.off-canvas-menu .canvas-menu li.current-menu-ancestor > a,
.off-canvas-menu .canvas-menu li.current-menu-item > a,
.off-canvas-menu .canvas-menu li > a:hover {
opacity: 1;
}
.off-canvas-menu .canvas-menu span span.icon-arrow {
right: 0;
top: 0;
position: absolute;
float: right;
padding: 0 10px;
}
.off-canvas-menu .canvas-menu .sub-menu{
background-color: #2d2d2d;
}
.off-canvas-menu .canvas-menu .sub-menu li li:first-child  a {
border-top: 1px solid rgba(255,255,255,0.1);
}
.off-canvas-menu .canvas-menu .sub-menu li a {
border: 0 none;
padding: 0 40px;
text-transform: none;
}
.off-canvas-menu .canvas-menu .sub-menu li .sub-menu li .sub-menu li  a {
padding: 0 60px;
}
.off-canvas-menu .canvas-menu .sub-menu li + li > a {
border-top: 1px solid rgba(255,255,255,0.1);
}
.off-canvas-menu .canvas-menu .sub-menu li li a {
font-family:Hind;
font-size:13px;
}
.off-canvas-menu .canvas-menu .sub-menu li > a {
border-bottom: 0px;
padding: 0 40px;
text-transform: none;
font-size:12px;
font-family: Poppins;
}
.header.clone .iw-logo-appointment {
display: block;
}
.header.clone .iw-logo-appointment .logo{
padding: 0;
}
.header.clone .iw-logo-appointment .logo a img.sticky-logo{
display: block;
}
.header.clone .iw-logo-appointment .logo a img.main-logo{
display: none;
}
.header.clone .iw-logo-appointment .language-appointment-header{
float: none;
padding-top: 0;
}
.header.clone .iw-logo-appointment .off-canvas-btn{
border: 2px solid #fff;
margin-top: 11px; }
.header.clone .iw-logo-appointment .header-book-button{
margin-top: 11px;
margin-right: 5px;
height: 40px;
}
.header.clone .iw-logo-appointment .header-book-button a{
border: 2px solid #fff !important;
padding: 0;
}
div.header.clone .iw-logo-appointment .header-book-button a span{
color: #fff !important;
height: 40px;
line-height: 40px;
}    .header.header-version-3 .iw-header{
bottom: 0;
display: block;
position: relative;
border-radius: 0;
}
.header.header-version-3 .iw-logo {
margin: 0;
padding: 20px 0;
}
.header.header-version-3 .iw-menu-header-default .main-menu{
display: none;
}
.header.header-version-3 .iw-search-cart .search-form{
right: 45px;
position: absolute;
top: auto;
}
.wpb_single_image.wpb_content_element.choose-doctor-home-3 {
height: auto;
position: relative;
right: auto;
top: auto;
width: auto;
}
.choose-doctor-home-3 img {
bottom: auto;
position: relative;
right: auto;
}  .header.header-version-v4 .iw-menu-header-default .main-menu,
.header.header-version-v4 .top-contact-info {
display: none;
}
.header-version-v4 .top-bar-wrapper {
padding: 25px 0;
}
.header-version-v4 .menu-mobile {
top: 25px;
}
.iw-footer-default .iw-footer-middle .widget-title{
margin-top: 30px!important;
} .wrapper.header-style-5 {
margin: 0;
}
.header-style-5 .header-inner {
display: table;
width: 100%;
}
.header-style-5 .header-inner .cart-quickaccess {
display: block;
}
.header-style-5 .forcefullwidth_wrapper_tp_banner {
width: 100% !important;
}
.header.header-version-5 .header-inner .header-bottom .menu-header,
.header.header-version-5 .header-inner .header-bottom .copyright-social-header {
display: none;
}
.header-style-5 .logo-header {
float: left;
width: 40%;
padding: 14px 15px 0;
}
.header-style-5 .header-bottom {
float: left;
margin: 0;
width: 60%;
}
.header-style-5 .header.clone .sticky-logo {
margin: 0;
}
.header.header-version-5{
position:relative;
left:auto;
right: 0;
top:0;
height:auto;
background:#fff;
width: 100%;
z-index:2;
}
.header-version-5 .menu-mobile {
top: calc(50% - 18px);
}
.header-version-5 .menu-mobile {
top: calc(50% - 18px);
}
.header.header-version-5 {
padding: 10px 0;
}
.header.header-version-5.clone {
bottom: auto;
left: 0;
position: fixed !important;
right: 0;
top: -200px;
-webkit-transition: top 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74) 0s;
transition: top 0.2s cubic-bezier(0.3, 0.73, 0.3, 0.74) 0s;
z-index: 99;
}
.header-version-5 .make-appointment-header-v5 {
float: right;
margin: 10px 0 0;
padding: 0 15px;
}
.header-version-5 .make-appointment-header-v5 .cart-quickaccess {
margin-top: 11px;
}
.header-version-5 .make-appointment-header-v5 .header-book-button {
float: right;
margin: 0;
}
.header-version-5 .make-appointment-header-v5 .header-book-button a:hover,
.header-version-5 .make-appointment-header-v5 .off-canvas-btn {
border: 2px #ffffff solid !important;
line-height: 40px;
}
.header-version-5 .make-appointment-header-v5 a.cart-icon {
color: #ffffff !important;
}
.header-version-5 .make-appointment-header-v5 a {
padding: 0;
}
.header-version-5 .make-appointment-header-v5 .header-book-button a {
overflow: hidden;
display: inline-block;
}
.header-version-5 .make-appointment-header-v5 .header-book-button a span {
height: 40px;
display: inline-block;
line-height: 40px;
padding: 0 20px;
position: relative;
-webkit-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
font-weight: 600;
}
.header-version-5 .make-appointment-header-v5 .header-book-button a span:before {
content: attr(data-hover);
left: 0;
padding: 0 20px;
position: absolute;
top: 100%;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
visibility: hidden;
color: #ffffff;
}
.header-version-5 .make-appointment-header-v5 .header-book-button a:hover span:before {
visibility: visible;
}
.header-version-5 .make-appointment-header-v5 .header-book-button a:hover span,
.header-version-5 .make-appointment-header-v5 .header-book-button a:focus span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.header-style-5 .open-canvas-button{
position:absolute;
top:30px;
right:0;
background:#fff;
border:none;
width:40px;
height:40px;
line-height:40px;
text-align:center;
color:#232323;
font-size:20px;
padding:0;
}
.header-style-5 .header-v5-logo-mobile {
padding: 25px 15px;
}
.st-menu-open .header-style-5 .open-canvas-button{
display:none;
}
.header-style-5 .open-canvas-button,
.header-style-5 .header-v5-logo-mobile{
display: block;
}
.header-style-5 .close-canvas-button{
position:absolute;
top:0;
right:10px;
height:40px;
line-height:45px;
width:40px;
text-align:center;
font-size:20px;
}
.header-style-5 .close-canvas-button i {
color:#232323 !important;
}
.header-style-5 .logo-header, .header-style-5 .logo-header h1.logo {
margin: 0;
}
}
@media (max-width: 980px) {
.page-template-home-page-plastic-surgery .language-appointment-header .header-book-button a span {
font-size: 12px;
}
}
@media (max-width: 767px) {
.shape-attribute-title-1,
.shape-attribute-title-2,
.shape-attribute-title-3,
.shape-attribute-title-4{
display: none!important;
}
.header.header-version-v4 .top-bar-wrapper {
display: block;
}
.header .top-bar-wrapper{
display: none;
}
.header .language-appointment-header .header-book-button{
float: right;
}
.language-appointment-header .header-book-button a span{
font-size: 12px;
}
.header.header-version-2 .top-bar-wrapper{
display: none;
}
.header.header-version-3 .iw-search-cart{
right: 10px;
}
.tp-video-play-button {
height: 40px;
left: calc(50% - 20px) !important;
line-height: 40px !important;
width: 40px;
}
.tp-video-play-button i {
font-size: 30px !important;
line-height: 45px !important;
}
.header .header-book-button a {
color: #fff;
display: inline-block;
float: right;
font-size: 16px;
height: 44px;
line-height: 44px;
margin-left: 10px;
text-align: center;
width: 44px;
}
.header .header-book-button a i {
display: block;
}
.header .header-book-button span {
display: none !important;
}
.header-style-5 .vc_row.wpb_row.vc_row-fluid {
padding-right: 0 !important;
padding-left: 0 !important;
}
body .block-top-clinic {
margin-top: 100px !important;
}
.link-slider-2, .download-slider-2 {
font-size: 12px !important;
line-height: 10px !important;
}
.header.clone .iw-logo-appointment .language-appointment-header {
float: right;
}
.header-version-v4 .language-appointment-header .cart-quickaccess {
float: none;
}
}
@media (max-width: 700px) {
.text-lorem-slider-1{
font-size: 9px!important;
}
.hesperiden .tp-bullet{
display: none;
}
}
@media (max-width: 480px) {
.iw-opening-hours .emergency_line span.hotline{
font-size: 20px;
}
.iw-item-info.style5 .item-info-content h3::after{
display: none;
}
.cart-quickaccess{
margin-right:20px;
}
.header-style-5 .logo-header {
width: 60%;
}
.header-style-5 .header-bottom {
width: 40%;
}
.readmore-slider{
color:white;
padding: 6px 5px 6px 15px;
}
.rtl .readmore-slider{
padding: 6px 15px 6px 5px;
}
.link-slider-2 {
padding: 6px 25px;
}
.link-slider-2, .download-slider-2 {
font-size: 11px !important;
line-height: 6px !important;
}
.header .header-book-button a,
.header .off-canvas-btn {
height: 35px;
line-height: 35px;
width: 35px;
}
.header-version-5 .make-appointment-header-v5 .header-book-button a:hover, .header-version-5 .make-appointment-header-v5 .off-canvas-btn {
line-height: 31px;
}
.cart-quickaccess .cart-product-number {
font-size: 12px;
height: 24px;
line-height: 24px;
right: -8px;
top: -18px;
width: 24px;
}
.header-version-v4 .language-appointment-header .cart-quickaccess {
float: none;
margin-right: 3px;
}
}
@media (max-width: 479px) {
.header.header-version-2 .iw-logo a img{
max-width: 100%;
max-height: 100%;
}
.button-slider-v4 {
font-size: 12px !important;
line-height: 23px !important;
}
}