Last active
August 18, 2023 16:47
-
-
Save miguelplazasr/0f3baf4d8d447ad1681dcc20a93cfb03 to your computer and use it in GitHub Desktop.
www-mj-style.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ================================================== */ | |
/* Motiva | |
/* created by designesia | |
* body | |
* header | |
* subheader | |
* navigation | |
* content | |
* section | |
* footer | |
* sidebar | |
* blog | |
* products | |
* contact | |
* coming soon page | |
* elements | |
* address | |
* border | |
* box icon | |
* breadcrumb | |
* button and link | |
* columns | |
* counter | |
* divider | |
* dropcap | |
* heading | |
* icon font | |
* list | |
* map | |
* package | |
* page heading | |
* pagination | |
* pricing | |
* preloader | |
* progress bar | |
* social icons | |
* spacer | |
* tabs | |
* team | |
* testimonial | |
* plugin | |
* media query | |
*/ | |
@charset "utf-8"; | |
/* ================================================== */ | |
/* import custom fonts */ | |
/* ================================================== */ | |
@import url(https://fonts.googleapis.com/css?family=Cabin:400,200,300,500,600,700,800); | |
/* ================================================== */ | |
/* import fonts icon */ | |
/* ================================================== */ | |
@import url("../fonts/font-awesome/css/font-awesome.css"); | |
@import url("../fonts/icofont/icofont.min.css"); | |
/* ================================================== */ | |
/* body */ | |
/* ================================================== */ | |
html { | |
overflow-x: hidden; | |
padding: 0; | |
margin: 0; | |
background: #fff; | |
} | |
body { | |
font-family: "Cabin", Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
font-weight: 400; | |
color: #2a2e37; | |
line-height: 1.8em; | |
padding: 0; | |
display: none; | |
} | |
body.boxed { | |
margin: 30px; | |
overflow: hidden; | |
border: solid 1px #eee; | |
} | |
body .owl-stage .owl-item { | |
display: inline-block; | |
} | |
#wrapper { | |
overflow: hidden; | |
} | |
.de-navbar-left #wrapper { | |
overflow: visible; | |
} | |
a, | |
a:hover { | |
text-decoration: none; | |
} | |
a.a-underline { | |
display: inline-block; | |
position: relative; | |
overflow: hidden; | |
} | |
a.a-underline span { | |
display: block; | |
position: relative; | |
left: 0; | |
bottom: 0; | |
border-bottom: solid 1px #333; | |
width: 0; | |
} | |
a.a-underline:hover span { | |
width: 100%; | |
} | |
/* ================================================== */ | |
/* header */ | |
/* ================================================== */ | |
header { | |
width: 100%; | |
position: absolute; | |
left: 0; | |
z-index: 1001; | |
background: rgba(20, 20, 20, .8); | |
margin: 0; | |
height: 90px; | |
/*border-bottom:solid 1px rgba(255,255,255,0);*/ | |
} | |
header.smaller.has-topbar { | |
height: 105px; | |
} | |
header.header-s1 { | |
/*border-bottom:solid 1px rgba(255,255,255,.2);*/ | |
top: 0; | |
} | |
header .info { | |
display: none; | |
color: #fff; | |
padding: 10px 0 10px 0; | |
width: 100%; | |
z-index: 100; | |
background: #242424; | |
} | |
header .info .col { | |
display: inline-block; | |
font-size: 12px; | |
} | |
header .info .col { | |
padding-right: 30px; | |
} | |
header .info .col:last-child { | |
padding-right: 0px; | |
} | |
header .info i { | |
font-size: 14px; | |
margin-right: 15px; | |
} | |
header .info .social.col { | |
border: none; | |
} | |
header .info .social i { | |
color: #fff; | |
font-size: 14px; | |
display: inline-block; | |
float: none; | |
padding: 0 10px 0 10px; | |
margin: 0; | |
} | |
header .info strong { | |
font-size: 12px; | |
} | |
header.header-bg { | |
background: rgba(0, 0, 0, 0.5); | |
} | |
header.transparent { | |
background: none; | |
} | |
body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent { | |
background: rgba(255, 255, 255, 0.0); | |
} | |
header.autoshow { | |
top: -120px; | |
height: 70px !important; | |
} | |
header.autoshow.scrollOn, | |
header.autoshow.scrollOff { | |
-o-transition: .5s; | |
-ms-transition: .5s; | |
-moz-transition: .5s; | |
-webkit-transition: .5s; | |
transition: .5s; | |
outline: none; | |
} | |
header.autoshow.scrollOn { | |
top: 0; | |
} | |
header.autoshow.scrollOff { | |
top: -120px; | |
} | |
header div#logo { | |
font-family: "Oswald", sans-serif; | |
color: white; | |
-webkit-transition: all 0.3s; | |
-moz-transition: all 0.3s; | |
-ms-transition: all 0.3s; | |
-o-transition: all 0.3s; | |
transition: all 0.3s; | |
} | |
header .logo-2 { | |
display: none; | |
} | |
header .logo-scroll { | |
display: none; | |
} | |
header .logo, | |
header .logo-2 { | |
font-family: "Cabin"; | |
color: #fff; | |
font-size: 40px; | |
font-weight: 300; | |
} | |
header .logo-2 { | |
color: #333; | |
} | |
header.header-full nav { | |
float: left; | |
} | |
header nav a { | |
-webkit-transition: all 0.3s; | |
-moz-transition: all 0.3s; | |
-ms-transition: all 0.3s; | |
-o-transition: all 0.3s; | |
transition: all 0.3s; | |
} | |
header nav a:hover { | |
color: #555; | |
} | |
header.smaller #mainmenu ul ul { | |
top: 0px; | |
} | |
header.smaller { | |
background: #2A2E37; | |
position: fixed; | |
top: 0px; | |
padding: 0; | |
-webkit-box-shadow: 0 4px 6px 0 rgba(10, 10, 10, 0.05); | |
-moz-box-shadow: 0 4px 6px 0 rgba(10, 10, 10, 0.05); | |
box-shadow: 0 4px 6px 0 rgba(10, 10, 10, 0.05); | |
border: 0; | |
} | |
header.smaller .btn-rsvp { | |
height: 100px; | |
padding-top: 55px; | |
} | |
.boxed header.smaller { | |
margin-top: 0px; | |
} | |
header.smaller div#logo, | |
header.s2 div#logo {} | |
header.smaller.scroll-light { | |
background: #ffffff; | |
/*border-bottom:solid 1px #eeeeee;*/ | |
} | |
header.header-light .h-phone, | |
header.smaller.scroll-light .h-phone { | |
color: #2A2E37; | |
} | |
header:not(.header-light).smaller.scroll-light div#logo .logo { | |
display: none; | |
} | |
header.smaller.scroll-light div#logo .logo-2 { | |
display: inline-block; | |
} | |
header.smaller.scroll-light div#logo .logo-scroll { | |
display: inline-block; | |
} | |
header.smaller.header-light div#logo .logo { | |
display: none; | |
} | |
header.smaller.scroll-light .social-icons i { | |
color: #333; | |
} | |
header.smaller.scroll-light #mainmenu > li > a { | |
color: #2A2E37; | |
} | |
header.smaller.scroll-light #mainmenu li li a:hover { | |
color: #ffffff; | |
} | |
.logo-smaller div#logo { | |
width: 150px; | |
height: 30px; | |
line-height: 65px; | |
font-size: 30px; | |
} | |
.logo-smaller div#logo img { | |
font-size: 30px; | |
} | |
.logo-smaller div#logo .logo-1 { | |
display: none; | |
} | |
.logo-smaller div#logo .logo-2 { | |
display: inline-block; | |
} | |
.logo-small { | |
margin-bottom: 20px; | |
} | |
header.de_header_2 { | |
height: 125px; | |
} | |
header.de_header_2.smaller { | |
height: 70px; | |
} | |
header.de_header_2.smaller .info { | |
position: absolute; | |
opacity: 0; | |
z-index: -1; | |
} | |
header.header-full { | |
padding-left: 40px; | |
padding-right: 40px; | |
} | |
header .header-row { | |
text-align: center; | |
} | |
header .header-col { | |
position: relative; | |
height: 100%; | |
} | |
/* left col header */ | |
header .header-col.left { | |
float: left; | |
padding: 0 30px 0 0; | |
/* border-right:solid 1px rgba(255,255,255,.2); */ | |
} | |
/* middle col header */ | |
header .header-col.mid { | |
float: right; | |
} | |
header .header-col.mid .social-icons { | |
float: right; | |
/* border-left:solid 1px rgba(255,255,255,.2); */ | |
padding: 0 30px 0 30px; | |
} | |
.header-col-right { | |
text-align: right; | |
} | |
.de-navbar-left { | |
background: #151618; | |
} | |
.de-navbar-left #logo { | |
padding: 40px; | |
text-align: center; | |
width: 100%; | |
} | |
.de-navbar-left header { | |
position: relative; | |
display: block; | |
width: 100%; | |
height: 100%; | |
left: 0; | |
background: none; | |
padding: 30px; | |
padding-right: 20px; | |
} | |
.de-navbar-left header #mainmenu { | |
float: none; | |
margin: 0; | |
padding: 0; | |
} | |
.de-navbar-left header #mainmenu>li { | |
display: block; | |
margin: 0; | |
float: none; | |
text-align: center; | |
font-family: "Cabin"; | |
letter-spacing: 5px; | |
font-size: 14px; | |
padding: 0; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
border-bottom: solid 1px rgba(255, 255, 255, .1); | |
} | |
.de_light.de-navbar-left header #mainmenu>li { | |
border-bottom: solid 1px rgba(0, 0, 0, .05); | |
} | |
.de-navbar-left header #mainmenu>li>a { | |
padding: 0; | |
opacity: .5; | |
} | |
.de_light.de-navbar-left header #mainmenu>li>a { | |
color: #222; | |
} | |
.de-navbar-left header #mainmenu>li a:hover { | |
opacity: 1; | |
} | |
.de-navbar-left header #mainmenu>li>a:after { | |
content: none; | |
} | |
.de-navbar-left header nav { | |
float: none; | |
} | |
/* subheader */ | |
#subheader { | |
text-align: center; | |
overflow: hidden; | |
padding: 100px 0 100px 0; | |
} | |
#subheader h1 { | |
display: inline-block; | |
margin-top: 50px; | |
margin-bottom: 5px; | |
border-bottom: solid 3px #ffffff; | |
} | |
#subheader.dark { | |
background-color: #1A1C26; | |
} | |
#subheader.dark h1 { | |
color: #fff; | |
} | |
.de-navbar-left #subheader { | |
padding-bottom: 120px; | |
} | |
#subheader .crumb { | |
font-size: 14px; | |
letter-spacing: 3px; | |
} | |
#subheader.text-light .crumb { | |
color: #fff; | |
} | |
#subheader .small-border-deco { | |
display: block; | |
margin: 0 auto; | |
margin-top: 20px; | |
width: 100%; | |
height: 1px; | |
background: rgba(255, 255, 255, .1); | |
} | |
#subheader .small-border-deco span { | |
display: block; | |
margin: 0 auto; | |
height: 2px; | |
width: 100px; | |
} | |
#subheader.dark h2, | |
#subheader.dark h4 { | |
color: #fff; | |
} | |
#subheader.dark h2 { | |
font-size: 48px; | |
} | |
#subheader.s2 { | |
background: #f8f8f8; | |
text-align: left; | |
padding: 120px 0 60px; | |
border: solid 1px #eee; | |
border-left: none; | |
border-right: none; | |
} | |
#subheader.s2 h1, | |
#subheader.s2 .crumb { | |
margin: 0; | |
padding: 0; | |
} | |
#subheader.s2 .crumb { | |
float: right; | |
margin-top: 15px; | |
} | |
.de-navbar-left.de_light #subheader h1 { | |
color: #222; | |
} | |
/* ================================================== */ | |
/* navigation */ | |
/* ================================================== */ | |
#mainmenu { | |
font-family: "Cabin"; | |
font-size: 13px; | |
margin: 0 auto; | |
float: none; | |
text-transform: uppercase; | |
} | |
#mainmenu ul { | |
margin: 0px 0px; | |
padding: 0px; | |
height: 30px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
overflow: hidden; | |
background: #2a2e37; | |
-webkit-box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1); | |
-moz-box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1); | |
box-shadow: 2px 2px 30px 0px rgba(20, 20, 20, 0.1); | |
} | |
#mainmenu li { | |
margin: 0px 0px; | |
padding: 0px 0px; | |
float: left; | |
display: inline; | |
list-style: none; | |
position: relative; | |
} | |
#mainmenu>li { | |
letter-spacing: 1px; | |
font-weight: 500; | |
} | |
#mainmenu a { | |
position: relative; | |
display: inline-block; | |
padding: 30px 18px; | |
text-decoration: none; | |
color: #fff; | |
text-align: center; | |
outline: none; | |
} | |
#mainmenu a span { | |
position: relative; | |
width: 0%; | |
color: #ffffff; | |
display: block; | |
font-size: 10px; | |
text-transform: uppercase; | |
line-height: 14px; | |
border-bottom: solid 1px #ffffff; | |
} | |
#mainmenu li:hover a span { | |
width: 100%; | |
} | |
#mainmenu li li a span { | |
float: right; | |
margin-top: 5px; | |
} | |
#mainmenu a.active span { | |
width: 100%; | |
margin-left: 0%; | |
} | |
.header-light #mainmenu>li>a { | |
color: #222; | |
font-weight: 600; | |
} | |
#mainmenu li li { | |
font-size: 14px; | |
} | |
#mainmenu li li:last-child { | |
border-bottom: none; | |
} | |
#mainmenu li li a { | |
padding: 5px 15px; | |
border-top: none; | |
color: #ffffff; | |
width: 100%; | |
border-left: none; | |
text-align: left; | |
font-weight: normal; | |
border-bottom: solid 1px rgba(255, 255, 255, .1); | |
} | |
.rtl #mainmenu li li a { | |
text-align: right; | |
} | |
#mainmenu li li a:hover { | |
color: #111; | |
} | |
#mainmenu li li a:after { | |
content: none; | |
} | |
#mainmenu li li li a { | |
padding: 2px 15px 2px 15px; | |
background: #171A21; | |
} | |
#mainmenu li li a:hover, | |
#mainmenu ul li:hover>a { | |
color: #fff; | |
background: #1a8b49; | |
} | |
#mainmenu li ul { | |
width: 180px; | |
height: auto; | |
position: absolute; | |
left: 0px; | |
z-index: 10; | |
visibility: hidden; | |
opacity: 0; | |
} | |
#mainmenu li li { | |
font-size: 12px; | |
display: block; | |
float: none; | |
text-transform: none; | |
} | |
#mainmenu li:hover>ul { | |
visibility: visible; | |
opacity: 1; | |
margin-top: 0px; | |
} | |
#mainmenu li ul ul { | |
left: 100%; | |
top: 0px; | |
} | |
#mainmenu li ul ul li a { | |
background: #2a2e37; | |
} | |
#mainmenu li:hover>ul { | |
color: #1a8b49; | |
} | |
#mainmenu select { | |
padding: 10px; | |
height: 36px; | |
font-size: 14px; | |
border: none; | |
background: #ff4200; | |
color: #eceff3; | |
} | |
#mainmenu select option { | |
padding: 10px; | |
} | |
#mainmenu .btn-type { | |
padding: 0; | |
margin: 0; | |
} | |
#mainmenu .btn-type a { | |
background: #eee; | |
padding: 0; | |
margin: 0; | |
} | |
#mainmenu>li ul.mega { | |
position: fixed; | |
left: 0; | |
height: 0%; | |
width: 100%; | |
visibility: hidden; | |
opacity: 0; | |
overflow: hidden; | |
padding-left: 40px; | |
padding-right: 40px; | |
} | |
#mainmenu li:hover ul.mega { | |
visibility: visible; | |
opacity: 1; | |
} | |
#mainmenu li ul.mega>li, | |
#mainmenu li ul.mega>li a { | |
width: 100%; | |
} | |
#mainmenu li ul.mega li.title { | |
padding: 0px 10px 15px 10px; | |
text-align: left; | |
color: #fff; | |
font-weight: bold; | |
} | |
#mainmenu li ul.mega>li ul { | |
position: static; | |
visibility: visible; | |
opacity: 1; | |
left: 0; | |
float: none; | |
width: 100%; | |
} | |
#mainmenu ul.mega>li ul li { | |
margin: 0; | |
padding: 0; | |
} | |
#mainmenu ul.mega>li ul li:last-child { | |
border-bottom: solid 1px #333333; | |
} | |
#mainmenu li ul.mega .menu-content { | |
background: #171A21; | |
padding: 30px; | |
} | |
header.header-mobile #mainmenu>li ul.mega { | |
visibility: visible; | |
opacity: 1; | |
} | |
header:not(.header-mobile) #mainmenu>li:hover ul.mega { | |
height: auto; | |
} | |
/* menu toggle for mobile */ | |
#menu-btn { | |
display: none; | |
float: right; | |
margin-top: -3px; | |
width: 32px; | |
height: 32px; | |
padding: 4px; | |
text-align: center; | |
cursor: pointer; | |
color: #fff; | |
margin-left: 20px; | |
} | |
#menu-btn:before { | |
font-family: FontAwesome; | |
content: "\f0c9"; | |
font-size: 20px; | |
} | |
#menu-btn:hover { | |
background: #fff; | |
} | |
#menu-btn:hover:before { | |
color: #222; | |
} | |
.rtl #menu-btn { | |
float: left; | |
} | |
header.header-mobile.header-light, | |
header.header-mobile.header-light #menu-btn, | |
header.header-mobile.header-light #menu-btn:hover { | |
background: none; | |
} | |
header.header-mobile.header-light #menu-btn { | |
color: #222; | |
} | |
/* ================================================== */ | |
/* content */ | |
/* ================================================== */ | |
#content { | |
width: 100%; | |
background: #fff; | |
padding: 90px 0 90px 0; | |
z-index: 100; | |
} | |
.de_light #content { | |
background: #ffffff; | |
} | |
#content { | |
background: #ffffff; | |
} | |
/* ================================================== */ | |
/* section */ | |
/* ================================================== */ | |
section { | |
padding: 90px 0 90px 0; | |
position: relative; | |
} | |
section:not(.relative) {} | |
section.no-bg, | |
#content.no-bg { | |
background: none !important; | |
} | |
section.dark{ | |
background: #2A2E37; | |
} | |
.bgcolor-variation { | |
background: #f6f6f6; | |
} | |
.overlay-gradient { | |
width: 100%; | |
height: 100%; | |
z-index: 100; | |
top: 0; | |
padding: 90px 0 90px 0; | |
} | |
.de-navbar-left .container-fluid .container { | |
width: 100%; | |
} | |
.de-navbar-left section { | |
padding: 70px; | |
} | |
.de_light section { | |
background: #ffffff; | |
} | |
.section-fixed { | |
position: fixed; | |
width: 100%; | |
min-height: 100%; | |
height: auto; | |
} | |
.full-height { | |
overflow: hidden; | |
} | |
#particles-js { | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
z-index: 0; | |
} | |
/* ================================================== */ | |
/* footer */ | |
/* ================================================== */ | |
footer { | |
background: #2A2E37; | |
color: #ffffff; | |
padding: 80px 0 0 0; | |
font-size: 14px; | |
} | |
footer.footer-light { | |
background: #ffffff; | |
border-top: solid 1px #eeeeee; | |
color: #595d69; | |
} | |
footer.footer-light a { | |
color: #595d69; | |
} | |
footer.footer-black { | |
background: #222222; | |
} | |
footer h5, | |
.de_light footer h5 { | |
color: #fff; | |
font-size: 16px; | |
text-transform: none; | |
} | |
footer a { | |
color: #ffffff; | |
text-decoration: none !important; | |
} | |
footer address span a { | |
color: #ffffff; | |
} | |
.de-navbar-left footer { | |
padding: 70px 70px 0 70px; | |
} | |
.subfooter { | |
border-top: solid 1px rgba(255, 255, 255, .1); | |
margin-top: 40px; | |
padding: 20px 0 20px 0; | |
} | |
.de-navbar-left .subfooter { | |
background: none; | |
} | |
header.side-header { | |
border-bottom: none; | |
margin: 0; | |
} | |
header.side-header .social-icons-2 { | |
margin: 0 auto; | |
margin-top: 50px; | |
float: none; | |
text-align: center; | |
} | |
header.side-header .social-icons-2 a { | |
display: inline-block; | |
margin: 0 2px 0 2px; | |
background: #555; | |
width: 36px; | |
height: 36px; | |
padding-top: 5px; | |
display: inline-block; | |
text-align: center; | |
border-radius: 20px; | |
-moz-border-radius: 20px; | |
-webkit-border-radius: 20px; | |
opacity: .2; | |
} | |
.de_light header.side-header .social-icons-2 a { | |
background: #fff; | |
color: #333; | |
} | |
header.side-header .social-icons-2 a:hover { | |
opacity: 1; | |
} | |
.de-navbar-left.de_light header, | |
.de-navbar-left.de_light { | |
background: #f8f8f8; | |
} | |
header.header-light-transparent { | |
background: rgba(255, 255, 255, .5); | |
} | |
header.header-solid.header-light #mainmenu>li>a { | |
color: #555; | |
} | |
header.header-solid.header-light .info { | |
background: #eee; | |
color: #555; | |
} | |
header.header-solid.header-light .info .social i { | |
color: #222; | |
} | |
header.header-solid { | |
background: #fff; | |
} | |
header.header-light { | |
background: #ffffff; | |
} | |
header.smaller.header-dark { | |
background: #222222; | |
border: none; | |
} | |
header.smaller.header-dark #mainmenu a { | |
color: #fff; | |
} | |
header.s2 { | |
background: #ffffff !important; | |
border-bottom: solid 1px #eee; | |
top: 0; | |
} | |
header.s2 #mainmenu>li>a { | |
padding-top: 18px; | |
padding-bottom: 18px; | |
} | |
.side-layout header.smaller.header-dark #mainmenu>li { | |
border-bottom: solid 1px rgba(255, 255, 255, .1); | |
} | |
.side-layout header.smaller.header-dark #mainmenu>li:last-child { | |
border-bottom: none; | |
} | |
header.header-mobile { | |
position: absolute; | |
background: #fff; | |
top: 0; | |
height: 90px; | |
} | |
header.header-mobile.has-topbar { | |
height: 100px; | |
} | |
header.header-mobile.has-topbar .header-row, | |
header.header-mobile.has-topbar .header-col { | |
margin-top: 10px; | |
} | |
header.header-mobile.has-topbar #topbar { | |
margin-top: -15px; | |
padding: 0; | |
} | |
header.header-mobile nav { | |
float: none; | |
} | |
header.header-mobile .logo { | |
display: none; | |
} | |
header.header-mobile .btn-rsvp { | |
padding-top: 40px; | |
height: 90px; | |
} | |
header.header-mobile .logo-2 { | |
display: inline-block; | |
} | |
header.header-mobile.header-light { | |
background: #fff; | |
} | |
header.header-mobile #mainmenu ul { | |
padding: 0; | |
} | |
header.header-solid.header-light { | |
background: #fff; | |
} | |
header.header-light .logo { | |
display: none; | |
} | |
header.header-light .logo-2 { | |
display: inline-block; | |
} | |
/* topbar start here */ | |
#topbar { | |
pos-top: fixed; | |
z-index: 1000; | |
width: 100%; | |
padding: 0 30px; | |
overflow: hidden; | |
top: 0; | |
background: #2A2E37; | |
} | |
#topbar.topbar-dark { | |
background: #2a2e37; | |
} | |
#topbar.topbar-light{ | |
background: #C6C7C9; | |
} | |
#topbar a { | |
text-decoration: none; | |
color: #ffffff; | |
} | |
#topbar.topbar-dark.bg-color .tb-social a i{ | |
color: #ffffff; | |
} | |
#topbar.topbar-light a{ | |
color: #2A2E37; | |
} | |
.topbar-left, | |
.topbar-right { | |
display: flex; | |
} | |
.topbar-right { | |
float: right; | |
} | |
.topbar-right a{ | |
line-height: 1.8em; | |
} | |
.topbar-right span:last-child{ | |
padding-right:0; | |
} | |
.topbar-solid { | |
background: #ffffff; | |
} | |
.tb-light { | |
background: #ffffff; | |
} | |
#topbar:not(.topbar-noborder) .topbar-right .topbar-widget { | |
border-left: solid 1px rgba(255, 255, 255, .1); | |
} | |
#topbar:not(.topbar-noborder) .topbar-right span:last-child { | |
border-right: solid 1px rgba(255, 255, 255, .1); | |
} | |
#topbar:not(.topbar-noborder) .topbar-light .topbar-right .topbar-widget { | |
border-left: solid 1px #eee; | |
} | |
#topbar:not(.topbar-noborder) .topbar-light .topbar-right span:last-child { | |
border-right: solid 1px #eee; | |
} | |
#topbar:not(.topbar-noborder) .tb-light .topbar-right .topbar-widget { | |
border-left: solid 1px #eeeeee; | |
} | |
#topbar:not(.topbar-noborder) .tb-light .topbar-right span:last-child { | |
border-right: solid 1px #eeeeee; | |
} | |
/* topbar left content */ | |
.topbar-left { | |
float: left; | |
} | |
#topbar:not(.topbar-noborder) .topbar-left .topbar-widget { | |
border-right: solid 1px rgba(255, 255, 255, .1); | |
} | |
#topbar:not(.topbar-noborder) .topbar-light .topbar-left .topbar-widget { | |
border-right: solid 1px #eee; | |
} | |
#topbar:not(.topbar-noborder) .topbar-left span:first-child { | |
border-left: solid 1px rgba(255, 255, 255, .1); | |
} | |
#topbar:not(.topbar-noborder) .tb-light .topbar-left .topbar-widget { | |
border-right: solid 1px #eeeeee; | |
} | |
#topbar:not(.topbar-noborder) .tb-light .topbar-left span:first-child { | |
border-left: solid 1px #eeeeee; | |
} | |
.h-phone { | |
position: relative; | |
font-weight: bold; | |
color: #ffffff; | |
font-family: 'Cabin'; | |
padding-left: 40px; | |
font-size: 18px; | |
padding-top: 20px; | |
} | |
.h-phone span { | |
display: inline-block; | |
position: absolute; | |
left: 40px; | |
top: 0; | |
font-size: 12px; | |
font-weight: 500; | |
} | |
.h-phone i { | |
display: inline-block; | |
position: absolute; | |
font-size: 32px; | |
left: 0; | |
top: 12px | |
} | |
/* topbar widget */ | |
.topbar-widget { | |
font-size: 13px; | |
display: flex; | |
padding: 8px 15px; | |
font-weight: 400; | |
height: 40px; | |
} | |
.topbar-widget i { | |
font-size: 16px; | |
margin-top: 8px; | |
margin-right: 10px; | |
} | |
.h-sub .topbar-widget { | |
padding: 12px; | |
} | |
.topbar-widget:before { | |
float: left; | |
position: relative; | |
font-family: "FontAwesome"; | |
font-size: 16px; | |
margin-right: 10px; | |
} | |
.topbar-widget.tb-phone:before { | |
content: "\f095"; | |
} | |
.topbar-widget.tb-email:before { | |
content: "\f003"; | |
} | |
.topbar-widget.tb-opening-hours:before { | |
content: "\f017"; | |
} | |
.topbar-widget.tb-social { | |
padding: 0; | |
} | |
.topbar-widget.tb-social a { | |
font-size: 14px; | |
display: flex; | |
padding: 5px; | |
padding-left: 15px; | |
display: inline-block; | |
text-align: center; | |
} | |
.topbar-widget.tb-social a:first-child{ | |
padding-left: 0; | |
} | |
#topbar .topbar-widget.tb-social.tb-black a i{ | |
color:#2a2e37; | |
} | |
#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a, | |
#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a:first-child { | |
border-left: solid 1px #eeeeee; | |
} | |
#topbar:not(.topbar-noborder) .topbar-widget.tb-social a { | |
border-left: solid 1px rgba(255, 255, 255, .1); | |
} | |
.tb-light .topbar-widget.tb-social a { | |
border-left: solid 1px #eeeeee; | |
} | |
.topbar-widget.tb-social a:first-child { | |
border: none; | |
} | |
/* topbar end here */ | |
#de-sidebar { | |
padding: 0px; | |
} | |
/* ================================================== */ | |
/* blog */ | |
/* ================================================== */ | |
.blog-list { | |
margin: 0; | |
padding: 0; | |
} | |
/* blog list */ | |
.blog-list>div { | |
list-style: none; | |
line-height: 1.7em; | |
margin-top: 0px; | |
border-bottom: solid 1px rgba(255, 255, 255, .1); | |
margin-bottom: 20px; | |
} | |
.blog-list img { | |
margin-bottom: 20px; | |
} | |
.de_light .blog-list li { | |
border-bottom: solid 1px #ddd; | |
} | |
.blog-list h4 { | |
margin-top: 20px; | |
} | |
.blog-list h4 a { | |
color: #fff; | |
} | |
.de_light .blog-list h4 a { | |
color: #222222; | |
} | |
.de_light .text-light .blog-list h4 a { | |
color: #fff; | |
} | |
.blog-list .btn-more { | |
padding: 3px 25px 3px 25px; | |
color: #111; | |
text-transform: uppercase; | |
text-decoration: none; | |
font-weight: 700; | |
float: right; | |
} | |
.blog-list .btn-more:hover { | |
background: #fff; | |
} | |
.de_light .blog-list .btn-more:hover { | |
background: #222; | |
color: #fff; | |
} | |
.bloglist .post-text { | |
background: #f9f9f9; | |
} | |
.blog-list .blog-slider { | |
margin-bottom: -60px; | |
} | |
.blog-list .date-box { | |
position: absolute; | |
text-align: center; | |
text-shadow: none; | |
} | |
.blog-list .date-box .day, | |
.blog-list .date-box .month { | |
display: block; | |
color: #fff; | |
text-align: center; | |
width: 40px; | |
z-index: 100; | |
} | |
.de_light .blog-list .date-box .month { | |
color: #222222; | |
} | |
.blog-list .date-box { | |
text-align: center; | |
background: #f6f6f6; | |
padding: 10px; | |
} | |
.blog-list .date-box .month { | |
font-size: 14px; | |
} | |
.blog-list .date-box .day { | |
font-family: "Cabin"; | |
color: #222222; | |
font-weight: bold; | |
font-size: 28px; | |
} | |
.blog-list .date-box .month { | |
font-family: "Cabin"; | |
color: #fff; | |
font-size: 13px; | |
letter-spacing: 3px; | |
} | |
.de_light .blog-list .date-box .month { | |
border-bottom-color: #ddd; | |
} | |
.de_light .text-light .blog-list .date-box .month { | |
color: #fff; | |
} | |
.blog-snippet li { | |
border-bottom: none; | |
margin-bottom: 0; | |
} | |
#blog-carousel .item.item { | |
width: 100%; | |
} | |
/* blog comment */ | |
#blog-comment { | |
margin-top: 40px; | |
} | |
#blog-comment h5 { | |
margin-bottom: 10px; | |
} | |
#blog-comment ul, | |
#blog-comment li { | |
list-style: none; | |
margin-left: -40px; | |
padding-left: 0; | |
} | |
#blog-comment li { | |
min-height: 70px; | |
margin-bottom: 20px; | |
padding-bottom: 20px; | |
border-bottom: solid 1px #eee; | |
} | |
#blog-comment li .avatar { | |
position: absolute; | |
margin-top: 5px; | |
} | |
#blog-comment li .avatar img { | |
width: 70px; | |
height: auto; | |
} | |
#blog-comment .comment { | |
margin-left: 85px; | |
} | |
#blog-comment li { | |
min-height: 70px; | |
font-size: 14px; | |
line-height: 1.6em; | |
} | |
#blog-comment li li { | |
margin-left: 55px; | |
padding-bottom: 0px; | |
margin-top: 20px; | |
padding-top: 10px; | |
border-top: solid 1px #eee; | |
border-bottom: none; | |
} | |
#blog-comment li li .avatar { | |
position: absolute; | |
} | |
#blog-comment li li .comment {} | |
.comment-info { | |
margin-left: 85px; | |
margin-bottom: 5px; | |
} | |
.comment-info span {} | |
.comment-info .c_name { | |
display: block; | |
font-weight: 700; | |
color: #555555; | |
} | |
.comment-info .c_reply { | |
padding-left: 20px; | |
margin-left: 20px; | |
border-left: solid 1px #ddd; | |
font-size: 12px; | |
} | |
.comment-info .c_date { | |
font-size: 12px; | |
} | |
.blog-list h4 { | |
color: #333; | |
} | |
.blog-list .post-wrapper {} | |
.blog-read h4 { | |
color: #333; | |
letter-spacing: normal; | |
text-transform: none; | |
} | |
.blog-read p{ | |
margin-bottom: 40px; | |
} | |
.blog-carousel ul, | |
.blog-carousel li { | |
margin: 0; | |
list-style: none; | |
} | |
.blog-carousel h4 { | |
margin-bottom: 0px; | |
} | |
.blog-carousel p { | |
margin-bottom: 10px; | |
} | |
.blog-carousel .post-date { | |
text-transform: uppercase; | |
letter-spacing: 3px; | |
font-size: 11px; | |
color: #888; | |
} | |
.post-content { | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
overflow: hidden; | |
/*-webkit-box-shadow: 5px 5px 40px 0px rgba(0,0,0,.1); | |
-moz-box-shadow: 5px 5px 40px 0px rgba(0,0,0,.1); | |
box-shadow: 5px 5px 40px 0px rgba(0,0,0,.1);*/ | |
} | |
.post-content p { | |
margin-bottom: 10px; | |
} | |
.date-box { | |
width: 54px; | |
position: absolute; | |
text-align: center; | |
color: #fff; | |
z-index: 1; | |
margin: 20px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1); | |
-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1); | |
box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, .1); | |
} | |
.date-box .m { | |
font-size: 32px; | |
padding: 12px 0 0 0; | |
font-weight: bold; | |
} | |
.date-box .d { | |
font-size: 12px; | |
letter-spacing: 2px; | |
} | |
.widget .date-box{ | |
margin:0; | |
} | |
.post-text { | |
padding: 30px 40px; | |
} | |
.post-text h4 { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.post-text h4 a { | |
color: #1A1C26; | |
text-decoration: none; | |
font-size: 22px; | |
} | |
.post-text .tags { | |
font-size: 10px; | |
text-transform: uppercase; | |
} | |
.p-tagline, | |
.p-title { | |
display: inline-block; | |
font-size: 10px; | |
font-weight: bold; | |
letter-spacing: 2px; | |
line-height: 10px; | |
text-transform: uppercase; | |
margin-bottom: 5px; | |
} | |
.p-title { | |
font-size: 12px; | |
margin-bottom: 20px; | |
} | |
.post-text .p-author { | |
text-transform: uppercase; | |
letter-spacing: 2px; | |
font-size: 10px; | |
font-weight: 500; | |
} | |
.post-info { | |
border-top: solid 1px #eeeeee; | |
padding-top: 15px; | |
} | |
.blog-read img { | |
margin-bottom: 20px; | |
} | |
.blog-read .post-text { | |
padding: 0; | |
} | |
.post-date, | |
.post-comment, | |
.post-like, | |
.post-by, | |
.post-author { | |
margin-right: 20px; | |
font-size: 13px; | |
color: #999; | |
font-family: "Cabin"; | |
} | |
.post-author { | |
color: #777; | |
} | |
.post-date:before, | |
.post-comment:before, | |
.post-like:before, | |
.post-by:before { | |
font-family: FontAwesome; | |
padding-right: 10px; | |
font-size: 11px; | |
} | |
/*.post-date:before{ | |
content: "\f133"; | |
}*/ | |
.post-comment:before { | |
content: "\f0e5"; | |
} | |
.post-like:before { | |
content: "\f08a"; | |
} | |
.post-author:before { | |
content: "By: "; | |
} | |
/* blog comment form */ | |
#commentform label { | |
display: block; | |
} | |
#commentform input { | |
width: 290px; | |
} | |
#commentform input:focus { | |
border: solid 1px #999; | |
background: #fff; | |
} | |
#commentform textarea { | |
width: 97%; | |
padding: 5px; | |
height: 150px; | |
color: #333; | |
} | |
#commentform textarea:focus { | |
border: solid 1px #999; | |
background: #fff; | |
} | |
#commentform input.btn { | |
width: auto; | |
} | |
.post-meta { | |
margin: 0px 0 10px 0px; | |
border: solid 1px #eee; | |
border-left: none; | |
border-right: none; | |
border-left: none; | |
font-size: 11px; | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
} | |
.post-meta a { | |
color: #888; | |
} | |
.post-meta span { | |
display: table-cell; | |
padding: 10px 0 10px 0; | |
text-align: center; | |
} | |
.post-meta span i { | |
float: none; | |
} | |
.post-image img { | |
width: 100%; | |
margin-bottom: 0px; | |
} | |
.blog-slide { | |
padding: 0; | |
margin: 0; | |
} | |
.blog-item { | |
margin-bottom: 60px; | |
} | |
.blog-item img.preview { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
.post-image { | |
position: relative; | |
} | |
.post-image .post-info { | |
position: absolute; | |
bottom: 0; | |
padding: 0; | |
border: none; | |
width: 100%; | |
} | |
.post-image .post-info .inner { | |
margin: 0 30px 0 30px; | |
padding: 3px 20px; | |
border-radius: 5px 10px 0 0; | |
} | |
.post-image .post-date, | |
.post-image .post-author { | |
color: #ffffff; | |
} | |
/* ================================================== */ | |
/* products */ | |
/* ================================================== */ | |
.products{ | |
padding:0; | |
list-style:none; | |
} | |
.products li{ | |
margin-bottom:30px; | |
} | |
.product .p-inner{ | |
padding:15px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px | |
-webkit-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.05); | |
-moz-box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.05); | |
box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.05); | |
} | |
.product .price{ | |
margin-bottom:10px; | |
font-size:16px; | |
} | |
.product h4{ | |
font-size: 16px; | |
font-weight:500; | |
margin-bottom:5px; | |
} | |
.product a{ | |
text-decoration: none; | |
} | |
.product img{ | |
background:#333; | |
margin-bottom:10px; | |
border-radius:5px; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
} | |
.product .p-images{ | |
position: relative; | |
} | |
.product .p-images img{ | |
width: 100%; | |
} | |
.product .pi-2{ | |
position: absolute; | |
opacity: 0; | |
left: 0; | |
} | |
.product .btn-custom{ | |
width:100%; | |
padding:10px 0 8px 0; | |
text-align:center; | |
} | |
.product:hover .pi-2{ | |
opacity: 1; | |
} | |
.p-rating{ | |
font-size: 12px; | |
color:#bbbbbb; | |
} | |
.p-rating i.checked{ | |
color:#FAB702; | |
} | |
.p-single h3{ | |
margin-bottom: 5px; | |
font-size: 24px; | |
} | |
.p-single .price{ | |
margin-bottom: 10px; | |
} | |
.de_light .p-single .price{ | |
margin-bottom: 10px; | |
color:#111111; | |
font-size: 20px; | |
font-weight: bold; | |
padding: 5px 0; | |
} | |
.p-single img{ | |
border-radius: 3px; | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
} | |
.p-desc{ | |
padding-left: 20px; | |
} | |
.de_light .p-single a.btn-line:hover{ | |
color:#111111; | |
} | |
/* ================================================== */ | |
/* contact form */ | |
/* ================================================== */ | |
.error { | |
clear: both; | |
display: none; | |
color: #e7505a; | |
padding-top: 20px; | |
} | |
.success { | |
clear: both; | |
display: none; | |
color: #96c346; | |
padding-top: 20px; | |
} | |
.error img { | |
vertical-align: top; | |
} | |
.full { | |
width: 98%; | |
} | |
#contact_form textarea { | |
height: 195px; | |
} | |
#contact_form.s2 textarea { | |
height: 180px; | |
} | |
input[type="checkbox"] { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
border: none; | |
outline: none; | |
} | |
.form-underline input[type=text], | |
.form-underline textarea, | |
.form-underline input[type=email], | |
.form-underline select { | |
padding: 10px 0 10px 0; | |
margin-bottom: 20px; | |
border: none; | |
border-bottom: solid 2px #bbbbbb; | |
background: none; | |
border-radius: 0; | |
height: auto; | |
box-shadow: none; | |
-moz-box-shadow: none; | |
-webkit-box-shadow: none; | |
} | |
.form-underline select { | |
-webkit-appearance: none; | |
-webkit-border-radius: 0px; | |
-moz-appearance: none; | |
appearance: none; | |
background: url('../images/ui/arrow-down-form.png') no-repeat 98% 60%; | |
} | |
.form-underline select:focus { | |
background: url('../images/ui/arrow-down-form-hover.png') no-repeat 98% 60%; | |
} | |
.form-underline input[type=text], | |
.form-underline textarea, | |
.form-underline input[type=email], | |
.form-underline select { | |
color: #333; | |
border-bottom: solid 1px #bbb; | |
} | |
.form-default input[type=text], | |
.form-default textarea, | |
.form-default input[type=email], | |
.form-default select { | |
padding: 10px; | |
margin-bottom: 20px; | |
background: rgba(255, 255, 255, .5); | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
height: auto; | |
box-shadow: none; | |
-moz-box-shadow: none; | |
-webkit-box-shadow: none; | |
font-weight: 400; | |
font-size: 15px; | |
} | |
#contact_form.form-default textarea { | |
padding: 10px; | |
height: 170px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
#form_subscribe input[type=text] { | |
padding: 9px 12px 9px 12px; | |
width: 80%; | |
float: left; | |
display: table-cell; | |
border-radius: 5px 0 0 5px; | |
-moz-border-radius: 5px 0 0 5px; | |
-webkit-border-radius: 5px 0 0 5px; | |
border: solid 1px #333333; | |
border-right: none; | |
color: #ffffff; | |
background: rgba(255, 255, 255, .1); | |
-webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); | |
-moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); | |
box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05); | |
} | |
#form_subscribe input[type=text]:focus { | |
background: #ffffff; | |
color: #2A2E37; | |
} | |
#form_subscribe #btn-submit i { | |
text-align: center; | |
font-size: 28px; | |
float: left; | |
width: 20%; | |
background: #171A21; | |
color: #ffffff; | |
display: table-cell; | |
padding: 5px 0 5px 0; | |
border-radius: 0 5px 5px 0; | |
-moz-border-radius: 0 5px 5px 0; | |
-webkit-border-radius: 0 5px 5px 0; | |
} | |
.form-default input[type=text]:focus, | |
.form-default textarea:focus, | |
.form-default input[type=email]:focus, | |
.form-default select:focus { | |
background: #f6f6f6; | |
} | |
.error_input { | |
border-bottom: solid 1px #ff0000 !important; | |
} | |
/* Chrome, Safari, Edge, Opera */ | |
.f-num-inc input::-webkit-outer-spin-button, | |
.f-num-inc input::-webkit-inner-spin-button { | |
-webkit-appearance: none; | |
margin: 0; | |
} | |
.f-input-number { | |
width: 40px; | |
padding: 0 12px; | |
vertical-align: top; | |
text-align: center; | |
outline: none; | |
} | |
.f-input-number, | |
.f-input-number-decrement, | |
.f-input-number-increment { | |
border: 1px solid #ccc; | |
height: 40px; | |
user-select: none; | |
} | |
.f-input-number-decrement, | |
.f-input-number-increment { | |
display: inline-block; | |
width: 30px; | |
line-height: 38px; | |
background: #f1f1f1; | |
color: #444; | |
text-align: center; | |
font-weight: bold; | |
cursor: pointer; | |
} | |
.f-input-number-decrement:active, | |
.f-input-number-increment:active { | |
background: #ddd; | |
} | |
.f-input-number-decrement { | |
border-right: none; | |
border-radius: 5px 0 0 2px; | |
} | |
.f-input-number-increment { | |
border-left: none; | |
border-radius: 0 2px 2px 0; | |
} | |
/* ================================================== */ | |
/* coming soon page */ | |
/* ================================================== */ | |
.coming-soon .logo { | |
margin: 0; | |
padding: 0; | |
} | |
.coming-soon h2 { | |
margin-top: 0; | |
color: rgba(255, 255, 255, .8); | |
font-weight: 400; | |
} | |
.coming-soon .social-icons i { | |
font-size: 20px; | |
margin-left: 10px; | |
margin-right: 10px; | |
} | |
.coming-soon .social-icons i:hover { | |
background: none; | |
color: rgba(255, 255, 255, .2); | |
} | |
.arrow-up, | |
.arrow-down { | |
width: 0; | |
height: 0; | |
border-left: 40px solid transparent; | |
border-right: 40px solid transparent; | |
border-bottom: 40px solid #fff; | |
position: fixed; | |
margin-left: auto; | |
margin-right: auto; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
cursor: pointer; | |
z-index: 101; | |
} | |
.arrow-down { | |
border-top: 40px solid #fff; | |
border-bottom: none; | |
position: fixed; | |
z-index: 102; | |
top: -40px; | |
} | |
.arrow-up:before { | |
font-family: "FontAwesome"; | |
font-size: 20px; | |
content: "\f067"; | |
color: #222; | |
position: relative; | |
top: 12px; | |
margin: 0 0 0 -8px; | |
} | |
.arrow-down:before { | |
font-family: "FontAwesome"; | |
font-size: 20px; | |
content: "\f068"; | |
color: #222; | |
position: relative; | |
top: -35px; | |
margin: 0 0 0 -8px; | |
} | |
/* ================================================== */ | |
/* elements */ | |
/* ================================================== */ | |
/* address */ | |
/* ------------------------------ */ | |
address { | |
margin-top: 20px; | |
} | |
address span { | |
display: block; | |
margin-bottom: 10px; | |
font-size: 18px; | |
padding: 14.5px; | |
background: #f5f5f5; | |
border-radius: 300px; | |
} | |
address span i { | |
margin-top: 5px; | |
margin-left: 5px; | |
margin-right: 15px; | |
} | |
address span a { | |
color: #707070; | |
} | |
.text-light address span a { | |
color: #ffffff; | |
} | |
.text-white address span a, | |
.text-white address span a:hover { | |
color: #fff; | |
} | |
address.s1 span { | |
background: none; | |
margin: 0; | |
padding: 0; | |
font-size: 15px; | |
line-height: 1.7em; | |
} | |
address.s1 span i { | |
font-size: 15px; | |
} | |
address span strong { | |
display: inline-block; | |
} | |
.de_light #sidebar .widget address span { | |
border-bottom: solid 1px #ddd; | |
} | |
.de_light #sidebar .widget address a { | |
color: #333; | |
} | |
/* border */ | |
/* ------------------------------ */ | |
.small-border { | |
width: 100px; | |
height: 3px; | |
border-top: solid 2px #333333; | |
border-left: none; | |
border-right: none; | |
display: block; | |
margin: 0 auto; | |
margin-bottom: 30px; | |
} | |
.small-border.sm-left { | |
margin-left: 0; | |
} | |
.rtl .small-border.sm-left { | |
margin-right: 0; | |
} | |
.tiny-border { | |
height: 1px; | |
background: #333; | |
width: 40px; | |
margin: 20px 0 20px 0; | |
display: block; | |
} | |
.tiny-border.center { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
/* breadcrumb */ | |
/* ------------------------------ */ | |
.crumb { | |
color: #777; | |
margin: 0; | |
padding: 0; | |
} | |
.de-navbar-left.de_light #subheader .crumb { | |
color: #333; | |
} | |
.crumb li { | |
display: inline; | |
text-decoration: none; | |
letter-spacing: 0; | |
} | |
.crumb li:after { | |
font-family: "FontAwesome"; | |
content: "\f054"; | |
font-size: 10px; | |
margin: 0 10px 0 10px; | |
opacity: .5; | |
} | |
.crumb li:last-child:after { | |
display: none; | |
} | |
.crumb a { | |
text-decoration: none; | |
} | |
.crumb li .active { | |
font-weight: bold; | |
} | |
.de_light .crumb a:hover { | |
color: #fff; | |
} | |
/* box icon */ | |
.icon_box .icon_wrapper { | |
margin-bottom: 20px; | |
} | |
.icon_box .icon_wrapper i { | |
font-size: 60px; | |
} | |
.icon_box.icon_left .icon_wrapper { | |
position: absolute; | |
width: 80px; | |
} | |
.icon_box.icon_left .desc_wrapper { | |
margin-left: 80px; | |
} | |
.icon_box.icon_right .icon_wrapper { | |
position: absolute; | |
right: 0; | |
width: 80px; | |
} | |
.icon_box.icon_right .desc_wrapper { | |
margin-right: 80px; | |
text-align: right; | |
} | |
.icon-big { | |
border-radius: 100%; | |
text-align: center; | |
font-size: 56px; | |
display: inline-block; | |
padding: 16px 0; | |
width: 96px; | |
height: 96px; | |
-webkit-box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb), .3); | |
-moz-box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb), .3); | |
box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb), .3); | |
} | |
.icon-box { | |
display: inline-block; | |
text-align: center; | |
width: 28.5%; | |
height: 100px; | |
border: solid 1px #dddddd; | |
padding: 20px 0 20px 0; | |
margin: 2%; | |
} | |
.icon-box i { | |
display: block; | |
font-size: 40px; | |
} | |
.icon-box span { | |
display: block; | |
} | |
.icon-box:hover { | |
color: #ffffff; | |
-webkit-box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb), .3); | |
-moz-box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb), .3); | |
box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb), .3); | |
} | |
/* button and link */ | |
/* ------------------------------ */ | |
a { | |
text-decoration: none; | |
} | |
.text-light a { | |
color: #ffffff; | |
} | |
.de_light a { | |
color: #888; | |
} | |
.de_light a:hover { | |
color: #555; | |
} | |
.btn-line, | |
a.btn-line { | |
border: solid 1px #222; | |
color: #fff; | |
font-weight: 500; | |
font-size: 12px; | |
border-radius: 0; | |
-moz-border-radius: 0; | |
-webkit-border-radius: 0; | |
padding: 3px; | |
padding-left: 30px; | |
padding-right: 30px; | |
text-transform: uppercase; | |
display: inline-block; | |
text-align: center; | |
letter-spacing: 2px; | |
text-decoration: none; | |
} | |
.btn-line, | |
a.btn-line { | |
border: solid 1px rgba(255, 255, 255, .2); | |
color: #fff; | |
} | |
.de_light .btn-line, | |
.de_light a.btn-line { | |
border: solid 1px rgba(var(--primary-color-rgb), .2); | |
color: #333; | |
} | |
.text-light .btn-line, | |
.text-light a.btn-line { | |
border: solid 1px rgba(255, 255, 255, .2); | |
color: #fff; | |
} | |
.btn-line:hover, | |
a.btn-line:hover { | |
background: #fff; | |
color: #111; | |
border-color: #fff; | |
} | |
.btn-line:after, | |
a.btn-line:after { | |
color: #fff; | |
} | |
.btn-line:hover:after, | |
a.btn-line:hover:after, | |
a.btn-line.hover:after { | |
color: #fff; | |
} | |
.btn-line:hover:after, | |
a.btn-line:hover:after, | |
a.btn-line.hover:after { | |
color: #111; | |
} | |
a.btn-text { | |
text-decoration: none; | |
display: inline-block; | |
color: #111; | |
font-weight: 600; | |
padding: 0; | |
} | |
a.btn-text:after { | |
font-family: FontAwesome; | |
content: "\f054"; | |
padding-left: 10px; | |
} | |
a.btn-text { | |
color: #fff; | |
} | |
a.btn-big { | |
font-size: 14px; | |
color: #eceff3; | |
letter-spacing: 1px; | |
line-height: normal; | |
font-weight: bold; | |
text-transform: uppercase; | |
border: solid 1px #fff; | |
padding: 10px 30px 10px 30px; | |
} | |
a.btn-big:after { | |
font-family: FontAwesome; | |
content: "\f054"; | |
margin-left: 20px; | |
} | |
a.btn, | |
.btn { | |
position: relative; | |
z-index: 1; | |
overflow: hidden; | |
} | |
a.btn:before { | |
content: ""; | |
background: rgba(0, 0, 0, 0); | |
width: 0; | |
height: 100%; | |
position: absolute; | |
z-index: -1; | |
} | |
a.btn-fx:after { | |
font-family: FontAwesome; | |
content: "\f178"; | |
margin-left: 15px; | |
position: absolute; | |
right: -20px; | |
margin-top: 0px; | |
} | |
a.btn-fx { | |
font-size: 14px; | |
color: #eceff3; | |
letter-spacing: 1px; | |
line-height: normal; | |
font-weight: bold; | |
text-transform: uppercase; | |
border: solid 1px #fff; | |
padding: 10px 30px 10px 30px; | |
} | |
a.btn-fx:hover { | |
padding-left: 20px; | |
padding-right: 40px; | |
} | |
a.btn-fx:before { | |
width: 0; | |
height: 100%; | |
left: 0; | |
top: 0; | |
position: absolute; | |
} | |
a.btn-fx:hover:after { | |
right: 15px; | |
} | |
a.btn-fx:hover:before { | |
width: 100%; | |
background: rgba(0, 0, 0, 1); | |
} | |
a.btn-fx.light:hover:before { | |
width: 100%; | |
background: rgba(255, 255, 255, 1); | |
} | |
.btn-line, | |
a.btn-line { | |
color: #eceff3; | |
} | |
.btn-line:after, | |
a.btn-line:after { | |
font-family: FontAwesome; | |
content: "\f054"; | |
margin-left: 10px; | |
} | |
a.btn-line-white, | |
.de_light a.btn-line-white { | |
background: none; | |
border: solid 2px #fff; | |
color: #fff; | |
border-radius: 0; | |
-moz-border-radius: 0; | |
-webkit-border-radius: 0; | |
} | |
a.btn-line-black, | |
.de_light a.btn-line-black { | |
background: none; | |
border: solid 2px #111; | |
color: #111; | |
border-radius: 0; | |
-moz-border-radius: 0; | |
-webkit-border-radius: 0; | |
} | |
a.btn-line-black:hover { | |
color: #fff; | |
} | |
.de_light a.btn-line-black:hover { | |
color: #fff; | |
} | |
a.btn-line-white:hover { | |
color: #000; | |
} | |
a.btn-line-white:hover:before { | |
background: #fff; | |
} | |
.btn-fullwidth { | |
width: 100%; | |
} | |
a.btn-slider { | |
font-size: 14px; | |
font-weight: bold; | |
color: #fff; | |
line-height: normal; | |
text-decoration: none; | |
text-transform: uppercase; | |
border: solid 2px #fff; | |
padding: 10px 30px 10px 30px; | |
border-radius: 60px; | |
} | |
a.btn-slider:hover { | |
color: #222; | |
background: #fff; | |
border-color: #000; | |
border: solid 2px #fff; | |
} | |
a.btn-custom:hover, | |
.btn-custom:hover { | |
color: #fff; | |
-webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.3); | |
-moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.3); | |
box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.3); | |
} | |
a.btn-slider:hover:after { | |
color: #222; | |
} | |
a.btn-id, | |
a.btn-id:hover { | |
border: none; | |
} | |
a.btn-light.btn-id { | |
color: #222; | |
} | |
a.btn-dark.btn-id { | |
color: #fff; | |
} | |
.btn-custom.btn-small { | |
padding: 5px 20px 5px 20px; | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
.btn-fx.btn-custom { | |
text-transform: normal; | |
} | |
a.btn-bg-dark { | |
background: #222; | |
} | |
a.btn-text-light { | |
color: #fff; | |
} | |
.btn-icon-left i { | |
margin-right: 12px; | |
color: #fff; | |
} | |
.btn-add_to_cart, | |
a.btn-add_to_cart { | |
border: solid 1px #bbb; | |
font-size: 12px; | |
border-radius: 0; | |
-moz-border-radius: 0; | |
-webkit-border-radius: 0; | |
padding: 3px; | |
padding-left: 40px; | |
padding-right: 20px; | |
display: inline-block; | |
text-align: center; | |
text-decoration: none; | |
color: #555; | |
} | |
.btn-add_to_cart:before, | |
a.btn-add_to_cart:before { | |
font-family: "FontAwesome"; | |
content: "\f07a"; | |
position: absolute; | |
left: 20px; | |
} | |
a.btn-custom, | |
.btn-custom, | |
a.btn-slider, | |
.btn-slider { | |
font-family: "Cabin"; | |
font-size: 12px; | |
min-width: 120px; | |
} | |
a.btn-custom, | |
a.btn-custom:active, | |
a.btn-custom:focus, | |
a.btn-custom:visited, | |
.btn-custom, | |
.form-defailt input[type="submit"].btn-custom { | |
display: inline-block; | |
line-height: 1em; | |
color: #fff; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
outline: 0; | |
font-weight: bold; | |
text-decoration: none; | |
padding: 12px 30px 10px 30px; | |
min-width: 120px; | |
text-transform: uppercase; | |
font-size: 12px; | |
letter-spacing: 2px; | |
border: none; | |
} | |
a.btn-custom.btn-white { | |
background: #ffffff; | |
} | |
a.btn-custom.btn-black { | |
background: #2A2E37; | |
} | |
header a.btn-custom { | |
padding: 2px 20px !important; | |
} | |
.col-right a.btn-custom { | |
font-size: 14px; | |
text-transform: none; | |
} | |
a.btn-border { | |
border: solid 1px rgba(255, 255, 255, .3); | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
min-width: 120px; | |
outline: 0; | |
font-weight: bold; | |
text-decoration: none; | |
padding: 10px 30px; | |
min-width: 120px; | |
text-transform: uppercase; | |
font-size: 12px; | |
letter-spacing: 2px; | |
} | |
a.btn-border:hover { | |
color: #ffffff; | |
border-color: rgba(255, 255, 255, 0); | |
margin-top: -2px; | |
margin-bottom: 2px; | |
box-sizing: border-box | |
} | |
a.btn-border.light { | |
border: solid 1px #ffffff; | |
color: #ffffff; | |
} | |
a.btn-border.light:hover { | |
background: #ffffff; | |
} | |
a.btn-border:hover a { | |
color: #ffffff !important; | |
} | |
.btn-close { | |
color: #ffffff; | |
cursor: pointer; | |
text-align: center; | |
display: block; | |
text-align: center; | |
width: 60px; | |
height: 60px; | |
background: #333; | |
font-size: 32px; | |
font-weight: bold; | |
text-decoration: none; | |
margin: 0 auto; | |
padding-top: 12px; | |
position: absolute; | |
left: 0; | |
right: 0; | |
} | |
a.btn-link { | |
display: block; | |
text-decoration: none; | |
margin-top: 10px; | |
} | |
.cover a.btn-link:hover { | |
color: #fff; | |
} | |
/* | |
a.btn-rsvp:before{ | |
font-size:32px; | |
font-family:"FontAwesome"; | |
content:"\f073"; | |
margin-right:15px; | |
display:block; | |
margin:0 auto; | |
margin-bottom:10px; | |
} | |
*/ | |
.play-button { | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
color: #fff; | |
text-decoration: none; | |
border: solid 5px rgba(255, 255, 255, .3); | |
display: inline-block; | |
text-align: center; | |
width: 80px; | |
height: 80px; | |
padding-top: 22px; | |
padding-left: 5px; | |
} | |
.play-button:before { | |
font-family: "FontAwesome"; | |
font-size: 20px; | |
content: "\f04b"; | |
position: relative; | |
color: #fff; | |
} | |
.play-button:hover { | |
border: solid 5px rgba(255, 255, 255, 1); | |
} | |
.play-button.dark { | |
color: #222; | |
border: solid 5px rgba(0, 0, 0, .1); | |
} | |
.play-button.dark:before { | |
color: #222; | |
} | |
.play-button.dark:hover { | |
border: solid 5px rgba(0, 0, 0, .5); | |
} | |
.text-light .play-button { | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
color: #fff; | |
text-decoration: none; | |
border: solid 5px rgba(255, 255, 255, .3); | |
display: inline-block; | |
text-align: center; | |
width: 80px; | |
height: 80px; | |
padding-top: 22px; | |
padding-left: 5px; | |
} | |
.text-light .play-button:before { | |
font-family: "FontAwesome"; | |
font-size: 20px; | |
content: "\f04b"; | |
position: relative; | |
color: #fff; | |
} | |
.text-light .play-button.dark { | |
color: #fff; | |
border: solid 5px rgba(255, 255, 255, .3); | |
} | |
.text-light .play-button.dark:before { | |
color: #fff; | |
} | |
.text-light .play-button.dark:hover { | |
border: solid 5px rgba(255, 255, 255, 1); | |
} | |
/* columns */ | |
/* ------------------------------ */ | |
/* counter */ | |
/* ------------------------------ */ | |
.de_count { | |
padding: 20px 0 10px 0; | |
background: none; | |
} | |
.de_count h3 { | |
font-size: 40px; | |
letter-spacing: 0px; | |
margin: 0; | |
padding: 0; | |
margin-bottom: 15px; | |
line-height: .5em; | |
} | |
.de_count h5 { | |
font-size: 14px; | |
} | |
.de_count h3 span { | |
font-size: 40px; | |
} | |
.de_count.big h3 { | |
font-size: 120px; | |
} | |
.de_count span { | |
font-size: 12px; | |
text-transform: uppercase; | |
} | |
.de_count i { | |
display: block; | |
font-size: 30px; | |
margin: 0 auto; | |
margin-bottom: 0px; | |
width: 100%; | |
font-weight: lighter; | |
} | |
.de_count.small h4 { | |
font-size: 28px; | |
margin-bottom: 0; | |
} | |
.de_count.ultra-big h3 { | |
font-size: 230px; | |
padding: 40px 0 20px 0; | |
line-height: auto; | |
} | |
.de_count.ultra-big span { | |
font-size: 18px; | |
font-weight: bold; | |
letter-spacing: 10px; | |
padding: 5px 10px; | |
} | |
.de_count.ultra-big.s2 { | |
border: solid 2px #333333; | |
padding: 30px; | |
} | |
.de_count.ultra-big.s2 h3 { | |
letter-spacing: 0; | |
} | |
.de_count.ultra-big.s2 span { | |
font-size: 14px; | |
letter-spacing: 5px; | |
} | |
/* divider */ | |
/* ------------------------------ */ | |
.spacer-single { | |
width: 100%; | |
height: 30px; | |
display: block; | |
clear: both; | |
} | |
.spacer-double { | |
width: 100%; | |
height: 60px; | |
display: block; | |
clear: both; | |
} | |
.spacer-half { | |
width: 100%; | |
height: 15px; | |
display: block; | |
clear: both; | |
} | |
.spacer-10 { | |
width: 100%; | |
height: 10px; | |
display: block; | |
clear: both; | |
} | |
.spacer-20 { | |
width: 100%; | |
height: 20px; | |
display: block; | |
clear: both; | |
} | |
.spacer-30 { | |
width: 100%; | |
height: 30px; | |
display: block; | |
clear: both; | |
} | |
.spacer-40 { | |
width: 100%; | |
height: 40px; | |
display: block; | |
clear: both; | |
} | |
.spacer-50 { | |
width: 100%; | |
height: 50px; | |
display: block; | |
clear: both; | |
} | |
.spacer-60 { | |
width: 100%; | |
height: 60px; | |
display: block; | |
clear: both; | |
} | |
hr { | |
display: block; | |
clear: both; | |
border-top: solid 1px #ddd; | |
margin: 40px 0 40px 0; | |
} | |
/* dropcap */ | |
/* ------------------------------ */ | |
.dropcap { | |
display: inline-block; | |
font-size: 48px; | |
float: left; | |
margin: 10px 15px 15px 0; | |
color: #eceff3; | |
padding: 20px 10px 20px 10px; | |
} | |
/* heading */ | |
/* ------------------------------ */ | |
.form-transparent input[type=text], | |
.form-transparent textarea, | |
.form-transparent input[type=email] { | |
padding: 10px; | |
margin-bottom: 20px; | |
color: #fff; | |
border: solid 1px rgba(0, 0, 0, .3); | |
background: rgba(0, 0, 0, .2); | |
border-radius: 0; | |
height: auto; | |
} | |
.form-border input[type=text], | |
.form-border textarea, | |
.form-underline input[type=email], | |
.form-border input[type=password], | |
.form-border select { | |
padding: 8px; | |
margin-bottom: 20px; | |
border: none; | |
background: rgba(255, 255, 255, .1); | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
height: auto; | |
box-shadow: none; | |
-moz-box-shadow: none; | |
-webkit-box-shadow: none; | |
color: #fff; | |
} | |
.form-border input[type=text]:focus, | |
.form-border textarea:focus, | |
.form-underline input[type=email]:focus, | |
.form-border select:focus { | |
background: rgba(255, 255, 255, .3); | |
color: #fff; | |
} | |
.form-subscribe { | |
display: table; | |
margin: 0 auto; | |
} | |
.form-subscribe input[type=text] { | |
display: table-cell; | |
border: solid 1px rgba(255, 255, 255, .3); | |
border-right: none; | |
background: rgba(255, 255, 255, .1); | |
padding: 6px 20px 6px 20px; | |
border-radius: 60px 0 0 60px; | |
height: 40px; | |
vertical-align: middle; | |
} | |
.form-subscribe .btn-custom { | |
display: table-cell; | |
border-radius: 0 60px 60px 0; | |
height: 40px; | |
vertical-align: middle; | |
} | |
.form-subscribe input[type=text]:hover { | |
background: rgba(255, 255, 255, .3); | |
} | |
.field-set label { | |
color: #2A2E37; | |
font-weight: 500; | |
} | |
/* heading */ | |
/* ------------------------------ */ | |
h1,h2,h4,h3,h5,h6,.h1_big,.h1,.h2,.h3,.h4,.h5,.h6,footer.footer-light h5 { | |
margin-top: 0; | |
font-family: "Cabin"; | |
font-weight: 900; | |
color: #2A2E37; | |
} | |
footer h1, | |
footer h2, | |
footer h4, | |
footer h4, | |
footer h5, | |
footer h6 { | |
color: #fff; | |
} | |
h2.text-light, | |
footer h4, | |
footer h4, | |
footer h5, | |
footer h6 { | |
color: #fff; | |
} | |
h1, | |
.h1 { | |
font-size: 48px; | |
margin-bottom: 20px; | |
line-height: 56px; | |
letter-spacing: -1px; | |
} | |
h1 .label { | |
display: inline-block; | |
font-size: 36px; | |
padding: 0 6px; | |
margin-left: 10px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
h1.s1 { | |
letter-spacing: 30px; | |
font-size: 26px; | |
} | |
h1 .small-border { | |
margin-top: 30px; | |
} | |
h1.big, | |
.h1_big { | |
font-size: 64px; | |
margin: 0; | |
line-height: 70px; | |
} | |
h1.very-big { | |
font-size: 120px; | |
letter-spacing: -5px; | |
} | |
h1.ultra-big { | |
font-size: 140px; | |
line-height: 120px; | |
letter-spacing: -6px; | |
font-weight: 700; | |
margin-bottom: 0; | |
} | |
h1.ultra-big span { | |
display: inline-block; | |
} | |
h1.ultra-big span.underline span { | |
display: block; | |
border-bottom: solid 12px #fff; | |
position: relative; | |
margin-top: -5px; | |
} | |
h1.very-big-2 { | |
font-size: 90px; | |
letter-spacing: 25px; | |
text-transform: uppercase; | |
font-weight: bold; | |
} | |
.h2_title { | |
font-size: 28px; | |
display: block; | |
margin-top: 0; | |
line-height: 1.2em; | |
} | |
h2 .small-border { | |
margin-left: 0; | |
margin-bottom: 15px; | |
width: 40px; | |
} | |
h2 { | |
margin-top: 0; | |
margin-bottom: 10px; | |
font-size: 36px; | |
line-height: 42px; | |
letter-spacing: -1px; | |
} | |
h2.big { | |
font-size: 48px; | |
line-height: 1.3em; | |
margin-bottom: 0; | |
} | |
h2 .uptitle { | |
display: block; | |
font-size: 18px; | |
line-height: 28px; | |
letter-spacing: 0; | |
font-weight: 500; | |
} | |
h2.s1, | |
.h2_s1 { | |
font-size: 24px; | |
} | |
h2.deco-text span { | |
font-family: "Parisienne"; | |
display: block; | |
line-height: .85em; | |
font-weight: lighter; | |
-webkit-transform: rotate(-5deg); | |
-moz-transform: rotate(-5deg); | |
-o-transform: rotate(-5deg); | |
transform: rotate(-5deg); | |
} | |
h2.deco-text .md { | |
font-size: 80px; | |
} | |
h2.deco-text .lg { | |
font-size: 120px; | |
} | |
h2.deco-text .xl { | |
font-size: 150px; | |
} | |
h3 { | |
font-size: 22px; | |
margin-bottom: 25px; | |
} | |
h4 { | |
font-size: 20px; | |
margin-top: 0; | |
margin-bottom: 10px; | |
} | |
h4.teaser { | |
font-weight: 300; | |
font-size: 22px; | |
} | |
.subtitle.s2 { | |
font-size: 20px; | |
font-weight: 500; | |
line-height: 32px; | |
} | |
.subtitle.s2 span { | |
margin-right: 20px; | |
padding-left: 20px; | |
} | |
.subtitle.s2 i { | |
margin-right: 10px; | |
} | |
.subtitle.s2 span:first-child { | |
padding-left: 0; | |
} | |
h4.s1 { | |
text-transform: uppercase; | |
letter-spacing: 5px; | |
font-size: 14px; | |
} | |
h4.s2 { | |
font-family: "Cabin", Arial, Helvetica, sans-serif; | |
font-weight: 200; | |
line-height: 1.8em; | |
} | |
h4.s3 { | |
font-family: "Parisienne"; | |
font-size: 60px; | |
font-weight: lighter; | |
} | |
h4.s3 { | |
font-family: "Cabin"; | |
font-weight: 400; | |
font-size: 12px; | |
letter-spacing: 15px; | |
} | |
.call-to-action h4 { | |
text-transform: none; | |
font-size: 20px; | |
} | |
h1.slogan_big { | |
font-weight: 400; | |
font-size: 64px; | |
line-height: 64px; | |
letter-spacing: -2px; | |
padding: 0; | |
margin: 0px 0 30px 0; | |
} | |
h1.title { | |
font-size: 64px; | |
letter-spacing: 10px; | |
} | |
h1.title strong { | |
text-transform: none; | |
letter-spacing: 0; | |
font-weight: normal; | |
} | |
h1.hs1 { | |
font-family: "Parisienne"; | |
font-size: 96px; | |
display: inline-block; | |
-webkit-transform: rotate(-5deg); | |
-moz-transform: rotate(-5deg); | |
-o-transform: rotate(-5deg); | |
transform: rotate(-5deg); | |
} | |
h1.hs2 { | |
font-family: "Parisienne"; | |
font-size: 72px; | |
display: inline-block; | |
font-weight: lighter; | |
} | |
h2.subtitle { | |
margin-top: 0; | |
} | |
h2.name { | |
font-family: "Cabin"; | |
color: #fff; | |
font-size: 84px; | |
line-height: 50px; | |
} | |
h2.name span { | |
display: block; | |
font-size: 32px; | |
} | |
h2.name-s1 { | |
font-family: "Cabin"; | |
color: #fff; | |
font-size: 84px; | |
font-weight: 700; | |
line-height: 50px; | |
} | |
h2.name-s1 span { | |
display: block; | |
font-size: 32px; | |
} | |
h2.hw { | |
display: block; | |
font-family: "Parisienne"; | |
font-size: 48px; | |
text-transform: none; | |
font-weight: lighter; | |
} | |
h2.deco { | |
font-family: "Cabin"; | |
text-align: center; | |
font-weight: 600; | |
font-size: 20px; | |
} | |
h2.deco span { | |
display: inline-block; | |
position: relative; | |
} | |
h2.deco span:before, | |
h2.deco span:after { | |
content: ""; | |
position: absolute; | |
border-top: 1px solid #bbb; | |
top: 10px; | |
width: 100px; | |
} | |
h2.deco span:before { | |
right: 100%; | |
margin-right: 15px; | |
} | |
h2.deco span:after { | |
left: 100%; | |
margin-left: 15px; | |
} | |
h2.hs1 { | |
font-family: "Cabin"; | |
font-size: 40px; | |
} | |
h2.hs1 i { | |
font-size: 48px; | |
position: relative; | |
top: 10px; | |
color: #ff0042; | |
margin: 0 10px 0 10px; | |
} | |
h2.hs1 span { | |
font-size: 48px; | |
position: relative; | |
top: 10px; | |
font-family: "Miama"; | |
margin: 0 15px 0 10px; | |
font-weight: normal; | |
} | |
h2 .de_light .text-light h2 { | |
color: #fff; | |
} | |
.text-light h2.deco span:before, | |
.text-light h2.deco span:after { | |
border-top: 1px solid rgba(255, 255, 255, .5); | |
} | |
h2.s2 { | |
font-family: "Cabin"; | |
font-weight: 400; | |
} | |
h2.s3 { | |
font-size: 36px; | |
margin-bottom: 20px; | |
} | |
h4.title { | |
border-bottom: solid 1px #ddd; | |
margin-bottom: 20px; | |
} | |
h4.style-2 { | |
font-size: 18px; | |
} | |
h4.title { | |
border-bottom: solid 1px #ddd; | |
padding-bottom: 10px; | |
margin-bottom: 20px; | |
} | |
h5.s2 { | |
font-family: "Cabin"; | |
letter-spacing: 1px; | |
font-size: 14px; | |
} | |
h5 { | |
font-size: 18px; | |
} | |
span.teaser { | |
font-family: "Georgia"; | |
font-style: italic; | |
font-size: 18px; | |
} | |
.wm { | |
font-size: 200px; | |
opacity: .2; | |
position: absolute; | |
left: 0; | |
z-index: 0; | |
letter-spacing: -.05em; | |
} | |
.text-light { | |
color: #ffffff; | |
} | |
.text-dark { | |
color: #223044; | |
} | |
.pricing-s2.bg.text-light .top p { | |
color: #fff; | |
} | |
.text-white, | |
.de_light .text-white { | |
color: #fff; | |
} | |
.text-white-op-5{ | |
color: rgba(255,255,255,.5) !important; | |
} | |
.text-light h1, | |
.text-light h2, | |
.text-light h3, | |
.text-light h4, | |
.text-light h5, | |
.text-light h6 { | |
color: #fff; | |
} | |
.de_light .text-light h1, | |
.de_light .text-light h2, | |
.de_light .text-light h4, | |
.de_light .text-light h4, | |
.de_light .text-light h5, | |
.de_light .text-light h6 { | |
color: #fff; | |
} | |
.text-white h1, | |
.text-white h2, | |
.text-white h4, | |
.text-white h4, | |
.text-white h5, | |
.text-white h6 { | |
color: #fff; | |
} | |
.de_light .text-white h1, | |
.de_light .text-white h2, | |
.de_light .text-white h4, | |
.de_light .text-white h4, | |
.de_light .text-white h5, | |
.de_light .text-white h6 { | |
color: #fff; | |
} | |
.de_light h1, | |
.de_light h2, | |
.de_light h4, | |
.de_light h4, | |
.de_light h5, | |
.de_light h6 { | |
color: #2a2e37; | |
} | |
/* feature box style 1 */ | |
.feature-box .inner { | |
position: relative; | |
overflow: hidden; | |
padding: 40px; | |
border-radius: 8px; | |
-moz-border-radius: 8px; | |
-webkit-border-radius: 8px; | |
} | |
.feature-box.s1 .inner { | |
background: #ffffff; | |
} | |
.feature-box.s1:hover .inner i { | |
background: none; | |
color: #303030; | |
} | |
.text-light .feature-box .inner { | |
color: #fff; | |
} | |
.feature-box i { | |
font-size: 40px; | |
margin-bottom: 20px; | |
} | |
.feature-box.left i { | |
position: absolute; | |
} | |
.feature-box.left .text { | |
padding-left: 70px; | |
} | |
.feature-box.center { | |
text-align: center; | |
} | |
.feature-box i.circle, | |
.feature-box i.square { | |
display: inline-block; | |
padding: 20px; | |
font-size: 40px; | |
font-weight: 500; | |
color: #fff; | |
width: 80px; | |
height: 80px; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
position: relative; | |
z-index: 2; | |
} | |
.feature-box i.square { | |
border-radius: 0px; | |
-moz-border-radius: 0px; | |
-webkit-border-radius: 0px; | |
} | |
.feature-box i.circle { | |
display: inline-block; | |
padding: 20px; | |
font-size: 40px; | |
font-weight: 500; | |
color: #fff; | |
width: 80px; | |
height: 80px; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
position: relative; | |
z-index: 2; | |
} | |
i.font60 { | |
font-size: 60px; | |
} | |
.feature-box i.wm { | |
font-size: 800px; | |
position: absolute; | |
top: 0%; | |
width: 100%; | |
left: 50%; | |
} | |
.feature-box:hover .inner i.wm { | |
transform: scale(1.2); | |
color: rgba(0, 0, 0, .05); | |
z-index: 0; | |
} | |
.feature-box:hover .inner i.circle { | |
-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3); | |
-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3); | |
box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3); | |
} | |
.feature-box.style-3 { | |
position: relative; | |
overflow: hidden !important; | |
} | |
.feature-box.style-3 i { | |
text-align: center; | |
font-size: 40px; | |
padding: 14px 0; | |
width: 56px; | |
height: 56px; | |
border-radius: 3px; | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
/*-webkit-box-shadow: 8px 8px 18px 0px rgba(0,0,0,0.2); | |
-moz-box-shadow: 8px 8px 18px 0px rgba(0,0,0,0.2); | |
box-shadow: 8px 8px 18px 0px rgba(0,0,0,0.2);*/ | |
} | |
.feature-box.style-3:hover i { | |
color: #ffffff; | |
} | |
.feature-box.style-3 i.wm { | |
position: absolute; | |
font-size: 240px; | |
background: none; | |
width: auto; | |
height: auto; | |
color: rgba(0, 0, 0, .2); | |
right: 0; | |
top: 30%; | |
} | |
.feature-box.style-3:hover i.wm { | |
-webkit-transform: rotate(-25deg); | |
-moz-transform: rotate(-25deg); | |
-o-transform: rotate(-25deg); | |
transform: rotate(-25deg); | |
} | |
.feature-box.f-boxed { | |
overflow: none; | |
padding: 50px; | |
background: #f8f8f8; | |
} | |
.text-light .feature-box.f-boxed { | |
background: rgba(0, 0, 0, .1); | |
} | |
.feature-box.f-boxed:hover { | |
color: #ffffff; | |
-webkit-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); | |
box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); | |
} | |
.feature-box.f-boxed:hover h4 { | |
color: #ffffff; | |
} | |
.feature-box i.i-circle { | |
border-radius: 60px; | |
} | |
.feature-box i.i-boxed { | |
border-radius: 5px; | |
} | |
.feature-box-small-icon.center { | |
text-align: center; | |
} | |
.dark .feature-box-small-icon .inner:hover>i { | |
color: #fff; | |
} | |
.feature-box-small-icon .text { | |
padding-left: 80px; | |
} | |
.feature-box-small-icon.center .text { | |
padding-left: 0; | |
display: block; | |
} | |
.feature-box-small-icon i { | |
text-shadow: none; | |
font-size: 40px; | |
width: 68px; | |
height: 68px; | |
text-align: center; | |
position: absolute; | |
text-align: center; | |
} | |
.feature-box-small-icon i.hover { | |
color: #333; | |
} | |
.feature-box-small-icon .border { | |
height: 2px; | |
width: 30px; | |
background: #ccc; | |
display: block; | |
margin-top: 20px; | |
margin-left: 85px; | |
} | |
.feature-box-small-icon .btn { | |
margin-top: 10px; | |
} | |
.feature-box-small-icon.center i { | |
position: inherit; | |
float: none; | |
display: inline-block; | |
margin-bottom: 20px; | |
border: none; | |
font-size: 60px; | |
background: none; | |
padding: 0px; | |
} | |
.feature-box-small-icon.center .fs1 { | |
position: inherit; | |
float: none; | |
display: inline-block; | |
margin-bottom: 20px; | |
border: none; | |
font-size: 60px; | |
background: none; | |
padding: 0px; | |
} | |
.feature-box-small-icon i.dark { | |
background-color: #1A1C26; | |
} | |
.feature-box-small-icon h4 { | |
line-height: normal; | |
margin-bottom: 5px; | |
} | |
.feature-box-small-icon.no-bg h2 { | |
padding-top: 12px; | |
} | |
.feature-box-small-icon .number { | |
font-size: 40px; | |
text-align: center; | |
position: absolute; | |
width: 70px; | |
margin-top: -5px; | |
} | |
.feature-box-small-icon .number.circle { | |
border-bottom: solid 2px rgba(255, 255, 255, .3); | |
padding: 20px; | |
width: 70px; | |
height: 70px; | |
} | |
.feature-box-small-icon.style-2 .number { | |
font-size: 32px; | |
color: #fff; | |
padding-top: 22px; | |
background: #253545; | |
width: 70px; | |
height: 70px; | |
} | |
.feature-box-small-icon.no-bg .inner, | |
.feature-box-small-icon.no-bg .inner:hover { | |
padding: 0; | |
background: none; | |
} | |
.f-hover { | |
-o-transition: .5s; | |
-ms-transition: .5s; | |
-moz-transition: .5s; | |
-webkit-transition: .5s; | |
transition: .5s; | |
outline: none; | |
} | |
/* feature-box style 2 */ | |
.feature-box-small-icon-2 { | |
margin-bottom: 30px; | |
} | |
.feature-box-small-icon-2 .text { | |
padding-left: 48px; | |
} | |
.feature-box-small-icon-2 i { | |
text-shadow: none; | |
color: #eceff3; | |
font-size: 24px; | |
text-align: center; | |
position: absolute; | |
} | |
.feature-box-small-icon-2 i.dark { | |
background-color: #1A1C26; | |
} | |
.feature-box-small-icon-2 h4 { | |
line-height: normal; | |
margin-bottom: 5px; | |
} | |
.feature-box-small-icon-2.no-bg h2 { | |
padding-top: 12px; | |
} | |
.feature-box-small-icon-2.no-bg .inner, | |
.feature-box-small-icon-2.no-bg .inner:hover { | |
padding: 0; | |
background: none; | |
} | |
/* feature-box image style 3 */ | |
.feature-box-image-2 { | |
margin-bottom: 30px; | |
} | |
.feature-box-image-2 .text { | |
padding-left: 100px; | |
} | |
.feature-box-image-2 img { | |
position: absolute; | |
} | |
.feature-box-image-2 i { | |
background-color: #1A1C26; | |
} | |
.feature-box-image-2 h4 { | |
line-height: normal; | |
margin-bottom: 5px; | |
} | |
.feature-box-image-2.no-bg h2 { | |
padding-top: 12px; | |
} | |
.feature-box-image-2.no-bg {} | |
.feature-box-image-2.no-bg .inner, | |
.feature-box-image-2.no-bg .inner:hover { | |
padding: 0; | |
background: none; | |
} | |
/* with image */ | |
.feature-box-image img { | |
width: 100%; | |
margin-bottom: 10px; | |
height: auto; | |
} | |
.feature-box-image h4 { | |
line-height: normal; | |
margin-bottom: 5px; | |
font-size: 20px; | |
font-weight: bold; | |
} | |
/* feature-box image style 4 */ | |
.feature-box-big-icon { | |
text-align: center; | |
} | |
.feature-box-big-icon .text {} | |
.feature-box-big-icon i { | |
float: none; | |
display: inline-block; | |
text-shadow: none; | |
color: #eceff3; | |
font-size: 40px; | |
padding: 40px; | |
width: 120x; | |
height: 120x; | |
text-align: center; | |
border: none; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-web-kit-border-radius: 5px; | |
background: #333; | |
margin-bottom: 40px; | |
cursor: default; | |
} | |
.feature-box-big-icon i:after { | |
content: ""; | |
position: absolute; | |
margin: 75px 0 0 -40px; | |
border-width: 20px 20px 0 20px; | |
/*size of the triangle*/ | |
border-style: solid; | |
} | |
.feature-box-big-icon:hover i, | |
.feature-box-big-icon:hover i:after { | |
-o-transition: .5s; | |
-ms-transition: .5s; | |
-moz-transition: .5s; | |
-webkit-transition: .5s; | |
transition: .5s; | |
} | |
.feature-box-big-icon:hover i { | |
background: #333; | |
} | |
.feature-box-big-icon:hover i:after { | |
border-color: #333 transparent; | |
} | |
.feature-box-type-1 { | |
position: relative; | |
background: #ffffff; | |
border-radius: 7px; | |
overflow: hidden; | |
-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); | |
box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); | |
} | |
.feature-box-type-1.s2 { | |
border: solid 1px #eeeeee; | |
-webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); | |
-moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); | |
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); | |
} | |
.feature-box-type-1 i { | |
text-align: center; | |
position: absolute; | |
font-size: 36px; | |
color: #ffffff; | |
padding: 12px; | |
border-radius: 0 0 7px 0; | |
} | |
.feature-box-type-1.s2 i, | |
.feature-box-type-1.s2:hover i { | |
background: #f8f8f8; | |
color: #2A2E37; | |
} | |
.feature-box-type-1 .text { | |
padding: 30px; | |
padding-left: 80px; | |
} | |
.feature-box-type-2 { | |
padding: 50px; | |
padding-bottom: 30px; | |
border-radius: 5px; | |
background: #ffffff; | |
position: relative; | |
overflow: hidden; | |
-webkit-box-shadow: 2px 10px 30px 0px rgba(10, 10, 10, 0.1); | |
-moz-box-shadow: 2px 10px 30px 0px rgba(10, 10, 10, 0.1); | |
box-shadow: 2px 10px 30px 0px rgba(10, 10, 10, 0.1); | |
} | |
.feature-box-type-2 i { | |
font-size: 60px; | |
margin-bottom: 20px; | |
} | |
.feature-box-type-2:hover i { | |
text-shadow: 0px 0px 0px #ffffff; | |
} | |
.feature-box-type-2 .wm { | |
font-size: 200px; | |
top: 50%; | |
right: -50%; | |
opacity: .1; | |
} | |
.feature-box-type-2 i { | |
/*text-shadow: 5px 5px 5px rgba(var(--primary-color-rgb), 0.3);*/ | |
} | |
.f-box i { | |
font-size: 36px; | |
} | |
.f-box.f-icon-rounded i { | |
display: block; | |
text-align: center; | |
padding: 22px; | |
width: 80px; | |
height: 80px; | |
border-radius: 5px; | |
position: absolute; | |
} | |
.f-box.f-border i { | |
border: solid 10px rgba(255, 255, 255, .1); | |
padding: 12px; | |
-webkit-box-shadow: 5px 5px 10px 0px rgba(var(--primary-color-rgb), .3); | |
-moz-box-shadow: 5px 5px 10px 0px rgba(var(--primary-color-rgb), .3); | |
box-shadow: 5px 5px 10px 0px rgba(var(--primary-color-rgb), .3); | |
} | |
.f-box.f-icon-rounded:hover i { | |
border-radius: 5px; | |
-webkit-box-shadow: 5px 5px 30px 0px rgba(20, 20, 20, 0.2); | |
-moz-box-shadow: 5px 5px 30px 0px rgba(20, 20, 20, 0.2); | |
box-shadow: 5px 5px 30px 0px rgba(20, 20, 20, 0.2); | |
} | |
.f-box.f-icon-shadow i { | |
-webkit-box-shadow: 5px 5px 10px 0px rgba(var(--primary-color-rgb), .3); | |
-moz-box-shadow: 5px 5px 10px 0px rgba(var(--primary-color-rgb), .3); | |
box-shadow: 5px 5px 10px 0px rgba(var(--primary-color-rgb), .3); | |
} | |
.f-box.f-icon-circle i { | |
display: block; | |
text-align: center; | |
padding: 22px 0; | |
min-width: 80px; | |
height: 80px; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
} | |
.f-box.f-icon-left { | |
display: flex; | |
} | |
.f-box.f-icon-left i { | |
margin-right: 30px; | |
} | |
.f-box.f-box-s1 { | |
padding: 40px; | |
padding-left: 0; | |
margin-left: 20px; | |
background: rgba(var(--primary-color-rgb), .1); | |
} | |
.f-box.f-box-s2 { | |
background: rgba(255, 255, 255, .1); | |
} | |
.f-box.f-box-s1 i { | |
margin-left: -20px; | |
} | |
.f-box.f-box-s1 p { | |
margin: 0; | |
} | |
.rtl .f-box.f-icon-left i { | |
margin-right: 0px; | |
margin-left: 30px; | |
} | |
.f-box.f-icon-left .fb-text { | |
margin-left: 110px; | |
} | |
.sm-icon i{ | |
position: absolute; | |
font-size: 21px; | |
min-width: 44px; | |
min-height: 44px; | |
color:#fff; | |
text-align: center; | |
padding-top:12px; | |
border-radius: 3px; | |
} | |
.sm-icon h5{ | |
margin-bottom: 2px; | |
} | |
.sm-icon .si-inner{ | |
padding-left: 60px; | |
} | |
.d-gallery-item { | |
overflow: hidden; | |
position: relative; | |
color: #ffffff; | |
} | |
.d-gallery-item img { | |
width: 100%; | |
height: 100%; | |
} | |
.d-gallery-item .dgi-1 { | |
position: absolute; | |
z-index: 1; | |
width: 100%; | |
height: 100%; | |
opacity: 0; | |
} | |
.d-gallery-item .dgi-2 { | |
display: table; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
} | |
.d-gallery-item .dgi-3 { | |
display: table-cell; | |
vertical-align: middle; | |
text-align: center; | |
color: #fff; | |
font-size: 18px; | |
font-weight: bold; | |
} | |
.d-gallery-item:hover .dgi-1 { | |
opacity: .8; | |
} | |
.d-gallery-item:hover img { | |
transform: scale(1.2); | |
} | |
.exp-box { | |
border-bottom: solid 1px rgba(255, 255, 255, .1); | |
margin-bottom: 30px; | |
padding-bottom: 10px; | |
} | |
.exp-box h5 { | |
border: solid 2px rgba(255, 255, 255, .5); | |
display: inline-block; | |
padding: 6px 10px 5px 10px; | |
margin-bottom: 20px; | |
border-radius: 3px; | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
} | |
.box-fx .inner { | |
position: relative; | |
overflow: hidden; | |
border-bottom: solid 2px; | |
} | |
.box-fx .inner { | |
border-bottom: solid 2px; | |
} | |
.box-fx .front { | |
padding: 60px 0 60px 0; | |
} | |
.box-fx .front span { | |
font-size: 14px; | |
} | |
.box-fx .info { | |
position: absolute; | |
padding: 60px 30px 60px 30px; | |
background: #fff; | |
color: #fff; | |
} | |
.box-fx i { | |
font-size: 72px; | |
margin-bottom: 20px; | |
} | |
.box-fx .btn-line, | |
.box-fx .btn-line a.btn-line { | |
border: solid 1px rgba(255, 255, 255, 0.5); | |
color: #fff; | |
} | |
.box-fx .btn-line:hover, | |
.box-fx a.btn-line:hover { | |
background: #fff; | |
color: #111; | |
border-color: #fff; | |
} | |
.box-fx .btn-line:after, | |
.box-fx a.btn-line:after { | |
color: #fff; | |
} | |
.box-fx .btn-line:hover:after, | |
.box-fx a.btn-line:hover:after, | |
.box-fx a.btn-line.hover:after { | |
color: #111; | |
} | |
.box-fx .bg-icon { | |
left: 50%; | |
bottom: 50px; | |
color: #f6f6f6; | |
position: absolute; | |
font-size: 190px; | |
z-index: -1; | |
} | |
.box-icon-simple i { | |
color: #222; | |
} | |
.box-icon-simple.right { | |
margin-right: 70px; | |
text-align: right; | |
} | |
.box-icon-simple.right i { | |
font-size: 42px; | |
right: 0; | |
position: absolute; | |
} | |
.box-icon-simple .num { | |
display: block; | |
font-size: 20px; | |
color: #ffffff; | |
background: #333333; | |
width: 48px; | |
height: 48px; | |
padding: 12px 12px; | |
position: absolute; | |
text-align: center; | |
font-weight: bold; | |
border-radius: 30px; | |
} | |
.box-icon-simple.right .num { | |
right: 10px; | |
} | |
.box-icon-simple.left .text { | |
margin-left: 70px; | |
} | |
.box-icon-simple.left i { | |
font-size: 42px; | |
position: absolute; | |
} | |
.box-number .number { | |
display: block; | |
font-size: 48px; | |
color: #222; | |
width: 80px; | |
height: 80px; | |
text-align: center; | |
padding: 25px; | |
border-radius: 60px; | |
position: absolute; | |
} | |
.box-number .text { | |
margin-left: 100px; | |
} | |
.box-border { | |
border: solid 2px #333; | |
} | |
/* list */ | |
.ul-style-2 { | |
padding: 0; | |
list-style: none; | |
} | |
.ul-style-2 li { | |
margin: 5px 0 5px 0; | |
} | |
.ul-style-2 li:before, | |
.ul-style-2 li:after { | |
font-family: "FontAwesome"; | |
content: "\f00c"; | |
margin-right: 15px; | |
background: #2A2E37; | |
padding: 5px; | |
border-radius: 5px; | |
font-size: 12px; | |
} | |
.ul-style-2 li:after { | |
display: none; | |
} | |
.rtl .ul-style-2 li:before { | |
display: none; | |
} | |
.rtl .ul-style-2 li:after { | |
display: inline; | |
margin-right: 0; | |
margin-left: 15px; | |
} | |
/* pagination */ | |
/* ======================================== */ | |
.pagination { | |
margin: 0 auto; | |
font-weight: 500; | |
} | |
.pagination li a { | |
font-size: 12px; | |
color: #888; | |
border: solid 1px #eee; | |
border-right: none; | |
background: none; | |
padding: 15px 20px 15px 20px; | |
border-radius: 0; | |
-moz-border-radius: 0; | |
-webkit-border-radius: 0; | |
} | |
.pagination li:last-child a { | |
border-right: solid 1px #eee; | |
} | |
.pagination>.active>a { | |
color: #ffffff; | |
} | |
/* pricing table */ | |
/* ================================================== */ | |
.pricing-box { | |
color: #888; | |
} | |
.pricing-2-col { | |
border-right: solid 1px #eee; | |
} | |
.pricing-2-col .pricing-box { | |
width: 49%; | |
} | |
.pricing-3-col {} | |
.pricing-3-col .pricing-box { | |
width: 32.33%; | |
} | |
.pricing-4-col {} | |
.pricing-4-col .pricing-box { | |
width: 24%; | |
} | |
.pricing-5-col {} | |
.pricing-5-col .pricing-box { | |
width: 19%; | |
} | |
.pricing-2-col, | |
.pricing-3-col, | |
.pricing-4-col, | |
.pricing-5-col {} | |
.pricing-box { | |
float: left; | |
text-align: center; | |
margin: 5px; | |
padding: 0; | |
opacity: .8; | |
} | |
.pricing-box ul { | |
margin: 0; | |
padding: 0; | |
} | |
.pricing-box li { | |
list-style: none; | |
margin: 0; | |
padding: 15px 0 15px 0; | |
background: #eee; | |
} | |
.pricing-box li h4 { | |
font-size: 22px; | |
margin: 0; | |
padding: 0; | |
font-weight: 400; | |
color: #888; | |
} | |
.pricing-box li h1 { | |
font-size: 48px; | |
margin: 0; | |
margin-bottom: 5px; | |
color: #1a8b49; | |
letter-spacing: 0px; | |
} | |
.pricing-box li.title-row { | |
padding: 15px 0 15px 0; | |
} | |
.pricing-box li.title-row h4 {} | |
.pricing-box li.price-row { | |
padding: 15px 0 15px 0; | |
background: #f8f8f8; | |
} | |
.pricing-box li.deco { | |
background: #f6f6f6; | |
} | |
.pricing-box a.btn { | |
color: #eceff3; | |
} | |
.pricing-box li.price-row span { | |
display: block; | |
font-weight: 600; | |
} | |
.pricing-box li.btn-row { | |
background: #ddd; | |
} | |
.pricing.pricing-box {} | |
.pricing.pricing-box ul { | |
margin: 0; | |
padding: 0; | |
} | |
.pricing.pricing-box li { | |
background: #3b3b3b; | |
color: #bbb; | |
list-style: none; | |
margin: 0; | |
padding: 15px 0 15px 0; | |
} | |
.pricing.pricing-box li.deco { | |
background: #333; | |
} | |
.pricing.pricing-box li h4 { | |
font-size: 22px; | |
margin: 0; | |
padding: 0; | |
font-weight: 400; | |
color: #eceff3; | |
} | |
.pricing.pricing-box li h1 { | |
font-size: 48px; | |
margin: 0; | |
margin-bottom: 5px; | |
font-weight: 600; | |
color: #eceff3; | |
} | |
.pricing.pricing-box li.title-row { | |
background: #323232; | |
padding: 15px 0 15px 0; | |
} | |
.pricing.pricing-box li.price-row { | |
background: #2b2b2b; | |
padding: 15px 0 15px 0; | |
} | |
.pricing.pricing-box li.price-row h1 { | |
font-weight: 400; | |
} | |
.pricing.pricing-box li.price-row h1 span { | |
display: inline-block; | |
font-weight: 600; | |
} | |
.pricing.pricing-box li.price-row span { | |
display: block; | |
font-weight: 600; | |
} | |
.pricing.pricing-box li.btn-row { | |
background: #202220; | |
} | |
.pricing-featured { | |
position: relative; | |
} | |
.pricing-featured li { | |
padding-top: 17px; | |
padding-bottom: 17px; | |
} | |
.pricing-s1 { | |
overflow: hidden; | |
position: relative; | |
border-radius: 5px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
background: #ffffff; | |
-webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05); | |
-moz-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05); | |
box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05); | |
} | |
.text-light .pricing-s1 { | |
background: rgba(0, 0, 0, .1); | |
} | |
.pricing-s1 .top { | |
padding: 30px; | |
text-align: center; | |
} | |
.pricing-s1 .top h2 { | |
font-size: 32px; | |
letter-spacing: normal; | |
line-height: 1em; | |
margin-bottom: 0; | |
} | |
.pricing-s1 .top p.plan-tagline { | |
margin: 0; | |
padding: 0; | |
font-size: 18px; | |
} | |
.top .num { | |
font-size: 40px; | |
font-weight: 500; | |
} | |
.opt-2 { | |
display: none; | |
} | |
.pricing-s1 .top>* { | |
margin: 0px; | |
} | |
.pricing-s1 .top .price { | |
margin-top: 40px; | |
margin-bottom: 30px; | |
} | |
.pricing-s1 .top .price .currency { | |
font-size: 24px; | |
vertical-align: top; | |
display: inline-block; | |
} | |
.pricing-s1 .top .price b { | |
color: #fff; | |
font-family: "Cabin"; | |
font-weight: 500; | |
} | |
.pricing-s1 .top .price .month { | |
color: #fff; | |
font-size: 14px; | |
} | |
.pricing-s1 .top .price .txt { | |
display: block; | |
margin-bottom: 10px; | |
font-size: 13px; | |
color: rgba(255, 255, 255, .5); | |
} | |
.pricing-s1 .m, | |
.pricing-s1 .y { | |
font-size: 48px; | |
font-weight: 500; | |
} | |
.pricing-s1 .top .y { | |
display: none; | |
} | |
.pricing-s1 .mid { | |
padding: 40px; | |
padding-bottom: 10px; | |
text-align: center; | |
} | |
.pricing-s1 .bottom { | |
border-top: 0px; | |
text-align: center; | |
} | |
.pricing-s1 .bottom ul { | |
display: block; | |
list-style: none; | |
list-style-type: none; | |
margin: 30px 0; | |
padding: 0px; | |
text-align: left; | |
overflow: hidden; | |
} | |
.rtl .pricing-s1 .bottom ul { | |
text-align: right; | |
} | |
.pricing-s1 .bottom ul li { | |
padding: 10px 30px; | |
color: #505050; | |
} | |
.text-light .pricing-s1 .bottom ul li { | |
color: #ffffff; | |
} | |
.pricing-s1 .bottom ul li>span { | |
color: #16A085; | |
font-size: 20px; | |
margin-right: 20px; | |
} | |
.pricing-s1.zebra .bottom ul li:nth-child(odd) { | |
background: #ffffff; | |
} | |
.pricing-s1.zebra .bottom ul li:nth-child(even) { | |
background: #f8f8f8; | |
} | |
.pricing-s1 .bottom>a { | |
margin: 40px; | |
width: auto; | |
} | |
.pricing-s1 .bottom i { | |
margin-right: 10px; | |
} | |
.rtl .pricing-s1 .bottom i { | |
margin-right: 0px; | |
margin-left: 10px; | |
} | |
.pricing-s1 .ribbon { | |
width: 200px; | |
position: absolute; | |
top: 25px; | |
left: -55px; | |
text-align: center; | |
line-height: 40px; | |
letter-spacing: 1px; | |
color: #ffffff; | |
font-weight: bold; | |
transform: rotate(-45deg); | |
-webkit-transform: rotate(-45deg); | |
-moz-transform: rotate(-45deg); | |
} | |
.pricing-s1.light { | |
color: #222; | |
} | |
.pricing-s1.light .top { | |
background: #f8f8f8; | |
color: #222; | |
} | |
.pricing-s1.light .top h2 { | |
color: #222; | |
} | |
.pricing-s1.light .top .price b, | |
.pricing-s1.light .top .price .txt { | |
color: #222; | |
} | |
.pricing-s1.light .top .price .txt { | |
color: #555; | |
} | |
.pricing-s1.light .top .price .month { | |
color: #555; | |
} | |
.pricing-s1.light .top .price .currency { | |
color: #555; | |
} | |
.pricing-s1.light .bottom { | |
background: #eee; | |
} | |
.pricing-s1.light .bottom ul li>span { | |
color: #16A085; | |
} | |
.pricing-s1.light .bottom ul li:nth-child(odd) { | |
background: #ffffff; | |
} | |
.pricing-s1.light .bottom ul li:nth-child(even) { | |
background: #f8f8f8; | |
} | |
.pricing-s1 .ribbon { | |
color: #fff; | |
} | |
.pricing-s1.rec { | |
-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.2); | |
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2); | |
} | |
.pricing-s1 .action { | |
text-align: center; | |
padding: 40px 0; | |
border-top: solid 1px #eeeeee; | |
} | |
.text-light .pricing-s1 .action { | |
border-top: solid 1px rgba(255, 255, 255, .1); | |
} | |
.pricing-s2 { | |
background: #ffffff; | |
overflow: hidden; | |
position: relative; | |
border-radius: 5px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); | |
box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); | |
} | |
.pricing-s2 .top { | |
padding: 30px; | |
padding-bottom: 20px; | |
text-align: center; | |
} | |
.pricing-s2 .top h2 { | |
font-size: 22px; | |
margin-bottom: 5px; | |
letter-spacing: normal; | |
} | |
.pricing-s2 .top p { | |
margin-bottom: 30px; | |
} | |
.pricing-s2 .top>* { | |
margin: 0px; | |
} | |
.pricing-s2 .top .price { | |
margin-bottom: 30px; | |
color: #2A2E37; | |
} | |
.pricing-s2.text-light .top .price, | |
.pricing-s2.text-white .top .price { | |
color: #ffffff; | |
} | |
.pricing-s2 .top .price .currency { | |
font-size: 24px; | |
vertical-align: top; | |
display: inline-block; | |
} | |
.pricing-s2 .top .price b { | |
font-size: 40px; | |
font-family: "Cabin"; | |
font-weight: 500; | |
} | |
.pricing-s2 .top .price .month { | |
font-size: 14px; | |
} | |
.pricing-s2 .top .price .txt { | |
display: block; | |
margin-bottom: 10px; | |
font-size: 13px; | |
} | |
.pricing-s2 .top a.btn-custom { | |
display: block; | |
width: 100%; | |
padding: 6px 10px; | |
} | |
.pricing-s2 .bottom { | |
border-top: 0px; | |
text-align: center; | |
} | |
.pricing-s2 .bottom ul { | |
display: block; | |
list-style: none; | |
list-style-type: none; | |
margin: 0; | |
padding: 0px; | |
text-align: left; | |
overflow: hidden; | |
} | |
.pricing-s2 .bottom ul li { | |
padding: 15px 30px; | |
color: #505050; | |
} | |
.pricing-s2 .bottom ul li>span { | |
color: #16A085; | |
font-size: 20px; | |
margin-right: 20px; | |
} | |
.pricing-s2 .bottom ul li:nth-child(odd) { | |
background: #ffffff; | |
} | |
.pricing-s2 .bottom ul li:nth-child(even) { | |
background: #f8f8f8; | |
} | |
.pricing-s2 .bottom>a { | |
margin: 40px; | |
width: auto; | |
} | |
.pricing-s2 .bottom i { | |
margin-right: 10px; | |
} | |
.pricing-s2 .ribbon { | |
width: 200px; | |
position: absolute; | |
top: 25px; | |
left: -55px; | |
text-align: center; | |
line-height: 40px; | |
letter-spacing: 1px; | |
color: #ffffff; | |
font-weight: bold; | |
transform: rotate(-45deg); | |
-webkit-transform: rotate(-45deg); | |
-moz-transform: rotate(-45deg); | |
} | |
.pricing-s2 .inner { | |
padding-bottom: 10px; | |
} | |
.pricing-s2.bg .inner { | |
background: rgba(var(--primary-color-rgb), .8); | |
} | |
.pricing-s2.bg-2 .inner { | |
background: rgba(255, 88, 55, .8); | |
} | |
.pricing-s2.bg .top p { | |
color: #cccccc; | |
} | |
.pricing-s2.bg .top h2, | |
.pricing-s2.bg .top .price, | |
.pricing-s2.bg .top .price .currency, | |
.pricing-s2.bg .top .month, | |
.pricing-s2.bg-2 .top h2, | |
.pricing-s2.bg-2 .top .price, | |
.pricing-s2.bg-2 .top .price .currency, | |
.pricing-s2.bg-2 .top .month { | |
color: #ffffff; | |
} | |
.spinner { | |
display: table-cell; | |
vertical-align: middle; | |
margin: 100px auto 0; | |
width: 70px; | |
text-align: center; | |
} | |
.spinner>div { | |
width: 18px; | |
height: 18px; | |
background-color: #fff; | |
border-radius: 100%; | |
display: inline-block; | |
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; | |
animation: sk-bouncedelay 1.4s infinite ease-in-out both; | |
} | |
.spinner .bounce1 { | |
-webkit-animation-delay: -0.32s; | |
animation-delay: -0.32s; | |
} | |
.spinner .bounce2 { | |
-webkit-animation-delay: -0.16s; | |
animation-delay: -0.16s; | |
} | |
@-webkit-keyframes sk-bouncedelay { | |
0%, | |
80%, | |
100% { | |
-webkit-transform: scale(0) | |
} | |
40% { | |
-webkit-transform: scale(1.0) | |
} | |
} | |
@keyframes sk-bouncedelay { | |
0%, | |
80%, | |
100% { | |
-webkit-transform: scale(0); | |
transform: scale(0); | |
} | |
40% { | |
-webkit-transform: scale(1.0); | |
transform: scale(1.0); | |
} | |
} | |
/* preloader */ | |
/* ================================================== */ | |
#preloader { | |
display: table; | |
position: fixed; | |
z-index: 20000; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: #ffffff; | |
text-align: center; | |
} | |
.preloader1 { | |
width: 60px; | |
height: 60px; | |
display: inline-block; | |
padding: 0px; | |
border-radius: 100%; | |
border: 2px solid; | |
border-top-color: rgba(0, 0, 0, 0.65); | |
border-bottom-color: rgba(0, 0, 0, 0.1); | |
border-left-color: rgba(0, 0, 0, 0.1); | |
border-right-color: rgba(0, 0, 0, 0.1); | |
-webkit-animation: preloader1 1s ease-in infinite; | |
animation: preloader1 1s ease-in infinite; | |
position: absolute; | |
margin-left: -30px; | |
top: 45%; | |
} | |
@keyframes preloader1 { | |
from { | |
transform: rotate(0deg); | |
} | |
to { | |
transform: rotate(360deg); | |
} | |
} | |
@-webkit-keyframes preloader1 { | |
from { | |
-webkit-transform: rotate(0deg); | |
} | |
to { | |
-webkit-transform: rotate(360deg); | |
} | |
} | |
/* progress bar */ | |
/* ================================================== */ | |
.de-progress { | |
width: 100%; | |
height: 4px; | |
background: #ddd; | |
margin-top: 20px; | |
margin-bottom: 20px; | |
} | |
.de-progress .progress-bar { | |
background: #333; | |
height: 4px; | |
box-shadow: none; | |
} | |
.de-progress { | |
background: #f5f5f5; | |
} | |
.skill-bar { | |
margin-bottom: 40px; | |
} | |
.skill-bar.style-2 .de-progress { | |
background: rgba(0, 0, 0, .1); | |
} | |
.skill-bar .value { | |
color: #ccc; | |
font-size: 12px; | |
font-weight: bold; | |
float: right; | |
margin-top: -40px; | |
} | |
.skill-bar h4 { | |
font-size: 16px; | |
} | |
/* social-icons */ | |
/* ================================================== */ | |
.social-icons { | |
display: inline-block; | |
} | |
.social-icons i { | |
text-shadow: none; | |
color: #fff; | |
padding: 12px 10px 8px 10px; | |
width: 34px; | |
height: 34px; | |
text-align: center; | |
font-size: 16px; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
margin: 0 5px 0 5px; | |
} | |
.social-icons i.fa-google-plus { | |
padding: 12px 14px 10px 6px; | |
} | |
.social-icons i:hover { | |
background: #fff; | |
border-color: #eceff3; | |
color: #333; | |
} | |
.social-icons.big i { | |
font-size: 26px; | |
width: auto; | |
height: auto; | |
margin: 0 15px 0 15px; | |
} | |
.social-icons.big i:hover { | |
background: none; | |
} | |
/* | |
.social-icons .fa-facebook{background:#3e5a9b;} | |
.social-icons .fa-twitter{background:#55aded;} | |
.social-icons .fa-google-plus{background:#df4f37;} | |
.social-icons .fa-linkedin{background:#0075ad;} | |
.social-icons .fa-rss{background:#fb6506;} | |
.social-icons .fa-skype{background:#28A8EA;} | |
*/ | |
.social-icons.big i { | |
margin: 0 15px 0 15px; | |
} | |
.social-icons.big i:hover { | |
background: none; | |
} | |
.social-icons.s1 i { | |
background: none; | |
border: none; | |
font-size: 16px; | |
margin: 0px; | |
opacity: .5; | |
} | |
.social-icons.s1 a:hover i { | |
opacity: 1; | |
} | |
.social-icons.s1 { | |
line-height: 0.5; | |
text-align: center; | |
} | |
.social-icons.s1 .inner { | |
display: inline-block; | |
position: relative; | |
} | |
.social-icons.s1 .inner:before, | |
.social-icons.s1 .inner:after { | |
content: ""; | |
position: absolute; | |
height: 5px; | |
border-bottom: 1px solid rgba(255, 255, 255, .2); | |
top: 0; | |
width: 100%; | |
} | |
.social-icons.s1 .inner:before { | |
right: 100%; | |
margin-right: 15px; | |
margin-top: 20px; | |
} | |
.social-icons.s1 .inner:after { | |
left: 100%; | |
margin-left: 15px; | |
margin-top: 20px; | |
} | |
.col-right { | |
display: inline-block; | |
float: right; | |
margin-top: 22px; | |
} | |
/* | |
.social-icons .fa-facebook{ background:#305fb3; } | |
.social-icons .fa-twitter{ background:#00d7d5; } | |
.social-icons .fa-rss{ background:#fca600; } | |
.social-icons .fa-google-plus{ background:#d7482a; } | |
.social-icons .fa-skype{ background:#12c7ef; } | |
.social-icons .fa-dribbble{ background:#f06eaa; } | |
*/ | |
/* tabs */ | |
/* ================================================== */ | |
/* accordion | |
------------------------------ */ | |
.accordion { | |
overflow: hidden; | |
} | |
.accordion-section-title { | |
width: 100%; | |
padding: 15px; | |
border-radius: 4px; | |
cursor: pointer; | |
} | |
.accordion-section-title { | |
font-family: "Cabin"; | |
color: #2A2E37; | |
width: 100%; | |
padding: 15px; | |
display: inline-block; | |
font-size: 16px; | |
transition: all linear 0.5s; | |
text-decoration: none; | |
margin-bottom: 10px; | |
border: solid 1px #EFEFEF; | |
font-weight: 600; | |
} | |
.accordion-section-title:before { | |
font-family: "FontAwesome"; | |
content: "\f107"; | |
float: right; | |
color: #fff; | |
text-align: center; | |
padding: 0 8px 0 8px; | |
font-size: 15px; | |
border-radius: 3px; | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
} | |
.accordion-section-title.active:before { | |
content: "\f106"; | |
float: right; | |
} | |
.accordion-section-title.active { | |
margin-bottom: 0px; | |
text-decoration: none; | |
color: #fff !important; | |
} | |
.accordion-section-title:hover { | |
text-decoration: none; | |
} | |
.accordion-section-content { | |
padding: 15px; | |
padding-bottom: 5px; | |
display: none; | |
margin-bottom: 10px; | |
} | |
.expand-list .expand-custom:nth-child(even) { | |
background: #ffffff; | |
} | |
.expand-custom { | |
background: #ffffff; | |
padding: 30px; | |
margin-bottom: 30px; | |
border-radius: 5px; | |
-webkit-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); | |
box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); | |
} | |
.expand-custom h4 { | |
margin: 0; | |
margin-bottom: 5px; | |
} | |
.expand-custom p { | |
margin: 0; | |
} | |
.expand-custom .table { | |
display: table; | |
} | |
.expand-custom .toggle { | |
display: block; | |
margin-top: 10px; | |
float: right; | |
cursor: pointer; | |
} | |
.rtl .expand-custom .toggle { | |
float: left; | |
} | |
.expand-custom .toggle:before { | |
font-family: "FontAwesome"; | |
content: "\f107"; | |
font-size: 32px; | |
} | |
.expand-custom .toggle.clicked:before { | |
content: "\f106"; | |
} | |
.expand-custom .c1, | |
.expand-custom .c2, | |
.expand-custom .c3 { | |
display: table-cell; | |
vertical-align: middle; | |
} | |
.expand-custom .c1, | |
.expand-custom .c2 { | |
padding-right: 30px; | |
} | |
.expand-custom .c1 img { | |
width: 80px; | |
} | |
.expand-custom .c1 { | |
width: 10%; | |
} | |
.expand-custom .c2 { | |
width: 80%; | |
} | |
.expand-custom .c3 { | |
width: 10%; | |
} | |
.expand-custom .details { | |
display: none; | |
margin-top: 30px; | |
} | |
.expand-custom .box-custom { | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.de_tab .de_nav { | |
overflow: hidden; | |
padding-left: 0; | |
margin: 0; | |
padding: 0; | |
font-weight: bold; | |
} | |
.de_tab .de_nav li { | |
float: left; | |
list-style: none; | |
background: #EEE; | |
margin-right: 5px; | |
} | |
.de_tab .de_nav li span { | |
padding: 8px 16px 8px 16px; | |
border-top: 1px solid #ddd; | |
border-bottom: 1px solid #ddd; | |
border-left: 1px solid #ddd; | |
border-right: 1px solid #ddd; | |
display: block; | |
background: #f6f6f6; | |
text-decoration: none; | |
color: #646464; | |
font-size: 13px; | |
cursor: pointer; | |
} | |
.de_tab.tab_steps .de_nav { | |
text-align: center; | |
} | |
.de_tab.tab_steps .de_nav li { | |
background: none; | |
display: inline-block; | |
float: none; | |
margin: 0 20px 0px 20px; | |
width: 150px; | |
height: 150px; | |
border:solid 15px rgba(255,255,255,.1); | |
border-radius: 100%; | |
-moz-border-radius: 100%; | |
-webkit-border-radius: 100%; | |
} | |
.de_tab.tab_steps .de_nav li span { | |
padding: 30px 0 30px 0; | |
color: #ffffff; | |
background: #2a2e37; | |
font-family: "Cabin"; | |
font-size: 16px; | |
line-height: 20px; | |
width: 120px; | |
height: 120px; | |
text-align: center; | |
display: table-cell; | |
vertical-align: middle; | |
border-radius: 100%; | |
-moz-border-radius: 100%; | |
-webkit-border-radius: 100%; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li span { | |
background: none; | |
border-radius: 0px; | |
border: solid 1px rgba(255, 255, 255, 0); | |
font-size: 17px; | |
color: #fff; | |
} | |
.de_tab.tab_steps.style-2.light .de_nav li span { | |
background: #eee; | |
color: #707070; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li.active span { | |
border: solid 2px rgba(255, 255, 255, .8); | |
color: #222; | |
} | |
.de_tab.tab_steps .de_nav li span:hover { | |
background:#ffffff; | |
} | |
.de_tab.tab_steps .de_nav li .v-border { | |
height: 60px; | |
border-left: solid 1px #888888; | |
display: inline-block; | |
margin-bottom: -10px; | |
} | |
.de_tab.tab_steps.dark .de_nav li .v-border { | |
border-left: solid 1px rgba(0, 0, 0, .3); | |
} | |
.de_tab .de_nav li span { | |
border: none; | |
background: #222; | |
} | |
.de_tab .de_tab_content { | |
border: 1px solid #ddd; | |
padding: 15px 20px 20px 20px; | |
margin-top: -1px; | |
background: #fff; | |
} | |
.de_tab .de_tab_content { | |
border: 1px solid #202220; | |
background: #27282b; | |
} | |
.de_tab.tab_steps .de_tab_content { | |
background: 0; | |
padding: 0; | |
border: none; | |
padding-top: 30px; | |
border-top: solid 1px rgba(255, 255, 255, .4); | |
} | |
.de_tab.tab_steps.dark .de_tab_content { | |
border-top: solid 1px rgba(0, 0, 0, .4); | |
} | |
.de_tab .de_nav li.active span { | |
background: #FFF; | |
border-bottom: 1px solid #fff; | |
color: #222; | |
margin-bottom: -3px; | |
} | |
.de_tab .de_nav li.active span .v-border { | |
display: none; | |
} | |
.de_tab .de_nav li.active span { | |
background: #27282b; | |
border-bottom: 1px solid #27282b; | |
color: #ccc; | |
} | |
.de_tab.tab_steps .de_nav li.active span { | |
background: #ffffff; | |
color: #ffffff; | |
border: none; | |
-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.05); | |
-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.05); | |
box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.05); | |
} | |
.de_tab.tab_steps.dark .de_nav li.active span { | |
background: none; | |
color: #333; | |
border: solid 1px rgba(0, 0, 0, .8); | |
} | |
/* new added */ | |
.de_tab.tab_steps.tab_6 .de_nav li span { | |
padding: 20px 0 20px 0; | |
font-size: 14px; | |
line-height: 70px; | |
width: 120px; | |
height: 120px; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li .arrow { | |
width: 0; | |
height: 0; | |
border-left: 0px solid transparent; | |
border-right: 0px solid transparent; | |
border-top: 0px solid transparent; | |
margin: 0 auto; | |
margin-bottom: 20px; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li.active .arrow { | |
width: 0; | |
height: 0; | |
border-left: 20px solid transparent; | |
border-right: 20px solid transparent; | |
border-top: 20px solid; | |
margin: 0 auto; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li { | |
margin: 5px; | |
display: inline-block; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li span { | |
font-family: "Cabin"; | |
background: rgba(255, 255, 255, .1); | |
border-radius: 0px; | |
font-size: 16px; | |
font-weight: lighter; | |
color: #fff; | |
opacity: .8; | |
width: 120px; | |
height: 100px; | |
border: none; | |
padding: 20px; | |
border-radius: 300px; | |
-moz-border-radius: 300px; | |
-webkit-border-radius: 300px; | |
-webkit-border-radius: 300px; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li i { | |
display: block; | |
font-size: 36px; | |
margin-bottom: 10px; | |
} | |
.de_tab.tab_steps.style-2.sub-style-2 .de_nav li span { | |
background: rgba(0, 0, 0, .1); | |
color: #000; | |
opacity: .8; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li.active span { | |
color: #222; | |
opacity: 1; | |
border: none; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li span:hover { | |
border: none; | |
} | |
.de_tab.tab_steps.style-2 .de_tab_content { | |
border: none; | |
} | |
/* tab de_light */ | |
.de_light .de_tab.tab_style_2 .de_tab_content { | |
border: none; | |
background: none; | |
padding: 40px 0 0 0; | |
border-top: solid 1px #ddd; | |
} | |
.text-light .de_tab.tab_style_2 .de_tab_content { | |
border-top: solid 1px rgba(255, 255, 255, .1); | |
} | |
.de_light .de_tab.tab_style_2 .de_nav {} | |
.de_light .de_tab.tab_style_2 .de_nav li { | |
float: none; | |
list-style: none; | |
background: none; | |
margin: 0 5px 0 5px; | |
text-align: center; | |
display: inline-block; | |
} | |
.de_light .de_tab.tab_style_2 .de_nav li img { | |
width: auto; | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
-ms-filter: grayscale(100%); | |
filter: grayscale(100%); | |
opacity: .7; | |
} | |
.de_light .de_tab.tab_style_2 .de_nav li.active img { | |
width: auto; | |
-webkit-filter: grayscale(0%); | |
-moz-filter: grayscale(0%); | |
-o-filter: grayscale(0%); | |
-ms-filter: grayscale(0%); | |
filter: grayscale(0%); | |
opacity: 1; | |
} | |
.de_light .de_tab.tab_style_2 .de_nav li span { | |
background: none; | |
display: block; | |
text-decoration: none; | |
font-size: 14px; | |
cursor: pointer; | |
border: none; | |
} | |
.de_light .de_tab.tab_style_2 .de_nav li.active span { | |
border-bottom: solid 6px; | |
color: #333; | |
background: none; | |
} | |
.text-light .de_tab.tab_style_2 .de_nav li.active span { | |
color: #fff; | |
} | |
/* tab de_light */ | |
.de_light .de_tab.tab_style_3 .de_tab_content { | |
border: none; | |
background: none; | |
padding: 40px 0 0 0; | |
border-top: solid 1px #ddd; | |
} | |
.text-light .de_tab.tab_style_3 .de_tab_content { | |
border-top: solid 1px rgba(255, 255, 255, .1); | |
} | |
.de_light .de_tab.tab_style_3 .de_nav { | |
text-align: center; | |
background: #eee; | |
display: inline-block; | |
border-radius: 60px; | |
margin-bottom: 30px; | |
padding: 0; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li { | |
float: none; | |
list-style: none; | |
background: none; | |
text-align: center; | |
display: inline-block; | |
margin: 0; | |
padding: 0; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li img { | |
width: auto; | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
-ms-filter: grayscale(100%); | |
filter: grayscale(100%); | |
opacity: .7; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li.active img { | |
width: auto; | |
-webkit-filter: grayscale(0%); | |
-moz-filter: grayscale(0%); | |
-o-filter: grayscale(0%); | |
-ms-filter: grayscale(0%); | |
filter: grayscale(0%); | |
opacity: 1; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li span { | |
background: none; | |
display: block; | |
text-decoration: none; | |
font-size: 14px; | |
cursor: pointer; | |
border: none; | |
padding: 5px 30px 5px 30px; | |
min-width: 150px; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li:last-child span { | |
border-radius: 0 60px 60px 0; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li:first-child span { | |
border-radius: 60px 0 0 60px; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li span:hover { | |
background: #ddd; | |
} | |
.de_light .de_tab.tab_style_3 .de_nav li.active span { | |
background: #eee; | |
color: #fff; | |
} | |
.text-light .de_tab.tab_style_3 .de_nav li.active span { | |
color: #fff; | |
} | |
/* tab de_light */ | |
.de_tab.tab_style_4 .de_tab_content { | |
border: none; | |
background: none; | |
padding: 0; | |
border-top: none; | |
} | |
.text-light .de_tab.tab_style_4 .de_tab_content { | |
border-top: none; | |
} | |
.de_tab.tab_style_4 .de_nav { | |
text-align: center; | |
background: #eee; | |
display: inline-block; | |
border-radius: 60px; | |
margin-bottom: 30px; | |
padding: 0; | |
border: solid 2px #333; | |
} | |
.de_tab.tab_style_4 .de_nav li img { | |
width: auto; | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
-ms-filter: grayscale(100%); | |
filter: grayscale(100%); | |
opacity: .7; | |
} | |
.de_tab.tab_style_4 .de_nav li.active img { | |
width: auto; | |
-webkit-filter: grayscale(0%); | |
-moz-filter: grayscale(0%); | |
-o-filter: grayscale(0%); | |
-ms-filter: grayscale(0%); | |
filter: grayscale(0%); | |
opacity: 1; | |
} | |
.de_tab.tab_style_4 .de_nav li { | |
display: inline-block; | |
text-decoration: none; | |
font-size: 14px; | |
cursor: pointer; | |
border: none; | |
padding: 15px 30px 15px 30px; | |
min-width: 150px; | |
margin: 0; | |
border-right: solid 2px #333; | |
} | |
.de_tab.tab_style_4 .de_nav li span { | |
margin: 0; | |
padding: 0; | |
background: none; | |
border: none; | |
width: auto; | |
display: inline-block; | |
} | |
.de_tab.tab_style_4 .de_nav li:last-child { | |
border-radius: 0 60px 60px 0; | |
border-right: none; | |
} | |
.de_tab.tab_style_4 .de_nav li:first-child { | |
border-radius: 60px 0 0 60px; | |
} | |
.de_tab.tab_style_4 .de_nav li:hover { | |
background: #ddd; | |
} | |
.de_tab.tab_style_4 .de_nav li.active, | |
.de_tab.tab_style_4 .de_nav li.active span { | |
background: #333; | |
color: #fff; | |
} | |
.text-light .de_tab.tab_style_4 .de_nav li.active { | |
color: #fff; | |
} | |
.de_tab.tab_style_4 .de_nav li.active h4, | |
.de_tab.tab_style_4 .de_nav li.active h4, | |
.de_tab.tab_style_4 .de_nav li.active h4 span { | |
color: #fff; | |
} | |
.tab_style_4 h4, | |
.de_tab.tab_style_4 .de_nav li span { | |
margin: 0; | |
font-size: 22px; | |
font-weight: 600; | |
} | |
.tab_style_4 h4 { | |
margin: 0; | |
font-size: 12px; | |
} | |
.de_tab .de_tab_content.tc_style-1 { | |
background: none; | |
padding: 0; | |
padding-top: 30px; | |
} | |
.tab-small-post ul { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.tab-small-post ul li { | |
min-height: 60px; | |
margin-bottom: 15px; | |
padding-bottom: 10px; | |
border-bottom: solid 1px #eeeeee; | |
} | |
.tab-small-post ul li { | |
border-bottom: solid 1px #202220; | |
} | |
.tab-small-post ul li:last-child { | |
border-bottom: none; | |
margin-bottom: 0; | |
padding-bottom: 0; | |
} | |
.tab-small-post ul li img { | |
position: absolute; | |
} | |
.tab-small-post ul li span { | |
display: block; | |
padding-left: 64px; | |
} | |
.tab-small-post ul li span.post-date { | |
font-size: 11px; | |
} | |
.de_tab.timeline.nav_4 li { | |
display: inline-block; | |
text-align: center; | |
background: none; | |
width: 24%; | |
} | |
.de_tab.timeline.nav_4 li span { | |
background: none; | |
border: none; | |
margin-top: 20px; | |
font-family: "Cabin"; | |
font-size: 14px; | |
text-transform: uppercase; | |
letter-spacing: 2px; | |
} | |
.de_tab.timeline.nav_4 .dot { | |
display: block; | |
width: 8px; | |
height: 8px; | |
background: #fff; | |
opacity: 1; | |
margin: 0 auto; | |
border-radius: 8px; | |
margin-top: 1px; | |
} | |
.de_tab.timeline.nav_4 .dot:before, | |
.de_tab.timeline.nav_4 .dot:after { | |
content: ""; | |
position: absolute; | |
height: 5px; | |
border-bottom: 1px solid rgba(255, 255, 255, .1); | |
top: 0; | |
width: 24%; | |
} | |
.de_tab.timeline.nav_4 li:last-child .dot:before, | |
.de_tab.timeline.nav_4 li:last-child .dot:after { | |
border-bottom: none; | |
} | |
.de_tab.timeline li .num { | |
font-size: 20px; | |
} | |
.de_tab.timeline .de_tab_content { | |
background: none; | |
border: none; | |
padding-top: 30px; | |
} | |
.de_tab .navigation_arrow { | |
text-align: center; | |
} | |
.btn-left, | |
.btn-right { | |
background: none; | |
border: solid 1px rgba(255, 255, 255, .2); | |
padding: 10px 20px 10px 20px; | |
margin: 5px; | |
font-family: "Cabin"; | |
text-transform: uppercase; | |
letter-spacing: 5px; | |
} | |
.btn-right:after { | |
font-family: FontAwesome; | |
content: "\f054"; | |
padding-left: 10px; | |
} | |
.btn-left:before { | |
font-family: FontAwesome; | |
content: "\f053"; | |
padding-right: 10px; | |
} | |
a.btn-left, | |
a.btn-right { | |
text-decoration: none; | |
} | |
/* team | |
/* ================================================== */ | |
.team { | |
margin-bottom: 30px; | |
text-align: center; | |
} | |
.team h5 { | |
margin-bottom: 0; | |
} | |
.team_photo { | |
margin-bottom: 10px; | |
} | |
.team img.team-pic { | |
width: 100%; | |
height: auto; | |
} | |
.pic-team img { | |
width: 100%; | |
height: auto; | |
width: 150px; | |
height: 150px; | |
position: absolute; | |
} | |
.pic-team img.pic-hover { | |
z-index: 100; | |
display: none; | |
} | |
.team .team_desc { | |
font-style: italic; | |
margin-bottom: 10px; | |
} | |
.team .sb-icons { | |
padding: 10px 0 0 0; | |
} | |
.team .sb-icons img { | |
margin-right: 5px; | |
} | |
.team .columns { | |
margin-bottom: 30px; | |
} | |
.team-list { | |
min-height: 180px; | |
margin-bottom: 40px; | |
} | |
.team-list .team-pic { | |
width: 150px; | |
height: 150px; | |
position: absolute; | |
} | |
.team-list h5 { | |
margin-top: 0; | |
margin-bottom: 10px; | |
font-size: 14px; | |
} | |
.team-list.team_desc { | |
font-style: italic; | |
margin-bottom: 10px; | |
} | |
.team-list .small-border { | |
float: none; | |
margin: 15px 0 15px 0; | |
background: #ddd; | |
width: 50px; | |
} | |
.team-list .social { | |
width: 150px; | |
margin-top: 170px; | |
text-align: center; | |
position: absolute; | |
} | |
.team-list .social a { | |
display: inline-block; | |
} | |
.team-list .info { | |
padding-left: 170px; | |
} | |
.de-team-list { | |
overflow: hidden; | |
} | |
.de-team-list .team-desc { | |
padding: 20px; | |
padding-bottom: 0; | |
position: absolute; | |
z-index: 100; | |
top: 0; | |
background: #111; | |
color: #ccc; | |
} | |
.de-team-list .team-desc h4 { | |
color: #fff; | |
} | |
.de-team-list .social {} | |
.de-team-list .social a { | |
display: inline-block; | |
padding: 0 5px 0 5px; | |
} | |
.de-team-list p.lead { | |
font-size: 14px; | |
} | |
.de-team-list .small-border { | |
float: none; | |
margin: 15px 0 15px 0; | |
background: #ddd; | |
width: 50px; | |
} | |
.de-team-list .social a:hover { | |
color: #fff; | |
} | |
/* testimonial | |
/* ================================================== */ | |
.de_testi { | |
display: block; | |
margin-bottom: 10px; | |
} | |
.de_testi blockquote { | |
margin: 0; | |
border: none; | |
padding: 20px 30px 30px 80px; | |
background: #f8f8f8; | |
font-style: normal; | |
line-height: 1.6em; | |
font-weight: 500; | |
} | |
.de_testi blockquote p { | |
margin-top: 10px; | |
} | |
.de_testi blockquote:before { | |
font-family: FontAwesome; | |
content: "\f10d"; | |
padding-bottom: 10px; | |
font-size: 20px; | |
display: inline-block; | |
padding: 10px 20px 10px 20px; | |
font-style: normal; | |
background: #000; | |
position: absolute; | |
left: 15px; | |
font-weight: normal; | |
} | |
.de_testi blockquote { | |
color: #eceff3; | |
} | |
.de_testi blockquote, | |
.de_testi blockquote p { | |
font-size: 20px; | |
line-height: 1.7em; | |
font-weight: normal; | |
} | |
.de_testi_by { | |
margin-top: -10px; | |
font-style: normal; | |
font-size: 12px; | |
} | |
.de_testi_pic { | |
float: left; | |
padding-right: 15px; | |
} | |
.de_testi_pic img { | |
width: 50px; | |
height: 50px; | |
} | |
.de_testi_company { | |
padding-top: 20px; | |
} | |
.de_testi.opt-2 blockquote { | |
display: block; | |
font-family: "Cabin"; | |
border: none; | |
color: #2A2E37; | |
font-weight: 300; | |
padding: 30px 40px 30px 40px; | |
background: #f8f8f8; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.de_testi.opt-2.no-bg blockquote { | |
background: none; | |
} | |
.de_testi.opt-2 blockquote:before { | |
font-family: "FontAwesome"; | |
content: "\f10d"; | |
display: block; | |
color: rgba(0, 0, 0, .1); | |
z-index: 100; | |
font-size: 20px; | |
background: none; | |
left: 20px; | |
} | |
.de_testi.opt-2 i { | |
font-size: 36px; | |
} | |
.de_testi.opt-2.review blockquote { | |
padding: 50px; | |
} | |
.de_testi.opt-2.review blockquote:before { | |
display: none; | |
} | |
.de_testi.opt-2.review .p-rating { | |
font-size: 14px; | |
} | |
.de_testi.opt-2.review p { | |
padding-top: 0; | |
} | |
.de_testi.opt-2.review h3 { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
font-size: 18px; | |
} | |
.text-light .de_testi.opt-2 blockquote { | |
color: #fff; | |
background: rgba(26, 28, 38, .8); | |
} | |
.de_testi.opt-2 blockquote p { | |
font-family: "Cabin"; | |
font-size: 16px; | |
padding: 40px 0 0 0; | |
font-weight: 400; | |
line-height: 1.7em; | |
} | |
.de_testi.opt-2 .de_testi_by { | |
font-size: 14px; | |
font-weight: normal; | |
} | |
.de_testi.opt-2 .de_testi_by img { | |
width: 80px; | |
height: auto; | |
margin: 0 auto; | |
margin-top: 40px; | |
} | |
.de_testi.opt-3 blockquote { | |
background: none; | |
color: #555; | |
padding-top: 0; | |
font-weight: 400; | |
} | |
.de_testi.opt-3 blockquote p { | |
font-size: 14px; | |
} | |
.de_testi.opt-3 blockquote:before { | |
color: #fff; | |
} | |
.de_testi.opt-3 .de_testi_by { | |
font-size: 14px; | |
color: #000; | |
} | |
#testimonial-masonry .item { | |
margin-bottom: 30px; | |
} | |
.testimonial-list p { | |
font-style: italic; | |
} | |
.testimonial-list, | |
.testimonial-list li { | |
list-style: none; | |
padding: 0px; | |
font-size: 16px; | |
line-height: 1.7em; | |
padding-left: 30px; | |
} | |
.testimonial-list span { | |
font-weight: bold; | |
display: block; | |
margin-top: 20px; | |
font-size: 14px; | |
} | |
.testimonial-list.big-font li { | |
font-size: 28px; | |
} | |
.testimonial-list:before { | |
font-family: FontAwesome; | |
content: "\f10d"; | |
font-size: 40px; | |
color: rgba(0, 0, 0, .1); | |
position: absolute; | |
margin-left: -30px; | |
} | |
.testimonial-list.style-2, | |
.testimonial-list.style-2 li { | |
padding-left: 0px; | |
} | |
.testimonial-list.style-2 { | |
text-align: center; | |
} | |
.testimonial-list.style-2:before { | |
margin: 0; | |
position: static; | |
} | |
.testimonial-list.style-2 span { | |
margin-top: 10px; | |
font-weight: 600; | |
font-size: 14px; | |
} | |
/* timeline */ | |
/* timeline */ | |
.timeline { | |
position: relative; | |
padding: 10px | |
} | |
.timeline:before { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 127px; | |
height: 100%; | |
width: 1px; | |
background: #eee; | |
} | |
.text-light .timeline:before { | |
background: rgba(255, 255, 255, .1); | |
} | |
.timeline .tl-block { | |
position: relative; | |
margin-top: 10px; | |
} | |
.timeline .tl-block:after { | |
content: ' '; | |
clear: both; | |
display: block; | |
} | |
.timeline .tl-block .tl-time { | |
float: left; | |
padding: 10px 20px 0px 20px; | |
margin-top: -15px; | |
border: solid 1px #ddd; | |
} | |
.timeline .tl-block .tl-time:after { | |
width: 50px; | |
height: 1px; | |
background: #ddd; | |
} | |
.timeline .tl-block .tl-bar { | |
float: left; | |
width: 5%; | |
position: absolute; | |
margin-left: 114px; | |
} | |
.timeline .tl-block .tl-line { | |
background: #333; | |
margin-left: 10px; | |
border-radius: 5px; | |
width: 8px; | |
height: 8px; | |
font-size: 10px; | |
text-align: center; | |
line-height: 15px; | |
} | |
.timeline .tl-message { | |
border-radius: 3px; | |
float: left; | |
margin-left: 150px; | |
top: 0; | |
margin-top: -50px; | |
margin-bottom: 30px; | |
} | |
.timeline .tl-block .tl-message:after { | |
display: block; | |
content: ' '; | |
clear: both; | |
} | |
.timeline .tl-block .tl-message .tl-icon { | |
float: left; | |
left: 100px; | |
} | |
.timeline .tl-block .tl-message .tl-main { | |
float: left; | |
} | |
.timeline .tl-block .tl-message .tl-main .tl-title {} | |
.timeline .tl-block .tl-message .tl-main .tl-content {} | |
.timeline .tl-block .tl-message .tl-main .tl-content label { | |
font-weight: bold; | |
display: inline-block; | |
width: 80px; | |
} | |
.timeline .tl-block .tl-message .tl-main .tl-content span {} | |
.timeline .tl-block .tl-message h4 { | |
text-transform: none; | |
} | |
.timeline .tl-block .tl-time h4 { | |
margin: 0 0 10px 0; | |
} | |
.timeline .tl-block .tl-main h4 { | |
margin-top: -24px; | |
} | |
.timeline.exp:before { | |
left: 214px; | |
} | |
.timeline.exp .tl-message { | |
margin-left: 250px; | |
} | |
.timeline.exp .tl-block .tl-bar { | |
margin-left: 200px; | |
} | |
/* timeline */ | |
.timeline { | |
list-style: none; | |
padding: 20px 0 20px; | |
position: relative; | |
} | |
.timeline:before { | |
top: 0; | |
bottom: 0; | |
position: absolute; | |
content: " "; | |
width: 1px; | |
background-color: #ddd; | |
left: 50%; | |
} | |
.timeline>li { | |
position: relative; | |
margin-top: -50px; | |
} | |
.timeline>li:first-child { | |
position: relative; | |
margin-top: 0px; | |
} | |
.timeline>li:before, | |
.timeline>li:after { | |
content: " "; | |
display: table; | |
} | |
.timeline>li:after { | |
clear: both; | |
} | |
.timeline>li:before, | |
.timeline>li:after { | |
content: " "; | |
display: table; | |
} | |
.timeline>li:after { | |
clear: both; | |
} | |
.timeline>li>.timeline-panel { | |
width: 46%; | |
float: left; | |
/* border: 1px solid #d4d4d4; */ | |
border-radius: 5px; | |
position: relative; | |
background: #f8f8f8; | |
overflow: hidden; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.timeline>li>.timeline-panel:before { | |
position: absolute; | |
top: 26px; | |
right: -14px; | |
display: inline-block; | |
border-top: 15px solid transparent; | |
/* border-left: 15px solid #ccc; | |
border-right: 0 solid #ccc; */ | |
border-bottom: 15px solid transparent; | |
content: " "; | |
} | |
.timeline>li>.timeline-panel:after { | |
position: absolute; | |
top: 43%; | |
right: -14px; | |
display: inline-block; | |
border-top: 14px solid transparent; | |
border-left: 14px solid #f5f5f5; | |
border-right: 0 solid #f5f5f5; | |
border-bottom: 14px solid transparent; | |
content: " "; | |
} | |
.timeline>li>.timeline-badge { | |
color: #fff; | |
width: 16px; | |
height: 16px; | |
line-height: 40px; | |
font-size: 1.4em; | |
text-align: center; | |
position: absolute; | |
top: 45%; | |
left: 50%; | |
margin-left: -7px; | |
background-color: #fff; | |
z-index: 100; | |
border-top-right-radius: 50%; | |
border-top-left-radius: 50%; | |
border-bottom-right-radius: 50%; | |
border-bottom-left-radius: 50%; | |
} | |
.timeline>li.timeline-inverted>.timeline-panel { | |
float: right; | |
} | |
.timeline>li.timeline-inverted>.timeline-panel:before { | |
border-left-width: 0; | |
border-right-width: 15px; | |
left: -15px; | |
right: auto; | |
} | |
.timeline>li.timeline-inverted>.timeline-panel:after { | |
border-left-width: 0; | |
border-right-width: 15px; | |
left: -14px; | |
right: auto; | |
} | |
.timeline-badge.primary { | |
background-color: #2e6da4 !important; | |
} | |
.timeline-badge.success { | |
background-color: #3f903f !important; | |
} | |
.timeline-badge.warning { | |
background-color: #f0ad4e !important; | |
} | |
.timeline-badge.danger { | |
background-color: #d9534f !important; | |
} | |
.timeline-badge.info { | |
background-color: #5bc0de !important; | |
} | |
.timeline-title { | |
margin-top: 0; | |
color: inherit; | |
} | |
.timeline-body>p, | |
.timeline-body>ul { | |
margin-bottom: 0; | |
} | |
.timeline-body>p+p { | |
margin-top: 5px; | |
} | |
.timeline-heading img { | |
float: right; | |
position: absolute; | |
top: 30px; | |
right: 30px; | |
} | |
.timeline .timeline-story { | |
position: relative; | |
padding: 40px; | |
} | |
.timeline-inverted .timeline-story { | |
position: relative; | |
padding: 40px; | |
padding-left: 50px; | |
} | |
.timeline .wm { | |
font-size: 200px; | |
position: absolute; | |
bottom: 20px; | |
color: rgba(0, 0, 0, .3); | |
font-weight: bold; | |
width: 100%; | |
text-align: center; | |
} | |
.timeline h5 { | |
background: #bbb; | |
color: #ffffff; | |
padding: 5px 20px 3px 20px; | |
display: inline-block; | |
border-radius: 30px; | |
-moz-border-radius: 30px; | |
-webkit-border-radius: 30px; | |
margin-bottom: 15px; | |
float: right; | |
} | |
.timeline-inverted h5 { | |
float: left; | |
} | |
/* css attributes */ | |
/* margin top */ | |
.mt0 { | |
margin-top: 0; | |
} | |
.mt10 { | |
margin-top: 10px; | |
} | |
.mt20 { | |
margin-top: 20px; | |
} | |
.mt30 { | |
margin-top: 30px; | |
} | |
.mt40 { | |
margin-top: 40px; | |
} | |
.mt50 { | |
margin-top: 50px; | |
} | |
.mt60 { | |
margin-top: 60px; | |
} | |
.mt70 { | |
margin-top: 70px; | |
} | |
.mt80 { | |
margin-top: 80px; | |
} | |
.mt90 { | |
margin-top: 90px; | |
} | |
.mt100 { | |
margin-top: 100px; | |
} | |
/* margin bottom */ | |
.mb0 { | |
margin-bottom: 0; | |
} | |
.mb10 { | |
margin-bottom: 10px; | |
} | |
.mb20 { | |
margin-bottom: 20px; | |
} | |
.mb30 { | |
margin-bottom: 30px; | |
} | |
.mb40 { | |
margin-bottom: 40px; | |
} | |
.mb50 { | |
margin-bottom: 50px; | |
} | |
.mb60 { | |
margin-bottom: 60px; | |
} | |
.mb70 { | |
margin-bottom: 70px; | |
} | |
.mb80 { | |
margin-bottom: 80px; | |
} | |
.mb90 { | |
margin-bottom: 90px; | |
} | |
.mb100 { | |
margin-bottom: 100px; | |
} | |
.mb0 { | |
margin-bottom: 0; | |
} | |
.mb10 { | |
margin-bottom: 10px; | |
} | |
.mb20 { | |
margin-bottom: 20px; | |
} | |
.mb30 { | |
margin-bottom: 30px; | |
} | |
.mb40 { | |
margin-bottom: 40px; | |
} | |
.mb50 { | |
margin-bottom: 50px; | |
} | |
.mb60 { | |
margin-bottom: 60px; | |
} | |
.mb70 { | |
margin-bottom: 70px; | |
} | |
.mb80 { | |
margin-bottom: 80px; | |
} | |
.mb90 { | |
margin-bottom: 90px; | |
} | |
.mb100 { | |
margin-bottom: 100px; | |
} | |
.ml0 { | |
margin-left: 0; | |
} | |
.ml10 { | |
margin-left: 10px; | |
} | |
.ml20 { | |
margin-left: 20px; | |
} | |
.ml30 { | |
margin-left: 30px; | |
} | |
.ml40 { | |
margin-left: 40px; | |
} | |
.ml50 { | |
margin-left: 50px; | |
} | |
.ml60 { | |
margin-left: 60px; | |
} | |
.ml70 { | |
margin-left: 70px; | |
} | |
.ml80 { | |
margin-left: 80px; | |
} | |
.ml90 { | |
margin-left: 90px; | |
} | |
.ml100 { | |
margin-left: 100px; | |
} | |
.mr0 { | |
margin-right: 0; | |
} | |
.mr10 { | |
margin-right: 10px; | |
} | |
.mr20 { | |
margin-right: 20px; | |
} | |
.mr30 { | |
margin-right: 30px; | |
} | |
.mr40 { | |
margin-right: 40px; | |
} | |
.mr50 { | |
margin-right: 50px; | |
} | |
.mr60 { | |
margin-right: 60px; | |
} | |
.mr70 { | |
margin-right: 70px; | |
} | |
.mr80 { | |
margin-right: 80px; | |
} | |
.mr90 { | |
margin-right: 90px; | |
} | |
.mr100 { | |
margin-right: 100px; | |
} | |
.mb-100 { | |
margin-bottom: -100px; | |
} | |
.padding10 { | |
padding: 10px; | |
} | |
.padding20 { | |
padding: 20px; | |
} | |
.padding30 { | |
padding: 30px; | |
} | |
.padding40 { | |
padding: 40px; | |
} | |
.padding50 { | |
padding: 50px; | |
} | |
.padding60 { | |
padding: 60px; | |
} | |
.padding70 { | |
padding: 70px; | |
} | |
.padding80 { | |
padding: 80px; | |
} | |
.padding100 { | |
padding: 100px; | |
} | |
.pt0 { | |
padding-top: 0; | |
} | |
.pt10 { | |
padding-top: 10px; | |
} | |
.pt20 { | |
padding-top: 20px; | |
} | |
.pt30 { | |
padding-top: 30px; | |
} | |
.pt40 { | |
padding-top: 40px; | |
} | |
.pt50 { | |
padding-top: 50px; | |
} | |
.pt60 { | |
padding-top: 60px; | |
} | |
.pt70 { | |
padding-top: 70px; | |
} | |
.pt80 { | |
padding-top: 80px; | |
} | |
.pb0 { | |
padding-bottom: 0; | |
} | |
.pb10 { | |
padding-bottom: 10px; | |
} | |
.pb20 { | |
padding-bottom: 20px; | |
} | |
.pb30 { | |
padding-bottom: 30px; | |
} | |
.pb40 { | |
padding-bottom: 40px; | |
} | |
.pb50 { | |
padding-bottom: 50px; | |
} | |
.pb60 { | |
padding-bottom: 60px; | |
} | |
.pb80 { | |
padding-bottom: 80px; | |
} | |
.pl130 { | |
padding-left: 130px; | |
} | |
.pr20 { | |
padding-right: 20px; | |
} | |
/* margin top */ | |
.mt-10 { | |
margin-top: -10px; | |
} | |
.mt-20 { | |
margin-top: -20px; | |
} | |
.mt-30 { | |
margin-top: -30px; | |
} | |
.mt-40 { | |
margin-top: -40px; | |
} | |
.mt-50 { | |
margin-top: -50px; | |
} | |
.mt-60 { | |
margin-top: -60px; | |
} | |
.mt-70 { | |
margin-top: -70px; | |
} | |
.mt-80 { | |
margin-top: -80px; | |
} | |
.mt-90 { | |
margin-top: -90px; | |
} | |
.mt-100 { | |
margin-top: -100px; | |
} | |
.absolute { | |
position: absolute; | |
z-index: 1; | |
} | |
.relative { | |
position: relative; | |
z-index: 1; | |
} | |
.z1000 { | |
z-index: 1000; | |
} | |
.overflow-hidden { | |
overflow: hidden; | |
} | |
.width100 { | |
width: 100%; | |
} | |
.border1 { | |
border-width: 1px; | |
} | |
.bordertop { | |
border-top: solid 1px #eee; | |
} | |
.borderbottom { | |
border-bottom: solid 1px #eee; | |
} | |
.pos-top { | |
position: relative; | |
z-index: 1000; | |
} | |
/* ================================================== */ | |
/* anim */ | |
/* ================================================== */ | |
header, | |
header *, | |
#purchase-now *, | |
de_tab .de_nav li span, | |
.feature-box-small-icon i, | |
a.btn-line:after, | |
.de_count, | |
.social-icons a i, | |
.de_tab.tab_steps .de_nav li span, | |
.de_tab.tab_steps .de_nav li span:hover, | |
.de-gallery .overlay .icon i, | |
.de-gallery .overlay .icon i:hover, | |
.product img, | |
.product img:hover, | |
.mfp-close, | |
.mfp-close:hover, | |
.pic-hover .bg-overlay, | |
.pic-hover:hover>.bg-overlay, | |
i.btn-action-hide, | |
.pic-hover.hover-scale img, | |
.text-rotate-wrap, | |
.text-rotate-wrap .text-item, | |
.overlay-v, | |
.carousel-item .pf_text .title, | |
.carousel-item:hover .pf_text .title, | |
.carousel-item .pf_text .title .type, | |
.carousel-item:hover .pf_text .title .type, | |
.owl-slider-nav .next, | |
.owl-slider-nav .prev, | |
#back-to-top.show, | |
#back-to-top.hide, | |
.social-icons-sm i, | |
.social-icons-sm i:hover, | |
.overlay-v i, | |
.overlay-v i:hover, | |
.de_tab .de_nav li span, | |
#popup-box.popup-show, | |
#popup-box.popup-hide, | |
.form-underline input[type=text], | |
.form-underline textarea, | |
.form-underline input[type=email], | |
.form-underline select, | |
.btn-rsvp, | |
.btn-close, | |
.btn-custom, | |
.overlay-v span, | |
.de_tab.tab_style_4 .de_nav li, | |
.form-subscribe input[type=text], | |
#mainmenu a span, | |
#mainmenu a.active span, | |
.feature-box .inner, | |
.feature-box:hover .inner, | |
.feature-box .inner i, | |
.feature-box:hover .inner i, | |
.error_input, | |
.de_tab.tab_steps.style-2 .de_nav li.active .arrow, | |
.owl-item.active.center div blockquote, | |
.mask *, | |
.mask .cover, | |
.mask:hover .cover, | |
.mask img, | |
.mask:hover img, | |
.accordion .content, | |
a.btn-border, | |
.f_box span, | |
.f_box img, | |
.f_box.s2:hover img, | |
.mask .cover p, | |
.feature-box-type-1:hover i, | |
.feature-box-type-2 i, | |
#contact_form input, | |
#form_subscribe input[type=text], | |
.table-pricing tbody tr, | |
#selector .dark-mode, | |
#selector .dark-mode:hover, | |
.feature-box.f-boxed, | |
.feature-box.f-boxed:hover, | |
.fp-wrap, | |
.fp-wrap div, | |
.fp-wrap img, | |
.feature-box-type-2, | |
.feature-box.style-3 i, | |
.feature-box.style-3 h4, | |
.logo-carousel img, | |
.f-box, | |
.f-box *, | |
.fp-wrap *, | |
.d-gallery-item *, | |
.de-box-image *, | |
.de-image-hover *, | |
#selector *, | |
a.a-underline *, | |
.de_testi.opt-2 *, | |
#selector .opt:after { | |
-o-transition: .7s; | |
-ms-transition: .7s; | |
-moz-transition: .7s; | |
-webkit-transition: .7s; | |
transition: .7s; | |
outline: none; | |
} | |
a.btn-fx:after, | |
a.btn-fx:hover:after, | |
a.btn-fx:before, | |
a.btn-fx:hover:before, | |
#mainmenu li, | |
#mainmenu li ul, | |
.widget-post li .post-date { | |
-o-transition: .2s ease; | |
-ms-transition: .2s ease; | |
-moz-transition: .2s ease; | |
-webkit-transition: .2s ease; | |
transition: .2s ease; | |
outline: none; | |
} | |
.feature-box:hover i.wm { | |
-o-transition: 2s ease; | |
-ms-transition: 2s ease; | |
-moz-transition: 2s ease; | |
-webkit-transition: 2s ease; | |
transition: 2s ease; | |
outline: none; | |
} | |
@-webkit-keyframes scaleIn { | |
from { | |
opacity: 1; | |
-webkit-transform: scale3d(1.5, 1.5, 1.5); | |
transform: scale3d(1.5, 1.5, 1.5); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale3d(var(--primary-color-rgb)); | |
transform: scale3d(var(--primary-color-rgb)); | |
} | |
} | |
@keyframes scaleIn { | |
from { | |
opacity: 1; | |
-webkit-transform: scale3d(1.5, 1.5, 1.5); | |
transform: scale3d(1.5, 1.5, 1.5); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale3d(var(--primary-color-rgb)); | |
transform: scale3d(var(--primary-color-rgb)); | |
} | |
} | |
.scaleIn { | |
-webkit-animation-name: scaleIn; | |
animation-name: scaleIn; | |
} | |
@-webkit-keyframes scaleInFade { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(1.5, 1.5, 1.5); | |
transform: scale3d(1.5, 1.5, 1.5); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale3d(var(--primary-color-rgb)); | |
transform: scale3d(var(--primary-color-rgb)); | |
} | |
} | |
@keyframes scaleInFade { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(1.5, 1.5, 1.5); | |
transform: scale3d(1.5, 1.5, 1.5); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale3d(var(--primary-color-rgb)); | |
transform: scale3d(var(--primary-color-rgb)); | |
} | |
} | |
.scaleInFade { | |
-webkit-animation-name: scaleInFade; | |
animation-name: scaleInFade; | |
} | |
@-webkit-keyframes scaleOutFade { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.75, .75, .75); | |
transform: scale3d(.75, .75, .75); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale3d(var(--primary-color-rgb)); | |
transform: scale3d(var(--primary-color-rgb)); | |
} | |
} | |
@keyframes scaleOutFade { | |
from { | |
opacity: 0; | |
-webkit-transform: scale3d(.75, .75, .75); | |
transform: scale3d(.75, .75, .75); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale3d(var(--primary-color-rgb)); | |
transform: scale3d(var(--primary-color-rgb)); | |
} | |
} | |
.scaleOutFade { | |
-webkit-animation-name: scaleOutFade; | |
animation-name: scaleOutFade; | |
} | |
@-webkit-keyframes widthInFade { | |
from { | |
opacity: 0; | |
width: 1px; | |
} | |
100% { | |
opacity: 1; | |
width: 100px; | |
} | |
} | |
@keyframes widthInFade { | |
from { | |
opacity: 0; | |
width: 1px; | |
} | |
100% { | |
opacity: 1; | |
width: 100px; | |
} | |
} | |
.widthInFade { | |
-webkit-animation-name: widthInFade; | |
animation-name: widthInFade; | |
} | |
/* ================================================== */ | |
/* video */ | |
/* ================================================== */ | |
video, | |
object { | |
display: inline-block; | |
vertical-align: baseline; | |
min-width: 100%; | |
min-height: 100%; | |
} | |
.de-video-container { | |
top: 0%; | |
left: 0%; | |
height: 500px; | |
width: 100%; | |
overflow: hidden; | |
} | |
.de-video-content { | |
width: 100%; | |
position: absolute; | |
z-index: 10; | |
} | |
.de-video-overlay { | |
position: absolute; | |
width: 100%; | |
min-height: 100%; | |
background: rgba(20, 20, 20, .5); | |
} | |
.de-video-overlay.dotted { | |
background: url(../images_02/dotted.png); | |
} | |
.video-fixed { | |
width: 100%; | |
position: fixed; | |
top: 0; | |
} | |
/* youtube, vimeo */ | |
.video-container { | |
position: relative; | |
padding-bottom: 56.25%; | |
padding-top: 30px; | |
height: 0; | |
overflow: hidden; | |
} | |
.video-container iframe, | |
.video-container object, | |
.video-container embed { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} | |
.de-video-container .btn-line:hover:after, | |
.de-video-container a.btn-line:hover:after, | |
.de-video-container a.btn-line.hover:after { | |
color: #eceff3; | |
} | |
/* ================================================== */ | |
/* map */ | |
/* ================================================== */ | |
/* --------------- map --------------- */ | |
#map { | |
width: 100%; | |
height: 500px; | |
} | |
.map iframe { | |
width: 100%; | |
border: solid 1px #ccc; | |
padding: 2px; | |
background: #fff; | |
} | |
.map-container { | |
width: 100%; | |
height: 380px; | |
overflow: hidden; | |
} | |
.map-container iframe { | |
width: 100%; | |
} | |
/* ================================================== */ | |
/* 1A1C26 to action */ | |
/* ================================================== */ | |
.call-to-action-box { | |
background: #f6f6f6; | |
border: solid 1px #ddd; | |
background: rgb(255, 255, 255); | |
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1))); | |
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); | |
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); | |
background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); | |
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); | |
} | |
.call-to-action-box { | |
background: #27282B; | |
border: solid 1px #202220; | |
} | |
.call-to-action-box .inner { | |
padding: 20px 20px 20px 20px; | |
} | |
.call-to-action-box .text { | |
margin-right: 20px; | |
float: left; | |
} | |
.call-to-action-box .act { | |
float: right; | |
} | |
.call-to-action-box h4 { | |
margin: 0; | |
margin-top: 10px; | |
} | |
.call-to-action-box .btn { | |
color: #eceff3; | |
} | |
.call-to-action-box { | |
background: #202220; | |
color: #eceff3; | |
} | |
.call-to-action-boxh4 { | |
color: #eceff3; | |
} | |
/* ================================================== */ | |
/* overide bootstrap */ | |
/* ================================================== */ | |
.nav-pills .nav-link{ | |
border-radius: 5px; | |
} | |
.tab-default .tab-content { | |
margin-top: 20px; | |
} | |
.container-fluid { | |
padding: 0px; | |
margin: 0px; | |
} | |
.btn-primary { | |
text-shadow: none; | |
border: none; | |
} | |
.btn.btn-primary:hover { | |
background: #555; | |
} | |
.img-responsive { | |
display: inline-block; | |
} | |
.img-shadow { | |
-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); | |
box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); | |
} | |
img.img-auto { | |
width: auto; | |
height: auto; | |
} | |
img.img-rounded { | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.box-rounded { | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.img-profile { | |
border: solid 3px #fff; | |
} | |
.profile-sm{ | |
display: inline-block; | |
width:80px; | |
text-align: center; | |
margin-right: 20px; | |
} | |
.profile-sm img{ | |
width: 100%; | |
border-radius: 100%; | |
margin-bottom: 10px; | |
padding:6px; | |
border:solid 1px #555555; | |
} | |
.profile-sm h6{ | |
font-size:12px; | |
} | |
.label { | |
font-family: "Cabin", Arial, Helvetica, sans-serif; | |
} | |
table thead { | |
font-weight: bold; | |
} | |
p.lead { | |
font-size: 16px; | |
line-height: 1.7em; | |
margin-top: 0; | |
font-weight: 400; | |
} | |
p.sub { | |
font-size: 14px; | |
} | |
.panel-group { | |
opacity: .8; | |
} | |
.panel-heading, | |
.panel-body { | |
background: #27282B; | |
border: solid 1px #202220; | |
border-radius: 0; | |
} | |
.panel-body { | |
border-top: none; | |
} | |
.progress { | |
background: #27282B; | |
} | |
.panel-heading h4 a { | |
display: block; | |
} | |
.panel-heading h4 a:hover { | |
color: #eceff3; | |
} | |
.panel-default, | |
.panel-collapse, | |
.panel-collapse, | |
.panel-group .panel { | |
border: none; | |
border-radius: 0; | |
} | |
.panel-heading { | |
background: #222; | |
} | |
.table-bordered, | |
.table-bordered td { | |
border: solid 1px #202220; | |
} | |
blockquote { | |
font-family: "Cabin"; | |
font-size: 24px; | |
font-style: normal; | |
font-weight: 500; | |
line-height: 1.4em; | |
border: none; | |
border-left: solid 3px #333333; | |
padding-left: 30px; | |
color: #2A2E37; | |
} | |
blockquote span { | |
font-family: "Cabin"; | |
display: block; | |
font-size: 14px; | |
font-style: normal; | |
font-weight: normal; | |
margin-top: 20px; | |
} | |
blockquote.s2 { | |
border: none; | |
text-align: left; | |
background: #f2f2f2; | |
padding: 30px 30px 30px 60px; | |
margin-top: 20px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
blockquote.s2:before { | |
font-family: "FontAwesome"; | |
content: "\f10e"; | |
font-style: normal; | |
position: absolute; | |
margin-left: -30px; | |
} | |
blockquote.s1 { | |
padding: 0px; | |
} | |
blockquote.s1:before { | |
font-family: "FontAwesome"; | |
content: "\f10d"; | |
display: block; | |
color: rgba(0, 0, 0, .1); | |
z-index: -1; | |
font-size: 40px; | |
top: 0; | |
left: 0; | |
} | |
.collapsible-link::before { | |
content: ''; | |
width: 14px; | |
height: 2px; | |
background: #333; | |
position: absolute; | |
top: calc(50% - 1px); | |
right: 1rem; | |
display: block; | |
transition: all 0.3s; | |
} | |
/* Vertical line */ | |
.collapsible-link::after { | |
content: ''; | |
width: 2px; | |
height: 14px; | |
background: #333; | |
position: absolute; | |
top: calc(50% - 7px); | |
right: calc(1rem + 6px); | |
display: block; | |
transition: all 0.3s; | |
} | |
.text-light .collapsible-link:before, | |
.text-light .collapsible-link:after { | |
background: #ffffff; | |
} | |
.rtl .collapsible-link::before { | |
right: auto; | |
left: 0px; | |
} | |
.rtl .collapsible-link::after { | |
right: auto; | |
left: 6px; | |
} | |
.rtl .rtl-show { | |
display: block | |
} | |
.rtl .rtl-hide { | |
display: none; | |
} | |
.collapsible-link[aria-expanded='true']::after { | |
transform: rotate(90deg) translateX(-1px); | |
} | |
.collapsible-link[aria-expanded='true']::before { | |
transform: rotate(180deg); | |
} | |
.collapsible-link.text-white { | |
color: #ffffff; | |
} | |
.collapsible-link.text-white::after, | |
.collapsible-link.text-white::before { | |
background: #ffffff; | |
} | |
.card h6 { | |
font-weight: 500; | |
} | |
.card-header.text-light h6 { | |
color: #ffffff; | |
} | |
.accordion-style-1 { | |
overflow: visible; | |
} | |
.accordion-style-1 .card { | |
margin-bottom: 20px; | |
border: none; | |
-webkit-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); | |
box-shadow: 8px 8px 50px 0px rgba(0, 0, 0, 0.1); | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
overflow: hidden; | |
} | |
.phone-num-big i { | |
font-size: 48px; | |
display: block; | |
} | |
.pnb-text { | |
display: block; | |
font-size: 12px; | |
font-weight: bold; | |
text-transform: uppercase; | |
letter-spacing: 5px; | |
} | |
.pnb-num { | |
display: block; | |
font-size: 36px; | |
font-weight: bold; | |
margin: 10px 0 20px 0; | |
} | |
/* ======================================== */ | |
/* toggle */ | |
/* ======================================== */ | |
.toggle-list { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.toggle-list li { | |
margin-bottom: 10px; | |
background: #fff; | |
border: solid 1px #ddd; | |
border-bottom: solid 3px #ddd; | |
} | |
.toggle-list li h2 { | |
-moz-user-select: none; | |
-html-user-select: none; | |
user-select: none; | |
color: #555; | |
font-size: 16px; | |
line-height: 20px; | |
font-family: "Cabin", Arial, Helvetica, sans-serifr; | |
padding: 10px 20px 0px 60px; | |
font-weight: 700; | |
display: block; | |
letter-spacing: normal; | |
} | |
.toggle-list li .acc_active:hover { | |
color: #777; | |
background: url(../images_02/icon-slide-plus.png) 20px center no-repeat; | |
padding-left: 80px; | |
-o-transition: .5s; | |
-ms-transition: .5s; | |
-moz-transition: .5s; | |
-webkit-transition: .5s; | |
transition: .5s; | |
} | |
.toggle-list li .acc_noactive:hover { | |
color: #777; | |
background: url(../images_02/icon-slide-min.png) 20px center no-repeat; | |
-o-transition: .5s; | |
-ms-transition: .5s; | |
-moz-transition: .5s; | |
-webkit-transition: .5s; | |
transition: .5s; | |
} | |
.toggle-list .ac-content { | |
display: none; | |
padding: 20px; | |
border-top: solid 1px #e5e5e5; | |
} | |
.acc_active { | |
background: url(../images_02/icon-slide-plus.png) 20px center no-repeat; | |
-o-transition: .5s; | |
-ms-transition: .5s; | |
-moz-transition: .5s; | |
-webkit-transition: .5s; | |
transition: .5s; | |
height: 32px; | |
} | |
.acc_noactive { | |
background: url(../images_02/icon-slide-min.png) 20px center no-repeat; | |
} | |
/* ================================================== */ | |
/* image position */ | |
/* ================================================== */ | |
.img-left { | |
float: left; | |
margin: 5px 15px 15px 0; | |
} | |
.img-right { | |
float: right; | |
margin: 5px 0 15px 15px; | |
} | |
/* ================================================== */ | |
/* flickr */ | |
/* ================================================== */ | |
#flickr-photo-stream img { | |
width: 48px; | |
height: auto; | |
margin: 0 12px 12px 0; | |
float: left; | |
} | |
#flickr-photo-stream a img { | |
border: solid 2px #fff; | |
} | |
#flickr-photo-stream a:hover img { | |
border: solid 2px #777777; | |
} | |
hr { | |
border-top: solid 1px #555; | |
} | |
hr.blank { | |
border: none; | |
margin: 20px 0 20px 0; | |
} | |
/* ================================================== */ | |
/* font awesome icons */ | |
/* ================================================== */ | |
i { | |
display: inline-block; | |
} | |
i.large { | |
font-size: 72px; | |
text-align: center; | |
display: inline-block; | |
float: none; | |
} | |
i.medium { | |
font-size: 20px; | |
padding: 10px; | |
text-align: center; | |
display: inline-block; | |
float: none; | |
} | |
i.small { | |
font-size: 12px; | |
padding: 4px; | |
text-align: center; | |
display: inline-block; | |
float: none; | |
} | |
i.circle-icon { | |
border-radius: 75px; | |
-moz-border-radius: 75px; | |
-webkit-border-radius: 75px; | |
} | |
.fa-android { | |
color: #469159; | |
} | |
.fa-apple { | |
color: #0EC3F7; | |
} | |
/* extra ^ */ | |
.de_center p { | |
width: 100%; | |
} | |
.de_center .de_icon { | |
float: none; | |
margin: 0 auto; | |
} | |
/* ================================================== */ | |
/* transition */ | |
/* ================================================== */ | |
a, | |
a:hover, | |
.test-column, | |
.test-column:hover { | |
-o-transition: .3s; | |
-ms-transition: .3s; | |
-moz-transition: .3s; | |
-webkit-transition: .3s; | |
transition: .3s; | |
} | |
.de_contact_info { | |
font-size: 40px; | |
font-weight: bold; | |
} | |
.de_contact_info i { | |
float: none; | |
margin-right: 20px; | |
} | |
.center-div { | |
margin: 0 auto; | |
} | |
/* ================================================== */ | |
/* gallery */ | |
/* ================================================== */ | |
#gallery-carousel .item { | |
text-align: center; | |
font-size: 12px; | |
width: 100%; | |
cursor: e-resize; | |
} | |
.de_carousel .item { | |
width: 100%; | |
display: block; | |
} | |
#gallery-carousel .item img { | |
width: 100%; | |
height: auto; | |
} | |
#gallery-carousel .item h4 { | |
margin-bottom: 0; | |
font-size: 14px; | |
} | |
.carousel-item { | |
width: 100%; | |
} | |
.carousel-item img { | |
width: 100%; | |
height: auto; | |
} | |
.p-carousel-thumb .owl-item{ | |
cursor: pointer; | |
} | |
.p-carousel-thumb .owl-item:hover{ | |
opacity: .8; | |
} | |
.overlay-v { | |
text-align: center; | |
width: 100px; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
overflow: hidden; | |
} | |
.overlay-v i { | |
background: #333; | |
padding: 10px; | |
width: 48px; | |
height: 48px; | |
font-weight: normal; | |
font-size: 32px; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
margin-top: 100%; | |
color: #222; | |
opacity: 0; | |
} | |
.overlay-v:hover i { | |
margin-top: 25%; | |
opacity: 1; | |
} | |
.overlay-v span { | |
background: #1A1C26; | |
padding: 40px; | |
width: 100%; | |
height: 100%; | |
font-weight: normal; | |
margin-top: 100%; | |
color: #222; | |
opacity: 0; | |
position: absolute; | |
left: 0; | |
} | |
.overlay-v:hover span { | |
margin-top: 0px; | |
opacity: .9; | |
} | |
.carousel-item .pf_text .title { | |
display: block; | |
position: absolute; | |
width: 100%; | |
top: 80%; | |
font-size: 20px; | |
font-weight: 700; | |
height: 0; | |
color: rgba(255, 255, 255, 0); | |
letter-spacing: 0; | |
} | |
.overlay-v:hover { | |
background: rgba(30, 30, 30, .5); | |
} | |
.carousel-item:hover .pf_text .title { | |
color: rgba(255, 255, 255, 1); | |
top: 75%; | |
} | |
.carousel-item .pf_text .title .type { | |
display: block; | |
color: rgba(255, 255, 255, 0); | |
font-size: 12px; | |
font-weight: 400; | |
} | |
.carousel-item:hover .pf_text .title .type { | |
color: rgba(255, 255, 255, 1); | |
} | |
.pf_text { | |
color: #eceff3; | |
letter-spacing: 5px; | |
} | |
.pf_text h4 { | |
color: #eceff3; | |
margin-bottom: 0; | |
font-size: 14px; | |
} | |
.project-info { | |
color: #ccc; | |
margin-left: 20px; | |
} | |
.de_light .project-info { | |
color: #2a2e37; | |
} | |
.project-info h2 { | |
margin-top: 0; | |
font-size: 18px; | |
letter-spacing: 3px; | |
text-transform: uppercase; | |
} | |
.project-info h4 { | |
font-weight: bold; | |
} | |
.project-info .details { | |
padding: 20px; | |
border: solid 1px rgba(255, 255, 255, .2); | |
background: rgba(0, 0, 0, .5); | |
margin-bottom: 30px; | |
} | |
.de_light .project-info .details { | |
background: #eee; | |
border-color: #ddd; | |
} | |
.project-infoproject-info span { | |
display: block; | |
} | |
.project-info span.title { | |
display: inline-block; | |
min-width: 80px; | |
} | |
.project-info span.val { | |
margin-bottom: 15px; | |
font-weight: bold; | |
} | |
.project-view { | |
padding: 120px 0 80px 0; | |
} | |
.project-images img { | |
width: 100%; | |
} | |
.picframe { | |
position: relative; | |
overflow: hidden; | |
} | |
.picframe img { | |
width: 100%; | |
} | |
#btn-close-x { | |
width: 100px; | |
height: 100px; | |
display: block; | |
background: url(../images_02/close.png) center no-repeat; | |
margin: 0 auto; | |
margin-bottom: 80px; | |
cursor: pointer; | |
padding: 20px; | |
} | |
#btn-close-x { | |
background: url(../images_02/close-2.png) center no-repeat; | |
} | |
.project-name { | |
font-size: 12px; | |
font-weight: bold; | |
display: block; | |
} | |
.info-details .info-text { | |
margin-bottom: 20px; | |
} | |
.info-details .title { | |
display: block; | |
font-weight: bold; | |
} | |
span.overlay { | |
font-family: "Cabin"; | |
text-align: center; | |
display: block; | |
width: 100px; | |
background: rgba(var(--primary-color-rgb), .8); | |
position: absolute; | |
opacity: .75; | |
z-index: 500; | |
} | |
span.icon { | |
cursor: pointer; | |
} | |
.f_box { | |
display: block; | |
position: relative; | |
float: left; | |
font-size: 16px; | |
overflow: hidden; | |
z-index: 1; | |
} | |
.f_box:hover .f_bg { | |
opacity: .3; | |
} | |
.grid-item .f_box img { | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
-ms-filter: grayscale(100%); | |
filter: grayscale(100%); | |
opacity: .8; | |
} | |
.f_box:hover img { | |
-webkit-filter: grayscale(0%); | |
-moz-filter: grayscale(0%); | |
-o-filter: grayscale(0%); | |
-ms-filter: grayscale(0%); | |
filter: grayscale(0%); | |
transform: scale(1.2); | |
opacity: 1; | |
} | |
.f_box .f_bg { | |
background: #2A2E37; | |
display: block; | |
position: absolute; | |
z-index: 1; | |
width: 100%; | |
height: 100%; | |
opacity: .5; | |
} | |
.f_box .f_bg.s1 { | |
opacity: 0; | |
} | |
.f_box:hover .f_bg.s1 { | |
opacity: .2; | |
} | |
.f_box .f_cap_wrap { | |
display: table; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
color: #fff; | |
z-index: 2; | |
text-align: center; | |
font-weight: bold; | |
} | |
.f_box .f_cap_wrap .f_cap { | |
vertical-align: middle; | |
display: table-cell; | |
} | |
.f_box:hover .f_cap { | |
transform: scale(1.05); | |
} | |
.f_box .f_text { | |
height: 0; | |
overflow: hidden; | |
font-family: Helvetica, Arial; | |
font-weight: normal; | |
display: inline-block; | |
width: 70%; | |
font-size: 14px; | |
} | |
.f_box:hover .f_text { | |
height: auto; | |
} | |
.f_box img { | |
width: 100%; | |
} | |
.f_box.s2:hover .f_bg { | |
opacity: .4; | |
} | |
.f_box.s2 .f_bg { | |
opacity: 0; | |
} | |
.f_box.s2:hover img { | |
transform: scale(1.2); | |
} | |
.f_box.s2 { | |
position: static; | |
} | |
.f_box.s2 .f_cap_wrap { | |
opacity: 0; | |
} | |
.f_box.s2:hover .f_cap_wrap { | |
opacity: 1; | |
margin-top: 0; | |
} | |
.f_box .f_cap h1, | |
.f_box .f_cap h4 { | |
color: #ffffff; | |
} | |
.f_box.s2 .f_cap { | |
font-size: 20px; | |
transform: scale(1.2); | |
} | |
.f_box.s2:hover .f_cap { | |
transform: scale(1); | |
} | |
h2 { | |
display: inline-block; | |
overflow: hidden; | |
position: relative; | |
left: 0; | |
right: 0 | |
} | |
h2 span.underline { | |
display: block; | |
width: 0; | |
height: 2px; | |
background: #ffffff; | |
position: relative; | |
left: 0; | |
} | |
.f_box:hover h2 span.underline { | |
width: 100%; | |
} | |
.overlay .info-area { | |
display: block; | |
margin-top: 10%; | |
} | |
.overlay .sb-icons { | |
display: block; | |
margin-top: 200px; | |
} | |
.de-gallery .overlay { | |
text-align: center; | |
} | |
.de-gallery .overlay .pf_text { | |
display: inline-block; | |
opacity: 0; | |
} | |
.de-gallery .project-name { | |
font-size: 16px; | |
letter-spacing: 0; | |
} | |
.de-gallery .overlay .icon { | |
display: inline-block; | |
margin-top: 200px; | |
text-align: center; | |
} | |
.de-gallery .overlay .icon i { | |
text-shadow: none; | |
color: #fff; | |
border: solid 1px rgba(255, 255, 255, .1); | |
font-size: 22px; | |
padding: 20px; | |
width: 60px; | |
height: 60px; | |
text-align: center; | |
margin-left: 10px; | |
} | |
.de-gallery .overlay .icon i.icon-info { | |
margin-left: 0px; | |
} | |
.de-gallery .overlay .icon i:hover { | |
color: #222; | |
background: #fff; | |
} | |
.grid_gallery .item { | |
margin-bottom: 30px; | |
} | |
a.img-icon-url, | |
a.img-icon-zoom { | |
display: inline-block; | |
width: 36px; | |
height: 36px; | |
background: url(../images_02/icon-url.png) center no-repeat; | |
margin: 0 auto; | |
margin: 0 2px 0 2px; | |
} | |
a.img-icon-zoom { | |
background: url(../images_02/icon-zoom.png) center no-repeat; | |
} | |
.pf_full_width { | |
width: 100%; | |
} | |
.pf_full_width .item { | |
float: left; | |
width: 24.99%; | |
} | |
.pf_4_cols { | |
width: 101%; | |
} | |
.pf_full_width.pf_3_cols .item { | |
width: 33.3%; | |
} | |
.pf_full_width.pf_2_cols .item { | |
width: 49.9%; | |
} | |
.gallery_border {} | |
.pf_full_width.gallery_border .item, | |
.pf_full_width.gallery_border.pf_2_cols .item, | |
.pf_full_width.gallery_border.pf_3_cols .item { | |
float: left; | |
width: 23.9%; | |
margin-right: 1%; | |
margin-bottom: 1%; | |
} | |
.pf_full_width.gallery_border.pf_3_cols .item { | |
width: 32.3%; | |
} | |
.pf_full_width.gallery_border.pf_2_cols .item { | |
width: 48.9%; | |
} | |
.pf_full_width img { | |
float: left; | |
width: 100%; | |
} | |
.pf_full_width.grid { | |
padding: .75%; | |
padding-bottom: 0; | |
} | |
.pf_full_width.grid .item { | |
margin: 0 .75% .75% 0; | |
width: 32%; | |
} | |
.pf_full_width.grid.pf_4_cols .item { | |
margin: 0 .75% .75% 0; | |
width: 23.9%; | |
} | |
.pf_full_width.grid.pf_2_cols .item { | |
margin: 0 .75% .75% 0; | |
width: 48.5%; | |
} | |
.gallery-cols .item { | |
margin-bottom: 30px; | |
} | |
.pic-grey { | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
-ms-filter: grayscale(100%); | |
filter: grayscale(100%); | |
} | |
/* ---- grid ---- */ | |
.grid { | |
width: 100%; | |
} | |
margin:5px; | |
} | |
/* clear fix */ | |
.grid:after { | |
content: ''; | |
display: block; | |
clear: both; | |
} | |
/* ---- .element-item ---- */ | |
/* 5 columns, percentage width */ | |
.grid-sizer { | |
width: 5%; | |
} | |
.grid-item { | |
position: relative; | |
float: left; | |
border: none; | |
overflow: hidden; | |
margin: 0; | |
padding: 0; | |
} | |
/* ================================================== */ | |
/* widget */ | |
/* ================================================== */ | |
#sidebar { | |
padding-left: 30px; | |
} | |
#sidebar.post-left { | |
padding-left: 0px; | |
padding-right: 30px; | |
} | |
.widget { | |
margin-bottom: 30px; | |
padding-bottom: 30px; | |
} | |
.widget h4 { | |
font-size: 18px; | |
margin-top: 0; | |
letter-spacing: normal; | |
} | |
.widget ul { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.widget .small-border { | |
height: 2px; | |
width: 30px; | |
background: #fff; | |
margin: 0px 0 20px 0; | |
display: block; | |
} | |
.widget_category li { | |
padding: 8px 20px 8px 20px; | |
margin-bottom: 8px; | |
background: #111; | |
} | |
.widget_category li:before { | |
font-family: "FontAwesome"; | |
content: "\f07b"; | |
margin-right: 10px; | |
} | |
.de_light .widget_category li { | |
background: none; | |
border: solid 1px #eee; | |
} | |
.widget_category li a { | |
color: #2a2e37; | |
} | |
.widget_recent_post li { | |
padding-left: 20px; | |
background: url(../images_02/list-arrow.png) left 2px no-repeat; | |
border-bottom: solid 1px #222; | |
padding-bottom: 7px; | |
margin-bottom: 5px; | |
} | |
.widget_recent_post li a { | |
color: #555; | |
} | |
.widget-post li { | |
padding-bottom: 8px; | |
margin-bottom: 8px; | |
min-height: 70px; | |
font-size: 18px; | |
display: flex; | |
align-items: center; | |
} | |
.widget-post li a { | |
padding-left: 70px; | |
display: block; | |
text-decoration: none; | |
color: #2A2E37; | |
} | |
.widget-post .post-date { | |
position: absolute; | |
color: #222; | |
margin-right: 10px; | |
text-align: center; | |
width: 50px; | |
font-size: 10px; | |
text-transform: uppercase; | |
} | |
.widget-post li:hover>.post-date { | |
background: #222; | |
color: #fff; | |
} | |
.widget-post .date { | |
background: #333; | |
color: #fff; | |
display: inline-block; | |
padding: 0px 5px 0px 5px; | |
float: left; | |
font-size: 12px; | |
} | |
.widget .comments li { | |
padding-left: 20px; | |
background: url(../images_02/list-arrow.png) left 2px no-repeat; | |
border-bottom: solid 1px #eee; | |
padding-bottom: 7px; | |
margin-bottom: 5px; | |
} | |
.widget .tiny-border { | |
width: 100%; | |
background: rgba(255, 255, 255, .1); | |
} | |
.footer-light .widget .tiny-border { | |
background: rgba(0, 0, 0, .1); | |
} | |
.widget_tags li { | |
text-shadow: none; | |
display: inline-block; | |
margin-right: 3px; | |
margin-bottom: 5px; | |
} | |
.widget_tags li a { | |
font-size: 12px; | |
text-decoration: none; | |
margin-bottom: 5px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
color: #fff !important; | |
padding: 7px 10px 7px 10px; | |
} | |
.de_light .widget_tags li a { | |
color: #2a2e37; | |
border: solid 1px rgba(0, 0, 0, .2); | |
} | |
.widget_tags li a:hover { | |
color: #555; | |
border-color: #555; | |
} | |
.de_light .widget_tags li a:hover { | |
color: #111; | |
border-color: #111; | |
} | |
.widget_top_rated_product ul { | |
padding: 0; | |
} | |
.widget_top_rated_product li { | |
min-height: 80px; | |
} | |
.widget_top_rated_product li .text { | |
padding-top: 5px; | |
padding-left: 75px; | |
} | |
.widget_top_rated_product li img { | |
position: absolute; | |
width: 60px; | |
height: 60px; | |
} | |
.widget_tags li a { | |
border-color: #555; | |
} | |
.widget_tags li a:hover border-color: #eceff3; | |
} | |
footer .widget { | |
border: none; | |
margin-bottom: 0; | |
} | |
.widget_tags ul { | |
margin-top: 30px; | |
} | |
footer .widget.widget_tags li a { | |
border-color: #222; | |
} | |
footer .widget_recent_post li { | |
padding: 0 0 10px 0; | |
margin: 0; | |
margin-bottom: 10px; | |
background: none; | |
border-bottom-color: rgba(255, 255, 255, .1); | |
} | |
footer .widget_recent_post li a { | |
color: #ccc; | |
} | |
footer .widget h5 { | |
margin-bottom: 20px; | |
} | |
footer .widget_list li { | |
padding: 0 0 10px 0; | |
margin: 0; | |
margin-bottom: 10px; | |
background: none; | |
border-bottom-color: rgba(255, 255, 255, .1); | |
} | |
footer .widget_list li a { | |
color: #ccc; | |
} | |
footer .tiny-border span { | |
background: #ffffff; | |
display: block; | |
height: 1px; | |
width: 30px; | |
} | |
.side-layout header { | |
width: 20%; | |
height: 100%; | |
background: #222; | |
position: fixed; | |
padding: 30px; | |
top: 0; | |
} | |
.side-layout header.header-light { | |
background: #fff; | |
border-right: solid 1px #eee; | |
} | |
.side-layout #content { | |
width: 80%; | |
float: right; | |
} | |
.side-layout footer { | |
width: 80%; | |
float: right; | |
} | |
.side-layout .container { | |
width: 90%; | |
} | |
.side-layout section { | |
width: 100%; | |
float: right; | |
} | |
.side-layout header .info { | |
display: none; | |
} | |
.side-layout #mainmenu { | |
padding: 0; | |
margin-top: 40px; | |
} | |
.side-layout #mainmenu>li { | |
display: block; | |
width: 100%; | |
border-bottom: solid 1px rgba(255, 255, 255, .1); | |
margin-bottom: 5px; | |
padding-bottom: 5px; | |
} | |
.side-layout header.smaller #mainmenu>li { | |
border-bottom: solid 1px rgba(0, 0, 0, .1); | |
} | |
.side-layout header.smaller { | |
border-right: solid 1px #f6f6f6; | |
} | |
.side-layout header.header-dark.smaller { | |
border-right: none; | |
} | |
.side-layout #mainmenu>li:last-child { | |
border-bottom: none; | |
} | |
.side-layout #mainmenu>li>a { | |
padding: 0; | |
margin: 0; | |
} | |
.side-layout #mainmenu>li>a span { | |
display: none; | |
} | |
.side-layout #mainmenu>li>ul { | |
top: 0; | |
margin-left: 120%; | |
} | |
.side-layout #mainmenu li ul { | |
border: solid 1px #888; | |
} | |
.side-layout header div#logo { | |
display: block; | |
float: none; | |
text-align: center; | |
} | |
.side-layout header div#logo img { | |
width: 100%; | |
} | |
.side-layout #subheader { | |
width: 80%; | |
float: right; | |
text-align: left; | |
} | |
.side-layout #subheader h1 { | |
margin-top: 0; | |
font-size: 24px; | |
} | |
.side-layout #subheader .small-border-deco span { | |
margin: 0; | |
} | |
.side-layout.side-custom-bg header { | |
background: url(../images/background/bg-header.jpg) top left; | |
background-size: cover; | |
} | |
/* ================================================== */ | |
/* misc */ | |
/* ================================================== */ | |
.de-flex { | |
display: flex; | |
justify-content: space-between; | |
} | |
.de-flex>.de-flex-col { | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
} | |
.v-center { | |
min-height: 100%; | |
min-height: 100vh; | |
display: flex; | |
align-items: center; | |
} | |
.text-light .card { | |
color: #ffffff; | |
background: rgba(0, 0, 0, .1); | |
} | |
#owl-logo .d-item{ | |
padding:40px; | |
} | |
.dark-mode .accordion-section-title, | |
.dark-mode .pricing-s2 .top .price, | |
.dark-mode .owl-item.active.center div blockquote, | |
.dark-mode .owl-item.active.center div blockquote .de_testi_by, | |
.dark-mode .de_table:not(.no-heading) .tr:first-child, | |
.dark-mode .de_table:not(.no-heading) .tr, | |
.dark-mode .box-highlight .content, | |
.dark-mode .box-highlight .content strong, | |
.dark-mode .pricing-s1 .bottom ul li { | |
color: #ffffff; | |
} | |
body.dark-mode, | |
.dark-mode #content, | |
.dark-mode section:not(.bg-gradient-to-right):not(.bg-color):not(.bgcolor-variation), | |
.dark-mode .box-highlight .content, | |
.dark-mode .pricing-s1 .bottom ul li { | |
background: var(--dark-mode-color); | |
} | |
.dark-mode .pricing-s2, | |
.dark-mode .feature-box-type-1, | |
.dark-mode .feature-box-type-2, | |
.dark-mode .owl-item.active.center div blockquote, | |
.dark-mode .de_table .tr:nth-child(2n), | |
.dark-mode .bgcolor-variation, | |
.dark-mode .table-pricing tbody tr, | |
.dark-mode .pricing-s1 .bottom ul li:nth-child(2n) { | |
background: var(--dark-mode-color-2); | |
} | |
.dark-mode .accordion-section-title { | |
border-color: rgba(255, 255, 255, .1); | |
} | |
.dark-mode .feature-box-type-2 i { | |
text-shadow: 5px 5px 5px rgba(0, 0, 0, .3); | |
} | |
.dark-mode .de_table .tr, | |
.dark-mode .de_table .tr .td, | |
.dark-mode .de_table:not(.no-heading) .tr:first-child { | |
border-color: rgba(255, 255, 255, .1); | |
} | |
.dark-mode footer { | |
background: var(--dark-mode-color-3); | |
} | |
.dark-mode .table-pricing th, | |
.dark-mode .table-pricing tbody tr { | |
border-top-color: var(--dark-mode-color); | |
} | |
/*Cookie Consent Begin*/ | |
#cookieConsent { | |
background-color: rgba(255, 255, 255, 0.8); | |
min-height: 26px; | |
font-size: 14px; | |
line-height: 26px; | |
font-weight: 500; | |
padding: 10px 30px 10px 30px; | |
position: fixed; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
display: none; | |
z-index: 9999; | |
} | |
#cookieConsent a { | |
text-decoration: none; | |
} | |
#closeCookieConsent { | |
float: right; | |
display: inline-block; | |
cursor: pointer; | |
height: 20px; | |
width: 20px; | |
margin: -15px 0 0 0; | |
font-weight: bold; | |
} | |
#closeCookieConsent:hover { | |
color: #FFF; | |
} | |
#cookieConsent a.cookieConsentOK { | |
color: #fff; | |
display: inline-block; | |
border-radius: 3px; | |
-moz-border-radius: 3px; | |
-webkit-border-radius: 3px; | |
padding: 0 20px; | |
cursor: pointer; | |
} | |
#cookieConsent a.cookieConsentOK:hover { | |
opacity: .8; | |
} | |
/*Cookie Consent End*/ | |
.vertical-center { | |
min-height: 100%; | |
/* Fallback for browsers do NOT support vh unit */ | |
min-height: 100vh; | |
/* These two lines are counted as one :-) */ | |
display: flex; | |
align-items: center; | |
} | |
#purchase-now { | |
position: fixed; | |
bottom: 80px; | |
left: 20px; | |
z-index: 10000; | |
} | |
#purchase-now a { | |
color: #ffffff; | |
z-index: 1; | |
position: absolute; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
background: #78A938; | |
display: block; | |
font-size: 24px; | |
font-weight: bold; | |
width: 60px; | |
height: 60px; | |
padding: 17px; | |
text-decoration: none; | |
animation: shadow-pulse 1s infinite; | |
} | |
@keyframes shadow-pulse { | |
0% { | |
box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2); | |
} | |
100% { | |
box-shadow: 0 0 0 20px rgba(120, 169, 56, 0); | |
} | |
} | |
#purchase-now a span { | |
font-size: 14px; | |
font-weight: 500; | |
left: 8px; | |
position: absolute; | |
top: 18px; | |
width: 100px; | |
} | |
#purchase-now .pn-hover { | |
position: absolute; | |
font-weight: bold; | |
font-size: 16px; | |
background: #ffffff; | |
color: #78A938; | |
width: 120px; | |
padding: 10px; | |
padding-left: 20px; | |
text-align: center; | |
top: 8px; | |
border-radius: 5px; | |
left: 30px; | |
opacity: 0; | |
} | |
#purchase-now:hover .pn-hover { | |
opacity: 1; | |
left: 40px; | |
} | |
.de-images { | |
position: relative; | |
width: 100%; | |
} | |
.de-images img, | |
.di-text { | |
border-radius: 5px; | |
-webkit-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3); | |
-moz-box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3); | |
box-shadow: 2px 20px 30px 0px rgba(20, 20, 20, 0.3); | |
} | |
.di-small { | |
position: absolute; | |
width: 40%; | |
height: 40%; | |
top: -10%; | |
left: -10%; | |
z-index: 1; | |
} | |
.di-small-2 { | |
position: absolute; | |
width: 40%; | |
height: 40%; | |
right: -10%; | |
bottom: -10%; | |
z-index: 1; | |
} | |
.di-text { | |
position: absolute; | |
width: 40%; | |
top: 40%; | |
left: -10%; | |
z-index: 1; | |
background: #888888; | |
text-align: center; | |
padding: 10% 0; | |
} | |
.di-text h1 { | |
font-size: 4vw; | |
margin: 0; | |
} | |
div.round { | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.opt-1 { | |
display: inline-block; | |
} | |
.size96 { | |
width: 96px; | |
height: auto; | |
} | |
.domain-ext { | |
margin-top: 15px; | |
} | |
.ext { | |
border: solid 1px rgba(255, 255, 255, .2); | |
display: inline-block; | |
padding: 8px 10px 0px 10px; | |
font-size: 12px; | |
border-radius: 5px; | |
margin: 0 5px 10px 5px; | |
} | |
.ext h4 { | |
font-size: 18px; | |
line-height: 10px; | |
margin-bottom: 0; | |
} | |
.border { | |
border-color: #EFEFEF !important; | |
} | |
.tparrows { | |
background: none !important; | |
} | |
.fc-header-toolbar { | |
font-size: 14px; | |
} | |
.fc-content { | |
color: #ffffff; | |
padding: 3px; | |
} | |
.fc-widget-header {} | |
.fc-view { | |
background: #ffffff; | |
} | |
.fc-day-number { | |
padding: 4px 8px !important; | |
} | |
.f-profile { | |
margin-bottom: 0px; | |
} | |
.f-profile h4 { | |
margin-top: 20px; | |
margin-bottom: 0px; | |
} | |
.fp-wrap { | |
position: relative; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
overflow: hidden; | |
} | |
.fpw-overlay { | |
position: absolute; | |
z-index: 2; | |
width: 100%; | |
height: 100%; | |
} | |
.fpw-overlay-btm { | |
position: absolute; | |
z-index: 1; | |
width: 100%; | |
height: 100%; | |
opacity: .6; | |
} | |
.f-invert .fpw-overlay-btm { | |
opacity: 0; | |
} | |
.fpwo-wrap { | |
width: 100%; | |
position: absolute; | |
bottom: 30px; | |
text-align: center; | |
} | |
.fpwow-icons { | |
display: inline-block; | |
background: #ffffff; | |
padding: 5px 10px 7px 10px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.fpwow-icons a { | |
color: #ffffff; | |
padding: 0 5px; | |
} | |
.fpwow-icons i { | |
font-size: 15px; | |
} | |
.fp-icon { | |
margin-top: 20%; | |
z-index: 2; | |
opacity: 0; | |
height: 100%; | |
width: 100%; | |
text-align: center; | |
position: absolute; | |
display: table; | |
text-align: center; | |
} | |
.fp-icon i { | |
display: none; | |
vertical-align: middle; | |
display: table-cell; | |
color: #fff; | |
font-size: 36px; | |
color: #ffffff; | |
padding: 13px 0; | |
background: rgba(var(--primary-color-rgb), .8); | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.gray img { | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
-ms-filter: grayscale(100%); | |
filter: grayscale(100%); | |
} | |
.demo-icon-wrap { | |
margin-bottom: 30px; | |
} | |
.demo-icon-wrap i { | |
text-align: center; | |
font-size: 40px; | |
margin-right: 20px; | |
position: relative; | |
background: #f8f8f8; | |
width: 68px; | |
height: 68px; | |
border-radius: 60px; | |
padding: 15px 0; | |
} | |
.demo-icon-wrap-s2 { | |
margin-bottom: 30px; | |
} | |
.demo-icon-wrap-s2 span { | |
display: inline-block; | |
text-align: center; | |
font-size: 20px; | |
margin-right: 20px; | |
position: relative; | |
background: #f8f8f8; | |
width: 48px; | |
height: 48px; | |
border-radius: 60px; | |
padding: 15px 0; | |
} | |
.demo-icon-wrap .text-grey { | |
display: none; | |
} | |
.fp-wrap:hover { | |
-webkit-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); | |
-moz-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); | |
box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); | |
} | |
.fp-wrap:hover img { | |
-webkit-filter: grayscale(0%); | |
-moz-filter: grayscale(0%); | |
-o-filter: grayscale(0%); | |
-ms-filter: grayscale(0%); | |
filter: grayscale(0%); | |
transform: scale(1.05); | |
} | |
.fp-wrap:hover .fpw-overlay-btm { | |
opacity: 0; | |
} | |
.fp-wrap:hover .fpwow-icons a i { | |
color: #fff; | |
} | |
.fp-wrap:hover .fp-icon { | |
opacity: 1; | |
margin-top: 0; | |
margin-right: 0; | |
} | |
.fp-wrap:hover .fp-icon i { | |
transform: scale(1.5); | |
} | |
i.big { | |
display: inline-block; | |
font-size: 48px; | |
} | |
.text-light .border { | |
border-color: rgba(255, 255, 255, .1) !important; | |
} | |
.container-full { | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
border-collapse: collapse; | |
padding: 0 !important; | |
margin: 0 !important; | |
overflow: hidden; | |
} | |
.one-fourth { | |
width: 24.9%; | |
display: table-cell; | |
vertical-align: middle; | |
} | |
.one-third { | |
width: 33.3%; | |
float: left; | |
} | |
.three-fourth { | |
position: relative; | |
width: 74.9%; | |
height: 100%; | |
display: table-cell; | |
} | |
.owl-carousel { | |
position: relative; | |
} | |
.owl-stage-outer .feature-box-type-2 { | |
overflow: none; | |
margin: 30px 0 30px 0; | |
} | |
.owl-item.active.center .feature-box-type-2 { | |
transform: scale(1.05); | |
} | |
.owl-item.active.center .feature-box-type-2, | |
.owl-item.active.center .feature-box-type-2 h4, | |
.owl-item.active.center .feature-box-type-2 i { | |
color: #ffffff; | |
} | |
.schedule-item { | |
padding: 40px 0 30px 0; | |
border-bottom: solid 1px #ddd; | |
} | |
.schedule-listing:nth-child(even) { | |
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); | |
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); | |
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); | |
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); | |
} | |
.schedule-item>div { | |
float: left; | |
} | |
.schedule-item .sc-time { | |
width: 160px; | |
padding-top: 25px; | |
color: #333; | |
} | |
.schedule-item .sc-pic { | |
width: 120px; | |
} | |
.schedule-item .sc-pic img { | |
width: 80px; | |
height: auto; | |
} | |
.schedule-item .sc-name { | |
font-weight: normal; | |
font-size: 14px; | |
width: 160px; | |
padding-top: 15px; | |
} | |
.schedule-item .sc-name h4 { | |
font-size: 14px; | |
font-weight: bold; | |
margin: 0; | |
line-height: 1.6em; | |
} | |
.schedule-item .sc-name span { | |
font-weight: normal; | |
font-size: 12px; | |
} | |
.schedule-item .sc-info { | |
float: none; | |
display: inline-block; | |
width: 60%; | |
} | |
.schedule-item .sc-info h4 { | |
margin-bottom: 10px; | |
} | |
.de_tab.tab_style_4 .de_nav { | |
-webkit-touch-1A1C26out: none; | |
/* iOS Safari */ | |
-webkit-user-select: none; | |
/* Safari */ | |
-khtml-user-select: none; | |
/* Konqueror HTML */ | |
-moz-user-select: none; | |
/* Firefox */ | |
-ms-user-select: none; | |
/* Cabinnet Explorer/Edge */ | |
user-select: none; | |
/* Non-prefixed version, currently | |
supported by Chrome and Opera */ | |
} | |
strong { | |
font-weight: bold; | |
} | |
.text-light strong { | |
color: #fff; | |
} | |
.bg-white { | |
background: #ffffff; | |
} | |
.bg-white-10 { | |
background: rgba(255, 255, 255, .1); | |
} | |
.wh80 { | |
width: 80%; | |
height: 80%; | |
} | |
.border-top { | |
border-top: solid 1px #e5e5e5; | |
} | |
.border-bottom { | |
border-bottom: solid 1px #e5e5e5; | |
} | |
.color-overlay { | |
background: rgba(157, 130, 235, .3); | |
} | |
section .color-overlay { | |
padding: 60px 0 60px 0; | |
} | |
.color-overlay-2 { | |
background: rgba(26, 37, 48, .85); | |
} | |
.fontsize24 { | |
font-size: 24px; | |
} | |
.fontsize32 { | |
font-size: 32px; | |
} | |
.fontsize36 { | |
font-size: 36px; | |
} | |
.fontsize40 { | |
font-size: 40px; | |
} | |
.fontsize48 { | |
font-size: 48px; | |
} | |
.overlay50 { | |
background: rgba(0, 0, 0, .5) | |
} | |
.overlay60 { | |
background: rgba(0, 0, 0, .6) | |
} | |
.overlay70 { | |
background: rgba(0, 0, 0, .7) | |
} | |
.overlay80 { | |
background: rgba(0, 0, 0, .8) | |
} | |
.hidden-xy { | |
overflow: hidden; | |
} | |
.border-box { | |
border: solid 1px #dddddd; | |
} | |
.display-table { | |
display: table; | |
} | |
.display-table [class*="col-"] { | |
float: none; | |
display: table-cell; | |
vertical-align: top; | |
margin: 0; | |
padding: 0; | |
} | |
#popup-box { | |
position: fixed; | |
background: #fff; | |
width: 100%; | |
height: 100%; | |
z-index: 10000; | |
top: -100%; | |
overflow-y: auto; | |
} | |
#popup-box.popup-show { | |
top: 0; | |
} | |
#popup-box.popup-hide { | |
top: -100%; | |
} | |
.overlay-s1 { | |
background: rgba(217, 42, 224, .5); | |
} | |
.overlay-s2 { | |
background: rgba(255, 135, 140, .5); | |
} | |
.overlay-s3 { | |
background: rgba(91, 35, 108, .5); | |
} | |
.circle-x { | |
background: #333; | |
display: inline-block; | |
padding: 20px; | |
font-size: 40px; | |
color: #fff; | |
margin-top: 140px; | |
width: 70px; | |
height: 70px; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
-webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); | |
-moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); | |
box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); | |
} | |
#services-list { | |
padding: 0; | |
margin: 0; | |
} | |
#services-list li a { | |
color: #fff; | |
} | |
#services-list li.active a:after { | |
font-family: "FontAwesome"; | |
content: "\f054"; | |
float: right; | |
} | |
.de_light #services-list li a { | |
color: #999; | |
} | |
#services-list li { | |
font-weight: bold; | |
list-style: none; | |
margin: 0; | |
background: rgba(0, 0, 0, .3); | |
margin-bottom: 2px; | |
} | |
.de_light #services-list li { | |
background: #eee; | |
} | |
#services-list li a { | |
display: block; | |
padding: 15px 20px 15px 20px; | |
text-decoration: none; | |
} | |
#services-list li a:hover { | |
color: #111; | |
} | |
.pic-services img { | |
margin-bottom: 30px; | |
} | |
#services-list li.active a, | |
#services-list li.active a:hover { | |
color: #fff; | |
background: #333; | |
} | |
.project-images img { | |
margin-bottom: 60px; | |
} | |
.teaser-text { | |
font-family: "Cabin"; | |
font-size: 18px; | |
color: rgba(255, 255, 255, .5); | |
line-height: normal; | |
font-weight: 400; | |
} | |
.teaser-text h2 {} | |
#navigation { | |
position: fixed; | |
width: 100%; | |
height: 60px; | |
top: 0; | |
right: 20px; | |
text-align: center; | |
margin-bottom: 60px; | |
z-index: 1000; | |
} | |
.nav-prev:before, | |
.nav-next:before, | |
.nav-exit:before { | |
font-family: "FontAwesome"; | |
content: '\f177'; | |
color: #fff; | |
padding: 20px; | |
font-size: 24px; | |
cursor: pointer; | |
} | |
.nav-exit:before { | |
width: 100%; | |
display: block; | |
} | |
.nav-next:before { | |
content: '\f178'; | |
width: 100%; | |
background: #555; | |
} | |
.nav-exit:before { | |
content: '\f00d'; | |
} | |
.de_light .nav-exit:before { | |
color: #222; | |
} | |
.container-4 .de-team-list { | |
width: 24.9%; | |
float: left; | |
position: relative; | |
} | |
.container-3 .de-team-list { | |
width: 33.3%; | |
float: left; | |
position: relative; | |
} | |
.no-bottom { | |
margin-bottom: 0; | |
padding-bottom: 0; | |
} | |
p { | |
margin-bottom: 20px; | |
} | |
p.intro { | |
color: #555; | |
font-size: 16px; | |
line-height: 1.5em; | |
} | |
.bg-grey { | |
background: #f6f6f6; | |
} | |
.no-bottom .col-md-12 {} | |
.no-bottom { | |
padding-bottom: 0 !important; | |
} | |
.no-top { | |
padding-top: 0 !important; | |
} | |
.no-margin { | |
margin: 0 !important; | |
} | |
.nopadding { | |
padding: 0; | |
margin: 0; | |
} | |
#filters i { | |
margin-right: 10px; | |
} | |
.bg-side { | |
position: relative; | |
overflow: hidden; | |
} | |
.image-container { | |
position: absolute; | |
padding: 0; | |
margin: 0; | |
background-size: cover; | |
} | |
.image-container.pos-right { | |
right: 0; | |
} | |
.rtl .image-container.pos-right { | |
right: auto; | |
left: 0; | |
} | |
.image-slider { | |
cursor: move; | |
} | |
.inner-padding { | |
padding: 90px; | |
} | |
.inner-padding.pos-left { | |
padding: 90px; | |
padding-left: 0; | |
} | |
.no-padding, | |
section.no-padding { | |
padding: 0; | |
} | |
.float-left { | |
float: left; | |
} | |
#loader-area { | |
display: none; | |
background: #fff; | |
} | |
#loader-area { | |
display: none; | |
background: #111; | |
} | |
.loader { | |
position: fixed; | |
left: 0px; | |
top: 0px; | |
width: 100%; | |
height: 100%; | |
z-index: 99999; | |
background: url('../images_02/page-loader.gif') 50% 50% no-repeat rgb(249, 249, 249); | |
} | |
.page-overlay { | |
display: none; | |
width: 120px; | |
height: 120px; | |
background: url(../images_02/page-loader.gif) center no-repeat #fff; | |
border-radius: 5px; | |
position: fixed; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
z-index: 10000; | |
margin: auto; | |
} | |
.teaser { | |
font-size: 16px; | |
line-height: 1.8em; | |
font-weight: 400; | |
} | |
.teaser.style-2 { | |
letter-spacing: 20px; | |
text-transform: uppercase; | |
} | |
.teaser.style-3 { | |
font-size: 14px; | |
} | |
.teaser.style-4 { | |
letter-spacing: 5px; | |
text-transform: uppercase; | |
font-size: 14px; | |
} | |
.form-control:focus { | |
box-shadow: none; | |
-moz-box-shadow: none; | |
-webkit-box-shadow: none; | |
} | |
.owl-arrow { | |
position: absolute; | |
z-index: 100; | |
background: #fff; | |
margin-top: 48%; | |
display: none; | |
cursor: pointer; | |
} | |
.owl-arrow span { | |
display: block; | |
background: #555; | |
position: absolute; | |
} | |
.owl-arrow .prev { | |
left: 0; | |
} | |
.owl-arrow .next { | |
right: 0; | |
} | |
.owl-arrow .prev:before, | |
.owl-arrow .next:before { | |
font-family: "FontAwesome"; | |
content: '\f177'; | |
color: #2; | |
padding: 20px; | |
font-size: 32px; | |
display: block; | |
} | |
.owl-arrow .next:before { | |
content: '\f178'; | |
} | |
.owl-pagination { | |
margin-top: 0px; | |
height: 40px; | |
} | |
.owl-theme .owl-controls .owl-page span { | |
display: block; | |
margin-top: 20px; | |
margin-left: 10px; | |
margin-right: 10px; | |
width: 6px; | |
height: 6px; | |
background-color: #555; | |
opacity: 1; | |
} | |
.owl-theme .owl-controls .owl-page.active span { | |
background: none; | |
} | |
.owl-theme .owl-controls .owl-page.active span:before { | |
content: ''; | |
display: inline-block; | |
width: 12px; | |
height: 12px; | |
-moz-border-radius: 15px; | |
-webkit-border-radius: 15px; | |
border-radius: 15px; | |
position: relative; | |
border: solid 2px #555; | |
top: -2px; | |
left: -2px; | |
} | |
/* new owl */ | |
.owl-theme .owl-nav.disabled+.owl-dots { | |
margin-top: 20px; | |
} | |
.owl-dots button { | |
border: none; | |
outline: none; | |
padding: 0; | |
width: 8px; | |
height: 8px; | |
margin: 0 5px; | |
border-radius: 30px; | |
} | |
.owl-theme .owl-dots .owl-dot span { | |
display: none; | |
} | |
/* new owl close */ | |
.text-light .owl-theme .owl-controls .owl-page span { | |
background-color: #fff; | |
} | |
.text-light .owl-theme .owl-controls .owl-page.active span { | |
background: none; | |
} | |
.text-light .owl-theme .owl-controls .owl-page.active span:before { | |
border: solid 2px #fff; | |
} | |
.text-slider { | |
color: #fff; | |
display: inline-block; | |
} | |
.text-slider.med-text { | |
font-size: 72px; | |
line-height: 84px; | |
font-weight: bold; | |
} | |
.text-slider.big-text { | |
font-size: 120px; | |
line-height: 120px; | |
font-weight: bold; | |
} | |
.border-deco .text-item { | |
display: inline-block; | |
} | |
.text-slider.dark { | |
color: #222; | |
} | |
.text-item i { | |
font-size: 60px; | |
margin-top: 5px; | |
} | |
.text-slider.big-text i { | |
font-size: 90px; | |
margin-top: 15px; | |
} | |
.text-slider h1 { | |
font-size: 60px; | |
} | |
.text-rotate-wrap { | |
display: inline-block; | |
} | |
.text-rotate-wrap .text-item { | |
display: none; | |
} | |
.red { | |
color: #ff0000; | |
} | |
.teal { | |
color: #009999; | |
} | |
.purple { | |
color: #663366; | |
} | |
.green { | |
color: #009900; | |
} | |
.bg-overlay { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
z-index: 1; | |
} | |
.center-y { | |
position: relative; | |
} | |
.overlay-bg { | |
width: 100%; | |
height: 100%; | |
z-index: 100; | |
background: rgba(var(--primary-color-rgb), .9); | |
top: 0; | |
padding: 100px 0 100px 0; | |
} | |
.overlay-bg.p60 { | |
padding-top: 60px; | |
padding-bottom: 60px; | |
} | |
.overlay-gradient { | |
width: 100%; | |
height: 100%; | |
z-index: 100; | |
top: 0; | |
} | |
.overlay-solid { | |
width: 100%; | |
height: 100%; | |
z-index: 100; | |
top: 0; | |
} | |
.overlay-bg.t0 { | |
background: rgba(var(--primary-color-rgb), 0); | |
} | |
.overlay-bg.t20 { | |
background: rgba(var(--primary-color-rgb), .2); | |
} | |
.overlay-bg.t30 { | |
background: rgba(var(--primary-color-rgb), .3); | |
} | |
.overlay-bg.t40 { | |
background: rgba(var(--primary-color-rgb), .4); | |
} | |
.overlay-bg.t50 { | |
background: rgba(var(--primary-color-rgb), .5); | |
} | |
.overlay-bg.t60 { | |
background: rgba(var(--primary-color-rgb), .6); | |
} | |
.overlay-bg.t70 { | |
background: rgba(var(--primary-color-rgb), .7); | |
} | |
.overlay-bg.t80 { | |
background: rgba(var(--primary-color-rgb), .8); | |
} | |
.overlay-bg.t90 { | |
background: rgba(var(--primary-color-rgb), .9); | |
} | |
.overlay-bg.c1 { | |
background: rgba(var(--primary-color-rgb), .8); | |
} | |
.overlay-bg.dark { | |
background: rgba(20, 20, 20, .8); | |
} | |
.overlay-bg.gradient-blue-aqua { | |
background: -moz-linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); | |
background: -webkit-linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); | |
background: linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc024481', endColorstr='#cc34b0bc', GradientType=1); | |
} | |
.full-height .overlay-bg { | |
display: table; | |
} | |
.full-height .overlay-gradient { | |
display: table; | |
} | |
.full-height .center-y { | |
display: table-cell; | |
vertical-align: middle; | |
} | |
.pic-hover { | |
width: 100%; | |
position: relative; | |
overflow: hidden; | |
} | |
i.btn-action-hide { | |
opacity: 0; | |
} | |
.pic-hover:hover .bg-overlay { | |
background: rgba(0, 0, 0, .5); | |
} | |
.pic-hover:hover i.btn-action-hide { | |
opacity: 1; | |
} | |
.pic-hover.hover-scale:hover img { | |
-moz-transform: scale(1.1); | |
-webkit-transform: scale(1.1); | |
transform: scale(1.1); | |
} | |
.center-xy { | |
position: absolute; | |
z-index: 5; | |
} | |
.center-xy i.btn-action { | |
font-size: 24px; | |
border: solid 2px rgba(255, 255, 255, .3); | |
padding: 16px; | |
width: 60px; | |
height: 60px; | |
border-radius: 60px; | |
text-align: center; | |
color: #fff; | |
} | |
.center-xy i.btn-action:hover { | |
border-color: rgba(255, 255, 255, 0); | |
background: rgba(255, 255, 255, .3); | |
} | |
.center-xy i.btn-action.btn-play { | |
padding-left: 20px; | |
} | |
.bg-grey, | |
section.bg-grey { | |
background: #f8f8f8; | |
} | |
.wow { | |
visibility: hidden; | |
} | |
#back-to-top { | |
position: fixed; | |
bottom: -40px; | |
right: 20px; | |
z-index: 1020; | |
width: 40px; | |
height: 40px; | |
text-align: center; | |
line-height: 30px; | |
cursor: pointer; | |
border: 0; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
text-decoration: none; | |
transition: opacity 0.2s ease-out; | |
outline: none; | |
opacity: 0; | |
padding-top: 4px; | |
} | |
#back-to-top:hover {} | |
#back-to-top.show { | |
bottom: 20px; | |
opacity: 1; | |
} | |
#back-to-top.hide { | |
bottom: -40px; | |
} | |
#back-to-top:before { | |
font-family: "FontAwesome"; | |
font-size: 18px; | |
content: "\f106"; | |
color: #ffffff; | |
position: relative; | |
} | |
/* mouse scroll icon begin */ | |
.mouse { | |
position: absolute; | |
width: 22px; | |
height: 42px; | |
bottom: 40px; | |
left: 50%; | |
margin-left: -12px; | |
border-radius: 15px; | |
border: 2px solid #fff; | |
-webkit-animation: intro 1s; | |
animation: intro 1s; | |
} | |
.scroll { | |
display: block; | |
width: 3px; | |
height: 3px; | |
margin: 6px auto; | |
border-radius: 4px; | |
background: #fff; | |
-webkit-animation: finger 1s infinite; | |
animation: finger 1s infinite; | |
} | |
@-webkit-keyframes intro { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(40px); | |
transform: translateY(40px); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
} | |
} | |
@keyframes intro { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(40px); | |
transform: translateY(40px); | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
} | |
} | |
@-webkit-keyframes finger { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: translateY(20px); | |
transform: translateY(20px); | |
} | |
} | |
@keyframes finger { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: translateY(20px); | |
transform: translateY(20px); | |
} | |
} | |
/* mouse scroll icon close */ | |
@-moz-keyframes bounce { | |
0%, | |
20%, | |
50%, | |
80%, | |
100% { | |
-moz-transform: translateY(0); | |
transform: translateY(0); | |
} | |
40% { | |
-moz-transform: translateY(-30px); | |
transform: translateY(-30px); | |
} | |
60% { | |
-moz-transform: translateY(-15px); | |
transform: translateY(-15px); | |
} | |
} | |
@-webkit-keyframes bounce { | |
0%, | |
20%, | |
50%, | |
80%, | |
100% { | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
} | |
40% { | |
-webkit-transform: translateY(-30px); | |
transform: translateY(-30px); | |
} | |
60% { | |
-webkit-transform: translateY(-15px); | |
transform: translateY(-15px); | |
} | |
} | |
@keyframes bounce { | |
0%, | |
20%, | |
50%, | |
80%, | |
100% { | |
-moz-transform: translateY(0); | |
-ms-transform: translateY(0); | |
-webkit-transform: translateY(0); | |
transform: translateY(0); | |
} | |
40% { | |
-moz-transform: translateY(-30px); | |
-ms-transform: translateY(-30px); | |
-webkit-transform: translateY(-30px); | |
transform: translateY(-30px); | |
} | |
60% { | |
-moz-transform: translateY(-15px); | |
-ms-transform: translateY(-15px); | |
-webkit-transform: translateY(-15px); | |
transform: translateY(-15px); | |
} | |
} | |
.arrow-anim { | |
position: absolute; | |
bottom: 0; | |
left: 50%; | |
margin-left: -20px; | |
width: 40px; | |
height: 40px; | |
background-size: contain; | |
} | |
.arrow-anim:before { | |
content: "\f107"; | |
font-family: "FontAwesome"; | |
font-size: 32px; | |
} | |
.bounce { | |
-moz-animation: bounce 2s infinite; | |
-webkit-animation: bounce 2s infinite; | |
animation: bounce 2s infinite; | |
} | |
a.read_more { | |
display: inline-block; | |
font-weight: bold; | |
color: #222222; | |
text-decoration: none; | |
} | |
a.read_more:hover { | |
color: #707070; | |
} | |
a.read_more i { | |
margin-left: 8px; | |
} | |
.text-light a.read_more { | |
color: #fff; | |
} | |
.text-black { | |
color: #222; | |
} | |
#de-arrow-nav-set { | |
text-align: center; | |
} | |
#de-arrow-nav-set i { | |
color: #222; | |
font-size: 32px; | |
} | |
#de-arrow-nav-set i.icon_menu { | |
display: inline-block; | |
} | |
.profile_pic h4 { | |
margin-bottom: 0px; | |
} | |
.profile_pic .subtitle { | |
font-size: 13px; | |
display: block; | |
margin-bottom: 10px; | |
color: #999; | |
} | |
.profile_pic .tiny-border { | |
margin-bottom: 20px; | |
} | |
.profile_pic span { | |
color: #fff; | |
} | |
.owl-custom-nav { | |
position: absolute; | |
z-index: 100; | |
right: 4px; | |
margin-top: 80px; | |
width: 100%; | |
} | |
.owl-custom-nav .btn-next, | |
.owl-custom-nav .btn-prev { | |
opacity: 0; | |
} | |
.owl-custom-nav .btn-next { | |
right: -50px; | |
position: absolute; | |
} | |
.owl-custom-nav .btn-prev { | |
left: -50px; | |
position: absolute; | |
} | |
.pf-hover:hover .btn-next { | |
right: 30px; | |
opacity: 1; | |
} | |
.pf-hover:hover .btn-prev { | |
left: 30px; | |
opacity: 1; | |
} | |
.owl-custom-nav .btn-next:before, | |
.owl-custom-nav .btn-prev:before { | |
font-size: 18px; | |
} | |
.owl-custom-nav .btn-next:before { | |
font-family: "FontAwesome"; | |
content: "\f178"; | |
color: #fff; | |
padding: 12px; | |
} | |
.owl-custom-nav .btn-prev:before { | |
font-family: "FontAwesome"; | |
content: "\f177"; | |
color: #fff; | |
padding: 12px; | |
} | |
.owl-custom-nav a { | |
text-decoration: none; | |
} | |
.owl-custom-nav .btn-prev:hover:before, | |
.owl-custom-nav .btn-next:hover:before { | |
cursor: pointer; | |
} | |
#custom-owl-slider { | |
display: block; | |
overflow: hidden; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 0; | |
z-index: -1; | |
background: #fff; | |
} | |
#custom-owl-slider .items { | |
width: 100%; | |
height: 100%; | |
overflow: hidden; | |
z-index: 20; | |
visibility: inherit; | |
opacity: 1; | |
} | |
#custom-owl-slider .item img { | |
display: block; | |
width: 100%; | |
height: 100%; | |
} | |
.owl-slider-nav { | |
position: absolute; | |
width: 100%; | |
} | |
.owl-slider-nav, | |
.owl-slider-nav div { | |
position: absolute; | |
z-index: 10; | |
cursor: pointer; | |
} | |
.owl-slider-nav .next { | |
right: -50px; | |
width: 0; | |
height: 0; | |
border-top: 50px solid transparent; | |
border-bottom: 50px solid transparent; | |
border-right: 50px solid transparent; | |
} | |
.owl-slider-nav .prev { | |
left: -50px; | |
width: 0; | |
height: 0; | |
border-top: 50px solid transparent; | |
border-bottom: 50px solid transparent; | |
border-left: 50px solid transparent; | |
} | |
.owl-slider-nav .next:before { | |
font-family: "FontAwesome"; | |
font-size: 24px; | |
content: "\f0da"; | |
color: #fff; | |
position: absolute; | |
right: -40px; | |
top: -13px; | |
} | |
.owl-slider-nav .prev:before { | |
font-family: "FontAwesome"; | |
font-size: 24px; | |
content: "\f0d9"; | |
color: #fff; | |
position: absolute; | |
left: -40px; | |
top: -13px; | |
} | |
.owl-dots { | |
text-align: center; | |
margin-top: 20px; | |
} | |
.owl-dot { | |
background: #ccc; | |
border: none; | |
margin: 5px; | |
width: 6px; | |
height: 6px; | |
padding: 0; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
} | |
.owl-dot.active { | |
background: #1A1C26; | |
} | |
.owl-item.active div blockquote { | |
background: #f8f8f8; | |
position: relative; | |
overflow: hidden; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
} | |
.owl-item.active div blockquote, | |
.owl-item.active div blockquote .de_testi_by { | |
opacity: 1; | |
} | |
.owl-item.active div blockquote:before { | |
position: absolute; | |
top: 0; | |
left: 0; | |
color: #fff; | |
border-radius: 0 0 15px 0; | |
} | |
.owl-stage { | |
overflow: none; | |
} | |
/* new table */ | |
.de_table { | |
display: table; | |
border-collapse: collapse; | |
width: 100%; | |
} | |
.de_table .tr { | |
display: table-row; | |
border: 1px solid #ddd; | |
} | |
.de_table:not(.no-heading) .tr:first-child { | |
font-weight: 600; | |
border-bottom: 2px solid #ddd; | |
color: #2A2E37; | |
} | |
.de_table .tr:nth-child(even) { | |
background-color: #f8f8f8; | |
} | |
.de_table .tr .td { | |
display: table-cell; | |
padding: 8px; | |
border-left: 1px solid #ddd; | |
} | |
.de_table:not(.no-heading) .tr .td:first-child { | |
border-left: 0; | |
} | |
.de_table.cols-2 .btn-custom { | |
padding: 5px 10px; | |
} | |
.de_table.table-style-2 { | |
font-size: 15px; | |
} | |
.de_table.table-style-2 .tr .td { | |
border: none; | |
padding: 10px; | |
} | |
.de_table.table-style-2:not(.no-heading) .tr:first-child { | |
color: #ffffff; | |
border: none; | |
} | |
.de_table.cols-2 .tr .td:last-child { | |
text-align: right; | |
} | |
/* close new table */ | |
.table { | |
display: table; | |
margin-bottom: 0; | |
} | |
.table [class*="col-"] { | |
float: none; | |
display: table-cell; | |
vertical-align: top; | |
padding: 0; | |
height: 100%; | |
} | |
.table-custom-1 { | |
position: absolute; | |
height: 100%; | |
} | |
.table .table { | |
background: none; | |
} | |
.table-pricing { | |
font-size: 18px; | |
border-radius: 5px; | |
border: none; | |
} | |
.table-pricing thead { | |
color: #ffffff; | |
font-size: 18px; | |
} | |
.table-pricing thead tr th { | |
padding: 20px 0 20px 0; | |
} | |
.table-pricing tbody tr { | |
width: 100%; | |
background: #f2f2f2; | |
border-top: solid 8px #ffffff; | |
} | |
.table-pricing tbody tr:hover { | |
background: #e2e2e2; | |
} | |
.table-pricing tbody tr td, | |
.table-pricing tbody tr th { | |
border: none; | |
padding: 20px 0 20px 0; | |
} | |
.table-pricing tbody tr th .lbl, | |
.table-pricing tbody tr td .lbl { | |
display: none; | |
} | |
.text-middle, | |
.table [class*="col-"].text-middle { | |
vertical-align: middle; | |
} | |
.typed, | |
.typed-strings { | |
display: inline-block; | |
} | |
.typed-strings p { | |
position: absolute; | |
} | |
.typed-cursor { | |
opacity: 1; | |
-webkit-animation: blink 0.7s infinite; | |
-moz-animation: blink 0.7s infinite; | |
animation: blink 0.7s infinite; | |
} | |
@keyframes blink { | |
0% { | |
opacity: 1; | |
} | |
50% { | |
opacity: 0; | |
} | |
100% { | |
opacity: 1; | |
} | |
} | |
@-webkit-keyframes blink { | |
0% { | |
opacity: 1; | |
} | |
50% { | |
opacity: 0; | |
} | |
100% { | |
opacity: 1; | |
} | |
} | |
@-moz-keyframes blink { | |
0% { | |
opacity: 1; | |
} | |
50% { | |
opacity: 0; | |
} | |
100% { | |
opacity: 1; | |
} | |
} | |
.mask { | |
width: 100%; | |
position: relative; | |
overflow: hidden !important; | |
-webkit-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); | |
box-shadow: 2px 2px 30px 0px rgba(0, 0, 0, 0.2); | |
} | |
.mask img { | |
width: 100%; | |
height: 100%; | |
} | |
.mask .cover { | |
display: table; | |
position: absolute; | |
z-index: 100; | |
width: 100%; | |
height: 70px; | |
padding: 25px; | |
background: #000000; | |
bottom: 0px; | |
top: 100%; | |
margin-top: -70px; | |
} | |
.mask .cover .c-inner { | |
display: table-cell; | |
vertical-align: middle; | |
} | |
.mask .m-date{ | |
border: solid 1px rgba(255,255,255,.5); | |
padding: 10px; | |
padding-top: 15px; | |
position: absolute; | |
text-align: right; | |
top:30px; | |
right: 30px; | |
text-transform: uppercase; | |
font-weight: bold; | |
font-size: 42px; | |
z-index: 10; | |
color:#ffffff; | |
} | |
.mask .m-date span{ | |
text-align: center; | |
font-size: 12px; | |
display: block; | |
letter-spacing: 4px; | |
-webkit-text-stroke:none; | |
line-height: 12px; | |
color: #ffffff; | |
padding: 2px 2px 2px 5px; | |
margin-top:8px; | |
} | |
.mask.light .cover { | |
background: #ffffff; | |
} | |
.mask .cover h3 { | |
font-size: 18px; | |
color: #fff; | |
line-height: 1em; | |
padding-left: 30px; | |
} | |
.mask.light .cover h3 { | |
color: #000000; | |
} | |
.mask .cover p { | |
color: #ffffff; | |
padding-top: 15px; | |
padding-right: 25px; | |
} | |
.mask.light .cover p { | |
color: #777777; | |
} | |
.mask:hover .cover { | |
height: 100%; | |
top: 0; | |
margin-top: -0px; | |
background: rgba(0, 0, 0, .8); | |
} | |
.mask:hover .cover p { | |
opacity: 1; | |
} | |
.mask:hover .cover p { | |
padding-top: 0px; | |
} | |
.mask .cover h3 span { | |
margin-left: 20px; | |
} | |
.mask .cover h3 i { | |
font-size: 32px; | |
position: absolute; | |
left: 30px; | |
margin-top: -8px; | |
} | |
.mask.s2 .cover{ | |
background:rgba(0,0,0,.5); | |
} | |
.rtl .mask .cover h3 i { | |
right: 30px; | |
} | |
.rtl .mask .cover h3 { | |
padding-right: 50px; | |
} | |
.rtl .mask .cover p { | |
padding-right: 15px; | |
} | |
.mask.s1 .cover { | |
top: 0; | |
padding: 30px; | |
text-align: center; | |
background: rgba(0, 0, 0, .0); | |
} | |
.mask.s1 .cover .desc { | |
opacity: 0; | |
} | |
.mask.s1:hover .cover { | |
background: rgba(0, 0, 0, .8); | |
} | |
.mask.s1:hover .cover .desc { | |
opacity: 1; | |
} | |
.mask.s1 h3 { | |
font-size: 24px; | |
} | |
.mask .cover a.btn-custom { | |
display: block; | |
width: 100%; | |
text-align: center; | |
} | |
.mask .s-gradient img { | |
-webkit-filter: grayscale(100%); | |
-moz-filter: grayscale(100%); | |
-o-filter: grayscale(100%); | |
-ms-filter: grayscale(100%); | |
filter: grayscale(100%); | |
} | |
.mask .s-gradient { | |
position: relative; | |
} | |
.mask .s-gradient .gradient-fx { | |
position: absolute; | |
background: #333; | |
width: 100%; | |
height: 100%; | |
z-index: 1; | |
background: -moz-linear-gradient(left, rgba(var(--primary-color-rgb), .75) 0%, rgba(var(--primary-color-rgb), .2) 100%); | |
background: -webkit-linear-gradient(left, rgba(var(--primary-color-rgb), .75) 0%, rgba(var(--primary-color-rgb), .2) 100%); | |
background: linear-gradient(to right, rgba(var(--primary-color-rgb), .75) 0%, rgba(var(--primary-color-rgb), .2) 100%); | |
} | |
.style-2 .date-box { | |
text-align: center; | |
position: absolute; | |
right: 0; | |
padding: 15px 5px 5px 5px; | |
color: #fff; | |
} | |
.style-2 .date-box .d { | |
font-weight: 600; | |
font-size: 38px; | |
margin-bottom: 5px; | |
} | |
.style-2 .date-box .m { | |
font-family: "Cabin"; | |
font-size: 13px; | |
text-transform: uppercase; | |
letter-spacing: 8px; | |
margin-left: 8px; | |
} | |
.sitemap { | |
margin: 0; | |
padding: 0; | |
} | |
.sitemap.s1 li { | |
list-style: none; | |
} | |
.sitemap.s1 li:before { | |
font-family: FontAwesome; | |
content: "\f016"; | |
margin-right: 10px; | |
} | |
.list { | |
margin: 0; | |
padding: 0; | |
} | |
.list li { | |
list-style: none; | |
} | |
.rtl .list.s1 li:after, | |
.list.s1 li:before { | |
font-family: FontAwesome; | |
content: "\f00c"; | |
margin-right: 10px; | |
} | |
.rtl .list.s1 li:after { | |
margin-right: 0; | |
margin-left: 10px; | |
} | |
.rtl .list.s1 li:before { | |
display: none; | |
} | |
.list.s2 li:before { | |
font-family: FontAwesome; | |
content: "\f055"; | |
margin-right: 10px; | |
} | |
.list.s3 { | |
display: inline; | |
margin: 0; | |
padding: 0; | |
} | |
.list.s3 li { | |
display: inline; | |
margin-right: 20px; | |
} | |
.list.s3 a { | |
font-weight: bold; | |
} | |
#owl-logo img { | |
opacity: .8; | |
} | |
#owl-logo img:hover { | |
opacity: 1; | |
} | |
.switch-set { | |
direction: ltr !important; | |
} | |
.switch-set div { | |
display: inline-block; | |
padding: 0 5px; | |
direction: ltr !important; | |
} | |
.switch { | |
margin-bottom: -5px; | |
-webkit-appearance: none; | |
height: 24px; | |
width: 44px; | |
background-color: #EEEEEE; | |
border-radius: 60px; | |
position: relative; | |
cursor: pointer; | |
} | |
.switch::after { | |
content: ""; | |
width: 20px; | |
height: 20px; | |
background-color: gray; | |
position: absolute; | |
border-radius: 100%; | |
transition: .5s; | |
margin: 2px 0 0 2px; | |
} | |
/* | |
.switch:checked { | |
background-color: blue; | |
} | |
*/ | |
.switch:checked::after { | |
transform: translateX(20px); | |
} | |
.switch:focus { | |
outline-color: transparent; | |
} | |
.box-highlight { | |
-webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); | |
box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); | |
} | |
.box-highlight, | |
.box-highlight .content { | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
padding: 5px; | |
} | |
.box-highlight .heading { | |
padding: 15px 10px 0 10px; | |
} | |
.box-highlight .content { | |
margin: 5px; | |
padding: 20px; | |
background: #ffffff; | |
} | |
.box-highlight .content, | |
.box-highlight .content strong { | |
color: #2A2E37; | |
} | |
.box-highlight .content.v1 p { | |
font-size: 20px; | |
} | |
#selector { | |
width: 500px; | |
position: fixed; | |
right: 0; | |
top: 45%; | |
padding: 5px; | |
z-index: 1000; | |
} | |
#selector .opt { | |
margin-top: 10px; | |
margin-right: 5px; | |
width: 20px; | |
height: 20px; | |
display: block; | |
float: left; | |
background: #ffffff; | |
border-radius: 30px; | |
-moz-border-radius: 30px; | |
-webkit-border-radius: 30px; | |
cursor: pointer; | |
border: solid 1px rgba(255, 255, 255, .5); | |
} | |
#selector .opt:hover { | |
border-color: #ffffff; | |
} | |
#selector .opt.tc1 { | |
background: #39B248; | |
} | |
#selector .opt.tc2 { | |
background: #C70039; | |
} | |
#selector .opt.tc3 { | |
background: #FF5733; | |
} | |
#selector .opt.tc4 { | |
background: #EAA636; | |
} | |
#selector .opt.tc5 { | |
background: #0073CF; | |
} | |
#selector .opt.tc6 { | |
background: #33C9BD; | |
} | |
#selector .opt.tc7 { | |
background: #AE9749; | |
} | |
#selector .opt:after { | |
position: relative; | |
display: inline-block; | |
content: '\f00c'; | |
font-family: "FontAwesome"; | |
top: -5px; | |
opacity: 0; | |
transform: scale(2); | |
} | |
#selector .opt.active:after { | |
opacity: 1; | |
transform: scale(1); | |
} | |
#selector #dark-mode, | |
#selector #related-items { | |
font-weight: bold; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
margin-top: 50px; | |
right: 15px; | |
width: 40px; | |
height: 39px; | |
position: absolute; | |
background: #222222; | |
padding: 8px; | |
padding-top: 0px; | |
cursor: pointer; | |
overflow: hidden; | |
border-radius: 60px; | |
-moz-border-radius: 60px; | |
-webkit-border-radius: 60px; | |
color: #FDD32A; | |
font-size: 16px; | |
} | |
#selector #related-items { | |
margin-top: 100px; | |
background: #82b440; | |
color: #ffffff; | |
} | |
#selector #dark-mode:hover, | |
#selector #related-items:hover { | |
width: 190px; | |
} | |
#selector #dark-mode:before, | |
#selector #related-items:before { | |
font-weight: normal; | |
display: inline-block; | |
content: '\f186'; | |
font-family: "FontAwesome"; | |
font-size: 20px; | |
padding: 3px; | |
padding-top: 6px; | |
margin-right: 10px; | |
} | |
#selector #related-items:before { | |
content: '\f05a'; | |
} | |
#selector #dark-mode.active { | |
background: #FDD32A; | |
color: #222222; | |
} | |
.disable-dark #selector .dark-mode { | |
display: none; | |
} | |
#selector .sc-opt { | |
cursor: pointer; | |
color: #fff; | |
font-size: 14px; | |
height: 38px; | |
overflow: hidden; | |
position: absolute; | |
text-align: center; | |
max-width: 45px; | |
padding-right: 20px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
right: 10px; | |
} | |
#selector .sc-opt:hover { | |
max-width: 100%; | |
} | |
#selector .sc-opt .sc-icon { | |
width: 45px; | |
height: 38px; | |
color: #fff; | |
display: inline-block; | |
font-size: 14px; | |
font-weight: bold; | |
line-height: 14px; | |
padding: 12px 10px; | |
position: relative; | |
float: left; | |
} | |
#selector .sc-mt { | |
margin-top: 45px; | |
} | |
#selector .sc-val { | |
display: inline-block; | |
margin-top: 5px; | |
} | |
.de-box-image { | |
padding: 10px; | |
text-align: center; | |
} | |
.de-box-image img { | |
margin-bottom: 20px; | |
border-radius: 5px; | |
-moz-border-radius: 5px; | |
-webkit-border-radius: 5px; | |
border: solid 1px #eeeeee; | |
-webkit-box-shadow: 0 0 40px 0 rgba(10, 10, 10, 0.05); | |
-moz-box-shadow: 0 0 40px 0 rgba(10, 10, 10, 0.05); | |
box-shadow: 0 0 40px 0 rgba(10, 10, 10, 0.05); | |
} | |
.de-box-image:hover img { | |
margin-top: -20px; | |
-webkit-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); | |
-moz-box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); | |
box-shadow: 0 40px 40px 0 rgba(10, 10, 10, 0.1); | |
} | |
.de-box-image:hover h4 { | |
margin-top: 20px; | |
} | |
.de-image-hover { | |
position: relative; | |
overflow: hidden; | |
} | |
.dih-overlay { | |
z-index: 1; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
background: #eee; | |
opacity: 0; | |
} | |
.dih-title-wrap { | |
z-index: 2; | |
display: table; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
} | |
.dih-title { | |
opacity: 0; | |
font-size: 16px; | |
z-index: 2; | |
text-align: center; | |
display: table-cell; | |
vertical-align: middle; | |
color: #fff; | |
} | |
.de-image-hover:hover .dih-overlay { | |
opacity: .8; | |
} | |
.de-image-hover:hover .dih-title { | |
opacity: 1; | |
transform: scale(1.2); | |
} | |
.de-image-hover:hover img { | |
transform: scale(1.1); | |
} | |
.de-image-hover:hover { | |
-webkit-box-shadow: 5px 25px 15px 0px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: 5px 25px 15px 0px rgba(0, 0, 0, 0.1); | |
box-shadow: 5px 25px 15px 0px rgba(0, 0, 0, 0.1); | |
} | |
.img-fullwidth { | |
width: 100%; | |
height: auto; | |
} | |
/* ================================================== */ | |
/* quick-search */ | |
/* ================================================== */ | |
.quick-search { | |
display: inline-block; | |
float: right; | |
margin-left: 10px; | |
padding: 10px 0 0 0; | |
} | |
.quick-search input { | |
width: 120px; | |
border-radius: 40px; | |
} | |
.side-bg { | |
position: relative; | |
} | |
.image-container { | |
height: 100%; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
top: 0 | |
} | |
.side-bg .background-image { | |
background-position: 50% 50%; | |
background-size: cover; | |
width: 100%; | |
height: 100%; | |
left: 0; | |
position: absolute; | |
z-index: 0; | |
} | |
.side-bg.right .image-container { | |
right: 0; | |
} | |
#search { | |
float: left; | |
width: 70%; | |
margin-bottom: 0; | |
} | |
#btn-search { | |
border: none; | |
padding: 7px; | |
background: #222; | |
float: left; | |
width: 30%; | |
height: 38px; | |
} | |
#btn-search:before { | |
font-family: FontAwesome; | |
content: "\f002"; | |
font-size: 20px; | |
color: #fff; | |
} | |
#btn-search:hover { | |
background: #fff; | |
} | |
/* ================================================== */ | |
/* review */ | |
/* ================================================== */ | |
.de_review { | |
text-align: center; | |
min-height: 260px; | |
} | |
.de_review .de_nav { | |
overflow: hidden; | |
padding-left: 0; | |
margin: 0; | |
padding: 0; | |
font-weight: bold; | |
text-align: center; | |
} | |
.de_review .de_nav li { | |
list-style: none; | |
background: #EEE; | |
margin: 0 10px 0 10px; | |
margin-bottom: 20px; | |
} | |
.de_review .de_nav li { | |
display: inline-block; | |
} | |
.de_review .de_nav li img { | |
width: 100px; | |
height: auto; | |
} | |
.de_review .de_nav li span { | |
padding: 8px 16px 8px 16px; | |
border-top: 1px solid #ddd; | |
border-bottom: 1px solid #ddd; | |
border-left: 1px solid #ddd; | |
border-right: 1px solid #ddd; | |
display: block; | |
background: #f6f6f6; | |
text-decoration: none; | |
color: #646464; | |
font-size: 13px; | |
cursor: pointer; | |
} | |
.de_review blockquote { | |
border: none; | |
font-family: "Cabin", Georgia, "Times New Roman", Times, serif; | |
} | |
.de_review .de_nav li span { | |
border: 1px solid #202220; | |
background: #222; | |
} | |
.de_review .de_nav li:first-child span { | |
border-left: 1px solid #ddd; | |
} | |
.de_review .de_nav li:first-child span { | |
border-left: 1px solid #202220; | |
} | |
.de_review .de_review_content { | |
border: 1px solid #ddd; | |
padding: 15px 20px 20px 20px; | |
margin-top: -1px; | |
background: #fff; | |
} | |
.de_review .de_review_content { | |
border: 1px solid #202220; | |
background: #27282b; | |
} | |
.de_review .de_nav li.active span { | |
background: #FFF; | |
border-bottom: 1px solid #fff; | |
color: #222; | |
margin-bottom: -3px; | |
} | |
.separator { | |
line-height: 0.5; | |
text-align: center; | |
margin: 30px 0 30px 0; | |
} | |
.separator span { | |
display: inline-block; | |
position: relative; | |
} | |
.separator span:before, | |
.separator span:after { | |
content: ""; | |
position: absolute; | |
border-bottom: 1px solid rgba(255, 255, 255, .1); | |
top: 5px; | |
width: 50px; | |
} | |
.separator span:before { | |
right: 100%; | |
margin-right: 15px; | |
} | |
.separator span:after { | |
left: 100%; | |
margin-left: 15px; | |
} | |
.separator span i { | |
font-size: 12px; | |
padding: 0; | |
margin: 0; | |
float: none; | |
} | |
.de_light .separator span:before, | |
.de_light .separator span:after { | |
border-bottom: 1px solid rgba(0, 0, 0, .2); | |
} | |
.text-light .separator span:before, | |
.text-light .separator span:after { | |
border-bottom: 1px solid rgba(255, 255, 255, .1); | |
} | |
/* -------------------------------------------------- | |
* plugin | |
* --------------------------------------------------*/ | |
/* -------------------------------------------------- | |
* revolution slider setting | |
* --------------------------------------------------*/ | |
#revolution-slider { | |
background: #222; | |
} | |
.tp-caption { | |
color: #fff; | |
font-weight: 400; | |
} | |
.tp-caption.teaser { | |
letter-spacing: 5px; | |
} | |
.tp-caption br { | |
margin-bottom: 5px; | |
} | |
.tparrows { | |
top: 50%; | |
} | |
.med { | |
font-size: 24px; | |
letter-spacing: -.5px; | |
} | |
.med-white { | |
color: #fff; | |
font-size: 24px; | |
letter-spacing: -.5px; | |
} | |
.med-green { | |
color: #1a8b49; | |
font-size: 24px; | |
letter-spacing: -.5px; | |
} | |
.small-white { | |
color: #fff; | |
line-height: 1.7em; | |
} | |
.big-black { | |
font-size: 52px; | |
letter-spacing: -3px; | |
color: #222; | |
} | |
.big-white { | |
font-size: 16px; | |
color: #fff; | |
line-height: normal; | |
font-weight: 400; | |
text-transform: uppercase; | |
letter-spacing: 6px; | |
} | |
.very-big-white { | |
font-family: "Cabin"; | |
font-size: 64px; | |
color: #fff; | |
margin: 0; | |
font-weight: 500; | |
} | |
.ultra-big-white { | |
font-size: 120px; | |
font-weight: bold; | |
color: #fff; | |
margin: 0; | |
} | |
.ultra-big-black { | |
font-size: 96px; | |
font-weight: 400; | |
color: #222; | |
margin: 0; | |
line-height: 72px; | |
} | |
a.btn-slider:hover { | |
color: #222; | |
} | |
.tp-caption.separator { | |
width: 100px; | |
border-bottom: solid 1px rgba(255, 255, 255, .3); | |
} | |
/* ================================================== */ | |
/* isotope */ | |
/* ================================================== */ | |
.isotope, | |
.isotope .isotope-item { | |
/* change duration value to whatever you like */ | |
-webkit-transition-duration: 1s; | |
-moz-transition-duration: 1s; | |
-ms-transition-duration: 1s; | |
-o-transition-duration: 1s; | |
transition-duration: 1s; | |
} | |
.isotope { | |
-webkit-transition-property: height, width; | |
-moz-transition-property: height, width; | |
-ms-transition-property: height, width; | |
-o-transition-property: height, width; | |
transition-property: height, width; | |
} | |
.isotope .isotope-item { | |
-webkit-transition-property: -webkit-transform, opacity; | |
-moz-transition-property: -moz-transform, opacity; | |
-ms-transition-property: -ms-transform, opacity; | |
-o-transition-property: -o-transform, opacity; | |
transition-property: transform, opacity; | |
} | |
/**** disabling Isotope CSS3 transitions ****/ | |
.isotope.no-transition, | |
.isotope.no-transition .isotope-item, | |
.isotope .isotope-item.no-transition { | |
-webkit-transition-duration: 0s; | |
-moz-transition-duration: 0s; | |
-ms-transition-duration: 0s; | |
-o-transition-duration: 0s; | |
transition-duration: 0s; | |
} | |
#filters { | |
font-family: "Cabin"; | |
padding: 0; | |
margin: 0; | |
margin-bottom: 20px; | |
font-weight: 400; | |
} | |
#filters li { | |
display: inline-block; | |
margin-right: 5px; | |
margin-bottom: 10px; | |
font-size: 11px; | |
text-transform: uppercase; | |
} | |
#filters a { | |
background: none; | |
outline: none; | |
color: #888; | |
text-decoration: none; | |
color: #888; | |
padding: 5px 20px 5px 20px; | |
border-radius: 5px; | |
-moz-border-radius: 300px; | |
-webkit-border-radius: 300px; | |
} | |
.text-light #filters a { | |
color: rgba(255, 255, 255, .5); | |
} | |
#filters a:hover { | |
color: #111; | |
} | |
#filters a.selected { | |
color: #fff; | |
} | |
.text-light #filters a:hover { | |
color: #fff; | |
} | |
.text-light #filters a.selected { | |
color: #fff; | |
} | |
.text-light #filters a.selected { | |
color: #fff; | |
} | |
.isotope-item { | |
z-index: 2; | |
} | |
.isotope-hidden.isotope-item { | |
pointer-events: none; | |
z-index: 1; | |
} | |
/* -------------------------------------------------- */ | |
/* flex slider */ | |
/* -------------------------------------------------- */ | |
.flexslider { | |
width: 100%; | |
background: none; | |
border: none; | |
box-shadow: none; | |
margin: 0px; | |
} | |
.control-slider { | |
float: right; | |
display: inline-block; | |
margin-right: -10px; | |
} | |
.prev-slider, | |
.next-slider { | |
float: left; | |
display: block; | |
text-align: center; | |
margin-top: 10px; | |
cursor: pointer; | |
} | |
.prev-slider i, | |
.next-slider i { | |
border: solid 1px #ccc; | |
padding: 5px 10px 5px 10px; | |
} | |
.prev-slider i:hover, | |
.next-slider i:hover { | |
color: #fff; | |
border: solid 1px #333; | |
background: #333; | |
} | |
.prev-slider { | |
margin-right: -5px; | |
} | |
.project-carousel ul.slides, | |
.project-carousel-3-col ul.slides { | |
margin-top: 10px; | |
margin-bottom: 20px; | |
} | |
.logo-carousel .flex-direction-nav, | |
.project-carousel .flex-control-nav, | |
.project-carousel .flex-direction-nav, | |
.project-carousel-3-col .flex-control-nav, | |
.project-carousel-3-col .flex-direction-nav { | |
display: none; | |
} | |
.logo-carousel.no-control .flex-control-nav { | |
display: none; | |
} | |
.logo-carousel li img { | |
width: auto; | |
} | |
/* flex slider - testi slider */ | |
#testimonial-full { | |
text-align: center; | |
padding: 10px 0 10px 0; | |
text-shadow: none; | |
} | |
#testimonial-full blockquote { | |
color: #fff; | |
border: none; | |
margin: 0; | |
font-size: 18px; | |
font-weight: 400; | |
font-style: normal; | |
line-height: 1.5em; | |
text-transform: uppercase; | |
letter-spacing: 3px; | |
} | |
#testimonial-full span { | |
letter-spacing: 0; | |
margin-top: 20px; | |
text-transform: none; | |
} | |
.testi-slider .flex-control-nav { | |
position: absolute; | |
margin-top: -50px; | |
} | |
.testi-slider .flex-direction-nav { | |
display: none; | |
} | |
/* Control Nav */ | |
.testi-slider .flex-control-nav { | |
width: 100%; | |
position: absolute; | |
bottom: -40px; | |
text-align: center; | |
} | |
.testi-slider .flex-control-nav li { | |
margin: 0 6px; | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
} | |
.testi-slider .flex-control-paging li a { | |
background: none; | |
width: 8px; | |
height: 8px; | |
display: block; | |
border: solid 1px #fff; | |
cursor: pointer; | |
text-indent: -9999px; | |
-webkit-border-radius: 20px; | |
-moz-border-radius: 20px; | |
-o-border-radius: 20px; | |
border-radius: 20px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
-o-box-shadow: none; | |
box-shadow: none; | |
} | |
.testi-slider .flex-control-paging li a:hover { | |
border: solid 1px #fff; | |
background: #fff; | |
} | |
.testi-slider .flex-control-paging li a.flex-active { | |
border: solid 1px #fff; | |
cursor: default; | |
background: #fff; | |
} | |
.size10 { | |
font-size: 10px; | |
} | |
.size20 { | |
font-size: 20px; | |
} | |
.size30 { | |
font-size: 30px; | |
} | |
.size40 { | |
font-size: 40px; | |
} | |
.size50 { | |
font-size: 50px; | |
} | |
.size60 { | |
font-size: 60px; | |
} | |
.size70 { | |
font-size: 70px; | |
} | |
.typed-strings p { | |
position: absolute; | |
} | |
.deco-big { | |
display: block; | |
font-size: 120px; | |
font-family: "Miama"; | |
margin-top: 48px; | |
margin-left: -20px; | |
} | |
.deco-md { | |
display: block; | |
font-size: 120px; | |
font-family: "Miama"; | |
margin-top: 32px; | |
margin-left: -20px; | |
} | |
.social-icons-sm i { | |
color: #fff; | |
margin: 0 5px 0 5px; | |
border: solid 1px #555; | |
width: 32px; | |
height: 32px; | |
padding: 8px; | |
text-align: center; | |
border-radius: 30px; | |
} | |
.social-icons-sm i:hover { | |
color: #ffffff; | |
} | |
.arrowup { | |
width: 0; | |
height: 0; | |
border-left: 30px solid transparent; | |
border-right: 30px solid transparent; | |
border-bottom: 30px solid #fff; | |
margin: 0 auto; | |
left: 0; | |
right: 0; | |
position: absolute; | |
margin-top: -30px; | |
} | |
.arrowdown { | |
width: 0; | |
height: 0; | |
border-left: 30px solid transparent; | |
border-right: 30px solid transparent; | |
border-top: 30px solid #ffffff; | |
margin: 0 auto; | |
left: 0; | |
right: 0; | |
position: absolute; | |
} | |
.arrowright { | |
width: 0; | |
height: 0; | |
border-top: 60px solid transparent; | |
border-bottom: 60px solid transparent; | |
border-left: 60px solid green; | |
} | |
.arrowleft { | |
width: 0; | |
height: 0; | |
border-top: 10px solid transparent; | |
border-bottom: 10px solid transparent; | |
border-right: 10px solid blue; | |
} | |
blockquote.very-big { | |
border: none; | |
font-family: "Cabin"; | |
text-align: center; | |
border: none; | |
font-size: 32px; | |
font-weight: 400; | |
background: none; | |
font-style: normal; | |
} | |
blockquote.very-big span { | |
font-family: "Cabin"; | |
} | |
a, | |
img { | |
outline: 0; | |
} | |
.z1 { | |
z-index: 1; | |
} | |
.z10 { | |
z-index: 10; | |
} | |
.rtl-content { | |
text-align: right; | |
} | |
/* ================================================== */ | |
/* R E S P O N S I V E */ | |
/* ================================================== */ | |
@media only screen and (min-width: 1280px) { | |
.container { | |
min-width: 1200px; | |
} | |
} | |
@media(min-width:980px) and (max-width: 1199px) { | |
#mainmenu li a:after { | |
margin-left: 15px; | |
} | |
.pf_full_width.gallery_border .item, | |
.pf_full_width.gallery_border.pf_2_cols .item, | |
.pf_full_width.gallery_border.pf_3_cols .item { | |
float: left; | |
width: 23.95%; | |
} | |
.md-hide { | |
display: none; | |
} | |
} | |
/* -------------------------------------------------- | |
design for 768px | |
/* ================================================== */ | |
@media (min-width: 768px) and (max-width: 979px) { | |
.slider_text { | |
padding-top: 0px; | |
} | |
} | |
@media only screen and (max-width: 992px) { | |
section,div{ | |
background-position: top !important; | |
} | |
.sm-spacer-double{ | |
clear:both; | |
margin-bottom:60px; | |
} | |
.col-right { | |
position: absolute; | |
top: -82px; | |
right: 60px; | |
width: 140px; | |
} | |
.mb-sm-30 { | |
margin-bottom: 30px; | |
} | |
.mb-sm-80 { | |
margin-bottom: 80px; | |
} | |
.p-sm-30 { | |
padding: 40px; | |
} | |
.pb-sm-0 { | |
padding-bottom: 0; | |
} | |
.mb-sm-0 { | |
margin-bottom: 0; | |
} | |
header .header-col { | |
position: absolute; | |
top: 0; | |
} | |
header .header-col.mid { | |
position: absolute; | |
top: 70px; | |
width: 100%; | |
padding: 0 0 0 0; | |
} | |
#menu-btn { | |
display: block; | |
} | |
.text-center-sm { | |
text-align: center; | |
} | |
.sm-pt10 { | |
padding-top: 10px; | |
} | |
.inner-padding { | |
padding: 40px; | |
} | |
.header-col-left, | |
.header-col-right { | |
padding-top: 16px; | |
} | |
.header-col-mid { | |
position: absolute; | |
top: 90px; | |
width: 100%; | |
padding: 0 0 0 0; | |
} | |
header div#logo { | |
line-height: 32px; | |
} | |
header { | |
display: none; | |
} | |
header .info { | |
display: none; | |
} | |
header.header-bg { | |
background: rgba(0, 0, 0, 1); | |
} | |
header, | |
header.fixed { | |
display: block; | |
position: inherit; | |
margin: 0; | |
padding: 0; | |
margin-top: 0; | |
height: auto; | |
background: #2A2E37; | |
padding: 15px 0 15px 0; | |
} | |
#de-sidebar { | |
position: absolute; | |
width: 100%; | |
right: 1px; | |
} | |
header.side-header, | |
.de_light header.side-header { | |
position: absolute; | |
display: block; | |
height: 60px; | |
top: 0; | |
background: #000; | |
} | |
header.side-header #mainmenu { | |
position: absolute; | |
background: #000; | |
margin: 0; | |
top: 60px; | |
left: 0; | |
width: 100%; | |
} | |
header.side-header #logo .logo { | |
display: none; | |
} | |
header.side-header #logo .logo-2 { | |
display: inline-block; | |
position: absolute; | |
height: 30px; | |
top: 15px; | |
left: 40px; | |
} | |
header.side-header #menu-btn { | |
position: absolute; | |
top: 8px; | |
right: 30px; | |
height: 0; | |
z-index: 2000; | |
height: 35px; | |
} | |
header.side-header #mainmenu li { | |
display: block; | |
} | |
header.side-header #mainmenu a, | |
.de_light.de-navbar-left header #mainmenu>li>a { | |
display: block; | |
text-align: center; | |
color: #fff; | |
} | |
.de_light.de-navbar-left header #mainmenu>li { | |
border-bottom: solid 1px rgba(255, 255, 255, .1); | |
} | |
header.side-header #mainmenu a:hover { | |
background: none; | |
} | |
header.side-header #mainmenu a:hover { | |
background: none; | |
} | |
header.side-header .social-icons-2 { | |
display: none; | |
} | |
header.autoshow { | |
height: auto; | |
top: 0; | |
} | |
header.autoshow #mainmenu li a { | |
background: none; | |
} | |
header.header-mobile-sticky { | |
position: fixed; | |
} | |
#subheader, | |
{ | |
padding: 0 0 0 0; | |
} | |
.de-navbar-left #subheader { | |
padding: 0; | |
margin: 0; | |
} | |
#subheader h1 { | |
margin-top: 0; | |
} | |
#subheader span { | |
display: none; | |
} | |
#subheader .crumb { | |
display: none; | |
} | |
.de-navbar-left #subheader { | |
padding-top: 70px; | |
} | |
.slider_text h1 { | |
font-size: 32px; | |
} | |
.slider_text .description { | |
display: none; | |
} | |
#logo, | |
#logo .inner { | |
vertical-align: middle; | |
height: auto; | |
} | |
#domain-check .text, | |
#domain-check .button { | |
width: 100%; | |
} | |
.container-4 .de-team-list { | |
width: 49.9%; | |
float: left; | |
position: relative; | |
} | |
#testimonial-full blockquote { | |
padding: 20px; | |
} | |
#revolution-slider {} | |
nav { | |
height: 0; | |
} | |
#mainmenu { | |
float: none; | |
z-index: 200; | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
} | |
#mainmenu a { | |
text-align: left; | |
padding-left: 0; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
#mainmenu li li a, | |
#mainmenu li li li a { | |
padding-left: 0; | |
} | |
#mainmenu a:hover { | |
background: #111; | |
} | |
#mainmenu a:hover { | |
background: #111; | |
} | |
#mainmenu li ul { | |
display: block; | |
position: inherit; | |
margin: 0; | |
width: 100%; | |
} | |
#mainmenu li { | |
border-bottom: solid 1px #eee; | |
margin: 0; | |
width: 100%; | |
display: block; | |
} | |
#mainmenu li a:after { | |
display: none; | |
} | |
#mainmenu li:last-child { | |
margin-bottom: 30px; | |
} | |
#mainmenu li ul { | |
border-top: solid 1px #eee; | |
top: auto; | |
width: auto; | |
height: auto; | |
position: inherit; | |
visibility: visible; | |
opacity: 1; | |
background: none; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
#mainmenu li ul a { | |
width: 100%; | |
background: none; | |
border: none; | |
} | |
#mainmenu li ul li { | |
border: none; | |
padding-left: 40px; | |
} | |
#mainmenu li ul li a { | |
display: block; | |
} | |
#mainmenu li ul li:last-child { | |
border-bottom: none; | |
margin: 0; | |
} | |
#mainmenu li ul li:last-child a { | |
border-bottom: none; | |
} | |
#mainmenu li a { | |
color: #eceff3; | |
} | |
#mainmenu li li a:hover { | |
color: #fff; | |
} | |
header.header-mobile { | |
overflow: hidden; | |
position: relative; | |
} | |
header.header-mobile #mainmenu { | |
float: none; | |
z-index: 200; | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
text-align: left; | |
padding-right: 30px; | |
} | |
header.header-mobile #mainmenu a { | |
text-align: left; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
header.header-mobile #mainmenu a:hover { | |
background: none; | |
} | |
header.header-mobile #mainmenu li ul { | |
display: block; | |
position: inherit; | |
margin: 0; | |
width: 100%; | |
} | |
header.header-mobile #mainmenu li { | |
border-bottom: solid 1px #eee; | |
; | |
margin: 0; | |
width: 100%; | |
display: block; | |
} | |
header.header-mobile #mainmenu li ul.mega ul { | |
height: auto; | |
} | |
header.header-mobile #mainmenu li ul.mega .menu-content { | |
background: #fff; | |
} | |
header.header-light.header-mobile #mainmenu li, | |
header.header-light.header-mobile #mainmenu li ul li a { | |
border-color: #eee; | |
} | |
header.header-dark.header-mobile { | |
background: #222; | |
} | |
header.header-dark.header-mobile #mainmenu li { | |
border-color: #333; | |
} | |
header.header-dark.header-mobile #mainmenu li a { | |
color: #fff; | |
} | |
header.header-mobile #mainmenu li a:after { | |
display: none; | |
} | |
header.header-mobile #mainmenu li:last-child { | |
margin-bottom: 30px; | |
} | |
header.header-mobile #mainmenu li ul { | |
border-top: none; | |
top: auto; | |
} | |
header.header-mobile #mainmenu li ul a { | |
width: 100%; | |
background: none; | |
border: none; | |
} | |
header.header-mobile #mainmenu li ul li { | |
border: none; | |
padding-left: 40px; | |
} | |
header #mainmenu li ul li:first-child { | |
border-top: solid 1px #eee; | |
} | |
header.header-mobile #mainmenu li ul li a { | |
display: block; | |
border-bottom: solid 1px #eee; | |
} | |
header.header-mobile #mainmenu li ul li:last-child { | |
border-bottom: none; | |
margin: 0; | |
} | |
header.header-mobile #mainmenu li ul li:last-child a { | |
border-bottom: none; | |
} | |
header.header-mobile #mainmenu li a { | |
color: #888; | |
} | |
header.header-mobile #mainmenu li a:hover { | |
color: #333; | |
} | |
header.header-mobile #mainmenu li li a:hover { | |
color: #888; | |
} | |
header.header-mobile #mainmenu li ul { | |
height: 0; | |
overflow: hidden; | |
position: relative; | |
left: 0; | |
} | |
header.header-mobile #mainmenu li ul li ul li:last-child { | |
border-bottom: solid 1px #eee; | |
} | |
header.header-mobile #mainmenu li ul li ul { | |
margin-bottom: 10px; | |
} | |
header.header-mobile #mainmenu>li>span { | |
width: 36px; | |
height: 36px; | |
background: url(../images/ui/arrow-down.png) center no-repeat; | |
position: absolute; | |
right: 0; | |
margin-top: 10px; | |
z-index: 1000; | |
cursor: pointer; | |
} | |
header.header-mobile #mainmenu li span.active { | |
background: url(../images/ui/arrow-up.png) center no-repeat; | |
} | |
header.header-mobile #mainmenu li>ul>li>span { | |
width: 36px; | |
height: 36px; | |
background: url(../images/ui/arrow-down.png) center no-repeat; | |
position: absolute; | |
right: 0; | |
margin-top: -45px; | |
z-index: 1000; | |
cursor: pointer; | |
} | |
header.header-mobile #mainmenu>li>ul>li>span.active { | |
background: url(../images/ui/arrow-up.png) center no-repeat; | |
} | |
header.header-mobile #mainmenu li ul li a { | |
border-bottom: solid 1px #eee; | |
} | |
header.header-mobile #mainmenu li ul li:last-child>a { | |
border-bottom: none; | |
} | |
header.header-light.header-mobile #mainmenu>li>span, | |
header.header-light.header-mobile #mainmenu li>ul>li>span { | |
background: url(../images/ui/arrow-down.png) center no-repeat; | |
} | |
header.header-light.header-mobile #mainmenu>li>span.active, | |
header.header-light.header-mobile #mainmenu li>ul>li>span.active { | |
background: url(../images/ui/arrow-up.png) center no-repeat; | |
} | |
#mainmenu li ul.mega { | |
position: fixed; | |
left: 0; | |
width: 100%; | |
margin-top: 30px; | |
display: block; | |
} | |
#mainmenu li ul.mega>li { | |
width: 100%; | |
} | |
#mainmenu li ul.mega>li ul { | |
position: static; | |
visibility: visible; | |
opacity: 1; | |
left: 0; | |
float: none; | |
width: 100%; | |
} | |
#mainmenu li ul.mega .inner { | |
background: #1A1C26; | |
} | |
#mainmenu ul.mega>li ul li { | |
margin: 0; | |
padding: 0; | |
} | |
#mainmenu li ul.mega .menu-content { | |
background: #2a2e37; | |
padding: 30px; | |
} | |
/* header light */ | |
.header-light #mainmenu ul li a, | |
.header-light #mainmenu ul li a:hover { | |
color: #333; | |
} | |
.de_tab.tab_steps .de_nav { | |
text-align: center; | |
} | |
.de_tab.tab_steps .de_nav li span { | |
margin: 0; | |
margin-bottom: 40px; | |
} | |
.hidden-phone { | |
display: none; | |
} | |
.grid_gallery .item { | |
width: 100%; | |
} | |
.table [class*="col-"] { | |
float: none; | |
display: block; | |
vertical-align: top; | |
} | |
.table-pricing thead tr, | |
.table-pricing tbody tr { | |
display: block; | |
width: 100%; | |
} | |
.table-pricing thead tr { | |
display: none; | |
} | |
.table-pricing tbody tr th, | |
.table-pricing tbody tr td { | |
text-align: left; | |
display: block; | |
width: 100%; | |
} | |
.table-pricing tbody tr td { | |
padding: 10px 30px; | |
} | |
.table-pricing tbody tr td:nth-child(2) { | |
padding-top: 30px; | |
} | |
.table-pricing tbody tr td:last-child { | |
padding-bottom: 40px; | |
text-align: center; | |
} | |
.table-pricing tbody tr th span, | |
.table-pricing tbody tr td span { | |
min-width: 50%; | |
} | |
.table-pricing tbody tr th .lbl, | |
.table-pricing tbody tr td .lbl { | |
display: inline-block; | |
min-width: 50%; | |
} | |
.table-pricing tbody tr th { | |
color: #ffffff; | |
padding: 20px 30px; | |
} | |
.sm-hide, | |
.md-hide { | |
display: none; | |
} | |
.btn-rsvp { | |
position: absolute; | |
} | |
.btn-close { | |
position: relative; | |
} | |
.schedule-item .sc-info { | |
padding-top: 20px; | |
} | |
.de_tab.tab_style_4 .de_nav li { | |
min-width: 100px; | |
} | |
#mainmenu a span { | |
display: none; | |
} | |
.pf_full_width.grid { | |
margin-left: 1.5%; | |
} | |
.de_tab.tab_steps.style-2 .de_nav li.active .arrow { | |
margin-top: -40px; | |
margin-bottom: 40px; | |
} | |
.table-custom-1 { | |
position: relative; | |
height: auto; | |
} | |
h1.very-big { | |
font-size: 9vw; | |
letter-spacing: 0; | |
} | |
.timeline>li>.timeline-panel { | |
width: 100%; | |
} | |
.timeline-badge { | |
display: none; | |
} | |
.timeline:before { | |
background: none; | |
} | |
} | |
/* -------------------------------------------------- | |
custom for 320px & 480px | |
/* -------------------------------------------------- */ | |
@media only screen and (max-width: 767px) { | |
header .container { | |
min-width: 100%; | |
} | |
.side-bg, | |
.image-container { | |
height: 400px; | |
position: static; | |
display: block; | |
} | |
.xs-hide { | |
display: none; | |
} | |
.pricing-2-col .pricing-box, | |
.pricing-3-col .pricing-box, | |
.pricing-4-col .pricing-box, | |
.pricing-5-col .pricing-box { | |
width: 100%; | |
} | |
.container-4 .de-team-list { | |
width: 100%; | |
float: left; | |
position: relative; | |
} | |
.countdown-section { | |
font-size: 12px; | |
} | |
.countdown-amount { | |
font-size: 36px; | |
} | |
.container { | |
padding-left: 30px; | |
padding-right: 30px; | |
} | |
.feature-box-image, | |
.pricing-box { | |
margin-bottom: 30px; | |
} | |
#filters li.pull-right { | |
float: none; | |
} | |
.pf_full_width .item { | |
float: left; | |
width: 49.9%; | |
} | |
.text-item { | |
font-size: 48px; | |
line-height: 48px; | |
} | |
.text-item i { | |
font-size: 36px; | |
} | |
#de-sidebar { | |
width: 100%; | |
display: block; | |
position: relative; | |
} | |
.gallery_border { | |
margin-left: 0px; | |
} | |
.pf_full_width.gallery_border .item { | |
width: 48.9%; | |
} | |
body.boxed { | |
margin: 0px; | |
} | |
.schedule-item .sc-time { | |
width: 100%; | |
padding-bottom: 20px; | |
float: none; | |
} | |
.schedule-item .sc-pic { | |
width: 80px; | |
} | |
.schedule-item .sc-pic img { | |
width: 60px; | |
} | |
.schedule-item .sc-name { | |
padding-top: 5px; | |
} | |
.schedule-item .sc-info { | |
float: none; | |
display: block; | |
width: 100%; | |
clear: both; | |
padding-top: 30px; | |
} | |
.schedule-item .sc-info h4 { | |
margin-bottom: 10px; | |
} | |
.de_tab.tab_style_4 .de_nav { | |
border-radius: 0; | |
-moz-border-radius: 0; | |
-webkit-border-radius: 0; | |
} | |
.de_tab.tab_style_4 .de_nav li { | |
min-width: 33.3%; | |
width: 33.3%; | |
border: none; | |
} | |
.de_tab.tab_style_4 .de_nav li:first-child, | |
.de_tab.tab_style_4 .de_nav li:last-child { | |
border-radius: 0; | |
-moz-border-radius: 0; | |
-webkit-border-radius: 0; | |
} | |
.pf_full_width.grid { | |
margin-left: .2%; | |
} | |
.pf_full_width.grid .item { | |
width: 48.5%; | |
} | |
.display-table [class*="col-"] { | |
display: block; | |
} | |
h1.big, | |
h1_big { | |
font-size: 8vw; | |
line-height: 10vw; | |
} | |
} | |
/* -------------------------------------------------- | |
design for 480px | |
/* -------------------------------------------------- */ | |
@media only screen and (min-width: 480px) and (max-width: 767px) { | |
.container { | |
padding-left: 30px; | |
padding-right: 30px; | |
} | |
.feature-box-image, | |
.pricing-box { | |
margin-bottom: 30px; | |
} | |
header div#logo img { | |
max-width: 200px; | |
height: auto; | |
} | |
.timeline-panel { | |
margin-bottom: 30px; | |
} | |
.timeline-pic { | |
height: 300px; | |
} | |
} | |
/* -------------------------------------------------- | |
design for 320px | |
/* -------------------------------------------------- */ | |
@media only screen and (max-width: 480px) { | |
.pf_full_width .item { | |
float: left; | |
width: 100%; | |
} | |
.text-item { | |
font-size: 32px; | |
line-height: 32px; | |
} | |
.text-item i { | |
font-size: 24px; | |
} | |
header div#logo img { | |
max-width: 200px; | |
height: auto; | |
} | |
.pf_full_width.gallery_border .item { | |
width: 100%; | |
} | |
h4.s2 span { | |
display: block; | |
margin: 0; | |
padding: 0; | |
} | |
} | |
/* section control */ | |
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) { | |
section { | |
-webkit-background-size: auto 100%; | |
-moz-background-size: auto 100%; | |
-o-background-size: auto 100%; | |
background-size: auto 100%; | |
background-attachment: scroll; | |
} | |
} | |
@media only screen and (max-width: 992px) { | |
#subheader { | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
background-size: cover; | |
background-attachment: scroll; | |
} | |
} | |
@media only screen and (max-width: 992px) { | |
section { | |
-webkit-background-size: auto 100%; | |
-moz-background-size: auto 100%; | |
-o-background-size: auto 100%; | |
background-size: auto 100%; | |
background-attachment: scroll; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment