/* Theme Name: Peachclub Child 01 Theme URI: Description: Child 01 theme for the Peachclub theme Author: ChimpStudio Author URI: Template: peachclub Version: 1.1 */ /* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 07 Nov 2015 06:43:00 +0000 */ @import url('/style.css'); .text > p { color:#000000; padding-left:50px; font-size:16pt; } body, .main-section p { color: black; } #newslatter-sec .user-signup { float: left; padding-right: 87px;} .owl-item.active { margin-right: 0px!important; width:228px!important; } .main-section h1, .main-section h1 a { color: #f26f29 !important; font-size: 24pt; } .button_style .default { border-radius: 10px; font-size:12pt; } div#radius > .cs-services { border-radius: 10px; } #copyright p { padding-top: 0; } .contactInputs { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 2px solid #5D5D5D !important; box-sizing: border-box; color: #000000 !important; display: inline-block; font-size: 12pt !important; font-weight: 400; /* height: inherit; */ /* line-height: 20px; */ outline: none; /* padding: 4px 6px; */ vertical-align: middle; font-family: Helvetica !important; } .contactInputs2{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 2px solid #5D5D5D !important; box-sizing: border-box; color: #000000 !important; display: inline-block; font-size: 12pt !important; font-weight: 400; height: inherit !important; /* line-height: 20px; /* outline: none; /* padding: 4px 6px; */ vertical-align: middle; font-family: Helvetica !important; } /*Contact form on contact page*/ body .twenty-fifteen-pattern { padding-top: 1.6842em; margin: 0 auto; width: 300px; } .contactArea{ height:100px; } /*Contact us page border from the contact form*/ body .cf7-style div.wpcf7-response-output.wpcf7-mail-sent-ok{border:none !important;} body .cf7-style div.wpcf7-validation-errors{border:none !important} /*Main paragraph size and style*/ .mainPara{ font-size:14pt !important; color:#000000; text-align:center; } /*Main paragraph white color*/ .mainParaWhite{ font-size:14pt !important; color:#ffffff !important; text-align:center; } /*Theme doesn't support class per row so ID's for borders on banner images for subsites*/ section#aboutUs{border-top:3px solid black !important; border-bottom:3px solid black !important;} section#services{border-top:3px solid black !important; border-bottom:3px solid black !important;} section#hospitalCare{border-top:3px solid black !important; border-bottom:3px solid black !important;} section#sealants{border-top:3px solid black !important; border-bottom:3px solid black !important;} section#sedation{border-top:3px solid black !important; border-bottom:3px solid black !important;} section#special{border-top:3px solid black !important; border-bottom:3px solid black !important;} section#xrays{border-top:3px solid black !important; border-bottom:3px solid black !important;} section#contact{border-top:3px solid black !important; border-bottom:3px solid black !important;} /*Contact form date input box */ input[type="date"]{width:100%; text-align:center;} /* FILE ARCHIVED ON 06:56:27 Mar 27, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 19:47:22 May 12, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.632 exclusion.robots: 0.033 exclusion.robots.policy: 0.021 esindex: 0.014 cdx.remote: 95.961 LoadShardBlock: 326.098 (3) PetaboxLoader3.datanode: 160.192 (4) load_resource: 88.033 PetaboxLoader3.resolve: 68.731 */ @charset "utf-8"; /*--------------------------------------------------------------- Theme Name: Peachclub Theme URI: http://www.chimpstudio.co.uk Author: ChimpStudio Author URI: http://www.chimpstudio.co.uk Description: PeachClub Kindergarten Theme is a simple and clean, It is a beautifully designed WordPress Theme for your child school, child care, kindergartens, daycares, preschools and other small businesses but it would suit for any children, art, craft or creative website. The theme is powerful pack of options that allows you to add Classes, categorize them according to classes nature, add timetable for the classes and much more. Version: 1.1 License: GNU General Public License License URI: license.txt Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: pc ---------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Header / #main-header 3. Navigation / .navigation 4. Content / #main-content 5. Left column / .page-content 6. Right column / .page-sidebar 6.1. widget.css / all widget 7. Blog / .cs-blog 7.1. .blog-large 7.2. .blog-grid 7.3. .blog-editor 8. Classes / .our_classes 8.1. .classes-grid-view 8.2. .classes-medium-view 8.3. .class-detail 9. timetable / #timetable-wrapper 10. Shortcode 10. 1. Heading Styles 10. 2. 3D DropCap 10. 3. Drop Cap 10. 4. Block Qoute 10. 5. Highlight Text 10. 7. Simple Testimonial 10. 8. Slider Testimonial 10. 9. List Style 10.10. Simple List Style 10.11. Order List Style 10.12. Check List Style 10.13. Message Box Alert 10.14. Form Style Classic 10.15. Form Style Plain 10.16. Columns Distribution 10.17. Dividers 10.18. Twitter 10.19. Default Tabs 10.20. Vertical Tabs 10.21. Simple Accordion 10.22. FAQ 10.23. Simple Pricetable 10.24. Buttons 10.25. Classic Pricetable 10.26. Counter Style 10.27. Skills 10.28. Table Styles 10.29. Chart Style 10.30. Services 10.31. Rectangle Services 10.32. Circle Services 10.33. Elite Services 10.34. Box Services 10.35. Call to Action 10.36. Video 10.37. Image Frame 10.38. Promobox 11. Footer / #footer-sec -------------------------------------------------------------------*/ /* Theme Typo */ * { margin: 0px; padding: 0px; } body { color: #333; font-size: 15px; font-weight: normal; line-height: 1.7 !important; outline: none; } /*---Heading Typo---*/ body h1, body h2, body h3, body h4, body h5, body h6 { color: #753475; font-style: normal; font-weight: 400; line-height: 1.5; margin: 0px 0px 8px 0px; } h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 22px;} h4 {font-size: 20px;} h5 {font-size: 16px;} h6 {font-size: 14px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #753475;} p a {color: #753475;} /*---Peragraph Typo---*/ p { letter-spacing: 0.2px; line-height: 1.7 !important; margin-bottom: 10px; } a { color: #000000; outline: none; text-decoration: none; } a:hover, a:focus, a:active { outline: none; text-decoration: none; } ul {margin-bottom: 0px;} figure { margin-bottom: 6px; position: relative; } .clear { clear: both; font-size: 0; line-height: 0; } img {max-width: 100%;} strong {color: #333333;} iframe { border: none; float: left; width: 100%; } .container.fullwidth {width: 100%;} .container.fullwidth .col-md-12 {padding: 0px;} /* Form Input Typo */ select { border: 1px solid #d2d2d2; color: #666666; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 300; height: 40px; padding: 8px 12px; width: 100%; } label { color: #333333; display: block; font-weight: 400; margin-bottom: 10px; } button {border: none;} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #d2d2d2; box-sizing: border-box; color: #3d3d3d; display: inline-block; font-size: 12px; font-weight: 400; height: 35px; line-height: 20px; outline: none; padding: 4px 6px; vertical-align: middle; } form p { float: left; position: relative; width: 100%; } form p span i { color: #474747; left: 16px; position: absolute; top: 13px; } .element-size-25 {width: 25%;} .element-size-33 {width: 33.333%;} .element-size-50 {width: 50%;} .element-size-67 {width: 66.67%;} .element-size-75 {width: 75%;} .element-size-100, .section-fullwidth { float: left; width: 100%; } .element-size-75 .col-md-3 {width: 33.3333%;} .element-size-50 .col-md-3 {width: 50%;} .element-size-25 .col-md-3 {width: 100%;} .element-size-67 .col-md-3 {width: 33.4444%;} /* Define Main Grid */ .page-content .section-content { float: left; position: relative; width: 66%; z-index: 1; } .section-content { float: left; padding: 0 0px 0 0; position: relative; width: 75%; z-index: 1; } .section-sidebar { float: left; padding: 0px 0px 0px 30px; width: 25%; } .page-sidebar ~ .page-content { float: right; padding-left: 15px; padding-right: 0px; position: relative; width: 75%; z-index: 9; } .page-content { float: left; padding: 0 15px 0 0; position: relative; width: 75%; z-index: 9; } .page-content ~ .page-sidebar { float: left; padding-left: 15px; padding-right: 15px; position: relative; width: 25%; } .page-section, figure img { float: left; width: 100%; } .page-content .container {width: 100%;} .page-sidebar { float: left; position: relative; width: 25%; } /*HACK FOR GRID*/ [class*="element-size"] { display: inline-block; margin: 0 -4px 0 0; vertical-align: top; } [class*="col-md"] { display: inline-block; margin: 0 -4px 35px 0; vertical-align: top; } /*HACK FOR GRID*/ .wrapper.wrapper_boxed { box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3); margin: 40px auto; position: relative; width: 1240px; } body.logged-in.admin-bar {margin-top: 32px;} #wpadminbar {position: absolute;} .wrapper {margin-top: 0.01em;} /* Adjust Grid Widht */ .col-md-9 .col-md-2 {width: 20%;} .col-md-9 .col-md-3 {width: 33.3333%;} .wide .row {margin: 0px;} .wide .col-md-12,.element-size-33 .col-md-12 .col-md-12 {padding: 0px;} /* RichEditore Style's*/ .rich_editor_text h1, .rich_editor_text h2, .rich_editor_text h3, .rich_editor_text h4, .rich_editor_text h5 {margin-bottom: 10px;} .rich_editor_text p, .rich_editor_text ul, .rich_editor_text ol {margin-bottom: 10px;} .rich_editor_text ul { float: none; list-style: disc; padding-left: 0; } .rich_editor_text .liststyle ul {padding-left: 0px;} .rich_editor_text ol { list-style-type: decimal; margin-left: 0px; padding-left: 25px; } .rich_editor_text ol li {list-style-type: decimal;} .rich_editor_text li { float: none; list-style: inside; } .rich_editor_text ul ul { list-style-type: circle; margin-bottom: 0; } img.alignright { box-shadow: 0 0 3px rgba(0,0,0,0.2); float: right; margin: 0 0px 30px 30px; } img.alignleft { box-shadow: none; float: left; margin: 0 30px 30px 0; } img.aligncenter { box-shadow: 0 0 3px rgba(0,0,0,0.2); display: block; margin: 0 auto 30px; } /* ThemeUnit Style's */ .sticky {} .bypostauthor {} li { line-height: 28px; list-style: disc outside none; } ul ul {margin-left: 20px;} ol { float: none; list-style: decimal; padding-left: 15px; } ol ol {margin-left: 20px;} ol li { list-style: decimal; width: 100%; } table { background-color: transparent; max-width: 100%; } th {text-align: left;} table { margin-bottom: 10px; width: 100%; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { border-top: 1px solid #d2d2d2; border: 1px solid #d2d2d2; line-height: 2.5; padding-left: 7px; vertical-align: top; } table thead tr th {border-top: 1px solid #d2d2d2;} .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top: 1px solid #ebebeb;} table > thead > tr > th { border-bottom: 2px solid #d2d2d2; vertical-align: bottom; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {border-bottom: 0;} table > tbody + tbody {border-top: 2px solid #d2d2d2;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 16px 16px;} p ins {color: #999;} dl dd { margin-bottom: 8px; margin-left: 20px; } address {font-style: italic;} #comment .text-box blockquote p { float: none; width: auto; } #comment ul li .text-box ul li { float: left; list-style: outside; width: 100%; } #comment ul li .text-box ul ul { float: left; margin-left: 30px; width: 100%; } #comment ul li .text-box ol li {list-style: inherit;} .wp-caption-text.gallery-caption { float: left; margin: 10px 0px 0px 0px; padding: 0 4px; text-align: left; width: 100%; } .wp-caption-text.gallery-caption {display: none;} .page-links { float: left; padding: 0px 0px 20px 0px; text-align: center; text-transform: uppercase; } .page-links span { background: #222; color: #fff; font-size: 11px; padding: 5px 10px; } .page-links a span { color: #fff; font-size: 11px; padding: 5px 10px; } .page-links span.page-links-title {color: #fff;} .password_protected > form {display: inline-block;} .password_protected p:before {display: none;} .password_protected { float: left; text-align: center; width: 100%; } .password_protected p { float: left; margin: 0; width: auto; } .password_protected label {margin: 0px;} .rich_editor_text .password_protected p {width: auto;} .password_protected input[type="password"] {height: 39px;} .password_protected input[type="submit"] { background-color: #000; border: none; color: #fff; padding: 7px 15px; } .password_protected .protected-icon a { background-color: #000; border-radius: 100%; color: #ffffff; display: inline-block; font-size: 50px; height: 80px; margin: 0px 0px 20px 0px; padding: 3px 0px 0px 0px; width: 80px; } #cs-comments .text ul ul {margin-left: 20px;} #cs-comments .text ul li {list-style: inside none disc;} /* ThemeCustom Setup */ /* Default Gallery Setup */ .entry-content img { border: 1px solid #ccc; max-width: 98%; padding: 1%; } .gallery { clear: both; margin-left: -30px; margin: 0 auto; overflow: hidden; } .gallery .gallery-item { float: left; list-style: none; margin: 0px 0 0; overflow: hidden; padding: 0px 0px 15px 15px; text-align: center; } .gallery-caption {font-size: 11px;} .gallery-item img { float: left; padding: 0 0px; width: 100%; } .gallery-columns-0 .gallery-item {width: 100%;} .gallery-columns-1 .gallery-item {width: 100%;} .gallery-columns-2 .gallery-item {width: 50%;} .gallery-columns-3 .gallery-item {width: 33.33%;} .gallery-columns-4 .gallery-item {width: 25%;} .gallery-columns-5 .gallery-item {width: 20%;} .gallery-columns-6 .gallery-item {width: 16.66%;} .gallery-columns-7 .gallery-item {width: 14.28%;} .gallery-columns-8 .gallery-item {width: 12.5%;} .gallery-columns-9 .gallery-item {width: 11.11%;} .gallery-columns-10 .gallery-item {width: 10%;} .gallery-columns-11 .gallery-item {width: 9.09%;} .gallery-columns-12 .gallery-item {width: 8.33%;} .gallery-columns-13 .gallery-item {width: 7.69%;} .gallery-columns-14 .gallery-item {width: 7.14%;} .gallery-columns-15 .gallery-item {width: 6.66%;} .gallery-columns-16 .gallery-item {width: 6.25%;} .gallery-columns-17 .gallery-item {width: 5.88%;} .gallery-columns-18 .gallery-item {width: 5.55%;} .gallery-columns-19 .gallery-item {width: 5.26%;} .gallery-columns-20 .gallery-item {width: 5%;} .gallery-columns-21 .gallery-item {width: 4.76%;} .gallery-columns-22 .gallery-item {width: 4.54%;} .gallery-columns-23 .gallery-item {width: 4.34%;} .gallery-columns-24 .gallery-item {width: 4.16%;} .gallery-columns-25 .gallery-item {width: 4%;} .gallery-columns-26 .gallery-item {width: 3.84%;} .gallery-columns-27 .gallery-item {width: 3.7%;} .gallery-columns-28 .gallery-item {width: 3.57%;} .gallery-columns-29 .gallery-item {width: 3.44%;} .gallery-columns-30 .gallery-item {width: 3.33%;} /* Defoult Gallery */ /* Heater Style */ .header, .top-bar { float: left; width: 100%; } .header {margin: 0 0 30px;} .top-bar {background: url(top-border.png) repeat-x bottom #753475;} .left-side { float: left; } .top-bar a, .top-bar i, .cs-users i,.top-bar p,.top-bar .left-side { color: #ffffff; }.top-bar .left-side { line-height: 3; } .top-bar .left-side p { border-left: 1px solid rgba(249,249,249,0.1); color: #fff; float: left; font-size: 14px; margin: 0; padding: 11px 15px 15px; } .top-bar .left-side p a {color: #fff;} .top-bar .left-side p i, .cs-login-sec ul li a i { color: #f26f29 !important; margin: 6px 8px 0 0; float: left; } .right-side {float: right;} .sg-socialmedia { float: left; padding: 12px 0 0; } .sg-socialmedia ul li { float: left; list-style: none; margin: 0 8px 0 0; } .sg-socialmedia ul li a i { color: #fff; font-size: 20px; } .lang_sel_list_horizontal { border-left: 1px solid rgba(249,249,249,0.1); border-right: 1px solid rgba(249,249,249,0.1); float: left; height: 52px; margin: 0 0 0 7px; padding: 17px 0 12px 15px; } #lang_sel_list.lang_sel_list_horizontal {height: 52px;} .right-side #lang_sel_list a.lang_sel_sel {background: none;} .lang_sel_list_horizontal ul li a i { color: #fff; font-size: 16px; } .cs-login-sec { border-right: 1px solid rgba(249,249,249,0.1); float: left; margin: 0 0 0 15px; padding: 9px 15px 11px 0; } .cs-login-sec ul li {list-style: none;} .cs-login-sec ul li a { color: #fff; font-size: 14px; } .logo-section { float: left; width: 100%; } .logo {float: left;} .main-navbar { float: left; width: 100%; margin: 0.1em 0em 0em 0em; } .main-navbar.scroll-to-fixed-fixed { box-shadow: 0 0 6px 1px #ddd; } .main-navbar.scroll-to-fixed-fixed .striptoggle { display: none; } .main-navbar .container {position: relative;} .nicescroll-rails { z-index: 9999 !important; } .navigation { float: left; margin: 0 0 0 60px; margin: 0; } .navigation ul li { float: left; line-height: 1; list-style: none; position: relative; } .navigation ul li a i {margin-right: 7px;} .navigation ul > li > a { -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border-left: 1px solid rgba(236,236,236,0.5); display: inline-block; float: none; font-size: 14px; min-height: 69px; min-width: 110px; padding: 5px 10px; position: relative; text-align: center; text-align: center; text-transform: capitalize; transition: all 0.3s linear; } .navigation ul > li > a { line-height: 71px; } .navigation ul > li:hover > a > i { background: #f26f29; border-radius: 100%; color: #fff; display: inline-block; height: 25px; left: 50%; line-height: 24px; margin: 0px 0px 0px -12px; position: absolute; width: 25px; } .navigation ul > li > a:before { border-bottom: 3px solid #f26f29; bottom: -2px; content: ""; left: 0; position: absolute; visibility: hidden; width: 100%; z-index: 999; } .navigation ul > li > a:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #f26f29; bottom: -10px; content: ""; height: 0; left: 50%; margin: 0 0 0 -6px; position: absolute; visibility: hidden; width: 0; z-index: 999; } .navigation ul li:last-child a {border-right: 1px solid rgba(236,236,236,0.5);} .navigation ul > li:hover a:before, .navigation ul > li:hover a:after { -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; visibility: visible; } .striptoggle { border-radius: 0px 0px 40px 40px; color: #ffffff; height: 27px; padding: 1px 0px 0px 0px; position: absolute; right: -40px; text-align: center; top: -4px; width: 27px; } .striptoggle.addicon i:before { content: "\ea5c"; font-family: 'icomoon'; } /* Sub Menu Css */ .sub-dropdown { -moz-transition: all 0.6s ease-in-out; -ms-transform: translateX(20px); -o-transform: translateX(20px); -webkit-transform: translateX(20px); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1); left: 0px; margin: 0px; opacity: 0; position: absolute; top: 120%; transform: translateX(20px); visibility: hidden; width: 265px; z-index: 99; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sub-dropdown {top: 100% \9\0;/*Only works in IE9*/} .navigation ul .sub-dropdown ul { left: 100% \9\0 !important;/*Only works in IE9*/ } .navigation ul li:hover > .sub-dropdown { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; transform: translateX(0px); visibility: visible; } .navigation ul > li > .sub-dropdown li a:before, .navigation ul > li > .sub-dropdown li a:after {display: none;} .sub-dropdown li {width: 100%;} .navigation ul .sub-dropdown li a { border-bottom: 1px solid #f5f5f5; border-left: medium none; color: #f5f5f5; float: left; min-height: inherit; padding: 12px 0px 15px 20px; text-align: left; width: 100%; line-height: inherit; } .navigation ul .sub-dropdown li a i { background: none; height: auto; line-height: inherit; margin: 0 7px 0 0; position: static; width: auto; } .navigation ul .sub-dropdown li:last-child a {border-bottom: none;} .navigation ul .sub-dropdown > li:hover > a {border-right: 5px solid rgba(0, 0, 0, 0.1);} .navigation ul .sub-dropdown ul { left: 102%; top: 0px; } .navigation ul .sub-dropdown > li:first-child > a {border-top: none;} /* Mega Menu Css */ .navigation ul li.cs-mega-menu {position: static;} .mega-grid { -moz-transform: translateY(20px); -moz-transition: all 0.3s ease-in-out; -ms-transform: translateY(20px); -o-transform: translateY(20px); -o-transition: all 0.3s ease-in-out; -webkit-transform: translateY(20px); -webkit-transition: opacity 0.3s ease-out 100ms; background-color: #ffffff; display: none; left: 0px; margin: 0px; opacity: 0; position: absolute; top: 100%; transform: translateY(20px); transition: all 0.3s ease-in-out; visibility: hidden; width: 100%; z-index: 99; } /* Header Setup */ /* Header Setup */ .breadcrumb-sec { margin: 0 0 50px 0; padding: 70px 0 50px; } .cs-tablerow {display: table-row;} .cs-table { display: table; width: 100%; } .breadcrumb-sec .pageinfo { display: table-cell; float: none; vertical-align: middle; width: 60%; } .page-title-align-center {text-align: center;} .breadcrumb-sec .pageinfo h1 { color: #fff !important; font-size: 60px; font-weight: 700; line-height: 62px; } .breadcrumb-sec .pageinfo p { font-size: 20px; text-transform: uppercase; } .breadcrumb-sec .breadcrumbs { border: none; display: table-cell; float: none; vertical-align: middle; width: 40%; } .breadcrumb-sec .breadcrumbs ul {float: right;} .breadcrumb-sec .breadcrumbs ul li { float: left; font-size: 14px; list-style: none; margin: 0 1px 0 0; padding: 1px 15px; position: relative; text-transform: uppercase; transform: skew(-20deg); } .breadcrumb-sec .breadcrumbs ul li.active span { float: left; transform: skew(20deg); } .breadcrumb-sec .breadcrumbs ul li a { color: #fff; float: left; font-size: 14px; transform: skew(20deg); } .breadcrumb-sec .breadcrumbs ul li:before { background-color: #f26f29; border-radius: 100%; color: #fff; content: "\eab1"; float: left; font-family: "icomoon"; font-size: 12px; height: 11px; left: -5px; line-height: 10px; line-height: 11px; position: absolute; top: 10px; transform: skew(20deg); width: 11px; z-index: 9; } .breadcrumb-sec .breadcrumbs ul li:first-child:before {display: none;} /* Section Title Style */ .cs-section-title { float: left; margin: 0 0 20px 0; width: 100%; } .cs-section-title h2 { font-size: 34px; margin: 0; } /* Section Title Style */ /* Blog Style */ .cs-blog, .cs-blog .cs-media, .cs-blog .cs-media figure, .blog-lrg section, .date-time time, .cs-blog h2 { float: left; width: 100%; } .blog-large .cs-media figure {margin: 0 0 30px 0;} .blog-large .blog-text p {margin-bottom: 32px;} .blog-large .blog-text h2 {margin-bottom: 15px;} .cs-blog ul li { float: left; list-style: none; } .cs-blog ul {margin: 0;} .cs-blog p {display: inline-block;} /* Date Time Style */ .date-time { float: left; text-align: center; width: 68px; } .date-time time span { color: #fff; display: inline-block; font-size: 12px; padding: 20px 0 20px; text-transform: uppercase; width: 100%; } .date-time time span strong { color: #fff; display: block; font-size: 30px; font-weight: 700; line-height: 24px; text-align: center; } .date-time time small { background-color: #dbdbdb; color: #fff; display: block; font-size: 12px; padding: 5px 0; } /* Date Time Style */ /* Blog Lrg Style */ .blog-large .blog-text {padding: 0 0 0 98px;} .blog-large .read-more i {margin: -1px 10px 0;} /* Blog Lrg Style */ /* Post Options Style */ .post-options li.categories a { border-bottom: 1px dotted #b8b8b8; display: inline-block; margin: 0 25px 0 0; position: relative; } .post-options li, .post-options li a { color: #999; font-size: 12px; text-transform: uppercase; } .post-options li { list-style: none; margin: 0 30px 5px 0; position: relative; } .rich_editor_text .post-options li {list-style: none;} .post-options li:before, .post-options li.categories a:before { color: #ccc; content: "/"; left: -15px; position: absolute; top: 0; } .post-options li.categories a:before {top: 1px;} .post-options li i { color: #f37735; margin: 8px 8px 0 0; } .post-options li span { background-color: #f37735; color: #fff; float: left; font-size: 12px; line-height: 14px; margin: 5px 5px 0 0; padding: 2px 6px; position: relative; } .post-options li span:before { border-right: 7px solid transparent; border-top: 8px solid #f37735; bottom: -7px; content: ""; height: 0; left: 0; position: absolute; width: 0; } .post-options li:first-child:before, .post-options li.categories a:nth-child(1):before, .post-options li.categories:before, .blog-editor .post-options li.categories a:nth-child(2):before {display: none;} .blog-large .post-options li.categories a:nth-child(2):before {display: block;} /* Post Options Style */ /* Blog Grid Style */ .blog-grid figure {margin: 0;} .blog-grid .post-options li {margin-right: 0px;} .blog-grid figure figcaption { -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; background-color: rgba(0,0,0,0.4); height: 100%; opacity: 0; position: absolute; text-align: center; transition: all 0.4s linear; visibility: hidden; width: 100%; } .blog-grid:hover figure figcaption { opacity: 1; visibility: visible; } .classes-grid-view figure figcaption { height: 100%; position: absolute; text-align: center; visibility: hidden; width: 100%; } .blog-grid figure figcaption a { -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; background-color: #ffffff; height: 50px; left: 50%; margin: 0px 0px 0px -20px; padding: 11px 0px 0px 0px; position: absolute; text-align: center; top: 50%; transition: all 0.4s linear; width: 50px; } .blog-grid:hover figure figcaption a {margin: -25px 0px 0px -20px;} .blog-grid figure figcaption a img { display: inline-block; float: none; width: auto; } .classes-grid-view figure figcaption img { -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; display: inline-block; float: none; margin: 0px 0 0 -30px; position: absolute; top: 50%; transition: all 0.4s ease-in-out; visibility: hidden; width: auto; } .classes-grid-view:hover figure figcaption img {margin-top: -40px;} .classes-grid-view:hover figure figcaption:before, .classes-grid-view:hover figure figcaption img, .classes-grid-view:hover figure figcaption {visibility: visible;} .classes-grid-view figure figcaption:before { -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background-color: rgba(54,54,56,0.5); content: ""; height: 100%; left: 0; position: absolute; transition: all 0.4s ease-in-out; visibility: hidden; width: 100%; } /* Classes Tabs */ .cs-tabs.modren-view .nav-tabs { float: left; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 30px; width: 100%; } .cs-tabs.modren-view .nav-tabs li { float: left; margin: 0px 4px 0px 0px; } .cs-tabs.modren-view .nav-tabs li a { color: #ffffff; float: left; padding: 12px 25px; position: relative; } .cs-tabs.modren-view .nav-tabs li.active a {color: #ffffff;} .cs-tabs.modren-view .tab-content { border: 1px solid #d7d7d7; box-shadow: none; float: left; padding: 30px 30px; width: 100%; } .cs-tabs.modren-view .nav-tabs li.active a:before { border-bottom: 4px solid; bottom: -4px; content: ''; height: 4px; left: 0px; position: absolute; width: 100%; } .cs-tabs.modren-view .nav-tabs li.active a:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 11px solid; bottom: -15px; content: ''; left: 50%; margin: 0px 0px 0px -8px; position: absolute; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none;} /* Classes Tabs */ .button_style a {color: #fff;} .blog-grid .date-time {width: 55px;} .blog-grid .blog-text { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); float: left; margin: -10px 0 0; padding: 15px 30px 20px; position: relative; width: 84.5555%; z-index: 1; } .page-content .blog-grid .blog-text {width: 86.222%;} .blog-grid p { border-bottom: 1px solid #e5e5e5; margin: 0 0 20px; padding: 0 0 20px; } /* Blog Style */ /* Blog Detail Style */ .rich_editor_text .post-options li.categories a:first-child:before {display: none;} .date-time ~ .rich_editor_text {padding: 0 0 0 100px;} .rich_editor_text.blog-editor ul.post-options, .rich_editor_text.blog-editor ul.post-options li {float: left;} .rich_editor_text.blog-editor p { display: inline-block; width: 100%; } blockquote p:before {display: none;} blockquote { border: none; color: #f26f29; float: left; font-size: 30px; font-weight: 300; line-height: 36px; padding: 0; position: relative; width: 100%; } blockquote:before { background: url(bloqote.png) no-repeat left top; content: ""; height: 42px; left: -68px; position: absolute; top: 10px; width: 42px; } .liststyle ul li { float: left; list-style: none; margin: 0px 0px 4px 0px; width: 100%; } .liststyle ul li i { color: #f37735; float: left; margin: 9px 10px 0 0; } .cs-tags { float: left; margin: 0 0 20px 0; width: 100%; } .cs-tags h4 {font-weight: 700;} .cs-tags ul li {list-style: none;} .cs-tags ul li a { -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; border: 1px solid #f26f29; color: #f26f29; float: left; font-size: 12px; font-weight: 400; margin: 0 5px 0 0; padding: 3px 12px; text-transform: uppercase; transition: all .25s linear; } .cs-tags ul li a:hover {color: #fff;} .prev-next-post { float: left; position: relative; text-align: center; width: 100%; } .prev-next-post .prev { float: left; margin: 10px 0 0; } .prev-next-post .prev a { -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); -webkit-transform: scale(-1); transform: scale(-1); } .prev-next-post .prev a, .prev-next-post .next a { border-radius: 100%; border: 3px solid; float: left; height: 52px; padding: 10px 0 0; width: 52px; } .prev-next-post a i {color: #f37735;} .prev-next-post .next { float: right; margin: 10px 0 0; } .prev-next-post .shadre-post { display: inline-block; overflow: hidden; width: 85%; } .prev-next-post .shadre-post a { background-color: #753475; border-radius: 100%; display: inline-block; height: 72px; padding: 23px 0 0; position: relative; width: 72px; } .prev-next-post .shadre-post a i { color: #fff; font-size: 30px; } .prev-next-post .shadre-post a:before, .prev-next-post .shadre-post a:after { border-bottom: 1px solid #e2e2e2; content: ""; left: 100%; margin: 0 12px; position: absolute; top: 35px; width: 999px; } .prev-next-post .shadre-post a:after { left: auto; right: 100%; } .socialmedia { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background: none repeat scroll 0 0 #fff; bottom: 65px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); display: inline-block; left: 50%; margin: 0px 0px 0px -40px; padding: 15px 0 5px; position: absolute; transition: all 0.3s ease-in-out; visibility: hidden; width: 75px; z-index: 999; } .socialmedia ul li {list-style: none;} .prev-next-post .shadre-post .socialmedia a { background-color: inherit; height: auto; margin: 0 0 5px; padding: 0; width: auto; } .prev-next-post .shadre-post .socialmedia a i {color: #753475;} .prev-next-post .shadre-post .socialmedia a:before, .prev-next-post .shadre-post .socialmedia a:after {display: none;} .socialmedia:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; bottom: -9px; content: ""; height: 0; left: 50%; margin: 0 0 0 -8px; position: absolute; width: 0; } .prev-next-post .shadre-post:hover .socialmedia { -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; bottom: 90px; transition: all 0.5s ease-in-out; visibility: visible; } .class-sidebar .prev-next-post .shadre-post:hover .socialmedia {bottom: 80px;} .class-sidebar .socialmedia {margin: 0px 0px 0px -40px;} /* Related Blogs Style */ .related-blogs, .related-blogs ul li { float: left; width: 100%; } .related-blogs ul li { border-top: 1px solid #e5e5e5; list-style: none; padding: 18px 0 15px; } .related-blogs ul li:last-child {border-bottom: 1px solid #e5e5e5;} .related-blogs ul li i { color: #f26f29; float: left; font-size: 26px; margin: 0 13px 0 0; } .related-blogs ul li h4 { float: left; margin: 2px 10px 0 0; } .related-blogs ul li time { color: #f37735; float: left; font-size: 12px; text-transform: uppercase; } .cs-comment { background-color: #f37735; color: #fff; float: right; font-size: 12px; line-height: 14px; margin: 2px 0px 0 0; padding: 2px 4px; position: relative; } .cs-comment:before { border-right: 7px solid transparent; border-top: 8px solid #f37735; bottom: -7px; content: ""; height: 0; left: 0; position: absolute; width: 0; } .read-more { -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; border-radius: 100%; float: right; font-size: 12px; line-height: 26px; text-transform: uppercase; transition: all 0.4s linear; } .read-more i { border-radius: 100%; border: 2px solid #f37735; float: left; height: 29px; padding: 6px 0 0; text-align: center; width: 29px; } /* Audio Style */ .cs-blog-audio-sec { background: #753475; float: left; height: 75px; margin-bottom: 40px; padding: 0 20px; width: 100%; } .cs-blog-audio-sec .mejs-container {margin: 20px 0 0;} .cs-blog-audio-sec .mejs-playpause-button.mejs-play, .cs-blog-audio-sec .mejs-button.mejs-playpause-button { border-radius: 100%; border: 2px solid #fff; height: 34px; margin: 0 5px 0 0; padding: 2px 0 0 5px; width: 34px; } .cs-blog-audio-sec .mejs-controls .mejs-time-rail span, .cs-blog-audio-sec .mejs-controls .mejs-time-rail a {border-radius: 0;} .cs-blog-audio-sec .mejs-play button:before {font-size: 12px;} .cs-blog-audio-sec .mejs-controls .mejs-time-rail .mejs-time-total, .cs-blog-audio-sec .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {background: #fff;} .cs-blog-audio-sec .mejs-controls .mejs-button button { background-image: none; margin: 0; } .cs-blog-audio-sec .mejs-controls .mejs-button.mejs-play button {position: relative;} .cs-blog-audio-sec .mejs-controls .mejs-mute button, .cs-blog-audio-sec .mejs-controls .mejs-unmute button {background-image: none;} .cs-blog-audio-sec .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 12px; } .cs-blog-audio-sec .mejs-controls .mejs-volume-button:before, .cs-blog-audio-sec .mejs-controls .mejs-button button { color: #fff; content: "\ea93"; font-family: "icomoon"; font-size: 20px; left: 7px; position: absolute; top: 10px; } .cs-blog-audio-sec .mejs-controls .mejs-playpause-button button:before { content: "\ea89"; font-size: 16px; left: 3px; position: absolute; top: 7px; } .cs-blog-audio-sec .mejs-controls .mejs-play button {position: relative;} .cs-blog-audio-sec .mejs-controls .mejs-play button:before { color: #fff; content: "\ea88"; font-family: "icomoon"; font-size: 16px; left: -5px; position: absolute; top: 4px; } .cs-blog-audio-sec .mejs-container .mejs-controls .mejs-time {padding: 12px 3px 0;} .cs-blog-audio-sec .mejs-controls div.mejs-time-rail {padding-top: 8px;} .cs-blog-audio-sec .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { left: 10px; top: 14px; } .cs-blog-audio-sec .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .cs-blog-audio-sec .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .cs-blog-audio-sec .mejs-controls .mejs-time-rail span {border-radius: 0;} .cs-blog-audio-sec .mejs-controls .mejs-time-rail .mejs-time-current { background: #f37735; height: 14px; margin: -2px 0 0; position: relative; } .cs-blog-audio-sec .mejs-controls .mejs-time-rail .mejs-time-current:before { background: rgba(0,0,0,0.2); content: ""; height: 14px; position: absolute; right: 0; top: 0; width: 13px; } .cs-blog-audio-sec .mejs-controls .mejs-controls .mejs-time-rail span {height: 9px;} .cs-blog-audio-sec .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #f37735; left: 10px; top: 14px; } .cs-blog-audio-sec .mejs-container, .cs-blog-audio-sec .mejs-embed, .cs-blog-audio-sec .mejs-embed body, .cs-blog-audio-sec .mejs-container .mejs-controls {background: none;} /* Text Border Style */ .textborder:before { border-bottom: 1px solid #f26f29; content: ""; float: left; height: 2px; margin: 14px 20px 0px 0px; width: 40px; } /* Text Border Style */ /* Comments Style */ .cs-comments { float: left; width: 100%; } .cs-comments ul li figure { float: left; margin: 0; padding: 30px 0 0; } .thumblist {position: relative;} .thumblist .text { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); margin: 0 0 0 84px; padding: 20px 25px; position: relative; } .cs-comments ul li {list-style: none;} .children .blog-comment { padding-left: 30px; } .children .thumblist .text { margin-left: 115px; } .cs-comments ul ul {margin-left: 0px;} .cs-comments ul li h5 { font-size: 18px; font-weight: 700; margin: 0 0 5px; } .thumblist { float: left; margin: 0 0 20px; width: 100%; } .thumblist .text time { color: #999999; font-size: 12px; text-transform: uppercase; } .thumblist .text time i { color: #f26f29; float: left; font-size: 16px; margin: 7px 8px 0 0; } .thumblist .text:before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; height: 0; left: -16px; position: absolute; top: 55px; transform: rotate(-90deg); width: 0; } .cs-reply { bottom: 0; position: absolute; right: 0; } .cs-classic-form .comment-respond form {margin: 0px 0px 0px -20px;} .comment-reply-link, .cs-classic-form small a { background-color: #f26f29; color: #fff; float: left; font-size: 14px; padding: 2px 20px; text-transform: uppercase; } .comment-reply-link:hover {color: #fff;} .cs-reply span { background-color: #753475; color: #fff; float: left; font-size: 12px; padding: 2px 14px; } .children { float: left; margin: -20px 0px 0px 0px; padding: 0 35px 0 120px; width: 100%; } .children .thumblist { background-color: #f7f6ef; margin: 0 0 1px; } .children .thumblist .text {box-shadow: none;} .children .thumblist .text:before {display: none;} .children li .children { margin: 0 0 30px; padding: 0; } .children li .children .thumblist {padding: 0 0 0 110px;} .children li .children .thumblist figure {position: relative;} .children li .children .thumblist figure:before { border-color: #f26f29; border-style: solid; border-width: 0 0 1px 1px; content: ""; height: 41px; left: -50px; position: absolute; top: 35px; width: 28px; } .children .comment-reply-link {padding: 2px 20px;} .cs-louder { background-color: #753475; bottom: -8px; left: 50%; margin: 0 0 0 -35px; padding: 7px 17px 7px 20px; position: absolute; } .cs-louder span { color: #fff; float: left; font-size: 4px; margin: 0 5px 0 0; } /* Classic Form Style */ .cs-classic-form { float: left; margin: 0 0 0 -20px; width: 102%; } .cs-classic-form h2, .cs-classic-form h3 { display: inline-block; font-size: 34px; margin: 0 0 25px 0; } .cs-classic-form h3 small { float: right; margin: 0; } .cs-classic-form h3 { margin: 0 0 10px 0; padding: 15px 0 0; width: 100%; } .cs-classic-form h3 small a#cancel-comment-reply-link { color: #fff !important; margin: 0 0 10px; padding: 10px 20px; } .cs-classic-form form p { float: left; padding: 0 0 0 20px; width: 50%; } .cs-classic-form form p.comment-form-comment {width: 100%;} .cs-classic-form form p label { color: #753475; float: left; font-size: 16px; position: relative; width: 100%; } .cs-classic-form form input[type="text"],.cs-classic-form form input[type="email"], .cs-classic-form form textarea { background-color: #fafafa; border: 1px solid #eaf0f3; border: none; color: #999999; float: left; font-family: 'Lato', sans-serif; font-size: 14px; height: 55px; padding-left: 40px; width: 100%; } .cs-classic-form form input:focus,.cs-classic-form form textarea:focus { background: #fff; border-color: #c3cfd5; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .cs-classic-form form p label i { left: 13px; position: absolute; top: 20px; } .cs-classic-form form p.form-submit { position: relative; text-align: center; width: 100%; } .cs-classic-form form textarea { height: 135px; padding-top: 14px; resize: none; } .cs-classic-form form p label.submit-icon { background-color: inherit; border: none; padding: 0; } .cs-classic-form form p.form-submit:before { background: rgba(0,0,0,0.2); color: #fff; content: "\ea54"; font-family: 'icomoon'; height: 47px; left: 50%; margin: 0 0 0 -102px; padding: 12px 0 0; position: absolute; top: 0; width: 47px; } .cs-classic-form form input[type="submit"] { border-radius: 0; border: none; color: #fff; display: inline-block; float: none; font-size: 14px; min-height: 47px; min-width: 225px; padding: 0 0 0 30px; text-transform: uppercase; } /* Classic Form Style */ /* Class Style */ .our_classes, .our_classes .text, .filter_nav, .our_classes .class-options { float: left; width: 100%; } .classes-grid-view .text {text-align: center;} .our_classes .text h2 { line-height: 32px; margin: 0; } .our_classes .text { box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 25px 20px 15px 20px; } .our_classes .text time { background: url(spreater1.png) no-repeat center bottom; color: #999999; display: block; font-size: 12px; margin: 0px 0px 5px; padding: 0 0 8px; text-transform: uppercase; } .our_classes .text h1, .classes-grid-view .text .post-options li.categories {margin: 0;} .classes-grid-view .text .post-options li.categories a { border-bottom: none; margin: 0; } .classes-grid-view .post-options {margin-bottom: 25px;} .our_classes .class-options { border-top: 1px solid #e5e5e5; padding-top: 18px; } .class-options li { float: left; list-style: none; position: relative; text-align: left; width: 33.333%; } .cs-icon-plus { -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; background: rgba(0,0,0,0.4); height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: all .25s linear; visibility: hidden; width: 100%; } .cs-icon-plus i { color: #ffffff; font-size: 50px; height: 66px; left: 50%; margin: -25px 0px 0px -25px; padding: 9px 0px 0px 0px; position: absolute; text-align: center; top: 50%; width: 66px; } .our_classes:hover .cs-icon-plus { opacity: 1; visibility: visible; } .class-options li:before { background: url(clss-option-bordr.png) no-repeat left; content: ""; height: 30px; left: -25px; position: absolute; top: 0; width: 4px; } .class-options li:first-child:before {display: none;} .class-options li small { color: #999999; display: block; font-size: 12px; line-height: 12px; text-transform: uppercase; } .class-options li span { color: #753475; font-size: 16px; font-weight: 700; } .class-options .cs-price-sec strong { color: #f26f29; float: left; font-size: 25px; font-weight: 700; } .class-options .cs-price-sec small { color: #f26f29; float: left; font-weight: 700; padding: 12px 0 0 5px; text-transform: inherit; } .classes-grid-view figure { float: left; margin: 0; width: 100%; } .classes-grid-view .post-options li.categories a:before {display: none;} /* Classes Medium View Style */ .classes-medium-view figure { float: left; margin: 0px; width: 360px; } .element-size-75 .classes-medium-view figure, .element-size-50 .classes-medium-view figure, .element-size-50 .classes-medium-view .post-options li {width: 100%;} .classes-medium-view figure ~ .text { float: none; padding: 30px 80px 20px 390px; position: relative; } .element-size-75 .classes-medium-view .text, .element-size-50 .classes-medium-view .text { float: left; padding: 30px 80px 20px 20px; } .classes-medium-view .text .post-options {margin-bottom: 28px;} .classes-medium-view .text time { background: #f37735; padding: 15px 0 25px; } .classes-medium-view .date-time time span { float: left; padding-bottom: 3px; } .classes-medium-view .date-time time small { background-color: #f37735; padding: 0; } .classes-medium-view .date-time { position: absolute; right: 0; top: 0; } .class-btn { background-color: #f37735; bottom: 0; padding: 21px 19.2px; position: absolute; right: 0; } .class-btn a { border-radius: 100%; border: 3px solid #fff; float: left; height: 29px; line-height: 22px; padding: 0 0 0 6px; width: 29px; } .class-btn a i { color: #fff; font-size: 12px; } .classes-medium-view .class-options { display: inline-block; float: none; } .content-subtitle { color: #999999; float: left; font-size: 14px; margin: 8px 0 0; text-transform: uppercase; } /* Accordion Style */ .panel-group {margin: 0px;} .panel-group, .panel { float: left; width: 100%; } .panel { border: none; box-shadow: none; } .panel-group .panel-heading { background: none; padding: 0; } .panel-heading a { display: block; font-size: 20px; font-weight: 700; outline: medium none; padding: 10px 18px 10px 45px; position: relative; text-decoration: none; visibility: visible; } .panel-heading a i { color: #999; float: left; font-size: 12px; line-height: 17px; margin: 0 15px 0 0; } .panel-body {padding: 0 15px 20px 45px;} .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border: none;} .panel-heading .collapse:before { background-color: #f26f29; color: #fff; content: "\ea5c"; font-family: "icomoon"; font-size: 20px; font-weight: 100; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 8px; width: 30px; } .panel-heading .collapse.collapsed:before { background-color: #fff; border: 2px solid #f26f29; color: #f26f29; content: "+"; font-family: FontAwesome; font-size: 18px; font-weight: 100; height: 30px; left: 0; line-height: 28px; position: absolute; text-align: center; top: 8px; width: 30px; width: 30px; } .class-detail .our_classes .text .post-options {margin-bottom: 0;} /* Filter Nav Style */ .filter_nav { overflow: hidden; text-align: center; } .filter_nav ul { display: inline; position: relative; } .filter_nav ul li { display: inline; float: none; margin: 0 0 0 10px; } .filter_nav ul li:first-child {margin-left: 0;} .filter_nav ul li a { border: 2px solid #f2722e; color: #f26f29; display: inline-block; font-size: 14px; padding: 5px 30px; text-transform: uppercase; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .filter_nav ul:before, .filter_nav ul:after { border-bottom: 1px solid #9a9a9a; content: ""; height: 1px; left: 100%; margin-left: 10px; position: absolute; top: 11px; width: 7700px; } .filter_nav ul:after { left: auto; margin-right: 10px; right: 100%; } /* Class Style */ #lang_sel ul ul a, #lang_sel ul ul a:visited {background: #753475;} #lang_sel a:hover, #lang_sel ul ul a:hover { background: #753475; opacity: .7; } /* 404 Page */ .page-not-found,.cons-icon-area { overflow: hidden; text-align: center; } .page-not-found figure { background: #753475; border-radius: 100%; display: inline-block; float: none; height: 124px; margin-bottom: 35px; margin-top: 30px; padding: 30px 21px; width: 124px; } .page-not-found figure img {width: auto;} .cons-icon-area figure img { float: none; margin-bottom: 40px; width: auto; } .cs-content404 { float: left; width: 100%; margin: 0px 0px 35px 0px; } .cs-content404 h2 { color: #f37735; font-family: 'Lato', sans-serif; font-size: 100px !important; font-weight: 300; line-height: 63px; padding-bottom: 18px; text-transform: uppercase; } .cs-content404 .found { -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -webkit-transform: skew(-20deg); background: #753475; display: inline-block; margin-bottom: 37px; width: 65%; } .cs-content404 h1 { -moz-transform: skew(20deg); -o-transform: skew(20deg); -webkit-transform: skew(20deg); color: #fff !important; font-size: 24px !important; font-weight: 600; line-height: 42px; margin-bottom: 0; padding: 0 15px; text-transform: uppercase; } .cs-content404 p { color: #444; font-size: 15px; padding-bottom: 37px; } /* Under construction */ .page-not-found .cs-search-area { display: inline-block; text-align: center; } .page-not-found .cs-search input { border-bottom: 1px solid #ccc; border: 0; margin-left: 0%; width: 100%; } .page-not-found .cs-search-area > form { display: inline-block; position: relative; } .page-not-found .cs-search-area label input { background: #fafafa; border-radius: 0; border: 1px solid #eaf0f3; box-shadow: none; color: #999; float: left; font-size: 14px; height: 57px; padding-left: 56px; position: relative; width: 397px; } .teacher-information { float: left; margin: 0px 0px 15px 0px; width: 100%; } .teacher-information article { float: left; padding: 15px 25px; width: 100%; } .teacher-information article:nth-child(even) {background-color: #f8f5f8;} .teacher-information span { color: #999; font-size: 12px; text-transform: uppercase; } .main-section .teacher-information h3 {line-height: 1.6;} .page-not-found .cs-search-area label { float: left; width: 100%; } .page-not-found .cs-search-area label:before { color: #753475; content: "\f002"; font-family: icomoon; font-size: 12px; left: 26px; padding-right: 10px; position: absolute; top: 19px; z-index: 100; } .page-not-found .cs-search-area input.btn { background: #f37735; border-radius: 0; color: #fff; float: left; margin-left: 9px; padding: 0px 40px; text-transform: uppercase; width: auto; z-index: 1; } .main-digit-wrapp { display: inline-block; line-height: 28px; position: relative; } .cs-search label input { background: #fff; border-radius: 0; border-right: 0; border: 1px solid #ccc; box-shadow: none; color: #999; float: left; font-size: 14px; height: 46px; padding-left: 21px; position: relative; width: 409px; } .cs-search p { color: #f26f29; float: left; font-size: 30px; line-height: 45px; padding: 0px 22px; } .cs-search label { display: inline-block; float: left; margin-bottom: 0; position: relative; } .cs-search input.btn { border-radius: 0; border: 0; float: left; margin-left: 0px; padding: 22px 23px; position: relative; text-transform: uppercase; width: auto; } .cs-search label:before { color: #fff; content: "\f054"; font-family: icomoon; font-size: 23px; position: absolute; right: 14px; top: 5px; z-index: 100; } .user-signup .cs-search form { float: left; position: relative; width: 100%; } #process_newsletter_1 { bottom: 0; height: 46px; padding: 12px 0 0; position: absolute; right: 0; text-align: center; width: 45px; z-index: 999; } .newsletter_message { color: #ffffff; left: 0px; position: absolute; top: -29px; z-index: 9; } .cons-icon-area .newsletter_message { color: #999; } .countdown-period {text-transform: capitalize;} .main-digit-wrapp:last-child:after {display: none;} .cs-digit { color: #753475; font-family: 'Lato', sans-serif; font-size: 80px; font-weight: 300; line-height: 75px; } .countdown-period { color: #999; font-size: 15px; text-transform: uppercase; } .cs-spreater { display: inline-block; float: none; margin-bottom: 70px; overflow: hidden; text-align: center; width: 100%; } .cs-spreater .spreater-holder:before, .cs-spreater .spreater-holder:after { border-bottom: 1px solid #e5e5e5; content: ""; height: 1px; left: 100%; margin-left: 10px; position: absolute; top: 11px; width: 7700px; } .cs-spreater .spreater-holder:after { left: auto; margin-right: 10px; right: 100%; } .cs-spreater .spreater-holder { color: #999; display: inline-block; font-size: 14px; position: relative; text-transform: uppercase; } .cons-icon-area h1 { color: #333; font-size: 36px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; } .cons-text-wrapp p { color: #444; font-size: 14px; } #countdownwrapp { float: left; padding-bottom: 113px; width: 100%; } .cons-text-wrapp {padding-bottom: 61px;} .cs-search-area h1 { color: #ccc; font-size: 60px; font-weight: 400; padding-left: 8%; position: relative; text-align: left; text-transform: capitalize; } .cs-search label.email-search {position: relative;} .cs-search { display: inline-block; text-align: left; } .cs-search label.cs-btn { float: left; margin-bottom: 0; position: relative; } .cs-search label.email-search input { border-radius: 0; border: none; box-shadow: none; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 60px; height: 65px; outline: none; padding-bottom: 5px; padding-left: 0; width: 92%; } .main-digit-wrapp { display: inline-block; float: none; text-align: center; } .main-digit-wrapp .digit-wrapp { display: block; padding-top: 26%; } .main-digit-wrapp:nth-child(1),.main-digit-wrapp:nth-child(2),.main-digit-wrapp:nth-child(3),.main-digit-wrapp:nth-child(4) { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 100%; border: 5px solid #f26f29; height: 231px; margin-right: 50px; text-align: center; width: 232px; } .cs-search .form-control:focus {box-shadow: none;} .cs-search label.email-search:before {border: none;} .textborder:before,.rich_editor_text p:first-child:before { border-bottom: 1px solid; content: ''; float: left; height: 2px; margin: 10px 12px 0px 0px; width: 37px; } .circle-text, .circle-info, .circle-text-half, .circle-info-half { color: #333; display: inline-block; position: absolute; text-align: center; width: 100%; } .fa-heart-o:before {content: "";} .circle-info, .circle-info-half { font-size: 14px; font-weight: 400; padding: 5px 0 0; } .circliful {position: relative;} .section-fullwidth .cons-icon-area .cs-search form {float: left; position: relative;} .csteam-featured { float: left; padding: 0px 15px 0px 0px; width: 100%; } .spreater.csteam-spreater {margin: 10px 0px 14px 0px;} /* side bar */ .class-sidebar {padding: 0px;} .class-sidebar .classdetail-options { border-radius: 2px; border: 1px solid #f2f2f2; box-shadow: 0px 0px 2px 2px #f7f7f7; float: left; margin-bottom: 25px; width: 100%; } .class-sidebar .classdetail-options li.cs-class-btn {text-align: center;} .class-sidebar .classdetail-options li.cs-class-btn a { color: #fff; font-size: 14px; text-transform: uppercase; } .class-sidebar .classdetail-options li.cs-class-btn a i { border-radius: 30px; border: 2px solid #fff; display: inline-block; height: 28px; line-height: 24px; margin-right: 14px; width: 28px; } .class-sidebar .classdetail-options li span { color: #753475; font-size: 18px; font-weight: 700; } .class-sidebar .classdetail-options li.cs-price-sec strong { display: inline-block; font-size: 30px; font-weight: 700; } .class-sidebar .classdetail-options li.cs-price-sec small { display: inline-block; font-size: 20px; } .class-sidebar .class-btn { background-color: transparent; bottom: 17px; padding: 0; position: absolute; right: 13px; } .class-sidebar .class-btn a { border-radius: 100%; border: 3px solid #f26f29; float: left; height: 32px; line-height: 22px; padding: 0 0 0 5px; width: 32px; } .class-sidebar .prev-next-post .prev a,.class-sidebar .prev-next-post .next a { border-radius: 100%; border: 3px solid #f26f29; display: inline-block; height: 50px; line-height: 46px; padding: 1px 0 0; width: 50px; } .class-sidebar .prev-next-post .prev a {line-height: 40px;} .class-sidebar .prev-next-post .prev, .class-sidebar .prev-next-post .next {margin: 0px;} .class-sidebar .prev-next-post .shadre-post a i { color: #743474; font-size: 20px; } .class-sidebar .shadre-post .socialmedia ul li a { border: none; color: #743474; height: 0; line-height: 0; } .class-sidebar .class-btn a i { color: #f26f29; float: left; font-size: 14px; padding-top: 6px; } .class-sidebar .prev-next-post .shadre-post { display: inline-block; overflow: hidden; width: 60%; } .class-sidebar .prev-next-post .shadre-post a { background: none; border-radius: 100%; border: 2px solid #743474; display: inline-block; height: 50px; line-height: 54px; padding: 0px 0 0; position: relative; width: 50px; } .class-sidebar .prev-next-post .shadre-post a::before, .class-sidebar .prev-next-post .shadre-post a::after { border-bottom: 1px solid #e2e2e2; content: ""; left: 100%; margin: 0 12px; position: absolute; top: 26px; width: 999px; } .class-sidebar .prev-next-post .shadre-post a::after { left: auto; right: 100%; } .class-sidebar .classdetail-options > li { list-style: none; padding: 15px 15px; } .class-sidebar .classdetail-options > li:nth-child(2n+1) {background: #f8f5f8;} .class-sidebar ul.classdetail-options li small { color: #999; display: block; font-size: 12px; text-transform: uppercase; } .class-sidebar .classdetail-options a { color: #753475; font-size: 18px; } .timetable-wrapper {position: relative;} .table-spinner { float: left; font-size: 80px; padding: 3% 0 0; text-align: center; width: 100%; } .col-md-12 .rich_editor_text .col-md-12 { margin: 0px -4px 0px 0px; padding: 0px; } .rich_editor_text .cs-tabs { margin-top: 30px; } /* Under construction */ .suggestions h5:before, .suggestions h5:after { border-top: 1px solid #e5e5e5; content: ""; height: 1px; left: 100%; margin-left: 10px; position: absolute; top: 15px; width: 7700px; } .suggestions h5:after {left: auto;} .suggestions h5 { color: #f37735; float: left; font-size: 14px; font-weight: normal; margin: 0 0 15px; overflow: hidden; position: relative; text-transform: uppercase; width: 100%; z-index: 15; } .suggestions li,.relevant-search li { display: inline-block; list-style: outside none none; padding-left: 30px; position: relative; width: 100%; } .relevant-search li {margin-bottom: 18px;} .suggestions li:before { color: #f26f29; content: "\f00c"; font-family: icomoon; left: 0; position: absolute; top: 0; } .relevant-search li:before { color: #f26f29; content: "\f00c"; font-family: icomoon; left: 0; position: absolute; top: -2px; } .cs-search-area div.search-submit { display: inline-block; float: left; position: relative; width: 100%; } .cs-search-area input.btn { border-radius: 0; border: 0 none; color: #fff; float: left; margin-left: 0; padding: 0 25px; position: relative; text-transform: uppercase; width: auto; } .cs-search-area div input { background: none; border-radius: 0; border-radius: 0; border: 1px solid #ccc; box-shadow: none; color: #999; float: left; font-size: 14px; height: 46px; padding: 0 15px; position: relative; width: 409px; } .widget_search form input {width: 300px;} .suggestions > ul {margin-bottom: 26px;} .cs-search-area .search-submit #searchsubmit {width: auto;} .widget_search .cs-search-area #searchsubmit { bottom: 9px; height: 33px; padding: 0 10px; position: absolute; right: 0; z-index: 0; } .page-section .content-left .page-no-search h1 {margin-bottom: 20px;} .widget_search form input { padding-left: 25px; width: 100%; } .page-section .page-no-search .relevant-search a { color: #ccc; font-size: 13px; } .pagination {margin-bottom: 0px;} .pagination li { -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; float: left; list-style: none; margin: 0 8px 0 0; transition: all .25s ease-in-out; } .pagination li a.active {color: #ffffff;} .pagination li.pgnext a {padding: 0 26px;} .pagination li a { border: 2px solid #ebebeb; color: #999; float: left; font-size: 16px; line-height: 36px; padding: 0 14px; } .pagination li:hover a {color: #fff;} .content-left .page-no-search .relevant-search h5,.content-left .page-no-search .relevant-search h5 a { color: #333; margin-bottom: 1px; } .right-side .sg-socialmedia ul li a i:hover {color: #f37735 !important;} /* Team Parallex Setup */ .col-md-2.cs-teamparallex {margin: 0px;} .csteam-parallex { float: left; height: 458px; overflow: hidden; text-align: center; width: 100%; } .cs-team-carousel {height: 458px;} .cs-team-carousel .owl-controls {display: none;} .csteam-parallex.cs-team .text .sg-socialmedia {text-align: center;} .csteam-parallex.cs-team .text .sg-socialmedia ul { display: inline-block; float: none; } .teaminfo { float: left; overflow: hidden; width: 100%; } .csteam-parallex .text { float: left; margin: 0px 0px 19px 0px; width: 100%; } .csteam-parallex figure {margin: 0px;} .csteam-parallex figure img { -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .csteam-parallex .sg-socialmedia, .csteam-parallex .text p { -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; opacity: 0; transition: all 0.25s linear; visibility: hidden; } .csteam-parallex .text p,.csteam-parallex .sg-socialmedia { float: left; margin-top: -50%; width: 100%; } .csteam-parallex:hover .sg-socialmedia, .csteam-parallex:hover .text p { margin-top: 0%; opacity: 1; visibility: visible; } /* Contact Form */ .cs-plain-form.cs_form_styling form {margin: 0px 0px 0px -30px;} .cs-plain-form.cs_form_styling form label { float: left; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 30px; position: relative; width: 50%; } .cs-plain-form.cs_form_styling form label i { left: 54px; position: absolute; top: 22px; } .cs-plain-form.cs_form_styling form label input[type="text"], .cs-plain-form.cs_form_styling form label input[type="email"] { background-color: #fafafa; border: 1px solid #eaf0f3; height: 57px; margin: 0px; padding: 6px 10px 6px 54px; } .cs-plain-form.cs_form_styling form label.textaera-sec {width: 100%;} .cs-plain-form.cs_form_styling form label textarea { background-color: #fafafa; border: 1px solid #eaf0f3; height: 135px; margin: 0px; padding: 19px 10px 19px 54px; } .cs-plain-form.cs_form_styling form label.submit-sec { text-align: center; width: 100%; } .cs-plain-form.cs_form_styling form label input[type="submit"] { border-radius: 0px; color: #ffffff; display: inline-block; font-size: 14px; padding: 12px 40px 12px 70px; text-transform: uppercase; } .cs-plain-form.cs_form_styling form label span { display: inline-block; position: relative; } .cs-plain-form.cs_form_styling form label.submit-sec i { background: rgba(0,0,0,0.1); height: 47px; left: 0px; padding: 16px 0px 0px 0px; top: 0px; width: 47px; } .cs-plain-form.cs_form_styling form label input[type="text"]:focus, .cs-plain-form.cs_form_styling form label input[type="email"]:focus, .cs-plain-form.cs_form_styling form label textarea:focus { background-color: #ffffff; border: 1px solid #c3cfd5; } /* Detail Class Patren Setup */ .class-pattren { float: left; margin: 0px; position: relative; width: 100%; } .class-pattren:before { border-left: 1px solid #e5e5e5; content: ''; height: 100%; left: 10px; position: absolute; top: 0px; width: 2px; } .class-pattren li { float: left; list-style: none; padding: 0px 0px 0px 50px; position: relative; width: 100%; } .class-pattren li:before { background-color: #ffffff; background-position: -4px 1px; background-repeat: no-repeat; background: url(pattren-line.png); border-radius: 100%; content: ''; height: 35px; left: -4px; position: absolute; top: 23px; width: 28px; } .class-pattren li:after { content: ''; height: 6px; left: 8px; position: absolute; top: 35px; width: 6px; } .class-pattren li i { border-radius: 100%; color: #ffffff; float: left; font-size: 30px; height: 71px; padding: 20px 0px 0px 0px; text-align: center; width: 71px; } .class-pattren li .patren-info { border-radius: 3px; box-shadow: 0px 0px 4px 2px #f2f2f2; margin: 0px 0px 20px 100px; padding: 15px 30px; } .panel-heading .collapse.collapsed:hover:before {color: #ffffff;} /* Detail Class Slider Setup */ .flexslider.cs-pattern-slider {margin: 0px 0px 10px 0px;} .flexslider.cs-pattern-carousel { border-bottom: 1px solid #d5d5d5; padding: 0px 0px 6px 0px; text-align: center; } .cs-pattern-carousel .flex-viewport { display: inline-block; width: 57%; } .cs-pattern-carousel .flex-viewport li {position: relative;} .cs-pattern-carousel .flex-viewport li figure {padding: 0px 7px 0px 0px;} .cs-pattern-carousel .flex-direction-nav {display: none;} .flexslider.cs-pattern-slider .flex-direction-nav a { bottom: -83px; color: #ffffff; font-size: 50px; height: 68px; margin: 0px; opacity: 1; padding: 11px 0px 0px 0px; text-align: center; top: auto; width: 68px; } .flexslider.cs-pattern-slider .flex-prev {left: 10%;} .flexslider.cs-pattern-slider .flex-next {right: 10%;} .cs-pattern-carousel .flex-active-slide img {opacity: 0.4;} .col-md-9.class-detail {padding-right: 30px;} .facebookInner { float: left; width: 100%; } .facebook_module, .fb_iframe_widget > span, .fb_iframe_widget > span > iframe {width: 100% !important;} .fb_iframe_widget, .fb-like-box div span iframe { float: left; width: 100% !important; } .lightbox.col-md-12 .col-md-12 { padding: 0px; } /* Time Table Style */ .table { border-collapse: separate; border-spacing: 1px; } .timetable-wrapper, .timetable-wrapper .table { float: left; width: 100%; } .timetable thead tr th { border-left: none; border-right: none; border-top-color: #ebebeb; color: #753475; font-size: 14px; text-align: center; text-transform: uppercase; } .timetable tbody tr td { border-collapse: separate; border-spacing: 2px; border-top-color: #dadada; } .timetable tbody tr td:first-child { background-color: #f37735; border-bottom: none; border-top: none; color: #fff; font-size: 14px; font-weight: 700; line-height: 100px; min-width: 150px; text-align: center; } .timetable-wrapper tbody tr .empty { background-color: #efefef; } .timetable-wrapper .event-time { position: relative; vertical-align: middle; } .timetable-wrapper .event-time:before { width: 0; height: 0; right: 0; top: -1px; content: ""; position: absolute; border-top: 10px solid #f37735; border-left: 10px solid transparent; } .timetable tbody tr td .timetable-class-text { font-size: 12px; color: #999; text-align: center; text-transform: uppercase; } .timetable tbody tr td .timetable-class-text a { font-weight: 700; color: #753475; display: block; margin: 0 0 5px 0; font-size: 14px; } /* Sortby Style */ .sortby { width: 100%; float: left; margin: 0 0 25px 0; } .sortby .class-date { float: left; font-size: 30px; color: #753475; margin: 0 20px 0 0; } .sortby .slect-style { position: relative; float: left; } .sortby select { width: auto; float: left; width: 245px; height: 40px; color: #999; font-weight: 400; margin: 6px 0 0; border: 1px solid #d9d9d9; } .sortby select option { padding: 5px; } .sortby .slect-style:before { position: absolute; right: 1px; top: 7px; font-size: 20px; content: "\f0d7"; width: 30px; height: 38px; color: #7e7e7e; background: #fff; text-align: center; pointer-events: none; padding: 3px 5px 0 0; font-family: "icomoon"; } .sortby .class-nav { float: right; padding: 15px 0 0 0; } .sortby .class-nav a { font-size: 12px; color: #f37735; height: 29px; width: 29px; float: left; text-align: center; line-height: 27px; margin: 0 0 0 6px; border-radius: 100%; border: 2px solid #f37735; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .sortby .class-nav a:hover { background-color: #f37735; color: #fff; } .sortby .class-nav a.prev { -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); transform: scale(-1); line-height: 25px; } /* Time Table Style */ /* ShortCodes Start */ .cs-tabs, .nav-tabs { float: left; width: 100%; } .cs-tabs .nav-tabs {border: none;} .cs-vertical-tabs .nav-tabs { border: none; float: left; margin: 0 2px 0 0; width: 19.8%; } .cs-tabs .nav-tabs li { float: left; list-style: none; } .cs-vertical-tabs .nav-tabs li { margin-bottom: 4px; width: 100%; } .cs-tabs .nav-tabs li a { -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; -webkit-transition: all .25s ease; background-color: #fff; border-radius: 0; border: none; color: #753475; float: left; font-size: 16px !important; font-weight: 600; padding: 10px 12px; position: relative; text-transform: capitalize; transition: all .25s ease; width: 100%; } .cs-tabs .nav-tabs li a i {margin-right: 5px;} /* Tabs Style */ .nav-position-top .nav-tabs li a { border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; padding: 10px 20px; } .nav-position-top .nav-tabs li:first-child a {border-left: 1px solid #dddddd;} .nav-position-top .nav-tabs > li {margin-bottom: -2px;} .nav-position-top .nav-tabs > li.active > a, .nav-position-top .nav-tabs > li.active > a:hover, .nav-position-top .nav-tabs > li.active > a:focus { border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; border: none; } .nav-position-top .nav-tabs > li.active:first-child > a {border-left: 1px solid #dddddd;} .nav-position-top.cs-tabs .tab-content { border-top: none; border: 1px solid #ddd; box-shadow: none; width: 100%; } .nav-position-top.cs-tabs .nav-tabs {border-bottom: 1px solid #ddd;} /* Tabs Style */ .cs-vertical-tabs .nav-tabs li a:before, .cs-vertical-tabs .nav-tabs li.active a:before { border-bottom: 7px solid transparent; border-left: 7px solid #fff; border-top: 7px solid transparent; content: ""; height: 0; margin: -6px 0 0; opacity: 0; position: absolute; right: 0; top: 50%; transform: rotate(179deg); width: 0; } .cs-vertical-tabs .nav-tabs li:hover a { background-color: #4b3854; color: #fff; } .cs-vertical-tabs .nav-tabs li:hover a:before, .cs-vertical-tabs .nav-tabs li.active a:before {opacity: 1;} .cs-vertical-tabs .nav-tabs li.active a { background-color: #4b3854; border: none; color: #fff; } .panel-heading a i { float: left; margin: 3px 5px 0 0; } .cs-tabs .tab-content { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); float: left; padding: 20px; width: 80%; } .element-size-67 .cs-vertical-tabs .nav-tabs {width: 27%;} .element-size-67 .cs-tabs .tab-content {width: 72%;} /* Tabs Box Style */ .cs-tabs.box .tab-content { border: 1px solid #efefef; box-shadow: none; margin: 1px 0 0; width: 100%; } .cs-tabs.box .nav-tabs li { border-bottom: none; border-left: none; border: 1px solid #efefef; position: relative; } .cs-tabs.box .nav-tabs li:first-child {border-left: 1px solid #efefef;} .cs-tabs.box .nav-tabs li.active:before { background: #fff; bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 100%; } .cs-tabs.box .nav-tabs li.active a:hover { border: none; box-shadow: none; } .cs-tabs.vertical .nav-tabs { float: left; width: 20%; } .cs-tabs.vertical .nav-tabs li { float: left; list-style: none; margin: 0px 0px 3px 0px; width: 100%; } .cs-tabs.vertical .nav-tabs li a { color: #ffffff; position: relative; } .cs-tabs.vertical .nav-tabs li.active a:before { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 11px solid; content: ''; position: absolute; right: -15px; top: 13px; transform: rotate(-90deg); } .cs-tabs.vertical .tab-content { border: 1px solid #d7d7d7; box-shadow: none; float: left; padding: 20px 30px; width: 80%; } /* Counter Style */ .cs_counter.classic { border-right: 1px solid #ccc; float: left; width: 100%; } [class*="element-size-"]:last-child .cs_counter.classic {border-right: none;} .cs_counter.classic figure img {width: auto;} .cs_counter.classic figure figcaption { float: left; padding: 0 20px 0 0; width: 100%; } .cs_counter.classic figure figcaption a { display: block; font-size: 60px; line-height: 1.2; } .cs_counter i { display: inline-block; font-size: 30px; padding: 0 10px 0 0; } .cs_counter.classic figure figcaption span {display: block; font-size: 16px; text-transform: uppercase; } .cs_counter .defualt.small-btn { background: #753475; color: #fff; display: inline-block; font-size: 14px; padding: 8px 15px; text-transform: uppercase; } /* Cs Price Table Style */ .cs-price-table { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); float: left; overflow: hidden; padding: 0 0 30px; text-align: center; width: 100%; } .cs-price-table h3 { font-size: 20px; padding: 10px 0; text-align: center; text-transform: uppercase; } .pr-simple h3 {margin: 0px;} .cs-price { font-size: 40px; font-weight: bold; line-height: 70px; text-align: center; } .pr-simple .cs-price {color: #fff;} .cs-price-table.pr-simple {position: relative;} .pr-simple .cs-price { background: #333; color: #fff; font-size: 80px; font-weight: 400; line-height: 1; margin-bottom: 30px; padding-bottom: 30px; padding-top: 18px; position: relative; } .pr-simple .cs-price:before { background: url(pricetable-br.png) repeat-x; bottom: -3px; content: ""; height: 4px; left: 0px; position: absolute; width: 100%; } .cs-price-table.pr-simple p { color: #444; font-size: 16px; margin-bottom: 25px; padding: 0 30px; } .pr-simple .cs-price small { color: #fff; display: block; font-size: 12px; } .cs-price small { display: inline-block; font-weight: normal; margin-left: 5px; } .pr-simple .cs-price p { color: #fff; margin: 0; } .cs-price p { color: #959595; font-size: 14px; font-weight: 300; } .features li { color: #444; font-weight: 400; line-height: 34px; list-style: outside none none; padding: 0 30px; } .cs-heading { float: left; margin: 0 0 20px; width: 100%; } .cs-heading h2 {margin: 0px;} .features li i { color: #bdbdbd; margin-right: 8px; } .features .icon-check:before { color: transparent; margin-right: 0px; } .partnerslide .owl-controls {display: none;} .cs-price-table .sigun_up { background-color: #1a80b6; border-radius: 3px; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.4) inset; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 40px; padding: 0 50px; text-transform: uppercase; } .pr-simple ul li { color: #444444; font-size: 14px; line-height: 36px; padding: 0 30px; } .cs-price-table.pr-simple .sigun_up {float: right; margin: -17% 0 0 0; padding: 0 24px; box-shadow:none; border-radius: 0; position: relative; text-transform: capitalize; line-height: 32px;} .cs-price-table.pr-simple .sigun_up:before {content: ""; position: absolute; left:0px; top: 0;width: 0; height: 0; border-top: 15px solid transparent; border-left: 10px solid #fff; border-bottom: 16px solid transparent;} .cs-price-table .pr-simple {position: relative;} .features { list-style: outside none none; padding: 0 0 25px; text-align: left; } .pr-classic .cs-price { background-color: #ffffff; border-bottom: 1px solid #ededed; color: #505050; margin: 0 0 20px; padding: 0 0 10px; } .pr-classic p {padding: 0px 25px;} .pr-classic .features li {text-align: center;} .pr-classic .cs-price small { color: #9d9d9d; font-size: 12px; line-height: 20px; } .cs-price-table.pr-classic {margin-bottom: 30px;} .cs-price-table h3 {padding: 20px 0;} /* Buttons Style */ .button_style { display: inline-block; margin: 0 5px 5px 0; vertical-align: bottom; } .button_style .default { background-color: #dc5954; border-radius: 0px; color: #fff; display: inline-block; font-size: 12px; font-weight: 400; padding: 0px 10px; text-align: center; text-transform: uppercase; } /* Extra Large Btn Style */ .default.circle {border-radius: 100px;} .extra-large-btn { line-height: 45px; min-width: 180px; } .default.has_icon {padding-left: 0px;} .extra-large-btn.has_icon i {line-height: 45px;} /* Extra Large Btn Style */ /* Large Btn Style */ .large-btn { line-height: 40px; min-width: 145px; } .large-btn.has_icon i {line-height: 40px;} /* Large Btn Style */ /* Medium Btn Style */ .medium-btn { display: inline-block; line-height: 35px; min-width: 115px; } .medium-btn.has_icon i {line-height: 35px;} /* Medium Btn Style */ /* Small Btn Style */ .small-btn { line-height: 30px; min-width: 90px; } .small-btn.has_icon icolor { line-height: 30px; margin-right: 5px; } .has_icon i {margin-right: 5px;} /* Small Btn Style */ .flat { background-color: #1a80b6; border-radius: 0; } /* Strock Buttons Style */ .strock { background-color: #fff; border: 1px solid #d44945; color: #ec2d3c; } /* Extra Large Btn Style */ .strock.extra-large-btn.has_icon i, .strock.large-btn.has_icon i, .strock.medium-btn.has_icon i, .strock.small-btn.has_icon i { background: none; margin-right: 3px; } /* Extra Large Btn Style */ /* Strock Buttons Style */ /* 3D Buttons Style */ .three-d { background-color: #ec2b3a; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), 0 -3px 0px rgba(0, 0, 0, 0.4) inset; } /* 3D Buttons Style */ /* Dropcap Style */ .dropcap-one, .dropcap-two { color: #777; float: left; font-weight: lighter; line-height: 24px; margin-bottom: 0px; } .dropcap-one:first-letter, .dropcap-one p:first-letter { background: none!important; border: 5px solid #753475; color: #753475; float: left; font-size: 40px; font-weight: 400; margin: 0 20px 0px 0; padding: 15px 16px; } .dropcap-two:first-letter, .dropcap-two p:first-letter { color: #753475; float: left; font-size: 60px; font-weight: 400; margin: 0 15px 0px 0; padding: 15px 16px; } /* Skillbar Style */ .skills-sec { float: left; width: 100%; } .skillbar { background-color: #ebebeb; display: block; float: left; margin-bottom: 8px; position: relative; width: 100%; } .plain .skillbar {width: 96%;} .plain .skills-sec span {margin: 0px;} .plain .skillbar:after {background: none;} .plain .skillbar:after, .plain .skillbar-bar {height: 15px;} .plain .skills-sec small { float: right; margin: -8px 0px 0px 0px; position: static; } .skillbar-bar { float: left; height: 15px; position: relative; z-index: 9; } .skills-sec small { color: #585858; float: right; font-size: 16px; font-weight: 700; margin: -3px 0 0 0; } .skills-v2 .skills-sec small {margin: -6px 0 0 10px;} .skills-sec span { color: #585858; float: left; font-size: 16px; font-weight: bold; margin: 0 0 5px; text-transform: uppercase; width: 100%; } .skills-v2 .skillbar { float: right; margin-bottom: 30px; position: relative; width: 70%; } .skills-v2 .skillbar:after, .skills-v3 .skillbar:after { background-repeat: repeat; background: url(skillbg.png); content: ""; height: 15px; left: 0; position: absolute; top: 0; width: 100%; } .skills-v2 span { float: left; font-size: 14px; margin: -5px 0px 0px 0px; width: 21%; } .skills-v2 .skillbar small { background-color: #000; border-radius: 3px; color: #fff; font-weight: 400; line-height: 18px; padding: 0px 6px 2px; position: relative; right: -15px; top: -17px; } .skills-v2 .skillbar small:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; bottom: -4px; content: ""; height: 0; left: 13px; position: absolute; width: 0; } .skills-v3 .skillbar, .skills-v3 .skillbar-bar {height: 25px;} .skills-v3 .skillbar {margin: 0 0 20px 0;} .skills-v3 .skillbar small { color: #fff; font-weight: 400; position: absolute; right: 5px; top: 1px; } .skills-v3 .skillbar span { color: #fff; font-size: 14px; font-weight: 600; margin: 0px 0 0 10px; } .skills-v3 .skillbar:after {height: 25px;} .main-section .forget-link a {color: #ffffff !important;} /*Call To Action */ .call-actions { border-top: 1px solid #ececec; float: left; padding: 40px 0 0 0; text-align: center; width: 100%; } .call-actions.ac-classic, .call-actions.ac-plane {border: none;} .text-area h3 {font-size: 34px !important;} .call-actions .cell { display: inline-block; float: none; padding: 0 10px; vertical-align: middle; } .call-actions .cell p {color: #666;} .call-actions .cell.heading { text-align: right; width: 45%; } .call-actions .cell.heading h3 { color: #666; font-size: 18px; text-transform: uppercase; } .cell.icon {width: 10%;} .call-actions .cell.text-area { text-align: left; width: 80%; } .call-actions .cell.icon i { color: #ec2d3c; font-size: 50px; line-height: 42px; width: 52px; } .call-actions.in-center { float: left; text-align: center; width: 100%; } .call-actions.in-center .cell.text-area { padding-bottom: 0px; text-align: left; width: 48%; } .call-actions.in-center .cell.icon { padding: 0 0 0px; width: 10%; } .call-actions.in-center .cell.icon i { border: 0; font-size: 52px; height: 100%; } .call-actions .custom-btn, .call-actions.in-center .custom-btn:hover { background: #ec2d3c; color: #fff; } .call-actions.in-center .custom-btn { display: inline-block; float: none; line-height: 40px; } .ac-clean {border-top: none;} .ac-clean .cell.heading h3 {text-transform: uppercase;} .ac-clean .cell.heading h3, .ac-clean .cell.icon i, .ac-clean .cell p { border: none; color: #fff; } .ac-clean .cell.icon i {font-size: 50px;} .call-actions, .call-actions.ac-classic { float: left; padding: 36px 20px; width: 100%; } .ac-clean.text-center .heading { text-align: left; vertical-align: middle; width: 42%; } .call-actions.ac-classic .medium-btn { background: none; border: 2px solid #fff; box-shadow: none; color: #fff; min-width: 170px; text-transform: uppercase; } /* Table Style */ .table.tablev2 th { font-weight: 400; padding: 8px 15px; text-align: left; text-transform: uppercase; } .table.tablev2 tbody tr td { border: 1px solid #e2e2e2; text-align: left; } .table.tablev2 {border: 1px solid #9f9f9f;} .form-style textarea, .form-style label, .form-style select { float: left; width: 100%; } .cs_form_styling, .cs_form_styling input[type="text"], .cs_form_styling input[type="email"], .cs_form_styling textarea { float: left; margin-bottom: 10px; width: 100%; } .form-style input, .form-style select, .form-style label { margin-bottom: 3px; padding: 0px 0px 2px 0px; } label { color: #333; display: block; font-family: "Roboto Condensed",sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 10px; max-width: 100%; text-transform: uppercase; } .cs-plain-form textarea { height: 140px; margin-bottom: 20px; padding-left: 15px; resize: none; } .cs-bg-color {background: #ec7f24;} .cs-plain-form .custom-btn { color: #fff; text-transform: uppercase; } .cs_form_styling .custom-btn { border-radius: 2px; border: 0; box-shadow: none; padding: 8px 18px; } .cs-plain-form form input:focus { background: #fff; border-color: #c3cfd5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .cs_form_styling .form-style input[type="text"], .cs_form_styling .form-style input[type="email"] { border-color: #cecece; color: #999999; font-size: 14px; font-weight: 300; font-weight: 400; height: 55px; margin-bottom: 10px; padding-left: 15px; width: 100%; } .cs-classic-form .form-style input[type="text"], .cs-classic-form .form-style input[type="email"] {padding-left: 50px;} .cs-classic-form form .textaera-sec textarea { margin-left: 0px; padding-left: 50px; } .cs-classic-form form label.textaera-sec i {top: 18px;} .cs-classic-form .form-style input[type="submit"] { min-width: 170px; padding: 0px; } .cs-classic-form .form-style label {position: relative;} .cs-classic-form .form-style label i { font-size: 16px; left: 20px; position: absolute; top: 20px; } .cs-classic-form.cs_form_styling { float: left; margin: 0px; width: 100%; } .cs-classic-form .form-style label span { color: #f26f29; float: right; font-size: 30px; } .cs-classic-form .form-style label span i {display: none;} .cs-classic-form .form-style label i {color: #f26f29;} .cs-classic-form textarea { border-color: #cecece; box-shadow: none; color: #753475; margin-bottom: 20px; padding-top: 10px; } .cs_form_styling input[type="submit"] { border-radius: 2px; border: medium none; box-shadow: none; font-size: 16px; font-weight: 400; height: auto; padding: 8px 18px; } .cs-classic-form input.cs-bg-color, .cs_form_styling input[type="submit"], .cs-plain-form .custom-btn {background: #4b3854;} .cs-classic-form { background-color: #fff; float: left; width: 100%; } .tooltip-info { float: left; margin: 0 0 25px; width: 100%; } .tolbtn,.tolbtn .btn-default .custom-btn { border-radius: 0px; font-size: 14px; padding: 8px 15px; text-transform: uppercase; } .tooltip-info { font-size: 14px; font-weight: 300; line-height: 24px; } .tooltip-info h2 { color: #333; font-size: 14px; } /*----- Spreater Style -----*/ .cs-seprator { float: left; width: 100%; } .devider1 { border-bottom: 3px double #e5e5e5; float: left; width: 100%; } .devider5:after { background: url(devider3.png) repeat-x; bottom: 0; content: " "; display: inline-block; float: left; height: 6px; position: relative; width: 100%; } .cs-seprator .devider2:before { background-color: #4b3854; bottom: -3px; content: ""; height: 5px; left: 0%; position: absolute; width: 5px; } .cs-seprator .devider2:after { border-bottom: 1px solid #4b3854; bottom: -1px; content: ""; left: 0%; position: absolute; width: 100px; } .cs-seprator .devider3 { border-top: 1px dotted #919191; float: left; position: relative; text-align: center; width: 100%; } .box_spreater { margin: 0 auto; width: 50%; } .spreater { display: inline-block; float: none; overflow: hidden; text-align: center; width: 100%; } .spreater .dividerstyle { display: inline-block; position: relative; } .spreater .dividerstyle i { color: #f37735; display: inline-block; font-size: 16px; } .spreater .dividerstyle:before, .spreater .dividerstyle:after { border-bottom: 1px solid #e5e5e5; content: ""; height: 1px; left: 100%; margin-left: 10px; position: absolute; top: 11px; width: 7700px; } .spreater .dividerstyle:after { left: auto; margin-right: 10px; right: 100%; } .cs-seprator, .spreater { display: inline-block; float: none; overflow: hidden; text-align: center; width: 100%; } .cs-seprator .spreater-inn, .spreater .spreater-inn { display: inline; position: relative; } .cs-seprator .spreater-inn:before, .spreater .spreater-inn:before, .cs-seprator .spreater-inn:after, .spreater .spreater-inn:after { border-bottom: 1px solid #e5e5e5; content: ""; height: 1px; left: 100%; margin-left: 10px; position: absolute; top: 11px; width: 7700px; } .cs-seprator .spreater-inn:after, .spreater .spreater-inn:after { left: auto; margin-right: 10px; right: 100%; } .simple .panel-heading .collapsed:before, .box .panel-heading .collapsed:before { background: #fff !important; border: 2px solid #f26f29; content: "\ea5d"; font-family: "icomoon"; font-size: 18px; height: 30px; left: 0px; line-height: 28px; position: absolute; top: -3px; width: 30px; } .box .panel { border-radius: 0; border: 1px solid #ededed; box-shadow: none; } .box .panel-heading .collapsed:before, .box .panel-heading a:before { left: 6px !important; top: 8px !important; } .box .panel-heading .collapsed:before, .box .panel-heading a:before { background: none!important; line-height: 24px; } .box .panel-heading a {font-size: 14px;} .box .panel-heading .collapsed:before {border: none!important;} .simple .panel-heading a:before, .box .panel-heading a:before { color: #fff; content: "\ea5c"; font-family: "icomoon"; font-size: 18px; font-weight: 100; height: 30px; left: 0px; line-height: 30px; position: absolute; text-align: center; top: -3px; width: 30px; } .csdefault .panel-heading .collapsed:before { background: none !important; content: "\ea5d"; font-family: "icomoon"; font-size: 18px; height: 30px; line-height: 28px; position: absolute; right: 0px; top: 10px; width: 30px; } .csdefault .panel-heading a:before { content: "\ea5c"; font-family: "icomoon"; font-size: 18px; font-weight: 100; height: 30px; line-height: 30px; position: absolute; right: 0px; text-align: center; top: 10px; width: 30px; } .simple .panel-body {padding: 0 40px 20px 0px;} .simple .panel-heading a {padding: 0px 10px 20px 40px;} .panel-heading .collapsed:before { background: rgba(0, 0, 0, 0); color: #753475; content: "\ea5d"; font-family: "icomoon"; font-size: 18px; line-height: 40px; position: absolute; right: 0px; top: 10px; width: auto; } .panel-heading a:before { background: rgba(0, 0, 0, 0); color: #753475; content: "\ea5c"; font-family: "icomoon"; font-size: 18px; font-weight: 100; height: 100%; line-height: 40px; position: absolute; right: 0px; text-align: center; top: 10px; width: 34px; } .panel-group.csdefault .panel-heading a {padding: 12px 25px 12px 0px;} .panel-group.csdefault .panel-body {padding: 0 15px 20px 0px;} .panel-heading .collapsed, .panel-group.simple .panel-heading a.collapsed {color: #753475;} .panel-heading a {color: #e65959;} .panel-heading a { display: block; font-size: 14px; font-weight: 400; outline: medium none; padding: 12px 0 12px 40px; position: relative; text-decoration: none; text-transform: uppercase; visibility: visible; } /*----- Spreater Style -----*/ .cs-services figure { margin-bottom: 20px; position: relative; } .cs-services .text h4 { font-size: 20px; font-weight: 700; text-transform: capitalize; } .cs-services { float: left; width: 100%; } .cs-services .read-more { background-color: #753475; border-radius: 0; color: #fff !important; display: inline-block; float: none; font-size: 14px; font-weight: 400; padding: 4px 15px; text-align: center; text-transform: uppercase; } .cs-services .read-more i { border: 2px solid #fff; color: #fff; height: 20px; margin: 3px 6px 0 0; padding: 1px 0 0 2px; width: 20px; } .cs-services figure i { background-color: #753475; border-radius: 100%; color: #fff; display: inline-block; font-size: 26px; height: 60px; line-height: 60px; text-align: center; width: 60px; } .top-left, .left {text-align: left;} .top-center {text-align: center;} .right {text-align: right;} .cs-services .text { float: left; margin-bottom: 8px; width: 100%; } .cs-services figure { display: inline-block; float: none; width: auto; } .cs-services.classic .text { float: none; width: auto; } .cs-services.left figure {float: left;} .cs-services.right figure {float: right;} .cs-services.right figure ~ .text {padding: 0 80px 0 0;} .cs-services.left figure ~ .text {padding: 0 0 0 80px;} .testimonial { float: left; position: relative; width: 100%; } .testimonial .question-mark { float: left; margin-bottom: 15px; padding: 40px 30px; position: relative; width: 100%; } .testimonial .question-mark P { color: #fff; font-size: 16px; line-height: 24px; } .testimonial.italic-style .question-mark P {font-style: italic;} .testimonial .cs-author { color: #390a38; display: block; text-align: left; text-transform: capitalize; } .tooltip {line-height: 2;} .testimonial .cs-author span { color: #999; font-size: 12px; font-weight: 400; text-transform: uppercase; } .testimonial .question-mark:after { border-right: 22px solid transparent; border-top: 22px solid #f37735; bottom: -19px; content: ""; height: 0; position: absolute; right: 10px; width: 0; z-index: 10; } .testimonial .question-mark:before { background: url("/testi-bg.png") no-repeat; content: ""; height: 36px; position: absolute; right: -8px; top: -6px; width: 41px; } .testimonial figure { float: left; height: 60px; width: 60px; } .flexslider.testimonial .flex-direction-nav .flex-disabled {opacity: 1;} .flexslider.testimonial.right figure {float: right;} .flexslider.testimonial.right .question-mark {margin-bottom: 30px;} .testimonial figure img {border-radius: 100%;} .flexslider.testimonial.right .cs-author { padding: 0 75px 0 0; text-align: right; } .flexslider.testimonial .flex-next {right: -64px;} .flexslider.testimonial .flex-prev {left: 0px;} .right {text-align: right;} .testimonial figure ~ .cs-author {padding: 7px 0 0 75px;} .flexslider.testimonial .flex-direction-nav, .flexslider.testimonial.italic-style .flex-direction-nav { bottom: 40px; position: absolute; } .flexslider.testimonial.italic-style .flex-direction-nav, .flexslider.testimonial.testimonial-slider .flex-direction-nav { position: absolute; right: 18%; } .flexslider.testimonial.testimonial-slider .flex-direction-nav {bottom: 28px;} .center {text-align: center;} .top-right {text-align: right;} .cs-promobox { float: left; padding: 25px; width: 100%; } .cs-promobox article img {margin-bottom: 10px;} .cs-promobox article .text .three-d { color: #fff; display: inline-block; padding: 4px 15px; } .cs-promobox .top-left i {float: left;} .cs-promobox i { color: #fff; font-size: 4em; } .cs-promobox .top-left i ~ .text {padding: 0 0 0 75px;} .cs-promobox article .text h1 { color: #fff; font-size: 30px; } .cs-promobox article .text p {color: #fff;} .cs-qoute.has-qoute {padding: 0 0 0 55px;} .cs-qoute.has-qoute:before {left: 0px;} .messagebox { float: left; padding: 18px; position: relative; width: 100%; } .messagebox span { color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; } .messagebox span a { color: #333; font-size: 14px; font-weight: 200; margin-left: 5px; text-transform: capitalize; } .messagebox button.close, .messagebox-v1 button.close { background: rgba(0, 0, 0, 0); color: #000; float: right; font-size: 12px; line-height: 22px; margin: 3px 0 0 0; opacity: 0.5; text-shadow: none; } .messagebox.strokebox { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-style: solid; border-width: 2px; padding: 14px; } .messagebox i { color: #fff; display: inline-block; font-size: 18px; line-height: 22px; margin-right: 10px; text-align: center; } .messagebox-v1 { float: left; padding: 19px 18px; position: relative; } .messagebox-v3 p { color: #777; margin-bottom: 0px; } .messagebox-v3.icon_position_left i { color: #fff; float: left; font-size: 50px; margin: 0px 18px 0 0; } .messagebox-v3.icon_position_left h6 { color: #333; font-size: 16px !important; margin: 3px 0 6px 0; } .messagebox-v3:before { background: #dedede; border-color: #dedede #ffffff; border-style: solid; border-width: 0px 0px 15px 15px; content: ""; display: block; left: -1px; position: absolute; top: -1px; } .messagebox-v3 { float: left; padding: 30px; position: relative; width: 100%; } .messagebox-v3 .custom-btn { border-radius: 3px; height: 40px; line-height: 16px; position: absolute; right: 30px; top: 33%; } .messagebox .fa-lightbulb-o, .messagebox .fa-exclamation-triangle { border: none; font-size: 24px; } .messagebox.has-radius {border-radius: 8px;} .messagebox.has-pattern {background: url(pattanerbox.png) repeat;} .messagebox.cs-dearktheme {background: url(dearkpattern.png) repeat;} .messagebox.icon_position_left {float: left;} .messagebox a small { font-size: 14px; text-decoration: underline; } .messagebox-v3.alert-info { background: none; border: none; } .messagebox-v1 i ~ p {padding: 0 0 0 48px;} .messagebox-v1 span {margin-left: 16px;} .messagebox-v1 i { float: left; font-size: 30px; margin: 3px 0 0; } .messagebox button.close:hover {color: #000;} .messagebox-v1 button.close { background: none; color: #000; opacity: 0.5; top: 5px; } .liststyle .cs-bull-list li {list-style: disc;} .tooltip { line-height: 3; text-transform: uppercase; } .cs-map-section img { max-width: none !important; width: auto !important; } .page-no-search h1 { font-size: 24px !important; text-transform: uppercase !important; } body {line-height: 1.7 !important;} p {line-height: 1.6 !important;} [class*="element-size"] {float: none !important;} [class*="col-md"] {float: none !important;} .wp-caption.alignnone, .rich_editor_text iframe {width: 100% !important;} #cs-comments .text ol li {list-style: decimal !important;} .gallery-item img {border: none !important;} #lang_sel_list li {margin: 0;} #lang_sel_list li:before { color: #999; content: ""; } .header_1 .logo {margin-bottom: -40px !important;} .header_2 .logo {margin-top: -1px !important;} .thumblist .comment-reply-link:hover {color: #fff !important;} .post-recent .cs-section-title h2, .post-recent .cs-blog.blog-grid h2 {font-size: 20px !important;} .cs-services.boxed .text, .cs-services.boxed .text h2 a, .cs-services.boxed .text p {color: #fff !important;} .nxt-prv .owl-nav div:hover {color: #fff !important;} .under-wrapp {background: none !important;} .suggestions h5 {font-size: 18px !important;} .timeline-slide header h4 {font-size: 36px !important;} .cs-number-list > li {list-style: inside none decimal !important;} .blog-lrg.cs-blog .blog-text h2, .cs-blog.blog-medium .blog-text h2, .cs-blog.blog-grid h2 {font-size: 24px !important;} .cs-blog.blog-medium-small .blog-text .title h2, .cs-blog.blog-masnery h2 {font-size: 20px !important;} .cs-team, .cs-team figure, .cs-team .text .sg-socialmedia { float: left; width: 100%; } .cs-team figure {position: relative;} .cs-team .text .sg-socialmedia { padding: 0px; text-align: left; } .cs-team .text h2 { margin-bottom: 6px; text-transform: uppercase; } .cs-team.team-grid .text { float: left; text-align: center; width: 100%; } .cs-team.team-grid .text .sg-socialmedia {text-align: center;} .cs-team.team-grid .text .sg-socialmedia ul {display: inline-block;} .cs-team .text .post-option li, .cs-team .text .sg-socialmedia li {list-style: none;} .cs-team .text span { color: #f37735; font-size: 12px; line-height: 16px; margin-bottom: 15px; text-align: inherit; text-transform: uppercase; } .cs-team .text .sg-socialmedia ul li { display: inline-block; margin: 0 0 0 5px; } .cs-team .text .sg-socialmedia ul li i, .team-detail .sg-socialmedia ul li a i { color: #f37735; font-size: 26px; } .member-grid-3 .cs-team .text .sg-socialmedia ul li i {font-size: 30px;} .member-grid-3 .cs-team .text .sg-socialmedia ul li {margin: 0 0 0 10px;} .cs-team .text P {margin-bottom: 22px;} .cs-team .text .sg-socialmedia ul li:first-child, .member-grid-3 .cs-team .text .sg-socialmedia ul li:first-child {margin-left: 0px;} .cs-team.team-grid figure {margin-bottom: 25px;} .cs-team.cs-team-medium figure { float: left; width: 265px; } .cs-team.cs-team-medium figure ~ .text { float: none; padding: 30px 0 0 295px; } .cs-team.cs-team-medium .text { float: left; padding: 10px; } .cs-team.cs-team-medium .text .sg-socialmedia { float: left; text-align: left; } .cs-partner figure { float: left; width: 100%; } /* ShortCodes End */ /* Footer */ .widget.element-size-100.widget_archive {width: 100%;} .social-media { display: inline-block; text-align: center; width: 100%; } #copyright { background-position: center center; height: 151px; } #copyright p { color: #999; font-size: 12px; padding-top: 20px; } #footer-sec { padding-top: 76px; padding-bottom: 65px; float: left; width: 100%; background-position: 0px 100%; background-repeat: no-repeat; } #footer-sec .element-size-100.widget { width: 25%; } #newslatter-sec { background-position: center center; background-size: cover; padding: 60px 0px 10px 0px; background-color: #753475; } #newslatter-sec .user-signup { float: left; padding-right: 24px; } #newslatter-sec .sg-socialmedia ul li a i {font-size: 40px;} #newslatter-sec .sg-socialmedia { padding-top: 0px; padding-left: 24px; border-left: 1px solid #854b85;} .cs-search label.cs-btn { float: left; margin-bottom: 0; position: relative; } .cs-search label.email-search input { border-radius: 0; border: none; box-shadow: none; color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 60px; height: 65px; outline: none; padding-bottom: 5px; padding-left: 0; width: 92%; } .cs-search label input { background: #fff; border-radius: 0; border-right: 0; border: 1px solid #ccc; box-shadow: none; color: #999; float: left; font-size: 14px; height: 46px; padding-left: 21px; position: relative; width: 409px; } .user-signup p { color: #fff; float: left; font-size: 30px; line-height: 45px; margin-bottom: 0; padding: 0px 22px; } .cs-search input.btn { background: #f37735; border-radius: 0; border: 0; float: left; margin-left: 0px; padding: 22px 23px; position: relative; text-transform: uppercase; width: auto; } .col-md-3.widget.widget-recent-blog.widget_latest_post a { color: #753475; display: inline-block; margin-bottom: 0px; } .widget_latest_post ul li span {margin-bottom: 3px !important;} .infotext > h2 {float: left;} .col-md-3.widget.twitter_widget p {display: inline-block;} #footer-sec .widget_text .textwidget p {margin-bottom: 15px;} /* FILE ARCHIVED ON 14:07:03 Oct 26, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 19:50:29 May 12, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.857 exclusion.robots: 0.033 exclusion.robots.policy: 0.015 esindex: 0.019 cdx.remote: 7.465 LoadShardBlock: 524.004 (3) PetaboxLoader3.datanode: 606.841 (5) PetaboxLoader3.resolve: 616.094 (3) load_resource: 778.786 (2) */