body, html {-moz-osx-font-smoothing: grayscale; } body {background-color: #fff; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 400; color: #6f6f6f; padding: 0; margin: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } a {color: #efbb20; outline: 0 none; text-decoration: none; } a:focus, a:hover {text-decoration: none; outline: 0 none; } a:active, a:hover {color: #333; } p a {color: #333; } img {border-style: none; height: auto; max-width: 100%; vertical-align: middle; } hr {clear: both; } button, select {outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; } address {font-style: italic; } table {background-color: transparent; width: 100%; } table thead th {color: #333; } table td {padding: 15px 10px; } address, dd, dl, hr, ol, p, pre, table, ul {margin-bottom: 24px; } ::selection {color: #000; background: #dbdbdb; } ::-moz-selection {color: #000; background: #dbdbdb; } .overflow-hide {overflow: hidden; } .overflow-auto {overflow: auto; } .clear {clear: both; } .pull-none {float: none; } ::-moz-selection {background: #3396d1; color: #fff; } ::selection {background: #3396d1; color: #fff; } .op {font-family: "Open Sans", sans-serif; } .dis-block {display: block; width: 100%; } h1, h2, h3, h4, h5, h6 {color: #232323; font-family: Poppins, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #232323; } h1 {font-size: 36px; line-height: 45px; margin-bottom: 25px; } h2 {font-size: 32px; line-height: 45px; margin-bottom: 25px; } h3 {font-size: 28px; line-height: 35px; margin-bottom: 20px; } h4 {font-size: 22px; line-height: 28px; margin-bottom: 15px; } h5 {font-size: 18px; line-height: 24px; margin-bottom: 10px; } h6 {font-size: 16px; line-height: 22px; margin-bottom: 10px; } p {line-height: 28px; margin-bottom: 24px; } strong {font-weight: 400; } .bg-primary, .bg-primary a:hover {color: #fff; } .text-left {text-align: left; } .text-center {text-align: center; } .text-right {text-align: right; } .text-justify {text-align: justify; } .v-align-t {vertical-align: top; } .v-align-m {vertical-align: middle; } .v-align-b {vertical-align: bottom; } .text-nowrap {white-space: nowrap; } .text-lowercase {text-transform: lowercase; } .text-uppercase {text-transform: uppercase; } .text-capitalize {text-transform: capitalize; } .font-10 {font-size: 10px; } .font-12 {font-size: 12px; } .font-13 {font-size: 13px; } .font-14 {font-size: 14px; } .font-16 {font-size: 16px; } .font-18 {font-size: 18px; } .font-20 {font-size: 20px; } .font-22 {font-size: 22px; } .font-24 {font-size: 24px; } .font-26 {font-size: 26px; } .font-30 {font-size: 30px; line-height: 40px; } .font-35 {font-size: 35px; line-height: 45px; } .font-40 {font-size: 40px; line-height: 50px; } .font-45 {font-size: 45px; line-height: 55px; } .font-50 {font-size: 50px; line-height: 65px; } .font-55 {font-size: 55px; line-height: 65px; } .font-60 {font-size: 60px; line-height: 70px; } .font-70 {font-size: 70px; line-height: 80px; } .font-75 {font-size: 75px; line-height: 85px; } .font-80 {font-size: 80px; line-height: 90px; } .font-90 {font-size: 90px; line-height: 100px; } .font-100 {font-size: 100px; line-height: 110px; } .font-weight-300 {font-weight: 300; } .font-weight-400 {font-weight: 400; } .font-weight-500 {font-weight: 500; } .font-weight-600 {font-weight: 600; } .font-weight-700 {font-weight: 700; } .font-weight-800 {font-weight: 800; } .font-weight-900 {font-weight: 900; } dl, ol, ul {list-style-position: outside; padding: 0; } ol, ul {margin-bottom: 24px; } ol li, ul li {padding: 0; } dl {margin-left: 0; margin-bottom: 30px; } dl dd {margin-bottom: 10px; } .list-inline > li {padding-left: 2px; padding-right: 2px; display: inline-block; } .p-a0 {padding: 0; } .p-a5 {padding: 5px; } .p-a10 {padding: 10px; } .p-a15 {padding: 15px; } .p-a20 {padding: 20px; } .p-a25 {padding: 25px; } .p-a30 {padding: 30px; } .p-a40 {padding: 40px; } .p-a50 {padding: 50px; } .p-a60 {padding: 60px; } .p-a70 {padding: 70px; } .p-a80 {padding: 80px; } .p-a90 {padding: 90px; } .p-a100 {padding: 100px; } .p-t0 {padding-top: 0; } .p-t5 {padding-top: 5px; } .p-t10 {padding-top: 10px; } .p-t15 {padding-top: 15px; } .p-t20 {padding-top: 20px; } .p-t30 {padding-top: 30px; } .p-t40 {padding-top: 40px; } .p-t50 {padding-top: 50px; } .p-t60 {padding-top: 60px; } .p-t70 {padding-top: 70px; } .p-t80 {padding-top: 80px; } .p-t90 {padding-top: 90px; } .p-t100 {padding-top: 100px; } .p-b0 {padding-bottom: 0; } .p-b5 {padding-bottom: 5px; } .p-b10 {padding-bottom: 10px; } .p-b15 {padding-bottom: 15px; } .p-b20 {padding-bottom: 20px; } .p-b30 {padding-bottom: 30px; } .p-b40 {padding-bottom: 40px; } .p-b50 {padding-bottom: 50px; } .p-b60 {padding-bottom: 60px; } .p-b70 {padding-bottom: 70px; } .p-b80 {padding-bottom: 80px; } .p-b90 {padding-bottom: 90px; } .p-b100 {padding-bottom: 100px; } .p-l0 {padding-left: 0; } .p-l5 {padding-left: 5px; } .p-l10 {padding-left: 10px; } .p-l15 {padding-left: 15px; } .p-l20 {padding-left: 20px; } .p-l30 {padding-left: 30px; } .p-l40 {padding-left: 40px; } .p-l50 {padding-left: 50px; } .p-l60 {padding-left: 60px; } .p-l70 {padding-left: 70px; } .p-l80 {padding-left: 80px; } .p-l90 {padding-left: 90px; } .p-l100 {padding-left: 100px; } .p-r0 {padding-right: 0; } .p-r5 {padding-right: 5px; } .p-r10 {padding-right: 10px; } .p-r15 {padding-right: 15px; } .p-r20 {padding-right: 20px; } .p-r30 {padding-right: 30px; } .p-r40 {padding-right: 40px; } .p-r50 {padding-right: 50px; } .p-r60 {padding-right: 60px; } .p-r70 {padding-right: 70px; } .p-r80 {padding-right: 80px; } .p-r90 {padding-right: 90px; } .p-r100 {padding-right: 100px; } .p-lr0 {padding-left: 0; padding-right: 0; } .p-lr5 {padding-left: 5px; padding-right: 5px; } .p-lr10 {padding-left: 10px; padding-right: 10px; } .p-lr15 {padding-left: 15px; padding-right: 15px; } .p-lr20 {padding-left: 20px; padding-right: 20px; } .p-lr30 {padding-left: 30px; padding-right: 30px; } .p-lr40 {padding-left: 40px; padding-right: 40px; } .p-lr50 {padding-left: 50px; padding-right: 50px; } .p-lr60 {padding-left: 60px; padding-right: 60px; } .p-lr70 {padding-left: 70px; padding-right: 70px; } .p-lr80 {padding-left: 80px; padding-right: 80px; } .p-lr90 {padding-left: 90px; padding-right: 90px; } .p-lr100 {padding-left: 100px; padding-right: 100px; } .p-tb0 {padding-bottom: 0; padding-top: 0; } .p-tb5 {padding-bottom: 5px; padding-top: 5px; } .p-tb10 {padding-bottom: 10px; padding-top: 10px; } .p-tb15 {padding-bottom: 15px; padding-top: 15px; } .p-tb20 {padding-bottom: 20px; padding-top: 20px; } .p-tb30 {padding-bottom: 30px; padding-top: 30px; } .p-tb40 {padding-bottom: 40px; padding-top: 40px; } .p-tb50 {padding-bottom: 50px; padding-top: 50px; } .p-tb60 {padding-bottom: 60px; padding-top: 60px; } .p-tb70 {padding-bottom: 70px; padding-top: 70px; } .p-tb80 {padding-bottom: 80px; padding-top: 80px; } .p-tb90 {padding-bottom: 90px; padding-top: 90px; } .p-tb100 {padding-bottom: 100px; padding-top: 100px; } .m-auto {margin: auto; } .m-a0 {margin: 0; } .m-a5 {margin: 5px; } .m-a10 {margin: 10px; } .m-a15 {margin: 15px; } .m-a20 {margin: 20px; } .m-a30 {margin: 30px; } .m-a40 {margin: 40px; } .m-a50 {margin: 50px; } .m-a60 {margin: 60px; } .m-a70 {margin: 70px; } .m-a80 {margin: 80px; } .m-a90 {margin: 90px; } .m-a100 {margin: 100px; } .m-t0 {margin-top: 0; } .m-t5 {margin-top: 5px; } .m-t10 {margin-top: 10px; } .m-t15 {margin-top: 15px; } .m-t20 {margin-top: 20px; } .m-t30 {margin-top: 30px; } .m-t40 {margin-top: 40px; } .m-t50 {margin-top: 50px; } .m-t60 {margin-top: 60px; } .m-t70 {margin-top: 70px; } .m-t80 {margin-top: 80px; } .m-t90 {margin-top: 90px; } .m-t100 {margin-top: 100px; } .m-b0 {margin-bottom: 0; } .m-b5 {margin-bottom: 5px; } .m-b10 {margin-bottom: 10px; } .m-b15 {margin-bottom: 15px; } .m-b20 {margin-bottom: 20px; } .m-b30 {margin-bottom: 30px; } .m-b40 {margin-bottom: 40px; } .m-b50 {margin-bottom: 50px; } .m-b60 {margin-bottom: 60px; } .m-b70 {margin-bottom: 70px; } .m-b80 {margin-bottom: 80px; } .m-b90 {margin-bottom: 90px; } .m-b100 {margin-bottom: 100px; } .m-l0 {margin-left: 0; } .m-l5 {margin-left: 5px; } .m-l10 {margin-left: 10px; } .m-l15 {margin-left: 15px; } .m-l20 {margin-left: 20px; } .m-l30 {margin-left: 30px; } .m-l40 {margin-left: 40px; } .m-l50 {margin-left: 50px; } .m-l60 {margin-left: 60px; } .m-l70 {margin-left: 70px; } .m-l80 {margin-left: 80px; } .m-l90 {margin-left: 90px; } .m-l100 {margin-left: 100px; } .m-r0 {margin-right: 0; } .m-r5 {margin-right: 5px; } .m-r10 {margin-right: 10px; } .m-r15 {margin-right: 15px; } .m-r20 {margin-right: 20px; } .m-r30 {margin-right: 30px; } .m-r40 {margin-right: 40px; } .m-r50 {margin-right: 50px; } .m-r60 {margin-right: 60px; } .m-r70 {margin-right: 70px; } .m-r80 {margin-right: 80px; } .m-r90 {margin-right: 90px; } .m-r100 {margin-right: 100px; } .m-lr0 {margin-left: 0; margin-right: 0; } .m-lr5 {margin-left: 5px; margin-right: 5px; } .m-lr10 {margin-left: 10px; margin-right: 10px; } .m-lr15 {margin-left: 15px; margin-right: 15px; } .m-lr20 {margin-left: 20px; margin-right: 20px; } .m-lr30 {margin-left: 30px; margin-right: 30px; } .m-lr40 {margin-left: 40px; margin-right: 40px; } .m-lr50 {margin-left: 50px; margin-right: 50px; } .m-lr60 {margin-left: 60px; margin-right: 60px; } .m-lr70 {margin-left: 70px; margin-right: 70px; } .m-lr80 {margin-left: 80px; margin-right: 80px; } .m-lr90 {margin-left: 90px; margin-right: 90px; } .m-lr100 {margin-left: 100px; margin-right: 100px; } .m-tb0 {margin-bottom: 0; margin-top: 0; } .m-tb5 {margin-bottom: 5px; margin-top: 5px; } .m-tb10 {margin-bottom: 10px; margin-top: 10px; } .m-tb15 {margin-bottom: 15px; margin-top: 15px; } .m-tb20 {margin-bottom: 20px; margin-top: 20px; } .m-tb30 {margin-bottom: 30px; margin-top: 30px; } .m-tb40 {margin-bottom: 40px; margin-top: 40px; } .m-tb50 {margin-bottom: 50px; margin-top: 50px; } .m-tb60 {margin-bottom: 60px; margin-top: 60px; } .m-tb70 {margin-bottom: 70px; margin-top: 70px; } .m-tb80 {margin-bottom: 80px; margin-top: 80px; } .m-tb90 {margin-bottom: 90px; margin-top: 90px; } .m-tb100 {margin-bottom: 100px; margin-top: 100px; } .no-col-gap [class*="col-lg-"], .no-col-gap [class*="col-md-"], .no-col-gap [class*="col-sm-"], .no-col-gap [class*="col-xs-"] {padding-left: 0; padding-right: 0; } .max-w50 {max-width: 50px; } .max-w60 {max-width: 60px; } .max-w80 {max-width: 80px; } .max-w100 {max-width: 100px; } .max-w200 {max-width: 200px; } .max-w300 {max-width: 300px; } .max-w400 {max-width: 400px; } .max-w500 {max-width: 500px; } .max-w600 {max-width: 600px; } .max-w700 {max-width: 700px; } .max-w800 {max-width: 800px; } .max-w900 {max-width: 900px; } .max-w1000 {max-width: 1000px; } .absolute {position: absolute; } .relative {position: relative; } .static {position: static; } .z-index1 {z-index: 1; } .z-index2 {z-index: 2; } .z-index3 {z-index: 3; } .z-index4 {z-index: 4; } .z-index5 {z-index: 5; } .z-index6 {z-index: 6; } .z-index7 {z-index: 7; } .z-index8 {z-index: 8; } .z-index9 {z-index: 9; } .z-index10 {z-index: 10; } .z-index100 {z-index: 100; } .z-index999 {z-index: 999; } .text-white {color: #fff; } .text-black {color: #000; } .text-gray {color: #f5f6f6; } .text-gray-dark {color: #d3d3d3; } .text-red {color: #ff4045; } .text-yellow {color: #ffb822; } .text-yellow-light {color: #fec215; } .text-pink {color: #ff3c85; } .text-blue {color: #00c5dc; } .text-green {color: #34bfa3; } .text-orange {color: #ef9800; } .bg-transparent {background-color: transparent; } .bg-white {background-color: #fff; } .bg-black {background-color: #000; } .bg-black-light {background-color: #1c1c1c; } .bg-gray {background-color: #f7f9fb; } .bg-gray-dark {background-color: #d3d3d3; } .bg-red {background-color: #ff4045; } .bg-green {background-color: #34bfa3; } .bg-yellow {background-color: #ffb822; } .bg-pink {background-color: #ff3c85; } .bg-blue {background-color: #00c5dc; } .bg-orange {background-color: #ef9800; } .bg-tpw1 {background-color: rgba(255, 255, 255, 0.1); } .bg-tpw2 {background-color: rgba(255, 255, 255, 0.2); } .bg-tpw3 {background-color: rgba(255, 255, 255, 0.3); } .bg-tpw4 {background-color: rgba(255, 255, 255, 0.4); } .bg-tpw5 {background-color: rgba(255, 255, 255, 0.5); } .bg-tpw6 {background-color: rgba(255, 255, 255, 0.6); } .bg-tpw7 {background-color: rgba(255, 255, 255, 0.7); } .bg-tpw8 {background-color: rgba(255, 255, 255, 0.8); } .bg-tpw9 {background-color: rgba(255, 255, 255, 0.9); } .bg-tpb1 {background-color: rgba(0, 0, 0, 0.05); } .bg-tpb2 {background-color: rgba(0, 0, 0, 0.2); } .bg-tpb3 {background-color: rgba(0, 0, 0, 0.3); } .bg-tpb4 {background-color: rgba(0, 0, 0, 0.4); } .bg-tpb5 {background-color: rgba(0, 0, 0, 0.5); } .bg-tpb6 {background-color: rgba(0, 0, 0, 0.6); } .bg-tpb7 {background-color: rgba(0, 0, 0, 0.7); } .bg-tpb8 {background-color: rgba(0, 0, 0, 0.8); } .bg-tpb9 {background-color: rgba(0, 0, 0, 0.9); } .bg-img-fix {background-attachment: unset; background-size: cover; } .bg-pt, .dlab-bnr-inr.bg-pt {background-position: top; background-size: cover; } .bg-pb, .dlab-bnr-inr.bg-pb {background-position: bottom; background-size: cover; } .dlab-img-overlay1, .dlab-img-overlay11, .dlab-img-overlay12, .dlab-img-overlay2, .dlab-img-overlay3, .dlab-img-overlay4, .dlab-img-overlay5, .dlab-img-overlay6, .dlab-img-overlay7, .dlab-img-overlay8, .dlab-img-overlay9 {position: relative; } .dlab-img-overlay11:after, .dlab-img-overlay11:before, .dlab-img-overlay12:after, .dlab-img-overlay12:before, .dlab-img-overlay1:after, .dlab-img-overlay1:before, .dlab-img-overlay2:after, .dlab-img-overlay2:before, .dlab-img-overlay3:after, .dlab-img-overlay3:before, .dlab-img-overlay4:after, .dlab-img-overlay4:before, .dlab-img-overlay5:after, .dlab-img-overlay5:before, .dlab-img-overlay6:after, .dlab-img-overlay6:before, .dlab-img-overlay7:after, .dlab-img-overlay7:before, .dlab-img-overlay8:after, .dlab-img-overlay8:before, .dlab-img-overlay9:after, .dlab-img-overlay9:before {content: ""; background: #000; position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0.4; z-index: 1; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear; } .dlab-img-overlay1:before {width: 100%; height: 100%; opacity: 0; } .dlab-box:hover .dlab-img-overlay1:before, .dlab-img-overlay1:hover:before {opacity: 0.5; } .dlab-img-overlay2:before {width: 100%; height: 100%; opacity: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 100%); } .dlab-img-overlay2.on:before {opacity: 1; } .dlab-box:hover .dlab-img-overlay2:before, .dlab-img-overlay2:hover:before {opacity: 0.9; } .dlab-img-overlay3:before {left: 50%; top: 50%; } .dlab-box:hover .dlab-img-overlay3:before, .dlab-img-overlay3:hover:before {width: 100%; height: 100%; top: 0; left: 0; } .dlab-img-overlay4:before {left: 50%; top: 0; height: 100%; } .dlab-box:hover .dlab-img-overlay4:before, .dlab-img-overlay4:hover:before {width: 100%; left: 0; } .dlab-img-overlay5:before {left: 0; top: 50%; width: 100%; } .dlab-box:hover .dlab-img-overlay5:before, .dlab-img-overlay5:hover:before {height: 100%; top: 0; } .dlab-img-overlay6:before {left: 0; top: auto; bottom: 0; width: 100%; } .dlab-box:hover .dlab-img-overlay6:before, .dlab-img-overlay6:hover:before {height: 100%; } .dlab-img-overlay7:after, .dlab-img-overlay7:before {height: 100%; } .dlab-img-overlay7:after {left: auto; right: 0; } .dlab-box:hover .dlab-img-overlay7:after, .dlab-box:hover .dlab-img-overlay7:before, .dlab-img-overlay7:hover:after, .dlab-img-overlay7:hover:before {width: 50%; } .dlab-img-overlay8:after, .dlab-img-overlay8:before {height: 100%; } .dlab-img-overlay8:after {left: auto; right: 0; } .dlab-box:hover .dlab-img-overlay8:after, .dlab-box:hover .dlab-img-overlay8:before, .dlab-img-overlay8:hover:after, .dlab-img-overlay8:hover:before {width: 100%; opacity: 0.3; } .dlab-img-overlay9:after {left: auto; right: 0; top: auto; bottom: 0; } .dlab-box:hover .dlab-img-overlay9:after, .dlab-box:hover .dlab-img-overlay9:before, .dlab-img-overlay9:hover:after, .dlab-img-overlay9:hover:before {width: 100%; height: 100%; opacity: 0.3; } .dlab-img-overlay10:after, .dlab-img-overlay10:before {width: 100%; height: 100%; opacity: 0; } .dlab-box:hover .dlab-img-overlay10:before, .dlab-img-overlay10:hover:before {opacity: 0.5; } .dlab-box:hover .dlab-img-overlay10:after, .dlab-img-overlay10:hover:after {width: 90%; height: 80%; left: 5%; top: 10%; opacity: 0.5; background: 0 0; border: 1px dashed #fff; } .dlab-box:hover .dlab-img-overlay11:after, .dlab-img-overlay11:hover:after {height: 95%; opacity: 1; right: 7.5%; top: 2.5%; -moz-transform: skewY(0); -webkit-transform: skewY(0); -o-transform: skewY(0); -ms-transform: skewY(0); transform: skewY(0); width: 85%; } .dlab-box:hover .dlab-img-overlay11:before, .dlab-img-overlay11:hover:before {height: 85%; left: 2.5%; opacity: 1; top: 7.5%; -moz-transform: skewY(0); -webkit-transform: skewY(0); -o-transform: skewY(0); -ms-transform: skewY(0); transform: skewY(0); width: 95%; } .dlab-img-overlay11:after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-left: 1px solid #fff; border-right: 1px solid #fff; bottom: 5%; height: 80%; left: auto; right: 5%; top: auto; -moz-transform: skewY(70deg); -webkit-transform: skewY(70deg); -o-transform: skewY(70deg); -ms-transform: skewY(70deg); transform: skewY(70deg); width: 90%; } .dlab-img-overlay11:before {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; bottom: auto; height: 90%; left: 5%; right: auto; top: 5%; -moz-transform: skewX(-70deg); -webkit-transform: skewX(-70deg); -o-transform: skewX(-70deg); -ms-transform: skewX(-70deg); transform: skewX(-70deg); width: 80%; } .dlab-img-overlay11 {background-color: #000 !important; } .dlab-img-overlay11:hover img {opacity: 0.7 !important; } .dlab-box:hover .dlab-img-overlay12:after, .dlab-img-overlay12:hover:after {opacity: 1; transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); } .dlab-img-overlay12:after {background-color: rgba(0, 0, 0, 0); border-bottom: 2px solid #fff; border-top: 2px solid #fff; transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -moz-transform-origin: 50% 50% 0; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; width: 100%; height: 100%; } .dlab-box:hover .dlab-img-overlay12.left:after, .dlab-img-overlay12.left:hover:after {transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); -moz-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); -o-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); } .dlab-img-overlay12.left:after {border-bottom: 2px solid #fff; border-top: 2px solid #fff; transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1); -moz-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1); -o-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1); -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1); -moz-transform-origin: 50% 50% 0; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; } .dlab-img-overlay12:before {width: 100%; height: 100%; opacity: 0; } .dlab-box:hover .dlab-img-overlay12:before, .dlab-img-overlay12:hover:before {opacity: 0.4; } .dlab-img-effect {position: relative; overflow: hidden; display: block; } .dlab-img-effect img {display: block; margin: 0; width: 100%; height: auto; box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; } .dlab-img-effect.opacity img:hover {opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } .dlab-img-effect.zoom-slow img {transition: all 10s; -moz-transition: all 10s; -webkit-transition: all 10s; -o-transition: all 10s; } .dlab-img-effect.zoom-slow:hover img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .blog-post:hover .dlab-img-effect.zoom img, .dlab-box:hover .dlab-img-effect.zoom img, .dlab-img-effect.zoom:hover img, .our-team:hover .dlab-img-effect.zoom img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .dlab-img-effect.shrink:hover img {transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); } .dlab-img-effect.side-pan:hover img {margin-left: -11%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .dlab-img-effect.vertical-pan:hover img {margin-top: -10%; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } .dlab-img-effect.fade-in {background: #000; } .dlab-img-effect.fade-in img {opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; } .dlab-img-effect.fade-in:hover img {opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } .dlab-img-effect.fade-out {background: #000; } .dlab-img-effect.fade-out:hover img {opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } .blog-post:hover .dlab-img-effect.rotate img, .dlab-box:hover .dlab-img-effect.rotate img, .dlab-img-effect.rotate:hover img {-moz-transform: scale(1.5) rotate(-20deg); -webkit-transform: scale(1.5) rotate(-20deg); -o-transform: scale(1.5) rotate(-20deg); -ms-transform: scale(1.5) rotate(-20deg); transform: scale(1.5) rotate(-20deg); } .dlab-img-effect.sepia img {-webkit-filter: sepia(100%); filter: sepia(100%); } .algo-image-hover.sepia:hover img {-webkit-filter: sepia(0); filter: sepia(0); } .dlab-img-effect.blurr img {transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .dlab-img-effect.blurr:hover img {filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .dlab-img-effect.blurr-invert img {transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .dlab-img-effect.blurr-invert img {filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); } .dlab-img-effect.blurr-invert:hover img {filter: blur(0); -webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); } .dlab-img-effect.off-color img {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); } .dlab-img-effect.off-color:hover img {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); } .dlab-img-effect.on-color img {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); } .dlab-img-effect.on-color:hover img {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); } .dlab-info-has {position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 30px 15px 40px; opacity: 0; margin-bottom: -100px; z-index: 2; } .dlab-info-has.p-a15 {padding: 15px; } .dlab-info-has.p-a20 {padding: 20px; } .dlab-info-has.bg-primary {background-color: rgba(27, 188, 232, 0.9); } .dlab-info-has.bg-green {background-color: rgba(106, 179, 62, 0.9); } .dlab-info-has.bg-black {background-color: rgba(0, 0, 0, 0.6); } .dlab-info-has.bg-white {background-color: rgba(255, 255, 255, 0.8) !important; } .dlab-info-has.bg-white h1, .dlab-info-has.bg-white h2, .dlab-info-has.bg-white h3, .dlab-info-has.bg-white h4, .dlab-info-has.bg-white h5, .dlab-info-has.bg-white h6 {color: #3d474a; } .dlab-info-has.bg-white h1 a, .dlab-info-has.bg-white h2 a, .dlab-info-has.bg-white h3 a, .dlab-info-has.bg-white h4 a, .dlab-info-has.bg-white h5 a, .dlab-info-has.bg-white h6 a {color: #3d474a; } .dlab-info-has.bg-white .dlab-info-has-text, .dlab-info-has.bg-white p {color: #767676; } .dlab-info-has a, .dlab-info-has h1, .dlab-info-has h2, .dlab-info-has h3, .dlab-info-has h4, .dlab-info-has h5, .dlab-info-has h6, .dlab-info-has p, .dlab-info-has-text {color: #fff; } .dlab-info-has .dlab-info-has-text {margin-bottom: 20px; line-height: 24px; } .dlab-media {overflow: hidden; position: relative; } .dlab-box:hover .dlab-info-has, .dlab-media:hover .dlab-info-has {opacity: 1; width: 100%; margin-bottom: 0; } .dlab-info-has.no-hover, .overlay-bx.no-hover {opacity: 1; width: 100%; margin-bottom: 0; visibility: visible; } .dlab-info-has.skew-has {border-top: 4px solid #2d3239; padding: 30px 40px 60px; -moz-transform: skewY(10deg); -webkit-transform: skewY(10deg); -o-transform: skewY(10deg); -ms-transform: skewY(10deg); transform: skewY(10deg); bottom: -35px; } .dlab-info-has.skew-has > * {-moz-transform: skewY(-10deg); -webkit-transform: skewY(-10deg); -o-transform: skewY(-10deg); -ms-transform: skewY(-10deg); transform: skewY(-10deg); } label {font-weight: 600; margin-bottom: 10px; } .panel-default, .panel-default > .panel-heading {border-color: #e7ecf1; color: inherit; } .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #e7ecf1; } .form-group {margin-bottom: 25px; } .form-control {border-color: #e1e6eb; box-shadow: none; height: 40px; font-size: 13px; line-height: 20px; padding: 9px 12px; } textarea.form-control {height: auto; } .form-control:focus {border-color: #e1e1e1; outline: 0; } .form-control:focus, .has-error .form-control:focus {-webkit-box-shadow: none; box-shadow: none; } .form-control.kv-fileinput-caption {height: 39px; } .form-group.form-inline .checkbox, .form-group.form-inline .radio {margin-right: 15px; } .input-group {width: 100%; } .input-group .form-control, .input-group-addon, .input-group-btn {display: table-cell; } .input-group-addon {background: #fff; border-color: #e1e1e1; padding: 6px 14px; font-size: 16px; } .input-group-addon.font-size-20 {font-size: 20px; } .input-group-addon.fixed-w {text-align: center; padding: 6px 0; width: 40px; } .input-group-addon.v-align-t {line-height: 30px; } .dropdown-menu {font-size: 13px; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%; } .bootstrap-select .dropdown-toggle {border: 1px solid #e7ecf1 !important; background-color: #fff !important; height: 40px; font-size: 13px; color: #999; } .bootstrap-select .dropdown-toggle:after {display: none; } .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:hover {background-color: #fff !important; border: 1px solid #e9e9e9 !important; box-shadow: none !important; outline: 0 !important; } .bootstrap-select:active, .bootstrap-select:focus {border: 0 !important; box-shadow: none !important; outline: 0 !important; } .bootstrap-select.show {box-shadow: none !important; outline: 0 !important; } .bootstrap-select.show .dropdown-toggle {box-shadow: none !important; outline: 0 !important; } .bootstrap-select.show.btn-group .dropdown-menu.inner {display: block; } .bootstrap-select div.dropdown-menu {border: 1px solid #e9e9e9; border-radius: 0; box-shadow: none; margin-top: -1px; padding: 0; font-size: 13px; } .bootstrap-select div.dropdown-menu ul li {padding: 0; } .bootstrap-select div.dropdown-menu ul li a {padding: 5px 15px; } .bootstrap-select div.dropdown-menu ul li a img {border-radius: 100%; -webkit-border-radius: 100%; margin-right: 5px; } .bootstrap-select .bs-searchbox .form-control {padding: 5px 10px; height: 30px; } .bootstrap-select .dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .bootstrap-select .dropdown-menu > li > a:hover {background-color: #f2f2f4; } input[type="checkbox"], input[type="radio"] {opacity: 0; margin-left: 1px !important; position: absolute; } input[type="checkbox"] + label, input[type="radio"] + label {display: block; padding-left: 25px !important; position: relative; } input[type="checkbox"] + label:hover:before, input[type="radio"] + label:hover:before {border-color: #3396d1; } input[type="checkbox"] + label:before, input[type="radio"] + label:before {background-color: #fff; border: 2px solid #b6b7b8; border-radius: 0; content: ""; display: inline-block; height: 16px; left: 1px; line-height: 1; position: absolute; top: 50%; transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -webkit-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 16px; } input[type="checkbox"] + label:after {color: #fff; content: "\f00c"; font-family: FontAwesome; font-size: 0; -webkit-font-smoothing: antialiased; left: 6px; position: absolute; top: 7px; transition: all linear 0.1s; -moz-transition: all linear 0.1s; -webkit-transition: all linear 0.1s; -o-transition: all linear 0.1s; width: 14px; text-align: center; } input[type="checkbox"]:checked + label:before {border-width: 7px; } input[type="checkbox"]:checked + label:after {font-size: 10px; left: 2px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } input[type="radio"] + label:before {border-radius: 50%; content: ""; } input[type="radio"]:checked + label:before {border-color: #3396d1; border-width: 5px; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] {position: absolute; left: 0; bottom: 0; } .bootstrap-touchspin .input-group-btn-vertical {position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: block; } .bootstrap-touchspin .input-group-btn-vertical > .btn {display: block; float: none; width: 100%; max-width: 100%; padding: 10px 10px 9px; margin-left: -1px; position: relative; border-width: 1px; border-style: solid; border-color: #e1e1e1; background: #fff; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {border-radius: 0; border-top-right-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {margin-top: -2px; border-radius: 0; border-bottom-right-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical i {position: absolute; top: 4px; left: 5px; font-size: 9px; font-weight: 400; color: #9fa0a1; } .input-rating input[type="radio"] {display: none; } .input-rating input[type="radio"] + label {display: inline-block; margin-left: -4px; padding-left: 0 !important; padding-right: 0; width: 24px; } .input-rating input[type="radio"] + label:first-of-type {margin-left: 0; } .input-rating input[type="radio"] + label:before {background-color: transparent; border: none; color: #ffd925; content: "\f006"; display: inline-block; font-family: FontAwesome; font-size: 20px; -webkit-font-smoothing: antialiased; height: 14px; line-height: 1; margin-left: 0; position: static; text-align: center; top: 2px; transition: none; width: 14px; } .input-rating input[type="radio"] + label.filled:before, .input-rating input[type="radio"] + label.hovered.filled:before, .input-rating input[type="radio"] + label.marked:before, .input-rating input[type="radio"]:checked + label:before {content: "\f005"; } .input-rating input[type="radio"] + label.hovered:before {content: "\f006"; } .rating-bx {color: #ffc300; font-size: 14px; } .rating-bx i {margin: 0 2px; } .rating-container .rating-stars::before {text-shadow: none; } .rating-container {color: #c8c8c8; } .rating-container .rating-stars {color: #3396d1; } .has-feedback label ~ .form-control-feedback {top: 31px; } .loading-box {width: 100%; height: 100%; background-color: #fff; position: fixed; left: 0; top: 0; opacity: 0.7; z-index: 9999; } .loading-pic {width: 70px; height: 70px; background: url(inc/images/loading.GIF) center no-repeat; position: fixed; left: 50%; top: 50%; margin: -35px; z-index: 99999; } .loading-cover, .loading-map, .loading-srh-bar {background: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .loading-cover .fa-spinner, .loading-map .fa-spinner, .loading-srh-bar .fa-spinner {position: absolute; left: 50%; top: 50%; margin: -10px; font-size: 25px; color: #333; } .dlab-banner-outer {margin-bottom: 0; } .dlab-error-top, .dlab-success-top {margin-bottom: 0; } .alert-bx.alert-info {padding: 15px; border: 1px solid #bce8f1; } .alignnone {margin: 0; } .aligncenter, div.aligncenter {display: block; margin: 5px auto 15px; } .alignright {float: right; margin: 5px 0 25px 25px; } .alignleft {float: left; margin: 5px 25px 25px 0; } a img.alignright {float: right; margin: 5px 0 25px 25px; } a img.alignnone {margin: 5px 0 25px 0; } a img.alignleft {float: left; margin: 5px 25px 25px 0; } a img.aligncenter {display: block; margin: 5px auto 15px; } .wp-caption {max-width: 100%; text-align: center; } .wp-caption img[class*="wp-image-"] {display: block; margin: 0; } .wp-caption.alignnone {margin: 5px 0 25px 0; } .wp-caption.alignleft {margin: 5px 25px 25px 0; } .wp-caption.alignright {margin: 5px 0 25px 25px; } .wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text {color: #9d9d9d; font-size: 13px; line-height: 18px; margin: 0; padding: 10px 0; text-align: left; } blockquote {padding: 16px 20px 16px 80px; font-size: 18px; font-style: italic; color: #555; margin: 40px 0; border-left: none; line-height: 30px; position: relative; background: #f6f6f6; clear: both; border-left: 4px solid #efbb20; } blockquote p {font-size: 18px; color: #555; line-height: 30px; margin-bottom: 0; } blockquote:before {content: "\f10d"; font-family: FontAwesome; color: #efbb20; font-size: 35px; position: absolute; left: 20px; top: 20px; font-style: normal; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%; height: auto; } .site-header {position: relative; z-index: 99999; } .site-header ol, .site-header ul {margin-bottom: 0; } .extra-nav {float: right; padding: 20px 0 16px 0; position: relative; z-index: 9; border-left: 1px solid rgba(0, 0, 0, 0.1); } .extra-nav .site-button-link {font-size: 25px; line-height: 25px; color: #020d26; cursor: pointer; } .extra-nav .extra-cell {display: inline-block; margin-left: 10px; } .ext-header .main-bar .logo-header {display: none; } @media only screen and (max-width: 991px) {.ext-header .main-bar .logo-header {display: table; } } @media only screen and (max-width: 767px) {.extra-nav {margin-right: 15px; } } @media only screen and (max-width: 480px) {.extra-nav {margin: 0 1px 0 0; text-align: right; } } #header-part.fix-map-header {height: 90px; } #header-part.fix-map-header .main-bar {position: fixed; top: 0; left: 0; z-index: 1; } @media only screen and (max-width: 480px) {#header-part.fix-map-header {height: 160px; } } .top-bar {background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: #444; padding: 0; } .dlab-topbar-left {float: left; } .dlab-topbar-right {float: right; } .dlab-topbar-center, .dlab-topbar-left, .dlab-topbar-right {padding-left: 15px; padding-right: 15px; } .dlab-topbar-left ul, .dlab-topbar-right ul {list-style: none; margin: 0; padding: 0; } .dlab-topbar-left ul li, .dlab-topbar-right ul li {display: inline-block; } .dlab-topbar-left ul li {padding-right: 15px; position: relative; } .dlab-topbar-left ul li:after {content: ""; height: 15px; width: 1px; background: #000; position: absolute; right: 5px; opacity: 0.2; top: 4px; } .dlab-topbar-left ul li:last-child:after {content: none; } .dlab-topbar-left ul li a, .dlab-topbar-right ul li a {color: #444; } .dlab-topbar-left ul li a {position: relative; } .topbar-social li a {padding: 0 6px; } @media only screen and (max-width: 991px) {.dlab-topbar-right {padding-left: 0; padding-right: 15px; } .dlab-topbar-left {padding-left: 15px; padding-right: 0; } } @media only screen and (max-width: 767px) {.top-bar [class*="col-"] {width: 100%; text-align: right; padding: 10px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .top-bar [class*="col-"]:last-child {border-bottom: none; } .top-bar {padding: 5px 0; } .dlab-topbar-center, .dlab-topbar-left, .dlab-topbar-right {display: #000; width: 100%; text-align: center; padding: 3px 15px; padding-left: 15px; padding-right: 15px; font-size: 14px; } .dlab-topbar-left ul li {padding: 0 5px; } } .middle-bar {border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 20px 0; } .middle-area {display: flex; justify-content: space-between; align-items: center; } .middle-bar .logo-header, .middle-bar .logo-header img {width: 200px; max-width: 200px; } .service-list ul {margin: 0; padding: 0; list-style: none; } .service-list ul li {display: inline-block; position: relative; padding: 0 0 0 55px; margin-left: 15px; } .service-list ul li i {position: absolute; left: 10px; font-size: 38px; line-height: 38px; color: var(--color-primary); font-weight: 100; top: 2px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; } .service-list ul li:hover i {transform: scale(1.2); } .service-list ul li .title {font-size: 18px; font-weight: 500; margin-bottom: 5px; line-height: 24px; } .service-list ul li span {font-size: 14px; color: #999; } .e-p-bx li {display: inline; font-size: 14px; padding-right: 10px; } .e-p-bx li a {color: #fff; } .e-p-bx li i {margin-right: 10px; vertical-align: middle; } .login-bx, .social-bx {margin: 0 0 0 15px; float: right; } .login-bx li, .social-bx li {font-size: 12px; margin: 0; position: relative; } .social-bx li {padding-left: 1px; padding-right: 1px; } .login-bx li a, .social-bx li a {color: #fff; } .login-bx li i, .social-bx li i {vertical-align: baseline; margin: 0 5px 0 0; } .login-bx li span, .social-bx li span {vertical-align: baseline; margin: 0 2px 0; font-size: 8px; } .login-bx li ul {top: 25px; left: auto; right: 0; border: none; padding: 0; } .login-bx li ul li {border-bottom: 1px solid #f7f7f7; } .login-bx li ul li a {color: #767676; padding: 9px 15px; } .arrow-up-border:before, .arrow-up:after {position: absolute; display: inline-block; content: ""; } .arrow-up-border:before {top: -7px; right: 19px; border-right: 7px solid transparent; border-bottom: 7px solid red; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .arrow-up:after {top: -6px; right: 20px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .arrow-left:before {position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .arrow-left:after {position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ""; } .language-bx li {display: inline; margin: 0 10px; } .logo-header {display: table; float: left; vertical-align: middle; padding: 0; color: #efbb20; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; width: 180px; height: 68px; position: relative; z-index: 9; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .logo-footer {display: table; vertical-align: middle; padding: 0; color: #efbb20; margin-top: 15px; margin-bottom: 15px; margin-left: 0; margin-right: 0; max-width: 100%; height: 60px; } .logo-footer > a, .logo-header > a {display: table-cell; vertical-align: middle; } .logo-header.center-block {margin-left: auto; margin-right: auto; float: none; } .logo-footer img, .logo-header img {height: auto; width: 100%; max-width: 180px; } .logo-footer span, .logo-header span {font-size: 20px; color: #efbb20; letter-spacing: 20px; } .is-fixed .logo-header, .is-fixed.header-curve .logo-header {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } @media only screen and (max-width: 767px) {.is-fixed .logo-header, .is-fixed.header-curve .logo-header, .logo-header {width: 135px; max-width: 135px; height: 50px; } .logo-footer img, .logo-header img {max-width: 135px; } .is-fixed .logo-header a img, .is-fixed.header-curve .logo-header a img {vertical-align: sub; } .is-fixed .header-nav .logo-header a img, .is-fixed.header-curve .header-nav .logo-header a img {vertical-align: middle; } .site-header .is-fixed .navbar-toggler, .site-header .navbar-toggler {margin: 18px 0 14px 10px; } .site-header .extra-nav, .site-header .is-fixed .extra-nav {padding: 10px 0; } } .main-bar {background: #fff; width: 100%; position: relative; } .header-curve .logo-header:after, .header-curve .logo-header:before {background-color: #fff; content: ""; position: absolute; bottom: 0; height: 100%; z-index: -1; } .header-curve .logo-header:before {right: -50px; width: 80%; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); transform: skew(30deg); } .header-curve .logo-header:after {right: 10%; width: 2000px; } .is-fixed.header-curve .logo-header img {margin-top: 0; } .header-curve .site-button-link, .header-curve .site-button-link:hover {color: #fff; } @media only screen and (max-width: 991px) {.header-curve .header-nav .logo-header:after, .header-curve .header-nav .logo-header:before {content: none; } } @media only screen and (max-width: 767px) {.header-curve .logo-header:after {right: 0; left: auto; } } .navbar-toggler {border: 0 solid #efbb20; font-size: 16px; line-height: 24px; margin: 26px 0 18px 15px; padding: 0; float: right; } .navbar-toggler span {background: #666; } .site-header .main-bar .container {position: relative; } .header-nav {padding: 0; } .header-nav .nav {float: right; } .header-nav .nav i {font-size: 9px; margin-left: 3px; margin-top: -3px; vertical-align: middle; } .header-nav .nav > li {margin: 0; font-weight: 400; position: relative; } .header-nav .nav > li > a {border-radius: 0; color: #020d26; font-size: 16px; padding: 23px 17px 22px 17px; cursor: pointer; font-weight: 600; display: inline-block; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 0 0 1px; } .header-nav .nav > li > a.nav-link {padding-left: 12px; padding-right: 12px; } .header-nav .nav > li > a:hover {background-color: transparent; color: #efbb20; } .header-nav .nav > li > a:active, .header-nav .nav > li > a:focus {background-color: transparent; } .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a {background-color: transparent; color: #efbb20; } .header-nav .nav > li.active > a:after {content: ""; height: 5px; background: var(--color-primary); width: calc(100% + 2px); position: absolute; bottom: 0; left: -1px; } .main-bar.bg-primary .header-nav .nav > li.active > a:after, .main-bar.bg-primary .header-nav .nav > li > a:after {background: #fff; } .header-nav .nav > li > a:after {content: ""; height: 5px; background: var(--color-primary); width: 0; position: absolute; bottom: 0; right: -1px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; } .header-nav .nav > li:hover > a:after {width: 100%; transform-origin: right; -moz-transform-origin: right; -webkit-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; right: auto; left: 0; } .header-nav .nav > li:hover > .mega-menu, .header-nav .nav > li:hover > .sub-menu {opacity: 1; visibility: visible; margin-top: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; } .header-nav .nav > li > .mega-menu, .header-nav .nav > li > .sub-menu {box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.1); } .header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu {border-radius: 2px; } .header-nav .nav > li .sub-menu {background-color: #fff; display: block; left: 0; list-style: none; opacity: 0; padding: 5px 0; position: absolute; visibility: hidden; width: 220px; z-index: 10; } .header-nav .nav > li .sub-menu li {border-bottom: 0 solid #f4f4f4; position: relative; } .header-nav .nav > li .sub-menu li a {color: #000; display: block; font-size: 15px; padding: 10px 25px; text-transform: capitalize; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; font-weight: 400; } .header-nav .nav > li .mega-menu > li ul a:hover, .header-nav .nav > li .sub-menu li:hover > a {background-color: #f2f2f2; text-decoration: none; } .header-nav .nav > li .sub-menu li:hover > a {color: #efbb20; } .header-nav .nav > li .sub-menu li:last-child {border-bottom: 0; } .header-nav .nav > li .sub-menu li:hover .sub-menu.left, .header-nav .nav > li .sub-menu li > .sub-menu.left {left: auto; right: 220px; } .header-nav .nav > li .sub-menu li .fa {color: inherit; display: block; float: right; font-size: 16px; opacity: 1; } .header-nav .nav > li .sub-menu li .fa.fa-nav {color: inherit; display: inline-block; float: none; font-size: 13px; margin-right: 5px; opacity: 1; position: unset; right: 10px; top: 12px; } .header-nav .nav > li .sub-menu li > .sub-menu {left: 220px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .header-nav .nav > li .sub-menu li:hover > .sub-menu {left: 220px; margin: 0; opacity: 1; top: -1px; visibility: visible; } .header-nav .nav > li .sub-menu li:hover > .sub-menu:before {background-color: transparent; bottom: 0; content: ""; display: block; height: 100%; left: -6px; position: absolute; top: 0; width: 6px; } .header-nav .nav > li.has-mega-menu {position: inherit; } .header-nav .nav > li .mega-menu {background-color: #fff; border: 1px solid #f8f8f8; display: flex; left: 0; list-style: none; opacity: 0; position: absolute; right: 0; visibility: hidden; width: 100%; margin-top: 20px; z-index: 9; } .header-nav .nav > li .mega-menu > li {display: block; padding: 30px 0 25px; position: relative; vertical-align: top; width: 25%; } .header-nav .nav > li .mega-menu > li:after {content: ""; background-color: rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 0; display: block; width: 1px; height: 100%; } .header-nav .nav > li .mega-menu > li:last-child:after {display: none; } .header-nav .nav > li .mega-menu > li > a {color: #000; display: block; padding: 0 20px; font-size: 16px; font-weight: 600; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; } .header-nav .nav > li .mega-menu > li ul {list-style: none; margin: 10px 0 0 0; padding: 0; width: 100%; } .header-nav .nav > li .mega-menu > li ul a {color: #000; display: block; font-size: 15px; text-transform: capitalize; padding: 10px 25px; font-weight: 400; } .header-nav .nav > li .mega-menu > li ul a:hover {color: #efbb20; } .header-nav .nav .mega-menu a i {font-size: 14px; margin-right: 5px; text-align: center; width: 15px; } .header-nav .nav > li.menu-item-has-children:before {content: "\f078"; display: block; font-family: FontAwesome; right: 4px; position: absolute; top: 50%; color: #999; margin-top: -8px; font-size: 8px; } .site-header.center .header-nav .nav {display: inline-block; float: left; width: 40%; } .site-header.center .navbar-nav > li {display: inline-block; float: none; } .site-header.center .header-nav .nav:first-child {text-align: right; } .site-header.center .header-nav .nav:first-child li {text-align: left; } .site-header.center .header-nav .nav:last-child {float: right; } .site-header.center .logo-header {position: absolute; transform: translate(-50%); -moz-transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); position: absolute; left: 50%; text-align: center; } .site-header.center .logo-header img {height: 100px; margin-bottom: -50px; position: relative; width: 100px; z-index: 2; object-fit: contain; } .site-header.center .logo-header:after {background-position: center top; background-repeat: no-repeat; background-size: 100% auto; content: ""; height: 100px; position: absolute; width: 140%; bottom: -99px; left: -20%; } .header-nav .nav > li.has-mega-menu.demos .mega-menu {left: auto; right: auto; max-width: 600px; z-index: 9; } @media only screen and (max-width: 1200px) {.header-nav .nav > li > a {padding: 22px 15px 22px 15px; font-size: 14px; font-weight: 500; } .extra-nav .site-button-link {font-size: 22px; line-height: 22px; } .logo-footer img, .logo-header img {width: 140px; } .logo-header {width: 140px; height: 65px; } } @media only screen and (max-width: 991px) {.middle-bar {display: none; } .site-header.center .header-nav .nav {width: 100%; float: none; } .site-header.center .navbar-nav > li {display: block; float: left; width: 100%; } .header-nav .nav > li.has-mega-menu.demos .mega-menu {max-width: 100%; } .header-nav .nav > li .mega-menu {border: 0; } .site-header.center .is-fixed .header-nav .nav {height: auto; } .header-nav .nav > li .mega-menu > li {padding: 10px 0; } .header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu {border-radius: 0; } .header-nav .nav > li.active > a:after, .header-nav .nav > li:hover > a:after {content: none; } .header-nav .nav > li .mega-menu > li ul a, .header-nav .nav > li .sub-menu li a {padding: 2px 0 1px 15px; display: block; font-size: 16px; line-height: 30px; position: relative; } .header-nav .nav > li .mega-menu > li ul a:after, .header-nav .nav > li .sub-menu li a:after {content: "\f105"; font-family: FontAwesome; width: auto; height: auto; background: 0 0 !important; top: 1px; color: #000; font-size: 16px; position: absolute; left: 0; font-weight: 700; } .header-nav .nav > li .mega-menu:after, .header-nav .nav > li .sub-menu:after {content: ""; } } @media only screen and (max-width: 767px) {.header-nav .logo-header > a {width: 100%; display: block; text-align: center; } } @media only screen and (max-width: 767px) {.site-header.center .logo-header img {height: 60px; margin-bottom: -30px; } .logo-header {height: 50px; } } .shop-cart.navbar-right {margin-right: 0; float: none; display: inline-block; } .shop-cart .dropdown-menu.cart-list {box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3); top: 35px; border: 0; right: 0; left: auto; width: 300px; border-top: 3px solid var(--color-primary); } .shop-cart .badge {font-size: 9px; height: 15px; line-height: 15px; min-width: 15px; padding: 0; position: absolute; right: -5px; text-align: center; top: -5px; border-radius: 10px; color: #fff; } .shop-cart li {padding: 10px 15px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .shop-cart li:last-child {border-bottom: 0; } .shop-cart .media-left a {display: block; width: 60px; } .shop-cart .site-button-link {position: relative; } .extra-nav .site-button-link i, .shop-cart .site-button-link i {margin-left: 0; } .cart-list.dropdown-menu {width: 260px; margin-top: 30px; } .is-fixed .cart-list.dropdown-menu {margin-top: 18px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .cart-list .media-object {width: 60px; } .cart-item .media-body {position: relative; padding-left: 10px; } .item-close {background-color: #303030; border-radius: 20px; color: #fff; display: block; font-size: 9px; height: 18px; line-height: 18px; margin-top: -9px; position: absolute; right: 0; text-align: center; top: 50%; width: 18px; cursor: pointer; } .item-close:hover {background-color: #000; } .header-nav .nav > li.demos {position: inherit; } .header-nav .nav > li.demos .mega-menu {max-width: 700px; width: 700px; left: auto; right: 0; } .header-nav .nav > li .mega-menu > li.header-add {padding: 18px 14px; } @media only screen and (max-width: 991px) {header .logo {display: block; padding: 4px 0; } .header-nav .nav > li.demos .mega-menu.left {width: 100%; max-width: 100%; } } @media only screen and (max-width: 767px) {.shop-cart .dropdown-menu.cart-list {left: auto; right: 0; } .cart-list.dropdown-menu, .is-fixed .cart-list.dropdown-menu {margin-top: 0; } } @media only screen and (max-width: 991px) {.header-nav {clear: both; margin: 0 -15px; border-bottom: 1px solid #e9e9e9; } .header-nav .nav {float: none; margin: 0; background: #fff; width: 100%; display: block; } .header-nav .nav > li {float: none; display: block; width: 100%; font-family: Roboto; padding: 0 25px 0 25px; } .header-nav .nav > li .mega-menu > li, .header-nav .nav > li .sub-menu > li {float: none; display: block; width: auto; } .header-nav .nav > li > a {display: block; position: relative; border: 0; padding: 8px 0; font-size: 18px; line-height: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .header-nav .nav > li .mega-menu > li:after {display: none; } .header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu, .header-nav .nav > li ul {display: none; position: static; visibility: visible; width: auto; background: #f6f6f6; box-shadow: none; } .header-nav .nav > li ul.mega-menu ul {display: none; } .header-nav .nav > li .sub-menu li > .sub-menu, .header-nav .nav > li:hover .mega-menu, .header-nav .nav > li:hover .sub-menu, .header-nav .nav > li:hover > ul {opacity: 1; visibility: visible; display: block; margin: 0; } .header-nav .nav > li ul.mega-menu li:hover ul {display: block; } .nav.navbar-nav li a i.fa-chevron-down:before, .side-nav .nav.navbar-nav li a i.fa-chevron-down:before {content: "\f105"; } .nav.navbar-nav li.open a i.fa-chevron-down:before, .side-nav .nav.navbar-nav li.open a i.fa-chevron-down:before {content: "\f107"; } .header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu, .header-nav .nav > li ul {background: 0 0; } .header-nav .nav > li .mega-menu {padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .header-nav .nav > li > .sub-menu {border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 0; border-width: 0 0 1px 0; } .header-nav .nav > li > .sub-menu .sub-menu li a {padding: 2px 0 1px 30px; } .header-nav .nav > li > .sub-menu .sub-menu li a:hover {background-color: rgba(0, 0, 0, 0.1); } .header-nav .nav > li > .sub-menu .sub-menu li a:after {content: "\f111"; font-family: FontAwesome; width: auto; height: auto; background: 0 0; top: 3px; color: #000; font-size: 5px; left: 15px; font-weight: 700; } .nav.navbar-nav li a i.fa-angle-right, .nav.navbar-nav li a i.fa-chevron-down, .side-nav .nav.navbar-nav li a i.fa-chevron-down {background-color: var(--color-primary); color: #fff; height: 30px; line-height: 30px; right: 0; text-align: center; width: 30px; z-index: 3; float: right; font-size: 20px; margin: 0; } .header-nav .nav > li .sub-menu li i.fa-angle-right:before {content: "\f105"; } .header-nav .nav > li .sub-menu li.open i.fa-angle-right:before {content: "\f107"; } .header-nav .nav > li .sub-menu .sub-menu, .header-nav .nav > li:hover .mega-menu, .header-nav .nav > li:hover .sub-menu, .header-nav .nav > li:hover .sub-menu .sub-menu {display: none; opacity: 1; margin-top: 0; } .header-nav .nav li .sub-menu .sub-menu {display: none; opacity: 1; margin-top: 0; } .header-nav .nav > li.open > .sub-menu .sub-menu {display: none; } .header-nav .nav > li ul.mega-menu ul, .header-nav .nav > li.open > .mega-menu, .header-nav .nav > li.open > .sub-menu, .header-nav .nav > li.open > .sub-menu li.open .sub-menu {display: block; opacity: 1; margin-top: 0; } .header-nav .nav > li.open > .sub-menu li.open > a > i, .header-nav .nav > li.open > a > i {background: #313444; } .header-nav .nav > li.open .sub-menu li.open > a > i {background: #fff; } .header-nav .nav > li .mega-menu > li {padding: 0; } .header-nav .nav > li .mega-menu > li > a {display: none; } .header-nav .nav .mega-menu a i {display: inline-block; float: none; margin-top: 0; } .header-nav .nav .open > a, .header-nav .nav .open > a:focus, .header-nav .nav .open > a:hover {background-color: inherit; border-color: #e9e9e9; } .header-nav .nav > li .mega-menu > li ul a:hover, .header-nav .nav > li .sub-menu li:hover > a {background-color: transparent; text-decoration: none; } .header-nav.nav-dark .nav .open > a:focus, .header-nav.nav-dark .nav .open > a:hover, .header-nav.nav-dark.nav .open > a {border-color: rgba(0, 0, 0, 0.2); } .header-nav .nav > li .sub-menu li .fa {color: #000; display: block; float: right; font-size: 20px; opacity: 1; background: #fff; } } .nav-dark.header-nav .nav > li .mega-menu, .nav-dark.header-nav .nav > li .sub-menu {background-color: #232323; border: 1px solid rgba(0, 0, 0, 0.2); } .nav-dark.header-nav .nav > li .sub-menu li {border-bottom: 0 solid rgba(0, 0, 0, 0.2); } .nav-dark.header-nav .nav > li .mega-menu > li ul a, .nav-dark.header-nav .nav > li .sub-menu li a {color: rgba(255, 255, 255, 0.6); } .header-nav.nav-dark .nav > li .mega-menu > li > a {color: #fff; } .nav-dark.header-nav .nav > li .sub-menu li a:hover {background-color: rgba(255, 255, 255, 0); } .nav-dark.header-nav .nav > li .mega-menu > li ul a:hover, .nav-dark.header-nav .nav > li .sub-menu li:hover > a, .nav-dark.header-nav .nav > li ul li a:hover {background-color: rgba(255, 255, 255, 0); color: #fff !important; } .nav-dark.header-nav .nav > li .mega-menu > li:after {background-color: rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 991px) {.nav-dark.header-nav .nav > li > a {color: #9d9d9d; } .nav-dark.header-nav {border-bottom: 1px solid rgba(0, 0, 0, 0.8); } .nav-dark.header-nav .nav {background-color: #202020; } .nav-dark.header-nav .nav > li > a {border-top: 0 solid rgba(0, 0, 0, 0.2); } [class*="bg-"] .nav-dark.header-nav .nav > li > a {color: #999; } [class*="bg-"] .nav-dark.header-nav .nav > li.active > a, [class*="bg-"] .nav-dark.header-nav .nav > li:hover > a {color: #efbb20; } .nav-dark.header-nav .nav > li > a:active, .nav-dark.header-nav .nav > li > a:focus, .nav-dark.header-nav .nav > li > a:hover {background-color: #282828; color: #efbb20; } .nav-dark.header-nav .nav > li .mega-menu, .nav-dark.header-nav .nav > li .sub-menu, .nav-dark.header-nav .nav > li ul {background-color: #282828; } } .sticky-no .main-bar {position: static !important; } .is-fixed .main-bar {position: fixed; top: 0; left: 0; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1); } [class*="bg-"] .header-nav .nav > li > a {color: #fff; } [class*="bg-"] .header-nav .nav > li.active > a, [class*="bg-"] .header-nav .nav > li.current-menu-item > a {color: #fff; } [class*="bg-"] .header-nav .nav > li:hover > a, [class*="bg-"] .header-nav .nav > li > a:hover {color: #fff; } [class*="bg-"] .navbar-toggler {border-color: #fff; } [class*="bg-"] .navbar-toggler span {background-color: #fff; } @media only screen and (max-width: 991px) {[class*="bg-"] .header-nav .nav > li > a {color: #555; } } .header.dark, .header.dark .main-bar {background: #252525; } @media only screen and (min-width: 991px) {.header.dark .header-nav .nav > li > a, .header.dark .main-bar .header-nav .nav > li > a, .header.header-transparent .header-nav .nav > li > a, .header.header-transparent .main-bar .header-nav .nav > li > a {border: 1px solid rgba(255, 255, 255, 0.1); border-width: 0 0 0 1px; } .header.dark .header-nav .nav > li:last-child > a, .header.header-transparent .header-nav .nav > li:last-child > a {border-width: 0 1px 0 1px; } } .header.dark .dlab-topbar-left ul li a, .header.dark .dlab-topbar-right ul li a, .header.dark .extra-nav .site-button-link, .header.dark .header-nav .nav > li > a, .header.dark .navbar-toggler {color: #dfdfdf; } .header.dark .navbar-toggler span {background-color: #dfdfdf; } .header.dark .top-bar {background-color: #252525; border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: #dfdfdf; } .header-transparent + .page-content .dlab-bnr-inr-md, .header-transparent + .page-content .dlab-bnr-inr-sm {padding-top: 60px; } .header-transparent {position: absolute; width: 100%; } .header-transparent .main-bar {background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .header-transparent .header-nav .nav > li > a {color: #fff; } .header-transparent .dlab-topbar-left ul li a, .header-transparent .extra-nav .site-button-link, .header-transparent .header-nav .nav > li > a, .header-transparent .navbar-toggler {color: #fff; } .header-transparent .navbar-toggler span {background-color: #fff; } .header-transparent .is-fixed .main-bar {position: fixed; background-color: rgba(0, 0, 0, 0.9); } .header-transparent .top-bar {background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: #dfdfdf; } .header-transparent.overlay .main-bar, .header-transparent.overlay .top-bar {background-color: rgba(0, 0, 0, 0.5); } .fullwidth .container-fluid {padding-left: 30px; padding-right: 30px; } @media only screen and (max-width: 767px) {.fullwidth .container-fluid {padding-left: 15px; padding-right: 15px; } } .header.primary, .header.primary .main-bar {background: var(--color-primary); } .header.primary .extra-nav .site-button-link, .header.primary .header-nav .nav > li > a, .header.primary .navbar-toggler {color: #fff; } .header.primary .navbar-toggler span {background-color: #fff; } .header.primary .top-bar {background-color: var(--color-primary); border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: #fff; } .header.primary .header-nav .nav > li.active > a:after, .header.primary .header-nav .nav > li:hover > a:after {background-color: #fff; } .header.red, .header.red .main-bar {background: #f22d4e; } .header.red .extra-nav .site-button-link, .header.red .header-nav .nav > li > a, .header.red .navbar-toggler {color: #dfdfdf; } .header.red .navbar-toggler span {background-color: #dfdfdf; } .header.red .top-bar {background-color: #f22d4e; border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: #dfdfdf; } .header.blue, .header.blue .main-bar {background: #00c5dc; } .header.blue .extra-nav .site-button-link, .header.blue .header-nav .nav > li > a, .header.blue .navbar-toggler {color: #fff; } .header.blue .navbar-toggler span {background-color: #fff; } .header.blue .top-bar {background-color: #00c5dc; border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: #fff; } .header.purpal, .header.purpal .main-bar {background: #8862b9; } .header.purpal .extra-nav .site-button-link, .header.purpal .header-nav .nav > li > a, .header.purpal .navbar-toggler {color: #fff; } .header.purpal .navbar-toggler span {background-color: #fff; } .header.purpal .top-bar {background-color: #8862b9; border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: #fff; } .header.yellow, .header.yellow .main-bar {background: #ffb822; } .header.yellow .extra-nav .site-button-link, .header.yellow .header-nav .nav > li > a, .header.yellow .navbar-toggler {color: #fff; } .header.yellow .navbar-toggler span {background-color: #fff; } .header.yellow .top-bar {background-color: #ffb822; border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: #fff; } .top-bar.bg-dark {background-color: #282a3c; color: #fff; } .top-bar.bg-black {background-color: #000; color: #fff; } .top-bar.bg-light {background-color: #a5a5a5; color: #fff; border-bottom: 0; } .header.box {position: absolute; width: 100%; } .header.box .main-bar {background-color: rgba(0, 0, 0, 0); margin-top: 20px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } .header.box .extra-nav .site-button-link, .header.box .header-nav .nav > li > a, .header.box .navbar-toggler {color: #000; } .header.box .navbar-toggler span {background-color: #000; } .header.box .is-fixed .main-bar {position: fixed; background-color: #fff; margin-top: 0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } .header.box .container {background-color: #fff; border-radius: 2px; box-shadow: 0 0 4px -2px #000; } .header.box .is-fixed .container {box-shadow: none; } .header.box.overlay .extra-nav .site-button-link, .header.box.overlay .header-nav .nav > li > a, .header.box.overlay .navbar-toggler {color: #fff; } .header.box.overlay .navbar-toggler span {background-color: #fff; } .header.box.overlay .container {background-color: rgba(0, 0, 0, 0.5); } .header.box.overlay .is-fixed .container {background-color: rgba(0, 0, 0, 0); } .header.box.overlay .is-fixed .main-bar {background-color: rgba(0, 0, 0, 0.7); } .header.box.dark .extra-nav .site-button-link, .header.box.dark .header-nav .nav > li > a, .header.box.dark .navbar-toggler {color: #fff; } .header.box.dark .navbar-toggler span {background-color: #fff; } .header.box.dark .container {background-color: #252525; } .header.box.dark, .header.box.dark .is-fixed .container {background-color: rgba(0, 0, 0, 0); } .header.box.dark .is-fixed .main-bar {background-color: #252525; } .onepage .navbar {margin-bottom: 0; border: 0; } @media only screen and (max-width: 991px) {.header-curve [class*="bg-"] .header-nav .nav > li.active > a, .header-transparent .header-nav .nav > li > a, .header.blue .header-nav .nav > li > a, .header.box.dark .header-nav .nav > li > a, .header.box.overlay .header-nav .nav > li > a, .header.dark .header-nav .nav > li > a, .header.primary .header-nav .nav > li > a, .header.purpal .header-nav .nav > li > a, .header.red .header-nav .nav > li > a, .header.yellow .header-nav .nav > li > a {color: #000; } .header-curve [class*="bg-"] .header-nav.nav-dark .nav > li.active > a, .header-transparent .header-nav.nav-dark .nav > li > a, .header.blue .header-nav.nav-dark .nav > li > a, .header.box.dark .header-nav.nav-dark .nav > li > a, .header.box.overlay .header-nav.nav-dark .nav > li > a, .header.dark .header-nav.nav-dark .nav > li > a, .header.primary .header-nav.nav-dark .nav > li > a, .header.purpal .header-nav.nav-dark .nav > li > a, .header.red .header-nav.nav-dark .nav > li > a, .header.yellow .header-nav.nav-dark .nav > li > a {color: #fff; } } .dlab-banner-outer, .dlab-banner-row {position: relative; } .dlab-bnr-pic {width: 100%; overflow: hidden; } .dlab-bnr-pic img {width: 100%; height: auto; display: block; } .dlab-bnr-text {position: absolute; left: 0; top: 35%; width: 100%; margin: 0; color: #fff; } .dlab-bnr-text-has {max-width: 600px; } .dlab-bnr-text span, .dlab-bnr-text strong {text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .dlab-bnr-text strong {display: block; font-size: 60px; font-weight: 700; line-height: 70px; margin: 0 0 25px; color: #fff; } .dlab-bnr-text span {font-size: 20px; line-height: 30px; font-weight: 600; display: block; margin-bottom: 30px; } .dlab-bnr-text .btn {margin-right: 30px; } @media only screen and (max-width: 1200px) {.dlab-bnr-text strong {font-size: 60px; line-height: 60px; margin: 0 0 15px; } .dlab-bnr-text span {font-size: 20px; line-height: 24px; } } @media only screen and (max-width: 991px) {.dlab-bnr-text strong {font-size: 50px; line-height: 50px; margin: 0 0 10px; } } @media only screen and (max-width: 767px) {.dlab-bnr-text strong {font-size: 40px; line-height: 40px; margin: 0 0 0; } } @media only screen and (max-width: 680px) {.dlab-bnr-text strong {font-size: 30px; line-height: 30px; margin: 0 0 0; } .dlab-bnr-text span {font-size: 14px; line-height: 18px; } } @media only screen and (max-width: 480px) {.dlab-bnr-text strong {font-size: 20px; line-height: 20px; } .dlab-bnr-text span {font-size: 12px; line-height: 16px; } } .dlab-bnr-inr.dlab-bnr-inr-lg, .dlab-bnr-inr.dlab-bnr-inr-lg .dlab-bnr-inr-entry {height: 800px; } .dlab-bnr-inr.dlab-bnr-inr-md, .dlab-bnr-inr.dlab-bnr-inr-md .dlab-bnr-inr-entry {height: 600px; } .dlab-bnr-inr.dlab-bnr-inr-sm, .dlab-bnr-inr.dlab-bnr-inr-sm .dlab-bnr-inr-entry {height: 450px; } .dlab-bnr-inr, .dlab-bnr-inr .dlab-bnr-inr-entry {height: 220px; } .dlab-bnr-inr {height: 220px; background-size: cover; background-position: center center; display: table; width: 100%; text-align: center; } .dlab-bnr-inr .container {display: table; height: 100%; } .dlab-bnr-inr-entry {display: flex; align-items: center; justify-content: space-between; height: 100%; -webkit-justify-content: space-between; } .dlab-bnr-inr-entry.align-m {vertical-align: middle; } .banner-inner-row h1, .banner-inner-row h2, .banner-inner-row h3, .banner-inner-row h4, .banner-inner-row h5, .banner-inner-row h6 {color: #fff; } .dlab-bnr-inr.banner-content h1 {font-weight: 500; } .dlab-bnr-inr.banner-content p {font-size: 20px; font-weight: 100; letter-spacing: 1px; line-height: 36px; max-width: 750px; display: inline-block; } .dlab-bnr-inr.banner-content .site-button {padding: 13px 35px; font-size: 16px; } .dlab-bnr-inr .breadcrumb-row {padding: 0; background-color: rgba(0, 0, 0, 0); } .dlab-bnr-inr h1 {font-weight: 600; font-size: 40px; margin-bottom: 0; } .next-element {color: #fff; float: right; opacity: 0.1; } .next-element:hover {color: #fff; opacity: 0.8; } .dlab-bnr-inr .breadcrumb-row ul li:after, .dlab-bnr-inr .breadcrumb-row ul li:last-child {color: #fff; } .dlab-bnr-inr .breadcrumb-row ul li a {color: #fff; } @media only screen and (max-width: 767px) {.ele-bnr .bnr-title, .ele-bnr .breadcrumb-row h5, .ele-bnr h1 a {display: none; } .ele-bnr .dlab-bnr-inr-entry {text-align: center; } .dlab-bnr-inr-entry h1 {margin-bottom: 10px; } .dlab-bnr-inr {padding-bottom: 0; } .dlab-bnr-inr .breadcrumb-row ul {display: block; float: none; width: 100%; text-align: center; } .dlab-bnr-inr .breadcrumb-row ul li {font-size: 14px; } .dlab-bnr-inr .dlab-bnr-inr {height: 200px; } .dlab-bnr-inr h1 {line-height: 32px; font-size: 24px; text-align: center; } .dlab-bnr-inr.dlab-bnr-inr-lg, .dlab-bnr-inr.dlab-bnr-inr-lg .dlab-bnr-inr-entry {height: 400px; } .dlab-bnr-inr.dlab-bnr-inr-md, .dlab-bnr-inr.dlab-bnr-inr-md .dlab-bnr-inr-entry {height: 300px; } .dlab-bnr-inr.dlab-bnr-inr-sm, .dlab-bnr-inr.dlab-bnr-inr-sm .dlab-bnr-inr-entry {height: 220px; } .dlab-bnr-inr, .dlab-bnr-inr .dlab-bnr-inr-entry {height: 180px; } .dlab-bnr-inr-entry {display: table-cell; padding-top: 15px; padding-bottom: 15px; vertical-align: middle; } } .navicon {width: 20px; height: 18px; position: relative; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .navicon span {display: block; position: absolute; height: 2px; width: 100%; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .navicon span:nth-child(1) {top: 0; } .navicon span:nth-child(2) {top: 7px; } .navicon span:nth-child(3) {top: 14px; } .navicon.open span:nth-child(1) {top: 7px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .navicon.open span:nth-child(2) {opacity: 0; left: -60px; } .navicon.open span:nth-child(3) {top: 7px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .tp-caption .font-weight-300 {font-weight: 300; } .tp-caption .font-weight-400 {font-weight: 400; } .tp-caption .font-weight-500 {font-weight: 500; } .tp-caption .font-weight-600 {font-weight: 600; } .tp-caption .font-weight-700 {font-weight: 700; } .tp-caption .font-weight-800 {font-weight: 800; } .tp-caption .font-weight-900 {font-weight: 900; } .tp-caption h1, .tp-caption h2, .tp-caption h3, .tp-caption h4, .tp-caption h5, .tp-caption h6 {font-weight: 800; margin-bottom: 24px; color: #fff; } .tp-caption h1 {font-size: 70px; line-height: 60px; } .tp-caption h2 {font-size: 60px; line-height: 50px; } .tp-caption h3 {font-size: 50px; line-height: 40px; margin-bottom: 20px; } .tp-caption h4 {font-size: 40px; line-height: 30px; margin-bottom: 15px; } .tp-caption h5 {font-size: 30px; line-height: 4px; margin-bottom: 10px; } .tp-caption h6 {font-size: 20px; line-height: 22px; margin-bottom: 10px; } .tp-caption h4, .tp-caption h5, .tp-caption h6 {font-weight: 600; } .tp-caption .text {color: #fff; font-size: 20px; line-height: 24px; width: 500px; } .overlay-row {background: #000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; z-index: 1; } .owl-none .owl-nav {display: none; } .owl-theme .owl-dots, .owl-theme .owl-nav {margin-top: 20px; text-align: center; } .owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default; } .owl-theme .owl-dots {text-align: center; } .owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791; } .owl-theme.dots-style-1 .owl-dots .owl-dot span, .owl-theme.dots-style-2 .owl-dots .owl-dot span {background: rgba(0, 0, 0, 0.2); width: 10px; height: 10px; margin: 5px; } .owl-theme.dots-style-1 .owl-dots .owl-dot.active span, .owl-theme.dots-style-1 .owl-dots .owl-dot:hover span {background: #000; } .owl-theme.dots-style-3 .owl-dots {margin-top: 30px; position: unset; right: auto; text-align: center; top: auto; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; } .owl-theme.dots-style-3 .owl-dots .owl-dot span {height: 8px; width: 8px; margin: 0; } .owl-theme.dots-style-3 .owl-dots .owl-dot {border: 1px solid; border-radius: 20px; display: inline-block; margin: 4px; padding: 3px; } .owl-theme.dots-style-3 .owl-dots .owl-dot.active, .owl-theme.dots-style-3 .owl-dots .owl-dot:hover {border: 1px solid #ff3b68; } .owl-theme.dots-style-3 .owl-dots .owl-dot.active span, .owl-theme.dots-style-3 .owl-dots .owl-dot:hover span {background-color: #ff3b68; } .owl-item.dots-style-3 .slide-content-box {opacity: 0; } .owl-item.active.dots-style-3 .slide-content-box {opacity: 1; transition: all 2s ease 2s; -moz-transition: all 2s ease 2s; -webkit-transition: all 2s ease 2s; -o-transition: all 2s ease 2s; } .owl-btn-top-c .owl-nav {text-align: center; } .owl-btn-top-l .owl-nav {text-align: left; } .owl-btn-top-l .owl-nav .owl-prev {margin-left: 0; } .owl-btn-top-r .owl-nav {text-align: right; } .owl-btn-top-r .owl-nav .owl-next {margin-right: 0; } .owl-btn-top-lr .owl-nav {text-align: left; } .owl-btn-top-lr .owl-nav .owl-next {margin-right: 0; float: right; } .owl-btn-full .owl-next, .owl-btn-full .owl-prev {padding: 40px 8px; } .owl-btn-center-lr .owl-nav {margin: 0; } .owl-btn-center-lr + .owl-theme .owl-nav {margin: 0; } .owl-btn-center-lr .owl-nav .owl-next, .owl-btn-center-lr .owl-nav .owl-prev {position: absolute; left: 0; top: 50%; margin: 0; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .owl-btn-center-lr .owl-nav .owl-next {left: auto; right: 0; } .owl-carousel .owl-item img {transform-style: inherit; } .owl-btn-1 .owl-next, .owl-btn-1 .owl-prev, .owl-btn-2 .owl-next, .owl-btn-2 .owl-prev, .owl-btn-3 .owl-next, .owl-btn-3 .owl-prev {border-radius: 3px; height: 40px; line-height: 40px; margin: 0 10px !important; padding: 0; text-align: center; width: 40px; } .owl-btn-2 .owl-next, .owl-btn-2 .owl-prev, .owl-btn-3 .owl-next, .owl-btn-3 .owl-prev {margin: 0 -70px !important; } .owl-btn-3 .owl-next, .owl-btn-3 .owl-prev {background-color: rgba(0, 0, 0, 0); color: #000; font-size: 35px; height: auto; width: auto; opacity: 0.2; } .owl-btn-3 .owl-next:hover, .owl-btn-3 .owl-prev:hover {background-color: rgba(0, 0, 0, 0); color: #000; opacity: 1; } .owl-btn-3.btn-white .owl-next, .owl-btn-3.btn-white .owl-prev {color: #fff; } .owl-btn-3.btn-white .owl-next:hover, .owl-btn-3.btn-white .owl-prev:hover {color: #fff; } .owl-btn-4 {overflow: hidden; } .owl-btn-4 .owl-next, .owl-btn-4 .owl-prev {background: #fff none repeat scroll 0 0; border-radius: 30px; box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.5); color: #000; font-size: 24px; height: 50px; line-height: 50px; margin: 0 -10px !important; overflow: hidden; padding: 0; width: 50px; opacity: 0.7; } .owl-btn-4 .owl-next:hover, .owl-btn-4 .owl-prev:hover {background: #fff none repeat scroll 0 0; color: #000; opacity: 1; } #sync2 .owl-item.active.current .item img {outline: 5px solid rgba(0, 0, 0, 0.2); outline-offset: -9px; } .owl-dots-none .owl-dots {display: none; } .owl-dots-black-big.owl-theme .owl-dots .owl-dot span, .owl-dots-black-full.owl-theme .owl-dots .owl-dot span, .owl-dots-primary-big.owl-theme .owl-dots .owl-dot span, .owl-dots-primary-full.owl-theme .owl-dots .owl-dot span, .owl-dots-white-big.owl-theme .owl-dots .owl-dot span, .owl-dots-white-full.owl-theme .owl-dots .owl-dot span {opacity: 0.5; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; margin: 4px; } .owl-dots-primary-big.owl-theme .owl-dots .owl-dot span, .owl-dots-primary-full.owl-theme .owl-dots .owl-dot span {background-color: var(--color-primary); } .owl-dots-black-big.owl-theme .owl-dots .owl-dot span, .owl-dots-black-full.owl-theme .owl-dots .owl-dot span {background-color: #333; } .owl-dots-white-big.owl-theme .owl-dots .owl-dot span, .owl-dots-white-full.owl-theme .owl-dots .owl-dot span {background-color: #f5f5f5; } .owl-dots-black-full.owl-theme .owl-dots .owl-dot.active span, .owl-dots-primary-full.owl-theme .owl-dots .owl-dot.active span, .owl-dots-white-full.owl-theme .owl-dots .owl-dot.active span {opacity: 1; width: 25px; } .owl-dots-black-big.owl-theme .owl-dots .owl-dot.active span, .owl-dots-primary-big.owl-theme .owl-dots .owl-dot.active span, .owl-dots-white-big.owl-theme .owl-dots .owl-dot.active span {width: 14px; height: 14px; opacity: 1; margin: 0 4px 2px 4px; } @media only screen and (max-width: 1200px) {.owl-btn-2 .owl-next, .owl-btn-2 .owl-prev, .owl-btn-3 .owl-next, .owl-btn-3 .owl-prev {margin: 0 10px !important; } } .blog-post {position: relative; margin-bottom: 30px; } .dlab-post-title {margin-bottom: 5px; } .dlab-post-title .post-title {margin-top: 15px; margin-bottom: 5px; } .dlab-post-meta {margin-bottom: 10px; } .dlab-post-meta ul {margin: 0; list-style: none; text-transform: capitalize; } .dlab-post-meta ul li {padding: 0; display: inline-block; color: var(--color-primary); font-weight: 600; font-size: 13px; text-transform: uppercase; } .dlab-post-meta ul li strong {font-weight: inherit; } .dlab-post-meta li:after {content: "|"; display: inline-block; font-weight: 400; margin-left: 5px; opacity: 0.5; } .dlab-post-meta li:last-child:after {display: none; } .dlab-post-meta a {color: inherit; } .dlab-post-meta i {color: inherit; margin: 0 5px; vertical-align: middle; font-size: 15px; font-weight: 500; } .text-white .dlab-post-meta a, .text-white .dlab-post-meta i, .text-white .dlab-post-meta ul li {color: #fff; } .dlab-post-meta.text-white i, .dlab-post-meta.text-white ul li, .dlab-post-meta.text-white ul li a {color: #fff; } .dlab-post-meta.text-black i, .dlab-post-meta.text-black ul li, .dlab-post-meta.text-black ul li a {color: #000; } .dlab-post-meta.text-gray i, .dlab-post-meta.text-gray ul li, .dlab-post-meta.text-gray ul li a {color: grey; } .dlab-post-text {margin-bottom: 15px; } .dlab-post-text p {font-size: 15px; line-height: 28px; font-weight: 400; color: #999; } .dlab-post-text p:last-child {margin: 0; } .dlab-post-readmore {margin-bottom: 15px; } .dlab-post-tags {border-top: 1px solid #e9e9e9; padding-top: 10px; } .dlab-post-tags .post-tags {margin: 0 -3px; list-style: none; } .dlab-post-tags .post-tags a {border: 1px solid #ebedf2; padding: 2px 8px; color: #a9a9a9; margin: 0 3px; display: inline-block; text-transform: uppercase; font-size: 10px; font-weight: 600; } .dlab-info[class*="border-"] .post-title {margin-top: 0; } .text-white .post-title a {color: #fff; } .dlab-info > div:last-child, .dlab-info > p:last-child {margin-bottom: 0; } @media only screen and (max-width: 1200px) {.dlab-post-meta .d-flex {display: block !important; } } .date-style-1 .post-date {color: #fff; background-color: #efbb20; padding: 3px 5px 3px 5px; } .date-style-1 .post-date i {color: #fff; left: 5px; top: 5px; } .date-style-1 .post-date i, .date-style-2 .post-date i, .date-style-3 .post-date i, .date-style-4 .post-date i {display: none; } .date-style-2 .post-date, .date-style-4 .post-date {color: #fff; position: absolute; left: 20px; top: 0; width: 50px; text-align: center; text-transform: uppercase; } .date-style-2 .post-date span, .date-style-2 .post-date strong, .date-style-4 .post-date span, .date-style-4 .post-date strong {display: block; padding: 10px 5px; } .date-style-2 .post-date strong, .date-style-4 .post-date strong {font-size: 10px; padding: 10px 5px 5px; position: relative; } .date-style-2 .post-date > strong:after {content: ""; position: absolute; bottom: 0; left: 50%; height: 1px; background-color: #fff; margin: 0 -10px; width: 20px; } .date-style-2 .post-date span {font-size: 16px; padding: 5px 5px 10px; } .date-style-2 .post-date .fa, .date-style-2 .post-date:after, .date-style-3 .post-date .fa, .date-style-3 .post-date:after, .date-style-4 .post-date .fa {display: none; } .date-style-3 .dlab-post-info {position: relative; } .date-style-3 .post-date {font-family: oswald; text-transform: uppercase; position: absolute; padding: 8px 15px; color: #fff; top: -36px; left: 0; height: 36px; } .date-style-3 .post-date strong {color: #30353c; margin-right: 2px; } .date-style-3.skew-date .post-date {padding-right: 8px; } .date-style-3.skew-date .post-date:before {content: ""; position: absolute; right: -15px; top: 0; width: 22px; height: 100%; border-right: 3px solid #2d3239; -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); } .date-style-4 .post-date span {background-color: #2e1e13; } .date-style-4 .post-date {top: 10px; left: 10px; } .date-style-4 .dlab-post-info {box-shadow: 0 3px 0 0 #dbdbdb; } .date-style-4 .dlab-post-meta ul li {font-weight: 400; } .no-image-blog.date-style-2 .algo-post-info {padding-top: 70px; } .no-image-blog.date-style-2 .post-date {top: 0; left: 20px; } .blog-post.no-img-post .post-date {position: static; float: left; } .blog-md .dlab-post-media {width: 350px; border-radius: 4px; } .blog-md .dlab-post-info {border: none; padding-left: 30px; } .blog-md .dlab-post-tags {border: none; display: inline-block; padding: 0; } .blog-md .dlab-post-info .post-title {margin-top: 0; } .blog-md, .blog-md .dlab-post-info {overflow: hidden; } .blog-md .dlab-post-info, .blog-md .dlab-post-media {display: table-cell; vertical-align: middle; } .blog-md .dlab-post-media {vertical-align: top; } .blog-md .dlab-post-info > div:last-child {margin-bottom: 0; } .blog-lg .dlab-post-media {border-radius: 4px; } .blog-rounded [class*="border-"] {border-radius: 0 0 4px 4px; } .blog-rounded .dlab-post-media {border-radius: 4px 4px 0 0; } .blog-effect1 {transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; } .blog-effect1 .dlab-info {background: #fff; } .blog-effect1:hover {border-radius: 4px; box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05); } .blog-share {position: relative; } .share-btn {position: absolute; right: 0; bottom: 0; } .share-btn ul {margin: 0; padding: 0; list-style: none; } .share-btn ul li {display: inline-block; margin-left: -40px; float: left; transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } .share-btn ul li a.site-button {border-radius: 3px; width: 40px; line-height: 44px; height: 44px; display: block; color: #000; background: #e6e6e6; } .share-btn ul li a.site-button:hover {background: #d6d6d6; } .share-btn ul:hover li.share-button a.site-button {background: #a0a0a0; } .share-btn ul:hover li {margin-left: 4px; } @media only screen and (max-width: 767px) {.blog-md.blog-post .dlab-pfost-media, .blog-md.blog-post .dlab-post-info {float: none; margin: 0 0 20px; width: 100%; display: block; padding-left: 0; } .blog-md.blog-post .dlab-post-info {margin-top: 15px; } .blog-md .dlab-post-media {width: 100%; } } .nav-links:after {clear: both; content: ""; display: table; } .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .pagination .page-numbers {background-color: #fff; border: 1px solid #e0e0e0; color: #767676; padding: 9px 15px; font-weight: 600; font-size: 12px; display: block; float: left; margin-left: -1px; } .pagination .page-numbers.current, .pagination a.page-numbers:hover {background: #3396d1; color: #fff; } .pagination i {font-size: 12px; } .pagination li.active a {background-color: var(--color-primary); color: #fff; } .nav-links .nav-next a, .nav-links .nav-previous a {display: inline-block; color: #3396d1; font-weight: 600; margin-bottom: 20px; outline: 0 !important; } .nav-links .nav-next a:hover, .nav-links .nav-previous a:hover {color: #09c; } .nav-links .nav-next a:after, .nav-links .nav-previous a:after {content: "\f105"; font-family: FontAwesome; vertical-align: middle; margin-left: 2px; color: #333; } .post-navigation {background-color: #fff; padding: 30px; border-bottom: 2px solid #e3e3e3; } .post-navigation .screen-reader-text {margin-top: 0; } .post-navigation .nav-next, .post-navigation .nav-previous {display: inline-block; width: 50%; } .post-navigation .nav-next {text-align: right; } .post-navigation .nav-next a:after, .post-navigation .nav-previous a:after {display: none; } .post-navigation .nav-next .post-title, .post-navigation .nav-previous .post-title {display: block; font-size: 15px; color: #777; margin-top: 10px; } .dlab-link-pages {padding: 20px 0 30px; } .dlab-link-pages a {color: #fff; padding: 2px 6px; font-size: 12px; font-weight: 600; background-color: #ccc; margin: 0 2px; } .sticky-post {position: absolute; right: 0; top: 0; background: #77c04b; color: #fff; padding: 10px 15px; text-transform: uppercase; font-weight: 600; } .post-password-form {position: relative; clear: both; } .post-password-form input[type="password"] {width: 100%; border: 1px solid #ebedf2; padding: 10px 100px 10px 15px; height: 40px; } .post-password-form label {display: block; } .post-password-form input[type="submit"] {position: absolute; bottom: 0; right: 0; padding: 10px 20px; background-color: #333; color: #fff; border: none; height: 40px; text-transform: uppercase; font-weight: 600; } .blog [class*="galleryid-"] {clear: both; margin: 0 auto; overflow: hidden; } .gallery .gallery-item {float: left; list-style: none; margin: 0 0 0; overflow: hidden; padding: 0 0 5px 15px; text-align: center; } .gallery .gallery-caption {padding-top: 10px; font-size: 13px; } .gallery .gallery-item img {float: left; padding: 0 0; width: 100%; border: none !important; } .gallery-columns-2 .gallery-item {max-width: 50%; } .gallery-columns-3 .gallery-item {max-width: 33.33%; } .gallery-columns-4 .gallery-item {max-width: 25%; } .gallery-columns-5 .gallery-item {max-width: 20%; } .gallery-columns-6 .gallery-item {max-width: 16.66%; } .gallery-columns-7 .gallery-item {max-width: 14.28%; } .gallery-columns-8 .gallery-item {max-width: 12.5%; } .gallery-columns-9 .gallery-item {max-width: 11.11%; } .gallery-icon img {margin: 0 auto; } .gallery-caption {color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {display: none; } .side-bar .widget {margin-bottom: 30px; } @media only screen and (max-width: 991px) {.side-bar {margin-bottom: 40px; } } .blog-single .dlab-post-meta {margin-bottom: 20px; } .blog-single .dlab-post-text {margin-top: 20px; } .blog-single .dlab-post-tags {margin-top: 20px; } .blog-single .dlab-post-media {border-radius: 4px; } .comments-area {padding: 0; } .comments-area .comments-title {text-transform: uppercase; font-size: 20px; } ol.comment-list {list-style: none; margin-bottom: 0; padding-left: 0; } ol.comment-list li.comment {position: relative; padding: 0; } ol.comment-list li.comment .comment-body {position: relative; padding: 20px; margin-bottom: 40px; margin-left: 80px; position: relative; border: 1px solid #e9e9e9; } ol.comment-list li.comment .comment-body:after, ol.comment-list li.comment .comment-body:before {content: ""; position: absolute; top: 20px; width: 0; height: 0; border-width: 10px 12px 10px 0; border-style: solid; } ol.comment-list li.comment .comment-body:before {border-color: transparent #fff transparent #fff; z-index: 1; left: -12px; top: 22px; } ol.comment-list li.comment .comment-body:after {border-color: transparent #e9e9e9 transparent #e9e9e9; border-width: 12px 14px 12px 0; left: -14px; } ol.comment-list li.comment .comment-author {display: block; margin-bottom: 10px; } ol.comment-list li.comment .comment-author .avatar {position: absolute; top: 0; left: -80px; width: 56px; height: 56px; border-radius: 100%; -webkit-border-radius: 100%; border: 2px solid #fff; } ol.comment-list li.comment .comment-author .fn {display: inline-block; color: #555; font-size: 14px; text-transform: uppercase; font-weight: 700; font-style: normal; } ol.comment-list li.comment .comment-author .says {display: none; color: #999; font-weight: 600; } ol.comment-list li.comment .comment-meta {color: #8d8d8d; text-transform: uppercase; margin-bottom: 15px; } ol.comment-list li.comment .comment-meta a {color: #8d8d8d; } ol.comment-list li.comment .comment-meta a {color: #8d8d8d; } ol.comment-list li.comment .comment-meta:before, ol.comment-list li.comment .reply a:before {font-family: FontAwesome; font-size: 11px; vertical-align: top; } ol.comment-list li.comment .comment-meta:before {content: "\f133"; } ol.comment-list li.comment .reply a:before {content: "\f064"; font-weight: 400; color: #555; margin-right: 5px; vertical-align: middle; } ol.comment-list li.comment p {line-height: 18px; margin: 0 0 5px; } ol.comment-list li.comment .reply a {position: absolute; top: 50px; right: 30px; margin-top: -5px; color: #efbb20; font-weight: 700; } ol.comment-list li .children {list-style: none; margin-left: 80px; } ol.comment-list li .children li {padding: 0; } @media only screen and (max-width: 767px) {.comments-area .padding-30 {padding: 15px; } ol.comment-list li.comment .comment-body {margin-bottom: 30px; margin-left: 70px; } ol.comment-list li.comment .comment-author .avatar {left: -75px; height: 60px; width: 60px; } ol.comment-list li .children {margin-left: 20px; } ol.comment-list li.comment .reply a {position: static; } } @media only screen and (max-width: 480px) {ol.comment-list li.comment .comment-body {margin-left: 52px; } ol.comment-list li.comment .comment-author .avatar {left: -55px; top: 12px; width: 40px; height: 40px; } } .comment-respond {padding: 30px 30px; border: 1px solid #e9e9e9; } .comment-respond .comment-reply-title {text-transform: uppercase; font-size: 20px; } .comment-respond .comment-reply-title {font-size: 16px; font-weight: 600; } .comments-area .comment-form {margin: 0 -15px; } .comments-area .comment-form .comment-notes {display: none; } .comments-area .comment-form p {width: 33.333%; float: left; padding: 0 15px; margin-bottom: 30px; position: relative; } .comments-area .comment-form p.form-allowed-tags {width: 100%; } ol.comment-list li.comment .comment-respond .comment-form p {padding: 0 15px !important; } .comments-area .comment-form p label {display: none; line-height: 18px; margin-bottom: 10px; } .comments-area p:before {font-family: themify; display: inline-block; position: absolute; left: 15px; top: 0; font-size: 16px; color: #ccc; width: 40px; height: 40px; line-height: 40px; border: 1px solid #e1e6eb; text-align: center; border-radius: 4px 0 0 4px; } .comments-area p.comment-form-author:before {content: "\e602"; } .comments-area p.comment-form-email:before {content: "\e75a"; } .comments-area p.comment-form-url:before {content: "\e665"; } .comments-area p.comment-form-comment:before {content: "\e645"; } .comments-area .comment-form p input[type="text"], .comments-area .comment-form p textarea {width: 100%; height: 40px; line-height: 6px 12px; padding: 5px 10px 5px 50px; border: 1px solid #e1e6eb; border-radius: 4px; -webkit-border-radius: 4px; text-transform: capitalize; vertical-align: middle; } .comments-area .comment-form p.comment-form-comment {width: 100%; display: block; clear: both; } .comments-area .comment-form p textarea {height: 120px; } .comments-area .comment-form p.form-submit {clear: both; float: none; width: 100%; margin: 0; } .comments-area .comment-form p input[type="submit"] {background-color: #efbb20; border: none; border-radius: 3px; border-style: solid; border-width: 1px; color: #fff; display: inline-block; font-weight: 600; padding: 10px 20px; text-transform: uppercase; } .comments-area .comment-form p input[type="submit"]:active, .comments-area .comment-form p input[type="submit"]:focus, .comments-area .comment-form p input[type="submit"]:hover {background-color: #6ab33e; border-color: #6ab33e; color: #fff; } @media only screen and (max-width: 767px) {.comments-area .comment-form p {width: 100%; float: none; margin-bottom: 20px; } .comment-respond {padding: 20px; } } .list-2 {display: table; } .list-2 li {float: left; padding: 5px 5px 5px 20px; width: 50%; position: relative; } .list-2 li:before {content: "\e60a"; font-family: themify; font-size: 11px; left: 0; position: absolute; } .list-2 li:hover:before {color: var(--color-primary); } .widget {margin-bottom: 40px; } .widget.bg-white {border: 1px solid #ebedf2; } .widget.border-0 ul li {border: 0 none; } .widget-title {margin: 0 0 25px; } .widget-title {padding-bottom: 15px; position: relative; margin-bottom: 30px; vertical-align: middle; } .widget-title:after {content: ""; position: absolute; bottom: -12px; left: 0; height: 3px; margin: 0 0 0; width: 50px; margin: 10px 0; } .widget .post-title, .widget .widget-title {text-transform: uppercase; } .widget-title.style-1 {border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 20px; padding-bottom: 15px; font-weight: 600; line-height: 12px; } .widget-title.style-1:after {border-radius: 0; bottom: -2px; content: ""; display: inline-block; height: 3px; left: 0; margin: 0; position: absolute; vertical-align: bottom; width: 50px; } .category-entry ul, .recent-posts-entry ul {margin: 0; list-style: none; padding: 0; } .widget-link ul {margin: 0; padding: 0; } .widget-link ul li {list-style: none; display: inline-block; padding-left: 3px; padding-right: 10px; position: relative; } .widget-link ul li:last-child {padding-right: 3px; } .widget-link ul li:last-child:after {content: none; } .widget-link li:after {content: "/"; position: absolute; right: 0; } .widget_archive ul, .widget_categories ul, .widget_getintuch ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul, .widget_services ul {list-style: none; padding-left: 0; margin-bottom: 0; } .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_services ul li {padding-bottom: 18px; margin-bottom: 13px; border-bottom: 1px solid rgba(102, 102, 102, 0.11); position: relative; padding: 10px 10px 10px 15px; margin-bottom: 0; line-height: 20px; } .widget_archive ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_nav_menu li a, .widget_pages ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a, .widget_services ul li a {color: #767676; text-transform: capitalize; } .widget_archive ul li:before, .widget_categories ul li:before, .widget_meta ul li:before, .widget_nav_menu ul li:before, .widget_pages ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before, .widget_services ul li:before {content: "\f105"; position: absolute; left: 0; top: 10px; display: block; font-family: FontAwesome; } .widget_archive ul li li, .widget_categories ul li li, .widget_meta ul li li, .widget_nav_menu li li, .widget_pages ul li li, .widget_recent_comments ul li li, .widget_services li li {border-bottom: none; padding-left: 10px; padding-right: 5px; padding-top: 0; padding-bottom: 0; line-height: 28px; } .widget_archive ul li li:before, .widget_categories ul li li:before, .widget_meta ul li li:before, .widget_nav_menu li li:before, .widget_pages ul li li:before, .widget_recent_comments ul li li:before, .widget_services li li:before {top: 0; left: -8px; } .search-bx .site-button {padding: 9px 12px; border: 1px solid transparent; border-bottom-left-radius: 0; border-top-left-radius: 0; } .widget_search .screen-reader-text {display: block; } .searchform {position: relative; } .searchform input[type="text"] {width: 100%; height: 40px; padding: 10px 90px 10px 15px; border: 1px solid #ccc; } .searchform input[type="submit"] {height: 40px; padding: 5px 15px; background-color: var(--color-primary); position: absolute; right: 0; bottom: 0; color: #fff; border-left: none; border-right: none; border-top: none; border-bottom: none; } .searchform input[type="submit"]:active, .searchform input[type="submit"]:focus, .searchform input[type="submit"]:hover {background-color: #6ab33e; color: #fff !important; border-bottom-color: #5a9e2f; } .search-bx.style-1 .input-group {border: 1px solid #efefef; } .search-bx.style-1 .input-group-btn button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0; color: #000; font-size: 15px; height: 45px; width: 40px; border-width: 0; } .search-bx.style-1 .form-control {border: 1px solid #efefef; border-width: 0; font-size: 15px; height: 45px; padding: 5px 20px; } .search-bx.style-1 .input-group:focus, .search-bx.style-1 .input-group:hover {border: 1px solid #000; } .recent-posts-entry .post-date, .tweets-feed-entry .tweet-date {color: var(-color-primary); font-style: normal; } .widget .post-title {line-height: 20px; margin-bottom: 8px; margin-top: 0; text-transform: capitalize; font-size: 15px; color: #404040; font-weight: 500; } .recent-posts-entry .widget-post {margin-bottom: 10px; } .recent-posts-entry .widget-post-bx:last-child {border-bottom: none; } .recent-posts-entry .dlab-post-media {padding-right: 15px; width: 110px; } .recent-posts-entry .dlab-post-media img {border-radius: 3px; } .recent-posts-entry .dlab-post-info {background: 0 0; padding: 0; margin-left: 110px; border: none; } .recent-posts-entry .post-meta span {margin-right: 10px; } .recent-posts-entry .dlab-post-meta {margin-bottom: 0; } .recent-posts-entry .dlab-post-info, .recent-posts-entry .dlab-post-media {display: table-cell; vertical-align: middle; } .recent-posts-entry .dlab-post-info, .recent-posts-entry .widget-post {overflow: hidden; } .widget_recent_comments ul li:before {content: "\f0e6"; } .widget_recent_comments ul li {padding-left: 20px; color: #999; } .widget_meta ul li a abbr[title] {color: #333; border-bottom: none; } .widget_calendar caption::after {color: #707070; content: ">"; font-family: FontAwesome; margin: 0 0 0 5px; } .widget_calendar table {border-collapse: separate; border-spacing: 2px; width: 100%; } .widget_calendar thead {background-color: #999; } .widget_calendar tfoot tr td {border: none; padding: 0; } .widget_calendar tfoot tr td a {background-color: #fff; padding: 4px 10px; } .widget_calendar table thead tr th {font-size: 11px; padding: 5px; text-align: center; border: none; color: #fff; } .widget_calendar table tbody td {font-size: 13px; padding: 6px 5px; text-align: center; background-color: #fff; border: none; color: #444; } .widget_calendar table tbody td#today {background-color: var(--color-primary); color: #fff; } .widget_calendar table tbody td#today a {color: #fff; } .widget_tag_cloud a {padding: 8px 10px; background-color: #fff; border: 1px solid #ebedf2; font-size: 12px; display: inline-block; margin: 0 0 5px; color: #555; font-weight: 600; } .side-bar .widget_tag_cloud a:hover {background-color: var(--color-primary); color: #fff; box-shadow: 5px 5px 30px -10px var(--color-primary); -webkit-box-shadow: 5px 5px 30px -10px var(--color-primary); -moz-box-shadow: 5px 5px 30px -10px var(--color-primary); -o-box-shadow: 5px 5px 30px -10px var(--color-primary); -ms-box-shadow: 5px 5px 30px -10px var(--color-primary); } .widget_tag_cloud.radius a {border-radius: 40px; padding: 7px 10px; } .widget_archive select {width: 100%; padding: 5px; border: 1px solid #ccc; } .widget_text select {width: 100%; padding: 5px; border: 1px solid #ccc; } .widget_text select option {width: 100%; } .widget_categories li {text-align: right; } .widget_categories li a {float: left; text-transform: capitalize; } .widget_rss ul {margin: 0; line-height: 20px; } .widget_rss ul li {line-height: 20px; margin-bottom: 15px; } .widget_rss ul .rsswidget {color: #333; } .widget_rss ul .rss-date {color: #3396d1; } .widget_rss ul .rssSummary {padding: 5px 0; } .widget_rss ul cite {color: #333; font-weight: 600; } .widget_getintuch {padding-top: 10px; } .widget_getintuch li {margin-bottom: 20px; position: relative; padding-left: 40px; } .widget_getintuch b, .widget_getintuch strong {display: block; text-transform: uppercase; } .widget_getintuch i {position: absolute; left: 0; top: 5px; text-align: center; font-size: 22px; width: 30px; height: 30px; line-height: 30px; } .widget_gallery ul {padding-left: 0; display: table; } .widget_gallery.gallery-grid-4 li {width: 25%; } .gallery-grid-8 li {width: 12.5%; } @media only screen and (max-width: 767px) {.gallery-grid-8 li {width: 25%; } } .widget_gallery li {display: inline-block; width: 33.33%; float: left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; padding: 2px; } .widget_gallery li img {display: inline-block; width: 100%; } .widget_gallery li:nth-child(3n-3) {margin-right: 0; } .widget_gallery li:hover {opacity: 0.7; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .widget_gallery a {display: inline-block; } .widget-newslatter .news-box {background-color: #f5f6f7; padding: 20px; position: relative; z-index: 1; overflow: hidden; } .widget-newslatter p {font-style: italic; font-size: 15px; } .widget-newslatter .form-control {background: #fff none repeat scroll 0 0; border: 2px solid #d0d0d0; height: 45px; margin-bottom: 15px; padding: 5px 20px; } .widget-newslatter .site-button {padding: 12px 15px; font-weight: 700; } .news-box form:after {color: #000; content: "Newslatter"; font-size: 50px; font-weight: 700; opacity: 0.05; position: absolute; top: -40px; z-index: -1; } .news-box:before {font-family: themify; content: "\e75a"; font-size: 50px; font-weight: 700; opacity: 0.05; position: absolute; right: 0; top: 0; z-index: -1; opacity: 0.05; } .news-box form {position: relative; } .widget-about .dlab-title {margin: 15px 0 5px 0; color: #000; } .widget-about p {color: #333; font-size: 13px; line-height: 20px; } .widget-about .button-sm {font-weight: 700; padding: 5px 20px; } .widget-testimonial .testimonial-pic {height: 70px; width: 70px; border: 3px solid #fff; margin-bottom: 10px; } .widget-testimonial .testimonial-name {font-weight: 600; font-size: 13px; text-transform: uppercase; color: #000; } .widget-testimonial .testimonial-position {text-transform: uppercase; color: #888q; font-size: 12px; font-style: inherit; } .widget-testimonial .testimonial-position p {line-height: 26px; } .widget-testimonial .testimonial-text {color: #505050; font-size: 15px; font-weight: 300; margin-bottom: 10px; padding: 0; } .alert, .btn, .btn-group-divides > .btn:last-child:not(:first-child), .btn-group-divides > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .dropdown-toggle:not(:first-child), .dlab-booking-form .dlab-extra-services li .icon-bx-lg, .dlab-booking-form .dlab-extra-services li.active .icon-bx-lg:after, .dropdown-menu, .form-control, .img-thumbnail, .input-group-addon, .list-group-item:first-child, .list-group-item:last-child, .modal-content, .nav-pills > li > a, .nav-tabs > li > a, .navbar-toggler, .pager li > a, .pager li > span, .panel, .panel-group .panel, .panel-head ing, .searchform input[type="submit"], .searchform input[type="text"], .well, .widget_tag_cloud a, ol.comment-list li.comment .comment-body {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn, .dlab-box, .dlab-info-has, .dlab-we-find .dlab-box, .extra-nav, .form-control, .header-nav .nav > li > a, .how-dlab-work .dlab-box .shadow-bx img, .how-dlab-work .dlab-box .step-no-bx, .icon-bx-lg, .icon-bx-md, .icon-bx-sm, .icon-bx-xl, .icon-bx-xs, .indicator, .logo-header, .navbar-toggler, .overlay-bx, .overlay-icon li a i, .profile-menu ul li, .share-social-bx li, .skew-primary:hover, .skew-primary:hover::after, .skew-secondry:hover, .skew-secondry:hover::after, .staff-member .member-done, a {-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear; } .animate-slow {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .animate-mid {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .animate-fast {-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .clearfix:after, .clearfix:before {content: ""; display: table; } .clearfix:after {clear: both; } .has-error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle:focus, .has-error .bootstrap-select .dropdown-toggle:hover {border-color: #a94442 !important; } .has-success .bootstrap-select .dropdown-toggle, .has-success .bootstrap-select .dropdown-toggle:focus, .has-success .bootstrap-select .dropdown-toggle:hover {border-color: #3c763d !important; } .sort-title {margin-bottom: 40px; } .sort-title h4:after {left: -160px; } .sort-title.text-white h4:after, .sort-title.text-white h4:before {background: #fff; } .sort-title h4:after, .sort-title h4:before {background: #000 none repeat scroll 0 0; content: ""; height: 1px; position: absolute; right: -160px; top: 50%; width: 150px; opacity: 0.15; } .sort-title h4 {display: inline-block; margin: 0; position: relative; } @media only screen and (max-width: 767px) {.sort-title h4:after, .sort-title h4:before {content: none; } } .owl-next, .owl-prev {background-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 5px 8px; margin-left: 5px; margin-right: 5px; font-size: 13px; display: inline-block; cursor: pointer; border-width: 0; border-style: solid; } .owl-next:active, .owl-next:focus, .owl-next:hover, .owl-prev:active, .owl-prev:focus, .owl-prev:hover {background-color: rgba(0, 0, 0, 0.7); border-color: #3e2e23; color: #fff; } .button-example .btn, .button-example .site-button, .button-example .site-button-link {margin: 0 5px 10px 0; } .btn {-moz-user-select: none; border: 1px solid transparent; border-radius: 4px; display: inline-block; font-size: 16px; font-weight: 400; line-height: 1.25; padding: 8px 16px; text-align: center; transition: all 0.2s ease-in-out 0s; vertical-align: middle; white-space: nowrap; } .btn-success {background-color: #5cb85c; border-color: #5cb85c; color: #fff; } .btn-primary {background-color: #0275d8; border-color: #0275d8; color: #fff; } .btn-primary:active, .btn-primary:focus, .btn-primary:hover {background-color: #025aa5; border-color: #01549b; } .btn-info {background-color: #5bc0de; border-color: #5bc0de; color: #fff; } .btn-danger {background-color: #d9534f; border-color: #d9534f; color: #fff; } .btn-secondary {background-color: #fff; border-color: #ccc; color: #292b2c; } .btn-outline-danger {background-color: rgba(0, 0, 0, 0); background-image: none; border-color: #d9534f; color: #d9534f; } .btn-outline-primary {background-color: rgba(0, 0, 0, 0); background-image: none; border-color: #0275d8; color: #0275d8; } .btn-outline-secondary {background-color: rgba(0, 0, 0, 0); background-image: none; border-color: #ccc; color: #ccc; } .btn-outline-success {background-color: rgba(0, 0, 0, 0); background-image: none; border-color: #5cb85c; color: #5cb85c; } .btn-outline-info {background-color: rgba(0, 0, 0, 0); background-image: none; border-color: #5bc0de; color: #5bc0de; } .btn-outline-warning {background-color: rgba(0, 0, 0, 0); background-image: none; border-color: #f0ad4e; color: #f0ad4e; } .btn-outline-primary:hover {background-color: #0274d9; border-color: #0274d9; color: #fff; } .btn-outline-secondary:hover {background-color: #ccc; border-color: #ccc; color: #fff; } .btn-outline-success:hover {background-color: #5bb75b; border-color: #5bb75b; color: #fff; } .btn-outline-info:hover {background-color: #59bedd; border-color: #59bedd; color: #fff; } .btn-outline-warning:hover {background-color: #efab4c; border-color: #efab4c; color: #fff; } .btn-outline-danger:hover {background-color: #d8534f; border-color: #d8534f; color: #fff; } .btn-group-lg > .btn, .btn-lg {border-radius: 4px; font-size: 20px; padding: 12px 24px; } .btn-group-sm > .btn, .btn-sm {border-radius: 3px; font-size: 12px; padding: 4px 8px; } .site-button, .site-button-secondry {color: #fff; padding: 12px 30px; display: inline-block; font-size: 13px; outline: 0; cursor: pointer; outline: 0; border-width: 0; border-style: solid; border-color: transparent; line-height: 1.42857; border-radius: 3px; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; } .site-button {background-color: #efbb20; } .active > .site-button, .site-button:active, .site-button:focus, .site-button:hover {background-color: #d8a409; color: #fff; } .site-button-secondry {background-color: #282a3c; } .active > .site-button-secondry, .site-button-secondry:active, .site-button-secondry:focus, .site-button-secondry:hover {background-color: #3c3e4e; color: #fff; } .site-button.text-uppercase {text-transform: uppercase; } .button-sm {padding: 5px 10px; font-size: 12px; } .button-md {padding: 15px 30px; font-size: 16px; font-weight: 500; } .button-lg {font-size: 18px; font-weight: 600; padding: 18px 35px; } .button-xl {font-size: 22px; padding: 25px 35px; } .radius-no {border-radius: 0; -webkit-border-radius: 0; } .radius-sm {border-radius: 4px; -webkit-border-radius: 4px; } .radius-xl {border-radius: 100px; -webkit-border-radius: 100px; } .radius-md {border-radius: 8px; -webkit-border-radius: 8px; } .red {--color-hover: #f22d4e; } .gray {--color-hover: #555555; } .blue {--color-hover: #00b5cc; } .pink {--color-hover: #ef2c75; } .orange {--color-hover: #df8800; } .yellow {--color-hover: #efa812; } .brown {--color-hover: #383a4c; } .green {--color-hover: #24af93; } .purple {--color-hover: #7852a9; } .white {--color-hover: #f4f4f4; } .black {--color-hover: #000; } .site-button.white {background-color: #fff; color: #777; } .site-button.white:active, .site-button.white:focus, .site-button.white:hover {background-color: #f4f4f4; color: #555; } .site-button.black {background-color: #171717; color: #fff; } .site-button.black:active, .site-button.black:focus, .site-button.black:hover {background-color: #000; color: #fff; } .site-button.gray {background-color: #666; color: #fff; } .site-button.gray.active, .site-button.gray:active, .site-button.gray:focus, .site-button.gray:hover {background-color: #555; color: #fff; } .site-button.pink {background-color: #ff3c85; color: #fff; } .site-button.pink.active, .site-button.pink:active, .site-button.pink:focus, .site-button.pink:hover {background-color: #ef2c75; color: #fff; } .site-button.blue {background-color: #00c5dc; color: #fff; } .site-button.blue.active, .site-button.blue:active, .site-button.blue:focus, .site-button.blue:hover {background-color: #00b5cc; color: #fff; } .site-button.green {background-color: #34bfa3; color: #fff; } .site-button.green.active, .site-button.green:active, .site-button.green:focus, .site-button.green:hover {background-color: #24af93; color: #fff; } .site-button.orange {background-color: #ef9800; color: #fff; } .site-button.orange.active, .site-button.orange:active, .site-button.orange:focus, .site-button.orange:hover {background-color: #df8800; color: #fff; } .site-button.red {background-color: #f0526d; color: #fff; } .site-button.red.active, .site-button.red:active, .site-button.red:focus, .site-button.red:hover {background-color: #f22d4e; color: #fff; } .site-button.brown {background-color: #484a5c; color: #fff; } .site-button.brown.active, .site-button.brown:active, .site-button.brown:focus, .site-button.brown:hover {background-color: #383a4c; color: #fff; } .site-button.yellow {background-color: #ffb822; color: #fff; } .site-button.yellow.active, .site-button.yellow:active, .site-button.yellow:focus, .site-button.yellow:hover {background-color: #efa812; color: #fff; } .site-button.purple {background-color: #8862b9; color: #fff; } .site-button.purple.active, .site-button.purple:active, .site-button.purple:focus, .site-button.purple:hover {background-color: #7852a9; color: #fff; } .site-button.white {background-color: #fff; color: #777; } .site-button.white:active, .site-button.white:focus, .site-button.white:hover {background-color: #f4f4f4; color: #555; } .site-button.black.gradient {background: #000; background: -moz-linear-gradient(45deg, #000 0, #727272 100%); background: -webkit-linear-gradient(45deg, #000 0, #727272 100%); background: linear-gradient(45deg, #000 0, #727272 100%); color: #fff; } .site-button.black.gradient:active, .site-button.black.gradient:focus, .site-button.black.gradient:hover {background: #1e1e1e; background: -moz-linear-gradient(45deg, #1e1e1e 0, #727272 100%); background: -webkit-linear-gradient(45deg, #1e1e1e 0, #727272 100%); background: linear-gradient(45deg, #1e1e1e 0, #727272 100%); color: #fff; } .site-button.gradient.gray {background: #666; background: -moz-linear-gradient(45deg, #666 0, #999 100%); background: -webkit-linear-gradient(45deg, #666 0, #999 100%); background: linear-gradient(45deg, #666 0, #999 100%); color: #fff; } .site-button.gradient.gray:active, .site-button.gradient.gray:focus, .site-button.gradient.gray:hover {background: #4f4f4f; background: -moz-linear-gradient(45deg, #4f4f4f 0, #999 100%); background: -webkit-linear-gradient(45deg, #4f4f4f 0, #999 100%); background: linear-gradient(45deg, #4f4f4f 0, #999 100%); color: #fff; } .site-button.gradient.pink {background: #ff3c85; background: -moz-linear-gradient(45deg, #ff3c85 0, #ff93bb 100%); background: -webkit-linear-gradient(45deg, #ff3c85 0, #ff93bb 100%); background: linear-gradient(45deg, #ff3c85 0, #ff93bb 100%); color: #fff; } .site-button.gradient.pink:active, .site-button.gradient.pink:focus, .site-button.gradient.pink:hover {background: #ff3d81; background: -moz-linear-gradient(45deg, #ff3d81 0, #ff7fae 100%); background: -webkit-linear-gradient(45deg, #ff3d81 0, #ff7fae 100%); background: linear-gradient(45deg, #ff3d81 0, #ff7fae 100%); color: #fff; } .site-button.gradient.blue {background: #00c5db; background: -moz-linear-gradient(45deg, #00c5db 0, #6dff9e 99%); background: -webkit-linear-gradient(45deg, #00c5db 0, #6dff9e 99%); background: linear-gradient(45deg, #00c5db 0, #6dff9e 99%); color: #fff; } .site-button.gradient.blue:active, .site-button.gradient.blue:focus, .site-button.gradient.blue:hover {background: #00a9bc; background: -moz-linear-gradient(45deg, #00a9bc 0, #54ea86 99%); background: -webkit-linear-gradient(45deg, #00a9bc 0, #54ea86 99%); background: linear-gradient(45deg, #00a9bc 0, #54ea86 99%); color: #fff; } .site-button.gradient.green {background: #84ba3f; background: -moz-linear-gradient(45deg, #84ba3f 0, #b7ff59 99%); background: -webkit-linear-gradient(45deg, #84ba3f 0, #b7ff59 99%); background: linear-gradient(45deg, #84ba3f 0, #b7ff59 99%); color: #fff; } .site-button.gradient.green:active, .site-button.gradient.green:focus, .site-button.gradient.green:hover {background: #6dad1a; background: -moz-linear-gradient(45deg, #6dad1a 0, #90ff00 99%); background: -webkit-linear-gradient(45deg, #6dad1a 0, #90ff00 99%); background: linear-gradient(45deg, #6dad1a 0, #90ff00 99%); color: #fff; } .site-button.gradient.orange {background: #ef940b; background: -moz-linear-gradient(45deg, #ef940b 0, #ffd754 100%); background: -webkit-linear-gradient(45deg, #ef940b 0, #ffd754 100%); background: linear-gradient(45deg, #ef940b 0, #ffd754 100%); color: #fff; } .site-button.gradient.orange:active, .site-button.gradient.orange:focus, .site-button.gradient.orange:hover {background: #d68000; background: -moz-linear-gradient(45deg, #d68000 0, #ffbf00 100%); background: -webkit-linear-gradient(45deg, #d68000 0, #ffbf00 100%); background: linear-gradient(45deg, #d68000 0, #ffbf00 100%); color: #fff; } .site-button.gradient.red {background: #ff1437; background: -moz-linear-gradient(45deg, #ff1437 0, #ff5982 100%); background: -webkit-linear-gradient(45deg, #ff1437 0, #ff5982 100%); background: linear-gradient(45deg, #ff1437 0, #ff5982 100%); color: #fff; } .site-button.gradient.red:active, .site-button.gradient.red:focus, .site-button.gradient.red:hover {background: #f02; background: -moz-linear-gradient(45deg, #f02 0, #ff3866 100%); background: -webkit-linear-gradient(45deg, #f02 0, #ff3866 100%); background: linear-gradient(45deg, #f02 0, #ff3866 100%); color: #fff; } .site-button.gd, .site-button.gd:active, .site-button.gd:focus, .site-button.gd:hover {background: #1ebbf0; background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%); background: -webkit-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%); background: linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%); } .site-button.gradient.brown {background: #303451; background: -moz-linear-gradient(45deg, #303451 0, #7e8196 100%); background: -webkit-linear-gradient(45deg, #303451 0, #7e8196 100%); background: linear-gradient(45deg, #303451 0, #7e8196 100%); color: #fff; } .site-button.gradient.brown:active, .site-button.gradient.brown:focus, .site-button.gradient.brown:hover {background: #1d213f; background: -moz-linear-gradient(45deg, #1d213f 0, #777c9b 100%); background: -webkit-linear-gradient(45deg, #1d213f 0, #777c9b 100%); background: linear-gradient(45deg, #1d213f 0, #777c9b 100%); color: #fff; } .site-button.gradient.yellow {background: #ffb52d; background: -moz-linear-gradient(45deg, #ffb52d 34%, #ffd684 100%); background: -webkit-linear-gradient(45deg, #ffb52d 34%, #ffd684 100%); background: linear-gradient(45deg, #ffb52d 34%, #ffd684 100%); color: #fff; } .site-button.gradient.yellow:active, .site-button.gradient.yellow:focus, .site-button.gradient.yellow:hover {background: #e2a336; background: -moz-linear-gradient(45deg, #e2a336 34%, #ffc656 100%); background: -webkit-linear-gradient(45deg, #e2a336 34%, #ffc656 100%); background: linear-gradient(45deg, #e2a336 34%, #ffc656 100%); color: #fff; } .site-button.gradient.purple {background: #62369b; background: -moz-linear-gradient(45deg, #62369b 0, #b37cff 87%); background: -webkit-linear-gradient(45deg, #62369b 0, #b37cff 87%); background: linear-gradient(45deg, #62369b 0, #b37cff 87%); color: #fff; } .site-button.gradient.purple:active, .site-button.gradient.purple:focus, .site-button.gradient.purple:hover {background: #814ec4; background: -moz-linear-gradient(45deg, #814ec4 0, #9e4aba 87%); background: -webkit-linear-gradient(45deg, #814ec4 0, #9e4aba 87%); background: linear-gradient(45deg, #814ec4 0, #9e4aba 87%); color: #fff; } .button-skew {position: relative; text-align: center; margin-right: 21px; -moz-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -o-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); } .button-skew span {display: inline-block; -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); } .button-skew i {background-color: inherit; position: absolute; height: 100%; margin-right: -32px; right: 0; top: 0; padding: 12px 12px; line-height: normal; } .button-skew i:before {display: inline-block; -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); } .button-skew.button-sm i {padding: 7px 10px; margin-right: -27px; } .button-skew.button-lg i {padding: 25px 15px; margin-right: -40px; } .button-skew.button-xl i {padding: 35px 22px; margin-right: -55px; } .site-button.graphical {color: #fff; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5); border: 1px solid rgba(0, 0, 0, 0.15); } .site-button.graphical:active {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset; } .site-button.button-3d {color: #fff; border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 4px solid rgba(0, 0, 0, 0.2); border-left: none; border-right: none; border-top: none; } .text-white .site-button.outline {color: #fff; } .site-button.outline {color: #888; background: 0 0; border-width: 1px; border-style: solid; border-color: inherit; } .site-button.outline-2 {border-width: 2px; } .site-button.outline-2.radius-xl, .site-button.outline.radius-xl {border-radius: 100px; } .site-button.outline.white {color: #e7e7e7; border-color: #e7e7e7; } .site-button.outline.white:hover {color: #666; } .site-button.outline.black {color: #171717; border-color: #171717; } .site-button.outline.gray {color: #666; border-color: #666; } .site-button.outline.pink {color: #e63f75; border-color: #e63f75; } .site-button.outline.blue {color: #42b8d4; border-color: #42b8d4; } .site-button.outline.green {color: #35b494; border-color: #35b494; } .site-button.outline.orange {color: #e56713; border-color: #e56713; } .site-button.outline.red {color: #d93223; border-color: #d93223; } .site-button.outline.brown {color: #69441f; border-color: #69441f; } .site-button.outline.yellow {color: #efbb20; border-color: #efbb20; } .site-button.outline.purple {color: #ae1af7; border-color: #ae1af7; } .site-button.outline:hover {border-color: transparent; color: #fff; } .site-button-link {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; display: inline-block; font-weight: 400; padding: 3px 5px; } .site-button-link i {margin-left: 10px; } .site-button-link.white {color: #e7e7e7; } .site-button-link.white:active, .site-button-link.white:focus, .site-button-link.white:hover {color: #ccc; } .site-button-link.black {color: #171717; } .site-button-link.black:active, .site-button-link.black:focus, .site-button-link.black:hover {color: #000; } .site-button-link.gray {color: #666; } .site-button-link.gray:active, .site-button-link.gray:focus, .site-button-link.gray:hover {color: #555; } .site-button-link.pink {color: #e63f75; } .site-button-link.pink:active, .site-button-link.pink:focus, .site-button-link.pink:hover {color: #ef2c75; } .site-button-link.blue {color: #42b8d4; } .site-button-link.blue:active, .site-button-link.blue:focus, .site-button-link.blue:hover {color: #00b5cc; } .site-button-link.green {color: #35b494; } .site-button-link.green:active, .site-button-link.green:focus, .site-button-link.green:hover {color: #26a585; } .site-button-link.orange {color: #e56713; } .site-button-link.orange:active, .site-button-link.orange:focus, .site-button-link.orange:hover {color: #d55703; } .site-button-link.red {color: #d93223; } .site-button-link.red:active, .site-button-link.red:focus, .site-button-link.red:hover {color: #c51e0f; } .site-button-link.brown {color: #69441f; } .site-button-link.brown:active, .site-button-link.brown:focus, .site-button-link.brown:hover {color: #5f3a15; } .site-button-link.yellow {color: #ecc731; } .site-button-link.yellow:active, .site-button-link.yellow:focus, .site-button-link.yellow:hover {color: ##d4af19; } .site-button-link.purple {color: #ae1af7; } .site-button-link.purple:active, .site-button-link.purple:focus, .site-button-link.purple:hover {color: #9804e1; } .dropdown-menu > li > a {padding: 10px 20px; } .site-button.box-shadow.black {box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.19); } .site-button.box-shadow.gray {box-shadow: 0 5px 10px 2px rgba(85, 85, 85, 0.19); } .site-button.box-shadow.pink {box-shadow: 0 5px 10px 2px rgba(239, 44, 177, 0.19); } .site-button.box-shadow.blue {box-shadow: 0 5px 10px 2px rgba(0, 181, 104, 0.19); } .site-button.box-shadow.green {box-shadow: 0 5px 10px 2px rgba(36, 176, 147, 0.19); } .site-button.box-shadow.orange {box-shadow: 0 5px 10px 2px rgba(223, 136, 0, 0.19); } .site-button.box-shadow.red {box-shadow: 0 5px 10px 2px rgba(242, 45, 78, 0.19); } .site-button.box-shadow.brown {box-shadow: 0 5px 10px 2px rgba(56, 58, 76, 0.19); } .site-button.box-shadow.yellow {box-shadow: 0 5px 10px 2px rgba(239, 168, 18, 0.19); } .site-button.box-shadow.purple {box-shadow: 0 5px 10px 2px rgba(120, 82, 169, 0.19); } .site-button.circle-sm {width: 28px; height: 28px; padding: 0; border-radius: 40px; font-size: 12px; line-height: 28px; } .site-button.circle {width: 40px; height: 40px; padding: 0; border-radius: 40px; line-height: 39px; } .site-button.circle-lg {border-radius: 40px; font-size: 20px; height: 55px; padding: 0; width: 55px; line-height: 54px; } .site-button.sharp-sm {width: 28px; height: 28px; padding: 0; font-size: 12px; line-height: 28px; } .site-button.sharp {width: 40px; height: 40px; padding: 0; line-height: 39px; } .site-button.sharp-lg {font-size: 20px; height: 55px; padding: 0; width: 55px; line-height: 54px; } .site-button.outline.circle-sm, .site-button.outline.sharp-sm {line-height: 27px; } .site-button-link.facebook {color: #3b5998; } .site-button-link.google-plus {color: #de4e43; } .site-button-link.linkedin {color: #007bb6; } .site-button-link.instagram {color: #8a5a4e; } .site-button-link.twitter {color: #1ea1f3; } .site-button-link.youtube {color: #ce201f; } .site-button-link.whatsapp {color: #01c854; } .site-button-link.facebook.hover, .site-button-link.google-plus.hover, .site-button-link.instagram.hover, .site-button-link.linkedin.hover, .site-button-link.twitter.hover, .site-button-link.whatsapp.hover, .site-button-link.youtube.hover {color: inherit; } .site-button-link.facebook.hover:active, .site-button-link.facebook.hover:focus, .site-button-link.facebook.hover:hover {color: #3b5998; } .site-button-link.google-plus.hover:active, .site-button-link.google-plus.hover:focus, .site-button-link.google-plus.hover:hover {color: #de4e43; } .site-button-link.linkedin.hover:active, .site-button-link.linkedin.hover:focus, .site-button-link.linkedin.hover:hover {color: #007bb6; } .site-button-link.instagram.hover:active, .site-button-link.instagram.hover:focus, .site-button-link.instagram.hover:hover {color: #8a5a4e; } .site-button-link.twitter.hover:active, .site-button-link.twitter.hover:focus, .site-button-link.twitter.hover:hover {color: #1ea1f3; } .site-button-link.youtube.hover:active, .site-button-link.youtube.hover:focus, .site-button-link.youtube.hover:hover {color: #ce201f; } .site-button-link.whatsapp.hover:active, .site-button-link.whatsapp.hover:focus, .site-button-link.whatsapp.hover:hover {color: #01c854; } .site-button.facebook {background-color: #3b5998; } .site-button.facebook:active, .site-button.facebook:focus, .site-button.facebook:hover {background-color: #4b69a8; } .site-button.google-plus {background-color: #de4e43; } .site-button.google-plus:active, .site-button.google-plus:focus, .site-button.google-plus:hover {background-color: #fe6e63; } .site-button.linkedin {background-color: #007bb6; } .site-button.linkedin:active, .site-button.linkedin:focus, .site-button.linkedin:hover {background-color: #209bd6; } .site-button.instagram {background-color: #8a5a4e; } .site-button.instagram:active, .site-button.instagram:focus, .site-button.instagram:hover {background-color: #aa7a6e; } .site-button.twitter {background-color: #1ea1f3; } .site-button.twitter:active, .site-button.twitter:focus, .site-button.twitter:hover {background-color: #0e91e3; } .site-button.youtube {background-color: #ce201f; } .site-button.youtube:active, .site-button.youtube:focus, .site-button.youtube:hover {background-color: #ee403f; } .site-button.whatsapp {background-color: #01c854; } .site-button.whatsapp:active, .site-button.whatsapp:focus, .site-button.whatsapp:hover {background-color: #00a834; } .site-button.facebook.outline, .site-button.google-plus.outline, .site-button.instagram.outline, .site-button.linkedin.outline, .site-button.twitter.outline, .site-button.whatsapp.outline, .site-button.youtube.outline {background-color: rgba(0, 0, 0, 0); border: 1px solid; } .site-button.facebook.outline {color: #3b5998; } .site-button.google-plus.outline {color: #de4e43; } .site-button.linkedin.outline {color: #007bb6; } .site-button.instagram.outline {color: #8a5a4e; } .site-button.twitter.outline {color: #1ea1f3; } .site-button.youtube.outline {color: #ce201f; } .site-button.whatsapp.outline {color: #01c854; } .site-button.facebook.outline:active, .site-button.facebook.outline:focus, .site-button.facebook.outline:hover {background-color: #4b69a8; color: #fff; } .site-button.google-plus.outline:active, .site-button.google-plus.outline:focus, .site-button.google-plus.outline:hover {background-color: #fe6e63; color: #fff; } .site-button.linkedin.outline:active, .site-button.linkedin.outline:focus, .site-button.linkedin.outline:hover {background-color: #209bd6; color: #fff; } .site-button.instagram.outline:active, .site-button.instagram.outline:focus, .site-button.instagram.outline:hover {background-color: #aa7a6e; color: #fff; } .site-button.twitter.outline:active, .site-button.twitter.outline:focus, .site-button.twitter.outline:hover {background-color: #0e91e3; color: #fff; } .site-button.youtube.outline:active, .site-button.youtube.outline:focus, .site-button.youtube.outline:hover {background-color: #ee403f; color: #fff; } .site-button.whatsapp.outline:active, .site-button.whatsapp.outline:focus, .site-button.whatsapp.outline:hover {background-color: #00a834; color: #fff; } @media only screen and (max-width: 991px) {.button-layout .btn, .button-layout .site-button, .button-layout .site-button-link, .button-layout .site-secondry {margin-bottom: 10px; } } .site-filters {margin-bottom: 30px; } .site-filters ul {margin: 0; list-style: none; } .site-filters li {display: inline-block; padding: 0; margin-bottom: 3px; } .site-filters li.btn {box-shadow: none; -webkit-box-shadow: none; outline: 0 !important; } .site-filters li input {display: none; } .site-filters a {margin: 0 5px 5px 0; } .site-filters .active > [class*="site-button"] {color: #fff; background-color: #efbb20; } .site-filters.center {text-align: center; } .site-filters.center ul {display: inline-block; margin: auto; } .site-filters.center [class*="site-button"] {display: inline-block; margin: 0 5px 10px; text-transform: uppercase; } .mas-1 .card-container {margin-left: -1px; } .site-filters.style1 li a {color: #000316; font-weight: 400; margin: 0; padding: 0 15px; position: relative; } .site-filters.style1 li:last-child a:after {position: relative; } .site-filters.style1 li a:after {background-color: #000316; content: ""; height: 100%; opacity: 0.2; position: absolute; right: -2px; top: 0; transform: skew(-20deg, -20deg); -moz-transform: skew(-20deg, -20deg); -webkit-transform: skew(-20deg, -20deg); -o-transform: skew(-20deg, -20deg); width: 2px; } .site-filters.style1 li.active a, .site-filters.style1.white li.active a {color: var(--color-primary); } .site-filters.style1.white li a:after {background-color: #fff; } .site-filters.style1.white li a {color: #bfbfbf; } .site-filters .site-button.outline {border-color: var(--color-primary); } .site-filters.filters-sm li a {padding: 5px 20px; font-size: 13px; font-weight: 500; } .site-filters.gray li a {background-color: #e0e3f6; color: #000; } .site-filters .button-sm {font-size: 13px; padding: 5px 20px; } @media only screen and (max-width: 480px) {.site-filters.center [class*="site-button"] {margin: 0 1px 5px; padding: 5px 10px; font-size: 12px; } } .dlab-separator-outer {overflow: hidden; } .dlab-separator.m-b0 {margin-bottom: 0; } .dlab-separator {display: inline-block; height: 2px; width: 80px; margin-bottom: 10px; position: relative; } .dlab-separator.style-liner {width: 20px; } .dlab-separator.style-icon {width: 30px; height: auto; text-align: center; font-size: 20px; } .dlab-separator[class*="style-"]:after, .dlab-separator[class*="style-"]:before {content: ""; position: absolute; top: 50%; left: 40px; width: 70px; height: 2px; background: #eee; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dlab-separator[class*="style-"]:before {left: auto; right: 40px; } .dlab-separator.style-skew {width: 15px; height: 10px; margin-left: 1px; margin-right: 1px; -moz-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); -o-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); } .dlab-separator.style-skew[class*="style-"]:after, .dlab-separator.style-skew[class*="style-"]:before {width: 80px; height: 4px; left: 20px; -moz-transform: translateY(-50%) skewX(-10deg); -webkit-transform: translateY(-50%) skewX(-10deg); -o-transform: translateY(-50%) skewX(-10deg); -ms-transform: translateY(-50%) skewX(-10deg); transform: translateY(-50%) skewX(-10deg); } .dlab-separator.style-skew[class*="style-"]:before {right: 20px; left: auto; } .dlab-separator.bnr-title {height: 1px; width: 155px; opacity: 0.5; } .dlab-separator.bnr-title:before {height: inherit; right: -80px; width: 25px; } .dlab-separator.bnr-title:after {height: inherit; right: -90px; top: 0; width: 6px; } .dlab-separator.bnr-title:after, .dlab-separator.bnr-title:before {position: absolute; content: ""; background-color: inherit; } .dlab-separator.bnr-title i {background-color: inherit; display: block; height: inherit; position: absolute; right: -50px; width: 45px; } .dlab-divider {height: 1px; position: relative; margin: 30px 0; } .dlab-divider.tb20 {margin: 20px 0; } .dlab-divider.tb15 {margin: 15px 0; } .dlab-divider.tb10 {margin: 10px 0; } .dlab-divider.tb0 {margin: 0; } .dlab-divider.divider-2px {height: 2px; } .dlab-divider.divider-3px {height: 3px; } .dlab-divider.divider-4px {height: 4px; } .dlab-divider i {position: absolute; width: 30px; height: 30px; text-align: center; line-height: 30px; display: block; border-radius: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dlab-divider.icon-left {margin-left: 40px; } .dlab-divider.icon-left i {left: -40px; } .dlab-divider.icon-right {margin-right: 40px; } .dlab-divider.icon-right i {left: auto; right: -40px; } .dlab-divider.icon-center i {left: 50%; margin-left: -5px; } .list-angle-right, .list-arrow, .list-check, .list-checked, .list-chevron-circle, .list-circle, .list-cup, .list-hand-point, .list-heart, .list-icon-box, .list-pen, .list-star {margin: 0 0 20px 0; padding: 0; list-style: none; } .list-angle-right li, .list-arrow li, .list-check li, .list-checked li, .list-chevron-circle li, .list-circle li, .list-cup li, .list-hand-point li, .list-heart li, .list-icon-box li, .list-pen li, .list-star li {padding: 5px 5px 5px 30px; position: relative; } .list-angle-right li:before, .list-arrow li:before, .list-check li:before, .list-checked li:before, .list-chevron-circle li:before, .list-circle li:before, .list-cup li:before, .list-hand-point li:before, .list-heart li:before, .list-icon-box li:before, .list-pen li:before, .list-star li:before {font-family: themify; position: absolute; left: 0; top: 5px; display: block; font-size: 15px; color: #777; } ul[class*="list-"] {font-size: 15px; } .list-circle li:before {font-size: 16px; } .list-circle li:before {content: "\e724"; } .list-angle-right li:before {content: "\e628"; } .list-arrow li:before {content: "\e661"; } .list-check li:before {content: "\e64c"; } .list-checked li:before {content: "\e64d"; font-family: themify; font-size: 15px; } .list-icon-box li:before {content: "\e6e8"; } .list-chevron-circle li:before {content: "\e65d"; } .list-hand-point li:before {content: "\e71b"; } .list-star li:before {content: "\e60a"; } .list-cup li:before {content: "\e641"; } .list-pen li:before {content: "\e61c"; } .list-heart li:before {content: "\e634"; } .primary li:before {color: #efbb20; } .secondry li:before {color: #77c04b; } .black li:before {color: #000; } .white li:before {color: #fff; } .orange li:before {color: #f60; } .green li:before {color: #0c0; } .red li:before {color: #ff3737; } .no-margin {margin: 0 0 0 !important; list-style: none; } .list-num-count {counter-reset: li; padding-left: 0; } .list-num-count > li {position: relative; margin: 0 0 6px 30px; padding: 4px 8px; list-style: none; } .list-num-count > li:before {content: counter(li, decimal); counter-increment: li; position: absolute; top: 0; left: -28px; width: 28px; height: 28px; padding: 5px; color: #fff; background: #efbb20; font-weight: 700; text-align: center; font-size: 12px; -webkit-border-radius: 100px; border-radius: 100px; } .list-num-count.lower-alpha > li:before {content: counter(li, lower-alpha); } .list-num-count.upper-alpha > li:before {content: counter(li, upper-alpha); } .list-num-count.upper-roman > li:before {content: counter(li, upper-roman); } .list-num-count.no-round > li:before {background-color: rgba(0, 0, 0, 0); color: #333; font-size: 15px; font-weight: 400; height: auto; left: -30px; margin: 0; width: auto; } .rounded[class*="list-"] li:before {background: #fff none repeat scroll 0 0; border-radius: 30px; height: 30px; line-height: 30px; text-align: center; width: 30px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } .rounded[class*="list-"] li:hover:before {transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .reverse.primary[class*="list-"] li:hover:before {background-color: var(--color-primary); color: #fff; } .rounded[class*="list-"] li {padding: 10px 0 10px 45px; } .rounded[class*="list-"] li {padding: 10px 0 10px 45px; } .rounded.border {border: 0 !important; } .rounded.border[class*="list-"] li:before {background-color: rgba(0, 0, 0, 0); border: 1px solid; line-height: 28px; } [class*="list-"].list-box > li {background: #fff none repeat scroll 0 0; border-radius: 4px; color: #000; margin-bottom: 6px; padding: 10px 20px 10px 50px; } [class*="list-"].list-box > li:before {background: var(--color-primary) none repeat scroll 0 0; border-radius: 4px 0 0 4px; color: #fff; display: table-cell; height: 100%; padding: 10px 0; text-align: center; top: 0; vertical-align: middle; width: 40px; } [class*="list-"].list-box > li {transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } [class*="list-"].style1.list-box > li {margin-left: 42px; border-radius: 0 4px 4px 0; padding: 10px 20px 10px 20px; } [class*="list-"].style1.list-box > li:before {left: -42px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } [class*="list-"].style2.list-box > li {padding: 10px 20px 10px 60px; } [class*="list-"].style2.list-box > li:after {font-family: FontAwesome; content: "\f0da"; left: 39px; position: absolute; top: 50%; color: var(--color-primary); font-size: 18px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } [class*="list-"].list-box > li:hover, [class*="list-"].style2.list-box > li:hover {transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } [class*="list-"].style1.list-box > li:hover {transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } [class*="list-"].style1.list-box > li:hover:before {transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } [class*="list-"].list-box.reverse > li:before {color: var(--color-primary); background: #fff; border-right: 1px solid rgba(0, 0, 0, 0.1); } .dlab-tabs .tab-pane {padding: 20px 0; } .dlab-tabs .nav-tabs > li > a {background: #f6f7f8; color: #3d474a; -webkit-border-radius: 0; border-radius: 0; font-size: 15px; font-weight: 400; text-transform: capitalize; margin-bottom: 0; display: inline-block; padding: 10px 20px; } .dlab-tabs .nav-tabs > li > a.active, .dlab-tabs .nav-tabs > li > a.active:focus, .dlab-tabs .nav-tabs > li > a.active:hover {background-color: #fff; border-color: #ebedf2; border-bottom: 1px solid #fff; } .dlab-tabs .nav > li > a:focus, .dlab-tabs .nav > li > a:hover {background-color: transparent; } .dlab-tabs .nav li a:hover {border: 1px solid transparent; } .dlab-tabs .nav-tabs > li > a i {color: #efbb20; margin-right: 5px; } .dlab-tabs.bg-tabs .nav-tabs > li > a {border: 1px solid #ebedf2; background-color: #efefef; margin-right: 2px; } .dlab-tabs.bg-tabs .nav-tabs > li > a.active {border-bottom: 1px solid transparent; background-color: #fff; } .dlab-tabs.vertical.bg-tabs .nav-tabs > li > a {border: 1px solid #ebedf2; } .dlab-tabs.vertical.bg-tabs .nav-tabs > li > a.active {border-right: 1px solid transparent; } .dlab-tabs.vertical.right.bg-tabs .nav-tabs > li > a {border: 1px solid #ebedf2; } .dlab-tabs.vertical.right.bg-tabs .nav-tabs > li > a.active {border-left: 1px solid transparent; } .dlab-tabs.border {border: 0; } .dlab-tabs.border-top {border-top: 0; } .dlab-tabs.border-top .nav-tabs > li > a.active {border-top: 2px solid var(--color-primary); padding: 9px 15px 10px; } .dlab-tabs.border .tab-pane {padding: 20px; border: 1px solid #ebedf2; margin-top: -1px; } .dlab-tabs.vertical .nav-tabs {float: left; width: 200px; border-bottom: none; border-right: 1px solid #ebedf2; } .dlab-tabs.vertical .tab-pane {padding: 10px 0 10px 20px; } .dlab-tabs.vertical .nav-tabs li {float: none; margin-right: -1px; display: block; width: 100%; } .dlab-tabs.vertical .nav-tabs li a {margin-right: 0; border-right: none; display: block; width: 100%; } .dlab-tabs.vertical .nav-tabs li a.active {border-bottom: 1px solid #ebedf2; } .dlab-tabs.vertical .tab-content {border-left: 1px solid #ebedf2; margin-left: 199px; } .dlab-tabs.vertical.border .tab-pane {padding: 20px; margin-left: -1px; } .dlab-tabs.vertical.right .nav-tabs {border-left: 1px solid #ebedf2; border-right: none; float: right; } .dlab-tabs.vertical.right .nav-tabs li {margin-right: 0; margin-left: -1px; } .dlab-tabs.vertical.right .nav-tabs li a {border-right: 1px solid transparent; border-left: none; } .dlab-tabs.vertical.right .nav-tabs li a.active {border-right: 1px solid #ebedf2; border-left: none; } .dlab-tabs.vertical.right .tab-content {border-left: none; border-right: 1px solid #ebedf2; margin-right: 199px; margin-left: 0; } .dlab-tabs.vertical.right .tab-pane {padding: 10px 20px 10px 0; } .tabs-site-button .nav-tabs {border: 0; } .tabs-site-button .nav-tabs li a {padding: 12px 20px; } .tabs-site-button .nav-tabs li a, .tabs-site-button .nav-tabs li a:focus, .tabs-site-button .nav-tabs li a:hover {background: #f8f8f8 none repeat scroll 0 0; border: 0 none; } .tabs-site-button .nav-tabs li a.active, .tabs-site-button .nav-tabs li a.active:focus, .tabs-site-button .nav-tabs li a.active:hover {background-color: var(--color-primary); color: #fff; border: 0; } .tabs-site-button .nav-tabs li a.active i {color: #fff; } @media only screen and (max-width: 767px) {.tabs-site-button .nav-tabs li a {padding: 13px 20px; } } .dlab-tabs.vertical.right.border .tab-pane {padding: 20px; margin-right: -1px; } .panel {box-shadow: none; -webkit-box-shadow: none; } .dlab-accordion .panel {border: none; border-radius: 0; margin-bottom: -1px; } .acod-head {position: relative; } .acod-title {margin-top: 0; margin-bottom: 0; } .acod-head .fa {margin-right: 5px; } .acod-head a {display: block; padding: 17px 40px 17px 25px; border: 1px solid #ddd; border-radius: 4px; } .acod-head a, .acod-head a.collapsed:hover, .acod-head a:hover {color: #efbb20; } .acod-head a.collapsed, .acod-head a.collapsed:after {color: #3d474a; } .acod-head a:after {font-family: themify; content: "\e622"; float: right; color: #efbb20; font-size: 16px; letter-spacing: -2px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .acod-head a.collapsed:after {content: "\e61a"; font-size: 16px; font-family: themify; } .acod-body {border-left: 1px solid #ebedf2; border-right: 1px solid #ebedf2; border-bottom: 1px solid #ebedf2; border-top: 1px solid transparent; margin-top: -1px; border-radius: 0 0 4px 4px; } .acod-content {margin: 20px; } .accdown1 .acod-head a:after {content: "\e64b"; } .accdown1 .acod-head a.collapsed:after {content: "\e649"; } .dlab-accordion.rounded .panel:first-child .acod-head a {border-top-left-radius: 5px; border-top-right-radius: 5px; } .dlab-accordion.rounded .panel:last-child .acod-head a.collapsed {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dlab-accordion.rounded .panel:last-child .acod-body {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dlab-accordion.rounded .panel:last-child .acod-body.in {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dlab-accordion.space .panel {margin-bottom: 5px; } .dlab-accordion.rounded.space .panel .acod-head a {border-top-left-radius: 5px; border-top-right-radius: 5px; } .dlab-accordion.rounded.space .panel .acod-head a.collapsed {border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dlab-accordion.rounded.space .panel .acod-body {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .dlab-accordion.bg-title .acod-head a {background-color: #f7f8fa; } .dlab-accordion.no-cover .acod-body {border: none; } .dlab-accordion.no-cover .acod-content {padding-left: 20px; margin-right: 10px; border-left: 2px solid #e8e8e8; position: relative; } .dlab-accordion.no-cover .acod-content:after {content: ""; position: absolute; bottom: 0; left: -5px; width: 8px; height: 8px; background-color: #fff; border: 2px solid #e8e8e8; } .dlab-accordion.border-bottom .acod-head a {border-left: none; border-right: none; border-top: none; padding-left: 0; } .dlab-accordion.primary .acod-head a {background-color: #0046c6; color: #fff; border: 0; } .dlab-accordion.primary .acod-head a:hover {color: #fff; } .dlab-accordion.primary .acod-head a:after {color: #fff; } .dlab-accordion.primary.active-bg .acod-head .collapsed {background-color: #fff; } .dlab-accordion.primary.active-bg .acod-head .collapsed, .dlab-accordion.primary.active-bg .acod-head a.collapsed:after {color: #000; } .dlab-accordion.primary.active-bg .acod-head .collapsed {border: 1px solid #ebedf2; } .dlab-accordion.gradient-1 .acod-head a {background: #0046c6; background: -moz-linear-gradient(45deg, #0046c6 0, #c927f1 100%); background: -webkit-linear-gradient(45deg, #0046c6 0, #c927f1 100%); background: linear-gradient(45deg, #0046c6 0, #c927f1 100%); color: #fff; border: 0; } .dlab-accordion.gradient-2 .acod-head a {background: #ff90e1; background: -moz-linear-gradient(45deg, #ff90e1 0, #28b1ff 100%); background: -webkit-linear-gradient(45deg, #ff90e1 0, #28b1ff 100%); background: linear-gradient(45deg, #ff90e1 0, #28b1ff 100%); color: #fff; border: 0; } .dlab-accordion.gradient-1 .acod-head a:hover, .dlab-accordion.gradient-2 .acod-head a:hover {color: #fff; } .dlab-accordion.gradient-1 .acod-head a:after, .dlab-accordion.gradient-2 .acod-head a:after {color: #fff; } .dlab-accordion.gradient-1.active-bg .acod-head .collapsed, .dlab-accordion.gradient-2.active-bg .acod-head .collapsed {background: #fff; } .dlab-accordion.gradient-1.active-bg .acod-head .collapsed, .dlab-accordion.gradient-1.active-bg .acod-head a.collapsed:after, .dlab-accordion.gradient-2.active-bg .acod-head .collapsed, .dlab-accordion.gradient-2.active-bg .acod-head a.collapsed:after {color: #000; } .dlab-accordion.gradient-1.active-bg .acod-head .collapsed, .dlab-accordion.gradient-2.active-bg .acod-head .collapsed {border: 1px solid #ebedf2; } .dlab-accordion.green .acod-head a {background-color: #24a88d; color: #fff; border: 0; } .dlab-accordion.green .acod-head a:hover {color: #fff; } .dlab-accordion.green .acod-head a:after {color: #fff; } .dlab-accordion.green.active-bg .acod-head .collapsed {background-color: #fff; } .dlab-accordion.green.active-bg .acod-head .collapsed, .dlab-accordion.green.active-bg .acod-head a.collapsed:after {color: #000; } .dlab-accordion.green.active-bg .acod-head .collapsed {border: 1px solid #ebedf2; } .dlab-accordion.yellow .acod-head a {background-color: #efb822; color: #fff; border: 0; } .dlab-accordion.yellow .acod-head a:hover {color: #fff; } .dlab-accordion.yellow .acod-head a:after {color: #fff; } .dlab-accordion.yellow.active-bg .acod-head .collapsed {background-color: #fff; } .dlab-accordion.yellow.active-bg .acod-head .collapsed, .dlab-accordion.yellow.active-bg .acod-head a.collapsed:after {color: #000; } .dlab-accordion.yellow.active-bg .acod-head .collapsed {border: 1px solid #ebedf2; } .dlab-accordion.red .acod-head a {background-color: #ef516c; color: #fff; border: 0; } .dlab-accordion.red .acod-head a:hover {color: #fff; } .dlab-accordion.red .acod-head a:after {color: #fff; } .dlab-accordion.red.active-bg .acod-head .collapsed {background-color: #fff; } .dlab-accordion.red.active-bg .acod-head .collapsed, .dlab-accordion.red.active-bg .acod-head a.collapsed:after {color: #000; } .dlab-accordion.red.active-bg .acod-head .collapsed {border: 1px solid #ebedf2; } .dlab-accordion.blue .acod-head a {background-color: #36a3f7; color: #fff; border: 0; } .dlab-accordion.blue .acod-head a:hover {color: #fff; } .dlab-accordion.blue .acod-head a:after {color: #fff; } .dlab-accordion.blue.active-bg .acod-head .collapsed {background-color: #fff; } .dlab-accordion.blue.active-bg .acod-head .collapsed, .dlab-accordion.blue.active-bg .acod-head a.collapsed:after {color: #000; } .dlab-accordion.blue.active-bg .acod-head .collapsed {border: 1px solid #ebedf2; } .dlab-accordion.border-bottom.no-border .acod-head a {border: none; } .dlab-accordion.no-border .acod-content {margin-top: 10px; margin-bottom: 10px; } .no-gap .acod-title a {border: 0 none; padding: 10px 0; } .no-gap .collapse {border: 0 none; } .no-gap .acod-content {margin: 10px 0 10px; } .acco-sm .acod-head a {font-size: 12px; padding: 5px 30px 5px 15px; } .acco-sm .acod-head a:after {font-size: 16px; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .acco-lg .acod-head a {padding: 18px 40px 18px 25px; font-size: 18px; } .acco-lg .acod-head a:after {font-size: 34px; right: 20px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .acco-xl .acod-head a {font-size: 22px; padding: 25px 50px 25px 30px; } .acco-xl .acod-head a:after {font-size: 34px; right: 30px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .ow-post-info {padding: 20px; background-color: #fff; border: 1px solid #ebebeb; } .ow-post-title .post-title {margin: 0 0 10px; } .ow-post-text {margin-bottom: 10px; } .ow-post-text p:last-child {margin: 0; } .ow-post-readmore {margin-bottom: 10px; } .ow-post-meta {margin-bottom: 10px; } .ow-post-meta ul {margin: 0 -4px; list-style: none; } .ow-post-meta ul li {padding: 0; display: inline-block; } .ow-post-meta li:after {content: "/"; display: inline-block; font-weight: 400; margin-left: 5px; opacity: 0.5; } .ow-post-meta li:last-child:after {display: none; } .ow-post-meta a {color: #a9a9a9; } .ow-post-meta li i {color: #7b7b7b; margin: 0 5px; } .ow-post-tags {border-top: 1px solid #e9e9e9; padding-top: 10px; } .ow-post-tags .post-comment {float: left; font-weight: 700; text-transform: uppercase; } .ow-post-tags .post-comment a {color: #a9a9a9; } .ow-post-tags .post-tags {margin: 0 -3px; list-style: none; } .ow-post-tags .post-tags a {border: 1px solid #ebebeb; padding: 2px 8px 1px; color: #777; margin: 0 3px; display: inline-block; text-transform: uppercase; font-size: 11px; } .ow-post-tags .post-tags a:active, .ow-post-tags .post-tags a:focus, .ow-post-tags .post-tags a:hover {border: 1px solid #0098a6; color: #0098a6; } .no-image-blog.date-style-2 .ow-post-info {padding-top: 70px; } .ow-event-info {position: relative; padding: 20px; background-color: #fff; border: 1px solid #ebebeb; } .ow-event-title .event-title {margin: 0 0 10px; } .ow-event-text {margin-bottom: 10px; } .ow-event-text p:last-child {margin: 0; } .ow-event-readmore {margin-bottom: 10px; } .ow-event-meta ul {margin: 0; } .ow-event-meta ul li {color: #a9a9a9; font-weight: 600; display: inline-block; padding-left: 20px; } .ow-event-meta ul li i {color: #7b7b7b; } .no-image-event.date-style-2 .ow-post-info {padding-top: 70px; } .ow-client-logo {background-color: #fff; display: table; width: 100%; border-radius: 6px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; } .ow-client-logo:hover {box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .client-logo-carousel .owl-stage-outer {padding: 10px 0; } .client-logo {display: table-cell; text-align: center; vertical-align: middle; padding: 10px; } .owl-carousel .ow-client-logo img {height: 100px; max-height: 100%; width: auto; display: inline-block; } .blog-info {background-color: rgba(0, 0, 0, 0.9); left: 0; list-style: outside none none; margin: 0; padding: 7px 15px; position: absolute; top: -34px; width: 100%; } .blog-info li {display: inline-block; padding: 0 5px 0 5px; line-height: 14px; border-right: 1px solid; } .blog-info li a:hover, .blog-info li:hover {color: #fff; } .testimonial-pic {background: #fff; width: 100px; height: 100px; position: relative; display: inline-block; border: 5px solid #fff; } .testimonial-pic.radius {border-radius: 100%; -webkit-border-radius: 100%; } .testimonial-pic.radius img {width: 100%; height: 100; border-radius: 100%; -webkit-border-radius: 100%; } .testimonial-pic.shadow {-webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35); box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35); } .testimonial-pic.style1 {border: 0 none; height: 100px; width: 100px; } .quote-left, .quote-right {position: relative; } .quote-left:before, .quote-right:after {font-family: FontAwesome; position: absolute; z-index: 10; top: 15px; } .quote-left:before {content: "\f10d"; left: 0; } .quote-right:after {content: "\f10e"; left: auto; right: 0; } .testimonial-text {padding: 15px; position: relative; font-size: 15px; font-weight: 400; } .testimonial-detail {padding: 5px; } .testimonial-name {font-size: 18px; font-weight: 500; } .testimonial-position {font-size: 14px; } .testimonial-name, .testimonial-position {display: block; } .testimonial-text p:last-child {margin: 0; } .testimonial-bg {color: #fff; } .testimonial-1 {text-align: center; } .testimonial-1 .testimonial-position {color: #efbb20; } .testimonial-1 .testimonial-name, .testimonial-1 .testimonial-position {display: block; } .testimonial-1 .quote-left:before {width: 36px; height: 36px; line-height: 36px; font-size: 16px; background: #efbb20; color: #fff; text-align: center; left: 0; top: 65px; border-radius: 100%; -webkit-border-radius: 100%; } .testimonial-2 .testimonial-text, .testimonial-8 .testimonial-text {background-color: #f4f5f7; padding: 25px; } .testimonial-2 .testimonial-text:after, .testimonial-8 .testimonial-text:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 0 solid transparent; border-right: 25px solid transparent; border-top: 25px solid #f4f5f7; } .testimonial-2 .testimonial-detail, .testimonial-8 .testimonial-detail {padding: 25px 0 20px 20px; } .testimonial-2 .testimonial-pic, .testimonial-8 .testimonial-pic {float: left; margin-right: 15px; width: 80px; height: 80px; } .testimonial-2 .quote-left:before {width: 36px; height: 36px; line-height: 36px; font-size: 16px; background: #efbb20; color: #fff; text-align: center; left: 0; top: 65px; border-radius: 100%; -webkit-border-radius: 100%; } .testimonial-2 .testimonial-name, .testimonial-2 .testimonial-position, .testimonial-8 .testimonial-name, .testimonial-8 .testimonial-position {padding: 2px 0; } .testimonial-2 .testimonial-name, .testimonial-8 .testimonial-name {padding-top: 15px; } .testimonial-2 .testimonial-position {color: #efbb20; } .testimonial-2 .quote-left:before {top: 50px; } .testimonial-2.testimonial-bg .testimonial-text {color: #777; background-color: rgba(255, 255, 255, 0.9); } .testimonial-2.testimonial-bg .testimonial-text:after {border-top-color: rgba(255, 255, 255, 0.9); } .testimonial-3 {text-align: center; } .testimonial-3 .quote-left:before {position: static; font-size: 40px; color: #efbb20; } .testimonial-3 .testimonial-position {color: #efbb20; } .testimonial-3 .testimonial-name, .testimonial-3 .testimonial-position {display: inline-block; } .testimonial-4 {background-color: #282a3c; position: relative; padding: 30px 40px 30px 10px; margin-left: 140px; min-height: 150px; } .testimonial-4:after {background-color: #282a3c; border-left-width: 4px; border-left-style: solid; border-left-color: #efbb20; content: ""; position: absolute; left: -80px; top: 0; height: 100%; width: 80%; z-index: -1; -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -o-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .testimonial-4 .testimonial-pic {position: absolute; top: 30px; left: 0; margin-left: -110px; } .testimonial-4 [class*="quote-"] {position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 30px; border-color: #efbb20; border-top-color: transparent !important; border-left-color: transparent !important; } .testimonial-4 [class*="quote-"]:after, .testimonial-4 [class*="quote-"]:before {top: 0; right: -20px; font-size: 20px; color: #fff; } .testimonial-4 .testimonial-detail, .testimonial-4 .testimonial-text {padding: 0; } .testimonial-4 .testimonial-text {margin-bottom: 10px; } .testimonial-4 .testimonial-name, .testimonial-4 .testimonial-position {display: inline-block; } .testimonial-4 .testimonial-name:after {content: "/"; color: #efbb20; margin: 0 2px 0 5px; } .testimonial-4 .testimonial-name {text-transform: uppercase; } .testimonial-4 .testimonial-position {font-style: italic; color: #bebebe; } .testimonial-4 .testimonial-pic {border-color: #efbb20; border-width: 3px; width: 90px; height: 90px; } @media only screen and (max-width: 480px) {.testimonial-4 .testimonial-pic {height: 80px; width: 80px; } .testimonial-4:after {transform: skewX(-10deg); -moz-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); -o-transform: skewX(-10deg); } .testimonial-4 {padding: 25px 10px 25px 0; margin-left: 110px; } } .testimonial-5 .testimonial-text {border: 2px solid #e6e6e6; padding: 30px; } .testimonial-5 .testimonial-detail {padding: 0 0 0 20px; margin-top: -35px; } .testimonial-5 .testimonial-pic {box-shadow: 0 0 0 2px #e6e6e6; width: 70px; height: 70px; } .testimonial-5 .testimonial-text p {font-size: 16px; line-height: 30px; } .testimonial-5 .info p {display: inline-block; position: relative; top: -10px; padding: 0 10px; } .testimonial-6 .quote-left:before {left: 15px; } .testimonial-6 .quote-left:before, .testimonial-6 .quote-right:after {color: #b5b5b5; font-size: 18px; } .testimonial-6 .testimonial-text {padding: 25px 35px 70px 40px; } .testimonial-6 .testimonial-detail {position: relative; padding: 10px 15px; top: -30px; width: 85%; } .testimonial-6 .testimonial-pic {position: absolute; right: 20px; top: -50px; z-index: 2; } .testimonial-6 .quote-left:before, .testimonial-6 .quote-right:after {color: #b5b5b5; font-size: 18px; } .testimonial-6 .quote-left:before {left: 15px; } .testimonial-6 .quote-right:after {right: 15px; bottom: 20px; top: auto; } .testimonial-6 .testimonial-detail:after {background-color: inherit; content: ""; display: block; height: 100%; position: absolute; right: -23px; top: 0; transform: skewX(35deg); -moz-transform: skewX(35deg); -webkit-transform: skewX(35deg); -o-transform: skewX(35deg); width: 50px; z-index: 1; } .testimonial-section {position: relative; z-index: 1; } .testimonial-section:after {background: #f2f2f2 none repeat scroll 0 0; content: ""; height: 100%; left: 50%; position: absolute; top: 0; width: 100%; z-index: -1; } .testimonial-section .col-md-6 {padding-left: 30px; padding-right: 30px; } .testimonial-section .row {margin-left: -30px; margin-right: -30px; } .testimonial-7 .testimonial-text {border: 2px solid #e6e6e6; padding: 18px; } .testimonial-7 .testimonial-detail {padding: 0 0 0 20px; margin-top: -35px; } .testimonial-7 .testimonial-pic {box-shadow: 0 0 0 2px #e6e6e6; width: 70px; height: 70px; } .testimonial-7 .testimonial-text p {font-size: 16px; line-height: 30px; } .testimonial-7 .info p {display: inline-block; position: relative; top: -10px; padding: 0 10px; } .testimonial-7 .owl-controls .owl-nav {bottom: 0; margin-top: 0; position: absolute; right: 0; } .testimonial-7 .owl-next, .testimonial-7 .owl-prev {background-color: #ccc; border: 0 none; } @media only screen and (max-width: 991px) {.testimonial-section:after {left: 100%; } .testimonial-section {color: #fff; } .testimonial-section .col-md-6 {padding-left: 15px; padding-right: 15px; } .testimonial-section .row {margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) {.testimonial-section:after {content: none; } } .testimonial-8 .testimonial-text {background: #fff none repeat scroll 0 0; border-radius: 6px 6px 6px 0; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; } .testimonial-8 .testimonial-text p {font-size: 16px; line-height: 30px; } .testimonial-8 .testimonial-text:after {border-top: 25px solid #fff; border-left: 0 solid transparent; } .testimonial-8 {padding: 15px; } .testimonial-box.owl-theme .owl-dots {margin-top: 30px; position: unset; right: auto; text-align: center; top: auto; transform: translateY(-50%); width: auto; } .owl-item.active.center .testimonial-text {background-color: #ff3b68; color: #fff; } .owl-item.active.center .testimonial-8 .testimonial-text:after {border-top: 15px solid #ff3b68; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .testimonial-8 .testimonial-text:before {content: "\f10e"; bottom: -10px; color: #000; font-family: FontAwesome; font-size: 80px; opacity: 0.05; position: absolute; right: 10px; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .testimonial-9 {background-color: #fff; padding: 50px 25px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); text-align: center; } .testimonial-9 .testimonial-text {padding: 0; } .testimonial-10 .testimonial-name, .testimonial-9 .testimonial-name {font-weight: 600; font-size: 13px; text-transform: uppercase; color: #000; } .testimonial-10 .testimonial-position, .testimonial-9 .testimonial-position {text-transform: uppercase; color: #888q; font-size: 12px; font-style: inherit; } .testimonial-10 .testimonial-position p, .testimonial-9 .testimonial-position p {line-height: 26px; } .testimonial-10 .testimonial-text, .testimonial-9 .testimonial-text {color: #505050; font-size: 15px; font-weight: 400; margin-bottom: 15px; } .testimonial-9 .testimonial-pic {margin-bottom: 15px; } .testimonial-10 {margin: auto; max-width: 600px; padding-left: 150px; position: relative; } .testimonial-10 .testimonial-text {padding: 0; } .testimonial-10 .testimonial-pic {border: 0 none; height: 130px; left: 0; position: absolute; width: 130px; } .testimonial-seven.owl-btn-3 .owl-next, .testimonial-seven.owl-btn-3 .owl-prev {margin: 0 !important; } .pricingtable-inner {text-align: center; } .pricingtable-price {padding: 20px 20px; background-color: #fff; border: 1px solid #e9e9e9; } .pricingtable-bx {color: #282a3c; font-size: 45px; font-weight: 500; } .pricingtable-type {font-size: 20px; text-transform: uppercase; font-size: 16px; } .pricingtable-type:before {content: "/"; margin-right: 3px; } .pricingtable-title {background-color: #fff; padding: 20px; text-transform: uppercase; } .pricingtable-title * {margin: 0; color: #fff; font-weight: 800; } .pricingtable-features {margin: 0; padding: 0; list-style: none; border: 1px solid #e9e9e9; } .pricingtable-features li {padding: 12px; border-bottom: 1px solid #e9e9e9; } .pricingtable-features li i {margin: 0 3px; } .pricingtable-features li:nth-child(even) {background-color: #fff; } .pricingtable-features li:last-child {border-bottom: none; } .pricingtable-footer {margin-top: -1px; padding: 20px; background-color: #fff; border: 1px solid #e9e9e9; } .pricingtable-highlight {margin: -20px 0; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); position: relative; z-index: 99; } .pricingtable-highlight .pricingtable-price {padding: 30px 20px; } .pricingtable-highlight .pricingtable-footer {padding: 30px 20px; } .no-col-gap .pricingtable-wrapper {margin-left: -1px; } .pricingtable-wrapper.style1 {border: 1px solid #f0f0f0; padding: 10px 10px 40px; margin-left: -1px; } .pricingtable-wrapper.style1 .pricingtable-icon i {color: #000; font-size: 48px; line-height: 60px; } .pricingtable-wrapper.style1 .pricingtable-price {background-color: #fff; border: 0; } .pricingtable-wrapper.style1 .pricingtable-bx {font-size: 35px; font-weight: 300; } .pricingtable-wrapper.style1 .pricingtable-features {border: 0; } .pricingtable-wrapper.style1 .pricingtable-features li {background: #fff none repeat scroll 0 0; border: 0 none; color: #909090; font-weight: 400; padding: 8px 0; text-align: left; } .pricingtable-wrapper.style1 .pricingtable-features {width: 80%; margin: auto; } .pricingtable-wrapper.style1 .pricingtable-features li i {border: 2px solid; border-radius: 20px; display: block; float: right; font-size: 11px; height: 20px; line-height: 16px; text-align: center; width: 20px; } .pricingtable-wrapper.style1 .button-md {font-weight: 400; padding: 12px 35px; } .pricingtable-wrapper.style1 .pricingtable-type {text-transform: capitalize; } .pricingtable-wrapper.style2 {box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); padding: 30px; } .pricingtable-wrapper.style2 .pricingtable-price {padding: 0; background-color: rgba(0, 0, 0, 0); border: 0; } .pricingtable-wrapper.style2 .pricingtable-bx {background: rgba(0, 0, 0, 0.1); border-radius: 10px; color: #a0a0a0; display: inline-block; font-size: 13px; margin-top: 20px; padding: 15px 25px; margin-bottom: 10px; } .pricingtable-wrapper.style2 .pricingtable-bx span {font-size: 22px; } .pricingtable-wrapper.style2.active {margin: -30px -10px 0; padding: 60px 30px; position: relative; z-index: 1; } .pricingtable-wrapper.style2.active .pricingtable-bx {color: #fff; } .counter {position: relative; } .counter-style-1 .counter, .counter-style-2 .counter, .counter-style-3 .counter {font-size: 50px; font-weight: 700; } .counter-style-1 .counter-text, .counter-style-2 .counter-text {font-size: 16px; font-weight: 500; } .counter-style-1 .icon {font-size: 45px; margin-right: 10px; } .counter-style-3.rounded {border: 5px solid; border-radius: 200px; height: 200px; width: 200px; } .counter-style-3 .counter-text {font-size: 18px; font-weight: 400; margin: 0 auto; } .counter-style-4 {border: 5px solid rgba(0, 0, 0, 0.1); padding: 10px 10px 20px; } .counter-style-4 .counter {font-size: 70px; font-weight: 500; } .counter-style-4 .counter-text {font-size: 18px; font-weight: 500; } .counter-style-4 .icon {font-size: 45px; margin-right: 10px; } .alert {border-radius: 4px; padding: 15px 20px; } .alert.alert-sm {padding: 5px 15px; font-size: 12px; } .alert.alert-lg {padding: 25px 15px; font-size: 16px; } .alert.alert-xl {padding: 35px 15px; font-size: 18px; } .alert[class*="alert-"] i {margin-right: 8px; } .alert.no-radius {border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .alert.no-bg {background-color: transparent; border-width: 2px; } .alert[class*="alert-"] ul {padding-left: 25px; margin-top: 10px; } .alert[class*="alert-"] ul li:before {color: #a94442; } .alert-warning {background-color: #fff3cd; border-color: #ffeeba; color: #856404; } .alert-success {background-color: #d4edda; border-color: #c3e6cb; color: #155724; } .alert-info {background-color: #cce5ff; border-color: #b8daff; color: #004085; } .alert-danger {background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; } .close {color: #000; float: right; font-size: 16px; font-weight: 300; line-height: 20px; opacity: 0.3; text-shadow: none; vertical-align: middle; } .modal-header {border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } .modal-footer {border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } .modal-header {background: #efbb20; padding: 15px 25px; } .modal-header .modal-title {color: #fff; } .modal .modal-body {padding: 25px; } .modal-xlg {width: 1000px; } .provider_registration .bootstrap-select div.dropdown-menu ul li a {font-weight: 600; } .provider_registration .bootstrap-select div.dropdown-menu ul li a span.childcat {font-weight: 400; color: #7c7c7c; } @media only screen and (max-width: 1024px) {.modal-xlg {width: auto; margin-left: 15px; margin-right: 15px; } } .dlab-social-icon {display: inline-block; margin: 0 -3px; padding: 0; text-align: center; } .dlab-social-icon li {display: inline-block; padding: 0; font-size: 12px; } .dlab-social-icon li a {display: inline-block; width: 24px; height: 24px; padding: 4px; } .dlab-social-icon li .fa {vertical-align: middle; } .dlab-social-icon.border {border: 0 !important; } .dlab-social-icon.border li {padding: 0 3px; } .dlab-social-icon.border li a {border: 1px solid rgba(255, 255, 255, 0.2); } .dlab-social-links.dark li {padding: 0 3px; } .dlab-social-icon.dark li a {border: 1px solid #777; color: #777; border-radius: 2px; -webkit-border-radius: 2px; } .dlab-share-icon li {border: none; width: 36px; display: block; float: left; white-space: nowrap; overflow: hidden; margin-right: 0; } .dlab-share-icon li a {color: #fff; } .dlab-share-icon li i {border-right: none; font-size: 14px; color: #fff; width: 36px; height: 34px; line-height: 34px; padding: 0; text-align: center; } .dlab-share-icon li.fb {background: #354d89; } .dlab-share-icon li.fb i {background: #3a5799; } .dlab-share-icon li.gp {background: #d34b2b; } .dlab-share-icon li.gp i {background: #e35736; } .dlab-share-icon li.tw {background: #029fdf; } .dlab-share-icon li.tw i {background: #00abf0; } .dlab-share-icon li.dig {background: #1d61aa; } .dlab-share-icon li.dig i {background: #2b6fb8; } .dlab-share-icon li.lin {background: #0176be; } .dlab-share-icon li.lin i {background: #0082ca; } .dlab-share-icon li.pin {background: #ac0104; } .dlab-share-icon li.pin i {background: #bd0e15; } .dlab-share-icon li:hover {width: 90px; } .breadcrumb-row {background: #f9f9f9; padding: 20px 0; } .breadcrumb-row ul {margin: 0; } .breadcrumb-row ul li {padding: 0; margin-right: 3px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500; } .breadcrumb-row ul li:after {content: "\f105"; margin-left: 7px; font-family: fontawesome; } .breadcrumb-row ul li:last-child {color: #676767; } .breadcrumb-row ul li:last-child:after {display: none; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 10px; } .table.borderless > tbody > tr > td, .table.borderless > tbody > tr > th {border: none; } .dataTable .sorting_asc .checkbox {margin-right: 0; } .overlay-black-dark, .overlay-black-light, .overlay-black-middle, .overlay-gradient-dark, .overlay-gradient-light, .overlay-gradient-middle, .overlay-primary, .overlay-primary-dark, .overlay-primary-light, .overlay-primary-middle, .overlay-white-dark, .overlay-white-light, .overlay-white-middle {position: relative; } .overlay-black-dark:after, .overlay-black-light:after, .overlay-black-middle:after, .overlay-gradient-dark:after, .overlay-gradient-light:after, .overlay-gradient-middle:after, .overlay-primary-dark:after, .overlay-primary-light:after, .overlay-primary-middle:after, .overlay-primary:after, .overlay-white-dark:after, .overlay-white-light:after, .overlay-white-middle:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .overlay-black-dark:after, .overlay-black-light:after, .overlay-black-middle:after {background: #000; } .overlay-gradient-dark:after, .overlay-gradient-light:after, .overlay-gradient-middle:after {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%); } .overlay-white-dark:after, .overlay-white-light:after, .overlay-white-middle:after {background: #fff; } .overlay-black-light:after {opacity: 0.3; } .overlay-black-middle:after {opacity: 0.5; } .overlay-black-dark:after {opacity: 0.8; } .overlay-gradient-light:after {opacity: 0.3; } .overlay-gradient-middle:after {opacity: 0.5; } .overlay-gradient-dark:after {opacity: 0.8; } .overlay-white-light:after {opacity: 0.5; } .overlay-white-middle:after {opacity: 0.7; } .overlay-white-dark:after {opacity: 0.8; } .overlay-primary-light:after {opacity: 0.3; } .overlay-primary-middle:after {opacity: 0.5; } .overlay-primary-dark:after, .overlay-primary:after {opacity: 0.8; } .overlay-black-dark .container, .overlay-black-dark .container-fluid, .overlay-black-light .container, .overlay-black-light .container-fluid, .overlay-black-middle .container, .overlay-black-middle .container-fluid, .overlay-primary .container, .overlay-primary .container-fluid, .overlay-primary-dark .container, .overlay-primary-dark .container-fluid, .overlay-primary-light .container, .overlay-primary-light .container-fluid, .overlay-primary-middle .container, .overlay-primary-middle .container-fluid, .overlay-white-dark .container, .overlay-white-dark .container-fluid, .overlay-white-light .container, .overlay-white-light .container-fluid, .overlay-white-middle .container, .overlay-white-middle .container-fluid {position: relative; z-index: 1; } .overlay-bx {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; text-align: center; z-index: 10; opacity: 0; visibility: hidden; } .overlay-bx .align-m, .overlay-icon {height: auto; left: 50%; list-style: outside none none; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; padding: 0 10px; } .overlay-bx .align-b {height: auto; left: 0; list-style: outside none none; margin: 0; position: absolute; top: auto; bottom: 0; width: 100%; transform: translate(0); -o-transform: translate(0); -moz-transform: translate(0); -webkit-transform: translate(0); } .overlay-icon a {display: inline-block; padding: 0; margin: 0 2px; } .overlay-icon a i {background-color: #fff; } .dlab-box-bx:hover .overlay-bx a > i, .dlab-media:hover .overlay-bx a > i, .overlay-bx:hover a > i {opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .dlab-box:hover .overlay-bx, .dlab-media:hover .overlay-bx, .overlay-bx:hover, .ow-img:hover .overlay-bx, .ow-portfolio-img:hover .overlay-bx {opacity: 1; visibility: visible; } .overlay-text {width: 100%; position: absolute; padding: 20px; color: #fff; left: 0; bottom: 20px; } .dlab-address-bx {display: table; text-align: left; padding: 20px 20px 20px 25px; width: 100%; height: 100%; position: relative; font-size: 14px; vertical-align: middle; font-weight: 600; } .dlab-address-bx .fa {position: absolute; top: 22px; left: 0; font-size: 22px; } .col-md-3 .overlay-text {padding: 5px; } .col-md-4 .overlay-text {padding: 20px; } .dlab-address2-bx {display: table; background: #eaeaea; padding: 5px 10px; margin-bottom: 10px; } .icon-bx-ho [class*="icon-bx-"] {z-index: 1; } .icon-bx-ho [class*="icon-bx-"]:after {content: ""; position: absolute; width: 100%; height: 100%; border-radius: inherit; left: 0; top: 0; background: var(--color-primary); z-index: -1; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; } .icon-bx-ho:hover [class*="icon-bx-"]:after {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .icon-bx-lg, .icon-bx-md, .icon-bx-sm, .icon-bx-xl, .icon-bx-xs {display: inline-block; text-align: center; border-radius: 3px; } .icon-bx-xl {width: 150px; height: 150px; line-height: 150px; } .icon-bx-lg {width: 120px; height: 120px; line-height: 120px; } .icon-bx-md {width: 100px; height: 100px; line-height: 100px; } .icon-bx-sm {width: 80px; height: 80px; line-height: 80px; } .icon-bx-xs {width: 40px; height: 40px; line-height: 40px; } .icon-bx-lg.radius, .icon-bx-md.radius, .icon-bx-sm.radius, .icon-bx-xl.radius, .icon-bx-xs.radius {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .border-1, .border-2, .border-3, .border-4, .border-5 {border-style: solid; } .border-1 {border-width: 1px; } .border-2 {border-width: 2px; } .border-3 {border-width: 3px; } .border-4 {border-width: 4px; } .border-5 {border-width: 5px; } .br-col-w1, .dlab-info.br-col-w1[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-w1, .icon-bx-wraper.bx-style-2.br-col-w1 {border-color: rgba(255, 255, 255, 0.15); } .br-col-w2, .dlab-info.br-col-w2[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-w2, .icon-bx-wraper.bx-style-2.br-col-w2 {border-color: rgba(255, 255, 255, 0.3); } .br-col-w3, .dlab-info.br-col-w3[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-w3, .icon-bx-wraper.bx-style-2.br-col-w3 {border-color: rgba(255, 255, 255, 0.5); } .br-col-w4, .dlab-info.br-col-w4[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-w4, .icon-bx-wraper.bx-style-2.br-col-w4 {border-color: rgba(255, 255, 255, 0.7); } .br-col-w5, .dlab-info.br-col-w5[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-w5, .icon-bx-wraper.bx-style-2.br-col-w5 {border-color: rgba(255, 255, 255, 0.9); } .br-col-b1, .dlab-info.br-col-b1[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-b1, .icon-bx-wraper.bx-style-2.br-col-b1 {border-color: rgba(0, 0, 0, 0.15); } .br-col-b2, .dlab-info.br-col-b2[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-b2, .icon-bx-wraper.bx-style-2.br-col-b2 {border-color: rgba(0, 0, 0, 0.3); } .br-col-b3, .dlab-info.br-col-b3[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-b3, .icon-bx-wraper.bx-style-2.br-col-b3 {border-color: rgba(0, 0, 0, 0.5); } .br-col-b4, .dlab-info.br-col-b4[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-b4, .icon-bx-wraper.bx-style-2.br-col-b4 {border-color: rgba(0, 0, 0, 0.7); } .br-col-b5, .dlab-info.br-col-b5[class*="border-"], .icon-bx-wraper.bx-style-1.br-col-b5, .icon-bx-wraper.bx-style-2.br-col-b5 {border-color: rgba(0, 0, 0, 0.9); } .op0 {opacity: 0; } .op1 {opacity: 0.1; } .op2 {opacity: 0.2; } .op3 {opacity: 0.3; } .op4 {opacity: 0.4; } .op5 {opacity: 0.5; } .op6 {opacity: 0.6; } .op7 {opacity: 0.7; } .op8 {opacity: 0.8; } .op9 {opacity: 0.9; } .icon-bx-lg i, .icon-bx-md i, .icon-bx-sm i, .icon-bx-xl i, .icon-bx-xs i {vertical-align: middle; } .icon-bx-xl i {font-size: 80px; } .icon-bx-lg i {font-size: 60px; } .icon-bx-md i {font-size: 45px; } .icon-bx-sm i {font-size: 30px; } .icon-bx-xs i {font-size: 20px; } .icon-bx-lg img, .icon-bx-md img, .icon-bx-sm img, .icon-bx-xl img, .icon-bx-xs img {vertical-align: middle; max-width: 100%; width: auto; } .icon-bx-xl img {height: 80px; } .icon-bx-lg img {height: 55px; } .icon-bx-md img {height: 40px; } .icon-bx-sm img {height: 30px; } .icon-bx-xs img {height: 20px; } .icon-lg, .icon-md, .icon-sm, .icon-xl, .icon-xs {display: inline-block; text-align: center; } .icon-xl {width: 100px; } .icon-lg {width: 80px; } .icon-md {width: 60px; } .icon-sm {width: 40px; } .icon-xs {width: 30px; } .icon-lg i, .icon-md i, .icon-sm i, .icon-xl i, .icon-xs i {vertical-align: middle; } .icon-xl i {font-size: 80px; line-height: 80px; } .icon-lg i {font-size: 60px; } .icon-md i {font-size: 45px; } .icon-sm i {font-size: 30px; } .icon-xs i {font-size: 20px; } .icon-lg img, .icon-md img, .icon-sm img, .icon-xl img, .icon-xs img {vertical-align: middle; max-width: 100%; width: auto; } .icon-xl img {height: 80px; } .icon-lg img {height: 70px; } .icon-md img {height: 50px; } .icon-sm img {height: 30px; } .icon-xs img {height: 20px; } .icon-bx-wraper {position: relative; } .icon-bx-wraper .dlab-tilte {margin-top: 0; } .icon-bx-wraper .after-titile-line {margin-bottom: 10px; } .icon-bx-wraper p:last-child {margin: 0; } .icon-content {overflow: hidden; } .icon-bx-wraper.left .icon-bx-lg, .icon-bx-wraper.left .icon-bx-md, .icon-bx-wraper.left .icon-bx-sm, .icon-bx-wraper.left .icon-bx-xl, .icon-bx-wraper.left .icon-bx-xs {float: left; margin-right: 20px; } .icon-bx-wraper.left .icon-lg, .icon-bx-wraper.left .icon-md, .icon-bx-wraper.left .icon-sm, .icon-bx-wraper.left .icon-xl, .icon-bx-wraper.left .icon-xs {float: left; margin-right: 10px; } .icon-bx-wraper.right {text-align: right; } .icon-bx-wraper.right .icon-bx-lg, .icon-bx-wraper.right .icon-bx-md, .icon-bx-wraper.right .icon-bx-sm, .icon-bx-wraper.right .icon-bx-xl, .icon-bx-wraper.right .icon-bx-xs {float: right; margin-left: 20px; } .icon-bx-wraper.right .icon-lg, .icon-bx-wraper.right .icon-md, .icon-bx-wraper.right .icon-sm, .icon-bx-wraper.right .icon-xl, .icon-bx-wraper.right .icon-xs {float: right; margin-left: 10px; } .icon-bx-wraper.center {text-align: center; } [class*="icon-bx-"][class*="bg-"]:not(.bg-white) a {color: #fff; } [class*="icon-bx-"][class*="border-"] {display: table; line-height: normal; margin-left: auto; margin-right: auto; } [class*="icon-bx-"][class*="border-"] .icon-cell {display: table-cell; vertical-align: middle; } .icon-bx-wraper.bx-style-1, .icon-bx-wraper.bx-style-2 {border-width: 1px; border-style: solid; border-color: #ebedf2; font-size: 14px; } .icon-bx-wraper.bx-style-2.center [class*="icon-bx-"], .icon-bx-wraper.bx-style-2.left [class*="icon-bx-"], .icon-bx-wraper.bx-style-2.right [class*="icon-bx-"] {position: absolute; } .icon-bx-wraper.bx-style-2.center [class*="icon-bx-"] {position: absolute; top: 0; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-bx-wraper.bx-style-2.center .icon-bx-xl {margin-left: -75px; } .icon-bx-wraper.bx-style-2.center .icon-bx-lg {margin-left: -60px; } .icon-bx-wraper.bx-style-2.center .icon-bx-md {margin-left: -50px; } .icon-bx-wraper.bx-style-2.center .icon-bx-sm {margin-left: -40px; } .icon-bx-wraper.bx-style-2.center .icon-bx-xs {margin-left: -20px; } .icon-bx-wraper.bx-style-2.left [class*="icon-bx-"] {position: absolute; top: auto; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .icon-bx-wraper.bx-style-2.right [class*="icon-bx-"] {position: absolute; top: auto; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .dlab-box, .dlab-info, .dlab-tilte, .dlab-tilte-inner {position: relative; } .dlab-tilte-inner {display: inline-block; } .dlab-tilte-inner.skew-title:after {content: ""; position: absolute; right: -15px; top: 0; width: 50px; height: 100%; z-index: -1; -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); -o-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); } .dlab-box[class*="border-"], .dlab-info[class*="border-"] {border-color: #eee; } .dlab-info.border-1, .dlab-info.border-2, .dlab-info.border-3, .dlab-info.border-4, .dlab-info.border-5 {border-top: none; } .left-border, .right-border {position: relative; } .left-border:before, .right-border:before {content: ""; position: absolute; top: 5px; width: 1px; height: 90%; background: #ccc; } .right-border:before {right: 0; } .dlab-media, .dlab-post-media {background-color: #fff; position: relative; } .dlab-media img, .dlab-post-media img {width: 100%; height: auto; } .dlab-box-bg {overflow: hidden; } .dlab-box-bg .site-button {overflow: unset; } .dlab-box-bg .glyph-icon {font-size: 50px; } .dlab-box-bg .icon-bx-wraper {background-color: #fff; } .icon-box-btn .site-button {background-color: #ffeae4; padding: 15px 20px; text-transform: uppercase; font-size: 15px; } .dlab-box-bg {background-size: cover; box-shadow: 20px 10px 40px 0 rgba(0, 0, 0, 0.05); } .dlab-box-bg.active .icon-bx-wraper {background-color: rgba(0, 0, 0, 0.7); } .dlab-box-bg .icon-box-btn .site-button, .dlab-box-bg .icon-content .dlab-tilte, .dlab-box-bg .icon-content p, .dlab-box-bg .text-primary {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .dlab-box-bg.active .icon-box-btn .site-button, .dlab-box-bg.active .icon-content .dlab-tilte, .dlab-box-bg.active .icon-content p, .dlab-box-bg.active .text-primary {color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .dlab-box-bg .icon-box-btn .site-button {border-radius: 0; color: var(--color-primary); font-weight: 600; margin-bottom: 0; } .content-box-head {border-radius: 50px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); font-family: "Open Sans", sans-serif; margin-bottom: 20px; margin-top: -46px; padding: 12px 0; position: relative; z-index: 1; } .cvf-universal-pagination .pagination, .pagination-bx .pagination {margin: 0; } .pagination {padding: 10px 0; } .pagination > li:first-child > a, .pagination > li:first-child > span {border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination > li > a, .pagination > li > span {background-color: #fff; border: 1px solid #efefef; color: #767676; padding: 8px 14px; font-weight: 400; font-size: 14px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {border-color: transparent; color: #fff; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {border-color: transparent; } .pagination > .next > a, .pagination > .previous > a {padding: 8px 14px; font-size: 14px; font-weight: 500; } .pagination-sm .pagination > .next > a, .pagination-sm .pagination > li > a, .pagination-sm .pagination > li > span .pagination-sm .pagination > .previous > a {font-size: 12px; padding: 6px 12px; } .pagination-lg .pagination > .next > a, .pagination-lg .pagination > li > a, .pagination-lg .pagination > li > span .pagination-lg .pagination > .previous > a {font-size: 18px; padding: 10px 20px; } .pagination-bx.primary .pagination > li > a, .pagination-bx.primary .pagination > li > span {background-color: var(--color-primary); color: #fff; margin: 0 1px; border: 0; } .pagination-bx.primary .pagination > li.active > a, .pagination-bx.primary .pagination > li.active > span, .pagination-bx.primary .pagination > li > a:hover, .pagination-bx.primary .pagination > li > span:hover {background-color: var(--color-hover); } .pagination-bx.rounded .pagination > li > a, .pagination-bx.rounded .pagination > li > span {border-radius: 30px; margin: 0 1px; } .pagination-bx.rounded-sm .pagination > li > a, .pagination-bx.rounded-sm .pagination > li > span {border-radius: 4px; margin: 0 1px; } .pagination-bx .pull-right {float: right; } .pagination-bx .pagination {width: 100%; } .pagination-bx.gray .pagination > li > a, .pagination-bx.gray .pagination > li > span {background-color: #f6f7f8; margin: 0 1px; border: 0; } .pagination-bx.gray .pagination > li.active > a, .pagination-bx.gray .pagination > li.active > span, .pagination-bx.gray .pagination > li > a:hover, .pagination-bx.gray .pagination > li > span:hover {background-color: var(--color-primary); box-shadow: 2px 2px 8px 0 rgba(26, 188, 156, 0.5); color: #fff; } @media only screen and (max-width: 991px) {.pagination-bx {margin-bottom: 30px; } } @media only screen and (max-width: 576px) {.pagination-lg .pagination > .next > a, .pagination-lg .pagination > li > a, .pagination-lg .pagination > li > span .pagination-lg .pagination > .previous > a {font-size: 16px; padding: 8px 15px; } } .dataTables_paginate ul.pagination {margin: 0; } .dataTables_paginate .pagination > li {padding: 0; } .bg-black-1, .bg-black-1 .footer-bottom, .bg-black-1 .footer-top {background-color: #191f23; } .bg-black-2, .bg-black-2 .footer-bottom, .bg-black-2 .footer-top {background-color: #222324; } .bg-black-3, .bg-black-3 .footer-bottom, .bg-black-3 .footer-top {background-color: #222324; } .bgpt1, .bgpt1 .footer-bottom, .bgpt1 .footer-top {background-image: url(../images/pattern/pt1.png); background-size: auto; } .bgpt2, .bgpt2 .footer-bottom, .bgpt2 .footer-top {background-image: url(../images/pattern/pt2.png); background-size: auto; } .bgpt3, .bgpt3 .footer-bottom, .bgpt3 .footer-top {background-image: url(../images/pattern/pt3.png); background-size: auto; } .bgpt4, .bgpt4 .footer-bottom, .bgpt4 .footer-top {background-image: url(../images/pattern/pt4.png); background-size: auto; } .bg-black-3 {background-color: #191f23; } .bg-black-4 {background-color: #191f23; } .footer-fixed .site-footer {position: fixed; width: 100%; bottom: 0; } .footer-fixed .page-content {position: relative; z-index: 1; background-color: #fff; } footer h1, footer h1 a, footer h2, footer h2 a, footer h3, footer h3 a, footer h4, footer h4 a, footer h5, footer h5 a, footer h6, footer h6 a {color: #b0b0b0; } footer, footer b, footer p, footer strong {color: #b0b0b0; } footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer p a {color: #b0b0b0; } footer a, footer a:visited {color: #b0b0b0; } footer p a {color: #b0b0b0; } footer a:active, footer a:focus, footer a:hover {color: #b0b0b0; } footer .widget_archive ul li a, footer .widget_categories ul li a, footer .widget_meta ul li a, footer .widget_nav_menu li a, footer .widget_pages ul li a, footer .widget_recent_comments ul li a, footer .widget_recent_entries ul li a, footer .widget_services ul li a {color: #b0b0b0; } footer p {margin-bottom: 10px; } footer li, footer p {font-size: 13px; line-height: 22px; } footer#footer {background-position: center; background-size: cover; } footer p {line-height: 24px; margin-bottom: 10px; } footer .widget ul {list-style: none; margin-top: 5px; } footer .widget_archive ul li, footer .widget_categories ul li, footer .widget_meta ul li, footer .widget_nav_menu li, footer .widget_pages ul li, footer .widget_recent_comments ul li, footer .widget_recent_entries ul li, footer .widget_services ul li {border-bottom: 1px dashed rgba(102, 102, 102, 0.3); } .footer-top {background: #1c1c1c; background-size: cover; background-position: center; padding: 80px 0 20px; } .footer-bottom {background-color: #1c1c1c; padding: 25px 0; color: #b0b0b0; font-size: 14px; border-top: 1px solid rgba(255, 255, 255, 0.05); } .footer-bottom ul {margin: 0; } .footer-full .container-fluid {padding-left: 50px; padding-right: 50px; } footer.text-white h1, footer.text-white h1 a, footer.text-white h2, footer.text-white h2 a, footer.text-white h3, footer.text-white h3 a, footer.text-white h4, footer.text-white h4 a, footer.text-white h5, footer.text-white h5 a, footer.text-white h6, footer.text-white h6 a {color: #fff; } footer.text-white, footer.text-white b, footer.text-white p, footer.text-white strong {color: #fff; } footer.text-white .footer-bottom, footer.text-white .footer-bottom a, footer.text-white .widget_services ul li a, footer.text-white a, footer.text-white a:visited, footer.text-white h1 a, footer.text-white h2 a, footer.text-white h3 a, footer.text-white h4 a, footer.text-white h5 a, footer.text-white h6 a, footer.text-white p a {color: #fff; } footer.text-white .input-group .form-control {color: #fff; } footer.text-white .dlab-quik-search .form-control::-moz-placeholder {color: #fff; } footer.text-white .dlab-quik-search .form-control:-moz-placeholder {color: #fff; } footer.text-white .dlab-quik-search .form-control:-ms-input-placeholder {color: #fff; } footer.text-white .dlab-quik-search .form-control::-webkit-input-placeholder {color: #fff; } .footer-title {margin-bottom: 30px; } @media only screen and (max-width: 991px) {.col-md-3.col-sm-6.footer-col-4:nth-child(3) {clear: both; } .footer-full .text-center, .footer-full .text-left, .footer-full .text-right {text-align: center; margin-bottom: 30px; } .footer-full .text-right {margin-bottom: 0; } } @media only screen and (max-width: 767px) {.footer-title {margin-bottom: 15px; } .footer-clear {display: block !important; clear: both; } #footer .footer-4-col {width: 100%; } .footer-bottom [class*="clo-"] {width: 100%; } } .subscribe-form input {background-color: rgba(0, 0, 0, 0); border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 30px !important; height: 50px; padding: 10px 20px; margin-right: 5px; color: #fff; font-size: 15px; } .subscribe-form input.radius-no {border-radius: 0 !important; } .subscribe-form .site-button {height: 50px; } .subscribe-form .input-group-btn {padding-left: 10px; } .map-footer .footer-top {padding: 0; } button.scroltop {background: var(--color-primary); border-color: #efbb20; border-radius: 4px; border-style: solid; border-width: 0; bottom: 15px; color: #fff !important; cursor: pointer; display: none; height: 50px; line-height: 50px; margin: 0; position: fixed; right: 15px; text-align: center; width: 50px; z-index: 999; box-shadow: -4px 4px 24px -10px; transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; } button.scroltop.style1:after, button.scroltop.style2:after, button.scroltop.style3:after {position: absolute; width: 100%; height: 100%; border-radius: inherit; content: ""; top: 0; left: 0; padding: 0; z-index: -1; background: inherit; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; } button.scroltop.style1:hover:after {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } button.scroltop.radius {border-radius: 100%; } button.scroltop.white {background: #fff; color: var(--color-primary) !important; } button.scroltop.style2:after {border: 1px dashed var(--color-primary); background: 0 0; transform: scale(1.2); transition: all 0.5s; } button.scroltop.style2:hover:after {-webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; } @-webkit-keyframes spinAround {from {-webkit-transform: rotate(0) scale(1.2); } to {-webkit-transform: rotate(360deg) scale(1.2); } } @-moz-keyframes spinAround {from {-moz-transform: rotate(0) scale(1.2); } to {-moz-transform: rotate(360deg) scale(1.2); } } @keyframes spinAround {from {transform: rotate(0) scale(1.2); } to {transform: rotate(360deg) scale(1.2); } } .icon-bx-wraper:hover .icon-up i, .icon-bx-wraper:hover .icon-up img, .icon-up:hover i {-webkit-animation: toTopFromBottom 0.8s forwards; -moz-animation: toTopFromBottom 0.8s forwards; animation: toTopFromBottom 0.8s forwards; } @-webkit-keyframes toTopFromBottom {49% {-webkit-transform: translateY(-100%); } 50% {opacity: 0; -webkit-transform: translateY(100%); } 51% {opacity: 1; } } @-moz-keyframes toTopFromBottom {49% {-moz-transform: translateY(-100%); } 50% {opacity: 0; -moz-transform: translateY(100%); } 51% {opacity: 1; } } @keyframes toTopFromBottom {49% {transform: translateY(-100%); } 50% {opacity: 0; transform: translateY(100%); } 51% {opacity: 1; } } button.scroltop.style3:after {background: 0 0; border: 1px solid; } button.scroltop.style3:hover:after {transform: scale(1.2); } button.scroltop.style4 {transition: all 0.5s; } button.scroltop.style4:hover {transform: scale(1.1); } .footer-white {border-top: 0 solid #e0e0e0; } .footer-white .form-control {border-color: rgba(0, 0, 0, 0.1); } .footer-white .footer-top {background-color: #fdfdfd; } .footer-white .footer-bottom {background-color: #efefef; } footer.footer-white, footer.footer-white .footer-bottom, footer.footer-white .footer-bottom a, footer.footer-white b, footer.footer-white h1, footer.footer-white h1 a, footer.footer-white h2, footer.footer-white h2 a, footer.footer-white h3, footer.footer-white h3 a, footer.footer-white h4, footer.footer-white h4 a, footer.footer-white h5, footer.footer-white h5 a, footer.footer-white h6, footer.footer-white h6 a, footer.footer-white p, footer.footer-white strong, footer.footer-white.site-footer .widget_services ul li a {color: #000; } .footer-white .footer-bottom {border: 0; } .footer-white .widget_getintuch i {background-color: rgba(0, 0, 0, 0); border: 0 solid transparent; font-size: 20px; } .footer-contact-info {border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer-gray .footer-bottom, .footer-gray .footer-top {background-color: #292929; } .footer-gray-1 .footer-bottom, .footer-gray-1 .footer-top {background-color: #1a1a1a; } .site-footer .icon-bx-wraper {overflow: hidden; } .site-footer .icon-content {overflow: unset; } .site-footer .dlab-tilte {position: inherit; } .site-footer .icon-sm {bottom: -10px; opacity: 0.15; position: absolute; right: 0; width: auto; z-index: 2; } .site-footer .icon-sm i {font-size: 90px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .site-footer .icon-bx-wraper:hover .icon-sm i {transform: scale(1.5) rotate(20deg); -webkit-transform: scale(1.5) rotate(20deg); -moz-transform: scale(1.5) rotate(20deg); -o-transform: scale(1.5) rotate(20deg); -ms-transform: scale(1.5) rotate(20deg); } @media only screen and (max-width: 575px) {.footer-bottom .text-center, .footer-bottom .text-left, .footer-bottom .text-right {text-align: center !important; } } .page-wraper {background: #f8f8f8; } .page-content {margin-top: 0; padding-bottom: 50px; } .content-area {padding-top: 60px; } .section-full {position: relative; } .section-full:last-child {margin-bottom: -50px; } .section-head {margin-bottom: 50px; } .section-head.no-margin {margin-bottom: 0; } .section-head h1, .section-head h2, .section-head h3 {margin-top: 0; } .title-small {display: block; color: #494949; margin-bottom: 15px; } .section-head p {padding-top: 10px; font-size: 15px; color: #494949; } .text-center.section-head p {margin-left: auto; margin-right: auto; max-width: 700px; } .text-white {color: #fff; } .text-white .title-small, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p {color: #fff; } @media only screen and (max-width: 1024px) {.section-full {background-attachment: scroll !important; } } @media only screen and (max-width: 991px) {.page-content {margin-top: 0; } } .page-notfound {padding: 50px 0; } .page-notfound strong {font-size: 200px; font-weight: 900; line-height: 140px; display: block; } .page-notfound strong i {font-size: 190px; margin: 0 10px; } .page-notfound .searchform {position: relative; text-align: left; max-width: 420px; margin: 30px auto; } @media only screen and (max-width: 767px) {.page-notfound strong, .page-notfound strong i {font-size: 120px; } } .sticky {clear: both; } .gallery-caption {clear: both; } .bypostauthor {clear: both; } .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: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .dlab-gallery-listing {list-style: none; margin-bottom: 0; } .dlab-gallery-box {margin-bottom: 30px; } #bg {background-attachment: fixed; background-size: cover; } .boxed .page-wraper {max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .boxed .rev_slider_wrapper, .boxed .tp-banner-container {left: 0 !important; width: 100% !important; } .boxed .tp-rightarrow {right: 0 !important; } .boxed .tp-leftarrow {left: 0 !important; } .boxed.footer-fixed .site-footer {left: 50%; width: 1200px; margin: 0 -600px; } .boxed .is-fixed .main-bar {left: 50%; width: 1200px; margin: 0 -600px; } .boxed .is-fixed.header-curve .logo-header:after {right: auto; left: -15px; width: 90%; } .frame {padding: 30px; } .frame .page-wraper {margin: 0 auto; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .frame .rev_slider_wrapper, .frame .tp-banner-container {left: 0 !important; width: 100% !important; } .frame .tp-rightarrow {right: 0 !important; } .frame .tp-leftarrow {left: 0 !important; } .frame .is-fixed .main-bar {left: 0; width: 100%; margin: 0; } .frame .is-fixed.header-curve .logo-header:after {right: auto; left: -15px; width: 90%; } .frame button.scroltop {right: 50px; bottom: 50px; } @media only screen and (max-width: 1024px) {.frame {padding: 0; } .frame button.scroltop {right: 15px; bottom: 15px; } } .ow-portfolio-img, .owl-imgbx {position: relative; } .ow-entry-content {border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; background-color: #fff; padding: 20px; margin-bottom: 5px; } .ow-entry-title {font-size: 16px; font-weight: 600; padding: 5px 0; } .ow-entry-title, .ow-entry-title a {color: #3d474a; } .ow-entry-text p:last-child {margin: 0; } .btn-quantity {width: 150px; } .product-description.dex-tabs.border-top .nav-tabs > li.active > a {border-top: 2px solid #efbb20; } .product-description.dex-tabs .nav-tabs > li > a i {color: #efbb20; } .dex-tabs.bg-tabs .nav-tabs > li > a {background-color: #fcfcfc; } .btn-quantity.style-1 {width: 130px; } .btn-quantity.style-1 input {background: #f8f8f8 none repeat scroll 0 0; border: 0 none; font-size: 14px; padding: 0 45px; text-align: center; } .btn-quantity.style-1 .input-group-btn-vertical button:first-child, .btn-quantity.style-1 .input-group-btn-vertical button:last-child {background: #ebebeb none repeat scroll 0 0; border: 0 none; position: absolute; height: 40px; top: 0; width: 40px; padding: 0; z-index: 2; margin: 0; } .btn-quantity.style-1 .input-group-btn-vertical button:hover {background-color: #d1d1d1; } .btn-quantity.style-1 .input-group-btn-vertical button:first-child {right: 0; } .btn-quantity.style-1 .input-group-btn-vertical button:last-child {left: 0; } .btn-quantity.style-1 .bootstrap-touchspin .input-group-btn-vertical i {color: #909090; font-size: 16px; position: unset; } .btn-quantity.style-1 .bootstrap-touchspin .input-group-btn-vertical i {top: 12px; left: 12px; } .btn-quantity.style-1 .input-group {position: relative; } .btn-quantity.style-1 .bootstrap-touchspin .input-group-btn-vertical {position: absolute; width: 100%; left: 0; } ol.commentlist {list-style: none; margin: 0; } ol.commentlist li {position: relative; padding: 0; margin-bottom: 20px; background: #f7f8fa; padding: 20px; border: 1px dashed #eee; } ol.commentlist li img {float: left; border: 5px solid #fff; width: 80px; height: auto; } ol.commentlist li .comment-text {padding-left: 100px; } ol.commentlist li .meta {margin-bottom: 5px; } ol.commentlist li .meta strong {font-size: 16px; } ol.commentlist li .meta .time {color: #999; display: block; font-size: 14px; } ol.commentlist li .description p {margin: 0; } ol.commentlist li .star-rating {position: absolute; top: 20px; right: 20px; } .comment-reply-title {margin-top: 0; } .comment-form [class*="comment-form"] {width: 49%; } .comment-form label {display: block; } .comment-form [class*="comment-form"] input, .comment-form [class*="comment-form"] textarea {border: 1px solid #ccc; padding: 8px 10px; width: 100%; } .comment-form {margin: 0 -15px; } .comment-form .form-submit, .comment-form [class*="comment-form"] {margin-bottom: 20px; padding: 0 15px; } .dlab-quik-search {background-color: rgba(0, 0, 0, 0.9) !important; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; overflow: hidden; } .dlab-quik-search.On form {transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s; max-width: 1200px; opacity: 1; } .dlab-quik-search form {width: 100%; max-width: 100px; margin: auto; position: relative; top: 50%; transition: all 0.5s; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); opacity: 0; } .dlab-quik-search .form-control {padding: 15px 60px 15px 15px; width: 100%; height: 90px; border: none; background: 0 0; color: #fff; font-size: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.2); } .dlab-quik-search .form-control::-moz-placeholder {color: #fff; } .dlab-quik-search .form-control:-moz-placeholder {color: #fff; } .dlab-quik-search .form-control:-ms-input-placeholder {color: #fff; } .dlab-quik-search .form-control::-webkit-input-placeholder {color: #fff; } .dlab-quik-search span {position: absolute; right: 15px; top: 50%; margin: -15px 0; height: 25px; font-size: 20px; cursor: pointer; } .form-box1 .form-control {height: 50px; padding: 15px 20px; font-size: 16px; text-transform: capitalize; border: 2px solid rgba(0, 0, 0, 0.05); } .form-box1 textarea.form-control {height: 150px; } .form-box1 .form-control:focus, .form-box1 .form-control:hover {border: 2px solid rgba(0, 0, 0, 0.2); } #gmap_canvas {width: 100%; height: 400px; } #gmap_canvas img {max-width: none !important; background: 0 0 !important; } .fb-btn {background-color: #4867aa; } .tw-btn {background-color: #1da1f2; } .gplus-btn {background-color: #dc4a38; } .pin-btn {background-color: #cc2127; } .link-btn {background-color: #0274b3; } .dlab-social-icon.dlab-social-icon-lg li a {font-size: 14px; height: 35px; line-height: 34px; padding: 0; width: 35px; } .dlab-media.dlab-media-left .dlab-info-has, .dlab-media.dlab-media-right .dlab-info-has, .dlab-media.dlab-media-top .dlab-info-has {bottom: auto; margin-bottom: 0; top: 0; } .dlab-media.dlab-media-top .dlab-info-has {margin-top: -100px; } .dlab-box:hover .dlab-media.dlab-media-top .dlab-info-has, .dlab-media.dlab-media-top:hover .dlab-info-has {margin-top: 0; } .dlab-media.dlab-media-left .dlab-info-has {left: 0; padding: 15px; width: auto; margin-left: -60px; } .dlab-media.dlab-media-left:hover .dlab-info-has {margin-left: 0; } .dlab-media.dlab-media-left .dlab-social-icon li {display: block; margin: 3px 0; } .dlab-media.dlab-media-right .dlab-info-has {right: 0; padding: 15px; width: auto; left: auto; margin-right: -60px; } .dlab-media.dlab-media-right:hover .dlab-info-has {margin-right: 0; } .dlab-media.dlab-media-right .dlab-social-icon li {display: block; margin: 3px 0; } .rounded-team .round-box {transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; left: 0; margin: 0 auto; position: relative; z-index: 2; width: 195px; height: 195px; border-radius: 100%; overflow: hidden; padding: 10px; display: block; border: 1px solid #fff; } .rounded-team .team-mamber {width: 100%; height: 100%; padding: 10px; overflow: hidden; border-radius: 100%; background-color: #fff; } .rounded-team .team-mamber img {-moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .rounded-team .sosial-icon-team {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; border-radius: 100%; display: block; height: 195px; overflow: hidden; position: absolute; right: 50%; top: 0; width: 195px; margin-right: -97px; } .rounded-team .sosial-icon-team ul li, .rounded-team .sosial-icon-team ul.rounde-team-social-icon li a {width: 100%; display: block; color: #fff; } .rounded-team .sosial-icon-team ul.rounde-team-social-icon {margin-right: -5px; margin-top: 28px; width: 80px; float: right; } .rounded-team {position: relative; } .rounded-team:hover .sosial-icon-team {margin-right: -117px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .rounded-team:hover .round-box {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; left: -20px; } .rounded-team .team-info {border-color: #d3d3d3; margin-top: -27px; } .rounded-team .team-social-btn ul li a {background-color: silver; } .rounded-team .rounde-team-social-icon li a {color: #fff; font-size: 14px; height: 35px; line-height: 34px; padding: 0; width: 35px; } .team-box-type {border: 1px solid rgba(0, 0, 0, 0.1); } .team-info-box, .team-mamber-img {width: 50%; } .team-info-box {padding: 20px; } .team-info-box, .team-mamber-img {display: table-cell; vertical-align: middle; } .team-box-type, .team-info-box {overflow: hidden; } .team-p-info {list-style: none; padding: 0; margin: 0; } .team-p-info li {display: block; width: 100%; font-size: 15px; padding: 5px 0; color: #404040; } @media only screen and (max-width: 767px) {.team-info-box, .team-mamber-img {width: 100%; display: block; } } .sidenav.cs-sidenav {width: 800px; right: -820px; left: auto; } .sidenav {height: 100%; width: 300px; position: fixed; z-index: 9; top: 0; left: -320px; background-color: #fff; overflow-x: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); border: 0 none; border-radius: 0; } .sidenav > ul li a {padding: 10px 15px; display: block; border-color: #ebebeb; border-image: none; border-style: solid; border-width: 1px 0; display: block; margin-bottom: -1px; padding: 10px 15px; font-size: 15px; font-weight: 600; } .sidenav > ul li a:hover {color: #fff; } .sidenav .logo-header {height: auto; padding: 15px; width: 100%; } .button-side-nav {position: fixed; right: 20px; top: 20px; z-index: 999; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.4); font-size: 17px; cursor: pointer; } .sidenav .closebtn {color: #fff; font-size: 24px; height: 35px; line-height: 35px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 35px; z-index: 9; } #main {transition: margin-left 0.5s; -moz-transition: margin-left 0.5s; -webkit-transition: margin-left 0.5s; -o-transition: margin-left 0.5s; } @media only screen and (max-width: 800px) {.sidenav.cs-sidenav {width: 100%; } } #particles-js .container {z-index: 2; } .particles-js-canvas-el {position: absolute; top: 0; z-index: 1; } #loading-area {width: 100%; height: 100%; background-color: #fff; position: fixed; left: 0; top: 0; opacity: 1; z-index: 999999999; background-image: url(../images/loading.svg); background-repeat: no-repeat; background-size: 80px; background-position: center; } #loading-area.solar-loading {background-size: 280px; background-image: url(../images/solar.gif); } .dlab-social-icon.dlab-social-icon-lg li a {color: #fff; font-size: 14px; height: 35px; line-height: 34px; padding: 0; width: 35px; } .dlab-social-icon-lg.dlab-social-icon li {display: inline-block; font-size: 12px; padding: 0; } .dlab-social-icon-lg.dlab-social-icon.border li a {border: 1px solid rgba(255, 255, 255, 0.05); } .contact-style-1 input {height: 50px; } .contact-style-1 .site-button {height: 50px; width: 100%; } .contact-style-1 .form-control {padding: 10px 20px; } .contact-style-1 .form-control:focus, .contact-style-1 .form-control:hover {border-color: silver; } .contact-style-1 h2 {margin-top: 0; } .contact-style-1 .border-1 {border: 1px solid #eee; } .contact-style-1 .dlab-social-icon-lg {border-top: 1px solid #eee; padding-top: 20px; text-align: left; width: 100%; margin: 0; } .contact-style-1 .dlab-social-icon-lg a {text-align: center; } .contact-style-1 .dlab-social-icon-lg li a:hover {background: #fff; color: #000; border: 1px solid #eee; } .contact-style-1 .form-group {margin-bottom: 25px; } .shop-form .bootstrap-select .dropdown-toggle, .shop-form .form-control {border-width: 2px; border-radius: 0; } .shop-form .bootstrap-select .dropdown-toggle {border-width: 2px !important; } .shop-form p {font-weight: 500; color: #a3a3a3; } .shop-form textarea {height: 150px; } .shop-form .bootstrap-select:focus .dropdown-toggle, .shop-form .bootstrap-select:hover .dropdown-toggle, .shop-form .form-control:focus, .shop-form .form-control:hover {border-color: #636363 !important; } .check-tbl img {width: 80px; } .check-tbl th {font-weight: 700; font-size: 15px; padding: 10px; } .check-tbl td {font-weight: 600; padding: 10px; } .check-tbl.table > tbody > tr > td, .check-tbl.table > tbody > tr > th, .check-tbl.table > tfoot > tr > td, .check-tbl.table > tfoot > tr > th, .check-tbl.table > thead > tr > td, .check-tbl.table > thead > tr > th {vertical-align: middle; } .check-tbl .product-item-price, .check-tbl .product-price, .check-tbl .product-price-total, .product-price, .product-price-total {font-weight: 700; } .product-item-close a {border: 1px solid #f0526d; color: #f0526d; padding: 8px; } .product-item-close a:hover {opacity: 0.5; } .item-img {overflow: hidden; position: relative; } .item-img img {width: 100%; } .item-info-in {bottom: -20%; padding: 15px; position: absolute; text-align: center; width: 100%; background-color: rgba(0, 0, 0, 0.5); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.2s; opacity: 0; } .item-box:hover .item-info-in {opacity: 1; bottom: 0; } .item-info-in ul li {display: inline-block; } .item-info-in ul li a {color: #fff; display: inline-block; font-size: 18px; padding: 5px 10px; } .item-info-in ul, .item-review {margin: auto; padding: 0; list-style: none; } .item-review li {display: inline-block; font-size: 15px; } .item-price del {font-size: 16px; font-weight: 400; opacity: 0.4; } .item-price {font-family: open sans; font-size: 18px; font-weight: 600; } .item-info-in.center {bottom: auto; left: 50%; top: 30%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .item-box:hover .item-info-in.center {top: 50%; bottom: auto; } .item-info-in.no-bg {background-color: rgba(0, 0, 0, 0); } .item-info-in.no-bg.tb a {color: #000; } .item-info-in.no-bg.tb a:hover {color: #000; opacity: 0.8; } .item-info-in.left {width: auto; padding: 10px; } .item-info-in.left ul li {display: block; } .item-info-in.right {width: auto; padding: 10px; right: 0; left: auto; } .item-info-in.right ul li {display: block; } .item-info-in.top {width: auto; padding: 10px; top: -20%; left: 0; bottom: auto; height: auto; } .item-box:hover .item-info-in.top, .item-box:hover .item-info-in.top.right, .item-img:hover .item-info-in.top, .item-img:hover .item-info-in.top.right {top: 0; } .item-box:hover .item-info-in.top, .item-img:hover .item-info-in.top {bottom: auto; } .item-info-in.top.right ul li {display: block; } .item-info-in.top.right {width: auto; padding: 10px; top: -20%; right: 0; bottom: auto; left: auto; } .item-info-in.full {height: 100%; } .item-info-in.full ul li {display: block; width: 100%; } .item-info-in.full .center, .item-info-in.full ul {position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .item-add {outline: 8px solid rgba(255, 255, 255, 0.5); outline-offset: -20px; position: relative; overflow: hidden; } .add-box {align-items: center; display: flex; flex-flow: row nowrap; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; } .add-box h2 {font-size: 50px; line-height: 50px; font-weight: 700; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .add-box h5 {font-size: 20px; line-height: 20px; font-weight: 700; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .item-add.add-style-2 {outline: 8px solid rgba(0, 0, 0, 0.1); } .item-add.add-style-2 img {opacity: 0.05; } .item-add.add-style-2 .add-box h2, .item-add.add-style-2 .add-box h5 {text-shadow: none; } .item-add.add-style-3 {outline: 0; } .item-add.add-style-3 h2, .item-add.add-style-3 h5 {text-shadow: none; } .item-add.add-style-3 h2 {font-size: 30px; margin: 0; } .item-add.add-style-3 .add-box .add-box-in {background-color: rgba(255, 255, 255, 0.9); padding: 20px 30px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .item-add.add-style-3 .add-box .add-box-in.black {background-color: rgba(0, 0, 0, 0.8); } .item-add.add-style-3:hover .add-box-in {padding: 30px 40px; } .shop-item-rating {position: absolute; top: 0; right: 0; } .shop-item-rating span {display: block; text-align: right; margin-bottom: 10px; } .shop-item-tage span {font-size: 15px; font-weight: 600; } .shop-item-tage a {font-weight: 600; margin-left: 7px; } .outline-hv {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; outline: 10px solid rgba(255, 255, 255, 0.5); } .item-box:hover .outline-hv, .outline-hv:hover {outline: 10px solid rgba(255, 255, 255, 0.5); outline-offset: -30px; } .product-item .dlab-info {border-top: 1px solid #e9e9e9; } .product-item .dlab-box {border: 1px solid #e9e9e9; position: relative; } .product-item .sale:after {border-right: 5px solid transparent; border-top: 4px solid #8f0000; bottom: -4px; content: ""; position: absolute; right: 0; } .product-item .sale {position: absolute; right: -5px; top: 10px; z-index: 2; } .product-item .overlay-icon {bottom: 0; top: auto; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .product-item:hover .overlay-icon {bottom: 40px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .product-item:hover img {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .product-item .overlay-icon a i {background-color: #efbb20; color: #fff; } .product-item:hover .dlab-box, .product-item:hover .dlab-info {border-color: #d0d0d0; } .add-product .dlab-info-has.bg-black {background-color: rgba(0, 0, 0, 0.4); } .add-product .dlab-info-has {top: 0; } .add-product del {opacity: 0.6; } .product-service .icon-bx-wraper {border: 0; } .product-item del {color: #b0b0b0; font-size: 18px; margin-top: 0; position: relative; top: -1px; } .item-widgets-body, .item-widgets-box {overflow: hidden; } .item-widgets-box {margin-top: 15px; } .item-widgets-box:first-child {margin-top: 0; } .item-widgets-left {padding-right: 15px; } .item-widgets-left img {width: 80px; } .item-widgets-body, .item-widgets-left, .item-widgets-right {display: table-cell; vertical-align: middle; } .item-widgets-body .item-price del, .item-widgets-body .item-title {font-size: 15px; } .product-item-size .btn {background-color: #f3f3f3; border: 0 solid #e0e0e0; border-radius: 0; font-size: 14px; height: 40px; line-height: 38px; padding: 0; text-align: center; width: 40px; margin-right: 4px; } .product-item-size .btn.active {background-color: var(--color-primary); box-shadow: none; color: #fff; } .product-item-size.size-sm .btn {font-size: 11px; height: 25px; line-height: 23px; width: 25px; } .product-item-size.size-lg .btn {font-size: 18px; height: 50px; line-height: 48px; width: 50px; } .product-item-color .btn {border: 0 none; border-radius: 30px !important; height: 30px; opacity: 0.5; padding: 0; width: 30px; border: 2px solid rgba(0, 0, 0, 0.1); margin-right: 5px; } .product-item-color .btn.active {border: 2px solid rgba(0, 0, 0, 0.3); box-shadow: none; opacity: 1; } .product-item-color.size-sm .btn {height: 20px; width: 20px; } .product-gallery.on-show-slider {position: relative; } .sticky-md-top, .sticky-sm-top, .sticky-top, .sticky-top > .side-bar {position: sticky; position: -webkit-sticky; top: 100px; } @media only screen and (max-width: 991px) {.sticky-top {position: unset; } } @media only screen and (max-width: 767px) {.sticky-md-top {position: unset; } .check-tbl .btn-quantity {width: 50px; } } @media only screen and (max-width: 575px) {.sticky-sm-top {position: unset; } .product-item-time {display: none; } .shop-cart-2-head .dropdown .form-control {width: 66px; } } .download-file ul {margin: 0; padding: 0; list-style: none; } .download-file ul li {display: block; margin-bottom: 10px; } .download-file ul li a {background: #e0e0e0 none repeat scroll 0 0; color: #000; display: block; padding: 15px 20px; } .download-file ul li a span {margin-right: 10px; } .site-footer .widget_getintuch {padding-top: 0; } .content-inner {padding-top: 80px; padding-bottom: 50px; } .content-inner-1 {padding-top: 80px; padding-bottom: 0; } .content-inner-2 {padding-top: 80px; padding-bottom: 80px; } .content-inner-3 {padding-top: 100px; padding-bottom: 70px; } .testimonial-five .owl-controls {margin-top: 0; } .dis-tbl {display: table; } .dis-tbl-cell {display: table-cell; vertical-align: middle; } .dis-tbl-cell-t {display: table-cell; vertical-align: top; } .dis-tbl-cell-b {display: table-cell; vertical-align: bottom; } .img-cover {object-fit: cover; width: 100%; max-width: 100%; min-width: 100%; height: 100%; } .row.sp80, .sp80 {margin-left: -40px; margin-right: -40px; } .row.sp80 [class*="col-"], .sp80 [class*="col-"] {padding-left: 40px; padding-right: 40px; } .row.sp60, .sp60 {margin-left: -30px; margin-right: -30px; } .row.sp60 [class*="col-"], .sp60 [class*="col-"] {padding-left: 30px; padding-right: 30px; } .row.sp40, .sp40 {margin-left: -20px; margin-right: -20px; } .row.sp40 [class*="col-"], .sp40 [class*="col-"] {padding-left: 20px; padding-right: 20px; } .row.sp20, .sp20 {margin-left: -9px; margin-right: -9px; } .row.sp20 [class*="col-"], .sp20 [class*="col-"] {padding-left: 9px; padding-right: 9px; } .row.sp15, .sp15 {margin-left: -7.5px; margin-right: -7.5px; } .row.sp15 [class*="col-"], .sp15 [class*="col-"] {padding-left: 7.5px; padding-right: 7.5px; } .row.sp10, .sp10 {margin-left: -5px; margin-right: -5px; } .row.sp10 [class*="col-"], .sp10 [class*="col-"] {padding-left: 5px; padding-right: 5px; } .row.spno, .spno {margin-left: 0; margin-right: 0; } .row.spno [class*="col-"], .spno [class*="col-"] {padding-left: 0; padding-right: 0; } @media only screen and (max-width: 767px) {.content-area {padding-top: 30px; } .page-content {padding-bottom: 30px; } .footer-top {padding-top: 40px; } .site-footer .widget {margin-bottom: 25px; } .section-full:last-child {margin-bottom: -30px; } .content-inner {padding-bottom: 20px; padding-top: 30px; } .content-inner-1 {padding-top: 30px; padding-bottom: 0; } .content-inner-2 {padding-top: 30px; padding-bottom: 30px; } .section-head {margin-bottom: 25px; } .dlab-project-left {padding-top: 30px; } .testimonial-section {padding-top: 30px; } .testimonial-section .owl-controls {margin-top: 20px; } .section-head p {padding-top: 0; } .h3 {font-size: 28px; margin-top: 10px; } .about-service .icon-bx-wraper:nth-child(2) {margin-top: 0; } .side-bar {margin-bottom: 30px; } .dlab-post-title .post-title {margin-top: 10px; } .footer-info-box .newsletter {margin-bottom: 10px; } ol.commentlist li .star-rating {position: unset; } .comment-form [class*="comment-form"] {width: 100%; } .pricingtable-wrapper {margin-bottom: 30px; } .pricingtable-highlight {margin: 0; } .disnone-md {display: none; } } .slide-item {position: relative; } .slide-item .slide-content {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .slide-item-img img {object-fit: cover; } .slide-content-box {position: relative; top: 30%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -o-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s; } .owl-slider-banner .owl-theme .owl-dots {margin-top: 0; position: absolute; right: 50px; text-align: center; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 25px; color: rgba(255, 255, 255, 0.5); } .owl-slider-banner .owl-theme .owl-dots .owl-dot span {height: 9px; width: 9px; margin: 0; background-color: rgba(0, 0, 0, 0.2); } .owl-slider-banner .owl-theme .owl-dots .owl-dot {border: 1px solid; border-radius: 20px; display: inline-block; margin: 4px; padding: 4px; } .owl-slider-banner .owl-theme .owl-dots .owl-dot.active, .owl-slider-banner .owl-theme .owl-dots .owl-dot:hover {border: 1px solid #ff3b68; } .owl-slider-banner .owl-item .slide-content-box {opacity: 0; } .owl-slider-banner .owl-item.active .slide-content-box {opacity: 1; transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; top: 50%; } .shop-categories .acod-head a {border-width: 0 0 2px; color: #000; font-size: 15px; font-weight: 600; padding: 10px 0; text-transform: uppercase; border-radius: 0; } .shop-categories .acod-body {border-width: 0; } .shop-categories .acod-content {margin: 15px 0 15px; } .shop-categories .acod-head a.collapsed:after, .shop-categories .acod-head a:after {font-family: open sans; font-weight: 700; color: #000; font-size: 18px; right: 5px; } .shop-categories .acod-head a:after {content: "--"; } .shop-categories .acod-head a.collapsed:after {content: "+"; } .product-brand .search-content {display: block; margin-bottom: 0; padding: 10px 0; } .product-brand .search-content .search-content-area {margin-bottom: 0; } .price .amount {border: 0 none; color: #404040; font-weight: 700; margin-bottom: 15px; padding: 0; text-align: left; width: 100%; } .price .ui-widget-content {margin: 0 8px; } .container-fluid.wide {padding-left: 30px; padding-right: 30px; } .shop-account .form-control {background: #efefef none repeat scroll 0 0; border: 0 none; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.05); font-size: 14px; height: 50px; padding: 0 20px; } .shop-account .site-button.button-lg {font-size: 14px; font-weight: 700; padding: 14px 30px; text-transform: uppercase; } .shop-account .border-1 {border-color: #dfdfdf; } .shop-account .form-control:focus {box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.05); background-color: #fff; } .errow-style-1 .tparrows:before {font-size: 60px; opacity: 0.7; } .errow-style-1 .tparrows:before:hover {opacity: 1; } .errow-style-1 .tparrows, .errow-style-1 .tparrows:hover {background: rgba(0, 0, 0, 0); } @media only screen and (max-width: 1200px) {.owl-slider.style-1 .slide-content-box h2 {font-size: 28px; line-height: 32px; } .owl-slider.style-1 .slide-content-box p {display: none; } .owl-slider.style-1 .slide-content-box .button-lg {padding: 10px 20px; } } @media only screen and (max-width: 767px) {.owl-slider.style-1 .slide-content-box h2 {font-size: 18px; line-height: 22px; } .owl-slider.style-1 .slide-content-box .button-lg {display: none; } .owl-slider-banner .owl-theme .owl-dots {right: 15px; } } .btn-play:after, .btn-play:before {content: ""; border: 1px solid; border-color: inherit; width: 150%; height: 150%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: -25%; top: -25%; opacity: 1; -webkit-animation: 1s videomodule-anim linear infinite; animation: 1s videomodule-anim linear infinite; } .btn-play:before {-webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .btn-play .icon {color: #505cfd !important; } .btn-play {position: relative; } @media screen and (max-width: 1200px) {.bg-md-hd {background-image: none !important; } } @media screen and (max-width: 768px) {.btn-play {margin-top: 0; } .bg-xs-hd {background-image: none !important; } } @-webkit-keyframes videomodule-anim {0% {-webkit-transform: scale(0.68); transform: scale(0.68); } 100% {-webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes videomodule-anim {0% {-webkit-transform: scale(0.68); transform: scale(0.68); } 100% {-webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .short-edit-box {border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.08) inset; padding: 8px; margin-bottom: 15px; } .short-edit-box h5 a {color: #fff; font-weight: 700; } .animation-effects .wow-effects {display: table; margin: 0 auto 30px; padding: 0 15px; float: left; width: 50%; } .animation-effects .wow-effects .wow {background: #f0f0f0 none repeat scroll 0 0; border-radius: 4px; color: #505050; display: table-cell; font-size: 18px; font-weight: 600; height: 200px; text-align: center; text-transform: capitalize; vertical-align: middle; } @media screen and (max-width: 767px) {.buy-now a {padding: 10px 10px; font-size: 12px; } } .portfolio .icon-bx-xs {border-radius: 50%; } .portfolio .icon-bx-xs {width: 46px; height: 46px; line-height: 46px; } .portfolio-ic a, .portfolio-mas a {color: #000; } .portfolio-ic .dez-info a:hover, .portfolio-mas .dez-info a:hover {color: #24c4dd; } .portfolio-ic a:hover, .portfolio-mas a:hover {color: #fff; } .portfolio-ic a:hover i, .portfolio-mas a:hover i {background: 0 0; border: 2px solid #fff; } .portfolio-ic .overlay-icon a, .portfolio-mas .overlay-icon a {margin: 0 7px; } .portfolio .portfolio-metro .dlab-img-overlay1::before {width: 90%; height: 90%; opacity: 0; top: 5%; left: 5%; } .portfolio .owl-next, .portfolio .owl-next:hover, .portfolio .owl-prev, .portfolio .owl-prev:hover {background-color: #fff; color: #000; padding: 17px 17px; } .port-style1 .overlay-icon {padding: 30px; } .port-style1 .port-box {padding-left: 10px; border-left: 3px solid var(--color-primary); } .port-style1 .align-m {text-align: center; } #rc-imageselect, .g-recaptcha {transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform-origin: 0 0; -o-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; } @media screen and (max-width: 1280px) {#rc-imageselect, .g-recaptcha {transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -webkit-transform: scale(0.7); transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; } } @media screen and (max-width: 575px) {#rc-imageselect, .g-recaptcha {transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -webkit-transform: scale(0.7); transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; } } .recaptcha-box {height: 60px; } @media screen and (max-width: 991px) {.mo-left .header-nav.nav-dark {background-color: #202020; } .mo-left .header-nav {overflow-y: scroll; position: fixed; width: 60px; left: -280px; height: 100vh !important; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; top: 0; background-color: #fff; margin: 0; z-index: 99; } .mo-left .header-nav li.open a {position: relative; } .header-nav {overflow-x: scroll; height: 100%; } .mo-left .header-nav.show {left: -1px; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; margin: 0; width: 280px; } .mo-left .navbar-toggler.open:after {background-color: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: fixed; right: -20px; top: -63px; transform: scale(100); -o-transform: scale(100); -moz-transform: scale(100); -webkit-transform: scale(100); width: 100%; z-index: -1; transition: all 0.5s; transform-origin: top right; margin: 0 0 0 20px; -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6); box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.6); } .mo-left .header-nav .logo-header {display: block; float: none; height: auto; max-width: 100%; padding: 30px 15px; width: 100%; } .mo-left .header-nav .logo-header img {max-width: unset; width: 160px; vertical-align: middle; } .mo-left .navbar-toggler.open span {background: #fff; } } @media screen and (max-width: 767px) {.mo-left .navbar-toggler.open:after {margin: 0 0 0 15px; } } .fly-box, .fly-box-ho, .fly-box-ho:hover, .fly-box:hover, .hwp {transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .fly-box {box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } .fly-box-ho:hover, .fly-box:hover, .icon-bx-wraper:hover .fly-box, .icon-bx-wraper:hover .fly-box-ho {box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); -o-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hwp {background-color: #fff; color: var(--color-primary); } .hwp a {color: var(--color-primary); } .hwp:hover, .icon-bx-wraper:hover .hwp {background-color: var(--color-primary); color: #fff; } .hwp:hover a, .icon-bx-wraper:hover .hwp a {color: #fff; } .faa-horizontal.animated {-webkit-animation: horizontal 5s ease infinite; animation: horizontal 5s ease infinite; } .inner-text .title {text-decoration: underline; font-weight: 500; margin-bottom: 10px; } .inner-text p {font-size: 18px; line-height: 32px; font-weight: 400; margin-bottom: 20px; } .inner-text ul li {font-size: 18px; line-height: 32px; } @keyframes horizontal {0% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } 6% {-webkit-transform: translate(20px, 0); transform: translate(20px, 0); } 12% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } 18% {-webkit-transform: translate(20px, 0); transform: translate(20px, 0); } 24% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } 30% {-webkit-transform: translate(20px, 0); transform: translate(20px, 0); } 100%, 36% {-webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (max-width: 991px) {.header-nav .nav > li .mega-menu > li.special-nav {display: none; } } .theme-btn {background-color: #fff; border-radius: 40px; bottom: 10px; color: #fff; display: table; height: 50px; left: 10px; min-width: 50px; position: fixed; text-align: center; z-index: 9999; } .theme-btn i {font-size: 22px; line-height: 50px; } .theme-btn.bt-support-now {background: #1ebbf0; background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%); background: -webkit-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%); background: linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%); bottom: 70px; } .theme-btn.bt-buy-now {background: #1fdf61; background: -moz-linear-gradient(top, #a3d179 0, #88ba46 100%); background: -webkit-linear-gradient(top, #a3d179 0, #88ba46 100%); background: linear-gradient(to bottom, #a3d179 0, #88ba46 100%); } .theme-btn:hover {color: #fff; padding: 0 20px; } .theme-btn span {display: table-cell; vertical-align: middle; font-size: 16px; letter-spacing: -15px; opacity: 0; line-height: 50px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; text-transform: uppercase; } .theme-btn:hover span {opacity: 1; letter-spacing: 1px; padding-left: 10px; } .at-expanding-share-button[data-position="bottom-left"] {bottom: 130px !important; } .service-box-2 {padding: 10px; background: #fff; border-radius: 4px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); } .service-box-2 .title {font-weight: 500; margin-bottom: 10px; font-size: 22px; } .service-box-2 .dlab-info {padding: 20px; } .service-box-2 .dlab-info p {font-size: 15px; line-height: 28px; margin-bottom: 20px; color: #999; } .our-story > span {color: var(--color-primary); font-size: 22px; display: block; margin-bottom: 10px; } .our-story p {font-size: 16px; line-height: 32px; color: #000; } .our-story h2.title {font-size: 30px; line-height: 38px; font-weight: 400; margin-bottom: 20px; } .our-story h2.title span {font-family: "Playfair Display", serif; font-style: italic; } .our-story h4.title {font-size: 26px; line-height: 40px; font-weight: 500; color: #999; } .section-head .title {margin-bottom: 5px; font-size: 35px; line-height: 45px; font-weight: 600; } .project-bx {position: relative; } .project-bx .dlab-info {position: absolute; bottom: 15px; background: #fff; width: calc(100% - 30px); left: 15px; padding: 15px; border-radius: 4px; z-index: 1; } .project-bx .dlab-info .dlab-title {margin-bottom: 0; font-size: 16px; font-weight: 600; } .about-carousel-ser {overflow: hidden; } @media only screen and (max-width: 1200px) {.counter-staus-box .section-head .title {font-size: 35px; line-height: 50px; font-weight: 500; } .counter-staus-box .play-btn {margin-top: 20px; margin-bottom: 20px; } .contact-no-area .title br {display: none; } .contact-no-area .title {line-height: 65px; margin-bottom: 20px; font-size: 50px; } .dlab-team1 .dlab-title {font-size: 16px; line-height: 24px; margin-bottom: 5px; } .dlab-team1 .dlab-position {font-size: 12px; } .counter-style-5 .counter {font-size: 45px; line-height: 55px; } .counter-style-5 {padding: 30px 15px; } .dlab-team1 .dlab-social-icon li a {width: 28px; height: 28px; font-size: 12px; line-height: 26px; } .testimonial-1 .testimonial-text p {font-size: 20px; line-height: 35px; } .blog-post.post-style-1 .post-title {line-height: 30px; font-size: 18px; } .ft-contact .ft-contact-bx p {line-height: 24px; font-size: 13px; } .ft-contact .ft-contact-bx .title {margin: 0 0 5px 0; font-size: 18px; } } @media only screen and (max-width: 991px) {.ft-contact .ft-contact-bx img {left: 20px; top: 25px; width: 40px; height: 40px; } .ft-contact .ft-contact-bx p {line-height: 24px; font-size: 12px; } .ft-contact .ft-contact-bx {padding: 15px 15px 15px 70px; } .ft-contact .ft-contact-bx .title {margin: 0; font-size: 16px; } .ft-contact .ft-contact-bx:after {right: -5px; } .contact-img-bx img {position: unset; display: none; } .service-box.style3 .dlab-tilte {margin-bottom: 10px; } } @media only screen and (max-width: 767px) {.ft-contact {flex-wrap: wrap; } .ft-contact .ft-contact-bx {flex: 0 0 100%; max-width: 100%; } .ft-contact .ft-contact-bx img {width: 40px; height: 40px; left: 20px; top: 30px; } .ft-contact .ft-contact-bx:after {content: ""; height: 30px; width: 100%; right: auto; top: auto; left: 0; background-image: url(../images/icon/bottom.png); background-size: 100% 100%; background-position: center; opacity: 0.5; bottom: -20px; } .ft-contact .ft-contact-bx {padding: 25px 15px 25px 75px; } .blog-post.blog-md.border-1 .dlab-post-info {padding: 0 20px 0; } } @media only screen and (max-width: 576px) {.service-media-bx .dlab-title {font-size: 20px; font-weight: 500; line-height: 34px; } .service-media-bx {padding: 15px; } .contact-no-area .title {line-height: 45px; margin-bottom: 20px; font-size: 35px; } .contact-no {flex-wrap: wrap; } .contact-no .contact-left {border-right: 0; } .contact-no .contact-left {padding-right: 0; } .contact-no .no {font-size: 30px; margin-bottom: 20px; } .contact-no .contact-right {padding-left: 0; } .ft-contact {margin: 0 -15px; } .counter-style-1 .counter, .counter-style-2 .counter, .counter-style-3 .counter, .counter-style-4 .counter {font-size: 36px; } .counter-style-1 .counter-text, .counter-style-2 .counter-text, .counter-style-4 .counter-text {font-size: 14px; } .counter-style-1 .icon {font-size: 36px; } .counter-style-3.rounded {height: 150px; } } .site-footer.style1 .footer-bottom-in .dlab-social-icon li a:hover {color: #fff; } .dlab-team10 {position: relative; transition: all 0.5s; z-index: 1; } .dlab-team10 .dlab-info {bottom: 0; position: absolute; background: #fff; width: 100%; display: block; padding: 20px 20px; transition: all 0.5s; opacity: 0; } .dlab-team10 .dlab-title {font-size: 18px; font-weight: 500; line-height: 26px; margin-bottom: 5px; } .dlab-team10 .dlab-social-icon li a {width: 34px; height: 34px; line-height: 34px; padding: 0; font-size: 14px; } .dlab-team10 span {display: block; color: #000; text-transform: uppercase; font-size: 13px; font-weight: 600; opacity: 0.5; margin-bottom: 10px; } .dlab-team10 .dlab-media {transition: all 0.5s; top: 0; } .dlab-team10:hover .dlab-media {top: -40px; transition: all 0.5s; } .dlab-team10:hover {z-index: 2; } .dlab-team10:hover .dlab-info {bottom: -40px; transition: all 0.5s; opacity: 1; } .dlab-team10-area:hover .dlab-team10 {opacity: 0.2; } .dlab-team10-area .dlab-team10:hover {opacity: 1; } .dlab-team10:after {content: ""; transition: all 0.5s; position: absolute; background: #fff; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .dlab-team10:hover:after {height: calc(100% + 80px); bottom: -40px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .content-bx1 {padding-left: 30px; } @media only screen and (max-width: 991px) {.content-bx1 {padding-left: 0; } } @media only screen and (min-width: 991px) {.navstyle1 .header-nav .nav > li > a:after {content: ""; right: 0; left: auto; height: 100%; z-index: -1; } .navstyle2 .header-nav .nav > li > a:after {border-radius: 40px; background: 0 0; width: 100%; left: 0; z-index: -1; height: 100%; } .navstyle1 .header-nav .nav > li, .navstyle2 .header-nav .nav > li {padding: 10px 0 0 0; } .navstyle1 .header-nav .nav > li > a, .navstyle2 .header-nav .nav > li > a {padding: 12px 15px 12px 15px; border: 0; position: relative; z-index: 1; margin-bottom: 8px; } .navstyle2 .header-nav .nav > li.active > a:after, .navstyle2 .header-nav .nav > li:hover > a:after {box-shadow: inset 0 0 0 2px var(--color-primary); left: 0; top: 0; } .navstyle1 .header-nav .nav > li:hover > a {color: #fff; } .navstyle1 .header-nav .nav > li:hover > a:after {right: auto; left: 0; } .navstyle1 .header-nav .nav > li.active > a {background: var(--color-primary); color: #fff; } .navstyle3 .header-nav .nav > li > a {z-index: 1; border: 0; } .navstyle3 .header-nav .nav > li > a:after {z-index: -1; } .navstyle3 .header-nav .nav > li.active > a:after, .navstyle3 .header-nav .nav > li:hover > a:after, .navstyle3 .header-nav .nav > li > a:after {height: 100%; color: #fff; } .navstyle3 .header-nav .nav > li.active > a, .navstyle3 .header-nav .nav > li:hover > a {color: #fff; } .navstyle3 .header-nav .nav > li .sub-menu, .navstyle3 .header-nav .nav > li > .mega-menu {background-color: var(--color-primary); border: 1px solid var(--color-primary); } .navstyle3 .header-nav .nav > li .mega-menu li:hover > a, .navstyle3 .header-nav .nav > li .mega-menu li > a, .navstyle3 .header-nav .nav > li .sub-menu li:hover > a, .navstyle3 .header-nav .nav > li .sub-menu li > a {color: #fff; } .navstyle3 .header-nav .nav > li .sub-menu > li:hover > a, .navstyle3 .header-nav .nav > li .sub-menu > li > a:hover {background-color: rgba(0, 0, 0, 0.05); } .navstyle3 .header-nav .nav > li .mega-menu > li ul a:hover {background-color: rgba(0, 0, 0, 0.05); } .navstyle4 .header-nav .nav > li > a:after {width: 0; left: auto; bottom: 20px; z-index: -1; height: 16px; opacity: 0.2; right: 15px; } .navstyle4 .header-nav .nav > li:hover > a:after {width: calc(100% - 30px); left: 15px; right: auto; } .navstyle4 .header-nav .nav > li.active > a:after {width: calc(100% - 30px); left: 15px; bottom: 20px; z-index: -1; height: 16px; opacity: 0.2; } .navstyle4 .header-nav .nav > li > a {border: 0; z-index: 1; padding: 22px 15px 22px 15px; } .navstyle5 .header-nav .nav > li > a {border: 0; padding: 22px 10px 22px 10px; } .navstyle5 .header-nav .nav > li.active > a:after, .navstyle5 .header-nav .nav > li.active > a:before, .navstyle5 .header-nav .nav > li > a:after, .navstyle5 .header-nav .nav > li > a:before {display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.8s, opacity 0.2s; -moz-transition: -moz-transform 0.8s, opacity 0.2s; transition: transform 0.8s, opacity 0.2s; width: auto; height: auto; } .navstyle5 .header-nav .nav > li.active > a:before, .navstyle5 .header-nav .nav > li > a:before {content: "["; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } .navstyle5 .header-nav .nav > li.active > a:after, .navstyle5 .header-nav .nav > li > a:after {content: "]"; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); width: auto; height: auto; background: 0 0; } .navstyle5 .header-nav .nav > li > a:after {position: relative; } .navstyle5 .header-nav .nav > li.active > a:after, .navstyle5 .header-nav .nav > li:hover > a:after {opacity: 1; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); transform: translateX(10px); width: auto; height: auto; position: relative; } .navstyle5 .header-nav .nav > li.active > a:before, .navstyle5 .header-nav .nav > li:hover > a:before {opacity: 1; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); transform: translateX(-10px); } .navstyle1.header.dark .header-nav .nav > li > a, .navstyle1.header.dark .main-bar .header-nav .nav > li > a, .navstyle1.header.header-transparent .header-nav .nav > li > a, .navstyle1.header.header-transparent .main-bar .header-nav .nav > li > a, .navstyle2.header.dark .header-nav .nav > li > a, .navstyle2.header.dark .main-bar .header-nav .nav > li > a, .navstyle2.header.header-transparent .header-nav .nav > li > a, .navstyle2.header.header-transparent .main-bar .header-nav .nav > li > a, .navstyle5.header.dark .header-nav .nav > li > a, .navstyle5.header.dark .main-bar .header-nav .nav > li > a, .navstyle5.header.header-transparent .header-nav .nav > li > a, .navstyle5.header.header-transparent .main-bar .header-nav .nav > li > a {border: 0; } .navstyle1 .main-bar.bg-primary .header-nav .nav > li.active > a:after, .navstyle1 .main-bar.bg-primary .header-nav .nav > li > a:after {background: #fff; } .navstyle1 .main-bar.bg-primary .header-nav .nav > li.active > a, .navstyle1 .main-bar.bg-primary .header-nav .nav > li:hover > a {color: var(--color-primary); } .navstyle2 .main-bar.bg-primary .header-nav .nav > li.active > a:after {background: 0 0; box-shadow: inset 0 0 0 2px #fff; } .navstyle2 .main-bar.bg-primary .header-nav .nav > li > a:after, .navstyle5 .main-bar.bg-primary .header-nav .nav > li.active > a:after, .navstyle5 .main-bar.bg-primary .header-nav .nav > li > a:after {background: 0 0; } .navstyle2 .main-bar.bg-primary .header-nav .nav > li:hover > a:after {box-shadow: inset 0 0 0 2px #fff; } .navstyle3 .main-bar.bg-primary .header-nav .nav > li.active > a:after, .navstyle3 .main-bar.bg-primary .header-nav .nav > li > a:after {background: #000; opacity: 0.1; } }