/* Theme Name: Trobica Theme URI: https://themeforest.net/ Author: ThemesCamp Author URI: http://themeforest.net/user/themescamp/ Description: Trobica is a Modern Creative WordPress Theme for Agency to show their works. Version: 1.2.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: trobica Domain Path: /lang Tags: one-column, two-columns, right-sidebar,custom-colors,featured-images */ /* ----------------------------------------------------------- TABLE OF CONTENTS: -------------------------------------------------------------- * Helper Section - text color - font-weight - font-size - line-height - text-transform - letter-spacing - Overlay Effect Bg image - margin-top - margin-bottom - padding-top - padding-bottom - the spacing - social-media-colors * General Section - Typography - To top style - inner page style - wp post style - Bootstrap Clearfix - Elementor Editor Style * Header Section * Slider Section * Features Section * Portfolio Section * Team Section * Testimonial Section * Contact Section * Footer Section * Blog Section - Sidebar Section - comment section * WordPress Style * Gutenberg Style * Responsive ------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Helper ] -----------------------------------------------------------------*/ /*-------------------[ text color ]------------------------------*/ .text-white { color: #FFF; } .text-black { color: #000; } .text-extra-dark-gray { color: #232323; } .text-dark-gray { color: #626262; } .text-extra-medium-gray { color: #757575; } .text-medium-gray { color: #939393; } .text-extra-light-gray { color: #b7b7b7; } .text-light-gray { color: #d6d5d5; } .text-very-light-gray { color: #ededed; } /*-------------------[ font-weight ]------------------------------*/ .fw-100 { font-weight: 100; } .fw-200 { font-weight: 200; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } /*-------------------[ font-size ]------------------------------*/ .fz-10 { font-size: 10px; } .fz-12 { font-size: 12px; } .fz-14 { font-size: 14px; } .fz-15 { font-size: 15px; } .fz-16 { font-size: 16px; } .fz-18 { font-size: 18px; } .fz-20 { font-size: 20px; } .fz-22 { font-size: 22px; } .fz-25 { font-size: 25px; } .fz-30 { font-size: 30px; } .fz-40 { font-size: 40px; } .fz-50 { font-size: 50px; } /*-------------------[ line-height ]------------------------------*/ .line-height-10 { line-height: 10px; } .line-height-13 { line-height: 13px; } .line-height-18 { line-height: 18px; } .line-height-20 { line-height: 20px; } .line-height-24 { line-height: 24px; } .line-height-22 { line-height: 22px; } .line-height-26 { line-height: 26px; } .line-height-28 { line-height: 28px; } .line-height-30 { line-height: 30px; } .line-height-35 { line-height: 35px; } .line-height-40 { line-height: 40px; } .line-height-45 { line-height: 45px; } .line-height-50 { line-height: 50px; } .line-height-55 { line-height: 55px; } .line-height-60 { line-height: 60px; } .line-height-65 { line-height: 65px; } .line-height-70 { line-height: 70px; } .line-height-75 { line-height: 75px; } .line-height-80 { line-height: 80px; } .line-height-85 { line-height: 85px; } .line-height-90 { line-height: 90px; } .line-height-95 { line-height: 95px; } .line-height-100 { line-height: 100px; } .line-height-110 { line-height: 110px; } .line-height-120 { line-height: 120px; } /*-------------------[ text-transform ]------------------------------*/ .text-u { text-transform: uppercase; } .text-l { text-transform: lowercase; } .text-c { text-transform: capitalize; } .text-non { text-transform: none; } .text-i { font-style: italic; } /*-------------------[ letter-spacing ]------------------------------*/ .ls0 { letter-spacing: 0px; } .ls1 { letter-spacing: 1px; } .ls2 { letter-spacing: 2px; } .ls3 { letter-spacing: 3px; } .ls4 { letter-spacing: 4px; } .ls5 { letter-spacing: 5px; } .ls10 { letter-spacing: 10px; } /*-------------------[ Overlay Effect Bg image ]------------------------------*/ [data-overlay-dark], [data-overlay-light] { position: relative; } [data-overlay-dark] .container, [data-overlay-light] .container { position: relative; z-index: 2; } [data-overlay-dark]:before, [data-overlay-light]:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } [data-overlay-dark]:before { background: #1a1d24; } [data-overlay-light]:before { background: #fff; } [data-overlay-dark] h1, [data-overlay-dark] h2, [data-overlay-dark] h3, [data-overlay-dark] h4, [data-overlay-dark] h5, [data-overlay-dark] h6, [data-overlay-dark] span { color: #fff; } [data-overlay-dark] p { color: #bbb; } [data-overlay-dark="0"]:before, [data-overlay-light="0"]:before { opacity: 0; } [data-overlay-dark="1"]:before, [data-overlay-light="1"]:before { opacity: 0.1; } [data-overlay-dark="2"]:before, [data-overlay-light="2"]:before { opacity: 0.2; } [data-overlay-dark="3"]:before, [data-overlay-light="3"]:before { opacity: 0.3; } [data-overlay-dark="4"]:before, [data-overlay-light="4"]:before { opacity: 0.4; } [data-overlay-dark="5"]:before, [data-overlay-light="5"]:before { opacity: 0.5; } [data-overlay-dark="6"]:before, [data-overlay-light="6"]:before { opacity: 0.6; } [data-overlay-dark="7"]:before, [data-overlay-light="7"]:before { opacity: 0.7; } [data-overlay-dark="8"]:before, [data-overlay-light="8"]:before { opacity: 0.8; } [data-overlay-dark="9"]:before, [data-overlay-light="9"]:before { opacity: 0.9; } [data-overlay-dark="10"]:before, [data-overlay-light="10"]:before { opacity: 1; } /*-------------------[ margin-top (0/100) +5 ]------------------------------*/ .mt-0 { margin-top: 0; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } /*-------------------[ margin-bottom (0/100) +5 ]------------------------------*/ .mb-0 { margin-bottom: 0; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } /*-------------------[ padding-left (0/100) +5 ]------------------------------*/ .pl-0 { padding-left: 0; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } /*-------------------[ padding-top (0/100) +5 ]------------------------------*/ .pt-0 { padding-top: 0 !important; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } /*-------------------[ padding-bottom (0/100) +5 ]------------------------------*/ .pb-0 { padding-bottom: 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .no-padding { padding: 0; } /*-------------------[ Spacing (0/100) +10 ]------------------------------*/ .spc-10 { width: 100%; height: 10px; } .spc-20 { width: 100%; height: 20px; } .spc-30 { width: 100%; height: 30px; } .spc-40 { width: 100%; height: 40px; clear:both; } .spc-50 { width: 100%; height: 50px; } .spc-60 { width: 100%; height: 60px; } .spc-70 { width: 100%; height: 70px; } .spc-80 { width: 100%; height: 80px; } .spc-90 { width: 100%; height: 90px; } .spc-100 { width: 100%; height: 100px; } /*-------------------[ Social-media-colors ]------------------------------*/ .f-color{ color: #3b5999; } .tw-color{ color: #55acee; } .lin-color{ color: #0077B5; } .g-plus-color{ color: #dd4b39; } .pin-color{ color: #bd081c; } .ytube-color{ color: #cd201f; } .inst-color{ color: #e4405f; } .be-color{ color: #131418; } /* background */ .f-bg{ background-color: #3b5999; border-color: #3b5999; } .tw-bg{ background-color: #55acee; border-color: #55acee; } .lin-bg{ background-color: #0077B5; border-color: #0077B5; } .g-plus-bg{ background-color: #dd4b39; border-color: #dd4b39; } .pin-bg{ background-color: #bd081c; border-color: #bd081c; } .ytube-bg{ background-color: #cd201f; border-color: #cd201f; } .inst-bg{ background-color: #e4405f; border-color: #e4405f; } .be-bg{ background-color: #131418; border-color: #131418; } .b-none{ border: none !important; } /*-------------------[ Heading styles ]------------------------------*/ .dflex{ display: flex !important; } /*-------------------[ Heading styles ]------------------------------*/ .dsc-heading-style1 h5{ margin-top: 0px; font-size: 13px !important; line-height: 1.2; margin-bottom: 11px; letter-spacing: 0.02em; text-transform: uppercase; color: #f96152; } .dsc-heading-style2 h3{ font-size: 40px; line-height: 54px; font-weight: 600; color: #fff; text-align: center; margin: auto; display: block; float: none; margin: auto; padding-bottom: 40px; } /* ---------------------------------------------------------------- [ * End Helper ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start General ] -----------------------------------------------------------------*/ body, html { height: 100%; } body { color: #666; font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.8em; } h1, h2, h3, h4, h5, h6 { color: #222; font-weight: 600; line-height: 1.4em; word-wrap: break-word; } .h6, h6 { font-size: 17px; } .h5, h5 { font-size: 18px; } .h4, h4 { font-size: 20px; } p { margin: 0 0 30px; word-spacing: 1px; clear: both; } [class^="icon-"]:before, [class*=" icon-"]:before { cursor: inherit; } a { -moz-transition: ease .3s; -ms-transition: ease .3s; -o-transition: ease .3s; -webkit-transition: ease .3s; color: #666; text-decoration: none; transition: ease .3s; } a:focus { outline: none; text-decoration: none; } a:hover { color: #f96152; text-decoration: none; } iframe { border: none; width: 100%; } img { max-width: 100%; height:auto; } ul, ol { list-style-position: outside; list-style-type: circle; margin: 0; padding: 0 0 0 20px; } ul { list-style-type: disc; } ul ul, ol ul { list-style-type: circle; } ul > li { list-style: outside none square; } ol> li { list-style-type: decimal; } ol ol li { list-style-type: lower-alpha; } ol ol ol li { list-style-type: lower-roman; } .clearboth { clear: both; } .content { padding: 80px 0 ; position: relative; z-index: 1; } .gray-bg { background: #fafafa; } .white-bg { background: #ffffff; } blockquote { border:none; font-family: Roboto; font-size: 16px; font-style: italic; font-weight: 500; letter-spacing: -0.02em; line-height: 1.7; position:relative; background: #f6f6f6; border-left: 4px solid #f96152; padding: 16px 20px 16px 80px; } blockquote::before{ border-radius: 100px; content:"\f10e"; display: inline-block; font-family: fontawesome; font-size: 30px; font-style:normal; height: 30px; left: 20px; line-height: 30px; margin-top: -15px; position: absolute; top: 50%; width: 30px; } hr { max-width: 100px; } hr.is-style-wide{ max-width: 100%; border-bottom-width: 1px; color: #eee; } .dark-bg { background: #1f1f1f none repeat scroll 0 0; } .dark-bg .content-title{color:#fff;} .content-title span { color: #f96152; } .content-line { background: #ccc; height: 1px; margin-bottom: 40px; margin: auto; width: 300px; max-width: 100%; } .box-align-center { text-align: center; } .box-align-center blockquote::before { bottom: -40px; left: 50%; margin-left: -15px; top: auto; } .align-right{text-align:right;} .row-black{ background:#333; margin:0; padding:80px 30px } .row-black .content-box-title::after { border-bottom: 5px solid #fff; } .row-black .content-box-title > h3,.row-black b, .row-black strong { color:#fff; } .img-bg { background-position: center center; background-size: cover; } .no-bottom{ padding-bottom:0; } .content-head{ text-align: center; margin-bottom:80px; } .content-title { font-size: 30px; margin-bottom: 5px; margin-top: 0; font-weight: 700; line-height: 1.3em; color: #000; } .content-title:after { width: 40px; height: 1px; content: ""; position: absolute !important; bottom: -10px; left: 0; right: 0; z-index: 0; margin: auto; background: #f96152; } .sub-content { color: #B8B8B8; font-size: 18px; font-weight: 500; margin-bottom: 30px; margin: auto; max-width: 900px; font-family: 'Roboto', sans-serif; } ::selection { background:#f96152; color:#fff; } ::-moz-selection { background:#f96152; color:#fff; } /*----to top style----*/ .to-top.fixed { opacity: 1; bottom:30px; } .to-top { background: #f96152; bottom: -150px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); color: #fff; display: block; font-size: 15px; height: 50px; line-height: 48px; opacity: 0; position: fixed; right: 30px; text-align: center; transition-duration: 0.5s; width: 50px; z-index: 333; -webkit-transition-duration: 0.5s; border-radius:100px; overflow:hidden; -webkit-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .to-top:focus{color:#fff;} .to-top:hover{color:#fff;} .to-top::before { -webkit-transform: scale(0); background:#f96152 none repeat scroll 0 0; border-radius: 200px; content: ""; display: block; height: 200px; left: -50%; margin-top: -100px; position: absolute; top: 50%; transition-duration: 0.8s; transition: all 0.4s ease-out 0s; width: 200px; z-index: -1; -ms-transform: scale(0); -webkit-transition-duration: 0.8s; -webkit-transition:all 0.4s ease-out 0s; opacity:0.3; transform: scale(0); } .to-top::after { -webkit-transform: scale(0); background: #f96152 none repeat scroll 0 0; border-radius: 200px; content: ""; display: block; height: 200px; left: -50%; margin-top: -100px; position: absolute; top: 50%; transition: all 0.4s ease-in 0s; width: 200px; z-index: -1; -ms-transform: scale(0); -webkit-transition:all 0.4s ease-in 0s; opacity:0.3; transform: scale(0); transition-delay:0.3s; } .to-top:hover::after,.to-top:hover::before{ -webkit-transform: scale(4); -ms-transform: scale(4); opacity:1; transform: scale(4); } /*-----inner page style---*/ .table-box { background: #fff; position:relative; z-index:1; display: table; width: 100%; } .dark-page .table-box{background:#1f1f1f;} .table-cell-box { position:relative; height:100%; } .single-port-table .table-content { padding: 5% 7%; } .single-port-table .table-cell-box { display: table-cell; vertical-align: middle; width: 50%; position: relative; } .dsc_image_swipe_widget{height:100%;} .table-content h3 > span{color:#f96152;} .table-content.box-30 h3 { display: inline-block; text-align: left; } .box-small-icon { text-align: center; transition: all 0.3s ease-in-out; } .box-small-icon:hover .trobica-icon { background-color:#f96152; border-color:#f96152; color: #fff; } .box-small-icon:hover { box-shadow: 10px 20px 40px 0 rgba(0, 0, 0, 0.2); margin-top: -5px; } .table-content.box-30{padding:5% 0;} .box-30{width:30%; text-align:center;} .box-70{width:70%;} .table-content .box-small-icon h3 { font-size: 30px; text-align: center; margin-top: 20px; } .box-small-icon .trobica-icon { border-radius: 100px; color: #000; display: block; font-size: 40px; height: 80px; line-height: 80px; margin: auto; text-align: center; transition: all 0.3s ease-in-out; width: 80px; border: 1px solid #eee; } .full-img-bg { background-position: 50% 50%; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .table-content { padding: 14%; } .table-content .slider-mask { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; } .bg-with-mask .slider-mask { background: rgba(0, 0, 0, 0.5) none repeat scroll 0; } .bg-with-mask{position:relative;z-index:1;} .cell-left-border { border-left: 10px solid #f96152; } .cell-right-border { border-right: 10px solid #f96152; } .table-content h3 { font-size: 60px; margin: 0 0 20px; } .cell-line { height: 1px; width: 100px; background: #ccc; margin-bottom: 40px; max-width: 100%; } .slider-title { color: #000; font-size: 56px; letter-spacing: 0; margin: 0 0 25px; line-height: 1.4em; } .top-slider { color: #000; font-family: 'Roboto'; font-size: 20px; letter-spacing: 10px; text-transform: uppercase; margin-bottom: 0; font-weight: 600; } .slider-title span { color: #f96152; } .dark-page{background:#333333;} .page-content-wrapper{background:#fff;position:relative;} .box-padding { overflow:hidden; position:relative; padding: 20%; text-align: center; } .box-padding .icon-cell { -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -webkit-transform: translateY(-100%); -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); opacity:0; transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -ms-transform: translateY(-100%); color: #fff; font-size: 60px; position: relative; transform: translateY(-100%); } .icon-cell-sub { -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); -o-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); -webkit-transform: translateY(100%); -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); opacity:0; transform: translateY(100%); transition-delay:0.4s; transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); -ms-transform: translateY(100%); color: #fff; font-family: 'Roboto', serif; font-size: 18px; margin: 0; position: relative; text-transform: capitalize; } .hovering:hover .icon-cell-sub,.hovering:hover .icon-cell{ -webkit-transform: translateY(0); opacity:1; transform: translateY(0); -ms-transform: translateY(0); } /*wp post style*/ table, th, td { border: 1px solid black; padding: 5px 10px; font-size: 0.875em; font-weight: 500; } /* Bootstrap Clearfix */ /* Tablet */ @media (min-width:767px){ /* Column clear fix */ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: none; } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: left; } } /* Medium Desktop */ @media (min-width:992px){ /* Column clear fix */ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: left; } } /* Large Desktop */ @media (min-width:1200px){ /* Column clear fix */ .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){ clear: left; } } /*------------ELEMENTOR EDITOR STYLE------------------------------*/ .elementor-editor-active nav.trobica-custom-header { display: none; } .elementor-editor-active footer.trobica-custom-footer.clearfix { display: none; } .elementor-editor-preview nav.trobica-custom-header { display: none; } .elementor-editor-preview footer.trobica-custom-footer.clearfix { display: none; } /* ---------------------------------------------------------------- [ End General ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Header ] -----------------------------------------------------------------*/ .admin-bar .is-sticky .stuck-nav ,.admin-bar .custom-absolute-menu,.admin-bar .custom-fixed-menu,.admin-bar .abs-header{ margin-top: 32px; } .header { left:0; top:0; width:100%; position: absolute; z-index: 999; } .elementor-editor-active .header {pointer-events: none;} .elementor-editor-active .abs-header { margin-top:25px; } .white-header{ position:relative; background:#fff; box-shadow: 0 0 5px 0 #eee; } .no-bg{background:transparent;} .white-header .is-sticky .stuck-nav { background: #fff; box-shadow: 0 0 5px 0 #eee; } .white-header .hamburger__icon, .white-header .hamburger__icon::before, .white-header .hamburger__icon::after { background:#1f1f1f;} .white-header .header-icon li a,.white-header .navigation li a,.white-header .menu-wrapper .menu ul li a { color:#1f1f1f; } .white-header .hamburger__icon, .white-header .hamburger__icon::before, .white-header .hamburger__icon::after { background:#1f1f1f;} .white-header .header-icon li.current-menu-parent> a,.white-header .navigation li.current-menu-parent> a,.white-header .menu-wrapper .menu ul li.current-menu-parent> a { color:#f96152; } .white-header .hamburger__icon, .white-header .hamburger__icon::before, .white-header .hamburger__icon::after { background:#1f1f1f;} .white-header .header-icon li.current_page_item> a,.white-header .navigation li.current_page_item> a,.white-header .menu-wrapper .menu ul li.current_page_item> a { color:#f96152; } .trobica-custom-header .navigation{ position: relative; z-index: 999; } .apply-header .menu-wrapper,.apply-header .is-sticky .menu-wrapper{border:none;} .logo { padding: 60px 0; display: block; text-align: center; } .top-logo { display: table-cell; vertical-align: middle; width: 16%; } .menu-wrapper { display: inline-block; margin-left: auto; margin-right: auto } .header-wrapper { display: table-cell; vertical-align: middle; text-align: right; } .container-fluid { display: table; padding-left: 60px; padding-right: 60px; width: 100%; } .container{ display: table; } .blog-wrapper .container{ display: inherit; } .navigation { display: block; font-size: 0; list-style: outside none none; margin: 0; padding: 0; width: 100%; } .navigation li, .menu-wrapper .menu ul li { display: inline-block; position: relative; } .navigation li a,.menu-wrapper .menu ul li a { color: #000; display: block; font-size:12px; padding: 25px 18px; transition: .20s linear; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; } .custom-absolute-menu { border-bottom: 1px solid #ffffff3d; } .custom-absolute-menu .logo-white { display: none; } .custom-absolute-menu .is-sticky .logo-white { display:initial; } .custom-absolute-menu .logo-dark { display:initial; } .custom-absolute-menu .is-sticky .logo-dark { display: none; } .custom-absolute-menu .search-icon-header a i { color: #fff; } .custom-absolute-menu .is-sticky .search-icon-header a i { color: #000; } .custom-absolute-menu .cart-contents:before { color: #fff; } .custom-absolute-menu .is-sticky .cart-contents:before { color: #000; } .custom-absolute-menu .search-icon-header a.search:after{ background: #ede3e385; } .custom-absolute-menu .navigation li a,.custom-absolute-menu .menu-wrapper .menu ul li a { color:#fff; } .custom-absolute-menu .is-sticky .navigation li a,.custom-absolute-menu .is-sticky .menu-wrapper .menu ul li a { color:#444; } .custom-absolute-menu .is-sticky .navigation li.current-menu-item a,.custom-absolute-menu .is-sticky .menu-wrapper .menu ul li.current-menu-item a { color:#f96152; } .custom-absolute-menu .is-sticky .navigation li a:hover,.custom-absolute-menu .is-sticky .menu-wrapper .menu ul li a:hover { color:#f96152; opacity:1; } .custom-absolute-menu .navigation .sub-menu li a,.custom-absolute-menu .menu-wrapper .menu ul.sub-menu li a { color:#444; } .custom-absolute-menu .navigation .sub-menu li a:hover,.custom-absolute-menu .menu-wrapper .menu ul.sub-menu li a:hover { color:#f96152; opacity:1; } .custom-absolute-menu .navigation .sub-menu li.current-menu-item a, .custom-absolute-menu .menu-wrapper .menu ul.sub-menu li.current-menu-item a{ color:#f96152; } .navigation li.menu-item-has-children>a:after,.menu-wrapper .menu ul li.menu-item-has-children>a:after { display: inline-block; content: "\f107"; font-family: fontawesome; position: absolute; top: 50%; right: 3px; transform: translateY(-50%); } .navigation li.menu-item-has-children li.menu-item-has-children>a:after,.menu-wrapper .menu ul li.menu-item-has-children li.menu-item-has-children>a:after { display: inline-block; content: "\f107"; font-family: fontawesome; position: absolute; top: 42%; right: 163px; font-weight: bolder; transform: rotate(90deg); color:#fff; } .navigation>li>a:before,.menu-wrapper>.menu>ul>li>a:before { background-color: #f96152; border-radius: 0; bottom: 25px; content: ""; height: 1px; position: absolute; transform: scaleX(0); transition: .20s linear; visibility: hidden; width: 50%; } .custom-absolute-menu .navigation>li>a:before,.menu-wrapper>.menu>ul>li>a:before { background: #fff; } .custom-absolute-menu .is-sticky .navigation>li>a:before,.menu-wrapper>.menu>ul>li>a:before { background: #f96152; } .navigation li a:hover { opacity: .8; } .white-header .navigation li a:hover { color:#f96152; opacity:1; } .navigation>li>a:hover:before,.menu-wrapper>.menu>ul>li>a:hover:before { visibility: visible; transform: scaleX(1); } .navigation .current > a { opacity: 1; } .menu-wrapper .navigation .menu-item-has-children li { display: block; } .stuck-nav { -moz-transition: ease .3s; -ms-transition: ease .3s; -o-transition: ease .3s; -webkit-transition: ease .3s; left: 0; top: 0; width: 100% !important; z-index: 999; } .custom-absolute-menu { left: 0; position:absolute; top: 0; width: 100%; z-index: 999; } .custom-fixed-menu { left: 0; position:fixed; top: 0; width: 100%; z-index: 999; } .elementor-editor-active .custom-absolute-menu ,.elementor-editor-active .custom-fixed-menu ,.elementor-editor-preview .custom-absolute-menu ,.elementor-editor-preview .custom-fixed-menu{ position:relative; } .elementor-editor-active .not-custom-menu.custom-absolute-menu { position: absolute; top: 25px; } .elementor-editor-preview .not-custom-menu.custom-absolute-menu{ position:absolute; } .sticky-wrapper{z-index:999;} .is-sticky .stuck-nav { background: #fff; } .menu-wrapper ul li ul { background: #fff; left: 18px; line-height: 1; list-style: outside none none; margin: 0; padding: 0; position: absolute; text-align: left; top: 100%; width: 180px; z-index: 999; -webkit-box-shadow: 0px 2px 14px 2px rgba(0,0,0,.1); box-shadow: 0px 2px 14px 2px rgba(0,0,0,.1); border-top: 2px solid #f96152; } .menu-wrapper.trobica-right-menu ul li ul { left: auto; right:0; } .menu-wrapper.trobica-right-menu ul li ul li ul { left: auto; right: 100%; top: 0; } .menu-wrapper > ul >li:last-child ul{ left: auto; right:0; } .navigation ul li, .menu-wrapper .menu ul ul li { display: block; position: relative; } .menu-wrapper ul li ul li ul { left: -100%; top: 16px; } .white-header .menu-wrapper .navigation li ul li a,.menu-wrapper .navigation li ul li a, .menu-wrapper .menu ul li ul li a ,.white-header .menu-wrapper .menu ul li ul li a{ color: #444; font-size:12px; line-height: 1.8; padding: 15px 20px 0 25px; } .white-header .menu-wrapper .navigation li ul li.current_page_item > a,.menu-wrapper .navigation li ul li.current_page_item > a, .menu-wrapper .menu ul li ul li.current_page_item > a ,.white-header .menu-wrapper .menu ul li ul li.current_page_item > a{ color: #f96152; } .white-header .menu-wrapper .navigation li ul li a:hover,.menu-wrapper .navigation li ul li a:hover, .menu-wrapper .menu ul li ul li a:hover ,.white-header .menu-wrapper .menu ul li ul li a:hover{ color: #f96152; } .menu-wrapper ul > li > ul { display: none; padding-bottom: 15px; } .mobile-wrapper { float: right; padding-right: 10px; } .mobile-menu { background: none repeat scroll 0 0 #ffffff; display: block; height: 0; list-style: none outside none; margin: 0; max-height: 480px; overflow-y: auto; overflow: hidden; padding: 0; position: absolute; right: 0; text-align: center; top: 100%; width: 100%; z-index: 3; } .mobile-menu.in { border: 1px solid #EEEEEE; height: auto; max-height: 480px; overflow-x: hidden; overflow-y: auto; } .mobile-menu li a { border-top: none; display: block; font-size: 11px; padding: 8px 15px; text-decoration: none; text-transform: uppercase; } .menu-btn { color: #fff; cursor: pointer; font-size: 18px; height: 30px; line-height: 30px; margin: 11px 0; text-align: center; width: 30px; z-index: 3; } .apply-header .menu-btn { margin: 19px 0; } .not-custom-menu.custom-absolute-menu .nav-box { margin-top: 0; } .top-logo > a { display: inline-block; padding: 3px 0; } .apply-header .logo1,.custom-logo .logo1 { max-height: 25px; } .custom-logo a{display:inline-block;} .is-sticky .stuck-nav { box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); } .trobica-sticky-menu{z-index:999 !important;} .elementor-element-edit-mode.stuck-nav {z-index:0;} .header-icon { display: block; float: right; list-style: none; margin-left: 30px; padding: 0; text-align: right; } .header-icon li { display: inline-block; vertical-align: middle; } .header-icon li a { color: #111; display: block; opacity: 0.8; padding: 24px 0 18px 0; text-align: center; width: 30px; } .header-icon li a i { opacity: 0.8; border-radius: 50%; height: 35px; line-height: 35px; margin: auto; text-align: center; width: 35px; } .header-icon li a:hover{ color:#f96152; opacity: 1; } .margin-bottom{margin-bottom:80px;} .margin-top{margin-top:80px;} .padding-top{padding-top:80px;} .mobile-wrapper.trobica-menu-element { display: inline-block; float: none; padding: 0; vertical-align: text-top; } .trobica-menu-element .hamburger { height:20px; padding: 0; } /** Search icon **/ .cart_search_block { padding: 0; margin: 0; float: left; display: inline-block; } .cart_search_block>li { padding: 18px; float: left; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;position: relative; } .btn-nav-top{ float: right; margin-left: 22px; position: relative; } .btn-nav-top a{ color: #fff; padding: 12px 20px; background: #f96152; font-weight: 500; text-transform: uppercase; line-height: 24px; font-size: 12px; letter-spacing: .8px; border-radius: 50px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; border: 1px solid #f96152; } .btn-nav-top a:hover{ color: #f96152; background: #fff; border-color: #f96152; } .search-icon-header{ float: right; margin-left: 30px; margin-left: 30px; position: relative; top: 25px; } .search-icon-header a.search { font-size: 16px; position: relative; } .search-icon-header a.cart-contents { font-size: 14px; position: relative; left: 20px; } .search-icon-header a i { color:#000; } .search-icon-header .close-black-block a i { color:#fff; } .search-icon-header .close-black-block a i.fa-times { color:#fff; } .search-icon-header #searchform #s{ font-style: italic; font-size: 16px; height: 56px; } .search-icon-header #searchform #searchsubmit { background: transparent; } .search-icon-header #searchform::after { background: #f96152; color: #fff !important; right: 0; height: 56px; line-height: 56px; width: 56px; font-size: 2rem; } .search-icon-header #searchform:hover::after { opacity: 0.7; } .search-icon-header a.search:after{ width: 1px; height: 30px; content: ""; position: absolute !important; bottom: -5px; left: -22px; z-index: 0; margin: auto; background: #999; cursor: initial; } .search-icon-header .close-black-block a:after{ display: none; } .black-search-block { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; background: rgba(0, 0, 0, 0.9); visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; z-index: -1; } .search-icon-header.open .black-search-block { opacity: 1; visibility: visible; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; z-index: 9999999; } .black-search-table { display: table; width: 100%; height: 100%; } .black-search-table-cell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .black-search-table-cell div { width: 50%; position: relative; display: inline-block; top: 50px; opacity: 0; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transition-delay: 150ms; transition-delay: 150ms; } .search-icon-header.open .black-search-table-cell div { top: 0px; opacity: 1; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transition-delay: 150ms; transition-delay: 150ms; } .black-search-table-cell div input[name="s"] { background: #fff; padding: 15px 50px 15px 15px !important; border: none; font-size: 20px; width: 100%; border-bottom: 1px solid #fff; font-weight: 400; } .black-search-table-cell #searchsubmit { border: none; background: 0; outline: 0; width: auto; cursor: pointer; color: #333; padding: 0; position: absolute; right: 0; width: 40px; height: 40px; top: 21px; z-index: 99999; text-align: center; } .close-black-block { font-size: 30px; color: #fff; position: absolute; top: 20px; right: 50px; } .close-black-block i { font-size: 30px; color: #fff; } /* ---------------------------------------------------------------- [ * End Header ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Slider ] -----------------------------------------------------------------*/ .slider-box.container-fluid{ max-width:100%; padding-left:4em; padding-right:4em; } .slider > .slide{opacity:0;position:absolute;top:0;left:0;} .slider > .slide:first-child{position:relative;} .slider-img-bg { z-index: -2; background-position: 50% 50%; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .slider-line { margin-top: 0; background: #f96152; display: inline-block; height: 2px; margin-bottom: 0; position: relative; top:-15px; width: 100px; z-index: -1; } .slider-hidden{overflow:hidden;} .slider-mask{ height: 100%; left: 0%; position: absolute; top: 0%; width: 100%; z-index: -1; background: #fff; opacity: .8; } .slider-box { padding-bottom: 14%; padding-top: 14%; position: relative; text-align:center; } .slide{ position:relative; overflow:hidden; } .slider-text { color:#333; font-size: 16px; margin-bottom: 1.4em; } .slider-style-3 .slider-text { width: 100%; } .slider-style-3 .slider-subtitle{ color: #f96152; background: #fff; max-width: 500px; padding: 0px 15px; display: inline-block !important; } .slider-style-3 .slider-title{ font-size: 70px; line-height: 1.1; font-weight: 700; text-transform: capitalize; margin-bottom: 50px; } .slider-subtitle { color: #000; font-size: 18px; font-weight: 600; letter-spacing: 3px; margin: 0; text-transform: uppercase; margin-bottom: 10px; } .slider-style-2 .slider-title{ font-size: 65px; letter-spacing: 5px; line-height: 1.2; font-weight: 700; } .slider-style-2 .slider-subtitle{ background: #e77c11; max-width: 500px; padding: 0px 20px; display: inline-block !important; } .elementor-widget-dsc-slider .home-slider { overflow: hidden; } .elementor-widget-dsc-slider .home-slider .fa.fa-angle-right.slick-arrow { right: -50px; } .elementor-widget-dsc-slider .home-slider:hover .fa.fa-angle-right.slick-arrow { right: 20px; } .elementor-widget-dsc-slider .home-slider .fa.fa-angle-left.slick-arrow { left: -50px; } .elementor-widget-dsc-slider .home-slider:hover .fa.fa-angle-left.slick-arrow { left: 20px; } .home-slider .slick-arrow { -webkit-transition: all 0.4s ease-out 0s; background: #ffffff3d; top: 50%; color: #fff; cursor: pointer; font-size: 16px; height: 50px; line-height: 50px; margin-top: 0; opacity: 1; position: absolute; text-align: center; transition: all 0.4s ease-out 0s; width: 50px; z-index: 3; border-radius: 50%; font-weight: 800; } .home-slider .slick-arrow:hover{background:#fff;color:#f96152;} .btn-relative{overflow:hidden;display:inline-block} .slider-btn { -webkit-transition-duration: 1.5s; display: inline-block; font-size:14px; overflow:hidden; position:relative; z-index:1; color: #fff; padding: 16px 36px; transition-duration: 1.5s; letter-spacing: 1px; line-height: 20px; background: transparent; } .slider-btn:hover{color:#f96152;} .slider-btn::before { -ms-transform: scale(0); -webkit-transition-duration: 0.8s; -webkit-transition:all 0.4s ease-out 0s; opacity:0.3; transform: scale(0); -webkit-transform: scale(0); background:transparent; border-radius: 200px; content: ""; display: block; height: 200px; left: -50%; margin-top: -100px; position: absolute; top: 50%; transition-duration: 0.8s; transition: all 0.4s ease-out 0s; width: 200px; z-index: -1; } .slider-btn::after { -ms-transform: scale(0); -webkit-transition:all 0.4s ease-in 0s; opacity:0.3; transform: scale(0); transition-delay:0.3s; -webkit-transform: scale(0); background: #fff none repeat scroll 0 0; border-radius: 200px; content: ""; display: block; height: 200px; left: -50%; margin-top: -100px; position: absolute; top: 50%; transition: all 0.4s ease-in 0s; width: 200px; z-index: -1; } .slider-btn:hover::after,.slider-btn:hover::before{ -ms-transform: scale(4); opacity:1; transform: scale(4); -webkit-transform: scale(4); } .dsc-btn-style1{ color: #ffff; background: #000; border:2px solid #000; } .dsc-btn-style1:hover{ color: #000; background: transparent; } .dsc-btn-style2{ color: #fff; background: #000; border:1px solid #000; } .slider-content { display:inline-block; width: 100%; padding: 10px; } .slider-content.left-box-slider { margin: 0; } .left-box-slider .slider-line { background: #f96152; height: 5px; margin-bottom: 25px; margin-top: -15px; margin: 0; width: 150px; } .center-box-slider .slider-line { background: #f96152; height: 15px; margin-bottom: 25px; margin: auto; top:-40px; width: 300px; } .page-head-slider .slider-box { padding-bottom: 120px; padding-top: 200px; } /* ---------------------------------------------------------------- [ * End Slider ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Features ] -----------------------------------------------------------------*/ .feature-1{ background-color: #fff; padding: 50px 25px; border: 1px solid #eee; } .feature-1 .icon-title{ font-size: 22px; margin-bottom: 20px; } .feature-1 .icon-text p{ margin-bottom:0; } .feature-1 .feature-btn { letter-spacing: 2px; transition-duration: 1.5s; -webkit-transition-duration: 1.5s; display: inline-block; font-size:14px; overflow:hidden; position:relative; z-index:1; transition: all .4s; color: #999; border-bottom: 2px solid #dfdfdf; } .feature-1:hover .trobica-icon { background: #fff; color: #f96152; } .feature-2:hover { box-shadow: 0px 20px 40px 0 rgba(0, 0, 0, 0.2); } .feature-2{ background-color: #fff; padding: 35px 25px; transition: all 0.3s ease-in-out; } .feature-2 .cont{ display: table-cell; vertical-align: middle; } .feature-2 .trobica-icon { color: #f96152; font-size: 40px; height: 80px; line-height: 80px; width: 60px; transition: all 0.3s ease-in-out; display: table-cell; vertical-align: top; } .feature-2 .icon-title{ font-size:20px; } .feature-2 .icon-text p{ margin-bottom:20px; } .feature-2:hover .trobica-icon { background: #fff; color: #f96152; } .feature-3{ padding: 0 25px; } .feature-3 .cont{ display: table-cell; vertical-align: middle; } .feature-3 .trobica-icon { color: #f96152; font-size: 40px; height: 80px; line-height: 80px; width: 50px; transition: all 0.3s ease-in-out; display: table-cell; vertical-align: top; } .feature-3 .fa-envelope-o { font-size: 25px; line-height: 70px; } .feature-3 .icon-title{ font-size:20px; font-weight: 500; } .feature-3 .icon-text p{ margin-bottom:0; } .feature-3:hover .trobica-icon { color: #f96152; } .feature-btn-align-icon-left.feature-btn-button-icon { float: left; margin-right:10px; transition: all .4s; } .feature-btn-align-icon-right.feature-btn-button-icon { float: right; margin-left:10px; transition: all .4s; } .feature-2 .feature-btn{ float: left; border-bottom: 2px solid #dfdfdf; } .feature-4{ background-color: #fff; padding: 50px 30px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07); } .feature-4 .icon-title{ font-size: 20px; margin-bottom: 20px; } .feature-4 p{ margin-bottom: 0; } .feature-4 .feature-btn { letter-spacing: 2px; transition-duration: 1.5s; -webkit-transition-duration: 1.5s; display: inline-block; font-size:14px; overflow:hidden; position:relative; z-index:1; transition: all .4s; color: #999; border-bottom: 2px solid #dfdfdf; } .feature-4 .trobica-icon { background: #f96152; color: #fff; border-color: #f96152; } /* ---------------------------------------------------------------- [ * End Features ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Portfolio ] -----------------------------------------------------------------*/ .trobica-gallery .port-item { float: left; clear: none; } .port-inner { overflow: hidden; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .port-box { display: block; padding: 60% 0; position: relative; z-index: 1; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); } .portfolio-body .port-box::after { display: none !important; height: 100%; width: 273%; display: block; content: ""; position: absolute; background: #333; transform: rotate(45deg); top: -200%; right: -100%; -webkit-transition: all 0.7s cubic-bezier(0.5, 0, 0.4, 1); -moz-transition: all 0.7s cubic-bezier(0.5, 0, 0.4, 1); -ms-transition: all 0.7s cubic-bezier(0.5, 0, 0.4, 1); -o-transition: all 0.7s cubic-bezier(0.5, 0, 0.4, 1); transition: all 0.7s cubic-bezier(0.5, 0, 0.4, 1); } .portfolio-body .port-inner:hover .port-box::after { top:-50%; } .port-inner:hover .port-box{ opacity:0.9; } .portfolio-body{margin-bottom:-1px;} .single-portfolio .slider-mask { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; } .port-short .slider-padding { padding: 39.5%; } .portfolio-type-four .slider-center-box > h3 { font-size: 30px; } .port-link { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .port-img { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pagi-box { width: 100%; } .img-mask { z-index: 0; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); position:absolute; height:100%; width:100%; top:0; left:0; } .mason-mask{position:absolute;width:100%;height:100%;z-index:1;} .ani-width .img-mask { background: #fff none repeat scroll 0 0; height: 110%; position: absolute; right: -10px; top: -10px; bottom:-10px; width: 50%; transform:scale(1,1); transform-origin:right; -ms-transform: scale(1,1); -ms-transform-origin:right; -webkit-transform: scale(1,1); -webkit-transform-origin:right; } .gray-bg .ani-width .img-mask{ background:#fafafa; } .dark-page .ani-width .img-mask {background:#1f1f1f;} .dark-page .gray-bg .ani-width .img-mask{background:#1A1A1A;} .full-ani-width .img-mask { -ms-transform: scale(0,1); -webkit-transform: scale(0,1); transform:scale(0,1); } .width-img { -webkit-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1); -moz-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1); -ms-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1); -o-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1); transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1); } .ani-width .width-img { opacity: 0; } .full-ani-width .width-img { opacity: 1; } .port-filter { list-style: outside none none; margin: 0 0 10px 0; padding: 0; overflow: hidden; display: inline-block !important; line-height: 1rem; text-transform: uppercase; } .port-filter a.active { color: #f96152; } .port-filter a { background: transparent; display: inline-block; font-size: 14px; padding: 10px; z-index: 1; position: relative; overflow: hidden; color: #666; border-radius: 50px; } .port-filter a:hover{color:#f96152;} .port-filter > li { display: inline-block; margin:5px; } .dbox-relative h3 { font-size: 22px; margin: 0; text-transform: capitalize; color: #fff; } .dbox-relative p { color: #fff; line-height: 1.2; margin-bottom: 0; } .port-dbox { position: absolute; bottom: 0; left: 0; width: 100%; z-index:1; } .port-inner:hover .dbox-relative { opacity: 1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } .dbox-relative { opacity: 0; padding: 20px 40px; z-index: 1; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform:scale(1.2); -webkit-transition:all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .other-portfolio .port-box { padding: 50% 0; background: #f96152; } .other-portfolio .port-item{ float:left; } .port-detail { list-style: none; padding: 0; display: inline-block; font-family: 'Roboto', sans-serif; font-size: 16px; } .port-detail li { display: inline-block; margin-right: 10px; } .port-gallery-body .col-md-12 .port-box { padding: 30% 0; } .port-top-gallery .port-box { padding: 35% 0; } .other-portfolio { text-align:center; } .op-title { font-size: 35px; margin: 0; margin-bottom: 40px; line-height:1; } .op-sub { margin: 0; } .single-work-title { font-size: 60px; margin: 0 0 30px; text-transform: capitalize; } .swork-line { margin-bottom: 25px; background: #000; height: 6px; width: 60px; margin-top: -15px; } /*portfolio style 2*/ .portfolio-2 .port-inner:hover { moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .portfolio-2 .port-box { background: #fff; } .portfolio-2 .dbox-relative h3 { font-size: 20px; font-weight: 500; margin: 0; margin-top: -50px; position: relative; -webkit-transition:all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; opacity:0; } .portfolio-2 .port-inner:hover .dbox-relative h3 a:hover{ color:#f96152; } .portfolio-2 .dbox-relative p { color: #666; font-size: 14px; margin-top: 50px; position: relative; -webkit-transition:all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; transition-delay:0.4s; -webkit-transition-delay:0.4s; opacity:0; } .portfolio-2 .port-inner:hover .dbox-relative a{ display:block; } .portfolio-2 .port-inner:hover .dbox-relative a.port-icon{ display: inline-block; position: absolute; top: 350%; right: 5%; } .portfolio-2 .port-inner .port-dbox a span{ display: inline-block; border-radius: 50%; text-align: center; line-height: 40px; color: #666; background: transparent; font-size: 17px; transition: ease .5s; bottom: 20px; position: absolute; right: 20px; opacity: 0; transition: ease .5s; } .portfolio-2 .port-inner:hover .port-dbox a span{ opacity: 1; } .portfolio-2 .port-inner .port-dbox a span:hover{ background: transparent; border-color: #f96152; color: #f96152; } .portfolio-2 .port-inner:hover .dbox-relative h3{ margin-top:0; opacity:1; display: inline-block !important; margin-bottom: 5px; } .portfolio-2 .port-inner:hover .dbox-relative h3 a{ color:#000; } .portfolio-2 .port-inner:hover .dbox-relative p{margin-top:0;opacity:1;} .portfolio-2 .port-dbox { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; height: 100%; display: block; } .portfolio-2 .port-inner .dbox-relative{ background:transparent; padding: 0; margin: 0; display: block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; width: 100%; position: relative; } .portfolio-2 .port-box { padding: 50% 0; } /*portfolio style 3*/ .portfolio-type-three .port-box { background:#fff; } .portfolio-type-three .port-item { padding: 0; } .portfolio-type-three .dbox-relative h3 { font-size: 22px; margin: 0; text-transform: capitalize; color: #fff; margin-top: -50px; position: relative; -webkit-transition:all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; opacity:0; } .portfolio-type-three .dbox-relative p { color: #f96152; font-family: 'Roboto', sans-serif; line-height: 1.2; margin-top: 50px; position: relative; -webkit-transition:all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; transition-delay:0.4s; -webkit-transition-delay:0.4s; opacity:0; } .portfolio-type-three .port-inner:hover .dbox-relative a{ display: block; } .portfolio-type-three .port-inner:hover .dbox-relative a span{ display: inline-block; height: 42px; border: 1px solid #f96152; border-radius: 50%; text-align: center; width: 42px; line-height: 40px; color: #fff; background: #f96152; font-size: 17px; margin-bottom: 10px; transition: ease .5s; } .portfolio-type-three .port-inner .dbox-relative a span:hover{ background-color: transparent; color: #f96152; } .portfolio-type-three .port-inner:hover .dbox-relative h3{ margin-top:0; opacity:1; border-bottom: 2px solid #f96152; display: inline-block !important; margin-bottom: 5px; } .portfolio-type-three .port-inner:hover .dbox-relative h3 a{ color:#111111; } .portfolio-type-three .port-inner:hover .dbox-relative p{margin-top:0;opacity:1;} .portfolio-type-three .port-dbox { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; height: 100%; display: block; } .portfolio-type-three .port-inner .dbox-relative{ background:transparent; padding: 0; margin: 0; display: block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; width: 100%; position: relative; } .portfolio-type-three .port-box { padding: 50% 0; } /* ---------------------------------------------------------------- [ End Portfolio ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Team ] -----------------------------------------------------------------*/ .team-post { color: #fff; } .team-name { color: #fff; font-size: 40px; margin: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); position: relative; opacity:0; -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); -o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); } .hovering:hover .team-name ,.hovering:hover .team-soc-list{ transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity:1; } .team-soc-list { list-style: none; padding: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); position: relative; margin: 0; opacity:0; -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); -o-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1); transition-delay:0.6s; } .team-soc-list li { display: inline-block; } .team-soc-list a { display: block; width: 35px; height: 35px; border-radius: 100px; color: #fff; background: #eb2f5b; line-height: 35px; } .team-soc-list a:hover{ background: #fff; color:#eb2f5b; } .team-sicon { padding: 0; display: block; position: relative; z-index: 33; } .dsc_about_me .port-box { min-height: 100%; } .team-sicon li { display: inline-block; text-align:center; } .team-sicon li a { color: #fff; padding-left: 0; display:block; border: 1px solid #1f1f1f; border-radius: 50%; margin: 5px; } .team-sicon li a:hover { border-color: #f96152; } .team-sicon li a i { border-radius: 50%; height: 35px; line-height: 35px; margin: auto; text-align: center; width: 35px; } .team-1{ box-shadow: 0px 15px 39px 0px rgb(216, 211, 211); } .team-1 .team-info{ background: #fff; padding: 20px 10px; text-align: center; border-bottom: 1px solid #f96152; } .team-1 h5{ margin-top: 0; margin-bottom: 0; } .team-1 p{ font-size: 14px; margin-bottom: 0px; color: #f96152; } .team-1 .port-box{ padding: 50% 0; text-align: center; } .team-1 .port-dbox{ text-align: center; } .team-1 .port-inner:hover .port-box{ opacity:0.9; background:#fff; } .team-2 .port-box{ background: #f96152; } .team-sicon li a:hover{ color:#f96152; } .team-list .port-dbox { width: auto; } .team-list-two .team-col { padding: 0; } .team-list-one .team-col { margin-bottom: 30px; } .team-list-two .port-inner { margin: 0; } .team-list-two .dbox-relative { background: transparent; padding: 0 20px; } .team-list-two .team-sicon li a{ color:#eb2f5b; } /* ---------------------------------------------------------------- [ End Team ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Testimonials ] -----------------------------------------------------------------*/ .testimonial { position: relative; z-index: 1; } .testimonial .slick-slide { border: 1px solid #fff; padding: 50px 25px; margin-left: 20px; margin-right: 20px; background-color: #fff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .testimonial p { font-family: Roboto; margin-bottom: 0; color:#505050; } .testimonial .testi-from { font-family: 'Roboto', sans-serif; font-size: 14px; font-style: normal; text-transform: capitalize; color: #4f4f4f; margin-bottom: 15px; } .testimonial h3 { font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 0; } .testimonial > div { margin: auto; max-width: 1170px; text-align: center; } .testimonial .author-img { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; margin: 0 auto 20px; } .testimonial .rating-icon{ color: #f96152; letter-spacing: 10px; overflow: hidden; margin-top: 1.8rem; margin-bottom: -4px; font-size: 18px; webkit-transition: ease .5s; -moz-transition: ease .5s; -o-transition: ease .5s; -ms-transition: ease .5s; transition: ease .5s; } .testimonial .slick-slide:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .with-bg .testimonial p ,.with-bg .testimonial h3 {color:#fff;} .with-bg { padding: 150px 0; } .with-bg .slider-mask{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 } /* ---------------------------------------------------------------- [ End Testimonials ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Contact ] -----------------------------------------------------------------*/ .widget .contact-list,.contact-list { list-style: outside none none; margin: 20px 0; padding: 0; } .widget .contact-list > li,.contact-list > li { margin-bottom: 10px; list-style: outside none none; } .contact-list i.fa { color: #1f1f1f; display: inline-block; font-size: 18px; margin-right: 7px; } .map_canvas { height: 500px; } .map-gray iframe { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .box-map { line-height: 1; padding: 20px 0 20px 20px; text-align: center; width: 100%; } .box-map> img { max-width: 400px; max-height: 200px; } .box-map > h3 { font-size: 16px; color:#1f1f1f; letter-spacing: 3px; margin: 10px 0 10px; text-transform: uppercase; } form input,form textarea { -moz-box-sizing: border-box; background: #fff; border: none; border: 1px solid #ddd; box-sizing: border-box; color: #888; line-height: inherit; padding: 6px 13px; padding-left: 30px; width: 100%; max-height: 150px; border-radius: 0; background: #fdfdfd; font-size: 15px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } form input:focus,form textarea:focus { border-color: #f96152; box-shadow: 0 0 25px rgba( 0, 0, 0, 0.1 ); } .comment-respond form input, .comment-respond form textarea{ border: 1px solid #ddd; padding-left: 46px; max-height: 160px; } .comment-respond form input:focus, .comment-respond form textarea:focus{ border-color: #f96152; } .comment-respond form input::placeholder, .comment-respond form textarea::placeholder{ color:#333; } #MyContactForm{text-align:left;} #MyContactForm p span { display: block; letter-spacing: 2px; text-transform: uppercase; } input:focus, textarea:focus { border-color: #e0e0e0; } :focus{outline:none;} #MyContactForm p label { cursor: text; display: block; margin: 0; position: relative; top: 0; width: 100%; } ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } :-ms-input-placeholder { color: #aaa; } #form-wrapper #MyContactForm .error { bottom: 12px; color: #FF0000; font-family: inherit; font-size: 12px; font-weight: normal; left: auto; font-style:italic; letter-spacing: 0; position: absolute; right: 20px; text-transform: capitalize; width: auto; } .wpcf7-submit ,.dark-page .wpcf7-submit{ color: #f96152; width:auto; border:1px solid #f96152; display: inline-block; font-size:16px; padding: 7px 15px; position:relative; overflow:hidden; z-index:1; -webkit-transition-duration: 1.0s; transition-duration: 1.0s; } .content-btn { color: #f96152; width:auto; border:1px solid #f96152; display: inline-block; font-size:14px; position:relative; overflow:hidden; z-index:1; -webkit-transition-duration: 1.0s; transition-duration: 1.0s; padding: 8px 20px; } .content-btn:hover{ background-color: #f96152; color:#fff; } .color-bg .wpcf7-submit {background:#fff;color:#f96152;} .color-bg .wpcf7-submit:hover{ color:#fff;border-color:#fff;} .wpcf7-submit:hover{ color:#fff; border:1px solid #f96152; background:#f96152;} .wpcf7-submit::before,.content-btn::before { background: #eee none repeat scroll 0 0; border-radius: 200px; content: ""; display: block; height: 200px; left: -50%; margin-top: -100px; position: absolute; top: 50%; width: 200px; opacity:0.3; z-index: -1; transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -webkit-transition:all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .wpcf7-submit::after,.content-btn::before { background: #fff none repeat scroll 0 0; border-radius: 200px; content: ""; opacity:0.3; display: block; height: 200px; left: -50%; margin-top: -100px; position: absolute; top: 50%; width: 200px; z-index: -1; transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -webkit-transition:all 0.4s ease-in 0s; transition: all 0.4s ease-in 0s; transition-delay:0.3s; } .dark-page .wpcf7-submit::after{background:#1f1f1f;} .dark-page .gray-bg .wpcf7-submit::after{background:#1A1A1A;} .wpcf7-submit:hover::after,.slider-btn:hover::before{ opacity:1; transform: scale(4); -ms-transform: scale(4); -webkit-transform: scale(4); } .wpcf7 p{position:relative;} .wpcf7 p:nth-last-child(2){padding-left:10px;} .wpcf7-form span.wpcf7-not-valid-tip { font-size: 12px; font-style: italic; letter-spacing: 0; position: absolute; right: 15px; text-transform: none; top: 10px; } span.wpcf7-form-control-wrap { display: block ; padding-right: 10px; padding-left: 10px; } span.wpcf7-form-control-wrap.your-message { padding-right: 20px; } span.your-name,span.your-email,span.cell-phone,span.subject { display: inline-block; width: 49%; } .wpcf7 form p br { display: none ; } .comment-respond p{ position: relative; } span.your-email:before, span.your-name:before, span.your-message:before, .comment-form-email:before,span.cell-phone:before,span.subject:before{ color: #f96152; display: inline-block; font-family: fontawesome; font-size: 15px; font-style: normal; height: 30px; left: 10px; line-height: 30px; margin-top: -15px; position: absolute; text-align: center; top: 50%; width: 30px; } .comment-form-email:before, .comment-form-author:before,.comment-form-comment:before,.comment-form-url:before{ border-radius: 4px 0 0 4px; border-right: 1px solid #e1e6eb; color: #555; display: inline-block; font-family: fontawesome; font-size: 16px; height: 40px; left: 0px; line-height: 40px; margin-top: 0px; position: absolute; text-align: center; top: 1px; width: 40px; } .comment-form-email, .comment-form-author, .comment-form-url{ width: 32.9%; display: inline-block; padding-right: 1%; } .comment-form-url{ padding-right: 0; } span.your-email:before, .comment-form-email:before{ content: "\f003"; } span.your-name:before,.comment-form-author:before{ content: "\f2c0"; } span.your-message:before{ content: "\f0e5"; top: 11%; } span.cell-phone:before{ content: "\f10b"; font-size: 20px; } span.subject:before{ content: "\f27b"; } .comment-form-comment{ margin-top: 30px; margin-bottom: 20px; } .comment-form-comment:before{ content: "\f0e5"; border-bottom: 1px solid #e1e6eb; } .comment-form-url:before{ content: "\f0c1"; } div.wpcf7-validation-errors { border: medium none; clear: both; margin-left: 0; margin-top: 10px; padding: 10px 0; text-align: left; } div.wpcf7-mail-sent-ok { border: medium none; clear: both; font-size: 15px; margin: 0; padding: 0; text-align: left; } /*----404 style--*/ .error-title { border: 15px double #f96152; display: inline-block; font-size: 200px; font-weight: 600; margin-bottom: 40px; padding: 10px 60px; text-transform: uppercase; font-family: 'Roboto'; color: #333; } .error-text { font-size: 20px; font-family: Roboto; color:#333; } /* ---------------------------------------------------------------- [ End Contact ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Footer ] -----------------------------------------------------------------*/ .footer { background: #202020; text-align: center; font-size:14px; padding: 80px 0; } .footer-padding{padding:100px 0;} .footer-icon { display: block; list-style: none; padding: 0; margin: 0; margin-bottom: 20px; margin-top: 20px; } .footer p{ margin-bottom:0; margin-top:10px; color: #999; opacity: 0.8; } .footer-icon li { display: inline-block; margin: 3px; } .footer-icon li a { width: 25px; height: 25px; display: block; line-height: 25px; color:#999; opacity: 0.8; border-radius: 100px; font-size: 16px; } .footer-icon li a:hover{ transform: translateY(-3px);; opacity: 1; color: #fff; } .footer-img { max-width: 150px; } .footer a{color:#f96152;} #gallery-1 .gallery-item, #gallery-2 .gallery-item { margin-top: 0 !important; margin-bottom: 0 !important; } #gallery-1 img, #gallery-2 img{ border: 1px solid #efefef !important; } .dsc-footer-style1{ background: #222222; padding: 60px 0; } .dsc-footer-style2{ background: #150546; } .dsc-footer-style1 h3{ font-size: 22px; font-weight: 600; margin-bottom: 25px !important; color: #fff; } .dsc-footer-style1 p{ color: #fff; opacity: .8; line-height: 27px; } .dsc-footer-style1 ul li{ color: #fff; opacity: .8; margin-bottom: 12px !important; } .dsc-footer-style1 ul li:hover{ opacity: 1; } .dsc-footer-style1 ul li a{ font-size: 16px; border-bottom: none; color: #fff; opacity: .8; font-weight: 600; position: relative; margin-bottom: 6px !important; } .dsc-footer-style1 .elementor-widget-wp-widget-recent-posts h5{ display: none; } .dsc-footer-style1 ul{ list-style-type: none; padding-left: 0; } .dsc-footer-style1 .elementor-widget-wp-widget-recent-posts li{ margin-bottom: 12px !important; } .dsc-footer-style1 .elementor-widget-wp-widget-recent-posts li span{ color: #eee; opacity: 0.8; } .dsc-footer-style1 .elementor-widget-wp-widget-recent-posts a{ color: #eee; opacity: .8; display: block; } .dsc-footer-style1 .mc4wp-form-fields{ margin-top: 20px; padding-right: 20px; } .dsc-footer-style1 .mc4wp-form-fields input[type=email]{ padding-left: 15px; padding-right: 100px; background: transparent; border: 1px solid #eee; border-color: #eee; border-radius: 50px; } .dsc-footer-style1 .mc4wp-form-fields input[type=email]::focus{ border-color: #fff; color: #eee; } .dsc-footer-style1 .mc4wp-form-fields input::placeholder{ color: #fff; opacity: 0.8; } .dsc-footer-style1 .mc4wp-form-fields input[type=submit]{ position: absolute; top: 0; right: 20px; width: 95px; padding-left: 5px; padding-right: 5px; background: transparent; font-weight: 600; color: #fff; border-left: none; text-transform: uppercase; border: none; } .dsc-bottom-style1{ background: #111; padding: 10px 0; } .dsc-bottom-style1 p{ margin: 0; color: #eee; opacity: 0.8; margin-left: -28px; } .dsc-bottom-style1 ul{ text-align: right; } .dsc-bottom-style1 li{ display: inline-block; margin-left: 20px; } .dsc-bottom-style1 li a{ color: #eee; opacity: 0.8; } /*... footer style 2 ...*/ .dsc-footer-style-2{ background: #eee; padding: 85px 15px 80px 15px; padding-bottom: 30px; } .dsc-footer-style-2 h3{ font-size: 16px; color: #fff; display: inline-block; padding-bottom: 25px !important; } .dsc-footer-style-2 h3:after{ width: 40px; height: 2px; content: ""; position: absolute !important; bottom: 0; left: 0; z-index: 0; margin: auto; background: #fff; opacity: 0.3; } .dsc-footer-style-2 p{ color: #fff; opacity: .4; line-height: 27px; font-size: 14px; } .dsc-footer-style-2 ul li{ color: #fff; margin-bottom: 12px !important; } .dsc-footer-style-2 ul li a{ font-size: 16px; border-bottom: none; color: #fff; position: relative; color: #fff; opacity: .4; font-size: 14px; -webkit-transition: 100ms linear all; -moz-transition: 100ms linear all; transition: 100ms linear all; } .dsc-footer-style-2 ul li a:hover{ opacity: 1; } .dsc-footer-style-2 .elementor-widget-wp-widget-recent-posts h5{ display: none; } .dsc-footer-style-2 ul{ list-style-type: none; padding-left: 0; } .dsc-footer-style-2 .elementor-widget-wp-widget-recent-posts li{ margin-bottom: 12px !important; } .dsc-footer-style-2 .elementor-widget-wp-widget-recent-posts li span{ color: #fff; opacity: 0.3; font-size: 14px; } .dsc-footer-style-2 .elementor-widget-wp-widget-recent-posts a{ color: #fff; display: block; } .dsc-footer-style-2 .mc4wp-form-fields{ margin-top: 20px; padding-right: 20px; } .dsc-footer-style-2 .mc4wp-form-fields p{ opacity: 1; } .dsc-footer-style-2 .mc4wp-form-fields input[type=email]{ padding-left: 15px; padding-right: 100px; border: 1px solid #c8c2c2; border-radius: 3px; width: 245px; font-size: 16px; padding: 8px 13px; } .dsc-footer-style-2 .mc4wp-form-fields input[type=submit]{ position: absolute; top: 20px; left: 150px; width: 95px; padding-left: 5px; padding-right: 5px; background: #333; color: #fff; border-left: none; border: none; border-radius: 3px; border-bottom-left-radius: 0; border-top-left-radius: 0; height: 45px; font-size: 16px; } .dsc-footer-style-2 .mc4wp-form-fields input[type=submit]:hover{ background: #f96152; } .dsc-bottom-style-2{ background: #0c0c0c; padding: 20px 0; } .dsc-bottom-style-2 p{ margin: 0; color: #fff; opacity: 0.4; font-size: 14px; } .dsc-bottom-style-2 ul{ text-align: right; } .dsc-bottom-style-2 li{ display: inline-block; margin-left: 20px; } .dsc-bottom-style-2 li a{ color: #fff; opacity: 0.4; font-size: 14px; } /*... footer style 3 ...*/ .dsc-footer-style-3{ padding: 65px 15px 60px 15px; padding-bottom: 30px; } .dsc-footer-style-3 h3{ font-size: 16px; color: #000; display: inline-block; padding-bottom: 25px !important; } .dsc-footer-style-3 h3:after{ width: 40px; height: 2px; content: ""; position: absolute !important; bottom: 0; left: 0; z-index: 0; margin: auto; background: #f96152; opacity: 0.8; } .dsc-footer-style-3 p{ color: #000; opacity: .8; line-height: 27px; font-size: 14px; } .dsc-footer-style-3 ul li{ color: #000; margin-bottom: 12px !important; } .dsc-footer-style-3 ul li a{ font-size: 16px; border-bottom: none; color: #000; position: relative; opacity: .8; font-size: 14px; -webkit-transition: 100ms linear all; -moz-transition: 100ms linear all; transition: 100ms linear all; } .dsc-footer-style-3 ul li a:hover{ opacity: 1; } .dsc-footer-style-3 .elementor-widget-wp-widget-recent-posts h5{ display: none; } .dsc-footer-style-3 ul{ list-style-type: none; padding-left: 0; } .dsc-footer-style-3 .elementor-widget-wp-widget-recent-posts li{ margin-bottom: 12px !important; } .dsc-footer-style-3 .elementor-widget-wp-widget-recent-posts li span{ color: #000; opacity: 0.8; font-size: 13px; } .dsc-footer-style-3 .elementor-widget-wp-widget-recent-posts a{ color: #000; display: block; } .dsc-footer-style-3 .rpwe-block .rpwe-thumb{ border: none; padding: 0 !important; } .dsc-footer-style-3 .rpwe-block h3{ padding-bottom: 0 !important; padding-top: 5px; } .dsc-footer-style-3 .rpwe-block h3:after{ display: none; } .dsc-footer-style-3 .rpwe-block .rpwe-time{ color: #666; } .dsc-footer-style-3 .mc4wp-form-fields{ margin-top: 10px; padding-right: 20px; } .dsc-footer-style-3 .mc4wp-form-fields p{ opacity: 1; } .dsc-footer-style-3 .mc4wp-form-fields input[type=email]{ padding-left: 15px; padding-right: 100px; border: 1px solid #fff; border-radius: 0; width: 245px; font-size: 16px; padding: 8px 13px; } .dsc-footer-style-3 .mc4wp-form-fields input[type=submit]{ position: absolute; top: 10px; left: 150px; width: 95px; padding-left: 5px; padding-right: 5px; background: #f96152; color: #fff; border-left: none; border: none; border-radius: 0; height: 45px; font-size: 16px; } .dsc-footer-style-3 .mc4wp-form-fields input[type=submit]:hover{ background: #333; } .dsc-bottom-style-3{ background: #0c0c0c; padding: 20px 0; } .dsc-bottom-style-3 p{ margin: 0; color: #000; opacity: 0.8; font-size: 14px; } .dsc-bottom-style-3 ul{ text-align: right; } .dsc-bottom-style-3 li{ display: inline-block; margin-left: 20px; } .dsc-bottom-style-3 li a{ color: #000; opacity: 0.8; font-size: 14px; } /* ---------------------------------------------------------------- [ End Footer ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Blog ] -----------------------------------------------------------------*/ .blog-style-three{display:table;width:100%;} .blog-style-three .blog-link-img { display: table-cell; vertical-align: middle; position:relative; width: 30%; } /*#Blog{ overflow-x: hidden; }*/ .blog-link-img .bl-icon { border-radius:100px; position: absolute; right: 20px; top: 20px; z-index: 3; color: #fff; background: #f96152; height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 18px; } .content-btn-align-icon-left.content-btn-button-icon { float: left; margin-right:10px; } .content-btn-align-icon-right.content-btn-button-icon { float: right; margin-left:10px; display: none; } .blog-style-three .box-cat-post,.blog-style-three .post-meta,.blog-post-list .blog-style-three h3{margin-bottom:10px;} .elementor-widget-trobica-post-four { overflow: hidden; } .blogmask { height: 100%; position: absolute; width: 100%; background: rgba(0,0,0,0); transition:0.3s; top: 0; z-index: 0; } .post-slider .blog-col-inner .blogmask{ background: rgba(0,0,0,0.3); } .blog-style-three .blog-link-img:hover .blogmask,.post-slider .blog-col-inner:hover .blogmask{ background: rgba(0,0,0,0.5); } .blog-style-three .excerpt-box { width: 70%; display: table-cell; padding-left: 20px; vertical-align: middle; } .blog-style-three .blog-imgbg,.post-slider .blog-imgbg { background-position: center center; background-size: cover; } .blog-link-img img{width:100%;} .post-meta { list-style: none; padding: 0; margin-bottom: 20px; margin-top: 15px; line-height: 1; text-transform: capitalize; font-size: 14px; } .blog-style-3 p { margin-bottom: 20px; } .blog-style-3 .post-meta { margin-bottom: 0; margin-top: 0; } .blog-style-3 .post-meta-bootom{ border-top: 1px dashed #e1e1e1; padding-top: 20px; } .blog-style-3 .post-meta-bootom li{ color: #888c8e; font-size: 13px; } .blog-style-3 .post-meta-bootom a{ color: #888c8e; font-size: 13px; } .post-meta a:hover { color: #000; } .post-meta a { color: #f96152; text-transform: capitalize; } .tags a { font-weight: 500; } .blog-2 .post-meta{ font-size: 13px; margin-bottom: 30px; margin-top: -10px; } .blog-2 .post-meta a { color: inherit; } .cat-post { position: absolute; background-color: #fff; padding: 3px 10px; top: 5px; left: 5px; letter-spacing: .5px; font-size: 14px; } .date-post { position: absolute; background-color: #1f1f1f; padding: 3px 10px; top: 5px; left: 5px; letter-spacing: .5px; font-size: 14px; color:#fff; } .date-post-rtl{ position: absolute; background-color: #1f1f1f; padding: 3px 10px; top: 5px; right: 5px; letter-spacing: .5px; font-size: 14px; color:#fff; } .blog-col-inner{ background: #fff; border-radius: 0; border: 1px solid #e5e5e5; } .blog-style-3 .blog-col-inner{ border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .excerpt-box{ padding:40px; } .blog-style-3 .excerpt-box{ position: relative; box-shadow: 0 1px 5px 0 rgba(3,3,3,.15); margin-left: -40px; background: #fff; z-index: 2; } .blog-style-3 .txt-lft{ margin-left: 0; margin-right: -40px; } .blog-2 .excerpt-box{ text-align: left; padding: 30px; } .blog-2 .blog-link-img:hover img{ opacity:1; transform: scale(1.1, 1.1); webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .blog-2 .post-meta span{ color:#aaa; } .blog-link-img { position: relative; display: block; background: #f96152; overflow: hidden; opacity: .8; } .blog-link-img img{ transition:0.3s; transition: all .5s; } .blog-link-img:hover img{ opacity:0.1; transform: scale(1.1, 1.1); } .post-meta li { list-style: none; display: inline-block; margin-right: 20px; color: #f96152; text-transform: capitalize; line-height: 150%; } .blog-2 .post-meta li { color: inherit; line-height: 1.8; } .post-meta li .fa { display: inline-block; margin-right: 3px; } .blog-wrapper { background: #fff; } .dark-page .blog-wrapper{ background:#1f1f1f; } .blog-header { background: #1f1f1f none repeat scroll 0 0; position: relative; z-index: 999; } .blog-header-slider { background: #fafafa none repeat scroll 0 0; } .blog-img-bg { background-position: center center; background-size: cover; overflow: hidden; } .small-title { font-size: 30px; margin: 0 0 20px; } .blog-post-list h3 { font-size: 24px; letter-spacing: initial; font-weight: 700; -webkit-transition: ease .5s; -moz-transition: ease .5s; -o-transition: ease .5s; -ms-transition: ease .5s; transition:ease .5s; margin-top: 10px; margin-bottom: 15px; } .blog-2 .blog-post-list h3{ font-weight: 600; font-size: 220%; } .blog-post-list a:hover h3 { color: #f96152; } .post-slider .blog-link-img.blog-with-box.blog-imgbg{color:inherit;} .blog-post-list .col-md-4:nth-child(4) { clear: left; } .blog-post-list .col-md-3:nth-child(5) { clear: left; } .trobica-blog-box { position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; font-size: 15px; } .post-slider .trobica-blog-box {display:table;height:100%;} .post-slider .trobica-blog-inner{display:table-cell;vertical-align:middle;} .trobica-blog-inner{padding:20px;} .post-meta-box { list-style: none; padding:0; } .blog-post-list .trobica-blog-box h3 { color: #fff; margin: 0; font-size: 22px; } .post-meta-box li { list-style: none; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .blog-col{padding:0;} .blog-post-list .trobica-blog-box h3 { color: #fff; } .box-blog-padding{padding:20px;padding-top:0;} .blog-with-box img { opacity: 0.8; } .box-cat-post { font-family: Roboto; font-size: 14px; font-style: italic; line-height: 1; display:inline-block; } .box-cat-post.cat-absolute { position: absolute; left: 20px; bottom: 20px; background: #fff; color: #000; padding: 6px 16px; z-index:3; } .blog-box { margin: 0 15px; position: relative; top: 50%; -ms-transform: translateY(-50%) scale(0, 0); -webkit-transform: translateY(-50%) scale(0, 0); transform: translateY(-50%) scale(0, 0); z-index: 1; transition:ease .5s; -webkit-transition: ease .5s; -moz-transition: ease .5s; -o-transition: ease .5s; -ms-transition: ease .5s; } .blog-header-slider:hover .slide-nav{opacity:1;} .blog-img-bg:hover .blog-box { -ms-transform: translateY(-50%) scale(1, 1); -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); z-index: 1; } .blog-box-inner { border: 4px solid #fff; margin: auto; padding: 30px; position: relative; top: auto; max-width: 300px; -ms-transform: none; -webkit-transform: none; transform: none; text-align: center; } .blog-box h3 { font-size: 20px; letter-spacing: 2px; margin: 10px 0 30px; color: #fff; text-transform: uppercase; } .blog-2 .content-btn { border: none; margin-top: 20px; background: #fff; color: #f96152; } .blog-2 .blog-col-inner{ border: none; box-shadow: none; } .blog-2 .content-btn i{ border: .5px dashed #f96152; border-radius: 50%; height: 45px; line-height: 45px; margin: auto; text-align: center; width: 45px; } .blog-content img{ -webkit-transition: 100ms linear all; -moz-transition: 100ms linear all; transition: 100ms linear all; } .blog-box .slide-btn { font-size: 15px; letter-spacing: 3px; padding: 13px 25px; } .blog-box p { color: #fff; font-family: Roboto; font-style: italic; margin-bottom: 0; } .entry-title { display: block; font-size: 30px; margin: 0 0 20px; position: relative; font-weight: 600; webkit-transition: 100ms linear all; -moz-transition: 100ms linear all; transition: 100ms linear all; } a .entry-title { webkit-transition: 100ms linear all; -moz-transition: 100ms linear all; transition: 100ms linear all; } a .entry-title:hover { color: #f96152; } .blog-slider-box { padding: 27% 0; } .fa-arrow-left.slick-arrow, .fa-arrow-right.slick-arrow { bottom: 0; position: absolute; left: 0; width: 50px; height: 50px; line-height: 50px; background: #fff; text-align: center; cursor: pointer; z-index: 1; font-size: 12px; transition:ease .5s; -webkit-transition: ease .5s; -moz-transition: ease .5s; -o-transition: ease .5s; -ms-transition: ease .5s; } .fa-arrow-left.slick-arrow:hover, .fa-arrow-right.slick-arrow:hover{ background:#000; color:#fff; } .slider .fa.fa-arrow-right.slick-arrow { left: 50px; } .post-detail { font-size: 14px; padding: 0; list-style: outside none none; color: #666; } .post-detail > li { display: inline-block; margin-right: 20px; margin-bottom:15px; } .post-detail > li i { display: inline-block; font-size: 18px; margin-right: 7px; text-align: center; border-radius: 100px; color: #666; } .border-post { display: block; height: 1px; margin-left: 0; margin-right: 0; margin-top: 40px; border-bottom: 1px solid #eee; } .single .border-post {border:none;} .pagination { width: 100%; text-align: center; } .pagination > li { display: inline-block; margin-right: 10px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #333; border-color: #333; color: #FFFFFF; cursor: default; z-index: 2; } .pagination > li > a:focus, .pagination > li > span:focus{ color:#333; } .pagination li a:hover{color:#000000;} .pagination > li > a, .pagination > li > span { color: inherit; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 13px 20px 10px 20px; } .blog-slider:hover .slide-nav { opacity: 1; } .blog-mason .entry-title { border-bottom: 1px solid #eee; font-size: 20px; padding-bottom: 20px; } .post-bottom{ display: flex; flex-flow: row wrap; padding: 10px 0 20px; align-items: center; } .tags-bottom{ width: 50%; order: 1; margin-top: 10px; } .tags-bottom{ color: #aaa; font-size: 14px; letter-spacing: 0.1em; } .tags-bottom a{ color: #999; border: 1px solid #dad4d4; padding: 6px 14px; font-size: 12px; margin-left: 7px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-bottom: 12px; } .tags-bottom a:hover { border-color: #f96152; color: #f96152; } .sharebox{ justify-content: flex-end; width: 50%; order: 2; margin: 0 0 0 auto; } .share-box a { margin-left: 5px; position: relative; display: inline-block; height: 35px; width: 35px; line-height: 35px; border-radius: 50%; text-align: center; border: 1px solid #dad4d4; color: #666; } .share-box a:hover { border-color: #f96152; color: #f96152; } .share-box { font-family: Roboto; color: #aaa; font-size: 14px; letter-spacing: 0.1em; float: right; margin-top: 10px; } .trobica-share-box.share-box { padding:0; } .trobica-share-box .share-text{ display:inline-block; } #related_posts .related-inner:hover{ border-bottom-color: #f96152; } .related-inner { overflow: hidden; padding: 30px 20px; transition:ease .5s; -webkit-transition: ease .5s; -moz-transition: ease .5s; -o-transition: ease .5s; -ms-transition: ease .5s; background: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07); border-bottom: 3px solid #999; margin-bottom: 20px; } } .related-cat{color:#aaa;} .related-cat i { display: inline-block; margin-right: 7px; color:#f96152; } .title-related-post { -moz-transition: ease .5s; -ms-transition: ease .5s; -o-transition: ease .5s; -webkit-transition: ease .5s; font-size: 22px; margin: 40px 0 40px; font-weight: 600; text-transform: uppercase; } .related-title { font-size: 18px; line-height: 1.6em; margin: 0; margin-top: 10px; font-weight: 600; letter-spacing: 0; -moz-transition: ease .5s; -ms-transition: ease .5s; -o-transition: ease .5s; -webkit-transition: ease .5s; } h3.related-title:hover { color: #f96152; } .related-cat { font-size: 13px; line-height: 1.8; margin: 0; } #related_posts .col-sm-4{ margin-bottom:20px;} #related_posts .col-sm-4 img{ opacity:1; transition:0.3s; width: 100%; height: 240px; object-fit: cover; } #related_posts .col-sm-4:nth-child(4) { clear: left; } #related_posts { margin-bottom: 40px; border-top: 1px solid #ebebeb; } .footer.footer-two.clearfix { position: fixed; width: 100%; bottom: 0; z-index: -1; left: 0; } .blog-gallery div { width: 33.3%; float: left; } .blog-gallery a { position: relative; display: block; } .blog-gallery a span { background: rgba(0,0,0,0.3); height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; width: 100%; transition: ease .3s; -webkit-transition: ease .3s; -moz-transition: ease .3s; -o-transition: ease .3s; -ms-transition: ease .3s; } .blog-gallery a span:hover { opacity: 1; } .blog-gallery a i { background: #f96152 none repeat scroll 0 0; border-radius: 100px; color: #fff; height: 50px; left: 50%; line-height: 50px; margin-left: -25px; margin-top: -25px; position: absolute; text-align: center; top: 50%; width: 50px; } .pagi-nav-box { float: left; width: 40%; background: #fafafa; } .imgpagi-box p { margin: 0; line-height: 1; font-size: 15px; } .pagi-nav-box.next { text-align: right; float: right; } .img-pagination a { display: table; width: 100%; } .img-pagination a:hover .img-pagi .fa { font-size: 25px; } .img-pagination a .img-pagi img { z-index: 2; display: none; } .img-pagination a:hover .img-pagi img { z-index: 0; } .img-pagi { display: table-cell; vertical-align: middle; overflow: hidden; position: relative; background: #f96152; width: 50px; height: 50px; } .img-pagi .fa { color: #999; font-size: 25px; height: 124px; left: 50%; line-height: 120px; margin-left: -60px; margin-top: -62px; opacity: 1; position: absolute; text-align: center; top: 50%; transform: scale(0.6); transition: all 0.3s ease 0s; width: 120px; z-index: 1; background: #eee; } .img-pagi img{ position: relative; } .img-pagi .fa { opacity:1; transform: scale(1); -ms-transform:scale(1); -webkit-transform: scale(1); } .imgpagi-box { display: table-cell; vertical-align: middle; padding: 10px; } .pagi-title { margin: 0; font-size: 15px; font-weight: 700; margin-bottom: 5px; line-height: 1.5; } .pagi-box p { text-transform: uppercase; font-size: 12px; margin-top: 10px; } .img-pagination { overflow: hidden; padding-top: 40px; margin-bottom: 60px; } /*-----------------------------SIDEBAR SECTION----------------------------------*/ .widgettitle { display: block; font-weight: 600; line-height: 1; letter-spacing: 0; margin: 0 ; position: relative; padding-bottom: 15px; font-size: 18px; border-bottom: 1px solid rgba(0,0,0,.1); } .widget-border { width: 50px; height: 2px; background-color: #f96152; margin-bottom: 30px; margin-top: -1px; } .widget { padding: 0 40px 60px 40px; } .sidebar select{width:100%;padding: 8px 10px;} .widget ul { padding: 0 0 0 5px; } .sidebar .widget .textwidget p { margin-bottom: 0; } .wp-block-search .wp-block-search__label { display: none; } .wp-block-search .wp-block-search__inside-wrapper { margin: 0; position: relative; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input { display: block; height: 45px; margin: 0; padding: 5px; width: 100%; padding-left: 10px; border: 1px solid rgba(0, 0, 0, .1); } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input:focus { border-color: #fff; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input:placeholder { color: #ccc; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button { height: 45px; right: 0; line-height: 1; margin-top: -22.5px; padding: 0; position: absolute; text-indent: -99999px; top: 50%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; width: 45px; z-index: 1; color: transparent; background: transparent; } .wp-block-search .wp-block-search__inside-wrapper::after { display: inline-block; content: "\f002"; font-family: "FontAwesome"; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: #f96152 !important; } .widget_block h2 { display: block; font-weight: 600; line-height: 1; letter-spacing: 0; margin: 0; position: relative; padding-bottom: 15px; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .widget_block h2::before { content: ''; position: absolute; top: 33px; bottom: 0; left: 0; right: 0; width: 50px; height: 2px; background-color: #f96152; } #searchform { margin: 0; position: relative; } #searchform #s { display: block; height: 45px; margin: 0; padding: 5px; width: 100%; border: none; border-bottom: 1px solid rgba(0,0,0,.1); } #searchform #s:focus{border-color:#aaa;} #searchform #searchsubmit { height: 45px; right: 0; line-height: 1; margin-top: -22.5px; padding: 0; position: absolute; text-indent: -99999px; top: 50%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; width: 45px; border:none; z-index: 1; color: transparent; background: transparent; } #searchform::after{ display: inline-block; content: "\f002"; font-family: fontawesome; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #f96152; } /*#searchform #searchsubmit:hover{background-color:#b9b9b9 ;} */.widget ul li { list-style: none; margin-bottom: 5px; padding: 7px 0; } .sidebar .theiaStickySidebar{ margin-bottom: -20px; } .widget ul li ul li { padding-bottom:0; } .widget ul li ul li { border: none; } .widget_categories ul li.cat-item span, .widget_archive ul li span{ float: right; background-color: #f5f5f5; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; } .widget ul li a:before { content: "\f105"; font-family: FontAwesome; margin-right: 10px; font-weight: bold; } .tagcloud a { color: #f96152; display: inline-block; font-size: 12px; letter-spacing: 1px; margin-bottom: 5px; padding: 6px 17px; text-transform: uppercase; border: 1px solid #f96152; } .tagcloud a:hover{color:#f96152;border-color:#f96152 ;} .widget-about-us { text-align: center; max-width: 500px; } .widget-about-us h3 { color: #fff; display: block; font-size: 28px; font-weight: 900; margin: 0; margin-top: 30px; max-width: 100%; overflow-wrap: break-word; position: relative; text-transform: uppercase; z-index: 1; } .widget-about-us p { margin: 0; } .bordering-widget { color: #fff; margin: 5%; padding: 20px; position: relative; top: 0; } .abtw-box { position: relative; color: #fff; padding: 25px 10px 10px 10px; } .abtw-box .slider-mask { z-index: 0; background: rgba(0,0,0,0.5); } .ab-bordering { overflow: hidden; padding: 40px 30px; background-color: #f96152; color: #fff; font-size: 14px; } .wdg-about-subtitle { font-size: 15px; line-height: 1; background: #fff; padding: 14px 25px; display: inline-block; text-transform: uppercase; letter-spacing: 5px; color: #000; font-weight: bold; margin: 0; } .widget ul.abtw-soc li a:before{ display: none; } .widget .abtw-soc { list-style: outside none none; margin: 40px 0 0; padding: 0; } .widget .abtw-soc > li { display: inline-block; list-style: outside none none; } .abtw-soc a { border:0px; color: #fff; background-color:#f96152; display: inline-block; border-radius: 100px; height: 40px; line-height: 40px; width: 40px; } .abtw-soc a:hover{ color:#f96152; background-color:#fff; border-color:#fff; } .rpwe-block ul{list-style:none!important;margin-left:0!important;padding-left:0!important;} .rpwe-block li{margin-bottom:10px;padding-bottom:10px;list-style-type: none;} .rpwe-block a{display:inline!important;text-decoration:none;} .rpwe-block h3{display: block;background:none!important;clear:none;margin-bottom:0!important;margin-top:0!important;font-weight:400;font-size:12px!important;line-height:1.5em;} .rpwe-thumb{border:1px solid #EEE!important;box-shadow:none!important;margin:2px 10px 2px 0;padding:3px!important;} .rpwe-summary{font-size:12px;} .rpwe-time{color:#bbb;font-size:11px;} .rpwe-comment{color:#bbb;font-size:11px;padding-left:5px;} .rpwe-alignleft{display:inline;float:left;} .rpwe-alignright{display:inline;float:right;} .rpwe-aligncenter{display:block;margin-left: auto;margin-right: auto;} .rpwe-clearfix:before, .rpwe-clearfix:after{content:"";display:table !important;} .rpwe-clearfix:after{clear:both;} .rpwe-clearfix{zoom:1;} .rpwe_widget ul li a:before{ display: none; } .rpwe_widget .rpwe-thumb{ width: 85px; border-radius: 0; border: none !important; } .rpwe_widget .rpwe-block li{ border: none; } .rpwe_widget .rpwe-title a{ font-size: 15px !important; line-height: 1.6; color: #666; webkit-transition: 100ms linear all; -moz-transition: 100ms linear all; transition: 100ms linear all; } .rpwe_widget .rpwe-title a:hover{ color: #111; } .rpwe_widget .rpwe-block h3{ line-height: 1.6; font-size: 16px !important; } .rpwe_widget .rpwe-time{ font-size: 13px; } .rpwe_widget .rpwe-block h3{ margin-top: 0 !important; } /*-------------COMMENTS SECTION-------------*/ .commentlist { margin: 0; padding: 0; list-style: none; margin-top: 20px; padding-top: 20px; } .commentlist >li { list-style: none; } .commentlist .comment-respond .form-submit { margin-bottom: 80px; } .commentlist .comment-respond { margin-top: 70px; } .fn.comment-author { color: #555555; font-size: 16px; font-weight: bold; margin: 0; line-height: 1; } .fn.comment-author .url { line-height: 1.5; color:#000; } .comment-inner.clearfix { float: left; width: 87%; } .comment-author.vcard { float: left; padding-right: 20px; max-width: 13%; } .commentlist .children{list-style:none;} .comment-meta a { font-weight: normal; font-size: 12px; float: left; margin-bottom: 10px; font-family: 'Roboto', sans-serif; } .comment-meta .comment-edit-link { border: 1px solid #DDDDDD; display: inline-block; float: right; font-size: 12px; font-weight: normal; padding: 5px 10px; line-height: 1; float: right; } .comment-meta.commentmetadata { display: block; overflow: hidden; } .commentlist .avatar { border: 1px solid #ddd; border-radius: 0; border-radius: 50em; } .commentlist li.comment { display: block; overflow: hidden; } .comment-body { border-bottom: 1px solid #eee; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; } .dark-page .comment-body{border-bottom-color:#333;} .comment-reply-link { float: right; font-size:13px; } .full-size-img {width:100%;} .bypostauthor > .comment-body .fn.comment-author:after { content: "\f007"; background: #dadada none repeat scroll 0 0; border-radius: 100px; color: #888888; display: inline-block; font-family: FontAwesome; font-size: 11px; height: 23px; line-height: 23px; margin-left: 3px; text-align: center; width: 23px; } #reply-title, h2.comments-title { font-size: 22px; margin: 0; margin-bottom: 12px; text-transform: uppercase; font-weight: 600; } #reply-title small { border-bottom: 1px solid #eee; margin-left: 5px; } .pagination-comment { text-align: right; text-transform: uppercase; } .pagination-comment .page-numbers.current { background: #ccc; color: #fff; border-color: #ccc; } .pagination-comment .page-numbers { display: inline-block; padding: 7px 12px; line-height: 1; border: 1px solid; font-size: 13px; } .comment-form label { display: block; font-family: 'Roboto', sans-serif; font-size: 13px; text-transform: uppercase; } .single-post .form-submit {margin-bottom:60px;} .form-submit #submit { -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; background-color: #f96152; border-color: #f96152; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; margin-top:10px; padding: 6px 20px; text-align: center; width: auto; } .form-submit #submit:hover{ background:transparent ;color:#f96152;border-color:#f96152 ; } .comment-top > span { display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; } .title-strong{ font-size: 20px; margin: 0; text-transform: uppercase; } .pagination > li > a, .pagination > li > span{color:inherit;} /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: relative; height: 1px; width: 1px; overflow: hidden; display: block; clear: both; position: relative !important; } .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. */ } .pagination > li > a, .pagination > li > span{color:inherit;} .dsc-btn-style3{ color: #fff !important; background-color: #f96152; border:1px solid #fff; border-radius: 50px; cursor: pointer; } .dsc-btn-style3:hover .elementor-button{ color: #f96152; } .dsc-btn-style3:hover{ border-color: #f96152; } .dsc-btn-style-4{ -webkit-transition-duration: 1.5s; display: inline-block; font-size: 14px; overflow: hidden; position: relative; z-index: 1; color: #f96152; padding: 10px 30px; transition-duration: 1.5s; letter-spacing: 1px; line-height: 20px; border: 1px solid #f96152; border-radius: 50px; background: transparent; cursor: pointer; } .dsc-btn-style-4:hover{ color: #fff; border: 1px solid #f96152; background-color: #f96152; } /* ---------------------------------------------------------------- [ End Blog ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Woocommerce Style ] -----------------------------------------------------------------*/ .cart-contents:before { font-family: WooCommerce; content: "\e01d"; font-size: 22px; margin-top: 10px; font-style: normal; font-weight: 400; vertical-align: bottom; color: #000; } .cart-contents:hover { text-decoration: none; } .cart-contents-count { color: #fff; background-color: #f96152; border-radius: 10px; padding: 1px 6px; line-height: 1; vertical-align: top; font-size: 1rem; position: relative; left: -6px; } /* ---------------------------------------------------------------- [ End Woocommerce ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Countdown Style ] -----------------------------------------------------------------*/ .trobica-countdown-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: auto; margin-left: auto; } .trobica-countdown-wrapper .trobica-countdown-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 15px 0; text-align: center; background-color: #333; color: #fff; } .trobica-countdown-wrapper .trobica-countdown-item:not(:last-of-type) { margin-right: calc(10px / 2); } .trobica-countdown-wrapper .trobica-countdown-item .trobica-countdown-numbers { font-size: 62px; line-height: 1; } .trobica-countdown-wrapper .trobica-countdown-item .trobica-countdown-label { font-size: 18px; } /* ---------------------------------------------------------------- [ End Countdown ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start WordPress Style ] -----------------------------------------------------------------*/ /*calendar style*/ #wp-calendar { width: 100%; text-align: center; font-size: 12px; line-height: 3; max-width: 370px; background: #fff; } #wp-calendar caption { border: 1px solid #DDDDDD; color: #fff; background:#2b292a; font-size: 19px; text-align:center; font-family:'Roboto', sans-serif; line-height: 25px; padding: 10px 20px; text-transform: uppercase; border-bottom:none; } #wp-calendar td a{color:#777;display:block;} #wp-calendar table, #wp-calendar th, #wp-calendar td { padding: 0; } #wp-calendar td a:hover{background:#000;color:#fff;} #wp-calendar #prev a,#wp-calendar #next a { display: inline; } #wp-calendar tbody tr td { border: 1px solid #DDDDDD; color: #BBBBBB; font-weight: bold; } #wp-calendar thead { color: #555555; } #wp-calendar thead th { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #DDDDDD; text-align: center; } #wp-calendar tfoot { border: 1px solid #ddd; } #wp-calendar tfoot #next { text-align: right; border:none; } #wp-calendar tfoot #prev { text-align: left; border:none; } td.pad{border:none;} #wp-calendar tfoot a { padding: 10px; } .wp-caption { border: 1px solid #ddd; border-radius: 3px; padding: 3px; } .wp-caption.aligncenter { margin: auto; border: none; } .wp-caption.aligncenter { margin-bottom: 10px; } .wp-caption.alignnone{ margin-bottom: 10px; } .wp-caption.alignright { float: right; margin-left: 20px; margin-bottom: 20px; } .wp-caption.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; } .alignleft{text-align:left;} .alignright{text-align:right;float: right;} .aligncenter{text-align:center;} img.alignright { clear: both; display: block; float: right; margin-bottom: 20px; margin-left: 20px; } img.alignleft { clear: both; display: block; float: left; margin-bottom: 20px; margin-right: 20px; } img.aligncenter { display: block; margin: auto; text-align: center; margin-top:20px; margin-bottom: 20px; } .mejs-container { margin: 20px 0; } .elementor-page .fluid-width-video-wrapper,.single .video .fluid-width-video-wrapper,.elementor-page.single-portfolio .fluid-width-video-wrapper { margin: 0; } .single .fluid-width-video-wrapper { margin: 20px 0; } .wp-caption-text,.gallery-caption { font-size: 13px; margin: 0; padding: 5px; text-align: center; } .wp-caption { max-width: 100% !important; } .rss-date { clear: both; color: #2b292a ; display: block; font-size: 12px; font-weight: bold; margin-top:10px; text-transform: uppercase; } .widget_rss cite { display: block; font-size: 14px; margin-bottom:10px; font-family: Roboto; } .widget_rss li .rsswidget { background: #1f1f1f; color: #fff; width: 100%; display: block; padding: 5px 10px; font-weight: 600; } .sidebar .widget_rss ul li { list-style: none; } .sidebar .widget_rss ul { padding: 0; list-style: none; } .sticky.blog-post .entry-title::before { background: #999; border-radius: 100px; color: #fff; content: "\f08d"; letter-spacing:0; display: inline-block; float: right; font-family: fontawesome; font-size: 15px; height: 35px; line-height: 35px; margin-left: 5px; margin-top: 10px; text-align: center; width: 35px; } .post.sticky { border: 1px solid #eee; margin-bottom: 20px; padding: 30px; padding-bottom: 20px; } .post.sticky .border-post.clearfix { background: transparent; margin: 0; border:none; } .post.sticky .go-btn { background:transparent; color: #bf919f ; } .post.sticky .go-btn:hover{ background:#bf919f ; color:#fff; } .pagins { padding-bottom: 30px; margin-top: 40px; } .post-pager p { border-top: 1px solid #eeeeee; color: #555555; font-size: 13px; font-weight: bold; margin: 0; margin-top: 40px; margin-bottom: 40px; padding-top: 40px; } .post-pager a { border: 1px solid; margin: 0 10px ; padding: 4px 10px; } .widget ol li ul li ol li { list-style-type: lower-alpha; } .widget ul li ol li { list-style-type: decimal; } .widget ul li ol li ul li { list-style-type: square; } .widget_rss .rsswidget { font-weight: 500; } .post-password-form input[type="submit"]:hover{color:#fff;background:#ccc;} .comment-reply-title { font-size: 16px; margin: 0; text-transform: uppercase; } .post-password-form input { border: 1px solid #ccc; border-radius: 100px; color: #aaa; display: inline-block; font-weight: bold; letter-spacing: 2px; line-height: 1.2; margin-bottom: 40px; margin-top: 20px; padding: 16px 35px; text-transform: uppercase; transition: all 0.3s ease 0s; width: auto; } .post-password-form input[type="submit"] { background: #000 none repeat scroll 0 0; border-radius: 100px; color: #fff; display: inline-block; font-weight: bold; letter-spacing: 2px; line-height: 1.2; margin-bottom: 40px; margin-top: 20px; padding: 16px 35px; text-transform: uppercase; width: auto; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; border:none; } .search-title { border-bottom: 1px solid #eee; font-size: 25px; margin: 0 0 40px; padding-bottom: 20px; text-transform:uppercase; } button, input, select, textarea { max-width: 100%; } .widget_nav_menu ul li a { letter-spacing: 0; padding: 0; text-transform: none; } code { padding: 5px; background: #f9f9f9; color: #f96152 ; font-family: 'Roboto'; margin: 10px 0; line-height: 2.5; font-size: 15px; } pre { display: block; margin: 10px 0; padding: 30px; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; } /* ---------------------------------------------------------------- [ End WordPress Style ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Gutenberg Style ] -----------------------------------------------------------------*/ .wp-block-quote.is-large { padding: 0 4em; font-size: 16px; } .wp-block-pullquote:not(.is-style-solid-color){ background: #f6f6f6; padding: 3em 2em; } .wp-block-pullquote:before{ position: relative; } .wp-block-coblocks-click-to-tweet{ border-left: 4px solid #f96152; } .entry .entry-content .wp-block-audio { width: 100%; } .entry .entry-content .wp-block-audio audio { width: 100%; } .entry .entry-content .wp-block-audio.alignleft audio, .entry .entry-content .wp-block-audio.alignright audio { max-width: 198px; } .entry .entry-content .wp-block-video video { width: 100%; } .wp-block-table.has-fixed-layout{ width: initial; border: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large{ padding: 0 4em; } .wp-block-pullquote blockquote:before{ position: relative; } /* ---------------------------------------------------------------- [ End Gutenberg Style ] -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- [ * Start Responsive ] -----------------------------------------------------------------*/ @media (max-width:1199px) { .container { display: inherit; } .other-portfolio .port-item,.port-gallery-body .port-item{width:50%;float:left} { font-size: 50px; } .trobica-gallery .col-md-6.port-item { float: left; width: 50%; } } @media (max-width:992px) { .slider-title ,.hero-title{ font-size: 40px; } .slider-style-3 .slider-title{ font-size: 40px; } .cell-left-border{border:none;} .content-title,.table-content h3 { font-size: 30px; } .container-fluid { max-width:100%; } .top-slider { letter-spacing: 6px; font-size: 18px; } .blog-post-list [class^="col-md-"]{width:100%;} .slider-text,.slider-line{display:none !important;} .port-item{width:50%;} .table-cell-box,.box-30,.box-70,.single-port-table .table-cell-box{width:100%;display:block;} .top-logo { display: block; width: 50%; float: left; padding-top: 13px; } .blog-style-3 .blog-col-inner{ display: flex; flex-direction: column; } .order2{ order: 2; -webkit-order: 2; } .blog-style-3 .excerpt-box,.blog-style-3 .txt-lft{ margin: 0; box-shadow: none; } .dflex{ display: none !important; } } @media (max-width: 767px) { .pagi-nav-box { float: none; width: 100%; margin-bottom: 10px; } .admin-bar .is-sticky .stuck-nav,.admin-bar .custom-absolute-menu,.admin-bar .custom-fixed-menu,.admin-bar .abs-header{ margin-top: 46px; } .slider-content { max-width: 78%; } .content-title,.table-content h3,.hero-title { font-size: 28px; } .box-with-icon .fa { position: relative; } .box-with-icon .icon-title,.box-with-icon .icon-subtitle {padding-left:0;} .comment-form-email, .comment-form-author, .comment-form-url{ width: 100%; padding-right: 0; } .slider-style-2 .slider-title { font-size: 30px; } .slider-style-2 .slider-title { font-size: 30px; letter-spacing: 5px;} .btn-relative { margin-right: 0; } span.your-name,span.your-email,span.cell-phone,span.subject { display: block; width: 100%; margin-bottom: 30px; } span.wpcf7-form-control-wrap.your-message { padding-right: 10px; } .dsc-bottom-style1 p,.dsc-bottom-style-2 p,.dsc-bottom-style-3 p{ margin-left: 0; } .port-filter{ border: none; } .port-filter a{ padding: 8px 10px; } .entry-title { font-size: 24px; } .error-title{ font-size: 40px; padding: 10px 40px; } } @media (max-width: 600px) { .port-item,.other-portfolio .port-item,.port-gallery-body .port-item{width:100%;float:none;} .trobica-gallery .col-md-6.port-item { float: none; width: 100%; } .cell-line{display:none;} .slider-title,.hero-title { font-size: 36px; } .slider-style-3 .slider-title{ font-size: 35px; } .slider-style-3 .slider-subtitle{ font-size: 18px; color: #fff; background: transparent; } .slider-box { padding-bottom:150px; padding-top: 150px; } .page-head-slider .slider-box { padding-top: 100px; padding-bottom: 50px; } .admin-bar .is-sticky .stuck-nav,.admin-bar .custom-fixed-menu { margin-top: 0; } .top-slider { letter-spacing: 4px; font-size: 15px; } .nav-box .container-fluid { padding-left: 30px; padding-right: 30px; } } @media (min-width: 600px){ .wp-block-coblocks-pricing-table-item{ background: rgba(140,140,151,0.1); } } @media (max-width: 480px) { .blog-style-three .blog-link-img{width:100%;display:block;min-height:300px;} .blog-style-three .excerpt-box{width:100%;display:block;} #related_posts .col-sm-4{width:100%;} } /* ---------------------------------------------------------------- [ End Responsive ] -----------------------------------------------------------------*/