/*! Theme Name: Aspace Theme URI: https://aspace.busqueda24.com/ Author: Fernando Lopez, @aafls Author URI: https://aspace.busqueda24.com/ Description: Magazine, News Blog Design, Business and WooCommerce Theme Version: 1.1.2 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: aspace Tags: free-theme, first theme active try, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Aspace is based on Underscores https://underscores.me/, (C) 2012-2021 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /* custom bootstrap */ body { font-family: "Raleway"; font-weight: 400; font-variant: small-caps; } .site-content { text-align: center; } .aspace_row { margin-left: -15px; margin-right: -15px; } button:focus { outline: none; outline: none; } .left-profile { margin-bottom: 20px; border-bottom: solid; width: fit-content; } .page-header { padding: 20px; } .cell { display: table-cell; vertical-align: middle; padding-left: 5px; padding-top: 10px; } .cell-c { text-align: center; justify-content: center; } .panel-left-togglev1 { height: 100px; } .med-box ul { list-style-type: none; } #page { height: inherit; min-height: auto; } .search-form { display: flex; flex-flow: column; flex-direction: row-reverse; justify-content: center; padding-top: 10px; } .nbrand { padding-bottom: 10px; padding-top: 10px; } h4.site-description { line-height: 1.02em; } .site-description h4 { line-height: 1.02em; } .site-description>h4 { line-height: 1.02em; } .copy-right { padding-left: 10px; } .copy-left { padding-right: 10px; } .copy-center { padding: 15px; } .entry-footer { padding-right: 5px; } .med-r { float: right; } .med-l { float: left; } .rowtable { display: table-cell; } .rowtable_v3 { display: table; width: 100%; } .cell { display: table-cell; vertical-align: middle; padding-left: 5px; } .cell div { margin: 4px; } .cell img { padding-top: 5px; } .cell_date { display: table-cell; vertical-align: middle; float: none !important; } .top_img { padding-left: 5px; } .cell-r { position: relative; float: right; } .cell-r a { position: relative; float: right; padding-right: 10px; } .cell-r div { position: relative; float: right; } .cell-r span a { padding-left: 2px; } .cell-r img { position: relative; float: right; padding-right: 10px; } .cell-l a { position: relative; float: left; } .cell-l span a { padding-left: 5px; } .cell-l div { position: relative; float: left; } .cell-l img { position: relative; float: left; } .cell-c { text-align: center; justify-content: center; } .cell-c div { text-align: center; } .cell-c img { text-align: center; } /* .site-top { display: inline-table; } */ /* header v1 */ .site-title { font-size: 30px; padding-top: 20px; } @media (max-width: 1170px) { .logo-and-desc { left: auto!important; } } .logo-and-desc { position: relative; } .logo-and-desc { text-align: center; display: block!important; padding-top: 10px; } .logo-and-desc h4 { line-height: 1.0em; } .he-ico { float: right; text-align: right; padding-bottom: 10px; } @media (min-width: 768px) and (max-width: 992px) { .site_nav_v1 { justify-content: center; padding-bottom: 10px; } } @media (min-width: 768px) { .site_nav_v1 { padding-left: 15px; padding-bottom: 10px; } } @media (max-width: 1023px) { .col-md-mma_v1 { display: none; } .banner_v1 img { display: none; padding-top: 5px; } } .btn-togglev1 { font-size: 25px; } /* header v3 */ .site_navi_v3 { display: flex; } .site_nav_v3 { float: right; } .logo-and-desc_v3 { padding: 5px; } .container_v3 { display: flex; justify-content: space-between; } /* header icons shares */ .he-ico { padding-top: 40px; } .hv7 { justify-content: center; display: inline-flex; float: right; padding-bottom: 10px; padding-right: 15px; } .hv6 { justify-content: center; display: inline-flex; float: left; padding-bottom: 10px; padding-left: 15px; } .hv5 { justify-content: center; display: inline-flex; float: inherit; padding-bottom: 10px; } .hld7 { text-align: center; } .hld6 { text-align: center; } .hld5 { text-align: center; } /* administrador de redux */ #header_left_v1>.select2-container { width: 500px; } #header_left_v1 select { width: 500px; } #redux_demo-header_left_v1 { width: 500px; } #redux_demo-header_left_v1 select { width: 500px; } .clearas:before, .clearas:after { clear: both; content: ""; display: table; } .round-crumb { padding-top: 20px; } .brea-text li { list-style: none; } .brea { font-size: 20px; padding-left: 10px; padding-right: 1px; } .fa-angle-double-right:before { padding-right: 5px; } #crumbs { padding-top: 6px; padding-bottom: 5px; } article { margin-bottom: 5px; } .site-content aside { align-content: center; padding-top: 50px; } .entry-header { border-radius: 10px; } .entry-header img { border-radius: 10px; } .rowflexible { margin-top: 30px; margin-left: 10px; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; } .sidebar-area { flex-basis: 45%; flex-grow: 0; flex-shrink: 0; padding-top: var(--gutters); } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .foo_col .foo_col_ .foo_col___ .foo_col____ { justify-content: center; } /* page secciones de contenido */ .page-content div ul { padding-left: 20px; } /* post secciones de contenido */ .entry-content { padding-left: 20px; padding-right: 20px; float: left; } /* .entry-content p img { width: 100%; transition: 0.25s all ease; width: 100%; } */ @media (min-width: 992px) { .post-entry a img { width: 100%; height: 550px; width: 100%; } } @media (min-width: 520px) and (max-width: 991px) { .post-entry a img { width: 100%; height: 400px; width: 100%; } } @media (min-width: 405px) and (max-width: 520px) { .post-entry a img { width: 100%; height: 300px; width: 100%; } } @media (max-width: 404px) { .post-entry a img { width: 100%; height: 235px; width: 100%; } } .entry-content h1 { width: 100%; margin-top: 0; padding-top: 0; margin-bottom: 8px; transition: 0.25s all ease; } .entry-content h2 { width: 100%; margin-top: 0; padding-top: 0; margin-bottom: 8px; transition: 0.25s all ease; } .entry-content h3 { width: 100%; transition: 0.25s all ease; } .entry-content h4 { width: 100%; transition: 0.25s all ease; } .entry-content h5 { width: 100%; transition: 0.25s all ease; } .entry-content h6 { width: 100%; margin-top: 0; padding-top: 0; margin-bottom: 8px; transition: 0.25s all ease; } .entry-content ul li { font-size: 14px; } .entry-content li { font-size: 14px; /* list-style: none; */ } /* list styles */ ul { list-style: square inside; } li { list-style: decimal inside; } dl { margin-top: 10px!important; } blockquote p { margin: 10px; } .remove_list_style li { list-style-type: none; list-style: none; } .entry-content ol li { font-size: 14px; } .entry-content form { text-align: justify; } .wpcf7-form-control-wrap input { max-width: 100%; } .wpcf7-form-control-wrap textarea { max-width: 100%; } .posted-by a { color: lightseagreen; } .posted-by { text-transform: uppercase; letter-spacing: 2px; padding-bottom: 5px; overflow: hidden; } .entry-meta span { color: lightseagreen; } .posted-on a { color: lightseagreen; } .posted-on { text-transform: uppercase; letter-spacing: 1px; overflow: hidden; } .entry-meta { letter-spacing: 1px; margin-right: 3px; margin-top: 3px; margin-bottom: 3px; overflow: hidden; } .entry-taxonomies { letter-spacing: 1px; margin-top: 3px; margin-bottom: 3px; margin-right: 3px; transition: 0.25s all ease; overflow: hidden; } .entry-taxonomies span { text-transform: uppercase; letter-spacing: 2px; padding-bottom: 5px; color: lightseagreen; } .term-link { text-transform: uppercase; letter-spacing: 2px; padding-bottom: 5px; color: lightseagreen; } .list-inline { margin: 0 } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline>div { display: inline-block; padding-right: 5px; padding-left: 5px; } .content_post ol { margin: 0 0 3px 15px; font-size: 13px; } .content_post ul { margin: 0 0 3px 15px; font-size: 13px; } .content_post li { margin: 0 0 3px 15px; font-size: 13px; } .content_post ol li { margin: 0 0 3px 15px; font-size: 13px; } .content_post ul li { margin: 0 0 15px 15px; font-size: 13px; } /* termina post secciones de contenido */ @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 768px) { .row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; display: flex; flex-direction: column-reverse; } .side { justify-content: center; margin-right: 100px; margin-left: 100px; } } @media (max-width: 767px) { .rowflexible { flex-wrap: nowrap; flex-direction: column-reverse; padding-left: 10px; justify-content: space-around; } .foo-col { margin: 10px; } } @media (min-width: 768px) { .rowflexible { display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: nowrap; padding-left: 10px; justify-content: space-around; } } @media (min-width: 576px) { .as-header-top { position: relative; margin-bottom: 0; min-height: 46px; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: 50% 50%; } } .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-md-25 { -webkit-box-flex: 0; -ms-flex: 0 0 25.333333%; flex: 0 0 25.333333%; max-width: 25.333333%; } .col-md-20 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } /* general */ ol, ul { margin: 0!important; } .main-page { display: flex; position: relative; } #wrapper { margin: 0px; border: 3px none #000000; -moz-animation: wrapper 3s forwards; -webkit-animation: wrapper 3s forwards; -ms-animation: wrapper 3s forwards; animation: wrapper 3s forwards; height: 520px; left: 0; opacity: 6; position: relative; top: 0; width: 100%; } #overlay { margin: 0px; padding: 0px; left: 0; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: #fff; } .home-logo { z-index: 502; display: block; margin: 0; padding: 0; position: absolute; right: 60px; top: 36px; } .home-logo a { display: block; margin: 0; padding: 0; outline: 0; border: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home-logo img { width: 100px; height: 80px; } /*-- Overlay --*/ @-moz-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } } /* slides big */ .slick_slider { display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .home-slider { position: relative; top: 0; left: 0; width: 100%; height: 100%; } .slick_img { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; height: 80vh; } .slick_img img { height: 90vh; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: .9; background: linear-gradient(to right, black 0%, black 20%, transparent 100%); } .overlay_ { top: 0; left: 0; width: 100%; height: 100%; position: absolute; opacity: .3; background-color: #000000; } .gradient-overlay_ { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; background: linear-gradient(to bottom right, red, rgba(255, 0, 0, 0)); ; /* background: linear-gradient(to right, black 0%, rgb(59, 51, 51) 20%, transparent 100%); */ } @media (min-width: 992px) { /* date general */ .cell div { display: table-cell; } .cell { padding-bottom: 5px; } .date-month-second { font-size: 26px; font-weight: bold; line-height: 1; vertical-align: bottom; top: -2px; position: relative; } .date-year-second { font-size: 26px; font-weight: bold; line-height: 1; vertical-align: bottom; top: -2px; position: relative; } .date-day-second { font-size: 26px; font-weight: bold; line-height: 1; vertical-align: bottom; top: -2px; position: relative; } } @media (min-width: 992px) { /* date general */ .date-month-first { font-size: 16px; font-weight: bold; line-height: 1; vertical-align: bottom; position: relative; display: table-cell; left: 45px; top: -20px; } .date-year-first { font-size: 16px; font-weight: bold; line-height: 1; vertical-align: bottom; position: relative; left: 43px; top: -20px; } .date-day-first { font-size: 36px; font-weight: bold; line-height: 1; vertical-align: bottom; top: 14px; position: relative; } span.date-day-first>a { padding: 2px; } .pnumber-top { font-size: 20px; font-weight: bold; line-height: 1; vertical-align: bottom; position: relative; } } @media (max-width: 991px) { /* date general */ .date-month-second { display: none; } .date-year-second { display: none; } .pnumber-top { display: none; } .date-day { display: none; } .cell { display: none; } .as-header-top { display: none; } } /* Author */ .pro-img img { border-radius: 50% 50%; } .cover .title { position: relative; z-index: 10; left: 40px; height: 285px; } .cover .light-bg { color: #999; } .cover img { position: absolute; z-index: 0; } .cover { margin-top: 20px; } /* LIGHTBOX IMAGE */ .prettybox { display: block; border-radius: 5px; } .img-fluid { border-radius: 5px; } .scrollup { text-align: center; cursor: pointer; vertical-align: middle; width: 39px; height: 39px; border-radius: 5px; font-size: 20px; position: fixed; bottom: 190px; right: 60px; border: 1px solid #fff; display: none; background: #6da0ba; z-index: 2100; } .scrollup>a { position: relative; top: 5px; color: rgb(243, 245, 246); } #comments { padding-top: 60px; } .card-pagination { flex-wrap: nowrap; padding-left: 10px; justify-content: space-around; margin-top: 10px; margin-left: 10px; } /* scrolltofixed plugin */ .fix-top { padding-top: 30px; } .navbar-fixed-top { -webkit-transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s; transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s; } .navbar-fixed-top.fix-top { background: rgba(255, 255, 255, .85); position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; } .animated { background-image: url(); background-repeat: no-repeat; background-position: left top; /* margin-bottom:60px; */ -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /* captions */ .carousel-caption { position: absolute; top: 50%; margin-top: -165px; left: 0; right: 0; text-align: center; text-transform: uppercase; z-index: 15; color: #fff; bottom: inherit; } .carousel-caption h1 { color: #FFFFFF; font-size: 75px; line-height: 80px; font-weight: 300; text-transform: uppercase; letter-spacing: -5px; margin-bottom: 40px; } @media only screen and (max-width:480px) { .carousel-caption h1 { font-size: 45px; line-height: 80px; margin-bottom: 10px; letter-spacing: 0px; } } @media only screen and (max-width:360px) { .carousel-caption h1 { font-size: 30px; line-height: 80px; margin-bottom: 0; margin-top: 30px; } } @media only screen and (max-width:320px) {} .carousel-caption h1 span { font-weight: 900 } .carousel-caption p { color: #FFFFFF; font-size: 25px; text-transform: uppercase; margin-bottom: 70px; } @media only screen and (max-width:480px) { .carousel-caption p { line-height: 40px } } @media only screen and (max-width:360px) { .carousel-caption p { font-size: 16px; line-height: 20px; margin-bottom: 20px; } } .learnmore-btn { background-color: transparent; border-color: #fff; border-radius: 0; color: #fff; font-size: 20px; line-height: 18px; padding: 20px 40px; } @media only screen and (max-width:360px) { .learnmore-btn { padding: 15px 20px } } .learnmore-btn:hover { background-color: #fff; border-color: #fff; color: #F94481; } /* caption finalize */ /* woocommerce */ .breadcrumb-title-wrapper { display: block; vertical-align: middle; text-align: center; position: relative; z-index: 3; } .woocommerce-breadcrumb { display: block; vertical-align: middle; text-align: center; position: relative; z-index: 3; } .entry-summary { display: table; padding-left: 10px; } .nav-tabs>li.active>a:focus { background: none repeat scroll 0 0 #fff; border-radius: 3px 3px 0 0; color: #014693; font-weight: bold; padding: 15px 15px 12px; border: 1px solid #e5e5e5; border-bottom: 1px #fff solid; margin-bottom: -1px; } .nav-tabs>li.active>a:hover { background: none repeat scroll 0 0 #fff; border-radius: 3px 3px 0 0; color: #014693; font-weight: bold; padding: 15px 15px 12px; border: 1px solid #e5e5e5; border-bottom: 1px #fff solid; margin-bottom: -1px; } .nav-tabs>li.active>a { background: none repeat scroll 0 0 #fff; border-radius: 3px 3px 0 0; color: #014693; font-weight: bold; padding: 15px 15px 12px; border: 1px solid #e5e5e5; border-bottom: 1px #fff solid; margin-bottom: -1px; } .main-woo-breadcrumb { background-image: url(https://localhost/wordpress/wp-content/uploads/2021/11/federico-beccari-q-n2vlGIfWc-unsplash-min-min.jpg); } .main-woo-breadcrumb { padding-top: 42px; padding-right: 0px; padding-bottom: 60px; padding-left: 0px; position: relative; } .woocommerce-breadcrumb ul { color: #f1f1f1; } .woocommerce-breadcrumb a { color: #f1f1f1!important; } .woocommerce-breadcrumb { font-size: 1.95em!important; } .content-product h5 { width: 100%; transition: 0.25s all ease; } .content-product h6 { width: 100%; margin-top: 0; padding-top: 0; margin-bottom: 8px; transition: 0.25s all ease; } .content-product ol { margin: 0 0 3px 15px; font-size: 13px; text-align: left; padding-left: 20px; } .content-product ol li { margin: 0 0 3px 15px; font-size: 13px; text-align: left; } .content-product blockquote { position: relative; margin-bottom: 35px; line-height: 50px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2c3e50; letter-spacing: -1px; font-weight: 300; } aside section { padding-left: 30px; padding-right: 30px } .welcome_title { margin-bottom: 50px } .welcome_title h2 { color: #555; font-weight: 600; text-transform: uppercase; } @media only screen and (max-width:480px) { .welcome_title h2 { font-size: 26px } } .welcome_title h2 span { color: #F94481 } .welcome_title p { font-size: 18px; line-height: 28px; } .welcome_single { background: #f5f5f5; padding: 10px; } @media only screen and (max-width:480px) { .welcome_single { margin-bottom: 20px } } .welcome_single i { background-color: #f5f5f5; border-radius: 50%; display: inline-block; font-size: 24px; height: 60px; line-height: 64px; margin-top: -70px; text-align: center; -webkit-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; width: 60px; } .welcome_single h4 { padding: 10px 0; text-transform: capitalize; font-weight: 600; } @media only screen and (max-width:768px) { .welcome_single h4 { font-size: 15px } } .welcome_single p {} .welcome_single:hover { background: #FBFBFB } .welcome_single:hover i { background-color: #F94481; color: #fff; } /* next */ .next .fas { margin-left: 5px; padding-left: 10px; } .prev .fas { margin-left: 5px; padding-right: 10px; } @media (min-width: 920px) { .colored_sections .row div { padding: 73px 75px 70px 80px; } } @media (max-width:919px) { .colored_sections .row div { padding: 7px 7px 7px 8px; } } .colored_sections .row { margin-left: 0 !important; margin-right: 0 !important; } .colored_sections h2, .colored_sections h2 span { line-height: 35px; margin-bottom: 25px; font-size: 25px; font-weight: 700; color: #fff; } .colored_sections h2 span { margin-bottom: 0; display: block; } .colored_sections p { margin-bottom: 34px; color: #fff; } .red_section { background-color: #FF6666; } .dark_section { background-color: #272d43; } .green_section { background-color: #82b541; } .rowl { padding-bottom: 5px; } /* services v1 */ #services { margin: 0px; padding: 50px 0 70px 0; overflow: hidden; background-color: #ffffff; text-align: center; } .service-content { margin: 0px 0px 30px 0px; border: 1px solid #CCCCCC; padding: 0px 0px 30px 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 3px 5px -2px rgba(138, 138, 138, 1); -moz-box-shadow: 0px 3px 5px -2px rgba(138, 138, 138, 1); box-shadow: 0px 3px 5px -2px rgba(138, 138, 138, 1); } .service-content .inner { padding-left: 10px; padding-right: 10px; } .service-content img { margin-top: 0px; margin-bottom: 25px; } .service-content i { padding: 20px; border: 1px solid #0066DC; font-size: 36px; color: #0066DC; margin-top: 30px; } .service-content h2 { font-size: 22px; font-weight: lighter; margin: 34px 0 18px; color: #0066DC; } .service-content:hover { border: 1px solid #0066DC; background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 19px 2px rgba(204, 204, 204, 1); -moz-box-shadow: 0px 0px 19px 2px rgba(204, 204, 204, 1); box-shadow: 0px 0px 19px 2px rgba(204, 204, 204, 1); } .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } /* why */ .padding-large { padding-top: 90px; padding-bottom: 90px; } #why-chose { background-size: cover; overflow: hidden; padding-top: 50px; padding-bottom: 10px; } .case-study .col-md-6-v1 { padding: 0; cursor: pointer; color: #333333; transition: background .5s; } .case-study-left .overlayleft { padding-left: 100px; padding-right: 50px; } .case-study-left .overlayleft:hover { background-color: rgba(0, 0, 0, 0.1); } .case-study-right .overlayright { padding-right: 100px; padding-left: 50px; background-color: rgba(0, 0, 0, 0.6); height: 100%; } .overlayright:hover { background-color: rgba(0, 0, 0, 0.4); } .case-study .case-study-left { background-color: #E0E0E0; } .case-study .case-study-right { background: url(../../dist/img/nat-2-large.jpg) no-repeat; background-size: cover; background-color: #e7e7e7; color: #FFFFFF; padding-left: 0; } .case-study h3 { font-size: 28px; font-weight: bold; } .case-study .description { font-weight: lighter; } .text-center { text-align: center; } .text-center-why { text-align: center; padding-left: 10px; padding-right: 10px; } .section-title-why { padding-bottom: 20px; padding-top: 30px; justify-content: center; } .section-title-why h1 { position: relative; font-size: 36px; margin-bottom: 24px; padding-bottom: 22px; text-transform: capitalize; color: #0066DC; } .section-title-why span { color: #333; } .section-title-why h1 span { font-weight: 300; } .section-title-why h1 .white { color: #FFFFFF; } .section-title-why h1:before, .section-title-why h1:after { content: ""; position: absolute; left: 50%; } .section-title-why h1:before { background-color: #0066DC; bottom: 0; height: 1px; margin-left: -51px; width: 102px; } .section-title-why h1:after { width: 5px; height: 5px; bottom: -2px; border-radius: 50%; } @media (max-width: 767px) { .col-why-v1 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; } } @media (min-width: 768px) { .col-why-v1 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } /* call to action from left */ .call-to-action-call { margin: 0px; padding: 30px 15px 20px 15px; color: #eeeeee; font-size: 18px; position: relative; } .main-bg-call { background: #f36510; } .call-to-action-call p { margin: 20px; font-family: 'Open Sans', sans-serif; word-spacing: 3px; letter-spacing: 2px; } .btn-borderwhite { border: 1px solid #FFFFFF; color: #FFFFFF; overflow-x: hidden; overflow-y: hidden; font-weight: 400; } .btn-call { cursor: pointer; padding: 8px 16px; display: inline-block; margin: 10px 10px 10px 0px; font-size: 14px; outline: none; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .pdtop-15 { padding-top: 15px; } .contact-section { background: #151515; padding-top: 95px; } .spad { padding-top: 100px; padding-bottom: 100px; } /* breadcrumb */ .intro-bread { color: #FFF; font-size: 11px; text-transform: uppercase; vertical-align: middle; padding-bottom: 5px; } .intro-bread { text-align: center; padding-top: 35px; padding-bottom: 35px; padding-left: 10px; padding-right: 10px; background: #5b2f63; box-shadow: 1px 1px 50px 5px #000; width: 100%; z-index: -100; } .page-title { position: relative; font-size: 24px; font-weight: 700; color: #FFF; text-transform: uppercase; margin: 0px; padding-bottom: 15px; } #intro-core { width: 100%; } #breadcrumbs { color: #FFF; font-size: 11px; text-transform: uppercase; vertical-align: middle; padding-bottom: 5px; margin-bottom: 20px; } .crumbs-hidd { display: none; } #crumbs-height { margin-bottom: 20px; } #intro #breadcrumbs .delimiter { padding: 0px 5px; } #intro #breadcrumbs a { color: #1EAAF1; } #intro #breadcrumbs a:hover { color: inherit; } .crumbs-home { margin-bottom: 25px!important; } #crumbs_height { height: fit-content; } .brea-text { display: inline-flex; } .brea { display: inline-flex; } .brea li { padding-right: 10px; ; } .page_inner_title { position: relative; font-size: 24px; font-weight: 700; color: #FFF; text-transform: uppercase; margin: 0px; padding-bottom: 15px; top: -20px; } .page_inner_title:after { content: ''; position: absolute; margin: auto; top: auto; bottom: 0; left: 0; right: 0; height: 3px; width: 40px; border-bottom: 3px solid #1EAAF1; } .page_title_front { position: relative; font-size: 24px; font-weight: 700; color: #FFF; text-transform: uppercase; margin: 0px; padding-bottom: 15px; top: -40px; } .page_title_front:after { content: ''; position: absolute; margin: auto; top: auto; bottom: 0; left: 0; right: 0; height: 3px; width: 40px; border-bottom: 3px solid #1EAAF1; } /* wp-forms */ .wpforms-form textarea.wpforms-field-medium { height: 120px; margin-inline-start: -15px!important; } /* checkout */ .woocommerce-input-wrapper input { width: auto!important; padding: 5px; } .woocommerce-input-wrapper textarea { width: 300px!important; padding: 5px; } /*--------------------- background -----------------------*/ #testimonial-v2 { background: #2c3e50; } .comonSection div span { width: 100%; text-align: center; font-size: 60px; margin-bottom: 15px; color: #FFF; } /*WHY_CHOOSE_US_SECTION*/ .section-padding { padding: 60px 0 } .section-title h2 { color: rgb(187, 99, 99); padding-bottom: 10px; text-transform: uppercase; } .single_why { padding-top: 100px } @media (max-width:768px) { .single_why { padding-top: 0px } } @media (max-width:480px) { .single_why { padding-top: 50px } } .single_why i { border: 1px solid #aaa; border-radius: 50px; color: #eec23b; font-size: 26px; height: 65px; line-height: 65px; margin-bottom: 20px; text-align: center; width: 65px; } .single_why h3 { color: #aaa; text-transform: capitalize; } .single_why span { background: #eec23b none repeat scroll 0 0; display: block; height: 2px; margin: 20px auto; width: 100px; } .single_why p { margin-bottom: 0; width: 500px; } .carousel-indicators li { background: #aaa none repeat scroll 0 0; border: 1px solid #aaa; border-radius: 12px; height: 2px; margin: 0 1px; width: 30px; } .carousel-indicators .active { height: 2px; margin: 0 1px; width: 30px; border: 1px solid #eec23b; background: #eec23b none repeat scroll 0 0; } .carousel-indicators { bottom: -60px } @media (max-width:480px) { .carousel-indicators { bottom: -60px } } .why_v2_img { text-align: center; top: 100px; left: 15%; } /* welcome-slider-services-v5 */ @media (max-width:480px) { .welcome_title h2 { font-size: 26px } } .welcome_title h2 span { color: #F94481 } .welcome_title p { font-size: 18px; line-height: 28px; } @media (max-width:480px) { .welcome_single_v5 { margin-bottom: 20px } } .welcome_single_v5 i { background-color: #f5f5f5; border-radius: 50%; display: inline-block; font-size: 24px; height: 60px; line-height: 64px; margin-top: -70px; text-align: center; -webkit-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; width: 60px; } .welcome_single_v5 h4 { padding: 10px 0; text-transform: capitalize; font-weight: 600; } @media (max-width:768px) { .welcome_single_v5 h4 { font-size: 15px } } .welcome_single_v5 p {} .welcome_single_v5:hover { background: #FBFBFB } .welcome_single_v5:hover i { background-color: #F94481; color: #fff; } #why_choose_custom { max-width: 50%; display: table; width: 50%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 991px) { .img_responsive_v2 { display: block; width: 100% \9; max-width: 100%; position: relative; } } @media (max-width: 991px) { .img_responsive_v2 { display: block; width: 100% \9; max-width: 100%; position: relative; top: 15px; } } .why_v2_img_x2 { left: 1%; top: 100px; padding-bottom: 15px; } @media (max-width: 981px) { .aspace_single_welkonen { margin-bottom: 40px; } } @media (min-width: 1200px) { .col-md-4-copy { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: table-cell; } } @media (max-width: 1199px) { .col-md-4-co { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .child_sub_content { background: #f5f5f5; padding: 10px; width: 300px; } } @media (max-width: 981px) { .hor-sub { display: inline-block; width: 300px; } } .img_5_loop img { padding: 10px; } .img_5_loop { width: 300px; margin: 10px; padding: 10px; display: inline-block; } .col-md-4-copy2 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; display: table-cell; } /* header-slider */ .aspace_img_full img { width: 100%; vertical-align: middle; border-style: none; } .aspace_hero_content_v1>.aspace_title_v1>h1 { font-size: 55px; color: #b99044; font-weight: 700; text-transform: capitalize; margin-bottom: 20px; } .aspace_hero_content_v1>.title>h2 { color: #b99044; font-size: 28px; font-weight: 400; margin-bottom: 0; } .aspace_hero_content_v1>.description>p { margin-top: 40px; font-size: 18px; color: #fff; line-height: 30px; font-weight: 300; margin-bottom: 0px; } .aspace_hero_content_v1>a { font-size: 20px; color: #b99044; font-weight: 700; font-family: Droid Serif; text-decoration: underline; margin-top: 60px; display: inline-block; } .aspace_hero_main_v1 { align-items: center; font: icon; position: relative; display: flex; } .aspace_hero_slikc { max-height: 1100px; margin-top: -20px; } .aspace_hero_content_v1 { width: 400px; } .aspace_hero_img { position: relative; animation: mymove infinite; animation-duration: 1.5; } @keyframes mymove { from { right: 0px; } to { right: 200px; } } /* header-slider-v2 */ .slide-content { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; width: 100%; height: 100vh; } .wrap { position: relative; } .slide { background-size: cover !important; background-position: center !important; background-repeat: no-repeat; } .slide-1 { background: #333 url('image-1.jpg'); } .slide-2 { background: blueviolet url('image-2.jpg'); } .slide-3 { background: indianred url('image-3.jpg'); } .slide-content { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0 0 500px inset; background: rgba(0, 0, 0, 0.1); } .slide-content span { font-size: 5rem; color: #fff; } .arrow { cursor: pointer; position: absolute; top: 50%; margin-top: -30px; width: 0; height: 0; border-style: solid; } #arrow-left-slider { border-width: 30px 40px 30px 0; /* border-color: transparent #fff transparent transparent; */ border-color: transparent #ffffff26; left: 0; margin-left: 30px; z-index: 66; } #arrow-right-slider { border-width: 30px 0 30px 40px; /* border-color: transparent #fff transparent transparent; */ border-color: transparent #ffffff26; right: 0; margin-right: 30px; } #arrow-left-slider:hover { border-color: transparent #fff; transition: ease .3s; } #arrow-right-slider:hover { border-color: transparent #fff; transition: ease .3s; } /* Adopt Jumbotron CTA */ #adopt { padding: 12rem 20px; position: relative; background: blueviolet url(../img/banner.jpg) no-repeat center center/cover; } #adopt::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000007d; } #adopt .btn { box-shadow: 0 0 10px #222; } .btn-cta { background: transparent; color: #fff; border: 2px solid #fff; text-transform: uppercase; } .btn-cta:hover { background: var(--fifth-color); border: 2px solid var(--fifth-color); color: var(--sixth-color); } .adopt-inner { display: flex; justify-content: center; text-align: center; } .content { color: #fff; } .adopt-inner { color: #fff; } #adopt h1 { color: goldenrod; text-shadow: 0 0 10px #000; font-size: 5rem; font-family: "Dancing Script", cursive; } /* my account */ .woocommerce form .password-input, .woocommerce-page form .password-input { height: 50px; font-size: 19px; } /* @media (max-width: 500px) { .hero-text { padding-left: 49px; } } */ @media (max-width: 600px) { .hero-text { padding-left: 49px; } } @media (max-width: 600px) { .img_delta { float: right; width: 80%; position: relative; height: 300px; } } @media (max-width: 900px) and (min-width: 601px) { .hero-text { padding-left: 80px; text-align-last: center; } } @media (max-width: 900px) and (min-width: 601px) { .img_delta { float: right; width: 80%; position: relative; height: 300px; } } @media (min-width: 901px) { .hero-text { float: left; position: relative; top: 50px; } } @media (min-width: 901px) { .img_delta { float: right; width: 50%; position: relative; height: 300px; bottom: 30px; } } .site-branding p { margin-right: 25px; font-size: 16px; } @media (max-width: 767px) { .chooseflex { flex-direction: column-reverse; padding-left: 10px; justify-content: space-around; } } @media (min-width: 768px) { .chooseflex { padding-left: 10px; justify-content: space-around; } } .menu>ul>li>ul { position: absolute; width: 100%; left: 0; top: 100%; z-index: 1999; } .menu>ul { flex-direction: row!important; } /* .sf-menu { position: absolute; }*/ .sf-menu li { padding: 5px; } .sf-menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .wrap { padding: 1em; height: 100%; min-height: 90%; } .site-top-v7 { display: inline-flex; } .site-menu { float: left; position: relative; top: 10px; } @media (max-width: 1022px) { .site-menu { display: none; } } .header__top { background: #0c5d69; z-index: 88; } .header__top__left { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .header__top__left li { font-size: 14px; color: #ffffff; list-style: none; display: inline-block; margin-right: 15px; padding-top: 10px; } .header__top__left li i { font-size: 14px; margin-right: 5px; } .btn-top2 { font-size: 14px!important; color: #ffffff; display: inline-block; margin-right: 20px; } .header__top__right { text-align: right; padding-top: 10px; padding-right: 0px; padding-bottom: 18px; padding-left: 0px; } .header__top__right a { font-size: 14px; color: #ffffff; display: inline-block; margin-right: 20px; } .site-top-color { text-align: center; } .welcome-text h2 { font-weight: 700; font-size: 82px; display: block; margin-bottom: 0; background: -webkit-linear-gradient(#ff9696, #ffe89e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .welcome-text p { color: #ffffff; margin-bottom: 50px; display: block; } .welcome-text p { animation-delay: 500ms; opacity: 1; } .welcome-text-v1 { color: white; } .wrapper_2 { margin: 0px; border: 3px none #000000; -moz-animation: wrapper 3s forwards; -webkit-animation: wrapper 3s forwards; -ms-animation: wrapper 3s forwards; animation: wrapper 3s forwards; animation-duration: 3s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: wrapper; height: 640px; left: 0; opacity: 0; position: relative; top: 0; width: 100%; } .welcome-text { position: relative; z-index: 1; margin: 0px; left: 0; position: absolute; text-align: center; top: 220px; width: 100%; padding-top: 120px; color: #FFFFFF; } /* search */ .input-group-search { position: relative; display: table; border-collapse: separate; margin-top: -1px; } .btn-secondary { padding: 3px; } .form-control-search { display: block; width: 100%; padding: 5.5px; font-size: 14px; line-height: 1.25; /* color: #464a4c; */ background-color: #fff; background-image: none; /* -webkit-background-clip: padding-box; */ background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } ul.sub-menu { display: none; } .btn#text { padding: 0px; } #text.btn { padding: 0px; } @media (max-width: 1005px) { .header__top { display: none; } } .header__top { height: 44px; } .wpusb { padding-top: 1px!important; padding-bottom: 1px!important; margin-top: 1px!important; margin-bottom: 1px!important; } .bizwheel-btn { height: auto; text-transform: initial; padding: 8px 15px; line-height: initial; background: #fff; font-size: 14px; color: #f3a712; border: 1px solid transparent; } .bizwheel-btn { text-align: center; margin: 0; padding: 13px 32px; background: #1A9F68; color: #fff; font-size: 15px; border-radius: 0px; text-transform: capitalize; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; border: 2px solid transparent; margin-right: 15px; } .btn-get-a-quote { display: inline-block; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; padding-top: 5px; } .topbar-gaq-btn { text-align: center; background: #1A9F68; color: #fff; padding: 5px; font-size: 15px; border-radius: 0px; text-transform: capitalize; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; border: 2px solid transparent; } .fawe-size { height: 12px; width: 12px; } .top_img { float: right; padding-bottom: 10px; } .left { text-align: inherit; } .sf-menu>li { background: inherit; -webkit-transition: background .2s; transition: background .2s; } .sf-menu>li:hover, .sf-menu>li.sfHover { background: inherit; /* only transition out, not in */ -webkit-transition: none; transition: none; } .pnumber-top, .date-month-first, .date-day-first, .date-year-first, .mu-top-email { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; padding: 0.0rem; font-family: inherit; } .dt_v1 { position: relative; bottom: 10px; width: 90px; height: auto; font-size: 10px; } /* .header__top__center{ padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .header__top__center li { font-size: 14px; color: #ffffff; list-style: none; display: inline-block; margin-right: 15px; padding-top: 10px; } */ .header__top__center li { list-style: none; } .header__top__right li { font-size: 14px; color: #ffffff; list-style: none; display: inline-block; margin-right: 15px; padding-top: 10px; } .header__top__left { position: relative; top: 0px; } /* .header__top__center { position: relative; top: 4px; } .header__top__center li a { padding: 3px; } */ .header__top__right { position: relative; } .header__top__left img { padding-top: 10px; } .header__top__center img { padding-top: 10px; } .date-light { padding-top: 10px; } .date-light a { margin: 0px; } li.fawe-size { font-size: 10px!important; } .fawe-size .icon { letter-spacing: 2px!important; } .date__left { padding-top: 0px!important; } .header-content li { list-style: none; } .btn-common { font-family: "Oswald", sans-serif; letter-spacing: 2px; display: inline-block; background: #222; color: #fff; padding: 20px 40px; margin-top: 25px; text-transform: uppercase; font-size: 0.9rem; transition: opacity 150ms ease, transform 150ms ease; } .btn-border { font-family: "Oswald", sans-serif; letter-spacing: 2px; display: inline-block; background: #222; color: #fff; padding: 20px 40px; margin-top: 25px; text-transform: uppercase; font-size: 0.9rem; transition: opacity 150ms ease, transform 150ms ease; } /* #content { padding: 100px!important; } #content img .size-full { padding-left: 10px!important; padding-right: 10px!important; } #content img .alignnone { padding-left: 80px!important; } */ /* Blocks */ .wp-block-archives.aligncenter, .wp-block-categories.aligncenter { text-align: center; } figure.wp-caption.aligncenter, img.aligncenter { margin: 10px auto; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignnone { margin: 10px 0px 10px 0px; } img.alignnone { margin: 10px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; padding: 8px 15px 10px 15px; text-align: center; background: #f8f9fa; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } figure.wp-caption.alignright, img.alignright { margin: 10px 0 10px 25px; } .alignright { float: right; } iframe { width: 100%; } .aligncenter { clear: both; display: block; margin: 6px auto; text-align: center; } .alignleft { float: left; margin-bottom: 6px !important; margin-left: 0; margin-right: 24px; margin-top: 6px; } .alignright { float: right; margin-bottom: 6px !important; margin-left: 24px; margin-right: 0; margin-top: 6px; } .wp-caption-text, .wp-caption-dd { color: #444; font-size: 11px; font-style: italic; font-weight: normal; line-height: 17px; margin: 6px 0 26px; text-align: left; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } .aligncenter { clear: both; } img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; position: relative; } p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } p { padding: 10px 0; margin: 0; font-size: small; } @media only screen and (min-width: 482px) { .alignright { float: right; margin-left: var(--global--spacing-horizontal); } } figure.wp-caption.alignleft, img.alignleft { margin: 10px 25px 10px 0; } .entry-content .site-content .alignright { float: right; margin: 7px 0 7px 24px; } .content-container>.content-post>.alignright { float: right; margin: 7px 0 7px 24px; } .site-content>.alignright { float: right; margin: 7px 0 7px 24px; } .entry-content>.alignright { float: right; margin: 7px 0 7px 24px; } .wp-block-image:not(.is-style-rounded) img { border-radius: inherit; height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; border-radius: inherit; height: auto; max-width: -webkit-fill-available; } .card-pagination { font-size: 16px; } select { color: black; } .wp-block-image img { height: auto; } .wp-block-search__button { border-style: none!important; background: none!important; color: white!important; font-weight: 600!important; } .widget_media_image { text-align: -webkit-center; } .wp-block-button { color: bisque; } @media (min-width: 901px) { .pre_title { font-size: 21px!important; } } @media (min-width: 769px) and (max-width: 900px) { .pre_title { width: auto; width: 100%; display: flex; max-width: fit-content; float: none; align-items: center; font-size: 21px!important; } } @media (min-width: 421px) and (max-width: 768px) { .pre_title { width: auto; width: 100%; display: flex; max-width: fit-content; float: none; align-items: center; font-size: 16px!important; } } .comment-link { background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%220 0 10 10%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Ccircle fill=%22%23fd9827%22 cx=%225%22 cy=%225%22 r=%225%22 /%3E%3C/svg%3E'); height: 32px; width: 32px; } .entry-content li { list-style: none!important; } .comment-link { display: none; } #block-2.input-group .form-control { color: #7ED0CC; min-width: 0; -webkit-box-ordinal-group: 2; display: block; padding: 5px 10px; background-color: #7ED0CC; } .form-control { color: #7ED0CC; min-width: 0; -webkit-box-ordinal-group: 2; display: block; padding: 5px 10px; background-color: #c9c9c9; } .input-group { color: #7ED0CC; min-width: 0; -webkit-box-ordinal-group: 2; padding: 5px 10px; background-color: #c9c9c9; } .wp-block-search .wp-block-search__inside-wrapper { display: inline-flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search__inside-wrapper { border-radius: 1rem; } .wp-block-search .wp-block-search__inside-wrapper { color: #7ED0CC; min-width: 0; -webkit-box-ordinal-group: 2; padding: 5px 10px; background-color: #7ED0CC; display: inline-flex; } .wp-block-search__inside-wrapper { flex: auto; display: flex; border-style: none; background: none; } .add-bread { margin-top: 100px; } /* fix header */ .sticky { top: 0; left: 0; right: 0; z-index: 100!important; animation-name: stickyName; animation-delay: 1s; -webkit-transition: 1s all ease; -moz-transition: 1s all ease; -ms-transition: 1s all ease; -o-transition: 1s all ease; box-shadow: 1px -4px 19px 4px #505050db; } @keyframes stickyName { 0% { transform: scaleX(-300); opacity: 0 } 100% { transform: scaleX(0); opacity: 1 } } /* blocknote 1 */ .devider:before, .devider:after { content: "______________________"; color: #e6e8ea; position: relative; bottom: 6 px; } /* with fa fa-heart-o fa-lg */ .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .devider:after { content: "______________________"; color: #e6e8ea; position: relative; bottom: 6 px; } .devider i { color: #cccccc; } .devider { margin-top: 30 px; } .sec-title h2 { color: #0eb493; font-size: 28px; font-weight: 800; text-transform: uppercase; } /* typed */ .typed-me { font-size: calc(1.3rem + 1.3vw); font-weight: 600; position: relative; } .typed:after { content: "|"; display: inline; -webkit-animation: blink .7s infinite; animation: blink .7s infinite; font: 800; font-weight: 800; } span.typed-me { font-size: calc(1.3rem + 1.3vw); font-weight: 600; color: burlywood; text-shadow: 0 1px rgba(0, 0, 0, 0.4); border-style: solid; box-shadow: inset 0 0 1px rgba(0, 0, 0, .8); border-color: burlywood; } span.typed-cursor { font-size: calc(1.3rem + 1.3vw); font-weight: 600; color: burlywood; text-shadow: 0 1px rgba(0, 0, 0, 0.4); border-style: solid; box-shadow: inset 0 0 1px rgba(0, 0, 0, .8); } span.typed-cursor>data-string0 { font-size: calc(1.3rem + 1.3vw); font-weight: 600; color: burlywood; text-shadow: 0 1px rgba(0, 0, 0, 0.4); border-style: solid; box-shadow: inset 0 0 1px rgba(0, 0, 0, .8); } .typed-class { color: burlywood; } /* typed-me-in */ .typed-me-in { font-size: calc(1.6rem + 1.3vw); font-weight: 600; position: relative; } .typed:after { content: "|"; display: inline; -webkit-animation: blink .7s infinite; animation: blink .7s infinite; font: 800; font-weight: 800; } span.typed-me-in { font-size: calc(1.3rem + 1.3vw); font-weight: 600; color: rgb(250, 210, 159); text-shadow: 0 1px rgba(0, 0, 0, 0.4); border-style: solid; box-shadow: inset 0 0 1px rgba(0, 0, 0, .8); border-color: burlywood; } span.typed-cursor { font-size: calc(1.3rem + 1.3vw); font-weight: 600; color: rgb(250, 210, 159); text-shadow: 0 1px rgba(0, 0, 0, 0.4); border-style: solid; box-shadow: inset 0 0 1px rgba(0, 0, 0, .8); } span.typed-cursor>data-string0 { font-size: calc(1.3rem + 1.3vw); font-weight: 600; color: rgb(250, 210, 159); text-shadow: 0 1px rgba(0, 0, 0, 0.4); border-style: solid; box-shadow: inset 0 0 1px rgba(0, 0, 0, .8); } .typed-class { color: burlywood; } /* contact form */ .wpcf7-submit { margin-left: 15px; } @media (min-width: 450px) and (max-width: 555px) { .elementor-shortcode>.wpcf7 { justify-content: center; width: 450px; } } @media (min-width: 230px) and (max-width: 450px) { .elementor-shortcode>.wpcf7 { width: 250px; } } @media (min-width: 450px) and (max-width: 555px) { .contact-form1 { justify-content: center; width: 450px; } } @media (min-width: 230px) and (max-width: 450px) { .contact-form1 { width: 250px; } } /* demos include here */ .success-wrap { transform: translateY(-60%); padding: 48px 70px 48px 80px; border-top: 10px solid #ffffff; } .success-item { display: flex; padding-left: 16px; border-right: 1px solid #FF8432; } .success-wrap.row>div:last-child.success-item { border-right: 0px; } /* btn shadow ===============*/ .btn-shadow { box-shadow: 1px 2px 2px rgb(0 0 0 / 27%); line-height: 52px; display: inline-block; padding: 0 25px; font-size: 18px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .27); -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 27%); } /* testimonial section */ .testi-item img { width: 100px!important; height: 100px; line-height: 100px; border-radius: 50%; } .testi-content { padding-left: 20px; } .testi-content p { font-size: 12px; display: inline-block; font-weight: 600; margin: 0; } .testi-content h3 { font-size: 12px; display: inline-block; font-weight: 600; margin: 0; } .testi-content span { display: block; font-size: 12px; text-transform: uppercase; font-family: "Work Sans", sans-serif; } .testi-item { background-color: #fff; position: relative; padding: 30px; border-left: 4px solid #bfca02; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .testi-item .fa-quote-right { position: absolute; right: 30px; bottom: 25px; font-size: 50px; color: #bfca02; opacity: 0.5; } /* ========================================================================== Testimonial Section ========================================================================== */ .testimonial-section { position: relative; z-index: 1; } .testimonial-section .dots { width: 100%; height: 100%; left: 0; top: 0; background: url(../img/bg-dots.png) 0 0 repeat; z-index: -1; } /*Boolets*/ .owl-controls { width: 100%; height: auto; position: absolute; left: 0; bottom: -50px; text-align: center; } .owl-dots { width: 100%; height: auto; position: absolute; left: 0; bottom: -50px; text-align: center; } .owl-controls { display: inline-block; width: 10px; height: 10px; border-radius: 1px; background-color: #555; margin: 0 3px; position: relative; text-align: center; } .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; border-radius: 1px; background-color: #555; margin: 0 3px; position: relative; text-align: center; } .owl-dot { display: inline-block; width: 10px; height: 10px; border-radius: 1px; background-color: #555; margin: 0 3px; position: relative; text-align: center; } .owl-dots .owl-dot.active { background-color: #bfca02; } .owl-dots .owl-dot.active { background-color: #bfca02; } /*Rattings*/ .testi-content .rattings { display: inline-block; margin-left: 5px; } .testi-content .rattings li { display: inline-block; } .testi-content .rattings li i { font-size: 10px; color: #bfca02; display: inline-block; } /* home2 */ .sslider-content>span::before { content: ""; background: #190a32; height: 3px; float: left; width: 60px; margin-top: 15px; margin-right: 10px; } .sslider-content h2 { color: #190a32; padding-right: 5%; } .sslider-content p { color: #676f67; font-size: 16px; margin-bottom: 0; } .sslider-content>span { font-size: 22px; font-weight: 500; color: #ff3494; display: block; margin-bottom: 20px; margin-top: 30px; } .sslider-content>span { font-size: 16px; font-weight: 500; color: #ff3494; text-transform: uppercase; letter-spacing: 6px; display: block; margin-bottom: 20px; } .sslider-content h2 { font-size: 50px; color: #fff; letter-spacing: -2px; line-height: 1.1; margin-bottom: 40px; } .sslider-content h2 span { color: #ff3494; } .sslider-content p span { display: inline-block; height: 2px; width: 40px; background: #ff3494; margin-right: 20px; position: relative; top: -4px; } .sslider-content p { color: #fff; font-size: 16px; margin-bottom: 0; } .ssmall-title { background: #f7f4fe; display: inline-block; border-radius: 20px; } .ssmall-title li { display: inline-block; padding: 5px 20px; color: #190a32; } .ssmall-title li:first-child { background: #7d4196; border-radius: 20px; color: #fff; padding: 5px 30px; } .ss-btn { background: transparent linear-gradient(90deg, #7D4196 0%, #FF3494 100%) 0% 0% no-repeat padding-box; box-shadow: 3px 4px 25px #C63A9580; color: #fff; } .ss-btn { background: #fff; color: #ff3494; } .ss-btn:hover { background: transparent linear-gradient(90deg, #FF3494 0%, #7D4196 100%) 0% 0% no-repeat padding-box; color: #fff; box-shadow: 3px 4px 25px #C63A9580; } .s-btn { background: #fff; color: #ff3494; } .s-btn:hover { background: transparent linear-gradient(90deg, #FF3494 0%, #7D4196 100%) 0% 0% no-repeat padding-box; color: #fff; box-shadow: 3px 4px 25px #C63A9580; } .s-btn { -moz-user-select: none; background: transparent linear-gradient(90deg, #7D4196 0%, #FF3494 100%) 0% 0% no-repeat padding-box; box-shadow: 3px 4px 25px #C63A9580; border: none; border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 1; margin-bottom: 0; padding: 15px 35px; text-align: center; text-transform: unset; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; position: relative; } /* home3 */ .home3main1 { border-style: solid; border-width: 4px 0 0; border-color: yellow; border-radius: 0% 33% 0% 33%; } .home3main1 img { border-style: solid!important; border-width: 4px 0 0!important; border-color: yellow!important; border-radius: 0% 33% 0% 33%!important; } .home3main2 { border-style: solid; border-width: 4px 0 0; border-color: yellow; border-radius: 33% 0% 33% 0%; } .elementor-element-de814b2 { left: 30px; } .home3main2 img { border-style: solid!important; border-width: 4px 0 0!important; border-color: yellow!important; border-radius: 33% 0% 33% 0%!important; } .home3button1 { --btn-icon-spacing: 8px; font-weight: 400; min-width: 0; min-height: 0; border-style: solid; border-width: 0 0 1px; border-radius: 0 0 0 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; color: #fff; background: #0000; border-color: yellow; } .home3button1 div div a span span i { margin-left: 8px; } /* slider */ .btn-wrp { animation-duration: 1.3s; animation-fill-mode: both; } .btn-wrp .btn-link { border-bottom: 1px solid #000; color: #000; font-size: 17px; font-weight: 700; line-height: 1; } .btn-wrp .btn-link:hover { color: #f4a460; border-color: #f4a460; } .left-50 { left: 50px; } /* service */ .service-item-ar { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .service-thumb-ar { overflow: hidden; z-index: -1; } .service-item-ar:hover { cursor: pointer; } .service-content-ar { padding: 0 30px 30px 30px; } .service-content-ar i { color: #fff!important; display: inline-block!important; margin-bottom: 10px!important; z-index: 1!important; } .service-content-ar i:before { background-color: #bfca02!important; border-radius: 2px!important; padding: 10px!important; } .service-a-ar { color: #bfca02; text-transform: uppercase!important; font-size: 12px!important; font-weight: 600!important; font-family: "Work Sans", sans-serif!important; } .service-content-ar h1 { margin: 0 0 10px; font-weight: 400; line-height: 1.7; color: #263a4f; letter-spacing: -0.5px; } /* year */ .year-content { position: absolute; width: auto; height: auto; left: 80px; top: 150px; } .year-content h2 { color: #263a4f; font-size: 100px; position: relative; margin-bottom: 20px; z-index: 1; } .year-content h2:before { background-color: transparent; position: absolute; content: ""; width: 120px; height: 120px; border: 5px solid #bfca02; left: -10px; top: -80px; z-index: -1; } .year-content span { font-family: "Poppins", sans-serif; color: #263a4f; text-transform: uppercase; font-weight: 600; } /*section-heading*/ .section-heading h2 { font-size: 32px; display: block; } .section-heading span { display: inline-block; text-transform: uppercase; font-size: 12px; color: #263a4f; font-weight: 600; letter-spacing: 0; font-family: "Work Sans", sans-serif; position: relative; margin-bottom: 10px; z-index: 1; } .section-heading span:before { background-color: transparent; position: absolute; content: ""; width: 30px; height: 30px; left: -15px; top: -10px; border: 3px solid #bfca02; opacity: 0.5; z-index: -1; } /* btn shadow ===============*/ .btn-shadow { box-shadow: 1px 2px 2px rgb(0 0 0 / 27%); line-height: 52px; display: inline-block; padding: 0 25px; font-size: 18px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, .27); -webkit-box-shadow: 1px 2px 2px rgb(0 0 0 / 27%); } /* Form Style ===============*/ .wpcf7 { background-color: #F0F0F0; border: 5px solid #666666; } .wpcf7-form { margin-left: 25px; margin-right: 25px; margin-top: 25px; } .wpcf7-textarea { width: 85%; } .wpcf7 input { width: 50%; margin: 5px; } .wpcf7-text { width: 50%; } .wpcf7-submit { font-family: "Work Sans", sans-serif; letter-spacing: 0; background-color: #a3ad79; color: #fff; line-height: 45px; display: inline-block; padding: 0 25px; border-radius: 0; font-size: 12px; text-transform: uppercase; font-weight: 600; position: relative; overflow: hidden; z-index: 1; -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .wpcf7-submit:hover { color: #d3e7f7; background-color: #c1ca0f; } .wpcf7-list-item { display: block; } .select-form-control { background-color: #fff; border-radius: 0; padding: 15px 10px; box-shadow: none; } .email-form-control { background-color: #fff; border-radius: 0; padding: 15px 10px; box-shadow: none; } .name-form-control { background-color: #fff; border-radius: 0; padding: 15px 10px; box-shadow: none; } .logo-and-desc img { height: 100px; }