File manager

File manager - Edit - /home/eliteafr/www/archive/wp-content/themes/cosmica/style.css

Back
/* Theme Name: COSMICA Theme URI: http://www.codeins.org/themes/cosmica-responsive-wordpress-theme/ Author: CODEINS Author URI: http://www.codeins.org Version: 1.10 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: cosmica Tags: blog, portfolio, e-commerce, custom-logo, custom-background, custom-menu, featured-images, full-width-template, post-formats, left-sidebar, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, editor-style Description: Cosmica is Awesome multipurpose responsive WordPress Theme for any business purpose. Cosmica have incredibly superfine designs with. Theme has "WOOCOMMERCE" support with each every thing keep in mind. You can use it for your E-Commerce, business, portfolio, blogging or any type of site. It’s highly recommended for web agency business, corporate business, and personal as well as parallax business portfolio. And it’s also used for photography sites and freelancer. Cosmica is responsive using BOOTSTRAP FRAMEWORK that adept device and present it nicely on every device. Cosmica also is Cross-Browser Compatible theme work nice across all browsers. Cosmica have Theme Options where you can set social media links, logo and other customization to theme. This theme gives you awesome looking website just put you contents and its ready to go. Theme using Font Awesome icons that gives you icons where ever you needed. Powerful Slider Work Super fine on Touch Swipe for Mobile Device. You can check the Demo at http://demo.codeins.org/cosmica/ / body { color: #818181; background-color: #FFF; font-family: 'Lato', sans-serif; font-size: 14px; } a { color: #343232; text-decoration: none; -moz-transition: color .3s ease-in, background-color .3s linear, border .3s linear; -o-transition: color .3s ease-in, background-color .3s linear, border .3s linear; -webkit-transition: color .3s ease-in, background-color .3s linear, border .3s linear; transition: color .3s ease-in, background-color .3s linear, border .3s linear } a:focus, a:active, a:hover, .site-footer a:hover, .site-info a:hover { color: #3498DB; text-decoration: none; } h1, h2, h3, h4, h5, h6, a, { -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease } h1, h2, h3, h4, h5, h6 { clear: both; color: #2C3E50; margin: 0 0 .8em } h1 { font-size: 28px; line-height: 35px } h2 { font-size: 26px; line-height: 33px } h3 { font-size: 24px; line-height: 31px } h4 { font-size: 22px; line-height: 29px } h5 { font-size: 20px; line-height: 27px } h6 { font-size: 18px; line-height: 25px } p { margin: 18px 0 } select, input, search, textarea, email { font-size: 16px; padding: 8px 10px; border: 1px solid #9E9E9E; border-radius: 2px; } input:focus, search:focus, textarea:focus, email:focus { /border: 1px solid #3498db;/ } input[type=checkbox], input[type=radio] { display: inline-block; } .site-title a, .site-description { color: #2C3E50; text-decoration: none; } .site-title a { font-family: cursive; } nav { text-transform: uppercase } nav ul { list-style: none; margin: 0 } .img-responsive { width: 100%; height: auto; } .alignleft { display: inline; float: left; margin-right: 20px } .alignright { display: inline; float: right; margin-left: 20px } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .wrapper {} .clearfix { clear: both; display: block } .wow{ visibility: hidden; } #pagination { text-align: center; } /******************************************************************** * #.# Main Header * *********************************************************************/ #site-logo-text-container { /padding: 9px 0 6px 0;/ max-width: 250px; margin: 0 auto; z-index: 10; float: left; } #site-logo { height: 45px; } #site-logo img { height: 100%; width: 100%; } #site-logo-text { text-align: left; min-width: 150px; } .site-title { font-size: 28px; font-weight: 700; line-height: 30px; min-width: 150px; text-transform: uppercase; margin-bottom: 5px; margin-top: 0; float: left; } .site-description { font-size: 13px; line-height: 10px; margin: 0; margin-bottom: 8px; display: block; clear: both; } section.hc-right { float: right } .search-toggle:before { content: '\f400'; font-family: 'Genericons'; font-size: 20px } .search-toggle { color: #3498DB; cursor: pointer; float: left; line-height: 0; margin-right: 10px; } .search-form-container { background-color: #FFF; border-radius: 3px; border: 1px solid #ddd; box-shadow: -1px 1px 20px -7px #000; height: 70px; padding: 10px 15px; position: absolute; right: 90px; top: 83px; width: 320px; z-index: 9999 } .search-form-container input.search-submit { display: none } .search-field { / font-size: 20px; height: 48px; padding: 0 10px; width: 100%; border: 2px solid #3498db;/ } #header { position: relative; width: 100%; z-index: 500; border-bottom: 1px solid #2C3E50; } #header.header-post-scroll { background-color: rgba(255, 255, 255, 0.95); position: fixed; top: 0; } .admin-bar #header.header-post-scroll { top: 32px; } .header-widget-container { float: right; } #header.header-type-three { background-color: #FFF; /border-bottom: 0;/ } #header.header-type-three .middle-bar { padding: 10px 0; border-bottom: 1px solid #2C3E50; } #header.header-type-three .search-cart-container #cart-button, #header.header-type-three .search-cart-container #search-button, #header.header-type-three .big-navbar a { color: #2c3e50; } #header.header-type-three .big-navbar .lavalamp-object { border-bottom: 2px solid #2c3e50; } #header.header-type-three #top-bar { display: table; } #header.header-type-three.header-post-scroll .middle-bar { padding: 1px 0; } #header.header-type-three.header-post-scroll #top-bar { display: none; } /******************************************************************** * #.# End Main Header * ********************************************************************/ /******************************************************************* * #.# Top bar * ********************************************************************/ #top-bar { height: 45px; width: 100%; border-bottom: 1px solid #2C3E50; height: 45px; background-color: #2C3E50; width: 100%; color: #FFF; } .social-nav { padding-right: 0; } ul.cs-socials { margin: 0; } .contact-nav { float: right; text-align: right; } .contact-icon { color: #3498DB; font-weight: 400 } #top-bar-phone, #top-bar-phone a, #top-bar-email, #top-bar-email a { color: #FFFFFF; } #top-bar-phone, #top-bar-email, #top-bar-hot-news, #top-bar-nav { padding: 10px 20px; display: inline; } #top-bar-myaccount, #top-bar-login-regiter { border-left: 1px solid #098; padding: 0 20px; } #top-bar .container > div:first-child { border-left: 1px solid #098; } #top-bar-socials { padding: 10px 20px; border-right: 1px solid #098; border-left: 1px solid #098; } #top-bar-phone, #top-bar-email, #top-bar-hot-news, #top-bar-nav, #top-bar-socials { border-right: 1px solid #444B52; } #top-bar-myaccount, #top-bar-login-regiter, #top-bar .container > div:first-child, #top-bar-socials { border-left: 1px solid #444B52; } ul.cs-socials li, .contact-nav ul li { display: inline-block; margin-right: 5px } ul.cs-socials li:last-child { margin-right: 0; } .topbar-icon { display: inline-block; } .topbar-icon:hover i { background-color: #3498DB; color: #FFF } .topbar-icon i { background-color: #FFF; border-radius: 2px; color: #2C3E50; display: inline-block; height: 25px; text-align: center; width: 25px; line-height: 22px; transition: all .3s ease-in-out; } .topbar-icon-type-1 { background-color: #FFF; border-radius: 2px; color: #3498DB; display: inline-block; height: 25px; text-align: center; width: 25px; line-height: 24px; } .topbar-icon-left, .contact-phone-left, .contact-email-left, .latest-text-left { float: left; } .topbar-icon-right, .top-navigation-right, .myaccount-right, .login-register-right { float: right; } .top-nav li { display: inline; float: left; padding-left: 20px; color: #FFFFFF; } .top-nav > li:first-child { padding-left: 0; } .top-nav li ul { display: none; } .top-nav li a, #top-bar-myaccount a, #top-bar-login-regiter a { color: #FFF; } #top-bar-myaccount .button, #top-bar-login-regiter .button { margin-top: 10px; margin-bottom: 9px; } #top-bar-login-regiter .button { float: left; } #top-bar-login-regiter .button-nice { margin-right: 20px; } .top-nav li a:hover, .top-nav li a:active, .top-nav li a:visited, #top-bar-myaccount a:hover, #top-bar-myaccount a:active, #top-bar-myaccount a:visited, #top-bar-login-regiter a:hover, #top-bar-login-regiter a:active #top-bar-login-regiter a:visited { color: #FAFAFA; } /******************************************************************* * #.# End Top bar * ********************************************************************/ /******************************************************************* * #.# Primary Navigation * *********************************************************************/ .cs-menu { background-color: #fff; border: 0 none; border-radius: 0; margin: 0; padding-top: 5px; } .cs-menu .navbar-collapse { float: right; } .cs-menu .navbar-brand { display: inline-block; font-size: 42px; margin: 0 !important; padding: 20px 0 0; height: auto; padding: 10px 0; line-height: normal; } .site-branding { float: left; max-width: 250px; } .custom-logo-link { float: left; display: inline-block; } #primary_menu > li { /padding-bottom: 2px;/ } .cs-menu .navbar-nav li a { font-size: 15px; text-transform: uppercase; padding: 15px 7px; font-weight: 900; color: #2c3e50; } .cs-menu .navbar-right .dropdown-menu { left: 0; right: auto; min-width: 200px; } .cs-menu .dropdown-menu a { padding: 10px !important; font-size: 13px !important; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100% !important; margin-top: -2px; margin-left: -1px; margin-right: -130px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .dropdown-submenu a:after { display: block; content: ""; float: right; width: 0; height: 0; border-color: transparent; font-weight: bold; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: -1px; margin-right: 0px; font-size: 20px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .mobile-eve { display: inline-block; margin-left: 5px; float: right; } .dropdown-menu .caret { margin-top: 10px; position: absolute; right: 10px; } .cs-menu .navbar-nav li.active > a, .cs-menu .navbar-nav li.active > a:focus, .cs-menu .navbar-nav li.active > a:hover, .cs-menu .navbar-nav li > a:hover, .cs-menu .navbar-nav li.dropdown.open > a { background-color: #fff; color: #2c3e50; /border-bottom: 3px solid #3498db;/ } @media (min-width: 768px) { .cs-menu .navbar-nav li.dropdown:hover > ul.dropdown-menu { display: block; } } .cs-menu .navbar-nav li.dropdown.open .dropdown-menu li a { background-color: #fff; color: #333; } .cs-menu .dropdown-menu { padding: 0; margin-top: -1px !important; } .site-header { border-top: 3px solid #3498db; } .navbar-toggle { position: relative; float: right; padding: 13px 15px; margin-top: 15px; margin-right: 15px; margin-bottom: 8px; background-color: #3498db; background-image: none; border: 1px solid transparent; border-radius: 2px; cursor: pointer; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #3498db; } .navbar-default .navbar-toggle { border-color: transparent; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 4px; border-radius: 0px; } .navbar-default .navbar-toggle .icon-bar { background-color: #333; } /******************************************************************** * #.# End Primary Navigation * *********************************************************************/ /post/ .btn, button, #pagination .page-numbers, input[type="submit"], .single-nav-prev a, .single-nav-next a { -moz-user-select: none; -ms-touch-action: manipulation; -ms-user-select: none; -webkit-user-select: none; background-image: none; border-radius: 4px; border: 1px solid transparent; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857143; margin-bottom: 0; padding: 6px 12px; text-align: center; touch-action: manipulation; user-select: none; vertical-align: middle; white-space: nowrap } .entry-meta { margin-bottom: 10px } a.read-more { display: inline-block; font-size: 14px; font-weight: 400; margin-bottom: 20px; text-transform: uppercase; background-color: transparent; color: #2c3e50; padding: 5px 10px; border-radius: 2px; border: 2px solid #3498db; background-size: 100% 200%; background-image: linear-gradient(to top, #3498db 50%, transparent 50%); transition: all .3s ease-in-out; } a.read-more:hover{ background-position: 0 100%; color: #FFF; } .post { margin-bottom: 55px; padding-bottom: 5px } .post-inner { background-color: #FFF; padding: 20px; border-radius: 2px; border: 1px solid #ddd; } .vcard, .edit-link, .categories-links, .coments-count { display: inline-block; margin-right: 8px; text-transform: capitalize; } .categories-links ul { display: inline-block; margin: 0!important; padding: 0 } .categories-links li { display: inline-block; list-style: none } .bypostauthor { display: inline-block; } .bypostauthor a:before, .date a:before, .edit-link a:before, .tags-links:before, .categories-links a:first-child:before, .coments-count a:before { display: inline-block; font-family: 'FontAwesome'; font-size: 16px; position: relative; top: 1px; font-weight: bolder; margin-right: 7px; } .bypostauthor a:before { content: '\f007'; } .edit-link a:before { content: '\f040'; } .date.updated a:before { content: '\f017'; } .categories-links a:first-child:before { content: '\f07c'; } .coments-count a:before { content: '\f086'; } .tags-links:before { content: '\f02b'; } .bypostauthor a { display: inline-block; } .tags-links { display: inline-block } .post-footer { margin-bottom: 15px } .post.sticky .post-inner { background-color: #e7e8e8; /padding:20px/ } .post.singuler { background-color: #FFF; padding: 20px; } #main { min-height: 400px; } .entry-content img, .comment-content img, .widget img, img { max-width: 100%; height: auto; } .wp-caption { margin-bottom: 20px; max-width: 100% } .wp-caption-text { border-bottom: 1px solid #D7D7D7; font-size: 15px; font-style: italic; padding: 0 5px 5px } .gallery-caption { margin-bottom: 20px; max-width: 100% } .format-chat .entry-content { background-color: #F5F5F5; border: 1px solid #ddd; margin: 10px; padding: 10px } .format-chat .entry-content p { border-bottom: 1px solid #ddd; margin: 0; padding: 10px } .format-chat .entry-content p:nth-child(odd) { background-color: #97D5E4 } .format-chat .entry-content p:nth-child(even) { background-color: #D0F2BC } .single-nav-prev a, .single-nav-next a { background-color: #FFF!important; border-color: #adadad; color: #343232!important } .next.page-numbers, .prev.page-numbers, .single-nav-prev a, .single-nav-next a { border-color: #3498DB!important; color: #3498DB!important } #pagination .page-numbers{ border:1px solid #3498DB; background-color: #FFF; } #pagination .page-numbers.current{ background-color: #3498DB; color: #FFF; } #single-nav { width: 100%; } .single-nav-next { float: right; } .single-nav-prev { float: left; } .gcon:before { display: inline-block; font-family: 'Genericons'; font-size: 20px; font-weight: 700; position: relative; top: 4px } .breadcrumbs { display: inline-block; float: left; margin-bottom: 20px; margin-top: 10px; text-transform: capitalize } .pagination .current .screen-reader-text { position: static!important } .post-page-numbers { margin-left: 10px } #comments, .cosmica_comment_form { margin-top: 30px; background-color: #FFF; padding: 10px; } cite.fn { float: left; font-style: normal; font-weight: 400; line-height: 20px; margin-left: 10px } .comment-meta { margin-top: 5px } .commentlist img.avatar { border-radius: 2px; float: left; height: 40px; width: 40px } .comment-metadata, .comment-author { display: inline; } .comment-author .fn { color: #343232; margin-left: 5px; } .comment a:before { content: ""; } .comment-metadata > a:before { content: '\f017'; } .comment-metadata .edit-link > a:before { content: '\f040'; } .comment-metadata .edit-link { margin-left: 5px; } .comment-body .reply { margin-left: 0; } .form-allowed-tags code { background-color: transparent; border: none } .comment { border: 1px solid #DDD; margin-bottom: 10px; padding: 10px; width: 100%; } .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px } #content-area { margin-bottom: 15px; width: 100%; } /post/ /-------------------------------------------------------------- # Home Page --------------------------------------------------------------/ /* Home Commen */ .home-wrapper { width: 100%; height: auto; padding-top: 50px; padding-bottom: 50px; } .separator-solid { height: 0; width: 200px; border-bottom: 2px solid #3498db; margin: 0 auto; } .section-content { /margin-top: 40px;/ } .bottom-shadow { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .bottom-shadow:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); bottom: 0px; left: 10%; right: 10%; width: 80%; height: 50%; -moz-border-radius: 100%; border-radius: 100%; } .section-title-heading { text-align: center; margin-bottom: 50px; } .section-title { text-transform: uppercase; font-size: 22px; margin-bottom: 7px; font-weight: bold; } .section-description { margin-top: 10px; color: #555; } .button { display: block; font-weight: 900; font-size: 14px; text-transform: uppercase; padding: 5px 10px; border-radius: 2px; border: 1px solid #FFF; cursor: pointer; display: inline-block; } .button-main { margin: 0 10px; font-size: 20px; padding: 10px 25px; border: 0; color: #FFF; display: inline-block; transition: all 0.4s ease-in-out; } .button-main:hover, .button-main:active, .button-main:focus, .button-main:visited { color: #FFF; } .button-main:hover { background-position: -100% 0; } .button-success { border: 2px solid #2ecc71; background-size: 200% 100%; background-image: linear-gradient(to right, #2ecc71 50%, transparent 50%); } .button-warning { border: 2px solid #F39C12; background-size: 200% 100%; background-image: linear-gradient(to right, #F39C12 50%, transparent 50%); } .button-sun { border: 2px solid #f1c40f; background-size: 200% 100%; background-image: linear-gradient(to right, #f1c40f 50%, transparent 50%); } .button-danger { border: 2px solid #3498db; background-size: 200% 100%; background-image: linear-gradient(to right, #3498db 50%, transparent 50%); } .button-info { border: 2px solid #3498db; background-size: 200% 100%; background-image: linear-gradient(to right, #3498db 50%, transparent 50%); } .swiper-button-next, .swiper-button-prev { background-image: none; background-color: #3498db; height: 50px; color: #FFF; font-size: 34px; text-align: center; border-radius: 2px; width: 40px; } .img-thumbnail { padding: 0; border: 0; position: relative; overflow: hidden; border-radius: 0; } .img-overlay { position: absolute; background-color: rgba(255, 255, 255, 0.5); bottom: -100%; top: 100%; left: 10px; right: 10px; transition: all 0.5s; } .show-overlay:hover .img-overlay, .img-thumbnail:hover .img-overlay, .show-overlay:active .img-overlay, .show-overlay:focus .img-overlay, .show-overlay:visited .img-overlay { top: 10px; bottom: 10px; } .display-table { display: table; height: 100%; width: 100%; } .display-cell { display: table-cell; vertical-align: middle; text-align: center; } .icon-link { display: inline-block; } .icon-link.icon-left { margin-right: 10px; } .icon-link i { font-size: 25px; border: 1px solid #3498db; padding: 10px; border-radius: 2px; color: #3498db; transition: all .4s; background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, #3498db 50%); } .icon-link i:hover { color: #FFF; background-position: 0 100%; } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .swiper-pagination-bullet-active { background: #3498db; } /* Home Commen */ /slider / .cosmica-slider { margin: 0; position: relative; } .swiper-container { width: 100%; margin: 0 auto; overflow: hidden; } .carousel-caption { top: 30%; bottom: auto; } .home-slider .swiper-slide-active .animation.animated-item-1 { animation: 500ms linear 300ms normal both 1 running bounceInLeft; } .home-slider .swiper-slide-active .animation.animated-item-2 { animation: 900ms linear 600ms normal both 1 running bounceInRight; } .home-slider .swiper-slide-active .animation.animated-item-3 { animation: 900ms linear 600ms normal both 1 running bounceInUp; } .home-slider .swiper-slide-active .animation.animated-item-4 { animation: 1100ms linear 600ms normal both 1 running bounceInUp; } .slider-container.container { padding-top: 0 } .slide-heading { background-color: rgba(0, 0, 0, 0.5); padding: 10px; } .slide-heading h1 { color: #FFF; text-transform: uppercase; font-weight: 900; font-size: 50px; line-height: 60px; margin: 0; text-shadow: 1px 4px 2px rgba(0, 0, 0, .7); } .slide-heading h1 span, .slide-description p span { color: yellow; } .slide-description { background-color: rgba(52, 152, 219, 0.88); padding: 10px; color: #FFF; } .slide-description p { margin: 0; font-size: 18px; } .home-slider .buttons-con { height: 50px; margin: 0 auto; text-align: center; max-width: 400px; margin-top: 20px; } .home-prev, .home-next { background-image: none; background-color: rgba(0, 0, 0, 0.3); color: #FFF; font-size: 70px; height: 105px; width: 50px; text-align: center; padding: 0; border-radius: 1px; } .home-slider .swiper-pagination-bullet { height: 20px; width: 20px; opacity: 0.7; } .cosmica-slider-shadow { position: absolute; left: 0; right: 0; background: url(images/shadow.png) no-repeat top center; background-size: 100% 100%; width: 100%; height: 60px; bottom: -60px; z-index: 100; } /end slider / / project / .work-wraper { padding-top: 80px; } .cosmica-work { padding-left: 5px; padding-right: 5px; margin-bottom: 20px; } .work-inner { background-color: #3498db; } .work-title { color: #FFF; font-weight: 700; text-transform: uppercase; font-size: 16px; text-align: center; margin: 0; padding: 20px 0; } .home-works-title { text-align: center; margin-bottom: 30px; } / end project / /services / .service-wrapper { background-color: #CFD8DC; } /.home-services { margin-top: 40px; }/ .theme_detail_title { width: 500px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; text-align: center; } .cosmica-service { margin: 0 0 50px; padding-right: 20px!important; } .cosmica-service .service-inner { background-color: #ecf0f1; padding: 10px; border: 1px solid #ddd; border-bottom: 2px solid #3498db; } .service-icon { float: left; margin-right: 15px; float: left; margin-right: 15px; width: 60px; text-align: center; padding: 0px 5px; border: 1px solid #3498db; border-radius: 2px; background-size: 200% 100%; background-image: linear-gradient(to right, transparent 50%, #3498db 50%); transition: all .5s; } .cosmica-service .service-inner:hover .service-icon { background-position: -100% 0; } .service-icon i { color: #3498db; font-size: 40px; line-height: 60px; transition: all .5s; } .cosmica-service .service-inner:hover .service-icon i { color: #FFF; } .service-title { margin-top: 0; margin-bottom: 10px; } .service-description {} /services / /home posts/ .home-post .post-img img { max-height: 150px; } /home posts/ /* Client / .clients-wrapper .swiper-container { padding: 10px 0; } .client-media { text-align: center; border: 1px solid #3498db; } .client-media:last-child { margin-right: 0; } .client-nav-prev a, .client-nav-next a { display: block; position: absolute; top: 33px; z-index: 3; content: ""; color: #FFFCFC; background-color: #3498DB; border-radius: 2px; border: 1px solid #0674BD; height: 40px; width: 40px; text-align: center; webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .client-nav-prev a:before, .client-nav-next a:before { font-family: 'FontAwesome'; font-size: 40px; line-height: 36px; } .client-nav-prev a { left: -35px; border-left: 0; } .client-nav-next a { right: -35px; border-right: 0; } .client-carousel-con:hover .client-nav-prev a { left: -1px; } .client-carousel-con:hover .client-nav-next a { right: -1px; } .client-nav-prev a:before { content: '\f104'; } .client-nav-next a:before { content: '\f105'; } / End Client/ /home callout/ .callout-wrapper { /padding: 0;/ position: relative; } .callout-content { padding: 30px 0; text-align: center; } .callout-wrapper .section-title, .callout-wrapper .section-description { color: #FFF; } .callout-overlay { position: absolute; background-color: rgba(0, 0, 0, 0.7); left: 0; right: 0; top: 0; bottom: 0; z-index: -1; filter: blur(5px); background-image: url(images/background/home-callout.jpg); } .home-callout-container { overflow: hidden; height: 400px; width: 100%; margin-top: 50px; margin-bottom: 50px; background: transparent; } .home-call-out { height: 400px !important; width: 100%; overflow: hidden; background: transparent; padding: 30px 0; } .fixed-background { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 50% 50%; background-color: transparent; } .call-out-heading { height: auto; width: 70%; margin: 0 auto; background-color: rgba(225, 225, 225, 0.8); text-align: center; border-radius: 2px; text-shadow: 1px 1px 2px #000; } .call-out-heading h3 { padding: 10px 0; } .call-out-description { height: auto; width: 70%; min-height: 200px; margin-right: auto; margin-left: auto; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px; padding: 20px; color: #FFF; } /home callout/ /-------------------------------------------------------------- # widgets --------------------------------------------------------------/ /widgets common/ .widget .widget-title { position: relative; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; } .widget .widget-title:before { content: ""; position: absolute; width: 60px; bottom: -1px; border-bottom: 1px solid #3498db; } .widget { overflow: hidden; } .widget ul { list-style: none; padding: 0px; margin: 0; } .widget ul li { margin-left: 10px; transition: all 0.3s ease-in-out; } .widget ul li:before { content: "\f101"; font-family: 'FontAwesome'; margin-right: 6px; transition: all 0.3s ease-in-out; display: inline-block; } .widget .cat-item:before { content: "\f07b"; } .widget .page_item:before, .widget.widget_recent_entries ul li:before { content: "\f15c"; } .widget .recentcomments:before { content: "\f086"; } .widget ul li:hover { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .widget ul li:hover:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .widget.widget_rss ul li { margin-bottom: 25px; } .widget select, .widget input, .widget search, .widget textarea, .widget email { max-width: 100%; width: 100%; } .widget .tagcloud { float: left; } .widget .tagcloud a { border: 1px solid #3498db; display: inline-block; font-size: 14px !important; margin: 2px 0; padding: 5px 10px; text-transform: uppercase; font-weight: 600; } .widget .tagcloud a:hover { background-color: #3498db; color: #fff; } .widget .calendar_wrap, .widget .calendar_wrap #wp-calendar { width: 100%; } .widget .calendar_wrap #wp-calendar caption { background-color: #3498db; padding: 5px; color: #FFF; } .widget .calendar_wrap #wp-calendar td, .widget .calendar_wrap #wp-calendar th { text-align: center; border: 1px solid #3498db; } /widgets common/ /header widget/ .header-widget-area { height: auto; width: auto; float: right; } .w-toprer { color: #3498db; font-size: 17px; font-weight: 900; font-family: 'lato'; padding: 8px 0; } .w-toprer .fa:before { margin-right: 15px; } .w-boter { padding: 5px 0; font-size: 14px; } .header-widget-line { height: 0; width: 120px; margin: 0 auto; border-bottom: 1px solid #2C3E50; } .line-vertical { border-right: 1px solid #888683; float: left; width: auto; min-width: 150px; text-align: center; } .line-vertical:last-child { border-right: 0; } .header-wdiget-inner { max-width: 450px; } /header widget/ /sidebar / .left-sidebar, .right-sidebar {} .right-sidebar {} .left-sidebar { margin-right: 50px; width: calc(30% - 50px) } .main-content, .right-sidebar { padding-top: 50px; } .sidebar li { list-style: none } .sidebar-widget { background-color: #FFF; margin-bottom: 55px; padding: 20px; position: relative; overflow: visible; float: left; border: 1px solid #F5F5F5; width: 100%; } /.sidebar-widget:before { content: ""; left: 9px; width: 50px; background-color: transparent; position: absolute; z-index: -1; top: 25px; height: 80%; border-radius: 100%; box-shadow: 0px 0px 35px 5px rgba(0, 0, 0, 0.66); }/ /sidebar / /footer-widget / .footer-widget { color: #FFF; } .footer-widget .widget-title { border-bottom: 1px solid #3f4850; color: #FFF; } .footer-widget a, .footer-widget a:hover, .footer-widget a:visited, .footer-widget a:active { color: #FFF !important; } .footer-widget select, .footer-widget input, .footer-widget search, .footer-widget textarea, .footer-widget email { color: #2c3e50; max-width: 100%; width: 100%; } /footer-widget / /Footer/ .site-footer { background-color: #282C30; color: #FFF; min-height: 200px; width: 100% } .cosmica-footer { padding-top: 20px; padding-bottom: 30px; } .site-footer a { color: #FFF; } .back-to-top { bottom: 30px; position: fixed; right: 30px } .back-to-top a { -moz-border-radius: 3px; -moz-opacity: .8; -moz-osx-font-smoothing: grayscale; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; -webkit-border-radius: 3px; -webkit-font-smoothing: antialiased; -webkit-transition: all .5s ease-out; background-color: #000; border-radius: 3px; color: #fff; display: block; filter: alpha(opacity=80); font-family: 'FontAwesome'; font-size: 16px; height: 40px; line-height: 40px; opacity: .8; text-align: center; transition: all .5s ease-out; width: 40px } .back-to-top a:hover { -moz-opacity: 10; background-color: #3498db; filter: alpha(opacity=100); opacity: 10 } .back-to-top a:before { content: '\f106'; } .site-info, .site-info a { color: #FFF; } .site-info { float: right } .site-info { display: inline-block } .site-info a { font-weight: 700 } #footer, .footer-copyright { background-color: #1A1E22; border-top: 1px solid #777272; min-height: 50px; padding-top: 12px; } /Footer/ /404 page / .page-404{ text-align: center; background-color: #FAFAFA; } .error404 .page-title { font-size: 25px; font-weight: 500; } .error404 .wrap-grid h2 { font-size: 170px; font-weight: 900; line-height: 150px; margin: 30px; color: #3498DB; } .error404 .search-field { width: 323px; } .error404 .search-submit { display: none; } h3.the-blog-item-text { font-size: 30px; font-weight: 700; color: #666; } /end 404/ / woo commrce styles / .woocommerce-checkout #payment { background-color: transparent !important; } span.description { font-size: 11px; font-family: sans-serif; color: #7C7979; } #customer_details { border: 1px solid #eee; padding: 20px; } .woocommerce-checkout #payment ul.payment_methods { border: none !important; } .form-row.place-order { border: 1px solid #eee; background-color: #FAFAFA; } .woocommerce form .form-row { margin: 0 0 10px !important; width: 80% !important; float: left !important; } .woocommerce-checkout-payment .form-row.place-order { width: 100% !important; } .form-row.terms { float: left !important; text-align: left; width: auto !important; } #payment #place_order { float: left !important; width: 20%; height: 43px; background-color: #ec5e00; } /* end woo commrce style */ / -------------------------------- Testimoniols -------------------------------- / .testimonials-wrap { background-color: #A4B0B9; position: relative; width: 100%; height: auto; margin: 40px 0; } .cdns-testimonials-wrapper { position: relative; margin: 0 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 20px 0 50px; z-index: 1; } .testimonial-control-nav, .testimonial-direction-nav { margin: 0; padding: 0; list-style: none; } .testimonial-control-nav { width: 100%; position: absolute; bottom: 0; text-align: center; z-index: 5; } .testimonial-control-nav li { margin: 0 6px; display: inline-block !important; zoom: 1; } .testimonial-control-paging li a { width: 10px; height: 10px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .testimonial-control-paging li a.testimonial-active { background: #3498DB; background: rgba(0, 0, 0, 0.9); cursor: default; } .cdns-testimonials { color: #ffffff; text-align: center; } .cdns-testimonials::after { clear: both; content: ""; display: table; } .cdns-testimonials > li { position: absolute; opacity: 1; } .cdns-testimonials > li:first-child { position: relative; opacity: 1; } .cdns-testimonials p { font-family: "Georgia", serif; font-style: italic; line-height: 1.4; margin-bottom: 1em; padding: 0 14px; } @media only screen and (min-width: 768px) { .cdns-testimonials p { font-size: 22px; font-size: 1.375rem; } } @media only screen and (min-width: 1170px) { .cdns-testimonials p { font-size: 26px; font-size: 1.625rem; line-height: 1.6; } } .cdns-author img, .cdns-author .cdns-author-info { display: inline-block; vertical-align: middle; } .cdns-author img { width: 32px; height: 32px; border-radius: 50%; margin-right: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } .cdns-author .cdns-author-info { text-align: left; line-height: 1.2; } .cdns-author .cdns-author-info li:first-child { font-size: 14px; font-size: 0.875rem; } .cdns-author .cdns-author-info li:last-child { font-size: 12px; font-size: 0.75rem; color: #6b6b70; } @media only screen and (min-width: 768px) { .cdns-author img { width: 50px; height: 50px; } .cdns-author .cdns-author-info { line-height: 1.4; } .cdns-author .cdns-author-info li:first-child { font-size: 16px; font-size: 1rem; } .cdns-author .cdns-author-info li:last-child { font-size: 14px; font-size: 0.875rem; } } .flex-direction-nav li { position: absolute; height: 100%; width: 40px; top: 0; } .flex-direction-nav li:first-child { left: 0; } .flex-direction-nav li:last-child { right: 0; } .flex-direction-nav li a { display: block; height: 100%; width: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .no-touch .flex-direction-nav li a:hover { background-color: #323234; } .flex-direction-nav li a::before, .flex-direction-nav li a::after { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 13px; background-color: #ffffff; } .flex-direction-nav li a::before { -webkit-transform: translateY(-35px) rotate(45deg); -moz-transform: translateY(-35px) rotate(45deg); -ms-transform: translateY(-35px) rotate(45deg); -o-transform: translateY(-35px) rotate(45deg); transform: translateY(-35px) rotate(45deg); } .flex-direction-nav li a::after { -webkit-transform: translateY(-27px) rotate(-45deg); -moz-transform: translateY(-27px) rotate(-45deg); -ms-transform: translateY(-27px) rotate(-45deg); -o-transform: translateY(-27px) rotate(-45deg); transform: translateY(-27px) rotate(-45deg); } .flex-direction-nav li:last-child a::before { -webkit-transform: translateY(-35px) rotate(-45deg); -moz-transform: translateY(-35px) rotate(-45deg); -ms-transform: translateY(-35px) rotate(-45deg); -o-transform: translateY(-35px) rotate(-45deg); transform: translateY(-35px) rotate(-45deg); } .flex-direction-nav li:last-child a::after { -webkit-transform: translateY(-27px) rotate(45deg); -moz-transform: translateY(-27px) rotate(45deg); -ms-transform: translateY(-27px) rotate(45deg); -o-transform: translateY(-27px) rotate(45deg); transform: translateY(-27px) rotate(45deg); } @media only screen and (min-width: 768px) { .flex-direction-nav li { width: 50px; } } @media only screen and (min-width: 1170px) { .flex-direction-nav li a::before, .flex-direction-nav li a::after { background-color: #5e5e63; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after { background-color: #ffffff; } } @media screen and (max-width: 782px) { #header.with-admin-bar.header-post-scroll { top: 46px; } } .cdns-see-all { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background-color: #252527; text-align: center; text-transform: uppercase; color: #6b6b70; font-weight: 700; font-size: 12px; font-size: 0.75rem; -webkit-transition: color, 0.2s; -moz-transition: color, 0.2s; transition: color, 0.2s; } .no-touch .cdns-see-all:hover { color: #79b6e4; } .cdns-testimonials-all { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #ffffff; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cdns-testimonials-all .cdns-testimonials-all-wrapper { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: auto; } .cdns-testimonials-all .cdns-testimonials-all-wrapper > ul { width: 90%; max-width: 1170px; margin: 4em auto; } .cdns-testimonials-all .cdns-testimonials-all-wrapper > ul::after { clear: both; content: ""; display: table; } .cdns-testimonials-all .cdns-testimonials-item { margin-bottom: 2em; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0.4); -moz-transform: translate3d(0, 0, 0) scale(0.4); -ms-transform: translate3d(0, 0, 0) scale(0.4); -o-transform: translate3d(0, 0, 0) scale(0.4); transform: translate3d(0, 0, 0) scale(0.4); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; transition: transform .3s, opacity .3s; } .cdns-testimonials-all p { position: relative; background: #79b6e4; color: #ffffff; padding: 2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.4; border-radius: 0.25em; margin-bottom: 1em; } .cdns-testimonials-all p::after { content: ''; position: absolute; top: 100%; left: 2em; height: 0; width: 0; border: 8px solid transparent; border-top-color: #79b6e4; } .cdns-testimonials-all .cdns-author { text-align: left; margin-left: 1.5em; } .cdns-testimonials-all .cdns-author img { box-shadow: 0 0 0 transparent; } .cdns-testimonials-all.is-visible { visibility: visible; opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cdns-testimonials-all.is-visible .cdns-testimonials-all-wrapper { -webkit-overflow-scrolling: touch; } .cdns-testimonials-all.is-visible .cdns-testimonials-item { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } @media only screen and (min-width: 768px) { .cdns-testimonials-all .cdns-testimonials-item { width: 46%; margin: 0 2% 3em; } .cdns-testimonials-all .cdns-author { margin-left: 1em; } } @media only screen and (min-width: 1170px) { .cdns-testimonials-all .cdns-testimonials-item { width: 30%; margin: 0 1.6666% 3em; } } .close-btn { position: fixed; display: block; width: 40px; height: 40px; top: 10px; right: 5%; overflow: hidden; text-indent: 100%; white-space: nowrap; } .close-btn::before, .close-btn::after { content: ''; position: absolute; display: inline-block; width: 2px; height: 24px; top: 8px; left: 19px; background-color: #39393c; } .close-btn::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .close-btn::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } / -------------------------------- Testimoniols -------------------------------- / .front-page-message{ padding-top: 150px; padding-bottom: 150px; text-align: center; } /lightbox/ .sl-overlay { opacity: .85; } .sl-wrapper .sl-navigation button { font-size: 170px; color: #d3ced2; } .sl-overlay { background-color: #000; } .sl-wrapper .sl-counter { font-size: 22px; color: #d3ced2; } .sl-wrapper .sl-close { font-size: 32px; color: #d3ced2; } .sl-wrapper button:focus { outline: none; border: none; } /lightbox/ /woocommerce/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border: 1px solid #9e9e9e; padding: 10px; text-align: center; } .woocommerce .products .star-rating { display: inline-block; } .woocommerce ul.products li.product .button { color: #FFF; background-color: #3498db; } .woocommerce span.onsale { border-radius: 1px; background-color: #3498db; } /woocommerce/ /-------------------------------------------------------------- # Accessibility --------------------------------------------------------------/ / Text meant only for screen readers. / .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; / Many screen reader and browser combinations announce broken words as they would appear visually. / } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; / Above WP toolbar. / } / Do not show the outline on the skip link target. / #content[tabindex="-1"]:focus { outline: 0; } /-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

| ver. 1.4 | Github | . | PHP 5.4.45 | Generation time: 0 | proxy | phpinfo | Settings