/* Theme Name: Buildcon Pro Theme URI: https://risingthemes.net/wordpress-themes/construction-wordpress-theme/ Author: AlexaThemes Author URI: https://www.risingthemes.net/ Description: Some description here Version: pro 1.0 License: GNU General Public License version 3 License URI: license.txt Text Domain: buildcon 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 Buildcon Pro WordPress Theme has been created by AlexaThemes(risingthemes.net), 2019. Buildcon 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;} body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:28px; margin:0; padding:0; color:#5c5c5c; font-size:15px; font-family:'Barlow'; background-color:#ffffff; font-weight:400; } 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; font-weight:700;} h1{ font-size:32px;} h2{ font-size:28px;} h3{ font-size:25px;} h4{ font-size:22px;} h5{ font-size:20px;} h6{ font-size:17px;} .left{float:left;} .right{float:right;} blockquote{ position:relative; margin-bottom:15px; } blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #ffbe00; margin-bottom:20px; color:#000000; font:500 15px/28px 'Barlow'; font-style:italic; background-color:#f5f5f5;} blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #ffbe00; margin-bottom:20px; color:#000000; font:500 15px/28px 'Barlow'; font-style:italic; background-color:#f5f5f5;} hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; } p{ margin:0; padding:0;} a{ text-decoration:none; -webkit-transition:0.3s; -ms-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:100%; } .alignright, img.alignright { float: right; margin-left:15px; height:auto; width:100%; margin-bottom:15px; } .aligncenter, img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; margin-top:0; height:auto; width:100%; margin-bottom:20px;} .comments-area{ margin-bottom:15px; margin-top:30px;} .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:70px 0; position:relative; } .boxlayout .header .container{ width:100%; } .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;} /*=============================================== ** Responsive Header Css *===============================================*/ .header-responsive{ display:none; } /*=============================================== ** Sticky Header Css *===============================================*/ .sticky-header{ background-color:rgba(0,0,0,0.9); width:100%; box-shadow:0 1px 10px rgba(0, 0, 0, .2); padding:0 30px; position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000;} .sticky-header.show{ top:0; transition-delay:.3s; } .sticky-header .sticky-left{ float:left; width:15%; padding:33px 0;} .sticky-header .sticky-left .logo { width:100%;} .sticky-header .sticky-right{ float:right; } .sticky-header .sticky-right .sitenav { width:100%;} .sticky-header .sticky-right .sitenav ul{ border:none; } .sticky-header .sticky-right .sitenav ul li a{ border:none; padding:35px 20px; } .sticky-header .sticky-right .sitenav ul li ul li a { padding:10px;} .sticky-header .sticky-right .sitenav ul li a.parent:before{ top:43%; } .sticky-header .sticky-right .sitenav ul li:hover > ul{ top:100%; } .sticky-header .sticky-right .sitenav ul li:hover ul li:hover > ul { top:-8px;} .boxlayout .sticky-header { left:0; right:0; width:100%; position:fixed; margin:0 auto;} /*=============================================== ** Header Css *===============================================*/ .header-main{ position:relative; width:100%;} .header-top { position:relative; width:100%; border-bottom:1px solid #31343f; } .header-left { width:70%; } .header-left { float:left; font:500 14px 'Montserrat';} .header-left span { display:inline-block; padding:15px 25px 15px 0;} .header-left span:last-child { border-right:none; margin-right:0; padding-right:0;} .header-left i{ margin-right:10px;} .header-right { width:30%; } .header-right{ text-align:right; float:right; padding:10px 0;} .header-left, .header-left a{ color:#ffffff; } .header{ position:absolute; width:100%; z-index:9; background-color:rgba(0,0,0,0.4);} .header .container { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; } /*=============================================== ** Site Logo Css *===============================================*/ .logo{ width:25%; position:relative; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; text-transform:capitalize; } .logo img{ width:auto; height:auto; display:block;} .logo h1{ margin:0; font:400 22px/1 'Montserrat'; color:#ffffff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .logo a{ display:block; } .logo p{ color:#ffffff; display:block; font:400 15px/18px 'Barlow'; margin:5px 0 0; } /*=============================================== ** Navigation Css *===============================================*/ .toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; } .toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#787878; } .toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top: 15px; font-size: 28px; left: 14px; } .sitenav{ position:relative; width:69%; text-align:right; float:left;} .sitenav ul {margin:0; padding:0; font:600 14px 'Barlow'; text-transform:uppercase; display:inline-block; letter-spacing:2px;} .sitenav ul li{ display:inline-block; position:relative; line-height:normal; } .sitenav ul li a{ padding:40px 16px; display:block; text-align:center; color:#ffffff; position:relative; } .sitenav ul li a span{ display:block; } /* = Navigation hover and active menu css -------------------------------------------------------------- */ .sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#ffbe00;} .sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:0px; top:45%; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px; } /* = Navigation 2nd level css -------------------------------------------------------------- */ .sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; border:none; } .sitenav ul li:hover > ul{display:block; width:215px; position:absolute; left:auto; top:100%; text-align:left; -ms-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; padding:7px 0; border-bottom-left-radius:5px;} .sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; margin-right:0; padding:3px 10px; } .sitenav ul li ul li a{display:block; padding:10px 10px; position:relative; top:0; text-align:left; background-color:#000; border-radius:5px; } .sitenav ul li ul li a.parent:before{ content:'\f105'; position:absolute; right:10px; top:10px; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px;} /* = Navigation 3rd level css -------------------------------------------------------------- */ .sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:215px; top:-8px; -ms-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; } /*=============================================== ** Search Bar Header *===============================================*/ .search-form-toggle{ font-size:18px; color:#ffbe00; cursor:pointer; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; position:relative; display:inline-block; } .head-search{ opacity:0; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.9); -webkit-transition: all 0.25s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); } .head-search.slow{ opacity:1; z-index:99; -webkit-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); } .search-contain{ width:600px; left:0; right:0; position:absolute; top:42%; margin:0 auto; } .search-close { text-align:center; color:#ffffff; background-color:#ffbe00; width:30px; height:30px; border-radius:30px; float:right; line-height:30px; cursor:pointer; } .search-contain .search-form{ border-bottom:3px solid #ffbe00; margin:30px 0 0; } .search-contain .search-form .search-field{ background-color:transparent; border:none; margin-bottom:0; color:#ffbe00; font-size:24px; font-weight:bold; } .search-contain .search-form .search-submit{ background-color:transparent; font-size:0; background-image:url(images/search-icon.png); background-repeat:no-repeat; background-position:center center; padding:21px 15px; } /*=============================================== ** Get A Quote *===============================================*/ .get-quote { padding:30px 0; position:relative; background-color:#ffbe00;} .get-quote .container { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; } .quote-text h5 { font-weight:600; margin-bottom:0;} .quote-text { margin-right:auto;} /*=============================================== ** Slider Css *===============================================*/ .boxlayout .nivo-caption { bottom:17%; text-align:left; left:7%; width:55%; } #slider{ width:100%; margin:0; padding:0; position:relative; } #slider:before{ background-color:rgba(0,0,0,0.1); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; } .slider-main{ min-height:740px;position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; } .boxlayout .slider-main{ min-height:568px; } #slider a.button{ margin-right:20px; } .boxlayout .slider-main .nivo-controlNav{ bottom:16%; } /*=============================================== ** Social Icons Css *===============================================*/ #sidebar .social-icons{ text-align:center; } .social-icons a{ width:35px; height:35px; line-height:32px; display:inline-block; padding:0; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; font-size:14px; color:#ffffff; position:relative; margin:0 3px; text-align:center; border-radius:50%; border:2px solid #ffffff;} .social-icons a:hover { background-color:#ffbe00; border-color:#ffbe00; color:#ffffff; } .social-icons br{ display:none;} /*=============================================== ** Buttons Css *===============================================*/ a.button{ font:700 15px 'Barlow'; text-transform:uppercase; padding:18px 45px; margin-bottom:4px; line-height:1; display:inline-block; text-align:center; color:#ffffff; background-color:#ffbe00; position:relative; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; border-radius:40px; } a.button:hover{ background-color:#000000; color:#ffffff; } a.buttonstyle1{ font:600 17px 'Montserrat'; color:#000000; background-color:#ffffff; padding:15px 25px; display:inline-block; border-radius:5px; letter-spacing:1px; -webkit-transition:0.5s; -ms-transition:0.5s; transition:0.5s;} a.buttonstyle1:hover{ background-color:#000000; color:#ffffff;} a.sliderbtn{ font:500 14px 'Montserrat'; text-transform:uppercase; padding:15px 25px; line-height:1; display:inline-block; text-align:center; background-color:#ffbe00; color:#ffffff; border-radius:5px; position:relative; -webkit-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; } a.sliderbtn:hover{ color:#ffffff; background-color:#000000; } a.ReadMore { text-transform:uppercase; font:500 14px 'Barlow'; color:#000000; display:inline-block; margin-top:15px; padding-bottom:5px; border-bottom:2px solid #ffbe00;} a.ReadMore:hover { color:#ffbe00;} .custombtn{ margin-top:60px;} /*=============================================== ** Section Title Css *===============================================*/ .section_head{ text-align:center; margin-bottom:60px; } h2.section_title{ font:400 28px/42px 'Oswald'; color:#000000; position:relative; text-transform:uppercase; padding:25px 30px 15px; margin:0 auto 15px; letter-spacing:1px; display:table; text-align:center;} h2.section_title::before{ content:''; display:inline-block; width:57px; height:15px; border-color:#ffbe00; border-style:solid; border-width:5px 5px 0px 5px; position:absolute; top:0; left:0; right:0; margin:auto;} h2.section_title:after { content:''; position:absolute; left:0; right:0; bottom:0; width:57px; border-bottom:5px solid #ffbe00; margin:0 auto;} .section_head p{ margin:0 auto; width:55%; line-height:24px; } .full-container .section_head p{ width:42%; } /*=============================================== ** Section Overlay Css *===============================================*/ .sec-overlay{ position:relative;} .sec-overlay::before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.9); 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{ color:#ffffff;} /*=============================================== ** Section Shortcode Css *===============================================*/ .section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;} /*=============================================== ** Grid Columns Css *===============================================*/ .grid-col-two, .grid-col-three, .grid-col-four{ float:left;} .grid-col-two{ width:48%; margin-right:4%; margin-bottom:30px;} .grid-col-three{ width:31.3%; margin-right:3%; margin-bottom:30px;} .grid-col-four{ width:22.7%; margin-right:3%; margin-bottom:30px;} /*=============================================== ** Section One : How We Build *===============================================*/ .howwe-box { position:relative; text-align:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;} .howwe-box .howwe-box-inner { position:relative; padding:20px 20px; display:block;} .howwe-box::before, .howwe-box::after{ content:''; width:0; height:2px; position:absolute; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; transition:all 0.5s linear; background-color:#ffbe00;} .howwe-box .howwe-box-inner::before, .howwe-box .howwe-box-inner::after{ content:''; width:2px; height:0; position:absolute; -webkit-transition:all 0.5s linear; moz-transition:all 0.5s linear; transition:all 0.5s linear; background-color:#ffbe00;} .howwe-box:hover::before, .howwe-box:hover::after{ width:100%;} .howwe-box:hover .howwe-box-inner::before, .howwe-box:hover .howwe-box-inner::after{ height:100%;} .howwe-box::after{ right:0; bottom:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;} .howwe-box .howwe-box-inner::after{ right:0; bottom:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;} .howwe-box::before{ left:0; top:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;} .howwe-box .howwe-box-inner::before{ left:0; top:0; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s;} .howwe-icon { width:95px; height:95px; line-height:102px; border-radius:50%; border:2px solid #ffbe00; text-align:center; margin:0 auto 15px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;} .howwe-icon i { font-size:30px; color:#ffbe00; font-weight:bold;} .howwe-content { padding:15px 0;} .howwe-content h6 a { color:#000000; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;} .howwe-box:hover .howwe-icon { background-color:#000000; border-color:#000000;} .howwe-box:hover .howwe-icon i { color:#ffffff;} .howwe-box:hover .howwe-content h6 a { color:#ffbe00;} /*=============================================== ** Section Two : Featured Work *===============================================*/ .ourwork { text-align:center;} .ourwork .button { margin-top:50px;} .workbox { width:25%; float:left; position:relative;} .workthumb { width:100%; position:relative; overflow:hidden;} .workthumb img { width:100%; height:auto; display:block;} .workthumb::before { content:''; width:95%; height:95%; position:absolute; top:6px; left:0; right:0; margin:0 auto; background-color:rgba(255, 190, 0, 0.8); opacity:0; -webkit-transition:all 300ms ease-in-out 0s; transition:all 300ms ease-in-out 0s;} .workthumb:hover:before { opacity:1;} .workthumb .workcontent{ width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; z-index:1;} .workcontent h5{ font-weight:600; text-transform:capitalize; position:relative; top:32%; -webkit-transform:scale(5); -ms-transform:scale(5); transform:scale(5); opacity:0; -webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;} .workthumb:hover h5 { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);} .workthumb .worklinks { padding:0; list-style:none; position:relative; top:32%; -webkit-transform:scale(5); -ms-transform:scale(5); transform:scale(5); opacity:0; -webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;} .workbox:hover .worklinks { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:0.3s; transition-delay:0.3s;} .workthumb .worklinks li { display:inline-block; margin-right:5px;} .workthumb .worklinks li:last-child { margin-right:0;} .workthumb .worklinks li a { display:block; width:40px; height:40px; line-height:36px; border-radius:50%; font-size:16px; color:#ffffff; border:2px solid #ffffff; -webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;} .workthumb .worklinks li a:hover { border-color:#000000; color:#000000;} /* Work Page Template */ .feaworkbox { width:32%; float:left; position:relative; margin:0 23px 23px 0;} .feaworkbox:nth-child(3n+3) { margin-right:0;} .feaworkbox:hover .worklinks { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:0.3s; transition-delay:0.3s;} .feaworkbox h5 { color:#ffffff;} /* Work Page Single */ .worksingle-left { width:45%; float:left; padding-top:15px;} .worksingle-left ul { margin:0; padding:0;} .worksingle-left ul li { margin-bottom:10px;} .worksingle-left .spanleft { width:40%; float:left; color:#ffffff; font:500 16px 'Barlow'; background-color:#000000; padding:15px 15px 15px 15px;} .worksingle-left .spanleft i { margin-right:10px; color:#ffbe00;} .worksingle-left .spanright { width:60%; float:right; text-align:left; background-color:#f5f5f5; padding:10px 15px 10px 15px;} .worksingle-left .spanright ul.social-share-post li { width:30px; height:30px; line-height:30px;} .worksingle-right { width:50%; float:right;} .worksingle-right .image-carousel { margin-bottom:30px;} .related-project { position:relative; border-top:1px solid #e7e7e7; padding-top:30px;} .related-project h4 { display:inline-block; padding-bottom:10px; border-bottom:2px solid #000000; margin-bottom:30px; font-weight:600;} /*=============================================== ** Section Three : Otros Servicios *===============================================*/ .services-box { position:relative; margin-bottom:30px;} .ser-icon { width:70px; height:70px; line-height:75px; float:left; position:relative; margin-top:15px; border-radius:10px; text-align:center; border:2px solid #ffbe00; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .ser-icon i { text-align:center; font-size:30px; color:#ffbe00; display:inline-block; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;} .services-box:hover .ser-icon { border-color:#000000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);} .services-box:hover .ser-icon i { transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); color:#000000;} .ser-content { width:70%; float:right;} .ser-content h6 { margin-bottom:10px; text-transform:uppercase; font-size:16px;} .services-box:hover a.ReadMore, .services-box:hover h6 a { color:#ffbe00;} /*=============================================== ** Section Four : Counter *===============================================*/ .sec-counter { position:relative;} .counter-box { width:23%; float:left; margin:30px 30px 30px 0; padding:20px; text-align:center; border:2px solid #ffbe00; border-radius:5px;} .counter-box#last { margin-right:0;} .counter-box h2 { font:700 35px 'Montserrat'; margin-bottom:15px; padding-bottom:15px; position:relative; display:inline-block; margin-right:4px;} .counter-box h2::after { content:''; position:absolute; width:50px; margin:0 auto; left:0; right:0; bottom:0; border-bottom:2px solid #ffbe00;} span.plus { font-weight:600; font-size:35px; color:#ffbe00;} .counter-box h6 { font:600 15px 'Montserrat'; text-transform:uppercase; margin-bottom:0;} /*=============================================== ** Section Five : Our Team *===============================================*/ .teammember-list { text-align:center; position:relative; margin-top:0; margin-bottom:40px;} .team-thumbnail { position:relative; overflow:hidden; margin-bottom:20px;} .team-thumbnail img { width:100%; height:auto; display:block;} .team-thumbnail::before { content:''; width:0; height:100%; background-color:#ffbe00; padding:14px 18px; position:absolute; top:0; left:50%; opacity:0; -webkit-transition:all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition:all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;} .teammember-list:hover .team-thumbnail:before { width:100%; left:0; opacity:0.8;} .team-content h6 { margin-bottom:5px; text-transform:uppercase; font-size:14px;} .team-content cite { font:400 14px 'Barlow'; color:#000000;} .member-social-icon { width:100%; padding:5px; text-align:center; position:absolute; top:42%; left:0; } .member-social-icon a { display:inline-block; width:40px; height:40px; line-height:40px; font-size:15px; position:relative; border-radius:50%; background-color:#ffffff; color:#000000; margin-right:5px; opacity:0; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;} .member-social-icon a:hover { background-color:#000000; color:#ffffff;} .teammember-list:hover .member-social-icon a { opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:0.3s; transition-delay:0.3s;} /*=============================================== ** Section Six : Gallery *===============================================*/ .sec-gallery .grid-col-three { width:33.33%; margin:0;} .gallery-wrap { position:relative; } .gallery{ text-align:center; } .gallery-image{ position:relative; overflow:hidden;} .gallery-image:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1; transition:all 0.4s ease-in-out; transform:scale(0.2,0.2); opacity:0; } .gallery-image:hover::before { transform:scale(1,1); opacity:1; } .gallery-image img{ position:relative; display:block; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-backface-visibility:hidden; backface-visibility:hidden;} .gallery-image:hover img { -webkit-transform:translate3d(0,-56px,0); transform:translate3d(0,-56px,0); } .gallery-title{ position:absolute; bottom:0; left:0; right:-1px; padding:20px; letter-spacing:1px; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,56px,0); transform: translate3d(0,56px,0); background-color:#ffbe00; text-align:center; z-index:2;} .gallery-title h5{ margin:0; text-transform:capitalize; font-weight:500;} .gallery-image:hover .gallery-title{ opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .gallery-icon{ width:50px; height:50px; border:2px solid #ffffff; margin:0 auto; text-align:center; line-height:50px; font-size:18px; position:absolute; top:20%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; opacity:0; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; overflow:hidden; z-index:2;} .gallery-icon a{ display:block; color:#ffffff;} .gallery-icon a:hover{ color:#ffffff;} .gallery-icon:hover { border-radius:50%;} .gallery-image:hover .gallery-icon{ opacity:1; top:50%; } /*=============================================== ** Section Seven : Client Testimonials *===============================================*/ #clienttestiminials{ margin:60px 0 0; width:100%; padding:0 0px; } .testi-desc { margin-bottom:25px; padding:20px 15px; background-color:#ffffff; border-top-right-radius:90px; border:1px solid #e1e1e1; border-bottom-right-radius:90px;} .testi-desc p{ font:400 15px 'Barlow'; line-height:24px; font-style:italic; color:#797878; } .tmbottom { background-color:#ffbe00; padding:8px 10px 8px 10px; border-top-left-radius:50px; border-bottom-left-radius:50px;} .testi-thumb{ width:80px; height:80px; float:left;} .testi-thumb img{ border-radius:50%; width:100%; height:auto; display:block; border:5px solid #ffffff;} .testimonials-item .tmttl { width:70%; float:right; padding-top:20px;} .testimonials-item .tmttl h4 { margin-bottom:0px; text-transform:uppercase;} .testimonials-item .tmttl span { font:400 14px 'Barlow'; color:#000000;} /*testimonials listing*/ .tmnllisting{ margin-bottom:35px; min-height:120px;} .tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;} .tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;} .tmnllisting .tmnlcont{ overflow:hidden; } .tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;} #testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;} #testimonials-widget p{ margin-bottom:15px; } /* Testimonials Sidebar Rotator */ #testimonials .owl-nav { text-align:left; margin-top:15px;} #testimonials .owl-carousel .owl-nav button { width:30px; height:30px; line-height:27px;} #testimonials .owl-carousel .owl-nav button.owl-prev::before, #testimonials .owl-carousel .owl-nav button.owl-next::before {line-height:27px;font-size:15px;} /*=============================================== ** Section Eight : Choose Your Perfect Plan Price *===============================================*/ .pricing_table{font-size:15px;margin-top:8%;} .price_col{float:left; text-align:center; z-index:0; width:33.33%; border-left:2px solid #e1e1e1; border-right:2px solid #e1e1e1; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; cursor:pointer;} .pricing_table .th{ font:500 22px 'Montserrat'; color:#ffffff; padding:15px 0;} .pricing_table .highlight{ position:relative; z-index:1; margin-top:-26px;} .price_col:hover { -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); -webkit-box-shadow:0px 5px 15px 1px rgba(0,0,0,1); -moz-box-shadow:0px 5px 15px 1px rgba(0,0,0,1); box-shadow:0px 5px 15px 1px rgba(0,0,0,1);} .pricing_table .td {padding:12px 10px; border-bottom:1px solid #e1e1e1;} .pricing_table span { font:700 35px 'Barlow'; color:#ffffff; display:block; margin:-12px -10px; background-color:#1a1c27; padding:30px 15px;} .price_col .tf a.button { display:block; border-radius:0; padding-top:20px; padding-bottom:20px; font-size:20px; margin-bottom:0;} /*=============================================== ** Section Nine : Latest News *===============================================*/ .news-box{ position:relative; } .news-thumb{ position:relative; overflow:hidden;} .news-thumb img { width:100%; height:auto; display:block; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; transition:all 0.5s ease-in; position:relative;} .news-thumb figcaption { background-color:rgba(0,0,0,0.5); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 0.5s 0.4s ease-in-out; -moz-transition:all 0.5s 0.4s ease-in-out; -o-transition:all 0.5s 0.4s ease-in-out; -ms-transition:all 0.5s 0.4s ease-in-out; transition:all 0.5s 0.4s ease-in-out; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%;} .news-thumb .post-date { -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -o-transform:translateY(-100px); -ms-transform:translateY(-100px); transform:translateY(-100px); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:relative; background-color:rgba(0, 0, 0, 0.8); text-align:center; margin:0; padding:10px; color:#ffffff; font:500 20px 'Barlow';} .news-thumb a.ln-read-more { -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:block; text-align:center;} .news-box:hover figcaption { opacity:1;-webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s; -webkit-transform:translate(0px, 0px); -moz-transform:translate(0px, 0px); -o-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px);} .news-box:hover .post-date { -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;} .news-box:hover a.ln-read-more { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;} .news-content{ text-align:center; position:relative;} .news-content h4{ font-weight:400; line-height:28px;} .news-content h4 a { color:#000000;} .post-meta{ text-transform:capitalize; margin:10px 0 20px; padding:10px 0px; font:500 14px 'Barlow'; color:#ffffff; background-color:#ffbe00; text-align:center;} .post-meta a { color:#ffffff;} .post-meta a:hover { color:#000000;} .post-meta span{ display:inline-block; position:relative; padding:0 8px 5px;} .post-meta i { color:#ffffff; display:inline-block; margin-right:5px;} .ln-read-more{ font:500 17px/18px 'Barlow'; text-transform:uppercase; display:inline-block; background-color:rgba(0, 0, 0, 0.8); color:#ffffff; padding:12px 20px; z-index:0; position:absolute; left:0; right:0; bottom:0;} .ln-read-more:hover{ background-color:#ffbe00; color:#ffffff; } /** Blog Page Css *===============================================*/ .blog-post-repeat{ width:48%; float:left; margin:0 4% 40px 0; text-align:center; } .blog-post-repeat-full { width:31.3%; float:left; margin-right:3%; margin-bottom:40px; text-align:center;} .blog-post-repeat.lastcols, .blog-post-repeat-full.lastcols{ margin-right:0; } .blog-post-repeat article{ position:relative;} .post-thumb{ position:relative; overflow:hidden;} .post-thumb img { width:100%; height:auto; display:block; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; transition:all 0.5s ease-in; position:relative; } .post-thumb figcaption { background-color:rgba(0,0,0,0.5); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 0.5s 0.4s ease-in-out; -moz-transition:all 0.5s 0.4s ease-in-out; -o-transition:all 0.5s 0.4s ease-in-out; -ms-transition:all 0.5s 0.4s ease-in-out; transition:all 0.5s 0.4s ease-in-out; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%;} .post-thumb .post-date { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:relative; background-color:rgba(0, 0, 0, 0.8); text-align:center; margin:0; padding:10px; color:#ffffff; font:500 20px 'Barlow';} .post-thumb a.ln-read-more { -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:block; text-align:center;} .blog-post-repeat:hover figcaption, .blog-post-repeat-full:hover figcaption { opacity:1;-webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s; -webkit-transform:translate(0px, 0px); -moz-transform:translate(0px, 0px); -o-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px);} .blog-post-repeat:hover .post-date, .blog-post-repeat-full:hover .post-date { -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;} .blog-post-repeat:hover a.ln-read-more { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;} .blog-post-repeat-full:hover a.ln-read-more { -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;} .blog-post-repeat h4, .blog-post-repeat-full h4 { line-height:28px;} /*=============================================== ** Section Ten : NUESTROS CLIENTES *===============================================*/ .client-wrap { position:relative;} .client-wrap ul { margin:0; padding:0;} .client-wrap ul li { width:23%; float:left; padding:10px 10px; margin:0 30px 30px 0; border:1px solid #cdcdcd; list-style:none;} .client-wrap ul li.last { margin-right:0;} .client-wrap ul li img { width:100%; height:auto; display:block;} /*=============================================== ** Footer Css *===============================================*/ #footer-wrapper{ background-color:#1e1d1c; color:#717271; position:relative; padding:60px 0 0px; font:500 13px/22px 'Montserrat';} .widget-column{ width: 24%; float: left; padding-left: 1%; margin-left: 1%; margin-bottom:30px; } #footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; } .footer-cols-two, .footer-cols-three, .footer-cols-four { border-bottom:1px solid #2c2a29;} .foo-cols img { width:auto; margin-bottom:40px;} .foo-cols h5{ text-transform:uppercase; color:#ffffff; font:600 23px 'Barlow'; position:relative; padding-bottom:10px;} .foo-cols h5:after { content:''; position:absolute; left:0; bottom:0; width:70px; border-bottom:2px solid #ffbe00;} .foo-cols ul.menu li a, .latest-post-content h4 a{ color:#ffffff; } .foo-cols ul.menu li a:hover, .latest-post-content h4 a:hover{ color:#ffbe00; } .footer-cols-three .widget-column{ width:32%; padding-left:2%; margin-left:2%; } .footer-cols-two .widget-column{ width:48%; margin-left:4%; } /*=============================================== ** Footer Widget Css *===============================================*/ .foo-getintouch{ margin-top:30px; } .widget-getintouch p{ line-height:28px; } .foo-getintouch p{ margin-bottom:10px; line-height:normal; } .foo-getintouch address{ font-style:normal; display:block; margin-bottom:10px; } .widget-getintouch-social{ margin-top:30px; } .widget-getintouch-social li{ display:inline-block; margin:0 10px; } .foo-getintouch span { color:#ffbe00;} ul.footer-social{ margin:0; padding:0; } ul.footer-social li{ display:inline-block; width:40px; height:40px; line-height:40px; margin-right:8px; text-align:center; } ul.footer-social li a{ display:block; background-color:#232323; color:#979797; } ul.footer-social li a:hover{ color:#ffffff; background-color:#ffbe00; } .footer-nav li{ text-transform:capitalize; margin-bottom:8px; line-height:normal;} .footer-nav li a{ display:block; padding-bottom:8px; position:relative; } .footer-nav li:last-child{ border:none; margin:0; } .footer-nav ul{ display:none; } .latest-posts-widget { top:5px; position:relative;} .latest-posts-row{ margin-bottom:15px; padding-bottom:12px; clear: both; overflow: hidden; border-bottom:1px solid #2c2a29; } #sidebar .latest-posts-row{ border-color:#e1e1e1; } .latest-posts-row:last-child{ border:none; margin:0; padding:0; } .latest-post-thumb { width:80px; float:left; margin-right:10px; } .latest-post-thumb img { margin-bottom:0;} .latest-post-content h4{ margin:0 0 5px; line-height: 1.3; font:500 14px 'Barlow'; text-transform:capitalize;} .latest-post-content{ overflow:hidden; } .latest-post-content p{ line-height:20px; font-size:13px; } .getintouch-form input[type="text"], .getintouch-form input[type="email"] { background:none; border:1px solid #2c2a29; color:#ffffff; -moz-transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in;} .getintouch-form textarea { background:none; border:1px solid #2c2a29; -moz-transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in; color:#ffffff; height:80px;} .getintouch-form input[type="text"]:focus, .getintouch-form input[type="email"]:focus, .getintouch-form textarea:focus { border-color:#ffbe00; color:#ffbe00; box-shadow:-2px 4px 6px -2px #ffbe00; outline:none;} .getintouch-form input[type="text"]:focus:hover, .getintouch-form input[type="email"]:focus:hover, .getintouch-form textarea:focus:hover { outline:none; box-shadow:-2px 4px 6px -2px #ffbe00;} #instafeed:after{ content:''; display:table; clear:both;} #instafeed .instafeed{ position:relative; overflow:hidden;} .instafeed .insta-thumb img { margin-bottom:0; border-radius:5px;} #instafeed .instafeed .overlay{ background-color:rgba(0,0,0,0.8); position:absolute; top:0; right:0; left:0; bottom:0; text-align:center; -webkit-transition:all 0.3s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transform:translateY(100%); transform:translateY(100%); border-radius:5px;} #instafeed .instafeed .overlay i{position:absolute;top:50%;-webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; font-size:20px; } #instafeed .instafeed:hover .overlay{ -webkit-transform:translateY(0); transform:translateY(0);} #instafeed.col-2 .instafeed{ width:48%; margin-right:2%; float:left; margin-bottom:2%;} #instafeed.col-2 .instafeed:nth-of-type(2n){ margin-right:0;} #instafeed.col-3 .instafeed{ width:31.3%; margin-right:3%; float:left; margin-bottom:3%;} #instafeed.col-3 .instafeed:nth-of-type(3n){ margin-right:0;} #instafeed.col-4 .instafeed{ width:23.5%; margin-right:2%; float:left; margin-bottom:2%;} #instafeed.col-4 .instafeed:nth-of-type(4n){ margin-right:0;} /*=============================================== ** Footer Copyright Css *===============================================*/ .copyright-wrapper{ padding:30px 0; font-weight:500;} .copyright-wrapper a{ color:#ffffff; } .copyright-wrapper a:hover{ color:#ffbe00; } .copyright-left { float:left;} .copyright-right { float:right;} .copyright-left, .copyright-right{ display:inline-block; } /*=============================================== ** About Page Css *===============================================*/ .aboutleft { position:relative;} .aboutleft h3 { position:relative; font-weight:700; padding-bottom:20px; margin-bottom:25px;} .aboutleft h3::before { content:''; position:absolute; left:0; bottom:0; width:70px; border-bottom:4px solid #ffbe00;} .aboutright { position:relative;} .aboutright h3 { position:relative; font-weight:700; padding-bottom:20px; margin-bottom:25px;} .aboutright h3::before { content:''; position:absolute; left:0; bottom:0; width:70px; border-bottom:4px solid #ffbe00;} .aboutright ul { margin:0 0 30px; padding:0; list-style:disc;} .aboutright ul li { padding:10px 0 10px 35px; position:relative; list-style:none; line-height:21px;} .aboutright ul li::before { content:'\f0a4'; position:absolute; font-family:'Font Awesome 5 Pro'; color:#ffbe00; left:0; top:12px; font-size:20px;} /* What We Offer CSS */ .whatwe-box { position:relative; padding:20px; text-align:center; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .whatwe-icon { width:70px; height:70px; line-height:78px; margin:0 auto 20px; background-color:#ffbe00; border:2px solid transperant; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .whatwe-icon i { color:#ffffff; font-size:25px;} .whatwe-box:hover .whatwe-icon { border:2px solid #ffbe00; background:none;} .whatwe-box:hover .whatwe-icon i { color:#000000;} .whatwe-content { padding:20px 0;} .whatwe-content h4 { font-weight:500; text-transform:uppercase; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .whatwe-box:hover a { color:#ffbe00;} /*=============================================== ** Services Page *===============================================*/ .serpage-right { position:relative;} .serpage-right h6 { color:#ffbe00; text-transform:uppercase; font-size:14px;} .serpage-right ul { margin:20px 0 0 0; padding:0;} .serpage-right ul li { list-style:none; font:400 18px 'Barlow'; position:relative; padding:10px 0 10px 25px;} .serpage-right ul li::before { content:'\f067'; font-family:'Font Awesome 5 Pro'; color:#ffbe00; font-size:12px; font-weight:700; left:0; top:14px; position:absolute;} /*=============================================== ** Skill Bar Css *===============================================*/ .skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:40px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.3s linear; -ms-transition:0.3s linear; transition:0.3s linear; -webkit-transition-property:width, background-color; -ms-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; } .skillbar-title { text-transform:uppercase; } .skillbar-title span { display:block; padding:0; height:35px; font-size:13px; line-height:35px; font-family:'Barlow'; letter-spacing:1px; } .skillbar-bar { height:2px; width:0px; background-color:#ffbe00; } .skill-bar-percent { position:absolute; right:0; top:0; height:35px; line-height:35px; font-family:'Barlow';} .skill { width:46.98%; float:left;} .skill-bar { margin:60px 0 0 0; } .skill-bg{ width:100%; background-color:#000000; } /*=============================================== ** Owl Carousel Navigation Css *===============================================*/ .owl-carousel.owl-theme .owl-nav{ margin-top:30px; } .owl-carousel .owl-nav button{ width:40px; height:40px; line-height:37px !important; font-size:0 !important; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #ffbe00 !important; } .owl-carousel .owl-nav button:hover{ border-color:#ffbe00 !important; background-color:transparent !important; } .owl-carousel .owl-nav button:hover::before{ color:#ffbe00 !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; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 5 Pro'; font-weight:700; left:0; top:0; font-size:20px; right:0; bottom:0; line-height:37px; color:#ffbe00; } .owl-carousel .owl-nav button.owl-prev{ left:0; } .owl-carousel .owl-nav button.owl-prev:before{ content:'\f30a'; } .owl-carousel .owl-nav button.owl-next{ right:0; } .owl-carousel .owl-nav button.owl-next:before{ content:'\f30b'; } /*=============================================== ** Innerpages Css *===============================================*/ /* Innerpage title */ .innerbanner{ overflow:hidden; position:relative; text-align:center; } .innerbanner::before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; } .innerbanner .container{ padding:18em 0 7em;} h1.innerpage-title{ display:table; text-transform:capitalize; position:relative; font-size:35px; padding:15px 0px; border-bottom:2px solid #ffbe00;} /* 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; } /* 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:#000000; color:#ffffff; padding:5px 15px; display:inline-block;} .pagination ul li .current, .pagination ul li a:hover{ background-color:#ffbe00; color:#ffffff !important; } /* home page posts pagination */ .navigation .page-numbers{ background-color:#383838; color:#ffffff; padding:5px 10px; display:inline-block; } .navigation .page-numbers.current, .navigation .page-numbers:hover{ background-color:#037df0; color:#ffffff !important; } .taxonomy-description{ margin-bottom:20px; } /*=============================================== ** Single Posts Css *===============================================*/ .blog-post-single .post-thumb{ margin-bottom:10px; } article p{ margin:0 0 20px 0; } .post-summary{ position:relative; margin-bottom:20px; } .blog-post-single header.entry-header{ margin-bottom:20px; } .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:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';} .prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;} .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-next a { justify-content:end;} .nav-previous { text-align:left;} .nav-next { text-align:right;} #nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; } #nav-below.post-navigation .meta-nav-icon{ background-color:#000000; width:55px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:40px; } #nav-below.post-navigation .meta-nav-icon i{ position:absolute; left:50%; top:50%; -khtml-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } #nav-below.post-navigation .meta-nav-title{ border:1px solid #000000; padding:10px 15px; display:inline-block; vertical-align:middle; font:400 17px 'Barlow'; color:#000000;} #nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; } /* Team testi Single */ .team-testi-post-thumb{ margin-right:30px; text-align:center; } .team-testi-post-thumb img{ border:5px solid #ffbe00; padding:10px; } .team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#ffbe00; line-height:normal; margin:15px 0; } .team-testi-post-thumb a{ border:2px solid; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:38px; margin:0 5px; } .member-info{ margin-top:30px; } .member-info ul{ margin:0; padding:0; list-style:none; } .member-info ul li{ display:inline-block; width:46%; margin-bottom:15px; padding-bottom:15px; position:relative; margin-left:10px; margin-right:10px; } .member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#ffbe00; } .member-info ul li strong { color:#000000;} #sidebar.team-testi-sidebar{ float:left; padding-bottom:0; } /*=============================================== ** Contact Page Css *===============================================*/ .gmap{ position:relative; width:100%; margin-bottom:0; } .blackmap{ -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); display:block; } .contact-left { width:33%; float:left;} .contact-box { margin-bottom:10px; padding:37px; background:transparent; border:1px dashed #000000; border-radius:0 50px; min-height:120px; text-align:center; position:relative;} .contact-box:hover .contact-icon { background:none; color:#ffbe00;} .contact-box.last { margin-right:0;} .contact-icon { width:50px; height:50px; line-height:45px; float:left; background-color:#ffbe00; border:2px solid #ffbe00; font-size:25px; color:#ffffff; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; border-top-right-radius:15px; border-bottom-left-radius:15px; text-align:center;} .contact-details { text-align:left; float:right; width:75%;} .contact-details p { line-height:30px;} .contact-details span { display:block; line-height:30px;} .contact-content{ width:60%; float:right; text-align:center;} .contact-content h2 { padding-bottom:15px; margin-bottom:2%;} #contactform_main { margin:30px 0 0 0;} #contactform_main input[type="text"], #contactform_main input[type="email"], #contactform_main input[type="tel"]{ font-size:14px; border:1px solid #ebebeb; border-top:none; border-right:none; box-shadow:-6px 6px 6px -2px #ebebeb; -moz-transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in; font-weight:500; border-bottom-left-radius:10px;} #contactform_main input[type="text"]:focus, #contactform_main input[type="email"]:focus, #contactform_main input[type="tel"]:focus, #contactform_main textarea:focus { border-color:#ffbe00; color:#ffbe00; box-shadow:-2px 4px 6px -2px #ffbe00; outline:none;} #contactform_main input[type="text"]:focus:hover, #contactform_main input[type="email"]:focus:hover, #contactform_main input[type="tel"]:focus:hover, #contactform_main textarea:focus:hover { outline:none; box-shadow:-2px 4px 6px -2px #ffbe00;} #contactform_main textarea { height:80px; font-size:14px; font-weight:500; border:2px solid #ebebeb; border-top:none; border-right:none; box-shadow:-6px 6px 6px -2px #ebebeb; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; border-bottom-left-radius:10px;} #contactform_main input[type="submit"] { display:block; width:100%; font-size:18px;} .contact-social{ padding:30px 0; text-align:center; margin-bottom:0; background-color:#000000; } .contact-social .social-icons a{ width:50px; height:50px; line-height:45px; border-radius:0; font-size:22px; } /*=============================================== ** Sidebar Css *===============================================*/ #sidebar{ width:300px; float:right; background-color:#ffffff; padding:0 0 30px; } .widget_content { padding:0; } .sidebar-left{ float:left !important;} #sidebar .quotes h4 { margin:10px 0; font:500 18px 'Barlow'; text-transform:uppercase;} aside.widget{ margin:0; padding:0; } aside.widget ul{ list-style:disc; } h3.widget-title{ position:relative; padding:10px 15px; background-color:#000000; font:400 22px 'Barlow'; color:#ffffff; line-height:normal;} h3.widget-title span { display:block; width:100%; text-transform:capitalize; } #sidebar aside.widget{ margin:0 0 30px; padding:0; position:relative; } .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; border-bottom:1px solid #ebebeb;} #sidebar ul li a{ line-height:18px; color:#000000; position:relative; padding-left:22px;} #sidebar ul li a:hover{ color:#ffbe00;} #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, #sidebar ul li.cat-item{ padding: 10px 0 10px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none;} #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, #sidebar ul li.cat-item:first-child{ padding-top:0; } #sidebar .widget_categories li span { float:right; width:30px; height:30px; line-height:33px; text-align:center; background:transparent; border-radius:100%;} #sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover, #sidebar ul li.cat-item:hover{ padding-left: 15px; } #sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before, #sidebar ul li.cat-item a:before{ content:'\f101'; font-family:'Font Awesome 5 Pro'; position:absolute; left:0; top:0px; color:#5c5c5c;} #sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; } #sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; } #sidebar #wp-calendar{ width:100%; text-align: center; } #sidebar #wp-calendar caption{ font-weight:700; margin-bottom:0; background-color:black; text-transform:uppercase; padding:10px; color:#ffffff; } #sidebar #wp-calendar th{ background-color:#2c2c2c; 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:#ffbe00; color:#ffffff; } #sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#2c2c2c; } #sidebar #wp-calendar tfoot td{ } #sidebar #wp-calendar tfoot td a{ padding:5px; } .sidebar-banner{ position:relative; z-index:99; padding:30% 20px; } .sidebar-banner p{ margin-bottom:30px; } /*=============================================== ** 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-googleplus{ background-color:#e65f3d; } ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; } ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; } /*=============================================== ** Back to Top Css *===============================================*/ #top{ position:relative;} #back-top { position: fixed; bottom: 15px; right:25px; z-index:999;} #back-top a {width:50px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#000000; -webkit-transition:1s; -ms-transition:1s; transition:1s; font-size:50px; line-height:1; } #back-top a:hover{ color:#ffbe00; } #back-top span { width:50px;height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; -ms-transition:1s; transition:1s; opacity:0.8;} /*=============================================== ** Custom Css *===============================================*/ .error_msg{padding:10px; background-color:#e0f0f7; color:#000000; border:1px #000000 solid; margin:15px 0; font-family:'Montserrat';} .success_msg{padding:10px; background-color:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0; font-family:'Montserrat';} .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;} /* = Box Layout Css -------------------------------------------------------------- */ .boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; } .boxlayout .container{ padding:0 20px;} .boxlayout .content-area{ padding: 50px 0; } .boxlayout .innerbanner .container{ padding:17% 30px 90px; } /*=============================================== ** Woocommerce Css *===============================================*/ .woocommerceright{float:left;} .woocommerceleft{float:right;} .content-area .woocommercesitefull{ width:100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; box-shadow:0 0 3px 1px #ddd; } .woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; } .woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; } .woocommerce-ordering:after{ content:'\f078'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top:10px; right:20px; } form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Assistant'; position:relative; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-image: url(...); } .woocommerce-variation-price { margin-bottom:10px; } .woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:capitalize; font-size:15px; font-family:'Montserrat'; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:400; } .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#ffbe00; 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:#333333; color:#ffffff; } .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:25px; } .woocommerce ul.products li.product .star-rating{ margin:5px auto 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:inherit !important;} .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 del{ font-size: 13px; } .woocommerce ul.products li.product .product-item-inner a.button::before, .woocommerce .return-to-shop a.button::before, .wc-proceed-to-checkout a.button::before, .woocommerce-mini-cart__buttons.buttons a.button::before { content:none;} .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{ margin-bottom:25px; background-color:#ffbe00; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Assistant'; display:inline-block; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; margin-top:20px; text-transform: uppercase; position:relative; border-radius:30px; font-weight:bold; } .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; } .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; } .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:last-child { position: absolute; bottom:0; margin-bottom:0; left:0; right:0; width:100%; color:#fff; padding:14px 20px; z-index:2; opacity:0; visibility: hidden; transition: all 250ms ease-out; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); border-radius:0; } .woocommerce .product-item-inner:hover .product-item-thumbnail-holder > a:last-child { opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); } .woocommerce .product-item-thumbnail-holder .added{ display:none !important; } .woocommerce a.added_to_cart{ display: table; margin: 0 auto 15px; } #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; } .widget .woocommerce-product-search, .widget .search-form { position: relative; } .widget .woocommerce-product-search input[type="submit"], .widget .search-form .search-submit { position: absolute; top: 0px; right: 0px; box-shadow: none; border: none; text-indent: -999px; padding: 0; outline:none; width: 46px; height:41px; z-index: 1; border-radius: 0px 3px 3px 0px; background-image: url(images/findicon.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; } .widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#ffbe00;} .woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#242423;} .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; } a.reset_variations{ margin:0; } .woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; } /*=============================================== ** Show another image on hover Css *===============================================*/ img.onhover{ position:absolute; top:0; left:0; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; } .woocommerce ul.products li.product .product-item-inner:hover img.attachment-woocommerce_thumbnail{ opacity:0; } /*=============================================== ** Single Product Page Css *===============================================*/ .related.products{ padding:0; } .related.products h2{ text-transform:capitalize; border-bottom:1px solid #f1f1f1; padding-bottom:15px; } body.single-product #sidebar {display:none;} body.single-product .site-main{ width:100%; padding:4em; box-shadow:0 0 12px 4px #CCC; padding-bottom:0; } .single-product .product .onsale{ left:0; background-color:#ffbe00; } .woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; } .woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#000000; } .woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#000000; } .woocommerce div.product .woocommerce-product-rating{ float:right; } .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 5 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#ffbe00;} .woocommerce .quantity .qty{ width:5em; margin:15px 30px 0 0; } .woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; } .woocommerce .product_meta .posted_in{ margin-right:30px; } .woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; } .woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0 27px 0 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:20px; font-weight:700; padding:0; margin:0 10px 0 0; background-color:transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:13px 15px; border-radius:0; color:#000000 !important; position:relative; font:400 18px 'Montserrat';} .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: #ffbe00; } .woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; } .woocommerce div.product .woocommerce-tabs .panel h2{ display:none; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; line-height:26px;} .woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#000000; } .woocommerce #review_form #respond .comment-form-rating{ font-size:20px; } .woocommerce #review_form #respond p.stars{ margin-top:15px; } .woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; } .woocommerce-product-details__short-description{ margin-bottom:20px; } #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:#000000; } .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:#ffbe00; 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; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; -o-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 #ffbe00;} .woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:0 20px; } .woocommerce div.product p.stock.avail-in-stock{ background-color:#77a464; } .woocommerce div.product p.stock.few-in-stock{ background-color:#f27144; } .woocommerce div.product p.stock.out-of-stock{ background-color:red; } /*=============================================== ** Product Cart Page Css *===============================================*/ .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{ padding:20px;} .woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; } .woocommerce-cart .wc-proceed-to-checkout{ text-align:center; } .woocommerce .woocommerce-cart-form button.button{ margin:0; } /*=============================================== ** Checkout Page Css *===============================================*/ .woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; } .woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; } .woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;} #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; } .woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img{ width:auto; } /*=============================================== ** 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: 2.6rem 3.2rem; background-color:#ffbe00; margin-bottom:30px; } .author-img{ margin: 0; width: 70px; height: 70px; position:absolute; } .author-bio-box{ padding-left:90px; } .author-bio-box, .author-bio-box a{ color:#ffffff; } .author-bio-box a:hover{ color:#000000; } .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 0 20px 0; padding:11px 12px; border:1px solid #EBEBEB; outline:0; resize:none; font-size:13px; line-height:17px; background-color:#ffffff; color:#000000; font-family:'Barlow'; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 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:#ffbe00; } button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; cursor:pointer; font-family: 'Barlow'; text-transform:uppercase; font-weight:700; border:none; outline:none; padding:12px 30px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .wpcf7-form label{ display:block; text-transform:uppercase; font-family:'Barlow'; font-size:12px; margin:0 0 8px; color:#000000; 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:2em 2em 2em 7em; position:relative; display:block; background-color:#f9f9f9; } .comments-area .comment-author { display:inline-block; position:absolute; left:25px; top:30px; } .comment-metadata{ position:relative; } .comment-metadata h4{ display:inline-block; margin-bottom:10px; } .comment-metadata h4 cite{ font-family: 'Barlow'; 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: 'Barlow'; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; } .comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 5 Pro'; font-weight:300; position:absolute; left:-20px; } .comment-content p{ font-family: 'Barlow'; font-size:14px; margin:0; } .comments-area .comment-list ul.children{ margin-left:80px; } .comment-respond{ margin-bottom:20px; } .comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:25px; } .comments-area h3.comment-reply-title small{ margin-left:50px; } .comments-area .comment-form p.comment-notes { margin-bottom: 2em; font-family: 'Barlow'; 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:'Barlow'; font-size:12px; margin:0 0 5px; color:#000000; 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{ 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:#000000; display:block; line-height:1; } .error-404 .text-404{ font-family:'Barlow'; font-size:18px; color:#9b9b9b; margin-bottom:40px; } .error-404 .search-form{ width:60%; margin:0 auto 30px; } .error-404 .search-form input[type=search]{ display:inline-block; width:70%; margin-right:20px; } /*=============================================== ** Search Result Page Css *===============================================*/ .search-result-form{ width:60%; margin:0 auto; } .search-result-form input[type="search"]{ width:82%; } .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; }