@font-face{font-family:Flaticon;src:url(plugins/flaticon/Flaticon.eot);src:url(plugins/flaticon/Flaticon.eot?#iefix) format("embedded-opentype"),url(plugins/flaticon/Flaticon.woff) format("woff"),url(plugins/flaticon/Flaticon.ttf) format("truetype"),url(plugins/flaticon/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon;src:url(plugins/flaticon/Flaticon.svg#Flaticon) format("svg")}}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon;font-style:normal}.flaticon-factory:before{content:"\f100"}.flaticon-factory-1:before{content:"\f101"}.flaticon-engineer:before{content:"\f102"}.flaticon-valve:before{content:"\f103"}.flaticon-conveyor:before{content:"\f104"}.flaticon-oil:before{content:"\f105"}.flaticon-truck:before{content:"\f106"}.flaticon-forklift:before{content:"\f107"}.flaticon-voltmeter:before{content:"\f108"}.flaticon-fuel-truck:before{content:"\f109"}.flaticon-gear:before{content:"\f10a"}.flaticon-fuel-station:before{content:"\f10b"}.flaticon-robotic-arm:before{content:"\f10c"}.flaticon-product:before{content:"\f10d"}.flaticon-worker:before{content:"\f10e"}.flaticon-robot-arm:before{content:"\f10f"}.flaticon-help:before{content:"\f110"}.flaticon-conveyor-1:before{content:"\f111"}.flaticon-factory-2:before{content:"\f112"}.flaticon-optimization:before{content:"\f113"}.flaticon-wrench:before{content:"\f114"}.flaticon-crane:before{content:"\f115"}.flaticon-engineer-1:before{content:"\f116"}.flaticon-design-tools:before{content:"\f117"}.flaticon-construction:before{content:"\f118"}.flaticon-settings:before{content:"\f119"}.flaticon-idea:before{content:"\f11a"}.flaticon-calculator:before{content:"\f11b"}.flaticon-cpu:before{content:"\f11c"}.flaticon-repair-tools:before{content:"\f11d"}.flaticon-internet:before{content:"\f11e"}.flaticon-analytics:before{content:"\f11f"}.flaticon-printer:before{content:"\f120"}.flaticon-helmet:before{content:"\f121"}.flaticon-presentation:before{content:"\f122"}.flaticon-alarm-clock:before{content:"\f123"}.flaticon-bar-chart:before{content:"\f124"}.flaticon-microphone:before{content:"\f125"}.flaticon-shield:before{content:"\f126"}.flaticon-loupe:before{content:"\f127"}.flaticon-settings-1:before{content:"\f128"}.flaticon-monitor:before{content:"\f129"}.flaticon-shopping-cart:before{content:"\f12a"}.flaticon-home:before{content:"\f12b"}.flaticon-message:before{content:"\f12c"}.flaticon-heart:before{content:"\f12d"}.flaticon-user:before{content:"\f12e"}.flaticon-play-button:before{content:"\f12f"}.flaticon-planet-earth:before{content:"\f130"}.flaticon-settings-2:before{content:"\f131"}@font-face{font-family:themify;src:url(plugins/themify/fonts/themify.eot?-fvbane);src:url(plugins/themify/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'),url(plugins/themify/fonts/themify.woff?-fvbane) format('woff'),url(plugins/themify/fonts/themify.ttf?-fvbane) format('truetype'),url(plugins/themify/fonts/themify.svg?-fvbane#themify) format('svg');font-weight:400;font-style:normal}[class*=" ti-"],[class^=ti-]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;font-feature-settings:normal;font-kerning:auto;font-language-override:normal;font-size:inherit;font-size-adjust:none;font-stretch:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}.ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}.ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}.ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}.ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}.ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}.ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}.ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"}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; margin-left: 15px; } 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,.1) } .bg-tpw2{ background-color:rgba(255,255,255,.2) } .bg-tpw3{ background-color:rgba(255,255,255,.3) } .bg-tpw4{ background-color:rgba(255,255,255,.4) } .bg-tpw5{ background-color:rgba(255,255,255,.5) } .bg-tpw6{ background-color:rgba(255,255,255,.6) } .bg-tpw7{ background-color:rgba(255,255,255,.7) } .bg-tpw8{ background-color:rgba(255,255,255,.8) } .bg-tpw9{ background-color:rgba(255,255,255,.9) } .bg-tpb1{ background-color:rgba(0,0,0,.05) } .bg-tpb2{ background-color:rgba(0,0,0,.2) } .bg-tpb3{ background-color:rgba(0,0,0,.3) } .bg-tpb4{ background-color:rgba(0,0,0,.4) } .bg-tpb5{ background-color:rgba(0,0,0,.5) } .bg-tpb6{ background-color:rgba(0,0,0,.6) } .bg-tpb7{ background-color:rgba(0,0,0,.7) } .bg-tpb8{ background-color:rgba(0,0,0,.8) } .bg-tpb9{ background-color:rgba(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:.4; z-index:1; -webkit-transition:all .8s linear; -moz-transition:all .8s linear; -ms-transition:all .8s linear; -o-transition:all .8s linear; transition:all .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:.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,.15) 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(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:.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:.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:.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:.5 } .dlab-box:hover .dlab-img-overlay10:after,.dlab-img-overlay10:hover:after{ width:90%; height:80%; left:5%; top:10%; opacity:.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:.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:.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 .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s } .dlab-img-effect.opacity img:hover{ opacity:.8; -moz-opacity:.8; -webkit-opacity:.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(.8); -ms-transform:scale(.8); -webkit-transform:scale(.8); -o-transform:scale(.8); -moz-transform:scale(.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:.65; -moz-opacity:.65; -webkit-opacity:.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:.7; -moz-opacity:.7; -webkit-opacity:.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 .2s; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .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 .2s; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .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,.9) } .dlab-info-has.bg-green{ background-color:rgba(106,179,62,.9) } .dlab-info-has.bg-black{ background-color:rgba(0,0,0,.6) } .dlab-info-has.bg-white{ background-color:rgba(255,255,255,.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 .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .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 .1s; -moz-transition:all linear .1s; -webkit-transition:all linear .1s; -o-transition:all linear .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:.7; z-index:9999 } .loading-pic{ width:70px; height:70px; background:url(css/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,.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,.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,.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:.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,.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,.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 .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -ms-transition:all .8s; -o-transition:all .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,.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,.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:240px; position:relative; z-index:9; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .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:300px } .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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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 33px 17px; cursor:pointer; font-weight:600; display:inline-block; position:relative; border:1px solid rgba(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 .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -ms-transition:all .8s; -o-transition:all .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 .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease; transition:all .8s ease } .header-nav .nav>li>.mega-menu,.header-nav .nav>li>.sub-menu{ box-shadow:0 1px 40px 0 rgba(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 .15s linear; -webkit-transition:all .15s linear; -moz-transition:all .15s linear; -o-transition:all .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 .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .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,.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,.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,.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,.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 .5s; -moz-transition:all .5s; -webkit-transition:all .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,.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,.1) } .header-nav .nav>li>.sub-menu{ border:1px solid rgba(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,.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,.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,.2) } .nav-dark.header-nav .nav>li .sub-menu li{ border-bottom:0 solid rgba(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,.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,.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,.8) } .nav-dark.header-nav .nav{ background-color:#202020 } .nav-dark.header-nav .nav>li>a{ border-top:0 solid rgba(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,.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,.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,.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,.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,.9) } .header-transparent .top-bar{ background-color:rgba(0,0,0,0); border-bottom:1px solid rgba(255,255,255,.08); color:#dfdfdf } .header-transparent.overlay .main-bar,.header-transparent.overlay .top-bar{ background-color:rgba(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,.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,.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,.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,.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,.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 .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .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 .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .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,.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,.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,.3); -webkit-text-shadow:0 1px 2px rgba(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:.1 } .next-element:hover{ color:#fff; opacity:.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:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.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:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.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:.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:.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 .2s ease; -moz-transition:opacity .2s ease; -ms-transition:opacity .2s ease; -o-transition:opacity .2s ease; transition:opacity .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,.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:.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,.5); color:#000; font-size:24px; height:50px; line-height:50px; margin:0 -10px!important; overflow:hidden; padding:0; width:50px; opacity:.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,.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:.5; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .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:.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,.05); -moz-box-shadow:0 5px 40px rgba(0,0,0,.05); -webkit-box-shadow:0 5px 40px rgba(0,0,0,.05); -o-box-shadow:0 5px 40px rgba(0,0,0,.05); -ms-box-shadow:0 5px 40px rgba(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 .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .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,.7); display:block; font-family:"Noto Sans",sans-serif; font-size:12px; font-size:1.2rem; line-height:1.5; padding:.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,.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,.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; } .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:18% } .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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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:.7; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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:.05; position:absolute; top:-40px; z-index:-1 } .news-box:before{ font-family:themify; content:"\e75a"; font-size:50px; font-weight:700; opacity:.05; position:absolute; right:0; top:0; z-index:-1; opacity:.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 .8s linear; -moz-transition:all .8s linear; -ms-transition:all .8s linear; -o-transition:all .8s linear; transition:all .8s linear } .animate-slow{ -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out } .animate-mid{ -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -ms-transition:all .5s ease-out; transition:all .5s ease-out } .animate-fast{ -webkit-transition:all .8s ease-out; -moz-transition:all .8s ease-out; -o-transition:all .8s ease-out; -ms-transition:all .8s ease-out; transition:all .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:.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,.5); border-color:rgba(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,.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 .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,.4); box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 1px 3px -1px rgba(45,60,72,.5); border:1px solid rgba(0,0,0,.15) } .site-button.graphical:active{ box-shadow:0 2px 2px rgba(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,.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,.19) } .site-button.box-shadow.gray{ box-shadow:0 5px 10px 2px rgba(85,85,85,.19) } .site-button.box-shadow.pink{ box-shadow:0 5px 10px 2px rgba(239,44,177,.19) } .site-button.box-shadow.blue{ box-shadow:0 5px 10px 2px rgba(0,181,104,.19) } .site-button.box-shadow.green{ box-shadow:0 5px 10px 2px rgba(36,176,147,.19) } .site-button.box-shadow.orange{ box-shadow:0 5px 10px 2px rgba(223,136,0,.19) } .site-button.box-shadow.red{ box-shadow:0 5px 10px 2px rgba(242,45,78,.19) } .site-button.box-shadow.brown{ box-shadow:0 5px 10px 2px rgba(56,58,76,.19) } .site-button.box-shadow.yellow{ box-shadow:0 5px 10px 2px rgba(239,168,18,.19) } .site-button.box-shadow.purple{ box-shadow:0 5px 10px 2px rgba(120,82,169,.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; margin-left: 0px; } .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:.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:.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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; box-shadow:0 0 6px 0 rgba(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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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 .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; box-shadow:0 0 20px 0 rgba(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 .5s; -moz-transition:all .5s; -webkit-transition:all .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,.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:.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,.1); transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; -webkit-transition:all .8s } .ow-client-logo:hover{ box-shadow:0 0 30px 0 rgba(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,.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,.35); -moz-box-shadow:2px 3px 6px -3px rgba(0,0,0,.35); box-shadow:2px 3px 6px -3px rgba(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,.9) } .testimonial-2.testimonial-bg .testimonial-text:after{ border-top-color:rgba(255,255,255,.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,.1); transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; -webkit-transition:all .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 .8s; -ms-transition:all .8s; -o-transition:all .8s; -moz-transition:all .8s; transition:all .8s } .testimonial-8 .testimonial-text:before{ content:"\f10e"; bottom:-10px; color:#000; font-family:FontAwesome; font-size:80px; opacity:.05; position:absolute; right:10px; -webkit-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; -moz-transition:all .8s; transition:all .8s } .testimonial-9{ background-color:#fff; padding:50px 25px; box-shadow:0 0 3px rgba(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,.2); box-shadow:0 0 10px 5px rgba(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,.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,.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,.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:.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,.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,.65) 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%) } .overlay-white-dark:after,.overlay-white-light:after,.overlay-white-middle:after{ background:#fff } .overlay-black-light:after{ opacity:.3 } .overlay-black-middle:after{ opacity:.5 } .overlay-black-dark:after{ opacity:.8 } .overlay-gradient-light:after{ opacity:.3 } .overlay-gradient-middle:after{ opacity:.5 } .overlay-gradient-dark:after{ opacity:.8 } .overlay-white-light:after{ opacity:.5 } .overlay-white-middle:after{ opacity:.7 } .overlay-white-dark:after{ opacity:.8 } .overlay-primary-light:after{ opacity:.3 } .overlay-primary-middle:after{ opacity:.5 } .overlay-primary-dark:after,.overlay-primary:after{ opacity:.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 .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .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 .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -ms-transition:all .8s; -o-transition:all .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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.9) } .op0{ opacity:0 } .op1{ opacity:.1 } .op2{ opacity:.2 } .op3{ opacity:.3 } .op4{ opacity:.4 } .op5{ opacity:.5 } .op6{ opacity:.6 } .op7{ opacity:.7 } .op8{ opacity:.8 } .op9{ opacity:.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,.05) } .dlab-box-bg.active .icon-bx-wraper{ background-color:rgba(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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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,.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,.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,.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,.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,.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 .8s; -moz-transition:all .8s; -webkit-transition:all .8s; -ms-transition:all .8s; -o-transition:all .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 .2s,opacity .3s; -moz-transition:-moz-transform .2s,opacity .3s; transition:transform .2s,opacity .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 .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 .8s forwards; -moz-animation:toTopFromBottom .8s forwards; animation:toTopFromBottom .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 .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,.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,.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:.15; position:absolute; right:0; width:auto; z-index:2 } .site-footer .icon-sm i{ font-size:90px; transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -webkit-transition:all .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,.6); clip:auto!important; color:#21759b; display:block; font-size:14px; font-size:.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-listing li{ margin-left: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,.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,.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,.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 .5s ease .5s; -moz-transition:all .5s ease .5s; -webkit-transition:all .5s ease .5s; max-width:1200px; opacity:1 } .dlab-quik-search form{ width:100%; max-width:100px; margin:auto; position:relative; top:50%; transition:all .5s; transition:all .5s; -webkit-transition:all .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,.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,.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,.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 .8s; -webkit-transition:all .8s; -moz-transition:all .8s; -o-transition:all .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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s } .rounded-team:hover .round-box{ transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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,.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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; box-shadow:0 0 10px 5px rgba(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,.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 .5s; -moz-transition:margin-left .5s; -webkit-transition:margin-left .5s; -o-transition:margin-left .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,.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:.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,.5); transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .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:.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:.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,.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,.2) } .add-box h5{ font-size:20px; line-height:20px; font-weight:700; text-shadow:0 0 10px rgba(0,0,0,.2) } .item-add.add-style-2{ outline:8px solid rgba(0,0,0,.1) } .item-add.add-style-2 img{ opacity:.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,.9); padding:20px 30px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s } .item-add.add-style-3 .add-box .add-box-in.black{ background-color:rgba(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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; outline:10px solid rgba(255,255,255,.5) } .item-box:hover .outline-hv,.outline-hv:hover{ outline:10px solid rgba(255,255,255,.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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s } .product-item:hover .overlay-icon{ bottom:40px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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,.4) } .add-product .dlab-info-has{ top:0 } .add-product del{ opacity:.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:.5; padding:0; width:30px; border:2px solid rgba(0,0,0,.1); margin-right:5px } .product-item-color .btn.active{ border:2px solid rgba(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 .5s; -webkit-transition:all 1s ease .5s; -o-transition:all 1s ease .5s; -moz-transition:all 1s ease .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,.5) } .owl-slider-banner .owl-theme .owl-dots .owl-dot span{ height:9px; width:9px; margin:0; background-color:rgba(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 .5s ease .5s; -moz-transition:all .5s ease .5s; -webkit-transition:all .5s ease .5s; -o-transition:all .5s ease .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,.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,.05); background-color:#fff } .errow-style-1 .tparrows:before{ font-size:60px; opacity:.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:.5s; animation-delay:.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(.68); transform:scale(.68) } 100%{ -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } } @keyframes videomodule-anim{ 0%{ -webkit-transform:scale(.68); transform:scale(.68) } 100%{ -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0 } } .short-edit-box{ border:1px solid rgba(0,0,0,.1); box-shadow:1px 1px 3px -1px rgba(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 { min-height: 190px; } .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(.9); -webkit-transform:scale(.9); -moz-transform:scale(.9); -o-transform:scale(.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(.7); -moz-transform:scale(.7); -o-transform:scale(.7); -webkit-transform:scale(.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(.7); -moz-transform:scale(.7); -o-transform:scale(.7); -webkit-transform:scale(.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 .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .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 .8s; -webkit-transition:all .8s; -moz-transition:all .8s; -o-transition:all .8s; margin:0; width:280px } .mo-left .navbar-toggler.open:after{ background-color:rgba(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 .5s; transform-origin:top right; margin:0 0 0 20px; -webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.6); box-shadow:0 0 0 1000px rgba(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 .5s; -moz-transition:all .5s; -webkit-transition:all .5s } .fly-box{ box-shadow:0 10px 20px 0 rgba(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,.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 .5s; -webkit-transition:all .5s; -moz-transition:all .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,.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:50px; line-height:70px; 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:.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 .5s; z-index:1 } .dlab-team10 .dlab-info{ bottom:0; position:absolute; background:#fff; width:100%; display:block; padding:20px 20px; transition:all .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:.5; margin-bottom:10px } .dlab-team10 .dlab-media{ transition:all .5s; top:0 } .dlab-team10:hover .dlab-media{ top:-40px; transition:all .5s } .dlab-team10:hover{ z-index:2 } .dlab-team10:hover .dlab-info{ bottom:-40px; transition:all .5s; opacity:1 } .dlab-team10-area:hover .dlab-team10{ opacity:.2 } .dlab-team10-area .dlab-team10:hover{ opacity:1 } .dlab-team10:after{ content:""; transition:all .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,.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,.05) } .navstyle3 .header-nav .nav>li .mega-menu>li ul a:hover{ background-color:rgba(0,0,0,.05) } .navstyle4 .header-nav .nav>li>a:after{ width:0; left:auto; bottom:20px; z-index:-1; height:16px; opacity:.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:.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 .8s,opacity .2s; -moz-transition:-moz-transform .8s,opacity .2s; transition:transform .8s,opacity .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:.1 } }