File Editor
Directories:
.. (Back)
core
css
fonts
images
js
sections
template-parts
upgrade-to-pro
Files:
404.php
archive.php
author.php
breadcrums.php
category.php
class-tgm-plugin-activation.php
comments.php
custom-font.php
footer.php
front-page.php
fullwidth.php
functions.php
header.php
home-template.php
index.php
page.php
readme.txt
search.php
searchform.php
sidebar.php
single.php
style.css
tag.php
template-leftsidebar.php
template-page-builder.php
woocommerce.php
Create New File
Create
Edit File: style.css
/***** Theme Name: Enigma Parallax Theme URI: Author: vibhorp Author URI: www.infigosoftware.in Description: Enigma-Parallax is a feature-loaded, user-friendly, fully responsive, Parallax modern WordPress theme built with care and is loaded with SEO optimized code.Theme features a frontpage slider, animated callouts with over 600 icons to choose from, Portfolio , Services , Testimonials and comes with contact-from on Home Page. Enigma-Parallax allows you to fully customize your site without having to work with code. Enigma-Parallax also features a live customizer, allowing you to change settings and preview them live. Enigma-Parallax brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more.Its translation ready and WooCommerce ready which makes it a perfect choice to setup an on line e-commerce store. It's perfect for many type of business - Landing Pages, Small Business, Portfolio, Photography, Corporate, Personal, Blogging & eCommerce Websites. Overall it's a complete package with many interactive features and astonishing looks to make it a perfect multipurpose theme. Version: 7.68 Tested up to: 6.6 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, custom-menu, right-sidebar, custom-background, featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, flexible-header , blog, custom-header , custom-logo , footer-widgets , portfolio ,translation-ready Text Domain: enigma-parallax **/ /*! * Enigma Css created By enigma-parallax Themes */ /** * * TABLE OF CONTENT # Header Section css # Flex Slider css # Service Section # Project Or Works # Isotope Animating # project detail page css # Accessibility # gallery css # BLog Section # Blog Full width css # Blog page with sidebar # blog pagination # Blog detail page # Testimonial Section # Client Section # Call Out Section # Typography Page Css # panels Style # 404 Page Css # Footer widget Area # Scroll To Top # Scrollimations * */ /* Main css with editable-------------------------------------------------------------- */ .row { margin-left: 0px; margin-right: 0px; } /* Header Section css-------------------------------------------------------------- */ body { /* padding:0 30px;*/ font-family: 'Open Sans', sans-serif; color: #777777 !important; } .boxed #enigma_nav_top.affix{ max-width: 1230px; } #wrapper{ position: relative; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; background: #ffffff; } .container { padding-left: 0px ; padding-right: 0px ; } a:hover, a:focus{ text-decoration: none ; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #666; text-shadow: 0 0 1px rgba(0,0,0,0.01); font-family: 'Open Sans', sans-serif; font-weight: 600; } p , .textwidget{ font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; } .head-contact-info{ display: block; text-align: right; padding-top:5px; padding-bottom:2px; padding-left:0; } .head-contact-info li { display: inline; margin-right:10px; font-size:18px; } .head-contact-info i { margin-right:8px; font-size:20px; } .logo{ text-align:left; padding-bottom:0px; font-family: 'Open Sans', sans-serif; } .logo a{ font-weight: 600; font-family: 'Open Sans', sans-serif; margin-bottom:10px; font-size: 50px; color: #fff; } .logo a:hover,.head-contact-info a, .head-contact-info a:hover,.enigma_footer_widget_column address a, .logo a:focus,.head-contact-info a, .head-contact-info a:focus,.enigma_footer_widget_column address a{ color: #fff; } .logo p{ font-family: 'Open Sans', sans-serif; margin-top:5px; color: #fff; } .social{ display: block; text-align: right; padding-top:5px; padding-bottom:5px; } .social li{ font-size:18px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.6); display: inline-block; height: 35px; margin-right: 5px; width: 35px; text-align: center; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; border: 2px solid #ffffff; cursor:pointer; } .social i { color:#fff; line-height:30px; } /* facebook */ .social li.facebook{ background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, #4C66A4 50%); } .social li.facebook:hover, .social li.facebook:focus{ background-position: 0 -100%; background-color:#4C66A4; } /* dribble */ .social li.dribbble{ background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, #EA4C89 50%); } .social li.dribbble:hover, .social li.dribbble:focus{ background-position: 0 -100%; background-color:#EA4C89; } /* dribble */ .social li.twitter{ background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, #f60 50%); } .social li.twitter:hover, .social li.twitter:focus{ background-position: 0 -100%; background-color:#f60; } /* linkedin */ .social li.linkedin{ background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, #069 50%); } .social li.linkedin:hover, .social li.linkedin:focus{ background-position: 0 -100%; background-color:#069; } /* youtube */ .social li.youtube{ background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, #C92228 50%); } .social li.youtube:hover, .social li.youtube:focus{ background-position: 0 -100%; background-color:#C92228; } .input-group { float: right; padding-right: 70px; } .enigma_heading_title { display: block; margin: 0px 0 50px; text-align:center; } .enigma_heading_title h3 { display: inline-block; margin-top: 0px; letter-spacing: 1px; padding-bottom: 10px; line-height: 40px; } .enigma_heading_title h3 { font-size: 30px; font-weight: 500; /* text-transform: uppercase; */ font-weight: 600; font-family: 'Open Sans', sans-serif; } .enigma_heading_title2 { display: block; margin: 0px 0 20px; } .enigma_heading_title2 h3 { display: inline-block; margin-top: 0px; letter-spacing: 1px; padding-bottom: 10px; font-weight: 600; font-family: 'Open Sans', sans-serif; } .enigma_heading_title2 h3 { font-size: 22px; font-weight: 500; /* text-transform: uppercase; */ } /* Flex Slider css ***************************************************************************************************************** ********************************************************************************************************************************/ .carousel{ margin-bottom:40px; } .carousel-inner img{ width:100%; } .carousel-caption{ top:35%; } .carousel-control .fa .fa-chevron-left{ position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-text h1 { margin: 0 0 0px 0; padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 3em; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; /* text-transform: uppercase; */ text-shadow: 1px 1px 2px rgba(0,0,0,0.5); line-height: 1.4em; background:rgba(0,0,0,0.6); -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } .carousel-text .enigma_blog_read_btn{ font-size: 20px; color:#fff; display:inline-block; transition: all 0.4s ease 0s; padding:5px 10px 5px 10px ; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; margin-bottom:20px; border-radius:2px; text-shadow:none; } .carousel-list li { color: #fff; font-size: 17px; margin-bottom: 10px; overflow: hidden; font-weight: 600; font-family: 'Open Sans', sans-serif; padding:10px; padding-left: 10px; padding-right: 10px; line-height:23px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); } .carousel-list li:nth-child(1) { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } .carousel-list li:nth-child(2) { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; } .carousel-list li:nth-child(3) { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; -ms-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s; } .enigma_slider_shadow{ background: url('./images/shadow1.png') no-repeat top center; position: absolute; left: 0; right: 0; height: 80px; z-index: 99; width:100%; background-size: 100% 100%; height: 60px; bottom: -60px; } /** Service Section *************************************************************************************************************** ********************************************************************************************************************************/ .enigma_service { padding-top:90px; padding-bottom:90px; } .enigma_service_area{ border-radius: 0px; margin-bottom: 65px; transition: all 0.4s ease 0s; } .enigma_service_iocn{ width: 90px; height: 90px; display: block; margin-right:20px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-align:center; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; } .enigma_service_iocn i{ color: #fff; font-size: 50px; position: relative; display: inline-block; font-style: normal; font-weight: 900; line-height: 90px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .enigma_service_detail h3{ font-size: 24px; letter-spacing: normal; line-height: 32px; word-wrap:break-word; margin:0 0 10px; font-weight: 600; font-family: 'Open Sans', sans-serif; } .enigma_service_detail p{ font-size: 18px; line-height: 27px; } .enigma_service_area:hover .enigma_service_iocn, .enigma_service_area:focus .enigma_service_iocn{ background-position: 0 -100%; } .enigma_service_area_2{ text-align:center; border-radius: 0px; margin-bottom: 65px; transition: all 0.4s ease 0s; } .enigma_service_detail h3 a{ font-size: 24px; letter-spacing: normal; line-height: 32px; word-wrap:break-word; margin:0 0 10px; font-weight: 600; font-family: 'Open Sans', sans-serif; color:#444; } .enigma_service_iocn_2 i{ background: #fff; width: 90px; height: 90px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-align:center; } .enigma_service_iocn_2 i{ font-size: 50px; position: relative; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 90px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; } .enigma_service_detail_2 h3{ font-size: 24px; letter-spacing: normal; line-height: 27px; font-weight: 600; font-family: 'Open Sans', sans-serif; } .enigma_service_detail_2 h3 a{ font-size: 24px; letter-spacing: normal; line-height: 27px; font-weight: 600; font-family: 'Open Sans', sans-serif; color:#444; } .enigma_service_detail_2 p{ font-size: 18px; line-height: 27px; } .enigma_service_area_2:hover .enigma_service_iocn_2 i, .enigma_service_area_2:focus .enigma_service_iocn_2 i{ background-position: 0 -100%; } .enigma_service_area_2:hover .enigma_service_iocn_2 i, .enigma_service_area_2:focus .enigma_service_iocn_2 i { color:#fff; } /*** Project Or Works ****************************************************************************************************** **************************************************************************************************************************/ .enigma_project_section{ /*-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); opacity:0.55;*/ } .enigma_project_section{ border-top:1px solid #DEE1E2; border-bottom:1px solid #DEE1E2; padding-bottom: 90px; pandding-top:90px; z-index: 0; background-size: cover; position: relative; } .enigma_project_section .enigma_heading_title { margin-top: 90px; } .enigma_carousel-navi { text-align:center; margin-top:15px; } .enigma_carousel-prev { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline; transition: all 0.3s ease 0s; padding: 6px 15px 10px; margin-right: 5px; } .enigma_carousel-next { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline; transition: all 0.3s ease 0s; padding: 6px 15px 10px; } .enigma_carousel-prev i, .enigma_carousel-next i { font-size: 20px; vertical-align: middle; transition: all 0.3s ease 0s; } .enigma_project_section_col { border-radius: 0px; margin-bottom: 35px; transition: all 0.4s ease 0s; text-align: center; } .img-wrapper{ margin-bottom:50px; overflow:hidden; } .enigma_home_portfolio_showcase { position: relative; width: 100%; overflow: hidden; } .enigma_home_portfolio_showcase:hover .enigma_home_portfolio_showcase_title a, .enigma_home_portfolio_showcase:focus .enigma_home_portfolio_showcase_title a { text-decoration: underline; } .enigma_img_responsive { width: 100%; height:auto; display: block; } .enigma_home_portfolio_showcase_overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; top: -80%; left: 0; background:rgba(0,0,0,0.7); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .enigma_home_portfolio_showcase img{ -webkit-transition: all .45s ease-in; -moz-transition: all .45s ease-in; -o-transition: all .45s ease-in; transition: all .45s ease-in; } .enigma_home_portfolio_showcase_overlay_inner { position: absolute; bottom:-110%; left: 0; width: 100%; overflow: hidden; visibility: hidden; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons { margin-top: 10px; text-align: center; width: 100%; } .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a { font-size: 1.3em; line-height: 1em; display: inline-block; margin-left: 2px; padding: 8px 8px; opacity: 1; text-decoration: none; margin-right:5px; border-radius:100%; width:60px; height:60px; transition: all 0.3s ease 0s; } .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a i{ font-size: 1.6em; line-height:40px; } .enigma_home_portfolio_showcase:hover .enigma_home_portfolio_showcase_overlay, .enigma_home_portfolio_showcase:focus .enigma_home_portfolio_showcase_overlay { visibility: visible; top: 0; } .enigma_home_portfolio_showcase:hover img, .enigma_home_portfolio_showcase:focus img{ -webkit-transform: scale(1.9) rotate(15deg); -moz-transform: scale(1.9) rotate(15deg); -ms-transform: scale(1.9) rotate(15deg); } .enigma_home_portfolio_showcase:hover .enigma_home_portfolio_showcase_overlay_inner, .enigma_home_portfolio_showcase:focus .enigma_home_portfolio_showcase_overlay_inner { visibility: visible; bottom:40%; left: 0; } .enigma_home_portfolio_showcase_fade { opacity: 0.8; } .enigma_home_portfolio_showcase_fade:hover .enigma_home_portfolio_showcase_overlay, .enigma_home_portfolio_showcase_fade:focus .enigma_home_portfolio_showcase_overlay { display: none !important; } .enigma_home_portfolio_caption { border-radius: 0; padding: 0 0 15px; text-align: center; font-family: 'Open Sans', sans-serif; cursor: pointer; } .enigma_home_portfolio_caption:hover p, .enigma_home_portfolio_caption:focus p{color:#fff; } .img-wrapper:hover p,.img-wrapper:focus p{color:#fff; } .enigma_home_portfolio_caption h3 { font-size: 14px; font-weight: 600; margin: 0; padding: 9px 3px 0px; line-height: 35px; font-family: 'Open Sans', sans-serif; } .enigma_home_portfolio_caption small { font-size: 13px; line-height: 20px; } .enigma_home_portfolio_caption { background:#fff; } .enigma_home_portfolio_caption h3 a { color: #404040; font-size:22px; } .enigma_home_portfolio_caption small { color: #777777; } .enigma_proejct_button{ border-radius: 0; padding: 15px 5px 5px; text-align: center; transition: all 0.4s ease 0s; text-align: center; } .enigma_proejct_button a { display: inline-block; font-family: 'Raleway', sans-serif; font-weight:700; font-size: 18px; line-height: 20px; margin: 8px 0; padding: 9px 20px; text-align: right; /* text-transform: uppercase; */ transition: all 0.3s ease 0s; vertical-align: middle; } .enigma_portfolio_page{ margin-bottom:70px; } /* Isotope Animating * -------------------------- */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .enigma_portfolio_shadow{ background: url('./images/shadow.png') no-repeat top center; position: absolute; left: 0; right: 0; height: 80px; z-index: 99; width:100%; background-size: 100% 100%; height: 25px; bottom: 26px; } /********** project detail page css ********************************************** ***********************************************************************************/ .enigma-project-detail-section{ margin-bottom: 70px; } .enigma-project-detail-section img{ margin-bottom:30px; } .enigma-project-description h3{ text-align:left; font-size:24px; margin: 20px 0; } .enigma-project-description h3 span{ text-align:left; font-size:24px; } .enigma-project-description p{ text-align:left; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:500; } .enigma-related-project{ padding-top: 55px; padding-bottom: 30px; width: 100%; } .enigma-related-project .enigma_portfolio_4col_row{ margin:0px; } .enigma-related-project .enigma_portfolio-4col-column { margin-bottom:90px; } .enigma-related-project h3{ margin-bottom: 25px; margin-top: 0; } .enigma_portfolio_detail_pagi{ text-align:left; overflow: hidden; padding-left:0; padding-bottom:20px; } .enigma_portfolio_detail_pagi li { display: block; float: left; margin-right:15px; } .enigma_portfolio_detail_pagi li a { padding: 4px 11px; display: block; height: 45px; width: 55px; transition: all 0.3s ease 0s; } .enigma_portfolio_detail_pagi li a span { font-size: 22px; } .enigma-project-detail-sidebar { padding-left:10px; } .enigma-project-detail-sidebar p { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; margin: 0 0 10px; padding-bottom: 15px; padding-top: 0px; } .enigma-project-detail-sidebar p small { font-family: 'Open Sans', sans-serif; font-size: 15px; padding-left: 0px; margin-top:6PX; margin-left:10px; } .enigma-project-detail-sidebar .launch-enigma-project a { display: inline-block; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; margin: 15px 0 15px; padding: 8px 30px; text-align: right; text-transform: lovercase; transition: all 0.4s ease 0s; vertical-align: middle; } .enigma-project-detail-sidebar .launch-enigma-project a { text-decoration:none; } .enigma_project_detail_related_projet{ margin-bottom:70px; } .enigma_project_detail_related_projet .enigma_carousel-navi { text-align: center; display: inline-flex; margin-top:0px; float: right; } .sidebar-img{ margin-right: 5px; } .enigma-project-description h3 span{ color:#f9504b; } .enigma-project-description p{ color:#6a6a6a; } .enigma-related-project{ background: none repeat scroll 0 0 #F9F9F9; border-top: 2px solid #D1D1D1; } /******* gallery css ***************************************************** *********************************************************************/ .enigma_gallery_page{ margin-bottom:70px; width:100%; float:left; margin-right: auto; margin-left: auto; } .enigma_gallery-padding{ padding-left:0px; padding-right:0px; margin-bottom:0px; } .enigma_gal_img{ position: relative; overflow: hidden; } .gallery_wrapper{ margin-bottom:0px; overflow:hidden; } .enigma_gallery_showcase { position: relative; width: 100%; overflow: hidden; } .enigma_gallery_blog{ width: 24.98%; margin-right: 0; margin-bottom: 0; float: left; } .enigma_img_responsive { width: 100%; display: block; } .enigma_gallery_showcase_overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; top: -80%; left: 0; background:rgba(0,0,0,0.7); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .enigma_gallery_showcase img{ -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .enigma_gallery_showcase_overlay_inner { position: absolute; bottom:-110%; left: 0; width: 100%; overflow: hidden; visibility: hidden; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .enigma_gallery_showcase .enigma_gallery_showcase_icons { margin-top: 10px; text-align: center; width: 100%; } .enigma_gallery_showcase .enigma_gallery_showcase_icons a { display: inline-block; margin-left: 2px; padding: 8px 8px; opacity: 1; text-decoration: none; margin-right:5px; border-radius:100%; width:60px; height:60px; transition: all 0.3s ease 0s; } .enigma_gallery_showcase .enigma_gallery_showcase_icons a i{ font-size: 1.6em; line-height:40px; } .enigma_gallery_showcase:hover .enigma_gallery_showcase_overlay, .enigma_gallery_showcase:focus .enigma_gallery_showcase_overlay { visibility: visible; top: 0; } .enigma_gallery_showcase:hover .enigma_gallery_showcase_overlay_inner, .enigma_gallery_showcase:focus .enigma_gallery_showcase_overlay_inner { visibility: visible; bottom:40%; left: 0; } /***************** BLog Section ************************************************************************* ***************************************************************************************************/ /** wrapper for front page **/ .enigma_blog_area{ content: ""; height: 100%; background-size: cover; /*-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); opacity:0.55;*/ } .enigma_blog_area{ padding-bottom: 90px; z-index: 0; position: relative; } .enigma_blog_area .enigma_heading_title { margin-top: 90px; } .enigma_blog_wrapper{ margin-bottom: 90px; } .enigma_blog_thumb_wrapper{ margin-bottom:40px; border-radius: 4px; margin-top:10px; padding:10px; } .enigma_blog_thumb_wrapper img { width:100%; } .enigma_blog_thumb_wrapper h2 { font-size: 22px; margin-bottom: 8px; padding-right: 0px; line-height:1.4; margin-top:0px; } .enigma_blog_thumb_wrapper h2 a:hover, .enigma_blog_thumb_wrapper h2 a:focus { color: #34495e !important; } .enigma_fuul_blog_detail_padding h2 a:hover , .enigma_fuul_blog_detail_padding h2 a:focus { color: #34495e !important; } .enigma_blog_thumb_wrapper{ position:relative; overflow:hidden; } .enigma_blog_thumb_date{ list-style: none; text-align:left; padding-left:0; color:#9b9b9b; font-size:14px; margin-bottom: 0px; } .enigma_blog_thumb_date li{ display:inline-block; color:#555; margin-right:15px; margin-bottom: 5px; } .enigma_blog_thumb_date li i{ margin-right:8px; font-size:22px; } .enigma_blog_thumb_date li a{ color:#555; } .enigma_blog_thumb_wrapper p{ font-size:16px; padding-right:8px; margin-bottom: 20px; line-height:27px; } .enigma_blog_thumb_wrapper span a i{ margin-right:6px; font-size:20px; vertical-align: middle; } .enigma_tags{ margin-bottom:8px; } .enigma_tags a{ padding: 3px 7px; margin: 4px 4px 4px 0; margin-bottom:10px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; color: #515151; text-decoration: none; font-size: 0.9em; white-space: nowrap; display: inline-block; } .enigma_tags a i{ margin-right:5px; transition: all 0.4s ease 0s; } .enigma_blog_read_btn{ font-size: 16px; color:#fff; display:inline-block; transition: all 0.4s ease 0s; padding:5px 5px 5px 5px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; margin-bottom:20px; } .enigma_blog_thumb_wrapper_showcase { position: relative; padding: 0px; width: 100%; overflow: hidden; margin-bottom: 15px; } .enigma_blog_thumb_wrapper_showcase_overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; top: -80%; left: 0; background:rgba(0,0,0,0.5); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .enigma_blog_thumb_wrapper_showcase img{ -webkit-transition: all .45s ease-in; -moz-transition: all .45s ease-in; -o-transition: all .45s ease-in; transition: all .45s ease-in; } .enigma_blog_thumb_wrapper_showcase_overlay_inner { position: absolute; bottom:-110%; left: 0; width: 100%; overflow: hidden; visibility: hidden; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons { margin-top: 10px; text-align: center; width: 100%; } .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a { font-size: 1.3em; line-height: 1em; display: inline-block; margin-left: 2px; padding: 8px 8px; opacity: 1; text-decoration: none; margin-right:5px; border-radius:100%; width:60px; height:60px; } .enigma_blog_thumb_wrapper_showcase:hover .enigma_blog_thumb_wrapper_showcase_overlay, .enigma_blog_thumb_wrapper_showcase:focus .enigma_blog_thumb_wrapper_showcase_overlay { visibility: visible; top: 0; } .enigma_blog_thumb_wrapper_showcase:hover img, .enigma_blog_thumb_wrapper_showcase:focus img{ -webkit-transform: scale(1.9) rotate(15deg); -moz-transform: scale(1.9) rotate(15deg); -ms-transform: scale(1.9) rotate(15deg);} .enigma_blog_thumb_wrapper_showcase:hover .enigma_blog_thumb_wrapper_showcase_overlay_inner, .enigma_blog_thumb_wrapper_showcase:focus .enigma_blog_thumb_wrapper_showcase_overlay_inner { visibility: visible; bottom:40%; left: 0; } .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a i{ font-size: 1.6em; line-height:40px; } /********* Blog Full width css ********/ .enigma_blog_full{ margin-bottom: 20px; margin-top: 10px; overflow:auto; padding: 0px; float: none; } .enigma_blog_full .enigma_blog_thumb_wrapper_showcase { margin-bottom:20px; } /* .enigma_blog_full img{ width:100% } */ .blog-date-left{ list-style: none; float:left; padding: 0px; transition: all 0.4s ease 0s; } .blog-date-left li{ width:100px; height:100px; text-align:center; transition: all 0.4s ease 0s; } .blog-date-right{ list-style: none; float:right; padding: 0px; transition: all 0.4s ease 0s; } .blog-date-right li{ width:100px; height:100px; text-align:center; transition: all 0.4s ease 0s; } .enigma_post_date { padding-top: 10px; padding-left:7px; padding-right:7px; padding-bottom: 10px; transition: all 0.4s ease 0s; } .enigma_post_date span.date { font-size: 16px; line-height: 35px; } .enigma_post_date h6 { font-size: 14px; font-weight: bold; line-height: 20px; margin-top: 10px; text-align: center; color:#fff; } .enigma_post_author img { height: 100px !important; max-width: 100%; } .enigma_post_author { width: 100px; text-align: center; margin-top: 0px; } .enigma_blog_comment{ border-radius: 0px; display: block; font-weight: 600; font-family: 'Open Sans', sans-serif; width: 100px; padding-top: 10px; padding-left:10px; padding-right:10px; padding-bottom: 10px; text-align: center; margin-top: 0px; color:#999999; background:#f6f6f6; } .enigma_blog_comment a{ color:#999999; } .enigma_blog_comment i{ font-size: 68px; line-height: 55px; transition: all 0.4s ease 0s; } .enigma_blog_comment h6{ font-size:16px; color:#999999; transition: all 0.4s ease 0s; } .post-content-wrap { float: left; width:86%; }/* .post-content-wrap img{ width:100%; }*/ .post-content-wrap-right { float: right; width:86%; } .post-content-wrap-right img{ width:100%; } .enigma_blog_post_content{ float: left; margin-bottom: 10px; width: 100%; } .enigma_blog_post_content p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 27px; margin: 0 0 20px; } .enigma_blog_post_content p { color: #777777; } .enigma_blog_post_content img {max-width:100%;} .enigma_fuul_blog_detail_padding{ padding-left: 20px; float: left; width: 100%; } .enigma_fuul_blog_detail_padding h2 { margin-top:0px; } .enigma_fuul_blog_detail_padding h2 a{ font-size: 28px; margin-bottom: 8px; padding-right: 0px; line-height: 35px; margin-top: 0px; transition: all 0.4s ease 0s; } .enigma_fuul_blog_detail_padding p { font-size: 16px; line-height: 27px; margin: 0 0 20px; } .blog-sep.header-sep { margin-top: 40px; margin-bottom: 50px; } .header-sep { border: 0; height: 4px; color: #f5f5f5; background-color: #f5f5f5; } /***** Blog page with sidebar ***************************************************************** ***************************************************************************************/ .enigma_recent_widget_post { margin: 0 0 5px !important; padding-bottom: 16px; border-bottom: 0px solid #6B6B6B; vertical-align:middle; } .enigma_recent_widget_post:last-child{ margin: 0 0 0px !important; } .enigma_recent_widget_post h3 , .enigma_footer_widget_column ul li { font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 2px; margin-top: -2px; } .enigma_recent_widget_post h3 a { transition: all 0.2s ease 0s; } .enigma_recent_widget_post h3 a:hover, .enigma_recent_widget_post h3 a:focus { color: #ffffff; } .enigma_recent_widget_post_move{ float: left; } .enigma_recent_widget_post_img { margin-right: 10px !important; width: 64px; height: 64px; transition: opacity 0.3s ease-out 0s; display: block; } .enigma_recent_widget_post_date { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; color: #ffffff; } .enigma_sidebar_widget { margin-bottom: 30px; margin-top: 10px; overflow: hidden; box-shadow: 0 0 6px rgba(0,0,0,.7); padding: 0px 20px 15px 20px; } .enigma_sidebar_widget_title{ margin-bottom:20px; margin-left: -20px; margin-right: -20px; text-align:center; padding-top:10px; padding-bottom:10px; } .enigma_sidebar_widget .enigma_recent_widget_post_date{ color: #6a6a6a; } .enigma_sidebar_widget .enigma_recent_widget_post h3 a:hover , .enigma_sidebar_widget .enigma_recent_widget_post h3 a:focus { color: #6a6a6a; } .enigma_sidebar_widget .enigma_recent_widget_post h3 { font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 2px; margin-top: -2px; } .enigma_sidebar_widget h3 { display: inline-block; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 5px; margin-top: 0px; } .enigma_sidebar_widget_title h2{ margin:0px; clear: both; font: normal normal 18px Oswald; /* text-transform: uppercase; */ text-align: center; font-weight: normal; font-size: 22px; color: #fff; } .enigma_sidebar_blog_shadow { background: url('./images/shadow.png') no-repeat top center; position: absolute; left: 0; right: 0; height: 80px; z-index: 99; width: 100%; background-size: 100% 100%; height: 25px; bottom: 26px; } /* blog pagination */ .enigma_blog_pagination { margin-bottom: 20px; overflow: auto; padding: 0 0 0px; float: none; } .enigma_blog_pagi { margin: 0px 0 0px; overflow: hidden; padding: 4px 0; } .enigma_blog_pagi a { border: 0 none; cursor: pointer; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; margin: 0 0px 10px 4; padding: 9px 16px; transition: all 0.3s ease 0s; vertical-align: baseline; white-space: nowrap; } /**** link widget **/ .enigma_sidebar_widget ul li a , .enigma_footer_widget_column ul li a { position:relative; } /*.enigma_sidebar_widget ul li a:before , .enigma_footer_widget_column ul li a:before { position:absolute; font-family: FontAwesome; top:0; left:-10px; content: "\f105"; }*/ .enigma_footer_widget_column ul#recentcomments li a{ text-shadow: 0 0 1px rgba(0, 0, 0, 0.01); font-family: 'OpenSansSemiBold'; font-size: 14px; line-height: 20px; font-weight: 600; transition: all 0.2s ease 0s; } .enigma_sidebar_link p a , .enigma_sidebar_widget ul li a{ transition: all 0.4s ease 0s; display: block; font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 20px; } .enigma_sidebar_widget ul li ,.enigma_footer_widget_column ul#recentcomments li {list-style:none;} .enigma_sidebar_widget ul li a{ padding-left: 10px; } .enigma_sidebar_link p a i { margin-right: 10px; } .enigma_sidebar_link p ,.enigma_sidebar_widget ul li{ display: block; font-family: 'Roboto', sans-serif; font-size: 15px; transition: all 0.4s ease 0s; padding-bottom: 10px; padding-top: 0; } .enigma_sidebar_link p a , .enigma_sidebar_widget ul li a{ color: #6a6a6a; } /*** tag widget **/ .enigma_widget_tags , .tagcloud{ margin: 0px 0 10px; overflow: hidden; padding: 0; } .enigma_widget_tags a , .tagcloud a ,.enigma_footer_widget_column .tagcloud a{ border: 0 none; cursor: pointer; display: inline-block; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 14px !important; line-height: 20px; margin: 0 5px 10px 0; padding: 8px 12px; transition: all 0.8s ease 0s; vertical-align: baseline; white-space: nowrap; } .enigma_footer_widget_column .tagcloud { padding: 8px; } .enigma_widget_tags a , .tagcloud a ,.enigma_footer_widget_column .tagcloud a { border: 1px solid #edf0f2; color: #555; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; } /*** Flickr widget **/ .flickr-photos-list { padding-left: 0; list-style: none; margin-bottom: 0; overflow: hidden; } .flickr-photos-list > li { float: left; margin-right: 5px; margin-bottom: 5px; } .flickr-photos-list > li img { width: 73px; height: 73px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flickr-photos-list > li img:hover , .flickr-photos-list > li img:focus { opacity: 0.65; filter: alpha(opacity=65); } .enigma_sidebar_left_side{ float:left; } .enigma_blog_right_side{ float:right; } /********* Blog detail page *************/ .enigma_author_detail_section{ margin-bottom:60px; margin-top:20px; } .author_detail_img{ width:100px; height:100px; float:left; margin-right:20px; margin-bottom:2px; } .enigma_author_detail_name{ font-size: 18px; line-height: 20px; margin: 0px 0 5px; color:#fff; } .enigma_author_detail_wrapper p{ font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 25px; margin: 0 0 0px; color:#fff; } .enigma_comment_section { overflow: auto; padding: 0 0 15px; margin: 0px 0px 0px 0px; float: none; } .enigma_comment_title { display: block; margin: 0 0 5px; } .enigma_comment_title h3 { font-family: 'Open Sans', sans-serif; font-size: 30px; line-height: 25px; margin: 0 0 -2px; padding-bottom: 11px; padding-right: 10px; } .enigma_comment_title h3 > i { font-size: 34px; } .enigma_comment_box { margin: 0 0 10px !important; padding: 40px 0px 0 0; position: relative; } .pull_left_comment{ margin-right: 15px; float: left; } .comment_img { height: 80px; width: 80px; margin: 0 0 20px; } .enigma_comment_detail { margin-left: 0px; padding: 20px; } .enigma_comment_detail_title { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; line-height: 20px; margin: 0px 0 5px; } .enigma_comment_detail p{ font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 25px; margin: 0 0 20px; } .enigma_comment_date{ padding-bottom:5px; margin-bottom: 10px; line-height: 20px; font-size: 14px; display:block; font-weight: 600; font-family: 'Open Sans', sans-serif; } .reply { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 700; } .reply a { font-size: 16px; line-height: 22px; } .reply a > i { font-size: 16px; position: relative; padding-right: 5px; top: 2px; } .enigma_form_group { margin-bottom: 20px; } .enigma_contact_group { margin-bottom: 20px; float:left; width:50%; padding-left:5px; } .enigma_form_textarea{ margin-bottom:20px; padding-left:5px; } .enigma_comment_form_section { margin-bottom: 60px; padding: 0 0 15px; margin: 20px 0 45px; float: none; } .enigma_comment_form_section h2 { font-family: 'Open Sans', sans-serif; font-size: 30px; letter-spacing: 1px; line-height: 25px; margin: 0 0 30px; padding: 0 0 15px; } .enigma_comment_form_section h2 > i { font-size: 32px; position: relative; top: 5px; } .enigma_comment_form_section label { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; margin: 0 0 11px; } .enigma_con_input_control { display: block; font-size: 14px; height: 45px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 100%; } .enigma_con_textarea_control { display: block; font-size: 14px; height: auto; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 100%; } .enigma_con_input_control:focus, .enigma_con_textarea_control:focus { outline: 0; } .enigma_con_input_control { background-image: none; } .enigma_con_textarea_control { background-image: none; } .enigma_send_button , #enigma_send_button{ font-weight: 600; font-family: 'Open Sans', sans-serif; display: inline-block; padding: 15px 40px; margin-bottom: 0; font-size: 18px; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid transparent; transition: all 0.4s ease; } .enigma_comment_title h3 { color: #121212; border-bottom: 1px solid #E9E9E9; } .enigma_comment_title h3 > i { color:#ccc; } .enigma_comment_detail { background: #F8F8F8; border: 2px solid #F1F0F0; } .enigma_comment_detail p{ color:#6a6a6a; } .enigma_comment_date{ color:#A0A0A0; } .enigma_comment_form_section h2 { color: #121212; border-bottom: 1px solid #E0E0E0; } .enigma_comment_form_section h2 > i { color:#ccc; } .enigma_con_input_control { background-color: #FFFFFF; border: 1px solid #c5c5c5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; } .enigma_con_textarea_control { background-color: #FFFFFF; border: 1px solid #c5c5c5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; } /*** Testimonial Section ****************************************************************************************************** **************************************************************************************************************************/ .enigma_testimonial_area{ padding-top: 90px; padding-bottom: 90px; border-top: 1px solid #DEE1E2; border-bottom: 1px solid #DEE1E2; text-align:center; } .enigma_testimonial{ text-align:center; margin-bottom:15px; } .enigma_testimonial_area i{ font-size:60px; margin-bottom:20px; } .enigma_testimonial_area p{ color:#727272; font-size: 20px; font-family: 'georgia'; font-style: italic; margin-bottom:20px; line-height: 32px; } .enigma_testimonial_area img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin-bottom: 10px; width:150px; height: auto; } .enigma_testimonial_area h3{ margin: 0 0 10px 0; } .enigma_testimonial_area span{ margin: 0 0 20px 0; font-size:16px; color:#666; } .pager a{ border-radius: 20px; cursor: pointer; display: inline-block; height: 15px; text-indent: -9999px; width: 15px; margin: 0 3px; text-decoration: none outside; } .pager a:focus{ outline:none; } .pager { list-style: none outside none; margin: 0px; padding-left: 0; text-align: center; margin-top: 30px; } /***Client Section ****************************************************************************************************** **************************************************************************************************************************/ .enigma_client_area:before{ content: ""; background:url(images/bg.jpg) fixed !important; position:absolute; z-index: -1; display: block; width: 100%; height: 100%; /*-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);*/ opacity:0.75; } .enigma_client_area{ padding-bottom: 90px; z-index: 0; position: relative; } .enigma_client_area .enigma_heading_title { margin-top: 90px; } .enigma_client_wrapper{ border: 4px solid #ecf0f1; opacity: 0.95; filter: alpha(opacity=95); text-align:center; transition: all 0.3s ease 0s; margin-bottom: 50px; } .enigma_client_area .enigma_heading_title2{ text-align:right; margin-bottom:40px; } .enigma_client_navi { overflow: hidden; display: inline; } .enigma_client_prev { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline; transition: all 0.3s ease 0s; padding: 6px 15px 10px; margin-right: 5px; } .enigma_client_next { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline; transition: all 0.3s ease 0s; padding: 6px 15px 10px; } .enigma_client_prev i, .enigma_client_next i { font-size: 20px; vertical-align: middle; transition: all 0.3s ease 0s; } /***About us Title ****************************************************************************************************** **************************************************************************************************************************/ .about_us_img{ margin-bottom:40px; position:relative; overflow:hidden; box-shadow: 0 0 5px rgba(0,0,0,.5); } .about_us_img img { -webkit-transition: all .55s linear; -moz-transition: all .55s linear; -o-transition: all .55s linear; transition: all .55s linear; } .about_us_img:hover img, .about_us_img:focus img{ -moz-transform: scale(2.0); -webkit-transform: scale(2.0); -o-transform: scale(2.0); transform: scale(2.0); } .enigma_process { /*margin-bottom:40px;*/ padding: 0 0 10px; } .enigma_process p{ margin: 0 0 3px; font-size: 16px; } .enigma_team_section{ padding-top: 40px; padding-bottom: 40px; } .enigma_team_wrapper{ margin-bottom:50px; overflow:hidden; box-shadow: 0 0 6px rgba(0,0,0,.4); } .enigma_team_showcase { position: relative; padding: 0px; position: relative; width: 100%; overflow: hidden; } .enigma_team_showcase:hover .enigma_team_showcase_title a, .enigma_team_showcase:focus .enigma_team_showcase_title a { text-decoration: underline; } .enigma_img_responsive { width: 100%; display: block; } .enigma_team_showcase_overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; top: -80%; left: 0; background:rgba(0,0,0,0.5); -webkit-transition: all .5s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .enigma_team_showcase img{ -webkit-transition: all .55s ease-in; -moz-transition: all .55s ease-in; -o-transition: all .55s ease-in; transition: all .55s ease-in; } .enigma_team_showcase_overlay_inner { position: absolute; bottom:-110%; left: 0; width: 100%; overflow: hidden; visibility: hidden; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .enigma_team_showcase .enigma_team_showcase_icons { margin-top: 10px; text-align: center; width: 100%; } .enigma_team_showcase .enigma_team_showcase_icons a { font-size: 1.3em; line-height: 1em; display: inline-block; margin-left: 2px; padding: 8px 8px; opacity: 1; text-decoration: none; margin-right:5px; border-radius:100%; width:60px; height:60px; transition: all 0.3s ease 0s; } .enigma_team_showcase .enigma_team_showcase_icons a i{ font-size: 1.6em; line-height:40px; } .enigma_team_showcase:hover .enigma_team_showcase_overlay, .enigma_team_showcase:focus .enigma_team_showcase_overlay { visibility: visible; top: 0; } .enigma_team_showcase:hover img, .enigma_team_showcase:focus img{ -moz-transform: scale(2.0); -webkit-transform: scale(2.0); -o-transform: scale(2.0); transform: scale(2.0); } .enigma_team_showcase .enigma_team_showcase_icons h3{ color: #ffffff; } .enigma_team_showcase .enigma_team_showcase_icons small{ color: #ffffff; } .enigma_team_showcase:hover .enigma_team_showcase_overlay_inner, .enigma_team_showcase:focus .enigma_team_showcase_overlay_inner { visibility: visible; bottom:40%; left: 0; } .enigma_team_showcase_fade { opacity: 0.8; } .enigma_team_caption { border-radius: 0; padding: 0 0 15px; text-align: center; transition: all 180ms ease-in-out 0s; font-family: 'Open Sans', sans-serif; cursor: pointer; background:#fff; } .enigma_team_caption h3 { font-size: 24px; font-weight: 600; margin: 0; padding: 9px 3px 0px; line-height: 35px; font-family: 'Open Sans', sans-serif; } .enigma_team_caption small { font-size: 18px; line-height: 20px; color: #777777; } .enigma_team_caption h3 { color: #404040; } /***** Call Out Section ***************************************************************** ***************************************************************************************/ .enigma_callout_area{ width:100%; padding-top:39px; padding-bottom:40px; display:block; overflow:hidden; } .enigma_callout_area p{ font-size:22px; font-family: 'Roboto', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; line-height: 35px; padding-top:10px; } .enigma_callout_area p{ color:#fff; } .enigma_callout_area p i{ font-size:40px; float:left; margin-right:20px; vertical-align:middle; } .enigma_callout_btn { float: right; } .enigma_callout_area a { display: inline-block; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight:700; line-height: 20px; border-radius:10px; padding: 16px 18px; text-align: right; /* text-transform: uppercase; */ transition: all 0.3s ease 0s; vertical-align: middle; } .enigma_callout_area a{ transition: all 0.4s ease 0s; text-decoration:none; color:#fff; text-align:center; } .enigma_callout_area a { color: #FFFFFF; background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, #393c40 50%); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; border:4px solid #393c40; } .enigma_callout_area a:hover, .enigma_callout_area a:focus { background-position: 0 -100%; color:#fff; background-color:#393c40; } .enigma_callout_shadow { position: absolute; left: 0; right: 0; height: 40px; z-index: 99; width: 100%; background-size: 100% 100%; margin-top:40px; background: url('./images/shadow3.png') center center no-repeat; } /***** Footer widget Area ***************************************************************** ***************************************************************************************/ .enigma_footer_widget_area{ padding: 38px 0 20px; } .enigma_footer_widget_area h6 , .enigma_footer_widget_column .textwidget{ font-size: 16px; line-height: 27px; font-family: "Open Sans",sans-serif; color: #f2f2f2; margin-top: 25px; } .enigma_footer_widget_area p { font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif; } .enigma_footer_widget_area h6 { color: #f2f2f2; } .enigma_footer_widget_area p { color: #ffffff; } .enigma_footer_widget_area{ background: #34495e; } .enigma-footer-separator{ background-color: #ffffff; height: 3px; margin-top:10px; text-align:center; width: 100px; } .enigma_footer_widget_title{ color: #ffffff; text-shadow: 0px 1px 2px #2a2a2a; } .enigma_footer_widget_title{ font-family: 'Open Sans', sans-serif; font-size: 24px; margin: 0px 0px 25px 0px; line-height: 25px; letter-spacing: 1px; } .enigma_footer_widget_column{ margin-bottom: 50px; } .enigma_footer_widget_column address{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 25px; } .enigma_footer_widget_column address{ color: #9e9d9d; } .enigma_footer_widget_column address p{ color: #f2f2f2; padding:0 0 10px; font-size:16px; } .enigma_footer_widget_column address p i{ margin-right:10px; } /*.enigma_footer_widget_column address a{ color: #CCCCCC; }*/ .enigma_footer_widget_column address a:hover, .enigma_footer_widget_column address a:focus{ color: #ffffff; } .enigma_footer_widget_link { margin: 20px 0 10px; overflow: hidden; padding: 4px 0; } .enigma_footer_widget_link a { display: block; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; margin: 0 0 10px; overflow: hidden; padding: 0px 0 0px; transition: all 0.4s ease 0s; } .enigma_footer_widget_link a { color: #ffffff; text-decoration:none; } .enigma_footer_widget_link a:hover, .enigma_footer_widget_link a:focus { color:#f8504b; } /* Footer area Section Css------------------------------------------------------------ */ .enigma_footer_area{ padding: 10px 0 0px; } .enigma_footer_area p { font-family: 'Open Sans', sans-serif; line-height: 20px; font-size: 13px; bottom:0; text-align:center; padding-top:12px; } .enigma_footer_area p { color: #f2f2f2; font-size:15px; } .enigma_footer_area p span{ color: #fa504b; } .enigma_footer_area p a { color: #000000; } /* .enigma_footer_area p a:hover { color: #ffffff; }*/ .enigma_footer_copyright_info{ float:left; } .enigma_footer_social_div{ float:right; } /********** contact us page css ******************************************************************************* ********************************************************************************************************/ .enigma_contact_area:before{ content: ""; position:absolute; z-index: -1; display: block; width: 100%; height: 100%; /*-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);*/ opacity:0.55; } .enigma_contact_area{ padding-bottom: 90px; z-index: 0; position: relative; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8); box-shadow: 0 0 5px rgba(0,0,0,0.8); } .enigma_contact_area .enigma_heading_title { margin-top: 90px; } .enigma_cotact_form_div{ margin-bottom:70px; } .enigma_cotact_form_div p{ font-size: 17px; line-height: 25px; color: #555; margin-top:5px; font-family: 'Open Sans', sans-serif; } .enigma_contact_form_fields{ padding-right: 60px; padding-top: 30px; padding-bottom: 30px; } .enigma_contact_info{ padding-left: 60px; padding-top: 30px; padding-bottom: 30px; } .enigma_contact_info ul{ list-style: none; margin: 0; padding:0px; } .enigma_contact_info li { float: left; margin-bottom: 10px; padding: 15px 75px; position: relative; } .enigma_contact_info li .fa { position: absolute; top: 50%; left: 0; width: 50px; height: 50px; line-height: 50px; margin-top: -20px; text-align: center; font-size: 55px; } .enigma_contact_info li .fa { color: #5c4b51; } .enigma_contact_info li .text { font-size: 16px; line-height: 25px; } .enigma_contact_info li .text { color: #555; } .enigma_contact_info li .desc { display: block; padding-bottom: 8px; } .enigma_contact_info li .desc { font-size: 15px; font-weight: bold; /* text-transform: uppercase; */ } /* Shortcode Page Css ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .enigma_button_section { margin-bottom: 60px; overflow: auto; padding: 0 0 0px; float: none; } .enigma_button_section p { margin: 0px; } /*Buttons Styles*/ .enigma_btn_large{ display: inline-block; padding: 13px 30px; margin: 0px 10px 15px 0px; font-size: 18px; line-height: 20px; text-align: center; text-transform: lovercase; vertical-align: middle; cursor: pointer; font-family: 'Open Sans', sans-serif; border-radius:2px; } .enigma_btn_small{ display: inline-block; padding: 8px 25px; margin: 0px 10px 10px 0px; font-size: 15px; line-height: 20px; text-align: center; text-transform: lovercase; vertical-align: middle; cursor: pointer; font-family: 'Open Sans', sans-serif; border-radius:2px; } .enigma_btn_mini{ display: inline-block; padding: 4px 15px; margin: 0px 10px 10px 0px; font-size: 12px; line-height: 20px; text-align: center; text-transform: lovercase; vertical-align: middle; cursor: pointer; font-family: 'Open Sans', sans-serif; border-radius:2px; } .enigma_btn_large:hover, .enigma_btn_large:focus{ color:#fff; opacity:0.8; } .enigma_btn_small:hover, .enigma_btn_small:focus{ color:#fff; opacity:0.8; } .enigma_btn_mini:hover, .enigma_btn_mini:focus{ color:#fff; opacity:0.8; } /*Dropcaps Styles*/ .enigma_dropcap_section { margin-bottom: 10px; overflow: auto; padding: 0 0 15px; float: none; } p.enigma_dropcape_square, p.enigma_dropcape_simple, p.enigma_dropcape_circle { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 25px; margin-bottom: 40px; margin-top: 0; } .enigma_dropcape_square span { display: block; float: left; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 45px; height: 45px; /*height: 50px; */ margin-right: 8px; margin-top: 4px; padding-top: 9px; text-align: center; width: 45px; } .enigma_dropcape_simple span { display: block; float: left; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 45px; height: 45px; /*height: 50px; */ margin-right: 8px; margin-top: 4px; padding-top: 9px; text-align: center; width: 45px; } .enigma_dropcape_circle span { display: block; float: left; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 45px; height: 45px; /*height: 50px; */ margin-right: 8px; margin-top: 4px; padding-top: 9px; text-align: center; width: 50px; border-radius: 50%; } /*Tooltips Styles*/ .enigma_tooltip_section { /* margin-bottom: 40px; */ overflow: auto; padding: 0 0 15px; float: none; } .enigma_tooltip { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 25px; margin: 0 0 20px; } /*Alert Styles*/ .enigma_alert_section { margin-bottom: 60px; overflow: auto; padding: 0 0 15px; float: none; } .enigma_alert_error { border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-bottom: 10px; padding: 10px 35px 10px 14px; } .enigma_alert_error .close { line-height: 20px; opacity: 1; position: relative; right: -21px; top: -2px; } button.close { border: 0 none; cursor: pointer; padding: 0; } .enigma_alert_warning { border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom: 10px; padding: 10px 35px 10px 14px; } .enigma_alert_warning .close { line-height: 20px; opacity: 1; position: relative; right: -21px; top: -2px; } .enigma_alert_success { border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom: 10px; padding: 10px 35px 10px 14px; } .enigma_alert_success .close { line-height: 20px; opacity: 1; position: relative; right: -21px; top: -2px; } .enigma_alert_info { border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom: 10px; padding: 10px 35px 10px 14px; } .enigma_alert_info .close { line-height: 20px; opacity: 1; position: relative; right: -21px; top: -2px; } /*Accordion & Tabs Styles*/ .enigma_accordion_section, .enigma_tabs_section { margin-bottom: 60px; } .enigma_shortcode_section { margin-bottom: 60px; } .enigma_short_tabs { display: inline-block; height: auto; margin: 0; padding: 0; position: relative; } .enigma_short_tabs ul { margin: 0; padding: 0; list-style: none outside none; } .enigma_short_tabs li { float: left; margin: 0px 8px 5px 0; list-style: none outside none; } .enigma_short_tabs li a { display: inline-block; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 13px; text-decoration: none; transition: all 0.4s ease; padding: 10px 20px; } .enigma_short_tabs_content{ font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 25px; margin-bottom: 10px; padding: 20px 15px 20px 15px; } /* Typography Page Css ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Headings Styles*/ .enigma_heading_section { /*margin-bottom: 60px;*/ overflow: auto; padding: 0 0 0px; float: none; } .enigma_heading_section h1, .enigma_heading_section h2, .enigma_heading_section h3, .enigma_heading_section h4, .enigma_heading_section h5, .enigma_heading_section h6{ font-family: 'Open Sans', sans-serif; margin: 0 0 20px; font-weight:400; } .enigma_heading_section h1{ font-size: 46px; line-height: 54px; } .enigma_heading_section h2{ font-size: 40px; line-height: 48px; } .enigma_heading_section h3{ font-size: 34px; line-height: 42px; } .enigma_heading_section h4{ font-size: 28px; line-height: 36px; } .enigma_heading_section h5{ font-size: 22px; line-height: 30px; } .enigma_heading_section h6{ font-size: 16px; line-height: 24px; } .enigma_heading_section p{ font-family: 'Open Sans', sans-serif; line-height: 22px; font-size: 16px; margin: 0 0 24px; } .enigma_heading_section p:last-child{ margin: 0 0 0px; } /*Blockquote Styles*/ .enigma_blockquote_section { margin-bottom: 60px; overflow: auto; padding: 0 0 0px; float: none; } .enigma_blockquote_section blockquote { margin: 0 0 28px; padding: 15px 20px; width: auto; } .enigma_blockquote_section blockquote > span { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 0; } .enigma_blockquote_section blockquote > small { display: block; font-size: 16px; font-weight: 700; font-family: 'Open Sans', sans-serif; line-height: 20px; margin-top: 5px; } .blockquote_sytle2 { margin: 0 0 0px !important; padding: 15px 20px 15px 0px !important; width: auto; border: 0px !important; } .blockquote_sytle2 span { padding: 15px 15px 5px 35px; display: block; } .blockquote_sytle2 small { padding: 0px 15px 5px 35px; } /*Icon Paragraph Styles*/ .enigma_icon_para_section { margin-bottom: 60px; overflow: auto; padding: 0 0 0px; float: none; } .enigma_para_icons { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; margin: 0 0 20px; } .enigma_para_icons:last-child { margin: 0 0 0px; } .enigma_para_icons i { margin-right: 5px; font-size: 16px; } /* default.css shortcode style ***/ .enigma_button_section { background-color: #FFFFFF; } /*Buttons Styles*/ .enigma_btn_white{ background-color: #ffffff; border: 1px solid #ebebeb; color: #777; } .enigma_btn_pink{ background-color: #F22853; text-shadow: 1px 1px 1px #3b3b3b; color: #ffffff; } .enigma_btn_blue{ background-color: #31A3DD; color: #ffffff; text-shadow: 1px 1px 1px #3b3b3b; } .enigma_btn_purple{ background-color: #800080; color: #ffffff; text-shadow: 1px 1px 1px #3b3b3b; } .enigma_btn_orange{ background-color: #ff8300; color: #ffffff; text-shadow: 1px 1px 1px #3b3b3b; } .enigma_btn_black{ background-color: #000000; color: #ffffff; text-shadow: 1px 1px 1px #3b3b3b; } .enigma_btn_red{ background-color: #db2723; color: #ffffff; text-shadow: 1px 1px 1px #3b3b3b; } .enigma_btn_green{ background-color: #1FA67A; color: #ffffff; text-shadow: 1px 1px 1px #3b3b3b; } .enigma_btn_brown{ background-color: #555555; color: #ffffff; text-shadow: 1px 1px 1px #3b3b3b; } .enigma_btn_white:hover, .enigma_btn_white:focus{ background-color: #ffffff; border: 1px solid #ebebeb; color: #1a1a1a; } /** panels style **/ .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 10px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 10px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 10px rgba(0, 0, 0, 0.175); } .panel-default { border-color: #e9e9e9; } .panel-body { font-size:16px; line-height: 27px; } .panel-default > .panel-heading { color: #333333; background-color: #f6f6f6; border-color: #e9e9e9; } .enigma_panel-pink { border-color: #F22853; } .enigma_panel-pink > .panel-heading { color: #fff; background-color: #F22853; border-color: #F22853; } .enigma_panel-green { border-color: #1FA67A; } .enigma_panel-green > .panel-heading { color: #fff; background-color: #1FA67A; border-color: #1FA67A; } .enigma_panel-black { border-color: #000000; } .enigma_panel-black > .panel-heading { color: #fff; background-color: #000000; border-color: #000000; } .enigma_panel-orange{ border-color: #ff8300; } .enigma_panel-orange > .panel-heading { color: #fff; background-color: #ff8300; border-color: #ff8300; } .enigma_panel-blue { border-color: #31A3DD; } .enigma_panel-blue > .panel-heading { color: #fff; background-color: #31A3DD; border-color: #31A3DD; } .enigma_panel-red { border-color: #db2723; } .enigma_panel-red > .panel-heading { color: #fff; background-color: #db2723; border-color: #db2723; } .enigma_panel-purple { border-color: #800080; } .enigma_panel-purple > .panel-heading { color: #fff; background-color: #800080; border-color: #800080; } .enigma_panel-brown { border-color: #555555; } .enigma_panel-brown > .panel-heading { color: #fff; background-color: #555555; border-color: #555555; } /*Dropcaps Styles*/ .enigma_dropcap_section { background-color: #FFFFFF; } .enigma_dropcape_square, .enigma_dropcape_simple, .enigma_dropcape_circle { color: #777777; } /*Tooltips Styles*/ .enigma_tooltip_section { background-color: #FFFFFF; } .enigma_tooltip { color: #777777; } .enigma_tooltip a { color: #0482bf; } /*Alert Styles*/ .enigma_alert_section { background-color: #FFFFFF; } .enigma_alert_error { background-color: #fce2e3; border: 1px solid #FAC2C4; color: #E54034; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .enigma_alert_error .close { color: #E54034; } button.close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .enigma_alert_warning { background-color: #FDF4BD; border: 1px solid #FED223; color: #927E03; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .enigma_alert_warning .close { color: #927E03; } .enigma_alert_success { background-color: #E5EEC0; border: 1px solid #C4D67E; color: #576C01; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .enigma_alert_success .close { color: #576C01; } .enigma_alert_info { background-color: #D9EDF7; border: 1px solid #BCE8F1; color: #04567d; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .enigma_alert_info .close { color: #04567D; } .enigma_short_tabs_content{ border: 1px solid #dddddd; color: #777777; border-top:none; } /** acordian style **/ .panel-default > .panel-heading >a { color: #31A3DD; } .panel-group .panel-heading > a { position: relative; display: block; color: #666; text-decoration: none; font-size: 16px; font-weight: 600; font-family: 'Open Sans', sans-serif; } .accordian_content{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 25px; color:#777777; } .panel-group .panel-heading > a:after { position: absolute; right: 10px; height: 20px; width: 20px; content: "\f107"; background: #e4e4e4; border-radius: 20px; text-align: center; line-height: 20px; font-family: FontAwesome; color: white; } .panel-group .panel-heading > .collapsed:after { content: "\f105" !important; } /* Typography Page Css ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Headings Styles*/ .enigma_heading_section { background-color: #FFFFFF; } .enigma_heading_section h1, .enigma_heading_section h2, .enigma_heading_section h3, .enigma_heading_section h4, .enigma_heading_section h5, .enigma_heading_section h6{ color: #3b3b3b; } .enigma_heading_section p{ color: #777777; } /*Blockquote Styles*/ .enigma_blockquote_section { background-color: #FFFFFF; } .enigma_blockquote_section blockquote { background-color: #f6f5f5; border-left: 5px solid #0482bf; } blockquote { background-color: #f6f5f5; } .enigma_blockquote_section blockquote > span { color: #777777; } .enigma_blockquote_section blockquote > small { color: #3b3b3b; } .blockquote_sytle2 { background-color: #ffffff !important; } .blockquote_sytle2 span { background: url("./images/blockquote_img.png") no-repeat 0px 10px; } /*Icon Paragraph Styles*/ .enigma_icon_para_section { background-color: #FFFFFF; } .enigma_para_icons { color: #777777; } .enigma_para_icons i { color: #3b3b3b; } /**** column css *****/ .enigma_column_section { margin: 0 0 50px; } /* 404 Page Css ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .enigma_404_error_section { margin-bottom: 60px; overflow: auto; padding: 0 0 0px; float: none; } .error_404 { clear: both; text-align: center; padding: 30px 0 30px; } .error_404 h2 { font-size: 150px; line-height: 140px; margin: 20px 0; font-family: 'Courgette', cursive; } .error_404 h4 { margin: 20px 0px 25px; font-size: 48px; font-family: 'Courgette', cursive; line-height: 45px; } .error_404 p { margin-bottom: 25px; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 22px; } /* Scroll To Top ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .enigma_scrollup { width: 45px; height: 40px; opacity: 0.5; position: fixed; bottom: 100px; right: 30px; display: none; border-radius: 2px; text-align: center; color: #fafafa; font-size: 28px; background: #3b3b3b; z-index: 9999; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; } .enigma_scrollup i { line-height: 38px; font-size: 24px; vertical-align:middle; } .enigma_scrollup:hover, .enigma_scrollup:focus{ opacity: 0.8; } a.enigma_scrollup:hover i, a.enigma_scrollup:focus i { text-decoration: none; color: #fafafa; outline: none; } /*----------------------- -----Scrollimations------ ------------------------*/ .scrollimation.fade-in{ opacity:0; -webkit-transition:opacity 0.6s ease-out; transition:opacity 0.6s ease-out; } .scrollimation.fade-in.in{ opacity:1; } .scrollimation.scale-in{ opacity:0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform:scale(0.5); -webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out; transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out; } .scrollimation.scale-in.in{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform:scale(1); } .scrollimation.fade-right{ opacity:0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform:translateX(-100px); -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out; transition: transform .4s ease-out,opacity .4s ease-out; } .scrollimation.fade-right.in{ opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform:translateX(0px); } .scrollimation.fade-left{ opacity:0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform:translateX(100px); -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out; transition: transform .4s ease-out,opacity .4s ease-out; } .scrollimation.fade-left.in{ opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform:translateX(0px); } .scrollimation.fade-up{ opacity:0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform:translateY(100px); -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-in; transition: transform .4s ease-out,opacity .4s ease-in-out; } .scrollimation.fade-up.in{ opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform:translateY(0px); } .scrollimation.d1{ transition-delay:.2s; } .scrollimation.d2{ transition-delay:.4s; } .scrollimation.d3{ transition-delay:.6s; } .scrollimation.d4{ transition-delay:.8s; } .touch .scrollimation.fade-in{ opacity:1; } .touch .scrollimation.scale-in{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform:scale(1); } .touch .scrollimation.fade-right{ opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform:translateX(0px); } .touch .scrollimation.fade-left{ opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform:translateX(0px); } .touch .scrollimation.fade-up{ opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform:translateY(0px); } /***********theme required css **********/ .wp-caption-text { font:14px;text-align: center; } .gallery-caption { font:14px; } .bypostauthor{ font:14px; } .alignright{ font:14px; text-align:right;display: inline; float: right; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .aligncenter{font:14px; text-align:center; clear: both; display: block; margin: 0 auto 1.75em;} .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%;font:14px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .enigma_fuul_blog_detail_padding img {max-width: 100%;height:auto;} .enigma-sidebar .input-group{max-width:100%;} .enigma_sidebar_widget ul.sub-menu, .enigma_sidebar_widget ul.children, .enigma_footer_widget_column ul.sub-menu, .enigma_footer_widget_column ul.children { padding:0; } ul#recentcomments li a:before , .enigma_footer_widget_column ul#recentcomments{content:'';} ul#recentcomments li a {line-height:11px;font-size:14px;} .enigma_footer_widget_column ul#recentcomments li {list-style-type:none;} table.table, table { width: 100%; text-align: left; background-color: transparent; } .enigma_footer_widget_column ul {padding:9px;list-style-type:none;} .enigma_footer_widget_column ul {padding-left:0;} .enigma_footer_widget_column ul li {padding: 2px;} .post-content-wrap-right .enigma_fuul_blog_detail_padding{ padding-right: 20px; } /*Calander Widget CSS*/ #wp-calendar tbody tr td { text-align: center; } #wp-calendar caption { padding: 10px; caption-side: top; } #wp-calendar thead tr th { text-align: center; } table th { border: 1px solid #dddddd; padding: 8px; line-height: 20px; text-align: center; vertical-align: top; } table td { border: 1px solid #dddddd; padding: 8px; line-height: 20px; text-align: center; vertical-align: top; } table td { border: 1px solid #dddddd; padding: 8px; line-height: 20px; text-align: center; vertical-align: top; } .enigma_footer_widget_column table td { color:#e7e7e7; } .enigma_footer_widget_column #wp-calendar thead tr th { color: #fff; } /*Flikr Widget CSS**/ .enigma-sidebar .flickr_badge_image { float: left; margin-bottom: 5%; margin-left: 5%; transition: all 0.2s ease-in-out 0s; } .flickr_badge_image:hover, .flickr_badge_image:focus{opacity:0.65;} .enigma_footer_widget_column .flickr_badge_image { float: left; margin-bottom: 5px; margin-right: 5px; } .sidebar .widget-content p { line-height: 150%; } .widgetmore { clear: both; display: block; } .sticky { clear: both; display: block; } /*Three Levle Menu Active Class CSS */ #enigma_nav_top ul.dropdown-menu li.current-menu-ancestor a.dropdown-toggle{ color:#333 !important; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .enigma_service_img img{ display: block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 50%; text-align: center; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; border: none; margin-right: 20px; } .enigma_service_img2 img{ border-radius: 50%; } /* Header fade Up */ .fd { opacity:1 !important; } .nd{ opacity:1 !important; } .transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .home_menu{ float:left; height:auto; position:fixed; top:300px; left:0; z-index:9999; display:block; } #scroll_menu{ float:left; display:none; } #scroll_menu a{ background-color:#5c4b51; color:#FFF; width:40px; margin-top:5px; } /*#scroll_menu a:hover{ width:60px; height:40px; font-size:24px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; padding:2px; }*/ .scroll_toggle{ float:left; font-size: 60px; } /*for id calling*/ #scroll_menu-2{ float:left; display:none; } .home_menu-2{ float:left; height:auto; position:fixed; top:300px; left:0; z-index:9999; display:block; } #scroll_menu-2 a{ background-color:#5c4b51; color:#FFF; width:40px; margin-top:5px; } #scroll_menu-2 a:hover, #scroll_menu-2 a:focus{ width:60px; height:40px; font-size:24px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; padding:2px; } .scroll_toggle-2{ float:left; font-size: 60px; } /* team section */ .pos{ position:absolute; background-color:#5c4b51; color:#fff; border-radius:0 16px 16px 0; padding:10px 25px 10px 25px; top:43%; } .nm{ margin-top:10px; } .img-thumbnail {background-color:transparent; border:0px;} .img-circle{border:50%;border:10px solid #5c4b51;} .long { width:auto; float: right; padding-right: 30%; color: #000; font-size: 28px; margin-top: 10px; } .team_social{ color:#fff; margin-top:5px; padding-top:5px; text-align:center; font-size:18px; display:inline-block; width:100%; } .team_social a{ padding:10px; } .team_social i{ font-size:28px; margin-top:20px; } .img-circle:hover, .img-circle:focus { border:10px solid #5c3a51; } .img-circle:hover + .pos, .img-circle:focus + .pos{ visibility:hidden; } .navbar .navbar-default .current_page_item { background: #5c4b51 none repeat scroll 0 0; box-shadow: 3px 3px 0 rgba(201, 201, 201, 1); } nav.navbar { width: 100%; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .tooltip{ z-index:99999 !important; } .dropdown-menu i { float: right; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .header_search { float: right !important; } .header_search { margin-top: -20px; } .range-slider { width: 100%; } .range-slider__range { -webkit-appearance: none; width: calc(100% - (95px)); height: 10px; border-radius: 5px; background: #d7dcdf; outline: none; padding: 0; margin: 0; } .range-slider__range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #0085ba; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .range-slider__range::-webkit-slider-thumb:hover, .range-slider__range::-webkit-slider-thumb:focus { background: #0085ba; } .range-slider__range:active::-webkit-slider-thumb { background: #0085ba; } .range-slider__range::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: #0085ba; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .range-slider__range::-moz-range-thumb:hover , .range-slider__range::-moz-range-thumb:focus { background: #0085ba; } .range-slider__range:active::-moz-range-thumb { background: #0085ba; } .range-slider__value { display: inline-block; position: relative; width: 60px; color: #fff; line-height: 20px; text-align: center; border-radius: 3px; background: #0085ba; padding: 5px 10px; margin-left: 8px; } ::-moz-range-track { background: #d7dcdf; border: 0; } input::-moz-focus-inner, input::-moz-focus-outer { border: 0; } @media(min-width:992px){ .logocenter{ float:right; } } @media(max-width:768px){ .logo img{ display:inline-block; } .header_search { text-align: center; } .input-group { text-align: center !important; display: inline-block !important; float: none !important; } } @media(max-width:480px){ .input-group { float: none; padding-left: 50px; } } /*side menu*/ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu { width: 200px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; } #cssmenu ul{ list-style:none !important; } #cssmenu ul ul { display: none; } .align-right { float: right; } #cssmenu ul > li > a { display: block; width: 200px; padding: 15px 20px; border-left: 1px solid #eeeeee ; border-right: 1px solid #5C4B51 ; border-top: 1px solid #33292c ; cursor: pointer; z-index: 2; font-size: 14px; font-weight: bold; text-decoration: none; color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); background: #5C4B51; background: -webkit-linear-gradient(#5C4B51 , #5C4B51); background: -moz-linear-gradient(#5C4B51, #5C4B51); background: -o-linear-gradient(#5C4B51, #5C4B51); background: -ms-linear-gradient(#5C4B51, #5C4B51); background: linear-gradient(#5C4B51, #5C4B51); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); } #cssmenu > ul > li > a:hover, #cssmenu > ul > li > a:focus, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { color: #eeeeee; background: #33292c; background: -webkit-linear-gradient(#33292c, #33292c); background: -moz-linear-gradient(#33292c, #33292c); background: -o-linear-gradient(#33292c, #33292c); background: -ms-linear-gradient(#33292c, #33292c); background: linear-gradient(#33292c , #33292c); } #cssmenu ul > li > a:hover, #cssmenu ul > li > a:focus { color: #eeeeee; background: #33292c; background: -webkit-linear-gradient(#33292c, #33292c); background: -moz-linear-gradient(#33292c, #33292c); background: -o-linear-gradient(#33292c, #33292c); background: -ms-linear-gradient(#33292c, #33292c); background: linear-gradient(#33292c , #33292c); } #cssmenu > ul > li.open > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15); border-bottom: 1px solid #33292c; } #cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a { border-bottom: 1px solid #33292c; } .holder { width: 0; height: 0; position: absolute; top: 0; right: 0; } .holder::after, .holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .holder::after { top: 17px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; } #cssmenu > ul > li > a:hover > span::after, #cssmenu > ul > li > a:focus > span::after, #cssmenu > ul > li.active > a > span::after, #cssmenu > ul > li.open > a > span::after { border-color: #eeeeee; } .holder::before { top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; } #cssmenu ul ul li a { cursor: pointer; border-bottom: 1px solid #33292c; border-left: 1px solid #33292c; border-right: 1px solid #33292c; padding: 10px 20px; z-index: 1; text-decoration: none; font-size: 13px; color: #eeeeee; background: #5C4B51; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } #cssmenu ul ul li:hover > a, #cssmenu ul ul li:focus > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: #33292c; color: #ffffff; } #cssmenu ul ul li:first-child > a { box-shadow: none; } #cssmenu ul ul ul li:first-child > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } #cssmenu ul ul ul li a { padding-left: 30px; } #cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a { border-bottom: 0; } #cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e; } #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; } ul.side-menu { overflow: overlay; max-height: 500px; } ul.side-menu::-webkit-scrollbar { width: 12px; } ul.side-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(49, 163, 221,0.3); border-radius: 0px; } ul.side-menu::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(49, 163, 221,0.5); } /*#cssmenu ul ul li.has-sub > a::after { display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; border-top: 2px solid #eeeeee; border-left: 2px solid #eeeeee; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }*/ #cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after , #cssmenu ul ul li > a:focus::after { border-color: #ffffff; } .has-sub .fa-angle-down { font-size: 18px; margin-top: -5px; float: right; background-color: rgba(0,0,0,0.1); color: #fff; padding: 5px 5px; } .home_menu h2 { color: rgb(255, 255, 255); background-color: rgba(0,0,0,0.6); padding: 15px; } /*side menu end*/ .swiper-container .swiper-slide img { max-height: 1000px; width: 100%; } .swiper-button-next, .swiper-button-prev { padding: 34px; background-color: #ffffff30; border-radius: 50%; } .swiper-pagination-bullet-active { opacity: 1; background: #f5f5f5d6!important; padding: 10px; border: 2px solid #5c4c51ba; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #5c4b5140; opacity: 1; padding: 7px; border: 2px solid #5c4c51ba; } .home-menu-list { position: relative; z-index: 9; margin-bottom: 0 !important; } .sticky-head { position: fixed !important; z-index: 100 !important; border-top: 0; -webkit-transition: all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; margin-top: 0px !important; padding: 0 !important; width: 100%; } .service a.ser-link { border: 1px solid #5C4B51; padding: 6px 10px; font-size: 16px; color: #5C4B51; } .service .enigma_service_detail:hover a.ser-link, .service .enigma_service_detail:focus a.ser-link { color: #fff; background-color: #5C4B51; } .service .enigma_service_detail a:hover, .service .enigma_service_detail a:focus{ text-decoration:none; } .service p { margin-bottom: 20px; } @media(min-width: 1200px){ body.boxed { width: 1230px; box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); -moz-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); margin: 0 auto; } body.boxed .top_fix { width: 1230px; box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); -moz-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5); margin: 0 auto; } .service .enigma_service_detail.media-body { height: 210px; } } /*----------- Button-bottom-to-top -------------*/ #btn-to-top { display:inline-block; background-color:#5C4B51; width:50px; height:50px; text-align:center; font-size:12px; border-radius:50%; position:fixed; bottom:30px; right:30px; opacity:0; visibility:hidden; z-index:999; } #btn-to-top::after { content: "\f30c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 2em; line-height: 50px; color: #212121; } #btn-to-top:hover, #btn-to-top:focus { cursor: pointer; background-color: #333; } #btn-to-top:hover::after, #btn-to-top:focus::after { color: #fff; } #btn-to-top:active { background-color: #555; } #btn-to-top.show { opacity: 1; visibility: visible; } /*------------- Farhaz-Extra-Basic-Css -------------*/ .enigma_footer_social_div .social i{ color: #000; } .navbar-nav .nav-link{ display: inline-block; } .enigma_footer_area p { color: #000000; } @media (min-width: 768px){ .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-toggler { display: none; } #menu .navbar-nav{ flex-direction: row !important; } } .navbar{ padding: 0; } .navigation_menu { padding: 12px 0; } .navbar-default .navbar-nav>li>a>i{ vertical-align: middle; color: #000; float: none; padding-left: 5px; padding-bottom: 2px; } .dropdown-submenu >a >i{ margin-right: 0; margin-left: 0; vertical-align: middle; } .dropdown-menu>li>a { display: block !important; } @media (min-width: 768px){ .dropdown-submenu:hover>.dropdown-menu, .dropdown:hover>.dropdown-menu, .dropdown-submenu a:focus + .dropdown-menu, .dropdown-submenu:focus-within > .dropdown-menu, .dropdown a:focus + .dropdown-menu, .dropdown:focus-within > .dropdown-menu, .dropdown.force-show > .dropdown-menu{ display: block!important; position: absolute; visibility: visible; opacity: 1; } .navbar-default .navbar-nav>li:focus i, .navbar-default .navbar-nav>li>a:focus i, .navbar-default .navbar-nav>li>a:hover i{ color: #fff; } } @media (max-width:768px){ .navbar-default .navbar-nav>li:focus i, .navbar-default .navbar-nav>li>a:focus i, .navbar-default .navbar-nav>li>a:hover i{ color: #fff; } .navbar-default .navbar-nav>li>a>i { float: right; padding-right: 15px; } .navbar-default .navbar-nav>li>a{ display: block; width: 100%; } .navbar-header { margin-left: auto; } .navbar-default .navbar-nav > li > a i{ background-color: transparent !important; } } .fixed-sticky{ position: fixed !important; width: 100% !important; top: 0; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.16); z-index: 99999 !important; } #searchform{ display: inherit; } .widget_categories li, .widget_archive li{ text-align: right; position: relative; text-transform: capitalize; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden; } .widget_categories li a, .widget_archive li a { float: left; clear: both; } .widget_archive select,.widget_categories select{ width: 100%; border: 1px solid #9c9a9a; padding: 10px; } .recentcomments a{ word-wrap: break-word; } .logo h1{ color: #fff; } [tabindex="-1"]:focus { outline: 0 !important } a:focus { outline: 1px dotted } .gallery {margin-bottom: 10px; padding: 5px 0;} .gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;padding-left: 10px; padding: 5px;margin: 0;} .gallery-item img{width: 100%;height: auto;} .gallery-columns-2 .gallery-item {max-width: 50%; } .gallery-columns-3 .gallery-item {max-width: 33.33%;} .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%;} .gallery-columns-7 .gallery-item {max-width: 14.28%; } .gallery-columns-8 .gallery-item {max-width: 12.5%; } .gallery-columns-9 .gallery-item {max-width: 11.11%; } .gallery-caption {display: block; } .wl-theme-pagination nav.navigation.pagination { display: block; } .wl-theme-pagination span.page-numbers.current { border: 1px solid #5C4B51; padding: 3px 11px; font-weight: 600; color: #fff; background-color: #5C4B51; } .wl-theme-pagination a.page-numbers { border: 1px solid #5C4B51; padding: 3px 11px; font-weight: 600; color: #5C4B51; } .wl-theme-pagination span.page-numbers { color: #5C4B51; } .row.enigma_blog_wrapper.no-page-header { margin-top: 130px; } @media (min-width: 1200px) { .enigma_header_breadcrum_title.no-page-header { padding-top: 150px; } } .header_search{ max-width: 60% !important; } .pull-left { float: left; } .tag-sticky-2,.sticky { background-color:#ededed; border:1px solid #f5f5f5; color:#272727; padding:5px; } .main-navigation { width: 100%; } .toggled.main-navigation { float: inherit; } .toggled .dropdown-menu>.active>a{ background: transparent; color: #fff; } .toggled .dropdown-menu>li>a:hover { color: #000; text-decoration: none; background-color: #fff; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute !important; background-color: #5c4b51; opacity: 0.9; top: 100%; left: -999em; z-index: 99999; min-width: 100%; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .dropdown-menu li { width: 100%; } .toggled.main-navigation ul ul a { width: auto; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a{ display: block; text-decoration: none; font-size: 15px; text-transform: uppercase; color: #000; font-weight: 400; font-family: Arimo, Arial, Helvetica, sans-serif; padding: 10px 20px; letter-spacing: 1px; } .main-navigation .active a{ color:#fff; } /* Small menu. */ @media screen and (min-width: 993px) { header .main-menu { display: block; width: 100%; line-height: 70px; height: 70px; background: #fbfafa; } .main-navigation ul { display: block; } .sub-menu>li:last-child, .sub-dropdown>li:last-child{ margin-bottom: 0 !important; } .main-navigation a:hover{ color: #0085ba; } } .main-navigation a:hover, .main-navigation li:focus-within a{ background-color: #5C4B51; color: #fff; } @media only screen and (max-width: 767px) and (min-width: 480px){ .dropdown-menu { width: 100%; float: none; position: static !important; }} @media screen and (max-width: 767px){ .toggled.main-navigation li ,.collapse.show li{ float: none; position: relative; } .menu-toggle, .main-navigation.toggled ul,.main-navigation .collapse.show ul { display: block; } .toggled .nav-menu{ display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .toggled .nav-menu{ display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .main-navigation ul li.menu-item-has-children:hover > .dropdown-menu, .main-navigation ul li.focus > .dropdown-menu { position: relative !important; left: 0; display: inline-grid; } #nav-tog{ display: block !important; }} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 , .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ max-width: 100%; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, #billing_country_field .woocommerce-input-wrapper{ width: 220px; } @media(max-width: 767px){ #primary-menu{overflow-y:scroll;}} .enigma_cats a:hover,.enigma_cats a:focus{ color: #fff;padding: 10px; } .enigma_fuul_blog_detail_padding a { text-decoration: underline; } .enigma_cats a { padding: 3px 7px; margin: 4px 4px 4px 0; margin-bottom: 10px; -webkit-transition: all ease .8s; -moz-transition: all ease .8s; transition: all ease .8s; color: #515151; text-decoration: none; font-size: .9em; white-space: nowrap; display: inline-block; } .enigma_cats a { background-size: 100% 200%; background-image: linear-gradient(to bottom,#edf0f2 50%,#5C4B51 50%)!important; } .enigma_cats a:hover { color: #fff; background-position: 0 -100%; background-color: #5C4B51!important; } .enigma_cats a:hover { padding: 3px 7px !important; } /*about us css*/ .layout_padding { padding-top:90px; padding-bottom:90px; border-top:1px solid #DEE1E2; border-bottom:1px solid #DEE1E2; } .about_section .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .about_section .img_container .img-box img { width: 100% } .about_section .detail-box { background-color: #fff; padding: 45px 25px; position: relative; margin-left: -45px; border:1px solid #DEE1E2; -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } .about_section .detail-box p { margin-top: 15px; } .about_section .detail-box a { background:#666; color:#fff; font-weight: 400; font-family: 'Open Sans', sans-serif; display: inline-block; padding: 8px 15px; margin-bottom: 0; font-size: 16px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid #666; transition: all 0.4s ease; } .about_section .detail-box a:hover { background-color: transparent; border-color: #666; color: #666; } @media screen and (max-width: 767px){.about_section .detail-box{ margin-left: 0px; } }
Save Changes
Rename File
Rename