/* [Table of contents] 1. Common Style 2. Smooth Transitions 3. Columns 4. Flex Slider 5. Owl Carousel 6. Image with Lightbox 7. List Styles 8. Recent Posts 8.1 Recent Posts Large 8.2 Recent Posts Tiny 8.3 Recent Posts with Square Style 9. Google Map 10. Social Media Icons 11. Promotion Box 12. Buttons 13. Tabs 14. Toggles 15. Pull Quotes 16. Order List Styles 17. Info Boxes 18. Gap 19. Progress Bar 20. Countres Box 21. Animations 22. FontAwesome Icon 23. Dropcap 24. Fancy Heading 25. Testimonials 26. Services - Icons / Images 27. Pricing Tables 28. Team - Full Details 29. 100% Width Section 30. Custom Widgets 30.1 Flickr, Instagram and Advertise Widgets 30.2 Recent Posts 30.3 Recent Posts Large 30.4 Tabs Widget 30.5 Video 30.6 Social Icons Widget 30.7 Advertise Large Widget 30.8 Twitter Widget 30.9 Opening Hours 30.10 Contact Info Widget 31. Events pages 32. Next Event Counter 33. Classes pages 34. Portfolio pages 35. Logos 36. Horizontal Line 37. Dividers 38. Half Width Background and Content 39. Custom Gallery 40. Recent Posts Slider 41. Responsive */ /* ---------------------------------------------- 1. Common Style ---------------------------------------------- */ /*Container*/ .swmsc_container { position: relative; margin:0 auto; } .swmsc_container ul { list-style: disc outside none; } .swmsc_container li { margin-left: 1em; padding: 3px 0px; } .swmsc_container ul.fa-ul { list-style: none; margin-left: 0; } /* Text style */ .text_align_left { text-align: left; } .text_align_center { text-align: center; } .text_align_right { text-align: right; } .underline { text-decoration:underline;} .break { -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .antialiased { -webkit-font-smoothing: antialiased; } /*Image*/ .image_left,.alignleft { float:left; margin:0 20px 10px 0; } .image_right,.alignright { float:right; margin:0 0 20px 20px; } .image_border { padding:4px; border-radius: 3px; } .scale_img { overflow: hidden; } .scale_img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear; } .scale_img:hover img, .pf_box:hover .scale_img img{ -webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03); } /* Border */ .noborder { border:none} .light-rounded,.round3,.swmsc_button.round { border-radius: 3px; } .heavy-rounded { border-radius: 8px; } .full-rounded { border-radius: 50%; } .round5,.dropcap.square{ border-radius:5px; } .round25, .swmsc_button.capsule{ border-radius:25px; } .round50, .swmsc_button.capsule, .dropcap.round{ border-radius:50px; } /* ---------------------------------------------- 2. Smooth Transitions ---------------------------------------------- */ .post_bottom span a i,.my_toggle2_title,.my_toggle_title { -webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear; } .swmsc_button,input.button,button.button, button.swmsc_button, .flexslider .rp_slides > li, .flexslider .slides > li .rp_details, .swmsc_list_slider ul.flex-direction-nav li a, .bx-controls-direction a, .recent_posts_list1 ul li, .swmsc-input-text,.swmsc-input-textarea, .my_toggle_title, .recent_blog_posts, .tm_style1:hover .tm_box_content, .small-footer .tm_social_media ul li a, #contact-form-widget p.formButton input, .pagination_menu li a, .swmsc_toggle_box .swmsc_toggle_box_title,.swmsc_toggle_box_accordion .swmsc_toggle_box_title_accordion, .widgetFormInput,.widgetFormTextarea, .recent_posts_slider .owl-prev, .recent_posts_slider .owl-next, .swmsc_img_overlay, .swmsc_global_image_overlay .swmsc_global_grid_hover, .swmsc_global_image_overlay .swmsc_global_grid_hover span:after, .swmsc_global_image_overlay .swmsc_global_grid_hover span:before, .swmsc_global_image_overlay .swmsc_global_grid_hover span, .swmsc_classes_box .swmsc_class_grid_content_wrap, .swmsc_classes_box .swmsc_class_content_box, .swmsc_classes_box .swmsc_class_grid_divider span, .swmsc_event_list_readmore_arrow, .swmsc_event_list_readmore_arrow i, .swmsc_portfolio_box .swmsc_portfolio_title span a.swmsc_pf_title_link, .swmsc_portfolio_box .swmsc_portfolio_title, .swmsc_portfolio_box .swmsc_portfolio_title span a.swmsc_pf_title_link_icon:before, .swmsc_portfolio_box .swmsc_portfolio_title span a.swmsc_pf_title_link_icon, .swmsc_team_member .swmsc_team_member_overlay_content, .swmsc_team_member .swmsc_team_member_content ul, .owl-nav .owl-prev, .owl-nav .owl-next, button.swmsc_search_button, .swmsc_testimonials_wide_slider .owl-nav > div, .swmsc_logo_slider .owl-nav, .swmsc_logo_slider .owl-nav div, .swmsc_logo_slide img, .swmsc_client_logo_item > div, .swmsc_image_gallery_item a span i, .swmsc_image_gallery_item p, .swmsc_recent_posts_large ul li .swmsc_recent_posts_large_title { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-property:all; -webkit-transition-property:all; -o-transition-property:all; transition-property:all; } /* ---------------------------------------------- 3. Columns ---------------------------------------------- */ .swmsc_row { margin:0 -20px; } .swmsc_column_gap { padding:0 20px; } .swmsc_column { display: block; float: left; min-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:auto; } .swmsc_row .swmsc_column1,.swmsc_one_full { width:100%; } .swmsc_row .swmsc_column2,.swmsc_one_half { width:50%; } .swmsc_row .swmsc_column3,.swmsc_one_third { width:33.3%; } .swmsc_row .swmsc_column4,.swmsc_one_fourth { width:25%; } .swmsc_row .swmsc_column5,.swmsc_one_fifth { width:20%; } .swmsc_row .swmsc_column6,.swmsc_one_sixth { width:16.66666666666666%; } .swmsc_two_third { width: 66.6%; } .swmsc_three_fourth { width: 75%; } .swmsc_four_fifth { width: 80%; } .swmsc_five_sixth { width: 83.3%; } /* ---------------------------------------------- 4. Flex Slider ---------------------------------------------- */ /* Custom Styles */ .swmsc_slider_box .flexslider .flex-control-nav li img { opacity:1; } /* bullets navigation */ #content .swmsc_slider_box .flexslider ul{ } .swmsc_slider_box { display:block; } .swmsc_slider_box .flexslider { cursor: auto; height:100%;} .swmsc_slider_box .flex-control-nav { text-align: right; font-size: 0; right:0; margin:0 12px 12px 0; z-index: 100; } .swmsc_slider_box .flexslider .flex-control-nav li { margin:0 5px; } .swmsc_slider_box .flexslider .flex-control-nav li a { width:10px; height:10px; } /* arrow navigation */ .swmsc_slider_box .flex-direction-nav a { display:inline-block; margin:-18px 0 0 0; width:38px; height:38px; line-height: 38px; top:50%; bottom:auto; z-index:100; text-align:center; text-indent: 0; color:#fff } .swmsc_slider_box .flex-direction-nav a i { margin: 0; font-size: 14px; line-height: 34px; } .swmsc_slider_box .flex-direction-nav a.flex-next i { margin-left:2px; } .swmsc_slider_box .flex-direction-nav a.flex-prev i { margin-left:-2px; } .swmsc_slider_box .flex-direction-nav .flex-next,.swmsc_slider_box .flex-direction-nav .flex-prev { border:3px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.3); width:38px; height:38px; line-height: 38px; text-align: center; border-radius: 100px; } .swmsc_slider_box .flex-direction-nav .flex-next{ right:25px; } .swmsc_slider_box .flex-direction-nav .flex-prev { left:25px; } .swmsc_slider_box:hover .flex-direction-nav .flex-next,.swmsc_slider_box:hover .flex-direction-nav .flex-prev { border-color: rgba(255,255,255,0.6); color:rgba(255,255,255,0.6); } .swmsc_slider_box .flex-direction-nav .flex-next:hover,.swmsc_slider_box .flex-direction-nav .flex-prev:hover { border-color: rgba(255,255,255,1.0); color:rgba(255,255,255,1.0); } .swmsc_slider_box .flex-direction-nav:hover a i[class^="icon-"]:before { } /* ---------------------------------------------- 5. Owl Carousel ---------------------------------------------- */ .swmsc-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .swmsc-carousel .owl-animated-in{z-index:0} .swmsc-carousel .owl-animated-out{z-index:1} .swmsc-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut{0%{opacity:1} 100%{opacity:0} } .swmsc-carousel .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{0%{opacity:0} 100%{opacity:1} } .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .swmsc-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .swmsc-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .swmsc-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .swmsc-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)} .swmsc-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .swmsc-carousel .owl-item img{/*display:block;width:100%;-webkit-transform-style:preserve-3d*/} .swmsc-carousel .owl-dots.disabled,.swmsc-carousel .owl-nav.disabled{display:none} .swmsc-carousel .owl-dot,.swmsc-carousel .owl-nav .owl-next,.swmsc-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .swmsc-carousel.owl-loaded{display:block} .swmsc-carousel.owl-loading{opacity:0;display:block} .swmsc-carousel.owl-hidden{opacity:0} .swmsc-carousel.owl-refresh .owl-item{display:none} .swmsc-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .swmsc-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .swmsc-carousel.owl-rtl{direction:rtl} .swmsc-carousel.owl-rtl .owl-item{float:right} .no-js .swmsc-carousel{display:block} .swmsc-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .swmsc-carousel .owl-item img{/*transform-style:preserve-3d*/} .swmsc-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .swmsc-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} .swmsc-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .swmsc-carousel .owl-video-playing .owl-video-play-icon,.swmsc-carousel .owl-video-playing .owl-video-tn{display:none} .swmsc-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .swmsc-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* ---------------------------------------------- 6. Image with Lightbox ---------------------------------------------- */ .swmsc_image_lightbox { position: relative; display: inline-block; overflow: hidden; } .swmsc_img_overlay { background:rgba(0,0,0,0.5); position: absolute; width:100%; height:100%; top:0; left:0; z-index: 9; display: block; opacity: 0; border-radius: 3px; overflow: hidden; } .swmsc_image_lightbox:hover .swmsc_img_overlay { opacity:1;} .swmsc_image_lightbox img { display: inline-block; line-height: 0; font-size: 0; position: relative; z-index: 1; max-width:100%; } .swmsc_image_lightbox_img { display: inline-block; position: relative; max-width: 100%; } /* ---------------------------------------------- 7. List Styles ---------------------------------------------- */ ul.swmsc_the_icons { line-height: 25px; margin-left: 0; } ul.swmsc_the_icons li { list-style: none; margin-left:0; padding-left: 26px; } ul.swmsc_the_icons li i.fa { width:10px; text-align: center; width:26px; margin-left: -26px; text-align: left; } .swmsc_pricing_tables ul.swmsc_the_icons li { padding-top:5px; padding-bottom:5px; } .steps_with_circle ol { padding:5px 0 0 0; margin:0; } .steps_with_circle ol li { list-style: none; margin-bottom:15px;clear:both; } .steps_with_circle ol li:last-child { margin-bottom: 0; } .steps_with_circle ol li span { font-size:18px; display:block; text-align: center; width:42px; height:42px; line-height: 41px; float:left; margin-left:-55px; } .steps_with_circle ol li { padding-left:55px; text-align: left; overflow:hidden; float:left; position:relative; width:auto;} .steps_with_circle ol li p {overflow:hidden;} .steps_with_box ol{clear:both; margin: 0 0 20px 0; } .steps_with_box ol li{margin: 0; padding: 15px 15px 15px 15px; font-size: 16px; font-weight: normal; } .steps_with_box ol li.last { border-bottom: none; } /* ---------------------------------------------- 8. Recent Posts ---------------------------------------------- */ /* 8.1 Recent Posts Large ---------------------------------------------- */ .swmsc_recent_post_large { display: block; position: relative; margin:0 -20px; } .swmsc_recent_post_large_box { padding-bottom: 40px; } .swmsc_recent_post_large .swmsc_column { margin-left: 0; } .swmsc_recent_post_large_img { float:left; margin-right: 30px; width:230px; display: inline-block; position: relative; } .swmsc_recent_post_large_img a { } .swmsc_recent_post_large_img img { } .swmsc_recent_post_large_date { position: absolute; top:50%; right:-4px; font-size: 90%; text-transform: uppercase; line-height: 33px; margin-top: -17px; display: block; font-weight: bold; border-right:4px solid; } .swmsc_recent_post_large_date span { padding:0 20px; } .swmsc_recent_post_large_text { overflow: hidden; } .yogaclub_site_content .swmsc_recent_post_large_text h4 { line-height: normal; margin:0; font-size: 145%; line-height: 140%; } .swmsc_recent_post_large_meta { font-size: 90%; margin-bottom: 20px; padding: 5px 0 25px 0; position: relative; } .swmsc_recent_post_large_meta span { margin-right: 10px; display: inline-block; } .swmsc_recent_post_large_meta span i { opacity: 0.4; margin-right: 5px; } .swmsc_recent_post_large_meta:before,.swmsc_recent_post_large_meta:after { content:''; display: block; position: absolute; left:0; bottom:0; z-index: 3; } .swmsc_recent_post_large_meta:before { height:2px; width:35px; margin-top: -1px; } .swmsc_recent_post_large_meta:after { width:6px; height:6px; border-radius: 50%; margin-bottom: -2px; left:35px; } .swmsc_recent_post_large p { margin-bottom: 5px; } /* 8.2 Recent Posts Tiny ---------------------------------------------- */ .swmsc_recent_posts_tiny ul { margin:0; padding:0; border:none; } .swmsc_recent_posts_tiny li { list-style: none; border:none;float:none;clear:both;display:block; line-height:22px; } .swmsc_recent_posts_tiny ul li a img { float:left; margin:0; margin-right: 15px; image-rendering: optimizeQuality; } .swmsc_recent_posts_tiny ul li { padding:15px 0 15px 0; height:auto; clear:both; background:none; margin-left: 0; } .swmsc_recent_posts_tiny ul li:first-child { padding-top:0; } .swmsc_recent_posts_tiny ul li:last-child { border-bottom: 0 none; } .swmsc_recent_posts_tiny ul li a { text-decoration: none; } .swmsc_recent_posts_tiny li h4 { margin:-3px 0 0 0; } .swmsc_recent_posts_tiny .swmsc_recent_posts_tiny_title a,.swmsc_recent_posts_tiny .swmsc_recent_posts_tiny_title { line-height:20px; margin:0; padding:0; text-decoration: none; font-weight: bold; } .swmsc_recent_posts_tiny p { padding:0; margin:0; font-size:90%; } .swmsc_recent_posts_tiny_content { overflow: hidden; margin-top: 5px; } a.swmsc_recent_posts_tiny_icon { width:66px; height:66px; float:left; display: inline-block; margin-right: 15px; text-align: center; font-size: 30px; } a.swmsc_recent_posts_tiny_icon i { line-height: 66px;font-size: 20px; } .swmsc_container .swmsc_recent_posts_tiny li,.swmsc_container .recent_posts_small li,.pricing_content ul li { margin-left: 0; } /*8.3 Recent Posts with Square Style ---------------------------------------------- */ .swmsc_recent_posts_square_date a,.swmsc_recent_posts_square_date a:hover { height:86px; width:52px; float:left; text-align: center; display: block; font-size:105%; font-weight: bold; padding-top: 12px; border-radius: 3px; overflow: hidden; line-height: 22px; text-decoration: none; margin:0; } .swmsc_recent_posts_square_date span.swmsc_recent_posts_square_d_month { display: block; font-size: 70%; text-transform: uppercase; margin-top: 0px; margin-bottom: 4px; } .swmsc_recent_posts_square_date span.swmsc_recent_posts_square_d_year { width:100%; height:26px; display: block; font-size: 70%; font-weight: normal; margin:0; line-height: 26px; border-radius: 0 0 3px 3px; } .swmsc_recent_posts_square_posts ul,.swmsc_recent_posts_square_posts ul li { background: none; padding:0; margin:0; list-style: none; clear:both; } .swmsc_recent_posts_square_posts ul li:first-child { padding-top: 0; } .swmsc_recent_posts_square_posts ul li:last-child { border:0; } .swmsc_recent_posts_square_posts ul li { clear:both; min-height: 70px; padding:23px 0 0 0; } .swmsc_recent_posts_square_posts ul li .swmsc_recent_posts_square_grid_date { margin: 8px 0 11px 0; font-size: 80%; } .swmsc_recent_posts_square_posts ul li .swmsc_recent_posts_square_grid_date span { margin-right: 20px; } .swmsc_recent_posts_square_posts ul li .swmsc_recent_posts_square_grid_date i { margin-right: 8px; } .swmsc_recent_posts_square_content { margin-left: 70px; } .swmsc_recent_posts_square_content a { text-decoration: none; } .swmsc_recent_posts_square_content a.read-more { margin-top: 5px; } .swmsc_recent_posts_square_content p { margin-bottom: 0; } .swmsc_recent_posts_square_posts .swmsc_recent_posts_square_title { margin:0 0 2px 0; padding:0; font-weight: bold; } .swmsc_recent_posts_square_posts .swmsc_recent_posts_square_title a { text-decoration: none; } /* ---------------------------------------------- 9. Google Map ---------------------------------------------- */ .swmsc_google_map { display:block;font-size: 0; line-height: 0; width:100%; } /* ---------------------------------------------- 10. Social Media Icons ---------------------------------------------- */ .swmsc_sm_icons_sc { text-align: center; } .swmsc_sm_icons_sc ul,.swmsc_sm_icons_sc ul { padding:0; margin:0; } .swmsc_sm_icons_sc ul li{ padding:0; margin:0 5px 5px 0; float:left; display:inline-block; list-style: none; background:none; clear:none; border:none; } .swmsc_sm_icons_sc ul li a { display:block; font-size: 20px; width:30px; height:30px; line-height: 30px; font-size: 15px; border-radius: 50%; } .swmsc_team_members .swmsc_sm_icons_sc { margin-bottom: 15px; } .swmsc_sm_icons_sc.align-left ul li { margin-right: 0; } /* ---------------------------------------------- 11. Promotion Box ---------------------------------------------- */ .swmsc_promotion_box { padding:35px; display:block; margin:0; text-align: left; position: relative; margin:10px 0; clear:both; } .swmsc_promotion_box .swmsc_promotion_box_title_text { margin:0; padding:0; display:inline; font-size: 110%; display:block; line-height: normal; font-weight: bold; } .swmsc_promotion_box .swmsc_promotion_box_sub_title { font-size: 80%; display: block; clear:both; line-height: 20px; padding-top:5px; font-weight: normal; } .swmsc_promotion_box .swmsc_button { font-weight: normal; border-radius: 30px; margin:0; font-weight: bold; } .swmsc_promotion_box a.swmsc_button { letter-spacing: 0.5px; margin-top:10px; padding:5px 30px; } .swmsc_promotion_box .left.p_text { float:none; text-align: center; } .swmsc_promotion_box.p_border { border:0; margin:0; } .swmsc_promotion_box_text { float:left; } .swmsc_promotion_box_button { float:right; } .swmsc_promotion_box_button a { border:2px solid; } .p_box_text_center .swmsc_promotion_box_text,.p_box_text_center .swmsc_promotion_box_button { float:none; display: block; } .p_box_text_center { text-align: center; } .p_box_text_center .swmsc_promotion_box_button { margin-top: 20px; } /* ---------------------------------------------- 12. Buttons ---------------------------------------------- */ .swmsc_button_div { display: inline-block; } .swmsc_button_div.block,.swmsc_button_div.center { display: block; } .swmsc_button, a.swmsc_button, input.swmsc_button,button.swmsc_button,input.swmsc_button[type="submit"], input[type="submit"],input[type="button"],input[type="reset"],a.button,button.button { vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; outline: none; display: inline-block; margin:0; text-decoration: none; text-align: center; font-size: 90%; padding:0px 25px; } .swmsc_button:hover,input.button:hover,button.button:hover, button.swmsc_button:hover,a.button:hover { opacity:0.85; text-decoration: none; } button::-moz-focus-inner { border:0;padding:0;margin:0; } .swmsc_button i.fa { margin-right: 5px; } a.swmsc_button { margin-bottom: 5px; } .swmsc_header_slider a.swmsc_button { max-width:1100px; } /*swmsc_button sizes*/ a.button i,a.swmsc_button i,button.swmsc_button i,button.button i { margin-right: -5px; } .swmsc_button.button_outline { background: transparent; border:2px solid; } .large.button_outline,.xlarge.button_outline { background: transparent; border:3px solid; font-weight: bold; } .swmsc_button.shadow_none { text-shadow: none; } /* ---------------------------------------------- 13. Tabs ---------------------------------------------- */ .swmsc_tabs.ui-tabs .ui-tabs-hide { position: absolute; left: -9999px; display: none; } .swmsc_tabs { margin: 0 0 30px 0; text-align: center; } .swmsc_tabs ul.tab-nav { border: 0; list-style: none; margin: 0 auto -2px auto; padding: 0; float: none; text-align: center; } .swmsc_tabs.tab_align_left ul.tab-nav { text-align: left; } .swmsc_tabs.tab_align_right ul.tab-nav { text-align: right; } .swmsc_tabs ul.tab-nav li { display: inline-block; float:left; position: relative; list-style: none; padding:0; overflow: visible; margin:0 2px 2px 0; line-height: 0; } .swmsc_tabs ul.tab-nav li a { display: block; overflow: hidden; font-weight: bold; padding: 10px 25px; line-height: 34px; text-decoration: none; font-size: 110%; } .swmsc_tabs .swmsc_tab { margin:2px 0 0 0; width:auto; padding: 35px; text-align: left; z-index: 1; } .swmsc_tabs:not(.tabs_vertical) ul.tab-nav li a i { margin-right: 10px; } .swmsc_tabs ul.tab-nav li span { display: none; position: absolute; left:50%; bottom:0; font-size: 48px; margin-bottom: -28px; margin-left: -12px; z-index: 2; } .swmsc_tabs ul.tab-nav li.active span,.swmsc_tabs:not(.tabs_vertical) ul.tab-nav li.active.swmTabIcon a i { display: block; } .tab-clearfix:after { clear: both; } .tab-clearfix:before,.tab-clearfix:after { content:""; display:table; } .tab-clearfix { zoom:1; } /*horizontal tabs*/ .swmsc_tabs.tabs_vertical ul.tab-nav { float:left; width:30%; margin:0; padding-right: 2px; } .swmsc_tabs.tabs_vertical ul.tab-nav li { float:none; width:100%; display: block; clear:both; margin:0 2px 2px 0; text-align: left;} .swmsc_tabs.tabs_vertical ul.tab-nav li a { padding: 15px 25px; } .swmsc_tabs.tabs_vertical .swmsc_tab { float:left; width:69%; margin:0; } .swmsc_tabs.tabs_vertical ul.tab-nav li span { bottom:auto; left:auto; top:50%; right:0; margin-right: -15px; margin-top: -24px; transform:rotate(270deg); } .swmsc_tabs.tabs_vertical ul.tab-nav li span i { display: inline-block; font-size:100%; } .swmsc_tabs.tabs_vertical ul.tab-nav li a i { display: inline-block; margin-right: 10px; } .swmsc_tabs ul.tab-nav li.swmNoTabIcon a i { display: none; } .swmsc_tabs .swmsc_tab { background:transparent; border:2px solid rgba(0,0,0,0.1); } .swmsc_tabs ul.tab-nav li { border:2px solid rgba(0,0,0,0.1); } /* ---------------------------------------------- 14. Toggles ---------------------------------------------- */ .swmsc_toggle_box,.swmsc_toggle_box_accordion { margin:0 0 8px 0; } .swmsc_toggle_box .swmsc_toggle_box_title,.swmsc_toggle_box_accordion .swmsc_toggle_box_title_accordion { display: block; cursor: pointer; outline: none; position: relative; font-weight: bold; padding: 12px 10px 12px 0; box-shadow: none;} span.swmsc_toggle_box_title_text { margin:-12px 10px -12px 50px; padding:13px 25px 11px 15px; display: block; } .swmsc_toggle_box_title span.swmsc_toggle_box_title_text.no_icon,.swmsc_toggle_box_title_accordion span.swmsc_toggle_box_title_text.no_icon { border-left:0; margin:-12px -10px -14px 0; padding:13px 10px 13px 25px; height:100%; display: block; } .swmsc_toggle_box .ui-state-active .ui-icon,.swmsc_toggle_box span.ui-icon,.swmsc_toggle_box_accordion .ui-state-active .ui-icon,.swmsc_toggle_box_accordion span.ui-icon { position: absolute; height:10px; width:10px; display: block; font-size: 17px; right:0; float:right; } .swmsc_toggle_box .ui-state-active i.fa-plus-square-o,.swmsc_toggle_box .ui-corner-all i.fa-minus-square-o,.swmsc_toggle_box_accordion .ui-state-active i.fa-plus-square-o,.swmsc_toggle_box_accordion .ui-corner-all i.fa-minus-square-o { display: none; } .swmsc_toggle_box i.openclose,.swmsc_toggle_box_accordion i.openclose { width:21px; float:right; font-size: 17px; margin-top: 12px; position: absolute; right:7px; top:9px; opacity: 0.5; } span.swmsc_toggle_box_title_icon { position:absolute; width:50px; display: inline-block; padding-top: 2px; text-align: center; font-size: 19px; height:100%; } .swmsc_toggle_box_inner { padding: 20px 25px 10px 25px; } .swmsc_toggle_box_title.ui-state-active,.swmsc_toggle_box_title_accordion.ui-state-active { } .swmsc_toggle_box .ui-state-active i,.swmsc_toggle_box .ui-state-active span.swmsc_toggle_box_title_text,.swmsc_toggle_box_accordion .ui-state-active i,.swmsc_toggle_box_accordion .ui-state-active span.swmsc_toggle_box_title_text, .swmsc_toggle_box:hover i,.swmsc_toggle_box:hover span.swmsc_toggle_box_title_text,.swmsc_toggle_box_accordion:hover i,.swmsc_toggle_box_accordion:hover span.swmsc_toggle_box_title_text { text-shadow:none; } .swmsc_toggle_box .ui-state-active span i.openclose,.swmsc_toggle_box_accordion .ui-state-active span i.openclose,.swmsc_toggle_box:hover span i.openclose,.swmsc_toggle_box_accordion:hover span i.openclose { opacity: 1; } .swmsc_toggle_box .swmsc_toggle_box_title,.swmsc_toggle_box_accordion .swmsc_toggle_box_title_accordion { background:transparent; border:2px solid rgba(0,0,0,0.1); } span.swmsc_toggle_box_title_text { border-left:1px solid rgba(0,0,0,0.1); } .swmsc_toggle_box_inner { border:2px solid rgba(0,0,0,0.1); margin-top: 2px; } /* ---------------------------------------------- 15. Pull Quotes ---------------------------------------------- */ .swmsc_pullquote_left, .swmsc_pullquote_right {width:35%; line-height:22px; padding-left:15px; font-style:normal; font-size:90%; font-weight:normal;} .swmsc_pullquote_left {float:left; margin:20px 15px 10px 0;} .swmsc_pullquote_right {float:right; margin:20px 0 10px 15px;} /* ---------------------------------------------- 16. Order List Styles ---------------------------------------------- */ .list_lower_roman ol li { list-style: lower-roman; } .list_upper_roman ol li { list-style: upper-roman; } .list_lower_alpha ol li { list-style: lower-alpha; } .list_upper_alpha ol li { list-style: upper-alpha; } /* ---------------------------------------------- 17. Info Boxes ---------------------------------------------- */ p.swmsc_alert_boxes { clear:both; padding:15px 35px 15px 50px ; margin-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.1); overflow: hidden; } p.swmsc_alert_boxes:before { content:'\f05a'; font-family: fontAwesome; font-size: 100%; margin-right: 10px; margin-left: -30px; } p.swmsc_alert_info_box { background-color:#d8e9ff; color:#00357b; } p.swmsc_alert_warning_box { background-color:#fff3c7; color:#6c5500; } p.swmsc_alert_success_box { background-color:#e5f4cb; color:#00632e; } p.swmsc_alert_download_box { background-color:#e1f5d2; color:#2f6903; } p.swmsc_alert_note_box { background-color:#efefef; } p.swmsc_alert_error_box { background-color:#ffd9d9; color:#820101; } .swmsc_hide_boxes { float:right; margin-top:0; margin-left:40px; top:0; font-size:17px; right:0; margin-right: -20px; cursor:pointer; font-weight:bold; opacity: 0.5; } p.swmsc_alert_warning_box:before { content:'\f06a'; } p.swmsc_alert_success_box:before { content:'\f058'; } p.swmsc_alert_download_box:before { content:'\f019'; } p.swmsc_alert_note_box:before { content:'\f08d'; } p.swmsc_alert_error_box:before { content:'\f071'; } /* ---------------------------------------------- 18. Gap and Blank Space ---------------------------------------------- */ .divider { clear:both; margin:40px 0; height:1px; } .divider_two { clear:both; margin:0; height:1px; } hr { display: block; margin:1.313em 0; border: 0; border-bottom: 1px solid transparent; } .swmsc_gap { border:transparent; } .swmsc_blank_space { display: inline-block; } /* ---------------------------------------------- 19. Progress Bar ---------------------------------------------- */ .swmsc_progress_bar { margin-bottom:20px; } .swmsc_progress_bar_title { display:block; margin-bottom:10px; line-height:normal; } .swmsc_progress_bar_title span { float:right; font-size: 90%; margin-bottom: -2px; position: relative; } .swmsc_progress_bar_in { position:absolute; top:0; left:0; z-index:1; overflow:hidden; width:100%; height:100%; } .swmsc_progress_bar_out, .swmsc_progress_bar_in, .swmsc_progress_bar_block { display: block; } .swmsc_progress_bar_block { position: relative; height: 9px; } .swmsc_progress_bar_out { position: absolute; top:0; left:0; height: 100%; z-index: 3; } .swmsc_progress_bar_block:after { content:''; position: absolute; top:50%; left:0; width:100%; height:1px; display: block; z-index: 2; background:rgba(0,0,0,0.1); margin-top: -1px; } /* ---------------------------------------------- 20. Countres Box ---------------------------------------------- */ .swmsc_counter_box { display:block; position: relative; text-align: center; } .swmsc_counter_box_gap { margin:0 0 12px; padding:0 5px; } .swmsc_counter_box_wrap { } .swmsc_counter_box .swmsc_counter_icon { } .swmsc_stat_counter { display: block; } .swmsc_counter_icon { display: inline-block; } .swmsc_counter_icon i { } .swmsc_counter_box_stat_text { overflow: hidden; line-height: normal; } .swmsc_counter_icon_left .swmsc_counter_icon,.swmsc_counter_icon_left .swmsc_stat_counter { float:left; } .swmsc_counter_icon_left { text-align: left; } .swmsc_counter_icon_right .swmsc_counter_icon,.swmsc_counter_icon_right .swmsc_stat_counter { float:right; } .swmsc_counter_icon_right { text-align: right; } /* ---------------------------------------------- 21. Animations ---------------------------------------------- */ .swmsc_element_visible { opacity: 0; } /* Top to Bottom */ .swmsc_animation_start.move_top_to_bottom { -webkit-animation: swmsc_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: swmsc_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: swmsc_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: swmsc_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } @-webkit-keyframes swmsc_ttb { 0% { -webkit-transform: translate(0, -10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes swmsc_ttb { 0% { -moz-transform: translate(0, -10%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes swmsc_ttb { 0% { -o-transform: translate(0, -10%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes swmsc_ttb { 0% { transform: translate(0, -10%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Bottom to Top */ .swmsc_animation_start.move_bottom_to_top { -webkit-animation: swmsc_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: swmsc_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: swmsc_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: swmsc_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } @-webkit-keyframes swmsc_btt { 0% { -webkit-transform: translate(0, 10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes swmsc_btt { 0% { -moz-transform: translate(0, 10%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes swmsc_btt { 0% { -o-transform: translate(0, 10%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes swmsc_btt { 0% { transform: translate(0, 10%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Left to Right */ .swmsc_animation_start.move_left_to_right { -webkit-animation: swmsc_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: swmsc_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: swmsc_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: swmsc_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } @-webkit-keyframes swmsc_ltr { 0% { -webkit-transform: translate(-10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes swmsc_ltr { 0% { -moz-transform: translate(-10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes swmsc_ltr { 0% { -o-transform: translate(-10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes swmsc_ltr { 0% { transform: translate(-10%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Right to Left */ .swmsc_animation_start.move_right_to_left { -webkit-animation: swmsc_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: swmsc_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: swmsc_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: swmsc_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } @-webkit-keyframes swmsc_rtl { 0% { -webkit-transform: translate(10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes swmsc_rtl { 0% { -moz-transform: translate(10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes swmsc_rtl { 0% { -o-transform: translate(10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes swmsc_rtl { 0% { transform: translate(10%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } /* Center Expand */ .swmsc_animation_start.swmsc_center_expand { -webkit-animation: swmsc_center_expand 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: swmsc_center_expand 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: swmsc_center_expand 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: swmsc_center_expand 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } @-webkit-keyframes swmsc_center_expand { 0% { -webkit-transform: scale(0.5); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes swmsc_center_expand { 0% { -moz-transform: scale(0.5); opacity: 0.1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes swmsc_center_expand { 0% { -o-transform: scale(0.5); opacity: 0.1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes swmsc_center_expand { 0% { transform: scale(0.5); opacity: 0.1; } 100% { transform: scale(1); opacity: 1; } } /* ---------------------------------------------- 22. FontAwesome Icon ---------------------------------------------- */ i.fa.size_tiny { font-size: 14px; } i.fa.size_small { font-size: 20px; } i.fa.size_medium { font-size: 30px; } i.fa.size_large { font-size: 40px; } i.fa.size_xlarge { font-size: 50px; } i.fa.i_box { text-align: center; display: inline-block; } i.fa.i_box.size_tiny { height:24px; width:24px; line-height: 24px; } i.fa.i_box.size_small { height:40px; width:40px; line-height: 40px; } i.fa.i_box.size_medium { height:60px; width:60px; line-height: 60px; } i.fa.i_box.size_large { height:75px; width:75px; line-height: 75px; } i.fa.i_box.size_xlarge { height:90px; width:90px; line-height: 90px; } /* ---------------------------------------------- 23. Dropcap ---------------------------------------------- */ .swmsc_dropcap { float:left; width:50px; height:50px; display: block; text-align: center; border-radius: 5px; margin:10px 20px 10px 0; line-height: 45px; font-size: 160%; } /* ---------------------------------------------- 24. Fancy Headings ---------------------------------------------- */ .swmsc_fancy_heading { display: block; } .swmsc_fancy_heading_center { text-align: center; } .swmsc_fancy_heading_left { text-align: left; } .swmsc_fancy_heading_right { text-align: right; } .fh_icon_fancyHeadingNoIcon .swmsc_fancy_heading_icon { display: none; } .swmsc_fancy_heading_text { display: block; position: relative; padding-bottom: 30px; } .swmsc_fancy_heading_border { display: block; position: absolute; text-align: center; width:206px; bottom:0; left:50%; margin-left: -103px; } .swmsc_fancy_heading_border1 { height:2px; width:205px; display:block; } .swmsc_fancy_heading_border2 { height:2px; width:165px; margin-top: 2px; display: block; margin-left: 20px; } .swmsc_fancy_heading_icon { width:30px; height:30px; position: absolute; top:0; left:50%; margin-left: -15px; background:#fff; border-radius: 50%; display: block; font-size: 15px; margin-top: -12px; line-height: 31px; } .swmsc_fancy_heading_left .swmsc_fancy_heading_border { left:0; margin-left: 0; text-align: left; } .swmsc_fancy_heading_left .swmsc_fancy_heading_border2 { margin-left: 0; } .swmsc_fancy_heading_left .swmsc_fancy_heading_icon { left:0; margin-left: 0; text-align: left; width:25px; } .swmsc_fancy_heading_right .swmsc_fancy_heading_border { left:auto; right:0; margin-left: 0; text-align: right; } .swmsc_fancy_heading_right .swmsc_fancy_heading_border2 { } .swmsc_fancy_heading_right .swmsc_fancy_heading_icon { left:auto; right:0; margin-left: 0; text-align: right; width:25px; } /* ---------------------------------------------- 25. Testimonials ---------------------------------------------- */ .swmsc_testimonials .swmsc_column { margin:0; position: relative; display: block; } .swmsc_testimonials_box { display: block; position: relative; margin-bottom: 60px; background:#fff; } .swmsc_testimonials_content { border:2px solid #e6e6e6; padding:25px 30px 35px 65px; position: relative; } .swmsc_testimonials_content p { font-size: 1.17em; line-height: 1.9em; } .swmsc_testimonials_quote { position: absolute; left:25px; top:30px; font-size: 22px; } .swmsc_testimonials_bottom { z-index: 2; display: block; width:100%; padding-right:35px; } .swmsc_testimonials_bottom_holder { position: relative; width:100%; height:auto; } .swmsc_testimonials_client_img { position: absolute; top:-32px; left:37px; display: block; border:2px solid #e6e6e6; padding:5px; float:left; width:70px; height:70px; display:inline-block; background:#fff; } .swmsc_testimonials_client_img span { width:100%; height:100%; display: block; background:#f2f2f2; font-size:27px; color:#aaa; text-align: center; line-height: 55px; } .swmsc_testimonials_name_details { width:100%; display: block; } .swmsc_testimonials_name_details span { display: inline-block; padding:10px 0 0 125px; line-height: 1.6em; } .swmsc-testimonials-slider-two.swmsc_testimonials { margin: 0; } /*Testimonials Box Slider*/ .swmsc_testimonials_box_slider .owl-nav { display:block; position: absolute; right:20px; top:-11px; margin-left:-25px; width:47px; background:#fff; border:2px solid #e6e6e6; } .swmsc_testimonials_box_slider .owl-nav .owl-prev,.swmsc_testimonials_box_slider .owl-nav .owl-next { background:#fff; padding:0; width:18px; height:20px; display:block; line-height: 20px; z-index: 99; color:#888; font-size: 14px; } .swmsc_testimonials_box_slider .owl-nav .owl-prev { float:left; text-align: right; padding-right: 3px; } .swmsc_testimonials_box_slider .owl-nav .owl-next { float:right; text-align: left; padding-left:3px; } .swmsc_testimonials_box_slider .owl-nav .owl-prev:hover,.swmsc_testimonials_box_slider .owl-nav .owl-next:hover { text-align: center; padding:0; width:21px; } /*Testimonials Wide Slider*/ .swmsc_testimonials_wide_slider { display: block; margin: 0 auto; position: relative; } .swmsc_testimonials_wide_slide { display: block; position: relative; background:#fff; } .swmsc_tws_img { float:left; display: inline-block; border-radius: 100%; margin:0; padding-right: 40px; position: relative; z-index: 2; } .swmsc_tws_img img,.swmsc_tws_img_icon { max-width: 100%; border-radius: 100%; border:2px solid #f2f2f2; padding:5px; z-index: 1;width:150px; height:150px; display: inline-block; } .swmsc_tws_img_icon { color:#ddd; font-size: 65px; text-align: center; line-height: 130px; } .swmsc_tws_content { position: relative; display: block; overflow: hidden; padding:20px 0 10px 40px; margin-left: -2px; z-index: 1; } .swmsc_tws_content:before { content:''; width:2px; height:100%; display: block; left:0; top:0; z-index: 1; background:#e6e6e6; position: absolute; } .swmsc_tws_clientinfo span { display: inline-block; line-height: normal; position: relative; } .swmsc_tws_clientinfo span.swmsc_tws_client_name { clear:both; font-size: 90%; position: relative; padding-left: 17px; } .swmsc_tws_clientinfo span.swmsc_tws_client_info { display: block; font-weight: normal; font-size: 85%; margin-top: 3px; } .swmsc_testimonials_wide_slider p { margin-bottom: 10px; } span.swmsc_tws_quote_icon { width:34px; height:34px; display: block; position: absolute; right:-18px; top:21px; border:2px solid; background:#fff; border-radius: 50%; line-height: 30px; text-align:center; font-size: 14px; z-index: 3; } span.swmsc_tws_client_name:before,span.swmsc_tws_client_name:after { content:''; display: block; position: absolute; left:0; top:50%; z-index: 3; } span.swmsc_tws_client_name:before { height:2px; width:48px; left:-42px; margin-top: -1px; } span.swmsc_tws_client_name:after { width:6px; height:6px; border-radius: 50%; margin-top: -3px; } .swmsc_testimonials_wide_slider.arrowNavigation_true { padding:50px;} .swmsc_testimonials_wide_slider .owl-nav { width:100%; display: block; } .swmsc_testimonials_wide_slider .owl-nav .owl-prev,.swmsc_testimonials_wide_slider .owl-nav .owl-next { width:29px; height:29px; display:block; text-align: center; line-height: 28px; z-index: 99; color:rgba(0,0,0,0.15); font-size:35px; position: absolute; z-index: 1111; top:50%; height:100px; line-height: 100px; margin-top: -50px; } .swmsc_testimonials_wide_slider .owl-nav > div:hover { color:rgba(0,0,0,0.8); } .swmsc_testimonials_wide_slider .owl-nav .owl-prev { left:0; } .swmsc_testimonials_wide_slider .owl-nav .owl-next { right:0; } .swmsc_testimonials_wide_slider .owl-dots { display: inline-block; height:100px; width:300px; text-align: center; margin:10px auto 0; float:right; text-align: right; } .swmsc_testimonials_wide_slider .owl-dot { background:rgba(0,0,0,0.1); height:10px; width:10px; border-radius: 100%; display: inline-block; margin:0 5px; } .swmsc_testimonials_wide_slider .owl-dot.active { background:rgba(0,0,0,0.3); } /* ---------------------------------------------- 26. Services - Icons / Images ---------------------------------------------- */ .swmsc_services_icons,.swmsc_services_images { text-align: center; } .swmsc_services_icon_content,.swmsc_services_image_content { overflow: hidden; } .swmsc_services_item_holder span { display: inline-block; line-height: normal; text-align: center; } .swmsc_services_item_holder span a { display: block; } .swmsc_services_item_holder img { max-width: 100%; } .swmsc_services_icon_center .swmsc_services_item_holder { margin-bottom: 20px; } .swmsc_services_item_left,.left > .swmsc_services_item_right { text-align: left; } .swmsc_services_item_left .swmsc_services_item_holder { float:left; margin-right: 20px; } .swmsc_services_item_right .swmsc_services_item_holder { float:right; margin-left: 20px; } .swmsc_services_item_right,.right > .swmsc_services_item_right { text-align: right; } .yogaclub_site_content .swmsc_services_icons h5 { line-height: normal; } .swmsc_services_icon_tiny.swmsc_services_item_holder span { font-size: 14px; width:36px; height:36px; } .swmsc_services_icon_small.swmsc_services_item_holder span { font-size: 20px; width:48px; height:48px; } .swmsc_services_icon_medium.swmsc_services_item_holder span { font-size: 27px; width:70px; height:70px; } .swmsc_services_icon_large.swmsc_services_item_holder span { font-size: 40px; width:100px; height:100px; } .swmsc_services_icon_x-large.swmsc_services_item_holder span { font-size: 60px; width:130px; height:130px; } .swmsc_services_icon_super-large.swmsc_services_item_holder span { font-size: 80px; width:160px; height:160px; } .swmsc_services_icon_tiny.swmsc_services_item_holder span i { line-height: 36px; } .swmsc_services_icon_small.swmsc_services_item_holder span i { line-height: 48px; } .swmsc_services_icon_medium.swmsc_services_item_holder span i { line-height: 70px; } .swmsc_services_icon_large.swmsc_services_item_holder span i { line-height: 100px; } .swmsc_services_icon_x-large.swmsc_services_item_holder span i { line-height: 130px; } .swmsc_services_icon_super-large.swmsc_services_item_holder span i { line-height: 160px; } .swmsc_services_icon_tiny.swmsc_services_item_holder.swmsc_services_icon_only span { font-size: 24px; } .swmsc_services_icon_small.swmsc_services_item_holder.swmsc_services_icon_only span { font-size: 36px; } .swmsc_services_icon_medium.swmsc_services_item_holder.swmsc_services_icon_only span { font-size: 48px; } .swmsc_services_icon_large.swmsc_services_item_holder.swmsc_services_icon_only span { font-size: 65px; } .swmsc_services_icon_x-large.swmsc_services_item_holder.swmsc_services_icon_only span { font-size: 100px; } .swmsc_services_icon_super-large.swmsc_services_item_holder.swmsc_services_icon_only span { font-size: 130px; } .swmsc_services_item_holder.swmsc_services_icon_only span { padding:0; line-height: normal; width:auto; height:auto; } .swmsc_services_responsive.swmsc_services_item_right, .swmsc_services_responsive.swmsc_services_item_left, .swmsc_services_responsive.swmsc_services_item_left .swmsc_services_item_holder, .swmsc_services_responsive.swmsc_services_item_right .swmsc_services_item_holder, .swmsc_services_responsive .swmsc_services_icons h5 { float:none; text-align: center; margin-right: 0; } .swmsc_services_responsive.swmsc_services_item_right .swmsc_custom_dividers, .swmsc_services_responsive.swmsc_services_item_left .swmsc_custom_dividers { text-align: center; } /*Simple Icon and Title Only*/ .swmsc_icon_title { display: block; clear:both; line-height: normal; } .swmsc_icon_title span h5 { line-height: normal; margin:0; } .swmsc_icon_title.swmsc_it_left i { margin-right: 15px; } .swmsc_icon_title.swmsc_it_right { text-align: right; } .swmsc_icon_title.swmsc_it_right i { margin-left: 15px; } /*Service Box*/ .swmsc_service_box { display: block; clear:both; position: relative; } .swmsc_service_box_content { z-index: 2; position: relative; display: block; max-width: 100%; } .swmsc_service_box_content img { max-width: 100%; } .swmsc_service_box_content.full_width img { width:100%; } /* ---------------------------------------------- 27. Pricing Tables ---------------------------------------------- */ .swmsc_pricing_tables { display: block; margin-bottom: 30px; } .swmsc_pricing_tables_container { padding:10px; background:rgba(0,0,0,0.05); display: block; } .swmsc_pricing_tables_container_wrap { background:#fff; display: block; margin-top: -36px; position: relative; z-index: 4; padding:38px 0 0 0; } .swmsc_pt_noImg .swmsc_pricing_tables_container_wrap { margin-top: 0; } .swmsc_pricing_tables_container_wrap .swmsc_pt_block { width:50%; display: inline-block; float:left; padding-bottom: 15px; } .swmsc_pt_top img { width:100%; display: block; } .swmsc_pt_price { text-align: center; padding-top: 17px; } .swmsc_pt_price_amount { font-size: 60px; display: block; line-height: 60px; font-weight: bold; } .swmsc_pt_price_day { display: block; font-size:110%; opacity: 0.8; } .yogaclub_site_content .swmsc_pricing_tables_content h4 { font-size: 24px; margin:0 0 5px 0; } .swmsc_pricing_tables_summery { display: block; width:100%; border-top:1px solid rgba(0,0,0,0.05); padding:20px 30px; } .swmsc_pricing_tables_summery p { margin:0; } .swmsc_pt_button { margin-top: 13px; } .swmsc_pt_button a { display: inline-block; background:#fff; border:2px solid #e6e6e6; border-radius:20px; padding:5px 30px; font-size: 12px; font-weight: bold; line-height: 25px; } /* ---------------------------------------------- 28. Team - Full Details ---------------------------------------------- */ .swmsc_team_member,.swmsc_team_member_small { display: block; clear:both; width:100%; margin-bottom: 30px; } .swmsc_team_member_img,.swmsc_team_member_small_img { display: block; clear:both; } .swmsc_team_member_img img { width:100%; } .swmsc_team_member_content_holder { position: relative; display: block; } .swmsc_team_member_content,.swmsc_team_member_small_content { clear:both; text-align: center; border:2px solid #e6e6e6; padding:17px 20px 0; display: block; line-height: normal; position: relative; } .yogaclub_site_content .swmsc_team_member_content h5,.yogaclub_site_content .swmsc_team_member_small_content h5 { line-height: normal; margin: 0; } .swmsc_team_member_content p,.swmsc_team_member_small_content p { margin: -2px 0 0 0; line-height: normal; opacity: 0.8; } .swmsc_team_member_content ul { padding:0; margin:25px 0 -17px 0; float:none; } .swmsc_team_member_content ul li { padding:0; margin:0 -2px -2px 0; float:none; border:2px solid #e6e6e6; display: inline-block; width:37px; height:37px; text-align: center; list-style: none; line-height: 35px; text-align: center; background:#fff; } .swmsc_team_member_content ul li a { color:#888; display: block; } .swmsc_team_member_content ul li i { font-size: 14px; } .swmsc_team_member_overlay_content { text-align: center; display: block; top:0; left:0; position: absolute; width:100%; height:100%; background:rgba(113,120,198,0.9); color:#fff; z-index: 2; opacity: 0; padding:25px; line-height: 27px; } .swmsc_team_member:hover .swmsc_team_member_overlay_content { opacity: 1; } .swmsc_team_member.swmsc_tm_has_content:hover .swmsc_team_member_content ul { margin:45px 0 -37px 0; } .swmsc_team_member_overlay_content p { } /*Team member small - image, name and position*/ .swmsc_team_member_small_img img { width:100%; border:2px solid #e6e6e6; } .swmsc_team_member_small_content { padding:25px 20px; margin:-2px 0 0 0; } .swmsc_team_member_small_content p { margin: -2px 0 5px 0; } /* ---------------------------------------------- 29. 100% Width Section ---------------------------------------------- */ .swmsc_section_arrow_divider { position: relative; } .swmsc_arrow_divider { position: absolute; left: 50%; margin-left: -15px; height: 30px; width: 30px; z-index: 3; border-bottom: 1px solid #E6E5E6; border-left: 1px solid #E6E5E6; background:#ffffff; content: ""; } .swmsc_arrow_divider.bottom { bottom: -16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .swmsc_arrow_divider.top { top: -16px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } /* ---------------------------------------------- 30. Custom Widgets ---------------------------------------------- */ /* 30.1 Flickr, Instagram and Advertise Widgets ---------------------------------------------- */ .swmsc_wid_gal_wrap { display: block; width:100%; margin:0; } .swmsc_wid_gal { margin:0 -15px 0 0; display: block; } .swmsc_wid_gal ul { margin:0 auto; clear:both; display: table; display: block; } /* 30.2 Recent Posts ---------------------------------------------- */ .swmsc_recent_posts_tiny ul { margin:0; padding:0; border:none; } .swmsc_recent_posts_tiny li { list-style: none; border:none;float:none;clear:both;display:block; line-height:22px; } .swmsc_recent_posts_tiny ul li a img { max-width: 66px;float:left;width:66px;height:66px;margin:0 15px 0 0; image-rendering: optimizeQuality; } .swmsc_recent_posts_tiny ul li { padding:15px 0 15px 0; height:auto; clear:both; background:none; } .swmsc_recent_posts_tiny ul li:last-child { border-bottom:0; } .swmsc_recent_posts_tiny ul li a { text-decoration: none; } .swmsc_recent_posts_tiny_title { line-height:20px; margin:0; padding:0 0 5px 0; text-decoration: none; } .swmsc_recent_posts_tiny p { padding:0; margin:0; } .swmsc_recent_posts_tiny_content { overflow: hidden; margin-top: 5px; } a.swmsc_recent_posts_tiny_icon { width:66px; height:66px; float:left; display: inline-block; margin-right: 15px; text-align: center; font-size: 22px; } a.swmsc_recent_posts_tiny_icon i { line-height: 68px; } .swmsc_recent_posts_tiny_content p span i { margin-right: 5px; } .swmsc_recent_posts_tiny_content p span { margin-right:3px; } .swmsc_recent_posts_tiny_content p { overflow: hidden; } .swmsc_container .swmsc_recent_posts_tiny li,.swmsc_container .recent_posts_small li,.pricing_content ul li { margin-left: 0; } /* 30.3 Recent Posts Large ---------------------------------------------- */ .swmsc_recent_posts_large ul { margin:0; padding:0; float:none; display: block; } .swmsc_recent_posts_large ul li { display: block; clear:both; float:none; border:0; margin:0 0 25px 0; padding:0; position: relative; overflow: hidden; } .swmsc_recent_posts_large ul li:last-child { margin-bottom: 0; } .swmsc_recent_posts_large ul li i { margin-right: 5px; } .swmsc_recent_posts_large ul li img { width: 100%; } .swmsc_recent_posts_large_title { text-align: center; padding:7px 15px; border:1px solid #e6e6e6; display: block; background:#fff; } /* 30.4 Tabs Widget ---------------------------------------------- */ .swmsc_widget_tabs { display: block; clear:both; position: relative; } .swmsc_widget_tabs .swmsc_wid_tabs {margin: 0; width: 100%; display: block; position: relative; } .swmsc_widget_tabs .swmsc_wid_tabs li {display: inline-block; padding:7px 13px; margin:0; text-align: center; border:0; position: relative; } .swmsc_widget_tabs .swmsc_wid_tabs li a {display: block; padding:0; font-size: 90%; } .swmsc_widget_tabs .swmsc_wid_tab_content { padding-top: 25px; } /* 30.5 Video ---------------------------------------------- */ .swmsc_video_widget p { margin:0; } /* 30.6 Social Icons Widget ---------------------------------------------- */ .swmsc_sm_wid_icons ul { padding:0; margin:0; display: block; text-align: center; } .swmsc_sm_wid_icons ul li { display: inline-block; margin:0 5px 5px 0; padding:0; border:0; font-size: 14px; opacity: 1; overflow: hidden; line-height: 0; float:left; } .swmsc_sm_wid_icons ul li a { display: inline-block; border-radius: 0; overflow: hidden; text-align: center; } .swmsc_sm_wid_icons ul li:hover { opacity:0.9; } .swmsc_sm_wid_icons ul li.ic_round,.swmsc_sm_wid_icons ul li.ic_round a { border-radius: 4px; } .swmsc_sm_wid_icons ul li.ic_circle,.swmsc_sm_wid_icons ul li.ic_circle a { border-radius: 100px; } .swmsc_sm_wid_icons ul li.ic_small a { width:24px; height:24px; } .swmsc_sm_wid_icons ul li.ic_small i { font-size: 12px; line-height: 24px; } .swmsc_sm_wid_icons ul li.ic_medium a { width:32px; height:32px; } .swmsc_sm_wid_icons ul li.ic_medium i { font-size: 16px; line-height: 32px; } .swmsc_sm_wid_icons ul li.ic_large a { width:40px; height:40px; } .swmsc_sm_wid_icons ul li.ic_large i { font-size: 18px; line-height: 40px; } .swmsc_sm_wid_icons ul li.ic_xlarge a { width:50px; height:50px; } .swmsc_sm_wid_icons ul li.ic_xlarge i { font-size: 22px; line-height: 50px; } /* 30.7 Advertise Large Widget ---------------------------------------------- */ .swmsc_ad_large_wid { display: block; } .swmsc_ad_large_wid img { max-width: 100%; } .swmsc_ad_large_wid a { display: inline-block; max-width: 100%; } /* 30.8 Twitter Widget ---------------------------------------------- */ .swmsc_twitter_widget ul li { display: block; clear:both; padding-left: 25px; position: relative; word-wrap:break-word; } .swmsc_twitter_widget ul li a { display: inline-block; } .swmsc_twitter_widget ul li .t_time { opacity: 0.8; font-size: 90%; } .swmsc_twitter_widget ul li:before { content:'\f099'; font-family: fontAwesome; font-size: 14px; margin-left: -25px; line-height: normal; position: absolute; top:14px; } .swmsc_twitter_widget ul li:first-child { padding-top: 0; } .swmsc_twitter_widget ul li:first-child:before { top:5px; } .swmsc_twitter_widget ul li:last-child { padding-bottom: 0; border:0; } /* 30.9 Opening Hours ---------------------------------------------- */ .swmsc_widget_opening_hours { width:100%; } .swmsc_widget_opening_hours ul { display: table; width:100%; } .swmsc_widget_opening_hours ul li { width:33.3%; height:auto; height:auto; padding:18px 10px; border:2px solid #e6e6e6; margin:0 -2px -2px 0; float:left; display: table-cell; text-align: center; } .swmsc_widget_opening_hours li:last-child { width:99%; clear:both; float:none; display: block; padding:8px 15px; } .swmsc_widget_opening_hours li span { display: inline-block; width:19px; height:2px; line-height: 0; margin:-5px 0 4px 0; padding:0; background:#e6e6e6; } .swmsc_widget_opening_hours li:last-child span { display: none; } /* 30.10 Contact Info Widget ---------------------------------------------- */ .swmsc_contact_info_widget { margin:0; } .swmsc_c_i_content_widget { background:rgba(0,0,0,0.1); padding:35px; } .swmsc_c_i_wid_logo { margin-bottom: 25px; } .swmsc_c_i_wid_summery { } .swmsc_c_i_wid_contacts ul { margin:25px 0 0 -11px; } .swmsc_c_i_wid_contacts ul li { border:0; display: block; font-size: 90%; line-height: 25px; padding:5px 0 5px 40px; } .swmsc_c_i_wid_contacts ul li i { margin-left: -40px; width:35px; text-align: center; } .swmsc_contact_info_menu { padding:20px 30px; border:2px solid rgba(0,0,0,0.1); border-top:0; } .swmsc_contact_info_menu ul li { border:0; display: inline-block; line-height:35px; padding:0 14px 0 0; margin:0 12px 0 0; position: relative; } .swmsc_contact_info_menu ul li:after { content:''; display: block; position: absolute; top:17px; right:0; width:3px; height:3px; border-radius: 50%; } .swmsc_contact_info_menu ul li:last-child:after { display: none; } /* ---------------------------------------------- 31. Events pages ---------------------------------------------- */ .swmsc_event_list_box { display: block; clear:both; margin-bottom: 40px; } .swmsc_evnet_list_left,.swmsc_event_list_right { display: inline-block; position: relative; width:50%; } .swmsc_evnet_list_left { float:left; display: block; } .swmsc_evnet_list_left_holder { display: table; width:100%; position: relative; } .swmsc_evnet_list_left_holder > div { float:left; display:table-cell; } .swmsc_event_list_image { width:25%; min-height: 148px; overflow: hidden; } .swmsc_event_list_image img { width:100%; opacity:0; } .swmsc_event_list_summery { width:50%;} .swmsc_event_list_summery ul { padding:10px 20px; margin:0 2px; min-height: 148px; } .swmsc_event_list_summery ul li { display: block; list-style: none; padding:5px 0; margin:0; font-size: 90%; } .swmsc_event_list_summery ul li i { margin-right: 15px; } .swmsc_event_list_summery ul li:first-child { display: none; } .swmsc_event_list_summery ul li:last-child { border:0; } .swmsc_event_list_datebox { width:25%; padding:10px; text-align: center; position: relative; } .yogaclug_event_list_datebox_inner { display: block; width:100%; height:100%; min-height: 128px; position: relative; vertical-align: middle; } .swmsc_event_list_datebox .swmsc_event_list_date_icon { position: absolute; left:50%; top:0; width:33px; height:33px; text-align: center; line-height: 28px; border-radius: 50%; margin-left: -16px; margin-top: -17px; font-size: 14px; } .swmsc_event_list_date { position: relative; margin-top: 20px; } .swmsc_event_list_date span { display: block; line-height: normal; } .swmsc_event_list_date .swmsc_e_l_date { font-size: 50px; display: block; margin-bottom: 1px; } .swmsc_event_list_date .swmsc_e_l_month { font-size: 90%; text-transform: uppercase; font-weight: bold; } .swmsc_event_list_right { float:right; padding-left: 25px; } .swmsc_event_list_content { position: relative; display: table; } .swmsc_e_list_content_left { display:table-cell; padding-right: 25px; } .swmsc_event_list_content h4 { display: inline-block; font-size: 22px; float:left; margin-bottom: 10px; } .swmsc_event_list_t_price { display: inline-block; font-size: 55%; padding:0px 9px 0; border:0; font-weight: bold; line-height:28px; min-height: 27px; margin:-10px 0 0 10px; } .swmsc_event_list_readmore_arrow { width:48px; min-height: 15px; text-align: center; display: table-cell; vertical-align: middle; position: relative; } .swmsc_event_list_readmore_arrow a { width:100%; height:100%; display: block; position: absolute; top:0; left:0; vertical-align: middle; z-index: 1; } .swmsc_event_list_readmore_arrow i { font-size: 30px; position: relative; z-index: 2; position: absolute; width:30px; height:30px; line-height: 30px; top:50%; margin-top: -15px; margin-left: -15px; } .swmsc_event_list_datebox .swmsc_event_list_date_icon { background:#fff; } .swmsc_event_list_datebox .swmsc_event_list_date_icon { border:2px solid #dfdfdf; } .swmsc_event_list_summery ul { border:2px solid #f0f0f0; } .swmsc_event_list_summery ul li { border-bottom:1px solid #f2f2f2; } .swmsc_event_list_datebox { background:#f4f4f4; } .yogaclug_event_list_datebox_inner { border:2px solid #dfdfdf; background:#fff; } .swmsc_event_list_datebox .swmsc_event_list_date_icon { background: #fff; border:2px solid #dfdfdf; } .swmsc_event_list_readmore_arrow { border:2px solid #e6e6e6; } .swmsc_event_list_readmore_arrow a { background:#fff; } /*Events Widget*/ .swmsc_widget_events > ul { margin:0; padding:0; border:none; } .swmsc_widget_events > ul > li { list-style: none; border:none;float:none;clear:both;display:block; line-height:22px; } .swmsc_widget_events > ul > li a img { max-width: 77px;float:left;width:70px;height:70px;margin:0 22px 0 0; image-rendering: optimizeQuality; } .swmsc_widget_events > ul > li { padding:15px 0 15px 0; height:auto; clear:both; background:none; } .swmsc_widget_events > ul > li:last-child { border-bottom:0; } .swmsc_widget_events > ul > li a { text-decoration: none; } .swmsc_widget_events_title { line-height:20px; margin:0; padding:0 0 5px 0; text-decoration: none; font-size: 110%; } .swmsc_widget_events p { padding:0; margin:0; } .swmsc_widget_events_content { overflow: hidden; } a.swmsc_widget_events_icon { width:70px; height:70px; float:left; display: inline-block; margin-right: 22px; text-align: center; font-size: 22px; background:rgba(0,0,0,0.1); } a.swmsc_widget_events_icon > i { line-height: 70px; } .swmsc_widget_events_content p span i { margin-right: 5px; } .swmsc_widget_events_content p span { margin-right:3px; } .swmsc_widget_events_content p { overflow: hidden; } .swmsc_container .swmsc_widget_events > ul > li,.swmsc_container .recent_posts_small > ul > li,.pricing_content ul > li { margin-left: 0; } .swmsc_widget_events_content ul li { display: inline-block; float:left; margin-right: 15px; font-size: 90%; padding:0; } .swmsc_widget_events_title span { display: block; width:27px; height:2px; background:rgba(0,0,0,0.1); margin:20px 0 15px; } /* ---------------------------------------------- 32. Next Event Counter ---------------------------------------------- */ .swmsc_next_event { text-align: center; padding-bottom: 20px; } .swmsc_next_event_title { line-height: normal; } .swmsc_next_event_meta { margin:15px 0 20px 20px; } .swmsc_next_event_meta span { margin-right:20px; } .swmsc_next_event_meta span i { margin-right: 5px; opacity:0.7; } .swmsc_next_event_meta span i.fa-calendar { font-size: 14px; } .swmsc_event_counter { display: block; clear:both; text-align: center; margin:35px 0; } .swmsc_ec_bars { display: block; margin-bottom: -96px; } ul.next_event_counter { margin:0 auto; } ul.next_event_counter li { list-style: none; margin:0; padding:0; display: inline-block; text-align: center; text-transform: uppercase; border:10px solid rgba(0,0,0,0.05); } ul.next_event_counter li .e_circle { border:2px solid rgba(0,0,0,0.13); width:129px; height:129px; display: block; overflow: hidden; background: #transparent; } ul.next_event_counter li span { display: block; } ul.next_event_counter li span.c_num { font-size: 45px; font-weight: normal; margin-top: 35px; } ul.next_event_counter li span.c_text { font-size: 90%; opacity: 0.8; margin-top: 10px; font-weight: bold; } /* ---------------------------------------------- 33. Classes Pages ---------------------------------------------- */ .swmsc_classes_box { float:left; margin-bottom: 50px; } .swmsc_class_img { overflow: hidden; position: relative; background:transparent; } .swmsc_class_img a { display: block; position: relative; width:100%; height:100%; } .swmsc_class_img img { width:100%; opacity: 1; } .swmsc_class_top_meta { display: table; width:100%; position: relative; padding:0; margin:0; } .swmsc_class_top_meta > div { display: table-cell; padding:10px 15px; overflow: hidden; position: relative; vertical-align: middle; } .swmsc_class_top_meta > div span { width:100%; display: block; margin:0; overflow: hidden; } .swmsc_class_top_meta .swmsc_class_trainer { border-bottom:9px solid; } .swmsc_class_top_meta .swmsc_class_trainer i { display: inline-block; width:30px; height:30px; line-height: 30px; font-size: 12px; margin-right: 10px; border-radius: 50%; background:rgba(0,0,0,0.1); text-align: center; } .swmsc_class_top_meta .swmsc_class_price { font-weight: bold; text-align: center; padding:0 2px 9px; font-size: 120%; } .swmsc_class_top_meta .swmsc_class_price span { width:auto; } .swmsc_class_grid_content { display: block; background:rgba(0,0,0,0.06); position: relative; } .swmsc_class_grid_content_wrap { position: relative; display: block; margin-left: 7px; margin-bottom: 7px; } .swmsc_class_content_box { border:1px solid rgba(0,0,0,0.1); display: table; background:#fff; position: relative; margin-top:-9px; margin-right:-7px; padding:25px; min-width:100%; } .swmsc_class_content_box h4 { margin:0 0 5px 0; } .swmsc_class_excerpt { margin-bottom: 20px; } .swmsc_class_grid_divider { display: block; clear:both; padding-bottom: 20px; } .swmsc_class_grid_divider span { margin:-20px 0 0 -33px; display: block; position: relative; } .swmsc_class_grid_divider span:after,.swmsc_class_grid_divider span:before { content:''; position: absolute; display: block; top:0; left:0; width:38px; height:2px; } .swmsc_class_grid_divider span:after { height:6px; width:6px; left:36px; border-radius: 50%; top:-2px; } .swmsc_class_bottom_meta { font-size: 90%; position: relative; padding-top: 20px; } .swmsc_class_bottom_meta > span { display: inline-block; margin-right: 15px; } .swmsc_class_bottom_meta > span i { margin-right:5px; } .swmsc_class_bottom_meta > span i.fa-clock-o { font-size: 105%; } .swmsc_classes_box:hover .swmsc_class_grid_content_wrap { margin-left: 0px; margin-bottom:0; } .swmsc_classes_box:hover .swmsc_class_content_box { margin-top:-9px; margin-right:0px; } .swmsc_classes_box:hover .swmsc_class_grid_divider span { margin-left:-26px; } /*Grid image hover*/ .swmsc_global_grid_hover { position: absolute; width:100%; height:100%; display: block; z-index: 2; top:0; left:0; opacity:0; } .swmsc_global_grid_hover span { position: absolute; z-index: 3; display: block; top:50%; left:50%; text-align: center; color:#fff; width:44px; height:44px; margin-left: 0px; margin-top: 0px; opacity: 1; } .swmsc_global_grid_hover span:after { content:''; background:#fff; width:2px; height:0px; display: block; position: absolute; top:50%; left:50%; } .swmsc_global_grid_hover span:before { content:''; background:#fff; height:2px; width:0px; display: block; position: absolute; top:50%; left:50%; } .swmsc_global_image_overlay:hover .swmsc_global_grid_hover { opacity: 0.8; } .swmsc_global_image_overlay:hover .swmsc_global_grid_hover span:after { height:44px; top:0; left:50%; } .swmsc_global_image_overlay:hover .swmsc_global_grid_hover span:before { width:44px; top:50%; left:0; } .swmsc_global_image_overlay:hover .swmsc_global_grid_hover span { margin-left: -22px; margin-top: -22px; } /* ---------------------------------------------- 34. Portfolio pages ---------------------------------------------- */ .swmsc_portfolio { overflow: visible; position: relative; padding-bottom: 25px; } .swmsc_portfolio.swmsc_row { margin:0 -12px; } .swmsc_portfolio.swmsc_row .swmsc_column_gap { margin:0; padding:0 12px; } .swmsc_portfolio_filter_menu_holder { text-align: center; } .swmsc_portfolio_box { float:left; margin-bottom: 24px; display: block; clear:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .swmsc_portfolio_box a img { width:100%; height:auto; display:block; line-height: 0; font-size: 0; overflow: hidden; opacity: 1; } .swmsc_portfolio_box .swmsc_portfolio_thumb_img { position: relative; z-index:1; overflow: hidden; } .swmsc_pf_no_bg.swmsc_portfolio_box a img,.swmsc_pf_titles.swmsc_portfolio_box a img { } .swmsc_portfolio_text { clear:both; overflow: hidden; overflow: hidden; margin-top: 2px; position: relative; } .swmsc_portfolio_text span.swmsc_portfolio_title,.swmsc_portfolio_text span.swmsc_portfolio_title a { font-weight: bold; } .swmsc_portfolio_text span.swmsc_portfolio_subtexts { margin:10px 0 10px; display: block; clear: both; } .swmsc_portfolio_title_section { float: left; width:100%; } .swmsc_portfolio_title_section span { display: block; clear: both; } .swmsc_portfolio_title { display: block; width:100%; border:2px solid #e6e6e6; background:#fff; position: relative; overflow: hidden; } .swmsc_portfolio_title span a.swmsc_pf_title_link,.swmsc_portfolio_title span.swmsc_pf_only_title { font-weight: bold; padding:8px 60px 8px 18px; display: inline-block; } .swmsc_portfolio_title span.swmsc_pf_only_title { text-align: center; display: block; padding:8px 18px; } .swmsc_portfolio_title span a.swmsc_pf_title_link_icon { position: absolute; right:0; top:0; text-align: center; width:50px; height:100%; line-height: 100%; display: block; background:#f6f6f6; border:2px solid #fff; } .swmsc_portfolio_title span a.swmsc_pf_title_link_icon i { position: absolute; top:50%; right:7px; height:30px; line-height: 30px; width:30px; display: block; margin-top: -13px; font-size: 18px; } .swmsc_portfolio_title span a.swmsc_pf_title_link_icon:before { content:''; position: absolute; width:2px; height:150%; background:#e6e6e6; display: block; right:48px; top:-10px; bottom:-10px; } .swmsc_portfolio > ul > li { display:inline-block; padding:0; margin:0; background: none; float: left; } .swmsc_portfolio_img_hovericon { left:50%; top:0; margin-top: -25px; margin-left: -25px; width:50px; height:50px; border-radius: 50%; line-height: 50px; position: absolute; z-index: 100; text-align: center; opacity: 0; display: block; } .swmsc_portfolio_content:hover .swmsc_portfolio_img_hovericon { opacity: 0.9; top:50%; } /* ---------------------------------------------- 35. Logos ---------------------------------------------- */ /*Logo Grid*/ .swmsc_client_logos { display: block; clear:both; } .swmsc_client_logo_item { float:left; } .swmsc_client_logo_item > div { padding:20px; margin:0; display: inline-block; float:left; border:1px solid #e6e6e6; overflow: hidden; opacity: 1; } .swmsc_client_logo_item a { display: inline-block; width: 100%; } .swmsc_client_logo_item a img { display: inline-block; width: 100%; } .swmsc_client_logo_item:hover > div { opacity:0.8;} /*Logo Slider*/ .swmsc_logo_slider { display: block; text-align: center; position: relative; } .swmsc_client_logo_item { float:left; z-index: 2; position: relative; } .swmsc_logo_slide > div { padding:0px; margin:0; display: inline-block; float:left; border-radius:0; } .swmsc_logo_slide a { display: inline-block; width: 100%; } .swmsc_logo_slide img { display: inline-block; width: 100%; } .swmsc_logo_slider .owl-nav { opacity: 0; } .swmsc_logo_slider .owl-nav .owl-prev,.swmsc_logo_slider .owl-nav .owl-next { width:29px; height:29px; display:block; text-align: center; line-height: 28px; color:#fff; font-size: 18px; border-radius: 100%; background:rgba(0,0,0,0.2); position: absolute; top:50%; margin-top: -15px; } .swmsc_logo_slider .owl-nav .owl-prev { left:50px; } .swmsc_logo_slider .owl-nav .owl-next { right:50px; } .swmsc_logo_slider .owl-nav > div:hover { background:rgba(0,0,0,0.7); } .swmsc_logo_slider:hover .owl-nav { opacity: 1; } .swmsc_logo_slider:hover .owl-nav .owl-prev { left:0; } .swmsc_logo_slider:hover .owl-nav .owl-next { right:0; } .swmsc_logo_slide img:hover { opacity:0.80; } /* ---------------------------------------------- 36. Horizontal Line ---------------------------------------------- */ .swmsc_horizontal_line { text-align: center; width:100%; display: block; clear:both; padding:5px 0; position: relative; } .swmsc_horizontal_line span.swmsc_horizontal_line_h_line { position: relative; display: block; border-bottom: 2px dashed; } .swmsc_horizontal_line span.swmsc_horizontal_line_icon { padding:0 10px 0 10px; margin-top:-18px; position: absolute; left:50%; margin-left: -25px; display:block; width:50px; height:30px; border-radius: 50%; text-align: center; line-height: 30px; font-size: 18px; } .swmsc_horizontal_line span.swmsc_horizontal_line_icon i { font-size: 13px; height:25px; width:25px; line-height: 25px; text-align: center; border-radius: 100px; } .swmsc_line { padding:30px 0; width:100%; } .swmsc_line span { height:1px; display:block; width:100%; } /* ---------------------------------------------- 37. Dividers ---------------------------------------------- */ .swmsc_custom_dividers { display: block; clear:both; line-height: 0; font-size: 0; } .swmsc_dividers_line_dot { position: relative; display: block; } .swmsc_dividers_dotline_holder { display: inline-block; width:100%; } .swmsc_dividers_dotline_line { width:100%; height:2px; display: inline-block; } .swmsc_dividers_dotline_dot { width:6px; height:6px; border-radius: 50%; display: inline-block; margin-top: -4px; } .swmsc_dividers_circle span { width:6px; height:6px; background:#8373ce; border-radius: 100%; margin:0 2px; display:inline-block; } .swmsc_dividers_circle_o span { width:7px; height:7px; border:2px solid #8373ce; border-radius: 100%; margin:0 2px; display:inline-block; } .swmsc_dividers_square span { width:6px; height:6px;background:#8373ce; border-radius:0; margin:0 3px; display:inline-block; } .swmsc_dividers_square_o span { width:7px; height:7px; border:2px solid #8373ce; border-radius:0; margin:0 2px; display:inline-block; } .swmsc_dividers_line1 span { width:100%; max-width:50px; height:1px; background:#8373ce; display:inline-block; } .swmsc_dividers_line2 span { width:100%; max-width:50px; height:2px; background:#8373ce; display:inline-block; } .swmsc_dividers_line3 span { width:100%; max-width:50px; height:3px; background:#8373ce; display:inline-block; } .swmsc_dividers_double_line span { width:100%; max-width:50px; height:6px; display: inline-block; border-top:2px solid #8373ce; border-bottom:2px solid #8373ce; } /* ---------------------------------------------- 38. Half Width Background and Content ---------------------------------------------- */ .swmsc_half_bg_container { display: block; margin:0; padding:0; } .swmsc_half_bg { position: absolute; top: 0; bottom: 0; background-size: cover; background-position: center; } .swmsc_half_bg_right .swmsc_half_bg { left: 0; right: 50%; } .swmsc_half_bg_left .swmsc_half_bg { left: 50%; right: 0; } .swmsc_half_bg_text { width:50%; display: block; } .swmsc_half_bg_right .swmsc_half_bg_text { float:right; padding-left: 40px; } .swmsc_half_bg_left .swmsc_half_bg_text { float:left; padding-right: 40px; } /* ---------------------------------------------- 39. Custom Gallery ---------------------------------------------- */ .swmsc_image_gallery { text-align: center; position: relative; overflow: hidden; display: block; } .swmsc_image_gallery_item { width:33.29%; float:left; display: inline-block; position: relative; max-width: 100%; } .swmsc_image_gallery_item a { position: relative; display:block; overflow: hidden; } .swmsc_image_gallery_item a img { position: relative; z-index: 2; display: inline-block; max-width: 100%; border:1px solid #e6e6e6; } .swmsc_image_gallery_item a span { position: absolute; width:100%; height:100%; z-index: 3; text-align: center; top:0; left:0; display: block; } .swmsc_image_gallery_item a span i { width:50px; height:50px; line-height: 50px; color:#fff; top:0%; left:50%; margin-left: -20px; margin-top: -60px; font-size: 18px; position: absolute; display: block; border-radius:100%; background:#000; } .swmsc_image_gallery_item:hover a span i { top:50%; margin-top: -20px; } .swmsc_image_gallery_item p { display: block; margin-top: 4px; border:1px solid rgba(0,0,0,0.1); padding:15px 20px; background:transparent; margin-bottom:0; line-height: 1.5; } .swmsc_image_gallery_item p span { display: block; font-size: 90%; padding:5px 0; } .swmsc_image_gallery_item:hover p { background:rgba(0,0,0,0.03); } .swmsc_image_gallery_item p.caption_no_border, .swmsc_image_gallery_item:hover p.caption_no_border { background:none; padding-left: 0; padding-right: 0; } .swmsc_gal1 .swmsc_image_gallery_item { width:100%; } .swmsc_gal2 .swmsc_image_gallery_item { width:50%; } .swmsc_gal3 .swmsc_image_gallery_item { width:33.29%; } .swmsc_gal4 .swmsc_image_gallery_item { width:24.95%; } .swmsc_gal5 .swmsc_image_gallery_item { width:20%; } .swmsc_gal6 .swmsc_image_gallery_item { width:16.65%; } .swmsc_gal7 .swmsc_image_gallery_item { width:14.1%; } .swmsc_gal8 .swmsc_image_gallery_item { width:12.4%; } .swmsc_gal9 .swmsc_image_gallery_item { width:11%; } /* ---------------------------------------------- 40. Recent Posts Slider ---------------------------------------------- */ .swmsc_recent_posts_slider { display: block; clear:both; margin-bottom: 30px; position: relative; background:#fff; } .swmsc_rp_slider_holder { display: table; position: relative; width:100%; } .swmsc_rp_slider_img { display: table-cell; width:45%; position: relative; z-index: 2; } .swmsc_rp_slider_content { display: table-cell; width:55%; padding:30px 0; z-index: 3; position: relative; } .swmsc_rp_slider_content_wrap { border:2px solid rgba(0,0,0,0.1); padding:35px 40px 20px 40px; display: block; background:#fff; margin-left: -20px; position: relative; } .swmsc_rp_slider_date { position: absolute; display: block; width:80px; height:80px; left:0; top:31px; padding:5px; margin-left:-81px; } .swmsc_rp_slider_date span { border:2px solid rgba(255,255,255,0.2); display: block; text-align: center; text-transform: uppercase; width:70px; height:70px; font-size: 27px; padding-top: 9px; } .swmsc_rp_slider_date span sub { display: block; font-size: 14px; font-weight: bold; margin-top: 10px; letter-spacing: 1px; } .yogaclub_site_content .swmsc_rp_slider_content h4 { line-height: normal; margin:0; font-size: 27px; line-height:normal; } .swmsc_rp_slider_content ul { padding:0; margin:0; font-size: 90%; } .swmsc_rp_slider_content ul li { list-style: none; padding:0; margin:0 15px 0 0; float:left; } .swmsc_rp_slider_content ul li a { } .swmsc_rp_slider_content ul li i { margin-right: 5px; } .swmsc_rp_slider_divider { display: block; clear:both; position: relative; padding:20px 0; margin-left: -42px; } .swmsc_rp_slider_divider:before,.swmsc_rp_slider_divider:after { content:''; display: block; position: absolute; left:0; top:50%; z-index: 3; } .swmsc_rp_slider_divider:before { height:2px; width:45px; margin-top: -1px; } .swmsc_rp_slider_divider:after { width:6px; height:6px; border-radius: 50%; margin-top: -3px; left:42px; } .swmsc_recent_posts_slider p { margin-bottom: 20px; } a.swmsc_rp_slider_button { margin-top: 10px; } a.swmsc_rp_slider_button { display: inline-block; background:#fff; border:2px solid #e6e6e6; border-radius:20px; padding:5px 25px; font-size: 12px; font-weight: bold; line-height: 25px; text-transform: uppercase; } a.swmsc_rp_slider_button i { margin-left: 7px; } /*arrow navigation*/ .swmsc_recent_posts_slider_container .owl-controls { display: block; width:65px; position: absolute; right:40px; bottom:0; margin-bottom:106px; height:30px; } .swmsc_recent_posts_slider_container .owl-nav .owl-prev,.swmsc_recent_posts_slider_container .owl-nav .owl-next { background:#fff; padding:0; width:31px; height:31px; display:block; line-height: 25px; z-index: 99; color:#888; font-size: 16px; text-align: center; border:2px solid #e6e6e6; border-radius: 50%; } .swmsc_recent_posts_slider_container .owl-nav .owl-prev { float:left; } .swmsc_recent_posts_slider_container .owl-nav .owl-next { float:right; } .swmsc_recent_posts_slider_container .owl-nav .owl-prev:hover,.swmsc_recent_posts_slider_container .owl-nav .owl-next:hover { } /* ---------------------------------------------- 41. Responsive ---------------------------------------------- */ @media only screen and (min-width: 980px) and (max-width: 1050px) { .swmsc_widget_opening_hours ul li { width:50%; } .swmsc_widget_opening_hours li:last-child { width:100%; } } @media only screen and (min-width: 980px) and (max-width: 1100px) { .swmsc_evnet_list_left {width:55%; } .swmsc_event_list_right { width:45%;} } @media only screen and (max-width: 1100px) { .swmsc_team_img { width:40%; } .swmsc_team_content { width:60%; } } @media only screen and (max-width: 1060px) { .swmsc_recent_post_large_img { width:200px; margin-right: 20px; } .swmsc_recent_post_large_date span { padding:0 10px; } } @media only screen and (max-width: 979px) { .swmsc_row .swmsc_column2, .swmsc_row .swmsc_column3, .swmsc_row .swmsc_column4, .swmsc_row .swmsc_column5, .swmsc_row .swmsc_column6, .swmsc_one_half, .swmsc_one_third, .swmsc_one_fourth, .swmsc_one_fifth, .swmsc_one_sixth, .yogaclub-layout-sidebar-left .swmsc_row .swmsc_column2, .yogaclub-layout-sidebar-left .swmsc_row .swmsc_column3, .yogaclub-layout-sidebar-left .swmsc_row .swmsc_column4, .yogaclub-layout-sidebar-right .swmsc_row .swmsc_column2, .yogaclub-layout-sidebar-right .swmsc_row .swmsc_column3, .yogaclub-layout-sidebar-right .swmsc_row .swmsc_column4 { width: 50%; } .swmsc_one_full, .swmsc_two_third, .swmsc_three_fourth, .swmsc_four_fifth, .swmsc_five_sixth { width: 100%; } /*.swmsc_column { float:none; clear:both; margin-left:0; margin-bottom: 30px; }*/ .swmsc_promotion_box .swmsc_promotion_box_text { float:none; } .swmsc_promotion_box .swmsc_promotion_box_button { float:none; margin-top: 20px; } .swmsc_promotion_box .swmsc_promotion_box_sub_title { padding-top:10px; } .swmsc_team_img { width:20%; } .swmsc_team_content { width:80%; } .swmsc_icon_title { text-align: left; } .swmsc_gal5 .swmsc_image_gallery_item, .swmsc_gal6 .swmsc_image_gallery_item, .swmsc_gal7 .swmsc_image_gallery_item, .swmsc_gal8 .swmsc_image_gallery_item, .swmsc_gal9 .swmsc_image_gallery_item { width:33.29%; } .swmsc_evnet_list_left,.swmsc_event_list_right { width:100%;} .swmsc_event_list_right { margin-top: 30px; padding-left: 0; } .swmsc_e_list_content_left { display: block; } .swmsc_event_list_readmore_arrow { display: inline-block; padding:15px 20px; } .swmsc_event_list_readmore_arrow i { font-size: 20px; } .swmsc_pricing_tables { text-align: center; } .swmsc_pricing_tables_container_wrap .swmsc_pt_block { width:100%; float:none; } .swmsc_pt_price { padding-top:0; } .swmsc_pricing_tables_content { padding:30px 30px 0; border-top:1px solid rgba(0,0,0,0.05); margin-top: 20px; text-align: center; } .swmsc_pricing_tables_content > div { margin:0; auto; display: inline-block; text-align: left; } .swmsc_recent_post_large_img { width:120px; } } @media only screen and (max-width: 767px) { .swmsc_row .swmsc_column2, .swmsc_row .swmsc_column3, .swmsc_row .swmsc_column4, .swmsc_row .swmsc_column5, .swmsc_row .swmsc_column6, .swmsc_one_half, .swmsc_one_third, .swmsc_one_fourth, .swmsc_one_fifth, .swmsc_one_sixth, .yogaclub-layout-sidebar-left .swmsc_row .swmsc_column2, .yogaclub-layout-sidebar-left .swmsc_row .swmsc_column3, .yogaclub-layout-sidebar-left .swmsc_row .swmsc_column4, .yogaclub-layout-sidebar-right .swmsc_row .swmsc_column2, .yogaclub-layout-sidebar-right .swmsc_row .swmsc_column3, .yogaclub-layout-sidebar-right .swmsc_row .swmsc_column4 { width: 100%; } .swmsc_tabs.tabs_vertical ul.tab-nav,.swmsc_tabs.tabs_vertical .swmsc_tab { width:100%; float:none; display: block; } .swmsc_tabs.tabs_vertical ul.tab-nav { padding:0; text-align: left; } .swmsc_tabs.tabs_vertical ul.tab-nav li a { padding: 10px 33px; } .swmsc_tabs.tabs_vertical ul.tab-nav li span { bottom:0; left:50%; top:auto; right:auto; margin-right:0; margin-top:0; transform:rotate(0deg); } .swmsc_recent_post_large_img { width:100%; margin-right:0; display: block; margin-bottom: 30px; } .swmsc_recent_post_large_date span { padding:0 20px; } .swmsc_recent_post_large_text { display: block; float:none; clear:both; text-align: center; } .swmsc_recent_post_large_meta::before, .swmsc_recent_post_large_meta::after { left:50%; margin-left: -17px; } .swmsc_recent_post_large_meta::after { margin-left: -2px; } .image_left,.image_right { float:none; display:block; margin-left: 0; margin-bottom: 20px; } .swmsc_testimonials_quote { display: none; } .swmsc_testimonials_wide_slider.arrowNavigation_true { padding:40px;} .swmsc_tws_img { float:none; display: block; margin:0 0 20px; padding-right: 0; text-align: center; } .swmsc_tws_img img { width:120px; height:120px; } .swmsc_tws_content { padding:0; margin-left:0; text-align: center; } .swmsc_tws_content:before,span.swmsc_tws_quote_icon,span.swmsc_tws_client_name:before,span.swmsc_tws_client_name:after { display: none; } .swmsc_tws_clientinfo span.swmsc_tws_client_name { padding:0; } .swmsc_team_img { width:30%; } .swmsc_team_content { width:70%; } .swmsc_half_bg { display: none; } .swmsc_half_bg_text { width:100%;} .swmsc_half_bg_left .swmsc_half_bg_text { float:none; padding-left:0; } .swmsc_half_bg_right .swmsc_half_bg_text { float:none; padding-right:0; } .swmsc_half_bg_right .swmsc_half_bg_text { padding-left:0; } .swmsc_gal3 .swmsc_image_gallery_item, .swmsc_gal4 .swmsc_image_gallery_item, .swmsc_gal5 .swmsc_image_gallery_item, .swmsc_gal6 .swmsc_image_gallery_item, .swmsc_gal7 .swmsc_image_gallery_item, .swmsc_gal8 .swmsc_image_gallery_item, .swmsc_gal9 .swmsc_image_gallery_item { width:50%; } .swmsc_rp_slider_holder { display: block; } .swmsc_rp_slider_img { display: block; width:100%; min-height: 250px; } .swmsc_rp_slider_content { display: block; width:100%; padding:0; } .swmsc_rp_slider_content_wrap { margin:0; } .swmsc_rp_slider_date { display: none; } .swmsc_recent_posts_slider_container .owl-controls { margin-bottom: 77px; } .yogaclub_site_content .swmsc_rp_slider_content h4 { font-size: 20px; } .swmsc_next_event_meta span { margin:0; display: block; } } @media only screen and (max-width: 600px) { .swmsc_team_img { width:45%; } .swmsc_team_content { width:55%; } } @media only screen and (min-width: 0px) and (max-width: 600px) { .swmsc_evnet_list_left_holder > div.swmsc_event_list_datebox { display: none; } .swmsc_evnet_list_left_holder > div.swmsc_event_list_image { width:35%; } .swmsc_evnet_list_left_holder > div.swmsc_event_list_summery { width:65%;} .swmsc_event_list_summery ul li:first-child { display: block; } .swmsc_event_list_summery ul li:last-child { display: none; } .swmsc_event_list_summery ul li:nth-child(3) { border-bottom:0; padding-bottom:0; } } @media only screen and (max-width: 500px) { .swmsc_team_content_holder,.swmsc_tm_right .swmsc_team_content_holder,.swmsc_team_members.clientImage_right .swmsc_team_content_holder { margin:0; display: block; clear:both; } .swmsc_team_img,.swmsc_team_content,.swmsc_tm_right .swmsc_team_img,.swmsc_team_members.clientImage_right .swmsc_team_img { width:100%; float:none; display: block; clear:both; margin-top: 8px; } .swmsc_team_arrow span,.swmsc_tm_right .swmsc_team_arrow span,.swmsc_team_members.clientImage_right .swmsc_team_arrow span { left:50px; right:auto; top:0; margin-top: -45px; margin-right:0; margin-left: 0; transform:rotate(90deg); } .swmsc_team_content { margin-top: 8px; } } @media only screen and (max-width: 480px) { .swmsc_gal2 .swmsc_image_gallery_item, .swmsc_gal3 .swmsc_image_gallery_item, .swmsc_gal4 .swmsc_image_gallery_item, .swmsc_gal5 .swmsc_image_gallery_item, .swmsc_gal6 .swmsc_image_gallery_item, .swmsc_gal7 .swmsc_image_gallery_item, .swmsc_gal8 .swmsc_image_gallery_item, .swmsc_gal9 .swmsc_image_gallery_item { width:100%; } .swmsc_widget_opening_hours ul li { width:50%; } .swmsc_widget_opening_hours li:last-child { width:100%; } .swmsc_evnet_list_left_holder > div.swmsc_event_list_image { width:100%; } .swmsc_evnet_list_left_holder > div.swmsc_event_list_summery { width:100%;} .swmsc_event_list_summery ul { margin: 2px 0 0 0; } }