camelia-studio/Sites-Camelia
camelia-studio/Sites-Camelia
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
8151739395
Sites-Camelia/branches/divan-dit-vent/css/style.map

64 lines
276 KiB
Plaintext
Raw Normal View History

version initiale site Divan BETA
2021-06-19 20:20:40 +00:00
{
"version": 3,
"file": "style.css",
"sources": [
"../scss/style.scss",
"../scss/_varriable.scss",
"../scss/_mixins.scss",
"../scss/_extend.scss",
"../scss/_responsive.scss",
"../scss/theme-default.scss",
"../scss/_btn.scss",
"../scss/_section_title.scss",
"../scss/_slick-nav.scss",
"../scss/_header.scss",
"../scss/_slider.scss",
"../scss/_about.scss",
"../scss/_counter.scss",
"../scss/_gallery.scss",
"../scss/_music_area.scss",
"../scss/_offers.scss",
"../scss/_footer.scss",
"../scss/_bradcam.scss",
"../scss/_department.scss",
"../scss/_tesmonial.scss",
"../scss/_service.scss",
"../scss/_experts.scss",
"../scss/_video.scss",
"../scss/_contact.scss",
"../scss/_elements.scss",
"../scss/_blog.scss",
"../scss/_blog_part.scss"
],
"sourcesContent": [
"\r\n@import 'varriable.scss';\r\n@import 'mixins.scss';\r\n@import 'extend';\r\n@import 'responsive.scss';\r\n@import 'theme-default.scss';\r\n@import 'btn';\r\n@import 'section_title';\r\n@import 'slick-nav.scss';\r\n\r\n\r\n\r\n// header\r\n@import 'header';\r\n\r\n// slider\r\n@import 'slider';\r\n\r\n// about\r\n@import 'about';\r\n\r\n// counter\r\n@import 'counter';\r\n\r\n// gallery\r\n@import '_gallery';\r\n@import '_music_area';\r\n\r\n// about\r\n@import 'offers';\r\n// about\r\n@import 'footer';\r\n\r\n@import 'bradcam';\r\n\r\n@import 'department';\r\n\r\n@import 'tesmonial';\r\n\r\n@import 'service';\r\n\r\n@import 'experts';\r\n\r\n@import 'video';\r\n\r\n\r\n// other pages default\r\n\r\n// contact\r\n@import 'contact';\r\n\r\n// elements\r\n@import 'elements.scss';\r\n\r\n// blog\r\n@import 'blog';\r\n\r\n\r\n// blog part\r\n@import 'blog_part';\r\n\r\n",
"@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,700|Muli:300,300i,400,400i,600,600i,700,700i,900&display=swap');\r\n\r\n// fonts\r\n$font1: 'Josefin Sans', sans-serif;\r\n$font2: 'Muli', sans-serif;\r\n// fonts-size\r\n\r\n$heading-color:#1F1F1F;\r\n$gray-color: #bebebe;\r\n$gray-color-2: #bdbdbd;\r\n\r\n$theme-color: #1F1F1F;\r\n$theme-color2: #ff5e13;\r\n\r\n$gray-color3:#5c5c5c;\r\n$white_color:#fff;\r\n\r\n\r\n\r\n$font_1: #666666;\r\n$font_2: #646464;\r\n$font_3: #7f7f7f;\r\n$font_4: #8a8a8a;\r\n$font_5: #999999;\r\n$font_6: #666666;\r\n$font_7: #5c5c5c;\r\n$border_color: #fdcb9e;\r\n$footer_bg: #303030;\r\n$sidebar_bg: #fbf9ff;\r\n\r\n$medium_device : 'only screen and (min-width: 992px) and (max-width: 1200px)';\r\n$tab_device:'only screen and (min-width: 768px) and (max-width: 991px)';\r\n$large_mobile: 'only screen and (min-width: 576px) and (max-width: 767px)';\r\n$tab:'(max-width: 991px)';\r\n$small_mobile:'(max-width: 576px)';\r\n$xs_mobile:'(max-width: 420px)';\r\n$sm_mobile:'only screen and (min-width: 421px) and (max-width: 575px)';\r\n$big_screen:'only screen and (min-width: 1200px) and (max-width: 1440px)';\r\n$extra_big_screen: 'only screen and (min-width: 1200px) and (max-width: 3640px)';\r\n\r\n// ,,,,,,,,,,,\r\n$btn_bg: #615CFD;\r\n$btn_hover: #f5790b;\r\n$section_bg: #f7f7f7;\r\n$section_bg_1: #454545;\r\n$heading_color: #191d34;\r\n$heading_color2: #ff8b23;",
"// opacity\r\n@mixin opacity($opacity) {\r\n opacity: $opacity;\r\n $opacity-ie: $opacity * 100;\r\n filter: alpha(opacity=$opacity-ie); //IE8\r\n }\r\n// transition\r\n@mixin transition($args...) {\r\n -webkit-transition: $args;\r\n -moz-transition: $args;\r\n -ms-transition: $args;\r\n -o-transition: $args;\r\n transition: $args;\r\n}// transition\r\n@mixin border-radius($man) {\r\n -webkit-border-radius: $man;\r\n -moz-border-radius: $man;\r\n border-radius: $man;\r\n}\r\n\r\n\r\n// Flexbox display\r\n@mixin flexbox() {\r\n display: -webkit-box;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n}\r\n\r\n// justify-content\r\n@mixin justify-content($justify) {\r\n -webkit-justify-content: $justify;\r\n -moz-justify-content: $justify;\r\n -ms-justify-content: $justify;\r\n justify-content: $justify;\r\n -ms-flex-pack: $justify;\r\n}\r\n\r\n// align-content\r\n@mixin align-content($align) {\r\n -webkit-align-content: $align;\r\n -moz-align-content: $align;\r\n -ms-align-content: $align;\r\n align-content: $align;\r\n}\r\n\r\n// Cross-axis Alignment\r\n@mixin align-items($align) {\r\n -webkit-align-items: $align;\r\n -moz-align-items: $align;\r\n -ms-align-items: $align;\r\n align-items: $align;\r\n}\r\n\r\n\r\n// transform\r\n// Browser Prefixes\r\n@mixin transform($transforms) {\r\n\t-webkit-transform: $transforms;\r\n\t-moz-transform: $transforms;\r\n\t-ms-transform: $transforms;\r\n\ttransform: $transforms;\r\n}\r\n// Translate\r\n@mixin translate ($x, $y) {\r\n\t@include transform(translate($x, $y));\r\n}\r\n// TranslateY\r\n@mixin translateY ($y) {\r\n @include transform(translateY($y));\r\n }\r\n// TranslateY\r\n@mixin translateX ($x) {\r\n @include transform(translateX($x));\r\n }\r\n\r\n\r\n// Box shadows\r\n@mixin box-shadow($shadow...) {\r\n -webkit-box-shadow: $shadow;\r\n -moz-box-shadow: $shadow; \r\n box-shadow: $shadow;\r\n}\r\n\r\n\r\n\r\n@mixin background($imgpath,$position: center,$size: cover,$repeat: no-repeat) {\r\n background: {\r\n image: url($imgpath);\r\n position: $position;\r\n repeat: $repeat;\r\n size: $size;\r\n }\r\n}\r\n@mixin transform_time($total_time) {\r\n -webkit-transition: $total_time;\r\n transition: $total_time;\r\n}\r\n@mixin placeholder {\r\n&.placeholder {\r\n @content;\r\n}\r\n&:-moz-placeholder {\r\n @content;\r\n}\r\n&::-moz-placeholder {\r\n @content;\r\n}\r\n&::-webkit-input-placeholder {\r\n @content;\r\n}\r\n}\r\n@mixin transition($args: all 0.6s ease 0s) {\r\n-webkit-transition: $args;\r\n-moz-transition: $args;\r\n-o-transition: $args;\r\ntransition: $args;\r\n}\r\n\r\n@mixin keyframes ($animation-name) {\r\n@-webkit-keyframes #{$animation-name} {\r\n @content;\r\n}\r\n@-moz-keyframes #{$animation-name} {\r\n @content;\r\n}\r\n@-o-keyframes #{$animation-name} {\r\n @content;\r\n}\r\n@keyframes #{$animation-name} {\r\n @content;\r\n}\r\n}",
".flex-center-start{\r\n display: -webkit-box;\r\ndisplay: -ms-flexbox;\r\ndisplay: flex;\r\n-webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n-webkit-box-pack: start;\r\n -ms-flex-pack: start;\r\n justify-content: start;\r\n}",
"/* Normal desktop :1200px. */\r\n$large_device:'(min-width: 1200px) and (max-width: 1500px)';\r\n\r\n/* Normal desktop :992px. */\r\n$mid_device:'(min-width: 992px) and (max-width: 1200px)';\r\n\r\n/* Tablet desktop :768px. */\r\n$tablet_device:'(min-width: 768px) and (max-width: 991px)';\r\n\r\n/* small mobile :320px. */\r\n$mobile_device:'(max-width: 767px)';\r\n\r\n/* Large Mobile :480px. */\r\n$large_mobile:'only screen and (min-width: 480px) and (max-width: 767px)';\r\n\r\n",
"\r\n/* 1. Theme default css */\r\n@import 'varriable';\r\n@import 'mixins.scss';\r\nbody {\r\n\tfont-family: $font1;\r\n\tfont-weight: normal;\r\n font-style: normal;\r\n \r\n}\r\n\r\n.img {\r\n\tmax-width: 100%;\r\n\t@include transition(.3s);\r\n}\r\na,\r\n.button {\r\n@include transition(.3s);\r\n}\r\na:focus,\r\n.button:focus,button:focus {\r\n\ttext-decoration: none;\r\n\toutline: none;\r\n}\r\na:focus{\r\n\tcolor: #fff;\r\n\ttext-decoration: none;\r\n}\r\na:focus,\r\na:hover,\r\n.portfolio-cat a:hover,\r\n.footer -menu li a:hover {\r\n\ttext-decoration: none;\r\n\tcolor: #1F1F1F;\r\n}\r\na,\r\nbutton {\r\n\tcolor: #1F1F1F;\r\n\toutline: medium none;\r\n}\r\nh1,h2,h3,h4,h5{\r\n\tfont-family: $font1;\r\n\tcolor: #001D38;\r\n}\r\nh1 a,\r\nh2 a,\r\nh3 a,\r\nh4 a,\r\nh5 a,\r\nh6 a {\r\n\tcolor: inherit;\r\n}\r\n\r\nul {\r\n\tmargin: 0px;\r\n\tpadding: 0px;\r\n}\r\nli {\r\n\tlist-style: none\r\n}\r\np {\r\n\tfont-size: 16px;\r\n\tfont-weight:300;\r\n\tline-height: 28px;\r\n\tcolor: #727272;\r\n\tmargin-bottom: 13px;\r\n\tfont-family: $font2;\r\n}\r\n\r\nlabel {\r\n\tcolor: #7e7e7e;\r\n\tcursor: pointer;\r\n\tfont-size: 14px;\r\n\tfont-weight: 400;\r\n}\r\n*::-moz-selection {\r\n\tbackground: #444;\r\n\tcolor: #fff;\r\n\ttext-shadow: none;\r\n}\r\n::-moz-selection {\r\n\tbackground: #444;\r\n\tcolor: #fff;\r\n\ttext-shadow: none;\r\n}\r\n::selection {\r\n\tbackground: #444;\r\n\tcolor: #fff;\r\n\ttext-shadow: none;\r\n}\r\n*::-webkit-input-placeholder {\r\n\tcolor: #cccccc;\r\n\tfont-size: 14px;\r\n\topacity: 1;\r\n}\r\n*:-ms-input-placeholder {\r\n\tcolor: #cccccc;\r\n\tfont-size: 14px;\r\n\topacity: 1;\r\n}\r\n*::-ms-input-placeholder {\r\n\tcolor: #cccccc;\r\n\tfont-size: 14px;\r\n\topacity: 1;\r\n}\r\n*::placeholder {\r\n\tcolor: #cccccc;\r\n\tfont-size: 14px;\r\n\topacity: 1;\r\n}\r\n\r\nh3{\r\n\tfont-size: 24px;\r\n}\r\n\r\n.mb-65{\r\n\tmargin-bottom: 67px;\r\n}\r\n// default-bg-color\r\n.black-bg{\r\n\tbackground: #020c26 !important;\r\n}\r\n\r\n.white-bg{\r\n\tbackground: #ffffff;\r\n}\r\n.gray-bg{\r\n\tbackground: #f5f5f5;\r\n}\r\n\r\n// background-image\r\n.bg-img-1{\r\n background-image: url(../img/slider/slider-img-1.jpg);\r\n}\r\n.bg-img-2{\r\n background-image: url(../img/background-img/bg-img-2.jpg);\r\n}\r\n.cta-bg-1{\r\n background-image: url(../img/background-img/bg-img-3.jpg);\r\n\r\n}\r\n\r\n.overlay{\r\n\tposition: relative;\r\n\tz-index: 0;\r\n}\r\n.overlay::before{\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\tbackground-color: #1f1f1f;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tz-index: -1;\r\n\topacity: .5;\r\n}\r\n\r\n.overlay2{\r\n\tposition: relative;\r\n\tz-index: 0;\r\n}\r\n.overlay2::before{\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\t/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,1+100 */\r\nbackground: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */\r\nbackground: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */\r\nbackground: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */\r\n\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tz-index: -1;\r\n\topacity: 0.6;\r\n}\r\n\r\n.overlay_03{\r\n\tposition: relative;\r\n\tz-index: 0;\r\n}\r\n.overlay_03::before{\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\tbackground: #2C2C2C;\r\n\topacity: .6;\r\n\tcontent: '';\r\n\tz-index: -1;\r\n}\r\n\r\n\r\n.bradcam_overlay{\r\n\tposition: relative;\r\n\tz-index: 0;\r\n}\r\n.bradcam_overlay::before{\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\t/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5db2ff+0,7db9e8+100&1+24,0+96 */\r\nbackground: -moz-linear-gradient(left, rgba(93,178,255,1)
".boxed-btn {\r\n background:transparent;\r\n color: #131313;\r\n display: inline-block;\r\n padding: 12px 42px;\r\n font-family: $font1;\r\n font-size: 16px;\r\n font-weight: 600;\r\n border: 0;\r\n border: 1px solid #ED1B1B;\r\n letter-spacing: 0;\r\n text-align: center;\r\n color:#ED1B1B !important;\r\n text-transform: capitalize;\r\n cursor: pointer;\r\n @media #{$tablet_device} {\r\n padding: 12px 30px;\r\n }\r\n &:hover{\r\n background: #ED1B1B;\r\n color: #fff !important;\r\n border: 1px solid #ED1B1B;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n &.large-width{\r\n width: 220px;\r\n }\r\n\r\n}\r\n.boxed-btn3 {\r\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0181f5+0,5db2ff+100 */\r\n background: #ED1B1B;\r\n\tcolor: #fff;\r\n\tdisplay: inline-block;\r\n\tpadding: 12px 42px;\r\n\tfont-family: $font1;\r\n\tfont-size: 16px;\r\n font-weight: 400;\r\n border: 0;\r\n border: 1px solid transparent;\r\n // width: 180px;\r\n text-align: center;\r\n color: #fff !important;\r\n text-transform: capitalize;\r\n @include transition(.5s);\r\n cursor: pointer;\r\n &:hover{\r\n background: transparent;\r\n color: #ED1B1B !important;\r\n border: 1px solid #ED1B1B;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n &.large-width{\r\n width: 220px;\r\n }\r\n}\r\n\r\n.boxed-btn3-white {\r\n\tcolor: #fff;\r\n\tdisplay: inline-block;\r\n padding: 13px 27px;\r\n\tfont-family: $font1;\r\n\tfont-size: 14px;\r\n font-weight: 400;\r\n border: 0;\r\n border: 1px solid #fff;\r\n @include border-radius(5px);\r\n // width: 180px;\r\n text-align: center;\r\n color: #fff !important;\r\n text-transform: capitalize;\r\n @include transition(.5s);\r\n cursor: pointer;\r\n letter-spacing: 2px;\r\n &:hover{\r\n background: #28AE61;\r\n color: #fff !important;\r\n border: 1px solid transparent;\r\n }\r\n i{\r\n margin-right: 2px;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n &.large-width{\r\n width: 220px;\r\n }\r\n}\r\n\r\n.boxed-btn3-green-2 {\r\n\tcolor: #28AE60 !important;\r\n\tdisplay: inline-block;\r\n padding: 14px 31px;\r\n\tfont-family: $font1;\r\n\tfont-size: 14px;\r\n font-weight: 400;\r\n border: 0;\r\n border: 1px solid #28AE60;\r\n @include border-radius(5px);\r\n // width: 180px;\r\n text-align: center;\r\n text-transform: capitalize;\r\n @include transition(.5s);\r\n cursor: pointer;\r\n letter-spacing: 2px;\r\n &:hover{\r\n background: #28AE60;\r\n color: #fff !important;\r\n border: 1px solid transparent;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n &.large-width{\r\n width: 220px;\r\n }\r\n}\r\n.boxed-btn2 {\r\n\tbackground: transparent;\r\n\tcolor: #fff;\r\n\tdisplay: inline-block;\r\n\tpadding: 18px 24px;\r\n\tfont-family: $font1;\r\n\tfont-size: 14px;\r\n font-weight: 400;\r\n border: 0;\r\n border: 1px solid #fff;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n &:hover{\r\n background: #fff;\r\n color: #131313 !important;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n}\r\n.line-button{\r\n color: #919191;\r\n font-size: 16px;\r\n font-weight: 400;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 5px;\r\n padding-bottom: 2px;\r\n &::before{\r\n position: absolute;\r\n content: \"\";\r\n background: #919191;\r\n width: 100%;\r\n height: 1px;\r\n bottom: 0;\r\n left: 0;\r\n }\r\n &:hover{\r\n color: #009DFF;\r\n }\r\n &:hover::before{\r\n background: #009DFF;\r\n }\r\n}\r\n.book_now{\r\n display: inline-block;\r\n font-size: 14px;\r\n color: #009DFF;\r\n border: 1px solid #009DFF;\r\n text-transform: capi
".section_title{\r\n h3{\r\n font-size: 50px;\r\n font-weight: 400;\r\n line-height: 55px;\r\n color:#001D38;\r\n position: relative;\r\n z-index: 0;\r\n padding-bottom: 0;\r\n \r\n @media #{$mobile_device} {\r\n font-size: 30px;\r\n line-height: 36px;\r\n }\r\n @media #{$tablet_device} {\r\n font-size: 36px;\r\n line-height: 42px;\r\n }\r\n br{\r\n @media #{$mobile_device} {\r\n display: none;\r\n }\r\n }\r\n }\r\n p{\r\n font-size: 16px;\r\n color: #727272;\r\n line-height: 28px;\r\n margin-bottom: 0;\r\n font-weight: 400;\r\n br{\r\n @media #{$mobile_device} {\r\n display: none;\r\n }\r\n }\r\n\r\n }\r\n}\r\n.mb-50{\r\n margin-bottom: 50px;\r\n @media #{$mobile_device} {\r\n margin-bottom: 40px;\r\n }\r\n}\r\n.mb-65{\r\n margin-bottom: 65px;\r\n @media #{$mobile_device} {\r\n margin-bottom: 40px;\r\n }\r\n}",
"\r\n\r\n// slick-nav\r\n.mobile_menu{\r\n @media #{$mobile_device} {\r\n position: absolute;\r\n right: 0px;\r\n width: 100%;\r\n z-index: 9;\r\n }\r\n}\r\n.slicknav_menu{\r\n .slicknav_nav {\r\n background: #fff;\r\n float: right;\r\n margin-top: 0;\r\n padding: 0;\r\n width: 95%;\r\n padding: 0;\r\n border-radius: 0px;\r\n margin-top: 5px;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n margin: auto;\r\n top: 11px;\r\n a{\r\n &:hover{\r\n background: transparent;\r\n color: #ED1B1B;\r\n }\r\n &.active{\r\n color: #ED1B1B;\r\n }\r\n i{\r\n @media #{$mobile_device} {\r\n display: none;\r\n }\r\n @media #{$tablet_device} {\r\n display: none;\r\n }\r\n }\r\n }\r\n .slicknav_btn {\r\n background-color: transparent;\r\n cursor: pointer;\r\n margin-bottom: 10px;\r\n margin-top: -40px;\r\n position: relative;\r\n z-index: 99;\r\n border: 1px solid #ddd;\r\n top: 3px;\r\n right: 5px;\r\n top: -36px;\r\n .slicknav_icon{\r\n margin-right: 6px;\r\n margin-top: 3px;\r\n position: relative;\r\n padding-bottom: 3px;\r\n top: -11px;\r\n right: -5px;\r\n }\r\n }\r\n }\r\n @media #{$mobile_device} {\r\n margin-right: 0px;\r\n }\r\n}\r\n\r\n\r\n// slick-nav\r\n.slicknav_nav .slicknav_arrow {\r\n float: right;\r\n font-size: 22px;\r\n position: relative;\r\n top: -9px; \r\n}\r\n.slicknav_btn {\r\n\tbackground-color: transparent;\r\n\tcursor: pointer;\r\n\tmargin-bottom: 10px;\r\n\tposition: relative;\r\n\tz-index: 99;\r\n\tborder: none;\r\n\tborder-radius: 3px;\r\n\ttop: 5px;\r\n\tpadding: 5px;\r\n\tright: 5px;\r\n\tmargin-top: -5px;\r\n\ttop: -31px;\r\n}\r\n.slicknav_btn {\r\n\tbackground-color: transparent;\r\n\tcursor: pointer;\r\n\tmargin-bottom: 10px;\r\n\tposition: relative;\r\n\tz-index: 99;\r\n\tborder: none;\r\n\tborder-radius: 3px;\r\n\ttop: 5px;\r\n\tpadding: 5px;\r\n\tright: 0;\r\n\tmargin-top: -5px;\r\n top: -33px;\r\n}",
".header-area{\r\n // position: absolute;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n top: 0;\r\n z-index: 9;\r\n position: absolute;\r\n // padding-top: 28px;\r\n @media #{$mobile_device} {\r\n padding-top: 0;\r\n }\r\n @media #{$tablet_device} {\r\n padding-top: 0;\r\n }\r\n .main-header-area{\r\n padding: 18px 0;\r\n background: #fff;\r\n background: transparent;\r\n // &.details_nav_bg{\r\n // background: #727272;\r\n // padding-bottom: 0;\r\n // @media #{$mobile_device} {\r\n // padding-bottom: 10px;\r\n // }\r\n // }\r\n padding: 30px 150px;\r\n @media #{$mobile_device} {\r\n padding: 10px 0px;\r\n }\r\n @media #{$tablet_device} {\r\n padding: 10px 10px;\r\n }\r\n @media #{$mid_device} {\r\n padding: 10px 20px;\r\n }\r\n @media #{$large_device} {\r\n padding: 10px 50px;\r\n }\r\n .logo-img{\r\n text-align: center;\r\n @media #{$mobile_device} {\r\n // padding-left: 20px;\r\n text-align: left;\r\n }\r\n @media #{$tablet_device} {\r\n // padding-left: 20px;\r\n text-align: left;\r\n }\r\n @media #{$mid_device} {\r\n // padding-left: 20px;\r\n text-align: left;\r\n }\r\n img{\r\n @media #{$mobile_device} {\r\n // padding-left: 20px;\r\n width: 70px;\r\n }\r\n @media #{$tablet_device} {\r\n // padding-left: 20px;\r\n width: 70px;\r\n }\r\n \r\n }\r\n }\r\n .social_icon{\r\n ul{\r\n li{\r\n display: inline-block;\r\n a{\r\n display: inline-block;\r\n width: 35px;\r\n height: 35px;\r\n color: #fff;\r\n text-align: center;\r\n line-height: 35px;\r\n @include border-radius(50%);\r\n border: 1px solid #41393A;\r\n font-size: 14px;\r\n margin-left: 6px;\r\n &:hover{\r\n color: #ED1B1B;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .Appointment{\r\n @include flexbox();\r\n @include align-items(center);\r\n @include justify-content(flex-end);\r\n .search_button{\r\n @media #{$mid_device} {\r\n margin-right: 15px;\r\n }\r\n @media #{$large_device} {\r\n margin-right: 15px;\r\n }\r\n a{\r\n \r\n i{\r\n color: #E8E8E8;\r\n }\r\n }\r\n }\r\n .socail_links{\r\n ul{\r\n li{\r\n display: inline-block;\r\n\r\n a{\r\n color: #A8A7A0;\r\n margin: 0 10px;\r\n font-size: 15px;\r\n &:hover{\r\n color: #fff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .book_btn{\r\n margin-left: 30px;\r\n @media #{$mid_device} {\r\n margin-left: 0;\r\n }\r\n @media #{$large_device} {\r\n margin-left: 0;\r\n }\r\n a{\r\n background: #ED1B1B;\r\n paddin
".slider_bg_1{\r\n background-image: url(../img/banner/banner.png);\r\n}\r\n.slider_bg_2{\r\n background-image: url(../img/banner/banner2.png);\r\n}\r\n.slider_area{\r\n .single_slider{\r\n height: 900px;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n @media #{$mobile_device} {\r\n height: 100vh;\r\n }\r\n .slider_text{\r\n h3{\r\n color: #FFF;\r\n font-family: $font1;\r\n font-size: 120px;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n span{\r\n font-weight: 700;\r\n }\r\n @media #{$mobile_device} {\r\n margin-top: 45px;\r\n }\r\n @media #{$mobile_device} {\r\n font-size: 30px;\r\n // letter-spacing: 3px;\r\n line-height: 35px;\r\n }\r\n @media #{$tablet_device} {\r\n font-size: 70px;\r\n }\r\n @media #{$mid_device} {\r\n font-size: 100px;\r\n letter-spacing: 3px;\r\n }\r\n }\r\n p{\r\n font-size: 20px;\r\n font-weight: 400;\r\n color: #D5D5D5;\r\n margin-bottom: 24px;\r\n margin-top: 10px;\r\n @media #{$mid_device} {\r\n font-size: 16px;\r\n }\r\n @media #{$mobile_device} {\r\n font-size: 16px;\r\n }\r\n }\r\n .video_service_btn> a{\r\n margin-right: 15px;\r\n @media #{$mobile_device} {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n }\r\n }\r\n .music_wrap{\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n } \r\n}",
".about_area{\r\n padding-top: 150px;\r\n padding-bottom: 120px;\r\n @media #{$mobile_device} {\r\n padding-top: 50px;\r\n padding-bottom: 20px;\r\n }\r\n @media #{$tablet_device} {\r\n padding-top: 80px;\r\n padding-bottom: 50px;\r\n }\r\n .about_thumb{\r\n margin-bottom: 30px;\r\n }\r\n .about_info{\r\n padding-left: 68px;\r\n @media #{$mobile_device} {\r\n padding-left: 0;\r\n }\r\n @media #{$tablet_device} {\r\n padding-left: 0;\r\n }\r\n h3{\r\n font-size: 50px;\r\n font-weight: 600;\r\n margin-bottom: 0;\r\n }\r\n p{\r\n font-size: 16px;\r\n line-height: 28px;\r\n margin-top: 17px;\r\n margin-bottom: 40px;\r\n }\r\n margin-bottom: 30px;\r\n }\r\n}\r\n\r\n\r\n// contact_rsvp \r\n.contact_rsvp{\r\n padding: 184px 0;\r\n background-image: url(../img/banner/contact.png);\r\n background-repeat: no-repeat;\r\n background-size:cover ;\r\n position: relative;\r\n z-index: 2;\r\n @media #{$mobile_device}{\r\n padding: 100px 0;\r\n }\r\n @media #{$tablet_device}{\r\n padding: 100px 0;\r\n }\r\n &::before{\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n content: '';\r\n z-index: -1;\r\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001d38+0,001d38+100&0.6+0,1+100 */\r\n background: -moz-linear-gradient(top, rgba(0,29,56,0.6) 0%, rgba(0,29,56,1) 100%); /* FF3.6-15 */\r\n background: -webkit-linear-gradient(top, rgba(0,29,56,0.6) 0%,rgba(0,29,56,1) 100%); /* Chrome10-25,Safari5.1-6 */\r\n background: linear-gradient(to bottom, rgba(0,29,56,0.6) 0%,rgba(0,29,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99001d38', endColorstr='#001d38',GradientType=0 ); /* IE6-9 */\r\n\r\n }\r\n .text{\r\n h3{\r\n font-size: 50px;\r\n font-weight: 600;\r\n color: #fff;\r\n margin-bottom: 15px;\r\n @media #{$mobile_device}{\r\n font-size: 30px;\r\n }\r\n @media #{$tablet_device}{\r\n font-size: 30px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// singer_video \r\n.singer_video{\r\n .image{\r\n position: relative;\r\n img{\r\n width: 100%;\r\n }\r\n .video_btn{\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n @include transform(translate(-50%, -50%));\r\n a{\r\n width: 80px;\r\n height: 80px;\r\n background: #ED1B1B;\r\n @include border-radius(50%);\r\n text-align: center;\r\n line-height: 80px;\r\n color: #fff;\r\n display: inline-block;\r\n }\r\n }\r\n }\r\n}",
".counter_area{\r\n background: #F5FBFF;\r\n padding: 100px 0 70px 0;\r\n .single_counter{\r\n margin-bottom: 30px;\r\n h3{\r\n margin-bottom: 18px;\r\n span{\r\n font-size: 50px;\r\n color: #2C2C2C;\r\n font-weight: 400;\r\n }\r\n }\r\n span{\r\n font-size: 16px;\r\n color: #919191;\r\n font-weight: 400;\r\n }\r\n }\r\n}",
".gallery_area{\r\n padding-top: 150px;\r\n padding-bottom: 120px;\r\n @media #{$mobile-device}{\r\n padding-top: 50px;\r\n padding-bottom: 20px;\r\n }\r\n @media #{$tablet-device}{\r\n padding-top: 100px;\r\n padding-bottom: 100px;\r\n }\r\n .single-gallery{\r\n overflow: hidden;\r\n position: relative;\r\n img{\r\n width: 100%;\r\n @include transform(scale(1));\r\n @include transition(.5s);\r\n }\r\n .gallery_hover{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: table;\r\n text-align: center;\r\n background: rgba(97, 92, 253,.40);\r\n @include transform(translateX(-50%));\r\n opacity: 0;\r\n @include transition(.5s);\r\n visibility: hidden;\r\n a{\r\n position: absolute;\r\n left: 50%;\r\n transform: translate(-50%,-50%);\r\n top: 50%;\r\n color:#fff;\r\n font-size: 45px;\r\n }\r\n }\r\n &:hover{\r\n .gallery_hover{\r\n @include transform(translateX(0%));\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n img{\r\n @include transform(scale(1.05));\r\n }\r\n }\r\n }\r\n .More_Works_btn{\r\n margin-top: 40px;\r\n }\r\n}\r\n\r\n.portfolio_details_area{\r\n padding-top: 280px;\r\n padding-bottom: 150px;\r\n @media #{$mobile_device}{\r\n padding-top: 100px;\r\n padding-bottom: 50px;\r\n }\r\n @media #{$tablet_device}{\r\n padding-top: 100px;\r\n padding-bottom: 100px;\r\n }\r\n .portfolio_details_thumb{\r\n img{\r\n width: 100%;\r\n }\r\n }\r\n .portfolio_details_content{\r\n span{\r\n font-size: 14px;\r\n font-weight: 300;\r\n color: #919191;\r\n }\r\n h3{\r\n color: #2C2C2C;\r\n font-size: 36px;\r\n font-weight: 400;\r\n line-height: 55px;\r\n margin-top: 15px;\r\n margin-bottom: 25px;\r\n @media #{$mobile_device} {\r\n font-size: 25px;\r\n line-height: 40px;\r\n }\r\n }\r\n h4{\r\n font-size: 20px;\r\n font-weight: 400;\r\n color: #2C2C2C;\r\n }\r\n p{\r\n font-size: 16px;\r\n font-family: $font1;\r\n color: #727272;\r\n line-height: 28px;\r\n\r\n }\r\n }\r\n}\r\n.mt-50{\r\n margin-top: 50px;\r\n @media #{$mobile_device} {\r\n margin-top: 30px;\r\n }\r\n}\r\n.mb-50{\r\n margin-bottom: 50px;\r\n @media #{$mobile_device} {\r\n margin-bottom: 30px;\r\n }\r\n}",
".music_area{\r\n position: relative;\r\n margin-top: -148px;\r\n @media #{$mobile_device}{\r\n background: #000;\r\n margin-top: 0;\r\n padding-bottom: 30px;\r\n }\r\n .audioplayer {\r\n display: flex;\r\n flex-direction: row;\r\n box-sizing: border-box;\r\n margin: 1em 0;\r\n padding: 0 24px;\r\n width: 100%;\r\n height: auto;\r\n align-items: center;\r\n border: 1px solid #DDE2E6;\r\n border-radius: 4px;\r\n background: transparent;\r\n margin: 0;\r\n padding: 0;\r\n border: none;\r\n }\r\n .audioplayer-time-current {\r\n margin-left: 24px;\r\n display: none;\r\n }\r\n .audioplayer-bar-played {\r\n flex-direction: row-reverse;\r\n z-index: 2;\r\n height: 8px;\r\n background: #615CFD;\r\n border-radius: 30px;\r\n }\r\n .audioplayer-bar-loaded {\r\n z-index: 1;\r\n height: 2px;\r\n background: #DDE2E6;\r\n border-radius: 30px;\r\n }\r\n .audioplayer-bar-played::after {\r\n display: flex;\r\n position: absolute;\r\n content: '';\r\n box-sizing: border-box;\r\n top: -5px;\r\n right: -1px;\r\n margin-right: -5px;\r\n width: 12px;\r\n height: 12px;\r\n background-color: #fff;\r\n border-radius: 6px;\r\n display: none;\r\n }\r\n .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {\r\n content: '';\r\n justify-content: center;\r\n width: 0;\r\n height: 0;\r\n margin-left: 2px;\r\n border-top: 7px solid transparent;\r\n border-right: none;\r\n border-bottom: 7px solid transparent;\r\n border-left: 12px solid #fff;\r\n }\r\n \r\n .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {\r\n background: rgba(91, 130, 255, 0);\r\n border: 1px solid #fff;\r\n }\r\n .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after {\r\n left: 10px;\r\n top: 1px;\r\n }\r\n .audioplayer-bar {\r\n position: relative;\r\n display: flex;\r\n margin: 0 10px;\r\n height: 12px;\r\n flex-basis: 0;\r\n flex-grow: 1;\r\n cursor: pointer;\r\n align-items: center;\r\n justify-content: center;\r\n display: flex;\r\n top: -3px;\r\n margin-right: 30px;\r\n }\r\n .audioplayer-bar::before {\r\n content: '';\r\n position: absolute;\r\n top: 5px;\r\n width: 100%;\r\n height: 8px;\r\n background-color: #333334;\r\n @include border-radius(30px);\r\n }\r\n .audioplayer-time-duration {\r\n margin-right: 24px;\r\n display: none;\r\n }\r\n .audioplayer-playpause {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all .2s ease-in-out;\r\n }\r\n .audioplayer-bar-loaded {\r\n z-index: 1;\r\n height: 8px;\r\n background: #333333;\r\n border-radius: 30px;\r\n }\r\n .audioplayer-volume-adjust > div {\r\n position: relative;\r\n display: flex;\r\n width: 60px;\r\n height: 8px;\r\n cursor: pointer;\r\n background-color: #333333 !important;\r\n border-radius: 30px;\r\n }\r\n .audioplayer-volume-adjust div div {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 8px;\r\n background-color: #0059FF;\r\n border-radius: 30px;\r\n }\r\n .audioplayer-volume-adjust div div {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 8px;\r\n background-color: #615CFD;\r\n border-radius: 30px;\r\n }\r\n .audioplayer-bar-loaded {\r\n z-index: 1;\r\n height: 2px;\r\n
".offers_area{\r\n padding-bottom: 100px;\r\n @media #{$mobile_device} {\r\n padding-bottom: 40px;\r\n }\r\n &.padding_top{\r\n padding-top: 200px;\r\n @media #{$mobile_device} {\r\n padding-top: 40px;\r\n }\r\n @media #{$tablet_device} {\r\n padding-top: 80px;\r\n }\r\n @media #{$mid_device} {\r\n padding-top: 80px;\r\n }\r\n }\r\n .single_offers{\r\n @media #{$mobile_device} {\r\n margin-bottom: 30px;\r\n }\r\n .about_thumb{\r\n overflow: hidden;\r\n img{\r\n width: 100%;\r\n @include transform(scale(1));\r\n @include transition(.3s);\r\n }\r\n }\r\n h3{\r\n font-size: 22px;\r\n font-weight: 400;\r\n color: #1F1F1F;\r\n margin-top: 32px;\r\n @media #{$tablet_device}{\r\n font-size: 18px;\r\n }\r\n br{\r\n @media #{$tablet_device} {\r\n display: none;\r\n }\r\n }\r\n }\r\n ul{\r\n margin-top: 17px;\r\n margin-bottom: 30px;\r\n li{\r\n font-size: 16px;\r\n color: #4D4D4D;\r\n line-height: 28px;\r\n position: relative;\r\n z-index: 9;\r\n padding-left: 23px;\r\n &::before{\r\n position: absolute;\r\n content: \"\";\r\n width: 8px;\r\n height: 8px;\r\n background: #4D4D4D;\r\n left: 0;\r\n top: 50%;\r\n @include transform(translateY(-50%));\r\n border-radius: 50%;\r\n }\r\n }\r\n }\r\n a{\r\n width: 100%;\r\n text-align: center;\r\n }\r\n &:hover{\r\n .about_thumb{\r\n img{\r\n width: 100%;\r\n @include transform(scale(1.1));\r\n }\r\n }\r\n }\r\n } \r\n}\r\n\r\n\r\n// video_area\r\n.video_bg{\r\n background-image: url(../img/video/video.png);\r\n}\r\n.video_area{\r\n padding: 250px 0;\r\n background-size: cover;\r\n background-position: center center;\r\n @media #{$mobile_device} {\r\n padding: 100px 0;\r\n }\r\n @media #{$tablet_device} {\r\n padding: 100px 0;\r\n }\r\n .video_area_inner{\r\n span{\r\n font-size: 14px;\r\n color: #fff;\r\n }\r\n h3{\r\n font-size: 46px;\r\n color: #fff;\r\n line-height: 56px;\r\n font-weight: 400;\r\n margin-top: 12px;\r\n margin-bottom: 28px;\r\n @media #{$mobile_device} {\r\n font-size: 30px;\r\n }\r\n }\r\n a{\r\n width: 60px;\r\n height: 60px;\r\n background: #fff;\r\n line-height: 60px;\r\n font-size: 15px;\r\n color: #009DFF;\r\n display: inline-block;\r\n @include border-radius(50%);\r\n i{\r\n position: relative;\r\n left: 2px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// features_room start\r\n.features_room{\r\n padding-top: 93px;\r\n display: block;\r\n overflow: hidden;\r\n @media #{$mobile_device} {\r\n padding-top: 40px;\r\n}\r\n@media #{$tablet_device}{\r\n padding-top: 0;\r\n}\r\n .rooms_here{\r\n .single_rooms{\r\n position: relative;\r\n width: 50%;\r\n @media #{$mobile_device} {\r\n width: 100%;\r\n margin-bottom: 30px;\r\n }\r\n &::before{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n content: \"\";\r\n /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */\r\n background: #ffffff; /* Old browsers */\r\n background: -moz-linear-gradient(top, #ffffff 0%, #000000 77%); /* FF3.6-15 */\r\n background: -webkit-linear-gradient(top, #ffffff 0%,#000000 77%); /* Chrome10-25,Safari5.1-6 */\r\n background: linear-gradient(to botto
".footer{\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n .footer_top{\r\n padding-top: 100px;\r\n padding-bottom: 129px;\r\n background: #001D38;\r\n\r\n @media #{$mobile_device} {\r\n padding-top: 60px;\r\n padding-bottom: 30px;\r\n }\r\n .footer_widget{\r\n @media #{$mobile_device} {\r\n margin-bottom: 30px;\r\n }\r\n @media #{$tablet_device} {\r\n margin-bottom: 30px;\r\n }\r\n .footer_title{\r\n font-size: 22px;\r\n font-weight: 400;\r\n color: #fff;\r\n text-transform: capitalize;\r\n margin-bottom: 40px;\r\n @media #{$mobile_device} {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n .footer_logo{\r\n font-size: 22px;\r\n font-weight: 400;\r\n color: #fff;\r\n text-transform: capitalize;\r\n margin-bottom: 40px;\r\n @media #{$mobile_device} {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n p{\r\n color: #C7C7C7;\r\n }\r\n .sub_text{\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #fff;\r\n margin-bottom: 0;\r\n margin-top: 20px;\r\n }\r\n p.footer_text{\r\n font-size: 16px;\r\n color: #B2B2B2;\r\n margin-bottom: 23px;\r\n font-weight: 400;\r\n line-height: 28px;\r\n a.domain{\r\n color: #B2B2B2;\r\n font-weight: 400;\r\n &:hover{\r\n color: #ED1B1B;\r\n border-bottom: 1px solid #ED1B1B\r\n }\r\n }\r\n &.doanar{\r\n a{\r\n font-weight: 500;\r\n color: #B2B2B2;\r\n \r\n &:hover{\r\n color: #ED1B1B;\r\n border-bottom: 1px solid #ED1B1B\r\n }\r\n &.first{\r\n margin-bottom: 10px;\r\n }\r\n }\r\n\r\n }\r\n }\r\n ul{\r\n li{\r\n color:#D5D5D5;\r\n font-size: 13px;\r\n line-height: 28px;\r\n font-weight: 400;\r\n a{\r\n color: #C7C7C7;\r\n &:hover{\r\n color: #ED1B1B;\r\n }\r\n }\r\n }\r\n }\r\n .newsletter_form{\r\n position: relative;\r\n margin-bottom: 20px;\r\n input{\r\n width: 100%;\r\n height: 45px;\r\n background: #fff;\r\n padding-left: 20px;\r\n font-size: 16px;\r\n color: #000;\r\n border: none;\r\n &::placeholder{\r\n font-size: 16px;\r\n color: #919191;\r\n }\r\n }\r\n button{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n height: 100%;\r\n border: none;\r\n font-size: 14px;\r\n color: #fff;\r\n background: #ED1B1B;\r\n padding: 10px;\r\n padding: 0 22px;\r\n cursor: pointer;\r\n
".bradcam_bg_1{\r\n background-image: url(../img/banner/bradcam_1.png);\r\n}\r\n.breadcam_bg_2{\r\n background-image: url(../img/banner/bradcam_2.png);\r\n}\r\n.breadcam_bg_3{\r\n background-image: url(../img/banner/bradcam3.png);\r\n}\r\n.breadcam_bg_4{\r\n background-image: url(../img/banner/bradcam_4.png);\r\n}\r\n.bradcam_area{\r\n background-size: cover;\r\n background-position: center center;\r\n padding: 250px 0 178px 0;\r\n background-repeat: no-repeat;\r\n position: relative;\r\n z-index: 0;\r\n &::before{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.4+0,1+100 */\r\nbackground: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */\r\nbackground: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */\r\nbackground: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r\nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */\r\n\r\n // opacity: .6;\r\n z-index: -1;\r\n content: '';\r\n }\r\n @media #{$mobile_device} {\r\n padding: 120px 0;\r\n }\r\n h3{\r\n font-size:60px;\r\n color: #fff;\r\n font-weight: 400;\r\n margin-bottom: 0;\r\n // line-height: 54px;\r\n text-transform: uppercase;\r\n @media #{$mobile_device} {\r\n font-size: 30px;\r\n }\r\n }\r\n p{\r\n font-size: 18px;\r\n color: #fff;\r\n font-weight: 400;\r\n text-transform: capitalize;\r\n a{\r\n color: #fff;\r\n &:hover{\r\n color: #fff;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.popup_box{\r\n background: #fff;\r\n display: inline-block;\r\n z-index: 9;\r\n width: 558px;\r\n // padding: 60px 40px;\r\n\r\n .boxed-btn3{\r\n width: 100%;\r\n text-transform: capitalize;\r\n }\r\n .popup_header {\r\n background: #F5FBFF;\r\n padding: 28px 0;\r\n display: block;\r\n h3{\r\n text-align: center;\r\n font-size: 20px;\r\n color:#2C2C2C;\r\n margin-bottom: 0;\r\n font-weight: 400;\r\n }\r\n }\r\n.custom_form{\r\n padding: 60px 68px;\r\n\r\n}\r\n input{\r\n width: 100%;\r\n height: 50px;\r\n border: none;\r\n border-bottom: 1px solid #C7C7C7;\r\n padding: 15px 0;\r\n margin-bottom: 20px;\r\n &::placeholder{\r\n color: #919191;\r\n font-weight: 400;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n }\r\n textarea{\r\n width: 100%;\r\n // height: 50px;\r\n border: none;\r\n margin-top: 112px;\r\n border-bottom: 1px solid #C7C7C7;\r\n padding: 15px 0;\r\n margin-bottom: 20px;\r\n height: 55px;\r\n resize: none;;\r\n margin-bottom: 40px;\r\n &::placeholder{\r\n color: #919191;\r\n font-weight: 400;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n }\r\n .nice-select {\r\n -webkit-tap-highlight-color: transparent;\r\n background-color: #fff;\r\n /* border-radius: 5px; */\r\n border: solid 1px #E2E2E2;\r\n box-sizing: border-box;\r\n clear: both;\r\n cursor: pointer;\r\n display: block;\r\n float: left;\r\n font-family: $font1;\r\n font-weight: normal;\r\n width: 100% !important;\r\n /* height: 42px; */\r\n line-height: 50px;\r\n outline: none;\r\n padding-left: 18px;\r\n padding-right: 30px;\r\n position: relative;\r\n text-align:
".our_department_area{\r\n background: #F5FBFF;\r\n padding-top: 120px;\r\n padding-bottom: 90px;\r\n .single_department{\r\n background: #fff;\r\n margin-bottom: 30px;\r\n @include box-shadow(0 6px 10px rgba(0, 0, 0, .04));\r\n .department_thumb{\r\n overflow: hidden;\r\n border-top-right-radius: 5px;\r\n border-top-left-radius: 5px;\r\n img{\r\n width: 100%;\r\n @include transform(scale(1));\r\n @include transition(.3s);\r\n }\r\n }\r\n .department_content{\r\n padding: 22px 30px 24px 30px;\r\n h3{\r\n margin-bottom: 0;\r\n a{\r\n font-size: 22px;\r\n color: #1F1F1F;\r\n line-height: 33px;\r\n font-weight: 500;\r\n &:hover{\r\n color: #5DB2FF;\r\n }\r\n }\r\n }\r\n p{\r\n font-size: 16px;\r\n line-height: 28px;\r\n color: #727272;\r\n margin-top: 5px;\r\n margin-bottom: 10px;\r\n }\r\n a.learn_more{\r\n color: #5DB2FF;\r\n font-size: 16px;\r\n &:hover{\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n &:hover{\r\n .department_thumb{\r\n img{\r\n @include transform(scale(1.2));\r\n }\r\n }\r\n }\r\n }\r\n}",
".slider-nav.slick-initialized.slick-slider .slick-track .slick-slide {\r\n width: auto !important;\r\n opacity: .5;\r\n margin: 0 9px;\r\n &.slick-current{\r\n opacity: 1;\r\n img{\r\n width: 100%;\r\n // @include transition(.3s);\r\n }\r\n }\r\n img{\r\n width: 90%;\r\n // @include transition(.3s);\r\n\r\n }\r\n\r\n}\r\n.slider-nav.slick-initialized.slick-slider .slick-track{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.testmonial_area{\r\n padding-top: 0px;\r\n padding-bottom: 150px;\r\n @media #{$mobile_device} {\r\n padding-bottom: 50px;\r\n }\r\n .slider-nav{\r\n div{\r\n \r\n img{\r\n width: 100%;\r\n }\r\n }\r\n }\r\n .single_slider{\r\n p{\r\n font-size: 20px;\r\n line-height: 32px;\r\n color: #727272;\r\n font-weight: 400;\r\n text-decoration: underline;\r\n margin-bottom: 24px;\r\n }\r\n h4{\r\n font-size: 16px;\r\n color:#2C2C2C;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n span{\r\n color: #727272;\r\n font-size: 14px;\r\n }\r\n }\r\n // .slick-slide.slick-center {\r\n // opacity: 1 !important;\r\n // img{\r\n // width: 100%;\r\n // }\r\n // }\r\n .testmonial_active2{\r\n padding-top: 143px;\r\n @media #{$mobile_device}{\r\n padding-top: 80px;\r\n }\r\n .owl-dots{\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: inline-block;\r\n @include flexbox();\r\n @include align-items(center);\r\n\r\n .owl-dot{\r\n width: 70px;\r\n height: 70px;\r\n display: inline-block;\r\n margin: 0 9px;\r\n opacity: .5;\r\n @include transition(.3s);\r\n @media #{$mobile_device} {\r\n height: 40px;\r\n width: 40px;\r\n }\r\n &:nth-child(even){\r\n background-image: url(../img/testmonial/1.png);\r\n background-size: cover;\r\n background-position: center center;\r\n @include border-radius(50%);\r\n }\r\n &:nth-child(odd){\r\n background-image: url(../img/testmonial/1.png);\r\n background-size: cover;\r\n background-position: center center;\r\n @include border-radius(50%);\r\n }\r\n &.active{\r\n opacity: 1;\r\n width: 100px;\r\n height: 100px;\r\n @media #{$mobile_device} {\r\n height: 60px;\r\n width: 60px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}",
".service_bg_1{\r\n background-image: url(../img/about/1.png);\r\n}.service_bg_2{\r\n background-image: url(../img/about/2.png);\r\n}.service_bg_3{\r\n background-image: url(../img/about/3.png);\r\n}\r\n.service_area{\r\n padding-top: 150px;\r\n padding-bottom: 120px;\r\n @media #{$mobile_device} {\r\n padding-top: 50px;\r\n padding-bottom: 50px;\r\n }\r\n @media #{$tablet_device} {\r\n padding-top: 100px;\r\n padding-bottom: 100px;\r\n }\r\n .single_service{\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n margin-bottom: 30px;\r\n background-position: center;\r\n overflow: hidden;\r\n .service_hover{\r\n text-align: center;\r\n padding: 104px 0 94px 0;\r\n background: rgba(0, 0, 0, .30 ) ;\r\n @include transition(.5s);\r\n position: relative;\r\n img{\r\n\r\n }\r\n h3{\r\n font-size: 20px;\r\n color: #fff;\r\n margin-top: 20px;\r\n margin-bottom: 0;\r\n }\r\n .hover_content{\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n display: table;\r\n width: 100%;\r\n height: 100%;\r\n background: #28AE60;\r\n @include transform(translateY(40%));\r\n @include transition(.5s);\r\n opacity: 0;\r\n visibility: hidden;\r\n .hover_content_inner{\r\n display: table-cell;\r\n vertical-align: middle;\r\n text-align: center;\r\n padding: 0 54px;\r\n @media #{$tablet_device} {\r\n padding: 0 10px;\r\n }\r\n h4{\r\n font-size: 20px;\r\n color: #fff;\r\n margin-bottom: 8px;\r\n }\r\n p{\r\n font-size: 16px;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n }\r\n &:hover{\r\n background-position: top;\r\n .hover_content{\r\n @include transform(translateY(0%));\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .service_hover{\r\n background: rgba(0, 0, 0, .50 );\r\n }\r\n }\r\n }\r\n}",
".expert_doctors_area{\r\n padding-top: 120px;\r\n padding-bottom: 120px;\r\n &.doctor_page{\r\n padding-bottom: 80px;\r\n }\r\n @media #{$mobile_device} {\r\n padding-top: 80px;\r\n padding-bottom: 80px;\r\n }\r\n .doctors_title{\r\n h3{\r\n font-size: 36px;\r\n font-weight: 500;\r\n color: #1F1F1F;\r\n @media #{$mobile_device} {\r\n font-size: 24px;\r\n }\r\n }\r\n }\r\n .single_expert{\r\n .expert_thumb{\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n overflow: hidden;\r\n img{\r\n @include transition(.3s);\r\n @include transform(scale(1));\r\n width: 100%;\r\n }\r\n }\r\n .experts_name{\r\n @include transition(.3s);\r\n background: #F5FBFF;\r\n padding-top: 16px;\r\n padding-bottom: 18px;\r\n h3{\r\n font-size: 20px;\r\n font-weight: 500;\r\n margin-bottom: 1px;\r\n @include transition(.3s);\r\n }\r\n span{\r\n color: #919191;\r\n font-size: 13px;\r\n @include transition(.3s);\r\n }\r\n }\r\n &:hover{\r\n .expert_thumb{\r\n img{\r\n @include transform(scale(1.03));\r\n }\r\n }\r\n .experts_name{\r\n background: #5DB2FF;\r\n h3{\r\n color: #fff;\r\n }\r\n span{\r\n color: #fff;\r\n }\r\n }\r\n }\r\n }\r\n .owl-carousel {\r\n .owl-nav div {\r\n background: transparent;\r\n height: 40px;\r\n left: 0px;\r\n text-align: center;\r\n -webkit-transform: translateY(0%);\r\n -ms-transform: translateY(0%);\r\n transform: translateY(0%);\r\n width: 40px;\r\n color: #919191;\r\n background-color: transparent;\r\n @include border-radius(5px);\r\n font-size: 15px;\r\n line-height: 40px;\r\n border: 1px solid #EEEEEE;\r\n left: auto;\r\n left: auto;\r\n top: -100px;\r\n right: 55px;\r\n }\r\n .owl-nav{\r\n div{\r\n &.owl-next{\r\n // left: 86px;\r\n // right: auto;\r\n left: auto;\r\n right: 0;\r\n i{\r\n position: relative;\r\n right: 0;\r\n // top: 1px;\r\n }\r\n }\r\n &.owl-prev{\r\n i{\r\n position: relative;\r\n // right: 1px;\r\n top: 0px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}",
".youtube_video_area{\r\n // .col-xl-3:nth-child(2) .single_video{\r\n // // margin-right: 2.5px;\r\n // }\r\n .col-xl-3:nth-child(3) .single_video{\r\n margin-left: 0px;\r\n padding-bottom: 5px;\r\n }\r\n // .col-xl-3:first-child .single_video{\r\n // margin-left: 0;\r\n // }\r\n .single_video{\r\n position: relative;\r\n margin-right: 5px;\r\n @media #{$mobile_device} {\r\n margin: 0;\r\n }\r\n @media #{$tablet_device} {\r\n margin: 0;\r\n }\r\n .thumb{\r\n img{\r\n width: 100%;\r\n }\r\n }\r\n .hover_elements{\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: transparent ;\r\n @include transition(.4s);\r\n .video{\r\n top: 50%;\r\n position: absolute;\r\n left: 50%;\r\n @include transform(translate(-50%,-50%)) ;\r\n a{\r\n background: #ED1B1B;\r\n width: 58px;\r\n height: 58px;\r\n @include border-radius(50%);\r\n font-size: 14px;\r\n display: inline-block;\r\n color: #fff;\r\n text-align: center;\r\n line-height: 58px;\r\n margin-bottom: 40px;\r\n @include transition(.4s);\r\n opacity: 0;\r\n @media #{$mobile_device}{\r\n opacity: 1;\r\n margin-bottom: 0;\r\n }\r\n @media #{$tablet_device}{\r\n opacity: 1;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n .hover_inner{\r\n position: absolute;\r\n bottom: 30px;\r\n left: 30px;\r\n @media #{$mid_device}{\r\n bottom: 20px;\r\n }\r\n span{\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #ED1B1B;\r\n font-family: $font2;\r\n @include transition(.4s);\r\n position: relative;\r\n left: 30px;\r\n opacity: 0;\r\n @media #{$mobile_device}{\r\n left: 0;\r\n opacity: 1;\r\n }\r\n @media #{$tablet_device}{\r\n left: 0;\r\n opacity: 1;\r\n }\r\n }\r\n h3{\r\n margin-bottom: 0;\r\n @include transition(.4s);\r\n position: relative;\r\n top: 30px;\r\n opacity: 0;\r\n @media #{$mobile_device}{\r\n top: 0;\r\n opacity: 1;\r\n }\r\n @media #{$tablet_device}{\r\n top: 0;\r\n opacity: 1;\r\n }\r\n a{\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: #fff;\r\n @media #{$mid_device} {\r\n font-size: 18px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n &:hover{\r\n .hover_elements{\r\n background: rgba(0, 0, 0, 0.2);\r\n .hover_inner{\r\n position: absolute;\r\n bottom: 30px;\r\n left: 30px;\r\n span{\r\n left: 0px;\r\n
"/*=================== contact banner start ====================*/\n\n.dropdown .dropdown-menu {\n -webkit-transition: all 0.3s;\n -moz-transition: all 0.3s;\n -ms-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.contact-info{\n margin-bottom: 25px;\n\n &__icon{\n margin-right: 20px;\n\n i,span{\n color: #8f9195;\n font-size: 27px;\n }\n }\n\n .media-body{\n\n h3{\n font-size: 16px;\n margin-bottom: 0;\n font-size: 16px;\n color: #2a2a2a;\n a{\n &:hover{\n color: $theme-color2;\n }\n }\n }\n\n p{\n color: #8a8a8a;\n }\n }\n}\n/*=================== contact banner end ====================*/\n\n\n/*=================== contact form start ====================*/\n.contact-title{\n font-size: 27px;\n font-weight: 600;\n margin-bottom: 20px;\n}\n\n.form-contact{\n\n label{\n font-size: 14px;\n }\n\n .form-group{\n margin-bottom: 30px;\n }\n\n .form-control{\n border: 1px solid #e5e6e9;\n border-radius: 0px;\n height: 48px;\n padding-left: 18px;\n font-size: 13px;\n background: transparent;\n\n &:focus{\n outline: 0;\n box-shadow: none;\n }\n\n &::placeholder{\n font-weight: 300;\n color: #999999;\n }\n }\n\n textarea{\n border-radius: 0px;\n height: 100% !important;\n }\n\n // button{\n // border: 0;\n // }\n}\n\n/*=================== contact form end ====================*/\n\n/* Contact Success and error Area css\n============================================================================================ */\n\n\n.modal-message {\n .modal-dialog {\n position: absolute;\n top: 36%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%) !important;\n margin: 0px;\n max-width: 500px;\n width: 100%;\n .modal-content {\n .modal-header {\n text-align: center;\n display: block;\n border-bottom: none;\n padding-top: 50px;\n padding-bottom: 50px;\n .close {\n position: absolute;\n right: -15px;\n top: -15px;\n padding: 0px;\n color: #fff;\n opacity: 1;\n cursor: pointer;\n }\n h2 {\n display: block;\n text-align: center;\n padding-bottom: 10px;\n }\n p {\n display: block;\n }\n }\n }\n }\n}\n.contact-section{\n padding: 130px 0 100px;\n @media #{$tab}{\n padding: 70px 0 40px;\n }\n @media #{$medium_device}{\n padding: 80px 0 50px;\n }\n .btn_2{\n background-color:#191d34;\n padding: 18px 60px;\n border-radius: 50px;\n margin-top: 0;\n &:hover{\n background-color: $theme-color2;\n \n }\n }\n}\n\n\n",
"$default: #f9f9ff;\n$primary: $theme-color2;\n$success: #4cd3e3;\n$info: #38a4ff;\n$warning: #f4e700;\n$danger: #f44a40;\n$link: #f9f9ff;\n$disable: (#222222, .3);\n$primary-color: #7c32ff;\n$primary-color1: #c738d8;\n$title-color: #415094;\n$text-color: #828bb2;\n$white: #fff;\n$offwhite: #f9f9ff;\n$black: #000;\n// Mixins\n@mixin transition($args: all 0.3s ease 0s) {\n -webkit-transition: $args;\n -moz-transition: $args;\n -o-transition: $args;\n transition: $args;\n}\n\n@mixin transition-duration($args1, $args2) {\n -webkit-transition-duration: $args1, $args2;\n -moz-transition-duration: $args1, $args2;\n -o-transition-duration: $args1, $args2;\n transition-duration: $args1, $args2;\n}\n\n@mixin transition-delay($args1, $args2) {\n -webkit-transition-delay: $args1, $args2;\n -moz-transition-delay: $args1, $args2;\n -o-transition-delay: $args1, $args2;\n transition-delay: $args1, $args2;\n}\n\n@mixin transition-property($args1, $args2) {\n -webkit-transition-property: $args1, $args2;\n -moz-transition-property: $args1, $args2;\n -o-transition-property: $args1, $args2;\n transition-property: $args1, $args2;\n}\n\n@mixin filter($filter-type, $filter-amount) {\n -webkit-filter: $filter-type+unquote(\"(#{$filter-amount})\");\n -moz-filter: $filter-type+unquote(\"(#{$filter-amount})\");\n -ms-filter: $filter-type+unquote(\"(#{$filter-amount})\");\n -o-filter: $filter-type+unquote(\"(#{$filter-amount})\");\n filter: $filter-type+unquote(\"(#{$filter-amount})\");\n}\n\n@mixin gradient($deg, $args1,$args2){\n background: -webkit-linear-gradient($deg, $args1, $args2);\n background: -moz-linear-gradient($deg, $args1, $args2);\n background: -o-linear-gradient($deg, $args1, $args2);\n background: -ms-linear-gradient($deg, $args1, $args2);\n background: linear-gradient($deg, $args1, $args2);\n}\n\n@mixin transform($transform) {\n -webkit-transform: $transform;\n -moz-transform: $transform;\n -ms-transform: $transform;\n -o-transform: $transform;\n transform: $transform;\n}\n\n@mixin animation($args) {\n -webkit-animation: $args;\n -moz-animation: $args;\n -o-animation: $args;\n animation: $args;\n}\n.sample-text-area {\n background: $white;\n padding: 100px 0 70px 0;\n}\n\n.text-heading {\n margin-bottom: 30px;\n font-size: 24px;\n}\n\nb,\nsup,\nsub,\nu,\ndel {\n color: $primary;\n}\n\nh1 {\n font-size: 36px;\n}\n\nh2 {\n font-size: 30px;\n}\n\nh3 {\n font-size: 24px;\n}\n\nh4 {\n font-size: 18px;\n}\n\nh5 {\n font-size: 16px;\n}\n\nh6 {\n font-size: 14px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n line-height: 1.2em;\n}\n\n.typography {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: $text-color;\n }\n}\n\n.button-area {\n .border-top-generic {\n padding: 70px 15px;\n border-top: 1px dotted #eee;\n }\n background: $white;\n}\n\n.button-group-area {\n .genric-btn {\n margin-right: 10px;\n margin-top: 10px;\n &:last-child {\n margin-right: 0;\n }\n }\n}\n\n.genric-btn {\n display: inline-block;\n outline: none;\n line-height: 40px;\n padding: 0 30px;\n font-size: .8em;\n text-align: center;\n text-decoration: none;\n font-weight: 500;\n cursor: pointer;\n @include transition();\n &:focus {\n outline: none;\n }\n &.e-large {\n padding: 0 40px;\n line-height: 50px;\n }\n &.large {\n line-height: 45px;\n }\n &.medium {\n line-height: 30px;\n }\n &.small {\n line-height: 25px;\n }\n &.radius {\n border-radius: 3px;\n }\n &.circle {\n border-radius: 20px;\n }\n &.arrow {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n span {\n margin-left: 10px;\n }\n }\n &.default {\n color: $title
"/* Start Blog Area css\n============================================================================================ */\n\n.latest-blog-area {\n .area-heading {\n margin-bottom: 70px;\n }\n}\n.blog_area{\n a{\n color: $font_1 !important;\n text-decoration: none;\n @include transform_time(.5s);\n &:hover, :hover{\n background: -webkit-linear-gradient( 131deg, #615CFD 0%, #615CFD 99%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-decoration: none;\n @include transform_time(.5s);\n }\n }\n}\n\n.single-blog {\n overflow: hidden;\n margin-bottom: 30px;\n \n &:hover {\n box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);\n }\n\n .thumb {\n overflow: hidden;\n position: relative;\n\n &:after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: #000;\n opacity: 0;\n @include transform_time(.5s);\n }\n }\n\n h4 {\n // @include transform_time(.5s);\n border-bottom: 1px solid #dfdfdf;\n padding-bottom: 34px;\n margin-bottom: 25px;\n }\n\n a {\n // color: $dip;\n font-size: 20px;\n font-weight: 600;\n\n &:hover {\n // // color: $baseColor;\n }\n }\n\n .date {\n color: #666666;\n text-align: left;\n display: inline-block;\n font-size: 13px;\n font-weight: 300;\n }\n\n .tag {\n // color: $baseColor;\n text-align: left;\n display: inline-block;\n float: left;\n font-size: 13px;\n font-weight: 300;\n margin-right: 22px;\n position: relative;\n\n &:after {\n content: '';\n position: absolute;\n width: 1px;\n height: 10px;\n background: #acacac;\n right: -12px;\n top: 7px;\n\n }\n\n @media(max-width:1199px) {\n margin-right: 8px;\n\n &:after {\n display: none;\n }\n }\n }\n\n .likes {\n margin-right: 16px;\n }\n\n @media(max-width:800px) {\n margin-bottom: 30px;\n }\n\n .single-blog-content {\n padding: 30px;\n\n .meta-bottom {\n p {\n font-size: 13px;\n font-weight: 300;\n }\n\n i {\n color: $border_color;\n font-size: 13px;\n margin-right: 7px;\n }\n }\n\n @media(max-width:1199px) {\n padding: 15px;\n }\n }\n\n &:hover {\n .thumb {\n &:after {\n opacity: .7;\n @include transform_time(.5s);\n }\n }\n }\n\n @media(max-width:1199px) {\n h4 {\n transition: all 300ms linear 0s;\n border-bottom: 1px solid #dfdfdf;\n padding-bottom: 14px;\n margin-bottom: 12px;\n\n a {\n font-size: 18px;\n }\n }\n }\n\n}\n\n.full_image.single-blog {\n position: relative;\n\n .single-blog-content {\n position: absolute;\n left: 35px;\n bottom: 0;\n opacity: 0;\n visibility: hidden;\n @include transform_time(.5s);\n\n .meta-bottom {\n p {\n // color: $white_color;\n }\n }\n\n @media (min-width: 992px) {\n bottom: 100px;\n }\n }\n\n h4 {\n @include transform_time(.5s);\n border-bottom: none;\n padding-bottom: 5px;\n }\n\n a {\n // color: $white_color;\n font-size: 20px;\n font-weight: 600;\n\n &:hover {\n // color: $baseColor;\n }\n }\n\n .date {\n color: #fff;\n }\n\n &:hover {\n .single-b
"/**************** blog part css start ****************/\r\n.blog_part{\r\n margin-bottom: 140px;\r\n @media #{$small_mobile}{\r\n margin-bottom: 0px;\r\n padding: 0px 0px 70px;\r\n }\r\n @media #{$large_mobile}{\r\n margin-bottom: 0px;\r\n padding: 0px 0px 70px;\r\n }\r\n @media #{$tab_device}{\r\n margin-bottom: 0px;\r\n padding: 0px 0px 70px;\r\n }\r\n @media #{$medium_device}{\r\n \r\n }\r\n .blog_right_sidebar .widget_title {\r\n font-size: 20px;\r\n margin-bottom: 40px;\r\n font-style: inherit !important; \r\n }\r\n .single-home-blog{\r\n @media #{$small_mobile}{\r\n margin-bottom: 140px;\r\n margin-top: 20px;\r\n }\r\n @media #{$large_mobile}{\r\n margin-bottom: 140px;\r\n margin-top: 20px;\r\n }\r\n @media #{$tab_device}{\r\n margin-bottom: 140px;\r\n margin-top: 20px;\r\n }\r\n @media #{$medium_device}{\r\n \r\n }\r\n .card-img-top{\r\n border-radius: 0px;\r\n }\r\n .card{\r\n border: 0px solid transparent;\r\n border-radius: 0px;\r\n background-color: transparent;\r\n position: relative;\r\n .card-body{\r\n padding: 25px 10px 29px 40px;\r\n background-color: $white_color;\r\n position: absolute;\r\n left: 20px;\r\n bottom: -140px;\r\n box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);\r\n border-radius: 10px;\r\n @media #{$small_mobile}{\r\n padding: 15px;\r\n left: 10px;\r\n bottom: -140px;\r\n }\r\n @media #{$large_mobile}{\r\n padding: 15px;\r\n left: 10px;\r\n bottom: -140px;\r\n }\r\n @media #{$tab_device}{\r\n \r\n }\r\n @media #{$medium_device}{\r\n padding: 20px;\r\n }\r\n a{\r\n color: $btn_bg;\r\n text-transform: uppercase;\r\n @include transform_time(0.8s);\r\n &:hover{\r\n background: -webkit-linear-gradient( 131deg, #ff7e5f 0%, #feb47b 99%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n }\r\n }\r\n .dot{\r\n position: relative;\r\n padding-left: 20px;\r\n &:after{\r\n position: absolute;\r\n content: \"\";\r\n width: 10px;\r\n height: 10px;\r\n top: 5px;\r\n left: 0;\r\n background-color: $btn_bg;\r\n border-radius: 50%;\r\n }\r\n }\r\n span{\r\n color: $font_4;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n margin-top: 10px;\r\n @media #{$small_mobile}{\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n }\r\n @media #{$large_mobile}{\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n }\r\n @media #{$tab_device}{\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n }\r\n @media #{$medium_device}{\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n }\r\n }\r\n h5{\r\n font-weight: 600;\r\n line-height: 1.5;\r\n font-size: 20px;\r\n
],
"names": [],
"mappings": "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
}
Reference in New Issue Copy Permalink