/* Theme Name: Ultracare Pro Theme URI: https://starthemes.net/wordpress-themes/ultracare-wordpress-theme/ Author: Starthemes Author URI: https://www.starthemes.net/ Description: NA Requires at least: 5.8 Tested up to: 6.0 & above Requires PHP: 5.6 Version: pro 1.0 License: GNU General Public License version 3 License URI: license.txt Text Domain: ultracare Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options Ultracare Pro WordPress Theme has been created by Starthemes(starthemes.net), 2023. Ultracare Pro WordPress Theme is released under the terms of GNU GPL */ *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus{outline:none;} html { overflow-x: hidden;} body{ margin:0; padding:0; font-family:'Oswald'; line-height:26px; color:#555555; font-size:15px; background-color:#ffffff; font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x:hidden; } #pagewrap { position:relative;} img{ margin:0; padding:0; border:none;} .bypostauthor{ margin:0; padding:0;} section img, img{ width:100%; height:auto; display:block; } h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.2; font-weight:700; } h1{ font-size:32px; } h2{ font-size:24px; } h3{ font-size:20px; } h4{ font-size:18px; } h5{ font-size:16px; } h6{ font-size:12px; } .left{float:left;} .right{float:right;} blockquote{ position:relative; margin-bottom:15px; } blockquote.align-left{ padding:40px 35px 40px 80px; text-align:left; margin:40px 0; color:#2c2c2c; font-weight:500; font-size:22px; line-height:40px; border-left: 5px solid #0071dc; background-color: rgba(191, 191, 191, 0.2); font-style: italic; } blockquote.align-left:before{ content:'\f10d'; position:absolute; top:30px; left:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color:#0071dc; } blockquote.align-right{ padding:40px 80px 40px 35px; text-align:right; margin:40px 0; color:#2c2c2c; font-weight:500; font-size:22px; line-height:40px; border-right: 5px solid #0071dc; background-color: rgba(191, 191, 191, 0.2); font-style: italic; } blockquote.align-right:after{ content:'\f10e'; position:absolute; top:30px; right:30px; font-family:'Font Awesome 6 Pro'; font-weight:700; font-size:32px; color:#0071dc; } hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; } p{ margin:0 0 20px; padding:0;} a{ text-decoration:none; -webkit-transition:0.3s; transition:0.3s; } a:hover{ text-decoration:none; } a:focus{ outline:none; } ul{ list-style:none; margin:0; padding:0;} iframe{ width:100%; display:block; margin:0;} article ul, article ol{ margin:0 0 15px 15px;} article ul li{ list-style: disc;} .custom-height{ min-height:20px;} .clear{ clear:both;} .middle-align{ margin:0 auto; padding:0;} .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;} .wp-caption-text{ margin:0; padding:0;} .sticky{ margin:0; padding:0;} .gallery-caption{ margin:0; padding:0;} .alignleft, img.alignleft { float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; } .alignright, img.alignright { float: right; margin-left:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;} .comments-area{ margin-bottom:15px;} .comment-list .comment-content ul { list-style:none; margin-left:15px;} .comment-list .comment-content ul li{margin:5px;} .main-container ol{list-style-position:outside; margin-left:20px;} .main-container ol li{margin:5px 0;} .lastcols{ margin-right:0 !important;} #lastcols{ margin-right:0 !important; } .toggleMenu{display:none;} section{ padding:60px 0; position:relative; } .container{ width:1170px; margin:0 auto; position:relative;} .full-container{ width:100%; position:relative;} .no-padding{ padding:0 !important; } .full-container .one_half{ margin-bottom:0 !important;} ::-moz-selection { /* Code for Firefox */ color: #ffffff; background-color: #0071dc; } ::selection { color: #ffffff; background-color: #0071dc; } /*=============================================== ** Responsive Header Css *===============================================*/ .header-responsive{ display:none; } .head-res-inner { padding:15px 0;} /*=============================================== ** Sticky Header Css *===============================================*/ .sticky-header { background-color:#ffffff; width:100%; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000; padding:0; } .sticky-header .container { width:1250px;} .sticky-header.show{ top:0; transition-delay:.3s; } .sticky-header .sticky-left { width:17%; position:relative; z-index:9; padding:15px 15px;} .sticky-header .sticky-right{ width:86%; } .sticky-header .sticky-right .sitenav{ text-align:right; padding:0; } .sticky-header .sticky-right .sitenav ul li a { padding-top:27px; padding-bottom:27px;} /*=============================================== ** Box Layout Css *===============================================*/ .boxlayout .header .container{ width:100%; } .boxlayout .slider-main{ min-height:468px; } .boxlayout .slider-main .nivo-controlNav{ bottom:8%;} .boxlayout { width:1210px; margin:0 auto; box-shadow:0 5px 10px #111111; position:relative; overflow-x:hidden; } .boxlayout .container{ padding:0 20px;} .boxlayout .content-area{ padding-top:50px; padding-bottom:50px; } .boxlayout .site-main { width:800px;} /*=============================================== ** Top Header Css *===============================================*/ .top-header { position:relative; color:#ffffff; background-color:#111111; letter-spacing:0.5px;} .top-header .container { width:1200px;} .top-head-inner { position:relative;} .top-header-left { position:relative; padding:10px 0;} .top-header-col{ margin-right:20px; position: relative; font-size:13px; letter-spacing:2px;} .top-header-col:last-child { margin:0; border-right:0;} .top-header-col:last-child::after { content:none;} .tophd-icon { width:35px; height:35px; line-height:35px; background-color:#0071dc; border-radius:50%; font-size:15px; text-align:center; position:relative; display:inline-block; margin-right:10px; color:#ffffff;} .top-header-right { position:relative;} .top-header-right a.main-button { margin-bottom:0; padding-top:20px; padding-bottom:20px;} .top-header-right a.main-button:hover { background-color:#ffffff; color:#111111;} /*=============================================== ** Header Css *===============================================*/ .header-main{ position:relative; width:100%; } .header { position:relative;} .header .container { width:1200px;} .header-inner { position:relative;} .header-left { flex:0 0 15%; position:relative; z-index:9;} .header-left .logo { padding:17px 20px 17px 0; position:relative;} .header-right { flex:0 0 auto; position:relative; padding-left:20px; margin-left:auto;} /*=============================================== ** Header Style One Css *===============================================*/ .header-style-one { position:relative;} /*=============================================== ** Header Style Two Css *===============================================*/ header.header-style-two { margin-top:0;} header.header-style-two .top-header-col, header.header-style-two .top-header-col a { color:#ffffff;} header.header-style-two .header-right { display:flex; justify-content:space-between; align-items:center; background:none;} header.header-style-two .header-left { flex:0 0 16%;} .slide-info-details { position:absolute; left:0; right:0;} .slide-info-details .container { width:1200px;} .slide-info-inner { position:relative; background-color:rgba(0,0,0,0.70); z-index:9; padding:15px 25px;} /* Slider Info Details and Social */ .slide-info-details { position:absolute; left:0; right:0;} .slide-info-details .container { width:1200px;} .slide-info-inner { position:relative; background-color:rgba(0,0,0,0.50); z-index:9; padding:15px 25px;} .slide-widget { display:table-cell; position:relative; vertical-align:middle; padding:0 15px;} .slide-widget-main { position:relative;} .sld-wgt-icon { display:table-cell; width:45px; height:45px; line-height:45px; font-size:23px; text-align:center; border:2px solid; color:#0071dc;} .sld-wgt-content { padding-left:15px; display:table-cell; vertical-align:middle;} .sld-wgt-content h6 { margin-bottom:5px; color:#ffffff; font-weight:500;} .sld-wgt-content p { margin-bottom:0; color:#ffffff;} .slider-social { position:relative;} .slide-social-right { position:relative;} .slide-social-right .social-icons a { color:#ffffff;} .slide-social-right .social-icons a:hover { color:#0071dc;} /*=============================================== ** Header Style Three Css *===============================================*/ header.header-style-three { margin-top:0; position:relative;} header.header-style-three .header-inner .header-left { flex:0 0 16%; padding-top:0;} header.header-style-three .header-inner .header-right { display:flex; justify-content:space-between; align-items:center;} header.header-style-three .slide-info-inner { background:none; padding-left:0; padding-right:0;} /*=============================================== ** Site Logo Css *===============================================*/ .logo { position:relative;} .logo img { width:auto; height:auto; display:block; margin: 0 auto; } .logo h1 { margin:0; font:700 30px/1 'Oswald'; color:#111111; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .logo a { display:block; } .logo p { color:#111111; display:block; font:600 14px/16px 'Oswald'; margin:0; } /*=============================================== ** Navigation Css *===============================================*/ .toggle { display: none; position: relative; margin:15px 0; text-transform:uppercase; font-weight:700; } .toggle a { width:auto; padding:28px 25px; text-align:left; border-left:1px solid; color:#111111; } .toggle a:hover { color:#0071dc; } .toggle a:before { content:'\f0c9'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top: 15px; font-size: 28px; left: 14px; } .sitenav { position:relative; margin:0; z-index:14; text-align: center;} .sitenav ul {margin:0; padding:0; font-family:'Oswald'; font-size:15px; font-weight:600; text-transform:uppercase;} .sitenav ul li{ display:inline-block; position:relative; line-height:normal; letter-spacing:2px; margin:0 15px;} .sitenav ul li a { padding:25px 0px; line-height:30px; display:block; text-align:left; color:#111111; position:relative; z-index:1; perspective:1000px; -webkit-transition:all 500ms ease; transition:all 500ms ease;} .sitenav ul li a span { display:block;} /* = Navigation hover and active menu css -------------------------------------------------------------- */ .sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li.has-sub ul li.current_page_item a:hover { color:#0071dc; } .sitenav ul li.has-sub ul li a{ background-color: transparent; } .sitenav ul li.has-sub ul li a:before, .sitenav ul li.has-sub ul li a:after { content:none;} /* = Navigation 2nd level css -------------------------------------------------------------- */ .sitenav ul li ul { display:none; z-index:9999; position:absolute; left:-9999px; border-top:5px solid #0071dc; } .sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:100%; text-align:left; -webkit-animation:growOut 600ms ease-in-out forwards; animation:growOut 600ms ease-in-out forwards; -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; background-color:#ffffff;} .sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; margin-right:0; } .sitenav ul li ul li a{display:block; padding:5px 10px !important; position:relative; top:0; text-align:left; background-color: transparent; } @keyframes growOut { 0% { transform: scale(0); } 80% { transform: scale(1.1); } 100% { transform: scale(1); } } /* = Navigation 3rd level css -------------------------------------------------------------- */ .sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; right:-200px; top:-6px; -webkit-animation:growOut 600ms ease-in-out forwards; animation:growOut 600ms ease-in-out forwards; -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; } /*=============================================== ** Slider Css *===============================================*/ #slider{ width:100%; margin:0; padding:0; position:relative; } .slider-main{ min-height:600px; position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto; } #slider:before, .innerbanner:before { background-color:rgba(0,0,0,0.6); content: ''; position: absolute; left: 0; top: 0; z-index: 7; width: 100%; height: 100%; } #slider a.button{ margin-right:20px; } .show-header-image{ padding:10em 0; } /*=============================================== ** Social Icons Css *===============================================*/ #sidebar .social-icons{ text-align:center; } .social-icons{ white-space:nowrap; } .social-icons a { width:40px; height:40px; line-height:38px; display:inline-block; padding:0; -webkit-transition:0.3s; transition:0.3s; font-size:16px; color:#111111; position:relative; margin:0 8px 0 1px; text-align:center; border:2px solid; border-radius:30px; } .social-icons a:hover { color:#0071dc; border-radius: 16px 10px; } .social-icons br{ display:none;} /*=============================================== ** Buttons Css *===============================================*/ a.main-button{ letter-spacing: 1px; padding: 16px 22px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color: #0071dc; font-weight: 700; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; text-transform: uppercase; } a.main-button span{ display:block; } a.main-button:hover{ background-color:#111111; color:#ffffff; } .custombtn { position:relative; margin-top:40px; padding:6px 3px 0 4px; z-index:1; display:inline-block; -webkit-transition:all 600ms ease; transition:all 600ms ease;} .custombtn:before { position:absolute; content:''; left:-2px; bottom:0; width:44px; height:44px; z-index:-1; border-left:2px solid #0071dc; border-bottom:2px solid #0071dc; -webkit-transition:all 600ms ease; transition:all 600ms ease;} .custombtn:after { position:absolute; content:''; right:3px; top:9px; width:44px; height:44px; opacity:0; z-index:-1; border-right:2px solid #0071dc; border-top:2px solid #0071dc; -webkit-transition:all 600ms ease; transition:all 600ms ease;} a.buttonstyle1 { position:relative; display:inline-block; font-size:18px; line-height:30px; color:#111111; padding:12px 40px; font-weight:600; overflow:hidden; text-transform:uppercase; border:2px solid; font-family:'Oswald'; -webkit-transition:all 600ms ease; transition:all 600ms ease; cursor:pointer;} a.buttonstyle1:before { position:absolute; content:''; top:0px; bottom:0px; left:0px; right:-50px; border-bottom:55px solid #0071dc; border-right:30px solid transparent; -webkit-transition:all 600ms ease; transition:all 600ms ease; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); z-index:-1;} a.buttonstyle1:after { position:absolute; content:''; top:0px; right:0px; bottom:0px; left:-50px; border-left:30px solid transparent; border-bottom:55px solid #0071dc; -webkit-transition:all 600ms ease; transition:all 600ms ease; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); z-index:-1;} a.buttonstyle1 span { position:relative; z-index:1;} .custombtn:hover::before { opacity:0;} .custombtn:hover::after { opacity:1; width:100%; height:100%;} .custombtn:hover a.buttonstyle1 { color:#ffffff; -webkit-transform:translate(-7px, 10px); -ms-transform:translate(-7px, 10px); transform:translate(-7px, 10px);} .custombtn:hover a.buttonstyle1:before { -webkit-transform:translateX(-40%); -ms-transform:translateX(-40%); transform:translateX(-40%);} .custombtn:hover a.buttonstyle1:after { -webkit-transform:translateX(40%); -ms-transform:translateX(40%); transform:translateX(40%);} .slide-button { position:relative; padding:6px 3px 0 4px; z-index:1; display:inline-block; -webkit-transition:all 600ms ease; transition:all 600ms ease;} .slide-button:before { position:absolute; content:''; left:-2px; bottom:0; width:44px; height:44px; z-index:-1; border-left:2px solid #0071dc; border-bottom:2px solid #0071dc; -webkit-transition:all 600ms ease; transition:all 600ms ease;} .slide-button:after { position:absolute; content:''; right:3px; top:9px; width:44px; height:44px; opacity:0; z-index:-1; border-right:2px solid #0071dc; border-top:2px solid #0071dc; -webkit-transition:all 600ms ease; transition:all 600ms ease;} a.sliderbtn { position:relative; display:inline-block; font-size:18px; line-height:30px; color:#ffffff; padding:12px 40px; font-weight:600; overflow:hidden; text-transform:uppercase; border:2px solid; font-family:'Oswald'; -webkit-transition:all 600ms ease; transition:all 600ms ease; cursor:pointer;} a.sliderbtn:before { position:absolute; content:''; top:0px; bottom:0px; left:0px; right:-50px; border-bottom:55px solid #0071dc; border-right:30px solid transparent; -webkit-transition:all 600ms ease; transition:all 600ms ease; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%);} a.sliderbtn:after { position:absolute; content:''; top:0px; right:0px; bottom:0px; left:-50px; border-left:30px solid transparent; border-bottom:55px solid #0071dc; -webkit-transition:all 600ms ease; transition:all 600ms ease; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%);} a.sliderbtn span { position:relative; z-index:1;} .slide-button:hover::before { opacity:0;} .slide-button:hover::after { opacity:1; width:100%; height:100%;} .slide-button:hover a.sliderbtn { color:#ffffff; -webkit-transform:translate(-7px, 10px); -ms-transform:translate(-7px, 10px); transform:translate(-7px, 10px);} .slide-button:hover a.sliderbtn:before { -webkit-transform:translateX(-40%); -ms-transform:translateX(-40%); transform:translateX(-40%);} .slide-button:hover a.sliderbtn:after { -webkit-transform:translateX(40%); -ms-transform:translateX(40%); transform:translateX(40%);} /*=============================================== ** Section Title Css *===============================================*/ .section_head_second { margin-bottom:50px; position:relative; text-align:center;} .section_head { margin:0 auto 50px; padding-bottom:30px; border-bottom:1px solid #aeaeae; overflow:hidden; position:relative; text-align:left;} .sec-head-left { width:50%; float:left; padding-right:30px; border-right:5px double #aeaeae;} .sec-head-right { width:50%; float:right; padding-left:30px;} h4.section_sub_title, .section_head_second h4.section_sub_title { font:500 16px/1 'Oswald'; color:#0071dc; position:relative; padding:0; display:inline-block; margin:0; text-transform:uppercase;} h2.section_title, .section_head_second h2.section_title { font:700 40px/1.1 'Oswald'; color:#111111; position:relative; margin-bottom:0; display:block; text-transform:capitalize; letter-spacing:0.6px; padding:0;} .section_head p { line-height:1.6; margin-bottom:0;} .full-container .section_head p{ width:58%; } .section_head_second h4.section_sub_title { margin-bottom:15px;} /*=============================================== ** Section Overlay Css *===============================================*/ .sec-overlay{ position:relative; } .sec-overlay:before { content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; } .sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title, .sec-overlay ul li { color:#ffffff; } .secbg-overlay { position:relative;} .secbg-overlay h1, .secbg-overlay h2, .secbg-overlay h3, .secbg-overlay h4, .secbg-overlay h5, .secbg-overlay h6, .secbg-overlay p, .secbg-overlay h2.section_title { color:#ffffff; } /*=============================================== ** Section Shortcode Css *===============================================*/ .section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; } /*=============================================== ** Custom Heading Css *===============================================*/ .custom-heading { margin-bottom:25px; } .custom-heading h2 { font-weight:700; position:relative; letter-spacing:1px; margin-bottom:0px;} .custom-heading h6 { font:600 20px/1 'Oswald'; position:relative; padding:0 15px 0px; display:inline-block; margin:0 0 10px;} /*=============================================== ** Image Hover Css *===============================================*/ .image-hover-effect:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#0071dc; opacity:0.4; content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,-100%,0); } .image-hover-effect:hover::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,25deg) translate3d(0,100%,0); } /*=============================================== ** Flex Grid System Css *===============================================*/ .flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; } .flex-wrap{ flex-wrap:wrap; } .flex-nowrap{ flex-wrap:nowrap; } .flex-row{ flex-direction:row; } .flex-column{ flex-direction:column; } .align-flex-vert{ align-items:center; } .align-flex-hori{ justify-content:space-between; } .align-stretch{ align-items:stretch; } .flex-reverse{ flex-direction:row-reverse; } .flex-end{ justify-content: flex-end; } .col { -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100%; } .col-auto { -webkit-box-flex:0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width:auto; max-width:100%; } .col-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.3333333333%; -ms-flex:0 0 8.3333333333%; flex:0 0 8.3333333333%; max-width:8.3333333333%; } .col-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.6666666667%; -ms-flex:0 0 16.6666666667%; flex:0 0 16.6666666667%; max-width:16.6666666667%; } .col-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex: 0 0 25%; max-width:25%; } .col-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.3333333333%; -ms-flex:0 0 33.3333333333%; flex:0 0 33.3333333333%; max-width:33.3333333333%; } .col-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.6666666667%; -ms-flex:0 0 41.6666666667%; flex:0 0 41.6666666667%; max-width:41.6666666667%; } .col-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex: 0 0 50%; flex:0 0 50%; max-width:50%; } .col-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.3333333333%; -ms-flex:0 0 58.3333333333%; flex:0 0 58.3333333333%; max-width:58.3333333333%; } .col-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.6666666667%; -ms-flex:0 0 66.6666666667%; flex:0 0 66.6666666667%; max-width:66.6666666667%; } .col-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex: 0 0 75%; flex:0 0 75%; max-width:75%; } .col-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.3333333333%; -ms-flex:0 0 83.3333333333%; flex:0 0 83.3333333333%; max-width:83.3333333333%; } .col-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.6666666667%; -ms-flex:0 0 91.6666666667%; flex:0 0 91.6666666667%; max-width:91.6666666667%; } .col-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex: 0 0 100%; flex:0 0 100%; max-width:100%; } .col, .col-auto, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position:relative; width:100%; padding-right:15px; padding-left:15px; } .row{ margin-right:-15px; margin-left:-15px; } /*===============================================* Theme Shortcode Css Start *===============================================*/ /*=============================================== ** Features Section First Css *===============================================*/ .features-item { position:relative; width:25%; float:left;} .fea-inner { position:relative; padding:40px 20px 35px; background-color:#111111;} .fea-inner:before { position:absolute; content:''; top:0; bottom:95%; left:47.5%; right:47.5%; opacity:0; background-color:#0071dc; -webkit-transition:all 900ms ease; transition:all 900ms ease;} .fea-content { position:relative; padding-left:80px; min-height:120px;} .fea-icon { position:absolute; left:0px; top:0px; color:#ffffff; font-size:48px; line-height:1em; -webkit-transition:all 300ms ease; transition:all 300ms ease;} .fea-content h5 { margin-bottom:15px; color:#ffffff; font-size:18px; font-weight:500; text-transform:uppercase;} .fea-content p { margin-bottom:0; color:#ffffff;} .features-item:hover .fea-inner:before { bottom:0; right:0; left:0; opacity:1; -webkit-transition:bottom .25s ease-in 0s, right .25s ease-in .4s, left .25s ease-in .4s; transition:bottom .25s ease-in 0s, right .25s ease-in .4s, left .25s ease-in .4s;} .features-item:hover .fea-icon { -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);} /*=============================================== ** About Section Second CSS *===============================================*/ .about-left { position:relative;} .about-left h5 { color:#0071dc; margin-bottom:10px;} .abt-left-thumb { position:relative;} .abt-left-thumb img { width:100%; height:auto; display:block;} /* About box */ .about-box { position:relative; width:50%; margin:10px 0 30px; float:left; display:flex; justify-content:space-between; align-items:center;} .abt-icon { font-size:40px; height:70px; width:100px; line-height:70px; text-align:center; padding:0; margin-right:25px; position:relative; overflow:hidden; border-left:2px solid; color:#0071dc; background-color:#f1f1f1;} .abt-icon i { position:relative;} .abt-icon:before { -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); z-index:1; content:''; display:block; position:absolute; width:100%; top:0; bottom:0; right:0; background-color:#0071dc;} .abt-icon:after { z-index:0; transform:translateX(100%); -webkit-transition:transform .5s ease; transition:transform .5s ease; content:''; display:block; position:absolute; width:100%; top:0; bottom:0; right:0; background-color:#0071dc;} .abt-text { text-align:left;} .abt-text h5 { margin-bottom:5px;} .abt-text p { margin-bottom:0;} .about-box:hover .abt-icon:before { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition:transform .35s ease; transition:transform .35s ease;} .about-box:hover .abt-icon:after { opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition:transform .35s .36s ease; transition:transform .35s .36s ease;} .about-box:hover .abt-icon i { color:#ffffff; z-index:1;} .about-right { position:relative;} .about-right img { width:100%; height:auto; display:block;} .abt-exp { padding:28px 0 0 0px;} .abt-year { width:20%; display:inline-flex; font-size:80px; font-weight:700; color:#0071dc;} .year-txt { display:inline-block;} .year-txt h2 { margin-bottom:0; text-transform:uppercase;} .year-txt p { margin-bottom:0;} /*=============================================== ** Counter Section Third CSS *===============================================*/ .counter-box { margin:10px 0; position:relative; display:block; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;} .inner-counter { position:relative; padding-left:90px;} .count-icon { width:80px; height:80px; line-height:80px; text-align:center; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; font-size:45px; z-index:-1;} .count-icon-inner { position:relative; width:100%; height:100%;} .count-icon-inner:before { border-radius:50%; position:absolute; content:''; display:block; border:2px dashed #0071dc; width:130px; height:130px; top:-22px; left:-25px; -webkit-animation:spinAround 20s linear infinite; animation:spinAround 20s linear infinite;} .count-icon-inner:after { border-radius:50%; position:absolute; content:''; display:block; border:2px dashed #0071dc; width:100px; height:100px; top:-7px; left:-10px; -webkit-animation:spinAround2 15s linear infinite; animation:spinAround2 15s linear infinite;} .count-icon i { -webkit-transition:all 600ms ease; transition:all 600ms ease;} .count-number h3 { font:700 45px/45px 'Oswald'; margin-bottom:0; display:inline-block; vertical-align:middle; letter-spacing:2.5px;} .count-number span.plus { font-weight:700; font-size:45px; margin-left:5px; position:relative; top:17px;} .count-number p { display:inline-block;} .count-wrap { position:relative;} .count-wrap h6 { position:relative; font-size:18px; font-weight:400; margin:7px 0 0;} .counter-box:hover .count-icon i { -webkit-transform:scale(-1) rotate(180deg); -ms-transform:scale(-1) rotate(180deg); transform:scale(-1) rotate(180deg);} @keyframes spinAround { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinAround2 { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } } /*=============================================== ** Services Section Three Css *===============================================*/ .services-item { position:relative; margin:20px 0;} .ser-icon-overlay { position:relative;} .ser-icon-overlay:after { position:absolute; background-color:#0071dc; opacity:0; top:0; left:0; right:0; bottom:0; content:''; text-align:left; -webkit-transition:all ease 500ms; transition:all ease 500ms;} .ser-thumb { position:relative;} .ser-thumb img { width:100%; height:auto; display:block; -webkit-transition:all .5s ease; transition:all .5s ease;} .ser-img-icon { position:absolute; width:80px; height:80px; line-height:80px; text-align:center; box-shadow:0 5px 35px 0 rgba(69,80,107,.09); top:87%; left:75%; background-color:#0071dc; color:#ffffff; border-radius:50%; -webkit-transform:translate(0%,0%); -ms-transform:translate(0%,0%); transform:translate(0%,0%); z-index:2; -webkit-transition:all 0.5s cubic-bezier(.645,.045,.355,1); transition:all 0.5s cubic-bezier(.645,.045,.355,1);} .ser-img-icon img { width:55px; height:55px; display:block; margin:0 auto; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px);} .ser-box-content { padding:40px 35px; background-color:#ffffff;} .ser-read { height:45px; text-align:center; position:relative; width:100%;} .ser-read a.btn-plus { width:45px; height:45px; line-height:45px; font-size:30px; border-radius:35px; position:absolute; left:50%; padding:0; text-align:center; color:#ffffff; background-color:#111111; -webkit-transition:all 300ms linear 100ms; transition:all 300ms linear 100ms; -webkit-transform:translate(-50%,0)scale(1); -ms-transform:translate(-50%,0)scale(1); transform:translate(-50%,0)scale(1);} .ser-read a.read-btn { opacity:0; padding-left:30px; padding-right:30px; height:45px; line-height:45px; border-radius:35px; position:absolute; left:50%; -webkit-transition:all 300ms linear 100ms; background-color:#0071dc; transition:all 300ms linear 100ms; -webkit-transform:translate(-50%,0)scale(0); -ms-transform:translate(-50%,0)scale(0); transform:translate(-50%,0)scale(0); overflow:hidden; z-index:1; color:#ffffff;} .ser-read a.read-btn:after { border-radius:35px; content:''; position:absolute; -webkit-transition:all .8s; transition:all .8s; height:120%; width:100%; opacity:.2; left:-100%; top:-10%; background-color:#ffffff; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);} .services-item:hover .ser-icon-overlay:after { opacity:.8;} .services-item:hover .ser-img-icon { transform:translate(-50%,-50%); top:50%; left:50%; box-shadow:0 0 0 0 rgba(69,80,107,.1); background:transparent; color:#ffffff;} .services-item:hover a.btn-plus { -webkit-transform:translate(-50%,0)scale(0); -ms-transform:translate(-50%,0)scale(0); transform:translate(-50%,0)scale(0); opacity:0; z-index:-1;} .services-item:hover a.read-btn { z-index:1; opacity:1; -webkit-transform:translate(-50%,0)scale(1); -ms-transform:translate(-50%,0)scale(1); transform:translate(-50%,0)scale(1); color:#ffffff;} .ser-read a.read-btn:hover::after { left:120%;} /*=============================================== ** How We Work Section Six Css *===============================================*/ .how-we-work { position:relative;} .how-we-item { position:relative; text-align:center; padding:10px;} .how-we-inner { position:relative;} .how-we-thumb { position:relative;} .how-we-img { background-color:#ffffff; display:flex; width:200px; height:200px; border:8px solid rgba(238, 238, 238, 0.5); padding:0; margin:0 auto 20px; border-radius:50%; position:relative; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .img-holder-inner { border-radius:50%; width:100%;} .img-holder-inner img { width:100%; height:auto; display:block; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; transition:transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; border-radius:50%;} .how-we-tag { height:56px; width:56px; display:flex; align-items:center; justify-content:center; border-radius:50%; position:absolute; bottom:5px; right:-5px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; top:0; font-size:1.1em; font-weight:700; color:#ffffff; background-color:#111111;} .how-we-content { position:relative;} .how-we-content h4 { margin-bottom:10px; font-weight:500;} .how-we-content p { margin-bottom:0;} .how-we-item:hover .img-holder-inner img { -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg);} .how-we-item:hover .how-we-tag { background-color:#0071dc; -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);} .how-we-work .col-3:nth-child(2), .how-we-work .col-3:nth-child(4) { margin-top:50px;} /*=============================================== ** Request A Free Consultation Form Section Nine Css *===============================================*/ .consult-box { position:relative; text-align:center; padding:0 50px; border-right:5px double #aeaeae;} .consult-box h2 { color:#ffffff; margin-bottom:10px;} .consult-box h5 { color:#0071dc; font-weight:400;} .consult-box input[type="text"], .consult-box input[type="email"], .consult-box input[type="tel"], .consult-box textarea { border:1px solid; border-radius:5px; margin:15px 0; color:#ffffff;} .consult-box textarea { height:120px;} .consult-box input[type="submit"] { display:block; width:100%; text-transform:uppercase; font-size:20px; font-weight:600; margin-top:15px; border-radius:5px;} .consult-box input[type="submit"]:hover { background-color:#ffffff !important; color:#111111;} /* Get In Touch Weekly Scheduled Box */ .get-in-box { position:relative;} .get-in-box h2 { color:#ffffff; font-size:42px; margin-bottom:10px;} .get-in-box h5 { color:#0071dc; margin-bottom:5px; font-weight:400;} .get-in-box h6 { font-weight:400; color:#ffffff; letter-spacing:2px; font-size:16px;} .get-in-box p { color:#ffffff; font-weight:normal;} .get-in-box a { color:#0071dc; text-decoration:underline; font-size:22px;} .get-in-box a:hover { color:#ffffff;} .scheduled-box { background-color:#ffffff; border-radius:10px; padding:15px;} .scheduled-box span { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; background-color:#eaeaea; border-radius:10px; padding:10px 30px 10px 50px; margin:10px 0; font-size:16px; color:#111111;} .scheduled-box span i { flex:0 0 40%; max-width:40%; font-style:normal;} /*===============================================* Theme Shortcode Css End *===============================================*/ /*=============================================== ** Info box Css *===============================================*/ .infobox{ margin:20px 0; } .infobox-num{ position:relative; z-index:1;} .infobox-num .infobox-number { background-color:#0071dc; color: #ffffff; height:34px; width:34px; line-height:30px; font-size:14px; text-align: center; display: inline-block; position: relative; top:0; border-radius: 20px; } .infobox-num .infobox-number:before { content:attr(data-content); position:absolute; font-size:80px; color:#111111; line-height:60px; z-index:-1; font-weight:bold; font-family:'Oswald'; opacity:.2; } .infobox-num .infobox-number:after { position: absolute; left: 42px; top: 18px; width: 30px; height: 1px; content: ""; background-color:#0071dc; } .infobox-content{ margin-left:48px; position:relative; z-index:1;} .infobox-content h4 { margin-bottom:5px; font-size:21px;} .infobox-content h4 a { color:#111111;} .infobox-content p { margin-bottom:0;} .infobox:hover .infobox-num .infobox-number:before { -webkit-transform:rotateX(360deg); -ms-transform:rotateX(360deg); transform:rotateX(360deg); -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .infobox:hover .infobox-content h4 a { color:#0071dc;} /*=============================================== ** Iconbox Css *===============================================*/ .iconbox { position: relative; border:2px solid #eaeaea; padding:2em; margin:20px 0; } .iconbox-icon { position:relative; margin-bottom:30px;} .iconbox-icon i { font-size:55px; line-height:60px; color:#0071dc; position:relative; padding-left:20px;} .iconbox-icon i:after { content:''; position:absolute; left:0; top:-10px; width:60px; height:60px; background-color:#111111; border-radius:100px; z-index:-1; -webkit-animation:move-icon-circle 3s infinite; animation:move-icon-circle 3s infinite;} .icon-more a { display: inline-block; background-color:#0071dc; color:#ffffff; padding: 5px; width: 40px; height: 40px; text-align: center; line-height: 30px; border-radius: 25px; animation: icon-more-animate 1.9s linear 0s infinite; } .iconbox:hover .icon-more a { background-color:#111111; color:#ffffff; } @keyframes move-icon-circle { 0%, 100% { -webkit-transform: translate3d(20px, 10px, 0); -ms-transform: translate3d(20px, 10px, 0); transform: translate3d(20px, 10px, 0); } 30% { -webkit-transform: translate3d(0px, 0px, 0); -ms-transform: translate3d(0px, 0px, 0); transform: translate3d(0px, 0px, 0); } 50% { -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } } @-webkit-keyframes icon-more-animate { 0% { transform: translateX(0); opacity: 1; } 50% { transform: translateX(10px); opacity: 0.5; } 100% { transform: translateX(0); opacity: 1; } } @keyframes icon-more-animate { 0% { transform: translateX(0); opacity: 1; } 50% { transform: translateX(10px); opacity: 0.5; } 100% { transform: translateX(0); opacity: 1; } } /*=============================================== ** Client Logo CSS *===============================================*/ .partner-logo{ text-align:center; width:150px; margin:0 auto;} .partner-logo img{ width:100% !important; margin:0 auto; -webkit-filter:grayscale(1); filter:grayscale(1); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .partner-logo:hover img { -webkit-filter:grayscale(0); filter:grayscale(0);} .partner-logo a{ display:block; } /*=============================================== ** Image With Content Css *===============================================*/ .image-with-content-pic, .image-with-content-data{ flex: 1; } .image-with-content-space { padding:1em 2em; } .image-with-content-space h2 { font-size:22px;} /*=============================================== ** Image Box Css *===============================================*/ .imagebox{ position: relative; overflow: hidden; margin: 30px 0; } .imagebox-thumb img{ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); } .imagebox:hover .imagebox-thumb img{ opacity: 0.6; -webkit-transform: scale(1); transform: scale(1); } .imagebox-data { position: absolute; inset: 0; text-align: center; background-color:rgba(0,0,0,0.7); } .imagebox-data h3{ position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.4s ease-in-out; color:#ffffff; } .imagebox-data a { background-color:#0071dc; color: #ffffff; padding: 8px 25px; position: absolute; top: 70%; left: 0; right: 0; -webkit-transform: translateY(-70%); transform: translateY(-70%); width: 40%; border-radius: 30px; margin: 0 auto; opacity: 0; transition: all 0.4s ease-in-out; font-weight: 700; text-transform: uppercase; width: fit-content; } .imagebox-data a:hover{ background-color: #111111; color: #ffffff; } .imagebox:hover .imagebox-data h2{ top: 40%; -webkit-transform: translateY(-40%); transform: translateY(-40%); } .imagebox:hover .imagebox-data a{ opacity: 1; top:75%; -webkit-transform: translateY(-65%); transform: translateY(-65%); } /*=============================================== ** Popup video Css *===============================================*/ .video-box-vid{ width: 80px; height: 80px; line-height: 80px; margin: 50px auto; text-align: center; font-size: 28px; border-radius:50%; } .video-box-vid a { position: relative; display: block; width: 100%; height: 100%; background-color:#0071dc; border-radius: 50%; z-index: 0; } .video-box-vid a, .video-box-vid a:hover{ color: #ffffff; } .video-box-vid a:before { content: ""; display: block; position: absolute; border-radius: 100%; background-color:#0071dc; z-index: -1; opacity: 0.6; width: 110px; height: 110px; top: 50%; left: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); } .video-box-vid a:after { content: ""; display: block; position: absolute; border-radius: 100%; background-color:#0071dc; z-index: -1; animation: video-toggle-animate 1.9s linear 0s infinite; left: 50%; margin: 0 auto; top: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); } @-webkit-keyframes video-toggle-animate { 0% { width: 70px; height: 70px; opacity: 0.8; } 100% { width: 150px; height: 150px; opacity: 0; } } @keyframes video-toggle-animate { 0% { width: 70px; height: 70px; opacity: 0.8; } 100% { width: 150px; height: 150px; opacity: 0; } } /*=============================================== ** Skill Bar Css *===============================================*/ .skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:50px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.3s linear; transition:0.3s linear; -webkit-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; } .skillbar-title { color:#111111; text-transform:uppercase; } .skillbar-title span { display:block; color:#111111; padding:0; height:35px; font-size:14px; line-height:35px; letter-spacing:1px; } .skillbar-bar { height:12px; width:0px; background-color:#0071dc; border-radius:0px; } .skill-bar-percent { position:absolute; right:0; top:0; height:35px; line-height:35px; color:#111111; font-family:'Roboto Condensed';} .skill { width:46.98%; float:left; } .skill-bar { margin:60px 0 0 0; } .skill-bg { width:100%; background-color:#111111; border-radius:0px;} /*=============================================== ** Owl Carousel Navigation Css *===============================================*/ .owl-carousel.owl-theme .owl-nav { margin-top:20px; } .owl-carousel .owl-nav button { width:38px; height:38px; border-radius:0 !important; line-height:36px !important; font-size:0 !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #0071dc !important; } .owl-carousel .owl-nav button:hover { border-color:#111111 !important; background-color:transparent !important; } .owl-carousel .owl-nav button:hover::before { color:#111111 !important; } .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before { -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 6 Pro'; font-weight:700; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#0071dc; } .owl-carousel .owl-nav button.owl-prev { left:0; } .owl-carousel .owl-nav button.owl-prev:before { content:'\f104'; } .owl-carousel .owl-nav button.owl-next { right:0; } .owl-carousel .owl-nav button.owl-next:before { content:'\f105'; } /*=============================================== ** Footer Css *===============================================*/ #footer-wrapper { background-color:#111111; color:#ffffff; position:relative; padding:0px 0 40px;} .foot-top { background-color:#0071dc; position:relative;} .foot-top-inner { position:relative;} .foot-top-bx { position:relative; padding:50px 30px;} .foot-top-left { display:table-cell;} .foot-top-left h3 { margin-bottom:0; color:#ffffff; text-transform:uppercase;} .foot-top-right { padding-left:20px; display:table-cell;} .foot-top-right i { font-size:38px; color:#ffffff;} .foot-top-bx.second { position:relative; padding-left:15px; padding-right:15px;} .foot-top-bx.second:before { content:''; background:rgba(255,255,255,.16); height:100%; width:2px; position:absolute; left:-15px; right:auto; top:0; bottom:auto;} .foot-top-bx.second:after { content:''; background:rgba(255,255,255,.16); height:100%; width:2px; position:absolute; right:-15px; left:auto; top:0; bottom:auto;} .foot-top-bx.second .foot-top-left { position:absolute; text-align:center; left:0; right:0; top:30px;} .foot-top-bx.second .foot-top-left span { font-size:100px; opacity:.20;} .foot-top-bx.second .foot-top-right { text-align:center; z-index:1; position:relative; padding-left:0;} .foot-top-bx.second .foot-top-right h4 { margin-bottom:0; color:#ffffff; text-transform:uppercase;} .foot-top-bx.second .foot-top-right p { margin-bottom:0; color:#ffffff;} .foot-top-bx.third .foot-top-right h3 { margin-bottom:0; color:#ffffff; text-transform:uppercase;} .foot-top-bx.third .foot-top-left i { font-size:38px; color:#ffffff;} .foot-wrap-inner { position:relative; padding-top:60px;} .widget-space{ margin-bottom:20px; } .foo-cols h5.footer-widget-title { display:block; margin-bottom:35px; padding:0 0 15px 0; font:600 22px/1 'Oswald'; color:#ffffff; position:relative; letter-spacing:1px; z-index:1;} .foo-cols h5.footer-widget-title:before { bottom:0; content:''; display:inline-block; height:2px; left:0; position:absolute; width:100px; transition:all .5s linear; -webkit-transition:all .5s linear; background-color:#0071dc;} .foo-cols ul.menu li a, #footer-wrapper a { color:#ffffff; } .foo-cols ul.menu li a:hover, #footer-wrapper a:hover { color:#0071dc; } /*=============================================== ** Footer Layouts Css *===============================================*/ .footer-space{ padding:0; position:relative; z-index:9;} /* Footer Style One */ #footer-wrapper.footer-one { padding-bottom:0; background-repeat:no-repeat; background-position:center top; background-size:cover; background-color:none; z-index: 9;} .footer-one:before { content:''; position:absolute; width:100%; height:100%; left:0; right:0; top:0; background-color:rgba(0,0,0,0.8); z-index:2;} .footer-one .foot-top { z-index:9;} .footer-one .copyright-wrapper { background:none; z-index:9; padding-top:0; border-color:#ffffff;} .footer-one .copyright-wrapper .foot-one-cright { padding-top:20px;} #footer-wrapper.footer-one .copyright-wrapper .copyright-text, #footer-wrapper.footer-one .copyright-wrapper .designby-text { color:#ffffff;} /* Footer Style Two */ .foot-style-two { position:relative; text-align:center; padding-bottom:20px;} .foot-style-two .foot-top-logo { position:relative; width:20%; margin:0 auto 50px; text-align:center;} .foot-two-box { position:relative; text-align:center;} .foot-two-box h4 { color:#0071dc; border:1px solid; padding:7px 10px; text-transform:uppercase; font-weight:500; font-size:20px;} .foot-two-box p { margin-bottom:0;} .foot-style-two .social-icons { margin-top:50px;} /* Footer Style Three */ #footer-wrapper.foot-style-three .flex-element { justify-content:space-between;} .footer-top { position:relative; padding:50px 15px 15px; margin-bottom:50px; border-bottom:1px solid #ffffff;} .footer-top .flex-element { justify-content:space-between;} .foot-top-logo { flex:0 0 18%;} .foot-top-social { display:inline-flex; align-items:center;} /*=============================================== ** Footer Widget Css *===============================================*/ .foo-getintouch { margin:0; } .foo-cols.col-3 .getintouch-logo { width:50%; margin-bottom:15px; } .getintouch-logo { margin:0 0 30px; width:70%; } #sidebar .getintouch-logo { width:auto; } #sidebar .widget-getintouch-info li { padding:0 0 0 40px; } #sidebar .widget-getintouch-social li a { line-height:35px; } .getintouch-logo img { width:auto; } .widget-getintouch-info li { display:block; padding-left:35px; margin-bottom:15px; position:relative; font-size:16px;} .widget-getintouch-info li:before { position:absolute; left:0; font-family:'Font Awesome 6 Pro'; color:#0071dc; font-weight:300; font-size:18px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .widget-getintouch-info li.icon-address:before { content:'\f3c5'; } .widget-getintouch-info li.icon-phone:before { content:'\f8d3'; } .widget-getintouch-info li.icon-fax:before { content:'\f1ac'; } .widget-getintouch-info li.icon-mail:before { content:'\f0e0'; } .widget-getintouch-info li.icon-hrs:before { content:'\f017'; } .widget-getintouch-social { margin-top:35px; } .widget-getintouch-social li { display:inline-block; margin:0 5px; width:37px; height:37px; line-height:35px; text-align: center; } .widget-getintouch-social li a { display: block; color: #ffffff !important; background-color:#0071dc; } .widget-getintouch-social li a:hover { color:#111111 !important; background-color:#ffffff; } .footer-nav li{ margin-bottom:12px; width:100%; display:block; list-style:none;} .footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:20px; } .footer-nav li a:before{ content:'\f101'; font-family:'Font Awesome 6 Pro'; position:absolute; font-weight:300; font-size:12px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; } .footer-nav li:last-child{ border:none; margin:0; } .footer-nav ul{ display:none; } .latest-posts-row{ margin-bottom:15px; padding-bottom:15px; clear: both; overflow: hidden; border-bottom:1px solid; } .latest-posts-row:last-child{ border:none; margin:0; padding:0; } .latest-post-thumb { width:56px; padding:1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; } .latest-post-thumb a{ display: block; width: 100%; height: 100%; position:absolute; left:0; top:0; } .latest-post-content{ overflow:hidden; display:table-cell; vertical-align:middle; padding-left: 10px; } .latest-post-content h6{ margin:0 0 5px; line-height: 1.5; font-weight:600;} .latest-post-content p{ line-height:20px; margin-bottom:0; font-size:14px;} .download-brochure{ position: relative; } .download-brochure a { padding:20px 20px 20px 80px; font-size:18px; display:block; background-color:#0071dc; color:#ffffff; position: relative; } .download-brochure a:before { content:'\f15c'; font-family:'Font Awesome 6 Pro'; font-size:30px; left:0; width:60px; text-align:center; top:0; bottom:0; background-color:#111111; position:absolute; font-weight:300; line-height:60px; } .download-brochure a:hover { color:#ffffff; } .newsletter{ margin-top:30px; } .newsletter input[type=email]{ margin:0; height:60px; text-align:center; } .newsletter button { width:100%; height:50px; background-color:#0071dc; border:none; color:#ffffff; font-size:20px; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; } .widget-about-image{ min-height:250px; background-position:top center; background-repeat:no-repeat; background-size:cover; margin:0 0 20px; } .widget-about-conte{ padding:0 12px; } .widget-about-conte h2.wid-abt-hd { margin: 0 0 10px; color:#0071dc; } .widget-about-conte .sub-wid-abt-hd { color:#111111; font-style:italic; margin: 0 0 10px; font-size:90%; } .widget-about-conte p{ font-size:90%; line-height:24px; } ul.widget-about-social{ margin:20px 0 0; padding:15px 0 0; border-top:1px solid #e1e1e1; } ul.widget-about-social li{ display:inline-block; margin:5px; padding:0 !important; width: 30px; height: 30px; line-height: 30px; } ul.widget-about-social li a { background-color:#0071dc; color:#ffffff !important; display: block; height: 100%; line-height: 30px !important; } ul.widget-about-social li a:hover { background-color: #111111; } .opening-hrs{ margin-bottom:30px; } .opening-hrs h6 { font-size:16px; text-transform:uppercase; color:#0071dc; letter-spacing:2px; } .opening-hrs .opening-hrs-list{ text-align:right; } .opening-hrs .opening-hrs-list li{ line-height:1; padding:0 0 20px; margin-bottom:20px; display:block; border-bottom:1px solid; } .opening-hrs .opening-hrs-list li:last-child{ color:red !important; } .opening-hrs .opening-hrs-list li span{ float:left; } /*=============================================== ** Copyright Css *===============================================*/ .copyright-wrapper { padding:20px 0; background-color:#111111; position:relative; border-top:1px solid #262525;} .copyright-wrapper, .copyright-wrapper a { color:#ffffff; } .copyright-wrapper a:hover { color:#0071dc; } /*=============================================== ** Innerpages Css *===============================================*/ /* Innerpage title */ .innerbanner{ /*overflow:hidden;*/ position:relative; } h1.innerpage-title { position:relative; font-size:45px; margin:0; padding:3em 0 3em; color:#ffffff; letter-spacing:2px; text-align:center; z-index:9;} h1.innerpage-title span { padding:10px 0; display:inline-block;} h1.innerpage-title.without-banner { border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:1em 0; } .innerpage-title.innerbanner-equal-padding { padding:4em 0; } .innerpage-banner.without-banner { background-color:#111111; text-align:center; } .innerpage-banner.without-banner h1.innerpage-title{ padding:2em 0 2em;} /* Innerpage Content and Sidebar*/ .content-area{ padding:50px 0;} .site-main{ width:830px; margin:0; padding:0; float:left;} .sitefull{ width:100% !important; float:none !important; } /*=============================================== ** Breadcrumb Css *===============================================*/ .breadcrumbs-main { position:absolute; text-align:center; z-index:9; bottom:-18px; left:0; right:0;} .breadcrumbs { font-size:0; position:relative; display:inline-block; background-color:#0071dc;} .breadcrumbs:after { content:''; position:absolute; background-color:#111111; height:3px; width:100%; display:block; left:0; bottom:-5px;} .breadcrumbs span { font-size:15px; font-weight:500; padding-top:2px; padding-bottom:2px; display:inline-block; text-transform:capitalize;} .breadcrumbs span a { position:relative; padding:7px 15px; color:#ffffff; border-right:1px solid #eaeaea;} .breadcrumbs span.current-item { padding:5px 15px 6px; color:#ffffff;} .innerpage-banner.without-banner .breadcrumbs-main { position:relative; text-align:center; z-index: 9;} /*=============================================== ** Blog Page Css *===============================================*/ .blog-post-repeat{ margin-bottom:30px; position: relative; transition: all 0.4s ease-in-out; display:block;} .blog-post-repeat article{ position:relative; margin-bottom:30px;} .blog-post-repeat .post-thumb { position:relative; overflow:hidden;} .blog-post-repeat .post-thumb img { width:100%; height:auto; display:block; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;} .post-thumb a { overflow:hidden; position:relative; display:block;} .post-thumb a:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:1; border-bottom:2px solid #ffffff; background-color:rgba(255,255,255,.5); opacity:1; -webkit-transition:all 500ms linear 50ms; transition:all 500ms linear 50ms; -webkit-transform:translate(0,105%); -ms-transform:translate(0,105%); transform:translate(0,105%);} .post-thumb a:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:1; border-bottom:2px solid #ffffff; background-color:rgba(255,255,255,.5); opacity:1; -webkit-transition:all 500ms linear 50ms; transition:all 500ms linear 50ms; -webkit-transition-delay:.2s; transition-delay:.2s; -webkit-transform:translate(0,105%); -ms-transform:translate(0,105%); transform:translate(0,105%);} .blog-post-repeat:hover .post-thumb a:before, .blog-post-repeat:hover .post-thumb a:after { opacity:0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);} .blog-post-repeat:hover .post-thumb img { -webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3);} .blog-post-repeat:hover .in-read-more { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); opacity:1; -webkit-transition-delay:.12s; transition-delay:.12s;} .in-read-more:hover { background-color:#111111; color:#ffffff;} .latest-post-para { position:relative; padding:25px 5px 10px;} /* Pagination */ .spacer20{height:20px; clear:both;} .pagination{display:table; clear:both; margin:0 auto; } .pagination ul{list-style:none; margin:20px 0;} .pagination ul li{display:inline-block; margin-right:5px;} .pagination ul li span, .pagination ul li a {background-color:#111111; color:#ffffff; padding:5px 15px; display:inline-block; border-radius: 30px; } .pagination ul li .current, .pagination ul li a:hover { background-color:#0071dc; color:#ffffff !important; } /* home page posts pagination */ .navigation .page-numbers { background-color:#111111; color:#ffffff; padding:5px 10px; display:inline-block; } .navigation .page-numbers.current, .navigation .page-numbers:hover { background-color:#0071dc; color:#ffffff !important; } .taxonomy-description{ margin-bottom:20px; } /*=============================================== ** Single Posts Css *===============================================*/ article p{ margin:0 0 20px 0; } .post-summary{ position:relative; margin-bottom:20px; } .blog-post-single header.entry-header{ margin-bottom:20px; } .blog-post-single .post-meta { font-size:14px; text-align:center; padding:5px 0; margin-top:0;} .blog-post-single .post-meta span{ margin-right: 20px; } .blog-post-single .post-meta span i { margin-right:5px; color:#0071dc;} .blog-post-single .post-meta span.post-comnt { opacity:1; color:#111111; background:none; overflow:inherit; width:auto; height:auto; bottom:0;} .blog-post-single .post-meta span.post-comnt:before { content:none;} .blog-post-single .post-cate { background:none; margin-bottom:0;} .blog-post-single .post-cate a { color:#111111;} .blog-post-single .post-cate a:hover { color:#0071dc;} .post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; } .post-bottom .post-tags{ float:left; } .post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; } .post-bottom .social_share{ float:right; } /* Post Nav */ .post-nav{ clear:left; margin-top:40px;} .prev-page, .next-page{ margin:0; padding:0;} .prev-page a{ float:left;} .next-page a{ float:right;} .prev-page a, .next-page a { background-color:#111111; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';} .prev-page a:hover, .next-page a:hover { color:#ffffff; background-color:#0071dc;} .singleright { float:left; } .singleleft { float:right; } #nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; } .nav-previous, .nav-next{ width:50%; } .nav-next{ margin-left:auto; } #nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; height:100%; } #nav-below.post-navigation .meta-nav-icon { background-color:#0071dc; width:98px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:48px; } #nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #nav-below.post-navigation .meta-nav-title { background-color:#ececec; padding:20px 15px; width:76%; text-align: center; display: inline-block; vertical-align: middle; font-weight:500; } #nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; } /* Team Single */ .single-team-thumb, .single-testi-thumb{ margin-bottom:30px; } .single-team-thumb img, .single-testi-thumb img { border:8px solid #0071dc; padding:10px; } .single-team-info h2 { font-size:25px; margin-bottom:10px; } .single-testi-info h2 { font-size:25px; text-align:center; margin-bottom:10px;} .single-team-info span, .single-testi-info span { display:block; text-transform:uppercase; font-weight:700; color:#0071dc; line-height:normal; margin:0 0 20px; } #sidebar .member-info{ margin-top:30px; } #sidebar .member-info ul{ margin:0; padding:0; list-style:none; } #sidebar .member-info ul li{ display:block; margin:0 0 15px; padding:0 0 15px; position:relative; } #sidebar .member-info ul li strong { color:#111111; } #sidebar .member-info ul li:before { content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#0071dc; } #sidebar .member-info ul li:last-child::before{ content:none; } .member-single-social a { width:30px; height:30px; border-radius:30px; line-height:32px; display:inline-block; background-color:#0071dc; margin-right:5px; color:#ffffff; text-align:center; font-size: 12px; } .member-single-social a:hover{ background-color:#111111; color:#ffffff; } /*=============================================== ** Contact Page Css *===============================================*/ .contact-page-content{ padding:0; position:relative; } .gmap { position:relative; margin-top:30px;} .conactinfo { position:relative; margin:20px 0 50px; padding-top:50px; } .con-page-info { text-align:center; position:relative; background-color:#111111; -webkit-transition:.5s; transition:.5s; border-radius:6px; box-shadow:0 0 40px 5px rgba(0, 0, 0, 0.03); padding:40px; margin-bottom:30px; overflow:hidden;} .con-page-info:before { content:''; position:absolute; top:-40px; right:-40px; border-radius:50%; background-color:#0071dc; width:120px; height:120px; -webkit-transition:.5s; transition:.5s;} .con-page-info:after { content:''; position:absolute; top:-40px; left:-40px; border-radius:50%; background-color:#0071dc; width:120px; height:120px; -webkit-transition:.5s; transition:.5s;} .con-page-info-icon { width:80px; height:80px; background-color:#ffffff; border-radius:50%; color:#111111; margin:0 auto 30px; display:flex; align-items:center; font-size:40px; line-height:1; justify-content:center; -webkit-transition:.5s; transition:.5s;} .con-page-info-desc { position:relative; color:#ffffff;} .con-page-info-desc a { color:#ffffff;} .con-page-info-desc h6 { font-size:18px; color:#0071dc; border-bottom:2px solid #ffffff; display:inline-block; position:relative; padding:0 0 10px; text-transform:uppercase; font-weight:400;} .con-page-info-desc h5 { color:#ffffff;} .con-page-info:hover { -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px);} .con-page-info:hover:before, .con-page-info:hover:after { width:160px; height:160px;} .con-page-info:hover .con-page-info-icon { color:#0071dc;} .contact-content .wpcf7-form label { color:#282828; } .contact-content .form-group input[type=text], .contact-content .form-group input[type=email], .contact-content .form-group input[type=tel], .contact-content .form-group textarea{ background-color:transparent; border:1px solid; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding: 10px; background-color:#ffffff; } .contact-content .form-group input[type=text]:focus, .contact-content .form-group input[type=email]:focus, .contact-content .form-group input[type=tel]:focus, .contact-content .form-group textarea:focus{ border-color:#0071dc; } .form-group{ margin-bottom:30px; } .form-group textarea { color:#111111;} .form-group.half{ width:48%; margin-right:4%; float:left; } .form-group.half p { margin-bottom:0;} .form-group.half input[type="text"], .form-group.half input[type="tel"] { color:#111111;} .form-group.half.last{ margin-right:0; } .form-group.half.last input[type="email"], .form-group.half.last input[type="text"] { color:#111111;} .form-group.third{ width:32%; margin-right:2%; float:left; } .form-group.third.last{ margin-right:0; } .form-group input[type="submit"] { display:block; width:100%; font-size:20px; font-weight:700;} /*=============================================== ** Sidebar Css *===============================================*/ #sidebar{ width:300px; float:right; padding:0 0 30px; } .widget_content { padding:0; } .sidebar-left{ float:left !important;} #sidebar .quotes h4 { margin:10px 0;} aside.widget{ margin:0; padding:0; } aside.widget ul{ list-style:disc; } h3.widget-title { position:relative; padding:12px; margin: 0 0 25px; letter-spacing:2px; display:block; background-color:#eaeaea;} h3.widget-title:before { bottom:0; content:''; display:inline-block; height:3px; left:0; position:absolute; width:100%; transition:all .5s linear; -webkit-transition:all .5s linear; background-color:#0071dc;} #sidebar aside.widget{ margin:0 0 25px; padding:0; position:relative; } #sidebar .widget_search .widget_content input[type="search"] { color:#111111;} .flotRight{ float:right !important;} #sidebar aside.widget:first-child{ margin-top:0; } .textwidget p{ margin-bottom:20px; } #sidebar ul li{ padding:8px 0 8px 0; list-style:none; } #sidebar ul li a { line-height:18px; color:#111111; position:relative; } #sidebar ul li a:hover { color:#0071dc;} #sidebar ul li:last-child{ border:none;} .nosidebar{ float:none !important; margin:0 auto;} #sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform:capitalize; } #sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; } #sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; } #sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:uppercase; padding:3px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:400; font-size:12px !important; border-radius:15px; } #sidebar .widget_tag_cloud a:hover { color:#ffffff; background-color:#111111; } #sidebar #wp-calendar { width:100%; text-align: center; } #sidebar #wp-calendar caption { font-weight:700; margin-bottom:0; background-color:#111111; text-transform:uppercase; padding:10px; color:#ffffff; } #sidebar #wp-calendar th { background-color:#262729; color:#ffffff; padding:5px; } #sidebar #wp-calendar tbody td { background-color:#f9f9f9; padding:5px; } #sidebar #wp-calendar tbody td a, #sidebar #wp-calendar tfoot td a { display:block; background-color:#0071dc; color:#ffffff; } #sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover { background-color:#111111; } #sidebar #wp-calendar tfoot td a { padding:5px; } .sidebar-banner{ position:relative; z-index:99; padding:15% 20px; } .sidebar-banner p{ margin-bottom:30px; } .sidebar-banner a{ color:#ffffff !important; } .foo-cols.widget-column .sidebar-banner{ padding:20% 20px; } .widget-newsletter{ position:relative; } .widget-newsletter p{ margin-bottom:20px; } .widget-newsletter form{ position:relative; } .widget-newsletter input[type=email]{ margin-bottom:0; padding-left:0; font-size:15px; box-shadow:none; color:#ffffff; border-color:#ffffff;} .widget-newsletter .wpcf7-submit { position:absolute; top:1px; right:0; background:url(images/footnews-bg.png) no-repeat center; font-size:0; width:40px; height:40px; padding:0; margin-top:0; } /*=============================================== ** Posts Social Share Css *===============================================*/ ul.social-share-post { padding:0; margin:0; list-style:none; } ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; } ul.social-share-post li a{ display:block; color:#ffffff; } ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); } ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; } ul.social-share-post li.social-share-facebook{ background-color:#3984bd; } ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; } ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; } ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; } ul.social-share-post li.social-share-mail{ background-color:#d32e2a; } /*=============================================== ** Back to Top Css *===============================================*/ #top{ position:relative;} #back-top { position:fixed; bottom:5px; right:20px; z-index:999;} #back-top a {width:60px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#0071dc; -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; } #back-top a:hover{ color:#111111; } #back-top span { width:60px; height:50px; line-height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; transition:1s; opacity:0.9; } /*=============================================== ** Custom Css *===============================================*/ .error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;} .success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;} .customtab{ margin-top:0px;} article.tag-sticky-2{background:#f6f6f6; padding:10px;} /* = Text meant only for screen readers. -------------------------------------------------------------- */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important; height: 1px;width: 1px; overflow: hidden;} .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:100%; z-index:100000; /* Above WP toolbar. */} /* = Accordion tab section css -------------------------------------------------------------- */ .acc-content a { font-weight:bold; line-height:30px;} /*=============================================== ** Woocommerce Product/Shop Page Css *===============================================*/ .woocommerceright{float:left;} .woocommerceleft{float:right;} .content-area .woocommercesitefull{ width:100%; } /****************** Search Result and Sorting *************************/ .woocommerce .woocommerce-result-count{ margin-top:12px; } .woocommerce .woocommerce-ordering{ margin-bottom:0; position:relative; } .woocommerce-ordering:after{ content:'\f078'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; top:10px; right:20px; } form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423;background-color: #ffffff; border: 1px solid #e5e5e5; position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image: url(...); } .product-item-inner{ text-align:center; -webkit-box-shadow: 0 0 16px 0 rgba(39,48,75,.14); box-shadow: 0 0 16px rgba(39,48,75,.14); padding: 1em; } /*************** Product Thumbnail and overlay elements ****************************/ .woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; } .woocommerce .product-item-thumbnail-holder{ text-align:center; } .woocommerce .product-item-thumbnail-holder a{ display:block;} .woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; } img.onhover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:opacity .1s; transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; object-fit: cover; height: 100% !important; } .woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; } .woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; } .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc { background-color:#0071dc; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; } .woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; } .woocommerce ul.products li.product .sale-perc{ opacity:0; } .woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; } .woocommerce .woo-entry-new-badge, .woocommerce .soldout { right:0; background-color:#111111; color:#ffffff; } .woocommerce .soldout { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*************** Product Rating, Title and Price ****************************/ .woocommerce ul.products li.product .product-item-inner .star-rating{ margin:5px auto 10px; } .woocommerce .star-rating span:before { color:#0071dc; } .woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px 0 10px; } .woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#f15958; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; } .woocommerce ul.products li.product .price ins{ text-decoration:none; } .woocommerce ul.products li.product .price del{ font-size: 16px; } /*************** Add to Cart Button ****************************/ .woo-add-to-cart a.woocommerce-LoopProduct-link{ display:none !important; } .woocommerce .product-item-inner .woo-add-to-cart{ position:absolute; bottom:20px; left:0; right:0; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms; display:flex; justify-content:center; opacity:0; } .product .product-item-inner:hover .woo-add-to-cart{ opacity:1; } .woocommerce .product-item-inner .woo-add-to-cart a{ border-radius:50%; font-size:0; width:40px; height:40px; padding:0; margin:0 7px; display:inline-flex; align-items:center; justify-content:center; background-color:#f15e42; border-color:transparent; -webkit-transition:all 500ms ease 0s; transition:all 500ms ease 0s; -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); transition-delay: 30ms; } .woocommerce .product-item-inner .woo-add-to-cart a:before{ font-family:'Font Awesome 6 Pro'; font-weight:700; position:absolute; left:0; right:0; font-size:16px; } .woocommerce .product-item-inner a.add_to_cart_button:before{ content:'\f07a'; } .woocommerce .product-item-inner a.wc-forward:before{ content:'\f291'; } .woocommerce .product-item-inner a.product_type_external:before{ content:'\f08e'; } .woocommerce .product-item-inner a.product_type_grouped:before{ content:'\f5fd'; } .product .product-item-inner a.add_to_cart_button.added{ display:none; } .product .product-item-inner:hover .woo-add-to-cart a{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ background-color:#0071dc; color:#ffffff; padding:10px 12px; display:inline-block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; position:relative; font-weight:normal; line-height:normal; border-radius:0; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#242423; color:#ffffff; } /*************** Sidebar CSS ****************************/ #sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; } #sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; } #sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; margin-bottom:10px; } .woocommerce .widget_price_filter .price_slider_amount{ text-align:left;} .woocommerce .widget_price_filter .price_slider_amount .button{ float:none; } .woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; margin:15px 0 10px; } .woocommerce .widget_product_tag_cloud a { font-size:14px !important; padding:6px 14px; margin:3px; background-color:#0071dc; display:inline-block; color:#ffffff; } .woocommerce .widget_product_tag_cloud a:hover{ background-color:#111111; } .woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;} .woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important; font-size:16px !important; font-weight:700 !important; } .woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; } .woocommerce-LoopProduct-link br{ display:none; } .widget_product_categories .product-categories li span.count{ float: right; } /*=============================================== ** Single Product Page Css *===============================================*/ .related.products{ padding:0; } .related.products h2{ text-transform:capitalize; padding-bottom:15px; font-weight: 500; } body.single-product #sidebar {display:none;} body.single-product .site-main{ width:100%; } .single-product .product .onsale { left:0; background-color:#0071dc; } .woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; } .woocommerce h1.product_title{ margin:0 0 5px; } .woocommerce div.product p.price, .woocommerce div.product span.price { margin:0; font-size:24px; font-weight:400; color:#242423; padding:10px 0; } .woocommerce div.product .woocommerce-product-rating{ margin: 0; padding: 10px 0;} .woocommerce-product-details__short-description{ padding:10px 0; } .woocommerce-product-details__short-description p{ margin: 0; } .woocommerce-product-details__short-description ul{ margin:20px 0;} .woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; } .woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:'Font Awesome 6 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#0071dc;} .woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:10px 0px; display:inline-block; font-size: 15px; margin:0; } .woocommerce div.product p.stock.avail-in-stock{ color:#008000; } .woocommerce div.product p.stock.few-in-stock{ color:#f27144; } .woocommerce div.product p.stock.out-of-stock{ color:red; } .woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart{ margin:2% 0; } .woocommerce div.product form.cart div.quantity{ float:none; margin: 0; } .woocommerce .product .quantity-wrap{ float: left; margin-right:10px; } .quantity-wrap input.plus, .quantity-wrap input.minus{ display:inline-block; height:38px; border:1px solid #d7d7d7; width:36px; color:#d7d7d7; cursor: pointer; vertical-align: top; background: none; font-size: 20px; padding: 0; line-height: 36px; } .quantity-wrap input.plus:hover, .quantity-wrap input.minus:hover { background-color:#0071dc; color:#ffffff; border-color:transparent; } .quantity-wrap .quantity{ display: inline-block; } .woocommerce .quantity input[type="number"] { -moz-appearance:textfield; width:45px; height:38px; margin:0 3px; vertical-align:top; padding:5px; text-align:center; border:1px solid #d7d7d7; color:#111111;} .woocommerce div.product form.cart .variations select{ margin:0 0 6px; -webkit-appearance:revert; -moz-appearance:revert; appearance:revert; max-width:80%; padding:10px; } .woocommerce div.product form.cart .variations td.label{ text-transform: capitalize; vertical-align: middle; } a.reset_variations{ margin:0; margin-left:15px; } .woocommerce .summary .product_meta{ clear:both; display:inline-block; position:relative; width:100%; padding:2% 0px; } .product_meta span{ padding: 2px 0; } .woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand { display:inline-block; margin:0; font-weight:500; width:100%; clear:both; } .woocommerce .summary .product_meta > span > :first-child { margin-left: 10px; } .entry-summary .sku, .woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a { font-weight: normal; } .woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; } .woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0; padding:0; border-bottom: 2px solid #e1e1e1; clear: both; overflow:visible; } .woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:18px; padding:0; margin:0 10px 0 0; background-color:transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:10px 12px; border-radius:0; position:relative; font-weight:500; color:#555555 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a.selected{ color:#111111 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a.selected:after{ content:''; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color: #0071dc; } .woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; } .woocommerce div.product .woocommerce-tabs .panel h2{ display:none; } .woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ display:table; float:none; width:100%; border:1px solid #e3e3e3; border-collapse:separate; border-spacing:0; border-bottom:none; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th{ width:150px; font-weight:700; padding:10px 5px 10px 25px; border-top:0; margin:0; color:#111111; text-align:left; background:#ffffff; text-transform: capitalize; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; } .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td{ font-style:normal; font-weight:400; padding:8px; border-top:0; margin:0; background:#ffffff; border-bottom:1px solid #e3e3e3; } .woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#111111; } .woocommerce #review_form #respond .comment-form-rating{ font-size:20px; } .woocommerce #review_form #respond p.stars{ margin-top:15px; } #reviews.woocommerce-Reviews .comment-respond{ box-shadow:none; } .woocommerce #reviews #comments ol.commentlist li img.avatar{ width:70px; padding:0; border:none; border-radius:50px; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ margin:0 0 0 90px; border:none; padding:0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin:0; font-size:16px; color:#111111; } .woocommerce #reviews #comments ol.commentlist li .star-rating{ float:none; font-size:0.8em; margin-bottom:10px; width:7em; } .woocommerce #reviews #comments ol.commentlist li .star-rating:before{ letter-spacing:5px; } .woocommerce #reviews #comments ol.commentlist li .star-rating span:before { color:#0071dc; letter-spacing:5px; } .woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email]{ position:relative; width:100%; margin:0 0 25px; padding:20px 24px; font-family:inherit; font-size:12px; font-weight:inherit; line-height: calc(60px - (20px * 2) - 2px); color:#16161b; border-radius:3.3px; border:1px solid #fafafa; background-color:#fafafa; outline:0; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; transition:border-color .2s ease-in-out; height:auto; } .woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email{ width:100%; } .woocommerce #review_form #respond input:focus[type="text"], .woocommerce #review_form #respond input:focus[type="email"], .woocommerce #review_form #respond textarea:focus{ background-color:transparent; border:1px solid #0071dc;} /*=============================================== ** Product Cart Page Css *===============================================*/ body.woocommerce-cart .site-main{ width:100%; float:none; } body.woocommerce-cart #sidebar{ display:none; } .woocommerce table.shop_table{ border-radius: 0; } .woocommerce .woocommerce-cart-form table.shop_table.cart th{ background-color:#f5f5f5; color:#111111; line-height:40px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width:50px; } .woocommerce table.shop_table tr td:first-child{ border-left:none; } .woocommerce table.shop_table td{ border-left: 1px solid rgba(0,0,0,.1);} .woocommerce-cart-form__cart-item.cart_item .product-remove, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail{ text-align:center; } .woocommerce-cart-form__cart-item.cart_item .product-remove a, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a{ display: inline-block; } .woocommerce-cart-form__cart-item.cart_item .product-quantity input[type="number"]{ -moz-appearance: revert; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; } .woocommerce .cart-collaterals{ margin-top:50px; } .woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; } .woocommerce-cart .cart-collaterals .cart_totals table tr th{ border-right:1px solid #cfd0d2; background-color:#f5f5f5; color:#111111; } .woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; } .woocommerce .woocommerce-cart-form button.button{ margin:0; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:60%; float:right; } .shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; } .woocommerce a.remove{ line-height:21px; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout{ text-align: right; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a{ font-weight: normal; text-transform: capitalize; font-size: 16px; } /*=============================================== ** Checkout Page Css *===============================================*/ body.woocommerce-checkout .site-main{ width:100%; float:none; } body.woocommerce-checkout #sidebar{ display:none; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content{ background:#ffffff; border: 1px solid #e8e8e8; padding: 20px 30px; } .woocommerce .col2-set .woocommerce-billing-fields h3, .woocommerce .col2-set .woocommerce-shipping-fields h3{ text-transform: uppercase; font-size:20px; } .woocommerce .col2-set .form-row label{ color:#111111; } .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{ height:10em; line-height: 1.5em; display: block; } #order_review_heading { margin:30px 0 20px; padding:10px 0; text-transform:uppercase; font-size:18px; } .woocommerce table.shop_table{ border-collapse: collapse; } .woocommerce table.shop_table th{ color:#111111; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size:13px; font-weight:700; line-height:30px; background:#f5f5f5; color:#000; } .woocommerce table.shop_table tfoot th{ background-color:transparent;} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: transparent; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border:1px solid #ebebeb; list-style:outside none none; margin:0; padding:30px; text-align:left; } .woocommerce #payment ul.payment_methods li{ list-style:none; } .woocommerce #payment ul.payment_methods img{ width:auto; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{max-width:48%; } /*=============================================== ** My Account Page Css *===============================================*/ body.woocommerce-account .site-main{ width:100%; float:none; } body.woocommerce-account #sidebar{ display:none; } .woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; } .woocommerce-MyAccount-navigation ul li{ list-style:none; margin-bottom:8px; } .woocommerce-MyAccount-navigation ul li a { padding:5px 25px; display:block; background-color:#0071dc; color:#ffffff; } .woocommerce-MyAccount-navigation ul li a:hover{ background-color:#252525; color:#ffffff; } .woocommerce-MyAccount-content{ background-color:#f7f7f7; padding:20px; } .woocommerce-MyAccount-content .woocommerce-info{ margin:0; } .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{ padding:15px; margin-bottom:20px; } .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend{ padding:5px 20px; margin-left:7px; } /*=============================================== ** Woocommerce Pagination Css *===============================================*/ .woocommerce nav.woocommerce-pagination ul{ border:none; } .woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; } /*=============================================== ** Data Tooltip Css *===============================================*/ /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*=============================================== ** Author Bio Box Css *===============================================*/ .author-box { position: relative; clear: both; display: block; margin:0; padding: 1.5rem; background-color:#0071dc; margin-bottom:30px; } .author-img{ margin: 0; width: 125px; height: 125px; position:absolute; } .author-bio-box{ padding-left:145px; } .author-bio-box, .author-bio-box a{ color:#ffffff; } .author-bio-box a:hover { color:#111111; } .author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; } .author-bio-box p{ margin-bottom:10px; } .author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; } /*=============================================== ** Form And Input type Css *===============================================*/ form{ position:relative; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{ width:100%; margin:0; padding:10px 15px; border:1px solid #aeaeae; outline:0; resize:none; line-height:20px; background:none; color:#ffffff; font-family:'Oswald'; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:18px; border-radius:5px;} select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; } select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus{ border-color:#0071dc; } button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; -moz-appearance:button; appearance:button; cursor:pointer; font-family: 'Sintony'; border:none; outline:none; padding:15px 20px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-color: #d83030; color:#ffffff; } html input[type=button],input[type=reset],input[type=submit]{ text-align: center; letter-spacing: 2px; } .wpcf7-form label{ display:block; text-transform:uppercase; font-family:'Sintony'; font-size:12px; margin:0 0 8px; color:#111111; font-weight:700; } /*=============================================== ** Comment Form And Comment Styling Css *===============================================*/ .comments-area .comment-list{ margin-bottom: 3em; list-style:none; } .comments-area .comment-list .comment-body{ margin:0 0 1em; padding:1em 1em 1em 7em; position:relative; display:block; background-color:#f9f9f9; } .comments-area .comment-author { display:inline-block; position:absolute; left:13px; top:13px; } .comment-metadata{ position:relative; } .comment-metadata h4{ display:inline-block; margin-bottom:0; } .comment-metadata h4 cite{ font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px; } .comment-metadata time{ display:inline-block; font-size:11px; } .comment-metadata .reply{ position:absolute; right:0; top:0; font-family: 'Sintony'; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; } .comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 6 Pro'; font-weight:300; position:absolute; left:-20px; } .comment-content p{ font-family: 'Sintony'; font-size:14px; margin:0; min-height:36px; } .comments-area .comment-list ul.children{ margin-left:60px; } .comment-respond{ margin-bottom:20px; } .comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:16px; } .comments-area h3.comment-reply-title small{ margin-left:50px; } .comments-area .comment-form p.comment-notes { margin-bottom: 2em; font-family: 'Sintony'; font-weight: 400; font-size:14px; } .required { color: #c0392b; } .comment-form-author, .comment-form-email, .comment-form-url{ width:31.3%; float:left; margin-right:3% !important; } #commentform p.comment-form-url { margin-right:0 !important; } #commentform p.comment-form-url:after{ content:''; display:table; clear:both; } #commentform label { display:block; text-transform:uppercase; font-family:'Sintony'; font-size:12px; margin:0 0 5px; color:#111111; font-weight:700; } .comment-form-cookies-consent{ margin-bottom:15px; } .comment-form-cookies-consent label{ margin-left:1% !important; display:inline-block !important; } #commentform .logged-in-as{ margin-bottom:15px; } p.comment-awaiting-moderation { color: #fdac56; } /*=============================================== ** Search Form Css *===============================================*/ form.search-form{ position:relative; } form.search-form input.search-submit, .widget_product_search .woocommerce-product-search button{ position:absolute; right:0; top:0; } /*=============================================== ** 404 Page Css *===============================================*/ .error-404 .title-404{ text-align:center; font-size:13em; font-weight:600; color:#d0d0d0; margin-bottom:80px; } .error-404 .sub-title-404 { font-size:2.4em; text-transform:uppercase; display:block; margin:0 0 30px; color:#111111; line-height:1; } .error-404 .text-404{ font-family:'Sintony'; font-size:18px; color:#9b9b9b; margin-bottom:40px; } .error-404 .search-form{ width:50%; margin:0 auto 30px; } .error-404 .search-form input[type=search]{ display:inline-block; width:100%; margin-right:20px; } /*=============================================== ** Search Result Page Css *===============================================*/ .search-result-form{ width:60%; margin:0 auto; } .search-result-form input[type="search"]{ width:100%; } .search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; } .search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell;} .search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; } .search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; } /*=============================================== ** Default Gallery Css *===============================================*/ .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item{ float:left; text-align: center; } .gallery-item img{ box-shadow:0px 0px 4px #999; border:1px solid #ffffff; padding:8px; background-color:#f2f2f2; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .gallery img:hover { background-color:#ffffff; } .gallery .gallery-caption { color:#ffffff; background-color:#111111; padding: 10px 0; } .gallery-item:hover{ background-color:#CECECE; } .gallery-columns-2 .gallery-item{ width:48%; margin-bottom:2%; margin-right:4%; } .gallery-columns-2 .gallery-item:nth-of-type(even){ margin-right:0; } .gallery-columns-3 .gallery-item{ width:32%; margin-bottom:2%; margin-right:2%; } .gallery-columns-3 .gallery-item:nth-of-type(3n+3){ margin-right:0; } .gallery-columns-4 .gallery-item{ width:23.5%; margin-right:2%; margin-bottom:2%; } .gallery-columns-4 .gallery-item:nth-of-type(4n+4){ margin-right:0; } .gallery-columns-5 .gallery-item{ width:19.2%; margin-right:1%; margin-bottom:1%; } .gallery-columns-5 .gallery-item:nth-of-type(5n+5){ margin-right:0; } .gallery-columns-6 .gallery-item{ width:15.8333%; margin-right:1%; margin-bottom:1%; } .gallery-columns-6 .gallery-item:nth-of-type(6n+6){ margin-right:0; } .gallery-columns-7 .gallery-item{ width:13%; margin-right:1.5%; margin-bottom:1.5%; } .gallery-columns-7 .gallery-item:nth-of-type(7n+7){ margin-right:0; } .gallery-columns-8 .gallery-item{ width:11.6%; margin-right:1%; margin-bottom:1%; } .gallery-columns-8 .gallery-item:nth-of-type(8n+8){ margin-right:0; } .gallery-columns-9 .gallery-item{ width:10.2%; margin-right:1%; margin-bottom:1%; } .gallery-columns-9 .gallery-item:nth-of-type(9n+9){ margin-right:0; } .gallery dl, .gallery dt { margin: 0; } /*=============================================== ** Extra Advance Demo color CSS *===============================================*/ .color-palate { background:#ffffff none repeat scroll 0 0; -webkit-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.1); -o-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.1); box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.1); position:fixed; left:-285px; text-align:center; top:16%; transition:all 0.5s ease 0s; width:285px; z-index:999;} .color-palate-head { background-color:#0071dc none repeat scroll 0 0; padding:12px 0;} .color-palate-head h6, .secondary-head h6 { color:#FFFFFF; font-size:14px; font-weight:400; margin:0px; margin-top:4px; text-transform:uppercase;} .palate { background:red none repeat scroll 0 0; display:block; float:left; height:45px; margin:0 2.5% 12px; width:45px; cursor:pointer; position:relative; border-radius:100%;} .colors-list .active::after{ background:url(images/tick.png) center center no-repeat !important; background-repeat:no-repeat; content:''; position:absolute; top:0px; left:0px; width:100%; height:100%;} .various-color { overflow:hidden; padding:25px 0 15px;} .colors-list { margin:0 20px;} .secondary-head { background:#222222 none repeat scroll 0 0; padding:14px 0;} .secondary-color { padding:23px 0;} .secondary-colors-list { margin:0 80px;} .palate-foo { color:#777777; font-size:13px; font-weight:400; padding:0px 30px 20px; line-height:1.8em; margin-top:16px;} .palate-foo span{ display:block; padding-top:20px; margin-top:5px; border-top:1px dotted #B2B2B2;} .palate.pink-color{ background:#0071dc none repeat scroll 0 0;} .palate.default-color { background:#ff0000 none repeat scroll 0 0;} .palate.green-color { background:#5d3891 none repeat scroll 0 0;} .palate.blue-color { background:#1F8A70 none repeat scroll 0 0;} .palate.brown-color { background:#567189 none repeat scroll 0 0;} .palate.purple-color { background:#BB54E1 none repeat scroll 0 0;} .palate.teal-color { background:#A75D5D none repeat scroll 0 0;} .palate.orange-color { background:#FF7E00 none repeat scroll 0 0;} .palate.yellow-color { background:#FAB82C none repeat scroll 0 0;} .palate.olive-color { background:#7B2869 none repeat scroll 0 0;} .palate.lightblue-color { background:#0081C9 none repeat scroll 0 0;} .palate.hotpink-color{ background:#96053E none repeat scroll 0 0;} .color-trigger { background:#0071dc none repeat scroll 0 0; cursor:pointer; height:50px; right:-46px; position:absolute; top:0; width:46px; padding-top:6px;} .color-trigger:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%;} .color-trigger i { color:#FFFFFF; font-size:18px; line-height:40px;} .color-palate .option-box > li { position:relative; color:#FFFFFF; width:40%; margin:0px 3px; cursor:pointer; margin-bottom:9px; padding:6px 10px; display:inline-block; background-color:#0071dc; text-transform:uppercase; font-weight:bold; font-size:12px;} .purchase-btn { font-size:15px; font-weight:bold; color:#ffffff; margin-top:10px; background-color:#0071dc; padding:6px 25px;} a.purchase-btn:hover{color:#ffffff !important;} .color-palate.visible-palate { left:0px;}