1 Star 0 Fork 6

朱笑笑/beautifulWomen

forked from 木芒果/beautifulWomen 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
style.css 44.54 KB
一键复制 编辑 原始数据 按行查看 历史
木芒果 提交于 2023-11-07 13:55 . Update
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580
/* ------------------------------------------
[Master Stylesheet]
Template Name: Alime - Photography HTML Template
Template Author: Colorlib
Template Author URL: http://colorlib.com
Version: 1.0.0
Last Update: Feb 22, 2019
[Tables of CSS Content]
+ body
- 01.0 Reboot CSS
- 02.0 Spacing CSS
- 03.0 Preloader CSS
- 04.0 Heading CSS
- 05.0 Backtotop CSS
- 06.0 Buttons CSS
- 07.0 Header CSS
- 08.0 Hero CSS
- 09.0 Footer CSS
- 10.0 Follow CSS
- 11.0 About CSS
- 12.0 Breadcrumb CSS
- 13.0 Blog CSS
- 14.0 Team CSS
- 15.0 Gallery CSS
- 16.0 Contact CSS
--------------------------------------------- */
/* Import Fonts & All CSS */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700");
@import url(css/bootstrap.min.css);
@import url(css/animate.css);
@import url(css/default-assets/classy-nav.css);
@import url(css/owl.carousel.min.css);
@import url(css/magnific-popup.css);
@import url(css/font-awesome.min.css);
@import url(css/default-assets/themify-icons.css);
@import url(css/style.css);
/* :: 01.0 Reboot CSS */
* {
margin: 0;
padding: 0; }
body {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
position: relative;
z-index: auto; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins", sans-serif;
color: #252525;
line-height: 1.3;
font-weight: 600; }
a,
a:active,
a:focus,
a:hover {
color: #252525;
text-decoration: none;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
outline: none;
font-weight: 500; }
li {
list-style: none; }
p {
line-height: 1.9;
color: #636363;
font-size: 16px;
font-weight: 400; }
img {
width: 100%;
height: auto; }
ul {
margin: 0;
padding: 0; }
ul li {
margin: 0;
padding: 0; }
.bg-overlay {
position: relative;
z-index: 1; }
.bg-overlay::after {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
background-color: rgba(0, 0, 0, 0.4); }
.bg-img {
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important; }
.jarallax {
position: relative;
z-index: 0; }
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover;
font-family: 'object-fit: cover';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
position: fixed;
z-index: 100;
color: #ffffff;
right: 20px;
text-align: center;
padding-right: 0;
width: 100%;
top: 20px;
width: 30px;
background: #fc6060;
height: 30px;
line-height: 30px; }
img.mfp-img {
-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15); }
button.mfp-close,
button.mfp-arrow {
background: #fc6060; }
.mfp-bottom-bar {
display: none !important; }
.mfp-bg {
background-color: #000000; }
.bg-transparent {
background-color: transparent !important; }
.bg-gray {
background-color: #f7f7f7 !important; }
textarea:focus,
input:focus {
outline: none; }
textarea:invalid,
input:invalid,
textarea:required,
input:required {
box-shadow: none !important; }
.border {
border-color: #ebebeb; }
.mfp-arrow-left::after {
border-right-color: transparent; }
.mfp-arrow-left::before {
border-right-color: #ffffff; }
.mfp-arrow-right::after {
border-left-color: transparent; }
.mfp-arrow-right::before {
border-left-color: #ffffff; }
/* :: 02.0 Spacing CSS */
.mt-15 {
margin-top: 15px; }
.mt-30 {
margin-top: 30px; }
.mt-40 {
margin-top: 40px; }
.mt-50 {
margin-top: 50px; }
.mt-70 {
margin-top: 70px; }
.mt-80 {
margin-top: 80px; }
.mt-100 {
margin-top: 100px; }
.mt-150 {
margin-top: 150px; }
.mr-15 {
margin-right: 15px; }
.mr-30 {
margin-right: 30px; }
.mr-50 {
margin-right: 50px; }
.mr-100 {
margin-right: 100px; }
.mb-10 {
margin-bottom: 10px; }
.mb-15 {
margin-bottom: 15px; }
.mb-30 {
margin-bottom: 30px; }
.mb-40 {
margin-bottom: 40px; }
.mb-50 {
margin-bottom: 50px; }
.mb-60 {
margin-bottom: 60px; }
.mb-70 {
margin-bottom: 70px; }
.mb-80 {
margin-bottom: 80px; }
.mb-100 {
margin-bottom: 100px; }
.ml-15 {
margin-left: 15px; }
.ml-30 {
margin-left: 30px; }
.ml-50 {
margin-left: 50px; }
.ml-100 {
margin-left: 100px; }
.pt-50 {
padding-top: 50px !important; }
.section-padding-80 {
padding-top: 80px;
padding-bottom: 80px; }
.section-padding-0-80 {
padding-top: 0;
padding-bottom: 80px; }
.section-padding-80-0 {
padding-top: 80px;
padding-bottom: 0; }
.section-padding-80-50 {
padding-top: 80px;
padding-bottom: 50px; }
.section-padding-100 {
padding-top: 100px;
padding-bottom: 100px; }
.section-padding-0-100 {
padding-top: 0;
padding-bottom: 100px; }
.section-padding-100-0 {
padding-top: 100px;
padding-bottom: 0; }
/* :: 3.0 Preloader CSS */
/* :: 4.0 Heading CSS */
.section-heading {
position: relative;
z-index: 1;
margin-bottom: 50px; }
.section-heading h2 {
font-size: 36px;
text-transform: capitalize;
margin-bottom: 5px;
display: block;
line-height: 1.2; }
@media only screen and (max-width: 767px) {
.section-heading h2 {
font-size: 24px; } }
.section-heading p {
margin-bottom: 0; }
.section-heading.white p,
.section-heading.white h2 {
color: #ffffff; }
/* :: 5.0 Backtotop CSS */
#scrollUp {
position: fixed;
right: 40px;
font-size: 20px;
line-height: 40px;
width: 40px;
height: 40px;
bottom: 40px;
background-color: #fc6060;
color: #ffffff;
text-align: center;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
border-radius: 50%;
-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
z-index: 15962536; }
@media only screen and (max-width: 767px) {
#scrollUp {
right: 20px;
bottom: 20px; } }
#scrollUp:focus, #scrollUp:hover {
background-color: #000000;
color: #ffffff; }
/* :: 6.0 Buttons CSS */
.btn:focus {
box-shadow: none; }
.alime-btn {
position: relative;
z-index: 1;
min-width: 160px;
height: 46px;
line-height: 42px;
font-size: 16px;
font-weight: 500;
display: inline-block;
padding: 0 30px;
text-align: center;
text-transform: capitalize;
background-color: transparent;
color: #ffffff;
border: 2px solid #fc6060;
border-radius: 60px;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
.alime-btn.btn-2 {
color: #252525; }
.alime-btn:focus, .alime-btn:hover {
font-weight: 500;
-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
background-color: #fc6060;
color: #ffffff; }
.badges-btn {
background-color: #ebebeb;
padding: 5px 15px;
display: inline-block;
color: #636363;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
border-radius: 2px;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
letter-spacing: 1px; }
.badges-btn:hover, .badges-btn:focus {
background-color: #fc6060;
color: #ffffff;
font-weight: 500; }
/* :: 7.0 Header CSS */
.header-area {
position: fixed;
z-index: 100;
width: 100%;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
background-color: transparent; }
.header-area .search-icon {
position: relative;
z-index: 1;
margin-left: 80px; }
.header-area .search-icon i {
font-size: 18px;
color: #ffffff;
cursor: pointer; }
.top-search-area .modal {
background-color: rgba(0, 0, 0, 0.7); }
.top-search-area .modal-content .modal-body {
padding: 50px; }
.top-search-area .modal-content .modal-body button.close-btn {
position: absolute;
top: 15px;
right: 15px;
z-index: 10;
font-size: 14px; }
.top-search-area .modal-content .modal-body button.close-btn.btn {
padding: 0;
background-color: transparent; }
.top-search-area form {
width: 100%;
position: relative;
z-index: 1; }
.top-search-area form input {
width: 100%;
height: 50px;
border: none;
-webkit-box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08);
border-radius: 6px;
font-size: 12px;
font-style: italic;
padding: 0 20px; }
.top-search-area form input:focus {
-webkit-box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08); }
.top-search-area form button {
position: absolute;
width: 100px;
height: 50px;
top: 0;
right: 0;
z-index: 10;
border-radius: 0 6px 6px 0;
border: none;
background-color: #fc6060;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
text-align: center;
color: #ffffff;
cursor: pointer; }
.classy-nav-container {
background-color: transparent;
padding: 0; }
.classy-nav-container .classy-navbar {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
height: 70px;
padding: 0; }
@media only screen and (max-width: 767px) {
.classy-nav-container .classy-navbar .nav-brand {
max-width: 90px;
margin-right: 15px; } }
.classy-nav-container .classy-navbar .classynav ul li a {
font-size: 16px;
text-transform: capitalize;
color: #ffffff;
font-weight: 500;
padding: 0 20px; }
.classy-nav-container .classy-navbar .classynav ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li a:focus {
color: #fc6060; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.classy-nav-container .classy-navbar .classynav ul li a {
font-size: 14px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.classy-nav-container .classy-navbar .classynav ul li a {
font-size: 14px;
color: #252525; }
.classy-nav-container .classy-navbar .classynav ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li a:focus {
color: #fc6060; } }
@media only screen and (max-width: 767px) {
.classy-nav-container .classy-navbar .classynav ul li a {
font-size: 14px;
color: #252525; }
.classy-nav-container .classy-navbar .classynav ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li a:focus {
color: #fc6060; } }
.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a {
font-size: 14px;
text-transform: capitalize;
height: 42px;
line-height: 42px;
padding: 0 30px;
color: #252525; }
.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:focus, .classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:hover {
color: #fc6060; }
.classynav ul li.active a {
position: relative;
z-index: 1; }
.classynav ul li.active a::before {
width: calc(100% - 40px);
height: 2px;
background-color: #fc6060;
position: absolute;
bottom: 7px;
left: 0;
z-index: 1;
content: '';
left: 50%;
transform: translateX(-50%); }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.classynav ul li.active a::before {
display: none; } }
@media only screen and (max-width: 767px) {
.classynav ul li.active a::before {
display: none; } }
.classynav ul li.has-down > a::after,
.classynav ul li.has-down.active > a::after,
.classynav ul li.megamenu-item > a::after {
color: #fc6060; }
.breakpoint-off .classynav ul li .dropdown,
.breakpoint-off .classynav ul li .megamenu {
width: 210px;
-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);
border-radius: 6px; }
.breakpoint-off .classynav ul li .megamenu {
width: 100%; }
.classy-navbar-toggler .navbarToggler span {
background-color: #252525; }
.main-header-area {
position: relative;
z-index: 1;
background-color: transparent;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
height: 70px;
background-color: rgba(0, 0, 0, 0.2); }
.main-header-area.sticky {
background-color: #000000; }
.classy-navbar-toggler .navbarToggler span {
background-color: #ffffff; }
/* :: 8.0 Hero CSS */
.welcome-area {
position: relative;
z-index: 1; }
.welcome-slides {
position: relative;
z-index: 1;
overflow: hidden; }
.welcome-slides .owl-prev,
.welcome-slides .owl-next {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
width: 66px;
height: 66px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
position: absolute;
top: 50%;
left: 70px;
margin-top: -33px;
z-index: 10;
text-align: center;
line-height: 70px;
color: #ffffff;
font-size: 30px; }
.welcome-slides .owl-prev:hover, .welcome-slides .owl-prev:focus,
.welcome-slides .owl-next:hover,
.welcome-slides .owl-next:focus {
background-color: #fc6060; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.welcome-slides .owl-prev,
.welcome-slides .owl-next {
left: 30px; } }
@media only screen and (max-width: 767px) {
.welcome-slides .owl-prev,
.welcome-slides .owl-next {
width: 40px;
left: 15px;
height: 40px;
font-size: 18px;
line-height: 44px; } }
.welcome-slides .owl-next {
left: auto;
right: 70px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.welcome-slides .owl-next {
right: 30px; } }
@media only screen and (max-width: 767px) {
.welcome-slides .owl-next {
right: 15px; } }
.single-welcome-slide {
position: relative;
z-index: 2;
width: 100%;
height: 880px;
background-color: #fc6060; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-welcome-slide {
height: 750px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-welcome-slide {
height: 750px; } }
@media only screen and (max-width: 767px) {
.single-welcome-slide {
height: 600px; } }
.single-welcome-slide .welcome-text {
position: relative;
z-index: 1; }
.single-welcome-slide .welcome-text h2 {
font-weight: 700;
font-size: 82px;
display: block;
margin-bottom: 0;
background: -webkit-linear-gradient(#ff9696, #ffe89e);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
@media only screen and (max-width: 767px) {
.single-welcome-slide .welcome-text h2 {
font-size: 42px; } }
.single-welcome-slide .welcome-text p {
color: #ffffff;
margin-bottom: 50px;
display: block; }
.single-welcome-slide .welcome-text .hero-mail-contact {
color: #ffffff;
font-style: italic;
text-decoration: underline; }
.single-welcome-slide .welcome-text .hero-mail-contact:hover, .single-welcome-slide .welcome-text .hero-mail-contact:focus {
color: #fc6060; }
/* :: 9.0 Footer CSS */
.footer-content {
padding: 20px 0; }
.footer-content .copywrite-text {
position: relative;
z-index: 1; }
.footer-content .copywrite-text p {
margin-bottom: 0;
color: #252525; }
@media only screen and (max-width: 767px) {
.footer-content .copywrite-text p {
font-size: 12px; } }
.footer-content .copywrite-text p a {
color: #fc6060;
font-weight: 400; }
@media only screen and (max-width: 767px) {
.footer-content .copywrite-text p a {
font-size: 12px; } }
@media only screen and (max-width: 767px) {
.footer-content .footer-logo a img {
max-width: 50px; } }
.footer-content .social-info a {
color: #252525;
font-size: 16px;
margin-right: 20px; }
.footer-content .social-info a:last-child {
margin-right: 0; }
@media only screen and (max-width: 767px) {
.footer-content .social-info a {
margin-right: 5px;
font-size: 12px; } }
.footer-content .social-info a:hover, .footer-content .social-info a:focus {
color: #fc6060; }
/* :: 10.0 Follow CSS */
.single-instagram-item {
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
.single-instagram-item img {
width: 100%;
-webkit-transition-duration: 1500ms;
-o-transition-duration: 1500ms;
transition-duration: 1500ms; }
.single-instagram-item .instagram-hover-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(252, 96, 96, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
.single-instagram-item .instagram-hover-content a {
text-align: center; }
.single-instagram-item .instagram-hover-content a i {
color: #ffffff;
font-size: 32px;
display: block;
margin-bottom: 15px; }
.single-instagram-item .instagram-hover-content a span {
font-size: 14px;
margin-bottom: 0;
color: #ffffff; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-instagram-item .instagram-hover-content a span {
font-size: 12px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-instagram-item .instagram-hover-content a span {
font-size: 12px; } }
@media only screen and (max-width: 767px) {
.single-instagram-item .instagram-hover-content a span {
font-size: 12px; } }
.single-instagram-item:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.single-instagram-item:hover .instagram-hover-content {
opacity: 1;
visibility: visible; }
.instagram-gallery-single-item:hover .instagram-hover-content .zoom-img {
margin-top: 0;
opacity: 1; }
/* :: 11.0 About CSS */
.about-us-content h3 {
font-size: 36px;
display: block;
margin-bottom: 5px; }
@media only screen and (max-width: 767px) {
.about-us-content h3 {
font-size: 24px; } }
.about-us-content .line {
height: 3px;
width: 70px;
background-color: #fc6060;
margin-bottom: 30px; }
.about-video-area {
position: relative;
z-index: 1;
border-radius: 10px; }
.about-video-area img {
-webkit-box-shadow: 3px 0 24px rgba(0, 0, 0, 0.15);
box-shadow: 3px 0 24px rgba(0, 0, 0, 0.15);
width: 100%;
border-radius: 10px; }
.about-video-area .video-icon a {
position: absolute;
top: 50%;
left: 50%;
z-index: 99;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
height: 50px;
width: 50px;
display: inline-block;
background-color: #fc6060;
text-align: center;
line-height: 56px;
font-size: 38px;
border-radius: 50%; }
.about-video-area .video-icon a::after {
content: '';
position: absolute;
width: 0%;
height: 0%;
border-radius: 50%;
background-color: transparent;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 2px solid #fc6060;
-webkit-animation: video-icon 1200ms linear infinite;
animation: video-icon 1200ms linear infinite;
z-index: -10; }
.about-video-area .video-icon a:hover, .about-video-area .video-icon a:focus {
background-color: #000000; }
.about-video-area .video-icon a:hover::after, .about-video-area .video-icon a:focus::after {
border: 2px solid #000000; }
@-webkit-keyframes video-icon {
0% {
width: 0;
height: 0;
opacity: 1; }
50% {
width: 100%;
height: 100%;
opacity: 1; }
100% {
width: 200%;
height: 200%;
opacity: 0; } }
@keyframes video-icon {
0% {
width: 0;
height: 0;
opacity: 1; }
50% {
width: 100%;
height: 100%;
opacity: 1; }
100% {
width: 200%;
height: 200%;
opacity: 0; } }
.why-choose-us-content {
-webkit-transition-duration: 800ms;
-o-transition-duration: 800ms;
transition-duration: 800ms;
background-color: #ffffff;
padding: 80px 30px 50px;
border-radius: 10px;
box-shadow: 3px 0 15px -1px rgba(0, 0, 0, 0.15);
position: relative;
z-index: 1;
margin-top: 50px; }
.why-choose-us-content .chosse-us-icon {
-webkit-transition-duration: 800ms;
-o-transition-duration: 800ms;
transition-duration: 800ms;
height: 76px;
width: 76px;
background-color: #fc6060;
display: inline-block;
text-align: center;
line-height: 76px;
border-radius: 50%;
color: #ffffff;
font-size: 30px;
position: absolute;
top: -38px;
left: 50%;
margin-left: -38px; }
.why-choose-us-content h4 {
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;
-webkit-transition-duration: 800ms;
-o-transition-duration: 800ms;
transition-duration: 800ms; }
.why-choose-us-content p {
-webkit-transition-duration: 800ms;
-o-transition-duration: 800ms;
transition-duration: 800ms;
font-size: 14px;
margin-bottom: 0; }
.why-choose-us-content:hover, .why-choose-us-content:focus {
background-color: #fc6060; }
.why-choose-us-content:hover .chosse-us-icon, .why-choose-us-content:focus .chosse-us-icon {
background-color: #000000;
box-shadow: 0 5px 15px 2px rgba(255, 255, 255, 0.15); }
.why-choose-us-content:hover h4,
.why-choose-us-content:hover p, .why-choose-us-content:focus h4,
.why-choose-us-content:focus p {
color: #ffffff; }
/* :: 12.0 Breadcrumb CSS */
.breadcrumb-area {
position: relative;
z-index: 1;
height: 370px; }
@media only screen and (max-width: 767px) {
.breadcrumb-area {
height: 240px; } }
.breadcrumb-area .page-title {
color: #ffffff;
font-size: 36px; }
@media only screen and (max-width: 767px) {
.breadcrumb-area .page-title {
font-size: 24px; } }
.breadcrumb-content {
position: relative;
z-index: 1;
margin-top: 70px; }
.breadcrumb-content .breadcrumb {
padding: 0;
background-color: transparent;
margin-bottom: 0; }
.breadcrumb-content .breadcrumb .breadcrumb-item {
color: #fc6060;
font-weight: 400;
font-size: 16px; }
.breadcrumb-content .breadcrumb .breadcrumb-item a {
font-size: 16px;
color: #ffffff;
font-weight: 400; }
.breadcrumb-content .breadcrumb .breadcrumb-item a:hover, .breadcrumb-content .breadcrumb .breadcrumb-item a:focus {
color: #fc6060; }
.breadcrumb-content .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
content: '\f105';
color: #ffffff;
font-family: "FontAwesome"; }
.breadcrumb-area.blog {
height: 550px; }
.breadcrumb-area.blog .breadcrumb-content .post-catagory {
padding: 2px 15px;
border-radius: 2px;
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
background-color: #fc6060;
font-weight: 500;
margin-bottom: 15px; }
.breadcrumb-area.blog .breadcrumb-content .post-catagory:hover, .breadcrumb-area.blog .breadcrumb-content .post-catagory:focus {
font-weight: 500;
background-color: #000000; }
.breadcrumb-area.blog .breadcrumb-content .page-title {
display: block;
font-size: 48px;
margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.breadcrumb-area.blog .breadcrumb-content .page-title {
font-size: 30px; } }
.breadcrumb-area.blog .breadcrumb-content .post-meta {
position: relative;
z-index: 1;
margin-bottom: 5px; }
.breadcrumb-area.blog .breadcrumb-content .post-meta a {
position: relative;
z-index: 1;
font-size: 16px;
color: #ffffff;
font-weight: 500;
margin-right: 21px; }
@media only screen and (max-width: 767px) {
.breadcrumb-area.blog .breadcrumb-content .post-meta a {
font-size: 13px; } }
.breadcrumb-area.blog .breadcrumb-content .post-meta a::after {
content: '|';
position: absolute;
top: 0;
right: -11px;
z-index: 1; }
.breadcrumb-area.blog .breadcrumb-content .post-meta a:last-child::after {
display: none; }
.breadcrumb-area.blog .breadcrumb-content .post-meta a:hover, .breadcrumb-area.blog .breadcrumb-content .post-meta a:focus {
color: #fc6060; }
.breadcrumb-area.blog .breadcrumb-content .post-meta a:hover::after, .breadcrumb-area.blog .breadcrumb-content .post-meta a:focus::after {
color: #ffffff; }
/* :: 13.0 Blog CSS */
.blog-details-text {
position: relative;
z-index: 1; }
.blog-details-text .row {
margin-right: -5px;
margin-left: -5px; }
.blog-details-text .row .col-12 {
padding-right: 5px;
padding-left: 5px; }
.blog-details-text p {
font-size: 18px;
margin-bottom: 20px; }
.alime-blockquote {
position: relative;
z-index: 1;
margin-bottom: 30px;
margin-top: 30px;
border-left: 3px solid #fc6060;
padding-left: 30px; }
.alime-blockquote h4 {
margin-bottom: 15px;
font-size: 24px;
color: #161715;
line-height: 1.5;
font-weight: 400; }
@media only screen and (max-width: 767px) {
.alime-blockquote h4 {
font-size: 18px; } }
.alime-blockquote h6 {
font-size: 18px;
color: #fc6060;
text-transform: uppercase;
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.alime-blockquote h6 {
font-size: 14px; } }
.post-author-area {
position: relative;
z-index: 1; }
@media only screen and (max-width: 767px) {
.post-author-area {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media only screen and (max-width: 767px) {
.post-author-area .popular-tags {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
margin-bottom: 30px; } }
.post-author-area .popular-tags li {
display: inline-block;
float: left;
margin: 3px; }
@media only screen and (max-width: 767px) {
.post-author-area .post-social-info {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%; } }
.post-author-area .post-social-info p {
margin-bottom: 0;
margin-right: 20px;
color: #252525; }
.post-author-area .post-social-info a {
display: inline-block;
color: #625b66;
margin-right: 20px;
font-size: 14px; }
.post-author-area .post-social-info a:last-child {
margin-right: 0; }
.post-author-area .post-social-info a:hover, .post-author-area .post-social-info a:focus {
color: #fc6060; }
.alime-pager-area {
position: relative;
z-index: 1; }
.alime-pager-area .previous,
.alime-pager-area .next {
width: 100%;
position: relative;
z-index: 1;
height: 290px; }
@media only screen and (max-width: 767px) {
.alime-pager-area .previous,
.alime-pager-area .next {
height: 180px; } }
.alime-pager-area .previous::after,
.alime-pager-area .next::after {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
background-color: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
content: '';
opacity: 0;
visibility: hidden; }
.alime-pager-area .previous .overlay-content,
.alime-pager-area .next .overlay-content {
position: absolute;
width: 70%;
height: 100%;
top: 0;
left: 15%;
text-align: center;
z-index: 100; }
.alime-pager-area .previous .overlay-content .post-title,
.alime-pager-area .next .overlay-content .post-title {
font-size: 24px;
color: #ffffff;
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.alime-pager-area .previous .overlay-content .post-title,
.alime-pager-area .next .overlay-content .post-title {
font-size: 14px; } }
.alime-pager-area .previous .overlay-content .post-title:hover, .alime-pager-area .previous .overlay-content .post-title:focus,
.alime-pager-area .next .overlay-content .post-title:hover,
.alime-pager-area .next .overlay-content .post-title:focus {
color: #fc6060; }
.alime-pager-area .previous .overlay-content .previous-link,
.alime-pager-area .previous .overlay-content .next-link,
.alime-pager-area .next .overlay-content .previous-link,
.alime-pager-area .next .overlay-content .next-link {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
position: absolute;
top: 50%;
margin-top: -15px;
left: -10%;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 30px;
color: #ffffff;
z-index: 100;
opacity: 0; }
.alime-pager-area .previous .overlay-content .previous-link:hover, .alime-pager-area .previous .overlay-content .previous-link:focus,
.alime-pager-area .previous .overlay-content .next-link:hover,
.alime-pager-area .previous .overlay-content .next-link:focus,
.alime-pager-area .next .overlay-content .previous-link:hover,
.alime-pager-area .next .overlay-content .previous-link:focus,
.alime-pager-area .next .overlay-content .next-link:hover,
.alime-pager-area .next .overlay-content .next-link:focus {
color: #fc6060; }
.alime-pager-area .previous:hover::after, .alime-pager-area .previous:focus::after,
.alime-pager-area .next:hover::after,
.alime-pager-area .next:focus::after {
opacity: 1;
visibility: visible; }
.alime-pager-area .previous:hover .previous-link,
.alime-pager-area .previous:hover .next-link, .alime-pager-area .previous:focus .previous-link,
.alime-pager-area .previous:focus .next-link,
.alime-pager-area .next:hover .previous-link,
.alime-pager-area .next:hover .next-link,
.alime-pager-area .next:focus .previous-link,
.alime-pager-area .next:focus .next-link {
opacity: 1; }
.alime-pager-area .next .overlay-content .next-link {
left: auto;
right: -10%; }
.pagination {
position: relative;
z-index: 1; }
.pagination .page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.pagination .page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.pagination .page-link {
padding: 12px 15px;
color: #252525;
border: none;
background-color: #f7f7f7;
margin-right: 5px;
border-radius: 3px; }
.pagination .page-link:hover, .pagination .page-link:focus {
background-color: #fc6060;
color: #ffffff;
border-color: #fc6060; }
.pagination .page-link:focus {
box-shadow: none; }
.comment_area {
position: relative;
z-index: 1;
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb; }
.comment_area .single_comment_area {
position: relative;
z-index: 1; }
.comment_area .single_comment_area::after {
position: absolute;
width: 1px;
background-color: #ebebeb;
height: 100%;
content: '';
top: 0;
left: 90px;
z-index: 1; }
@media only screen and (max-width: 767px) {
.comment_area .single_comment_area::after {
left: 50px; } }
.comment_area .single_comment_area .single_comment_area::after {
display: none; }
.comment_area .comment-content {
position: relative;
z-index: 1;
margin-bottom: 40px; }
.comment_area .comment-content .comment-author {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
width: 70px;
max-width: 70px;
margin-right: 40px;
border-radius: 50%; }
@media only screen and (max-width: 767px) {
.comment_area .comment-content .comment-author {
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
width: 40px;
max-width: 40px;
margin-right: 20px; } }
.comment_area .comment-content .comment-author img {
border-radius: 50%; }
.comment_area .comment-content .comment-meta .post-date {
font-size: 12px;
text-transform: uppercase;
display: block;
margin-bottom: 5px;
font-weight: 300;
color: #b2b2b2;
letter-spacing: 1px; }
.comment_area .comment-content .comment-meta .post-date:hover, .comment_area .comment-content .comment-meta .post-date:focus {
color: #fc6060; }
.comment_area .comment-content .comment-meta h5 {
margin-bottom: 5px;
font-size: 18px; }
@media only screen and (max-width: 767px) {
.comment_area .comment-content .comment-meta h5 {
font-size: 16px; } }
.comment_area .comment-content .comment-meta p {
color: #636363;
font-size: 14px; }
@media only screen and (max-width: 767px) {
.comment_area .comment-content .comment-meta p {
font-size: 13px; } }
.comment_area .comment-content .comment-meta .like,
.comment_area .comment-content .comment-meta .reply {
display: inline-block;
padding: 5px 25px 5px;
font-size: 12px;
font-weight: 600;
border: 1px solid #ebebeb;
text-transform: uppercase;
border-radius: 2px; }
.comment_area .comment-content .comment-meta .like:focus, .comment_area .comment-content .comment-meta .like:hover,
.comment_area .comment-content .comment-meta .reply:focus,
.comment_area .comment-content .comment-meta .reply:hover {
border-color: #fc6060;
background-color: #fc6060;
color: #ffffff; }
.comment_area .children {
margin-left: 120px; }
@media only screen and (max-width: 767px) {
.comment_area .children {
margin-left: 60px; } }
.comment_area .children .single_comment_area:last-of-type {
margin-bottom: 0; }
.comment_area .children .single_comment_area .comment-author {
margin-right: 20px; }
@media only screen and (max-width: 767px) {
.comment_area .children .single_comment_area .comment-author {
margin-right: 10px; } }
.alime-blog-area {
position: relative;
z-index: 1; }
.alime-blog-area .row {
margin-right: -5px;
margin-left: -5px; }
.alime-blog-area .row .col-12 {
padding-right: 5px;
padding-left: 5px; }
.single-post-area {
position: relative;
z-index: 1;
margin-bottom: 10px;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
.single-post-area::after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
content: '';
z-index: 1; }
.single-post-area .post-thumbnail {
display: block;
overflow: hidden; }
.single-post-area .post-thumbnail img {
width: 100%;
-webkit-transition-duration: 800ms;
-o-transition-duration: 800ms;
transition-duration: 800ms; }
.single-post-area .post-catagory {
position: absolute;
padding: 2px 15px;
border-radius: 2px;
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
background-color: #fc6060;
top: 15px;
right: 15px;
z-index: 20;
font-weight: 500; }
.single-post-area .post-catagory:hover, .single-post-area .post-catagory:focus {
font-weight: 500;
background-color: #000000; }
.single-post-area .post-content {
position: absolute;
left: 30px;
bottom: 30px;
right: 30px;
z-index: 100; }
.single-post-area .post-content .post-meta {
position: relative;
z-index: 1;
margin-bottom: 5px; }
.single-post-area .post-content .post-meta a {
position: relative;
z-index: 1;
font-size: 13px;
color: #ffffff;
font-weight: 300;
margin-right: 21px; }
.single-post-area .post-content .post-meta a:last-child::after {
content: '|';
position: absolute;
top: 0;
left: -11px;
z-index: 1; }
.single-post-area .post-content .post-meta a:hover, .single-post-area .post-content .post-meta a:focus {
color: #fc6060; }
.single-post-area .post-content .post-meta a:hover::after, .single-post-area .post-content .post-meta a:focus::after {
color: #ffffff; }
.single-post-area .post-content .post-title {
font-size: 20px;
color: #ffffff;
margin-bottom: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-post-area .post-content .post-title {
font-size: 16px; } }
.single-post-area .post-content .post-title:hover, .single-post-area .post-content .post-title:focus {
color: #fc6060; }
.single-post-area:hover .post-thumbnail img, .single-post-area:focus .post-thumbnail img {
-webkit-transform: scale(1.4) rotate(10deg);
-ms-transform: scale(1.4) rotate(10deg);
transform: scale(1.4) rotate(10deg); }
.related-news-area {
position: relative;
z-index: 1; }
.related-news-area .row {
margin-right: -5px;
margin-left: -5px; }
.related-news-area .row .col-12 {
padding-right: 5px;
padding-left: 5px; }
/* :: 14.0 Team CSS */
.team-content-area {
position: relative;
z-index: 1;
padding: 40px;
-webkit-box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.1);
border-radius: 10px;
text-align: center;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
background-color: #ffffff; }
.team-content-area .member-thumb {
margin: 0 auto 40px;
width: 165px; }
.team-content-area .member-thumb img {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
width: 100%;
border-radius: 50%; }
.team-content-area h5 {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
font-size: 20px;
font-weight: 500;
margin-bottom: 0; }
.team-content-area span {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
color: #fc6060;
font-size: 12px;
text-transform: uppercase; }
.team-content-area .member-social-info {
position: relative;
z-index: 1;
margin-top: 30px; }
.team-content-area .member-social-info a {
color: #636363;
font-size: 16px;
margin: 0 10px;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
.team-content-area .member-social-info a:hover, .team-content-area .member-social-info a:focus {
color: #fc6060; }
.team-content-area:hover, .team-content-area:focus {
background-color: #fc6060; }
.team-content-area:hover .member-thumb img, .team-content-area:focus .member-thumb img {
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg); }
.team-content-area:hover h5,
.team-content-area:hover span, .team-content-area:focus h5,
.team-content-area:focus span {
color: #ffffff; }
.team-content-area:hover .member-social-info a, .team-content-area:focus .member-social-info a {
color: #ffffff; }
.team-content-area:hover .member-social-info a:hover, .team-content-area:hover .member-social-info a:focus, .team-content-area:focus .member-social-info a:hover, .team-content-area:focus .member-social-info a:focus {
color: #000000; }
/* :: 15.0 Gallery CSS */
.alime-portfolio-area {
position: relative;
z-index: 1; }
.alime-portfolio-area .container-fluid {
padding-right: 10%;
padding-left: 10%; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.alime-portfolio-area .container-fluid {
padding-right: 5%;
padding-left: 5%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.alime-portfolio-area .container-fluid {
padding-right: 5%;
padding-left: 5%; } }
@media only screen and (max-width: 767px) {
.alime-portfolio-area .container-fluid {
padding-right: 5%;
padding-left: 5%; } }
.alime-projects-menu {
position: relative;
z-index: 1;
margin-bottom: 40px; }
.alime-projects-menu .portfolio-menu .btn {
position: relative;
z-index: 1;
padding: 0;
border: 0;
background-color: transparent;
font-size: 20px;
font-weight: 600;
border-radius: 0;
margin: 0 25px;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
@media only screen and (max-width: 767px) {
.alime-projects-menu .portfolio-menu .btn {
font-size: 14px;
margin: 0 5px; } }
.alime-projects-menu .portfolio-menu .btn::after {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
position: absolute;
width: 0%;
height: 3px;
background-color: #fc6060;
content: '';
bottom: -5px;
left: 0;
right: 0;
z-index: 1; }
.alime-projects-menu .portfolio-menu .btn.active::after {
width: 100%; }
.single-portfolio-content {
position: relative;
z-index: 1;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
overflow: hidden; }
.single-portfolio-content img {
width: 100%;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
.single-portfolio-content .hover-content {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
z-index: 10; }
.single-portfolio-content .hover-content a {
position: absolute;
top: 50%;
left: 50%;
margin-top: 0;
margin-left: -26px;
z-index: 100;
display: inline-block;
width: 52px;
height: 52px;
border-radius: 50%;
background-color: #fc6060;
text-align: center;
line-height: 52px;
font-size: 30px;
color: #ffffff; }
.single-portfolio-content .hover-content a:hover, .single-portfolio-content .hover-content a:focus {
background-color: #000000; }
.single-portfolio-content:hover img, .single-portfolio-content:focus img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
.single-portfolio-content:hover .hover-content, .single-portfolio-content:focus .hover-content {
opacity: 1;
visibility: visible; }
.single-portfolio-content:hover .hover-content a, .single-portfolio-content:focus .hover-content a {
margin-top: -26px; }
/* :: 16.0 Contact CSS */
.alime-contact-form .form-control {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
width: 100%;
height: 50px;
padding: 0 20px;
border-radius: 2px;
color: #afb4bf;
font-size: 14px;
border: 1px solid #ebebeb; }
.alime-contact-form .form-control:focus {
box-shadow: none;
border-color: #fc6060; }
.alime-contact-form textarea.form-control {
height: 120px;
padding: 20px; }
.contact-area .contact-title {
font-size: 56px; }
@media only screen and (max-width: 767px) {
.contact-area .contact-title {
font-size: 30px; } }
.contact-area .contact-info p {
font-size: 14px;
margin-bottom: 5px; }
.contact-area .contact-info a {
font-size: 16px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact-area .contact-info a {
font-size: 14px; } }
#map {
height: 600px;
width: 100%; }
@media only screen and (max-width: 767px) {
#map {
height: 400px; } }
#map iframe {
width: 100%;
height: 100%;
border: none !important;
border-radius: 10px; }
/*# sourceMappingURL=style.css.map */
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/zhu-xiaoxiaoccc/beautiful-women.git
git@gitee.com:zhu-xiaoxiaoccc/beautiful-women.git
zhu-xiaoxiaoccc
beautiful-women
beautifulWomen
master

搜索帮助