Compare commits
2 Commits
d57901962e
...
7aa3fd4715
| Author | SHA1 | Date |
|---|---|---|
 Arne Schauf
|
7aa3fd4715 | 3 weeks ago |
|
Arne Schauf
|
620fce0ae2 | 3 weeks ago |
File diff suppressed because it is too large
Load Diff
@ -1,990 +0,0 @@ |
||||
/* |
||||
* Template Name: Unify - Responsive Bootstrap Template |
||||
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. |
||||
* Version: 1.6 |
||||
* Author: @htmlstream |
||||
* Website: http://htmlstream.com |
||||
*/ |
||||
|
||||
/*Block Grid v1 |
||||
------------------------------------*/ |
||||
.block-grid-v1 { |
||||
background: #fff; |
||||
padding: 15px 15px 5px; |
||||
border-bottom: solid 2px #eee; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.block-grid-v1:hover { |
||||
border-color: #72c02c; |
||||
} |
||||
|
||||
.block-grid-v1 img { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.block-grid-v1 img.block-grid-v1-img { |
||||
width: 35px; |
||||
height: 35px; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.block-grid-v1.content-boxes-v1 img.pull-left { |
||||
float: inherit !important; |
||||
} |
||||
|
||||
.block-grid-v1 h3 a { |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-grid-v1.content-boxes-v1 h3 { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.block-grid-v1.content-boxes-v1 h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
/*Star Vote*/ |
||||
.block-grid-v1 .star-vote { |
||||
padding: 0; |
||||
margin-bottom: 10px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.block-grid-v1 .star-vote li { |
||||
padding: 0; |
||||
font-size: 11px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
/*Additional Info*/ |
||||
.block-grid-v1-add-info { |
||||
margin: 0; |
||||
padding-top: 15px; |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.block-grid-v1-add-info li { |
||||
padding: 0; |
||||
margin-right: 3px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.block-grid-v1-add-info li a { |
||||
font-size: 11px; |
||||
padding: 4px 7px; |
||||
text-decoration: none; |
||||
border: solid 2px #eee; |
||||
border-radius: 3px !important; |
||||
} |
||||
|
||||
/*Block Grid v2 |
||||
------------------------------------*/ |
||||
.grid-block-v2 { |
||||
padding: 0; |
||||
} |
||||
|
||||
.grid-block-v2 li { |
||||
list-style: none; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.grid-block-v2-info { |
||||
padding: 15px; |
||||
text-align: center; |
||||
background: #f9f9f9; |
||||
border-bottom: solid 3px #eee; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.grid-block-v2 li:hover .grid-block-v2-info { |
||||
border-color: #72c02c; |
||||
} |
||||
|
||||
.grid-block-v2-info h3 { |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.grid-block-v2-info .star-vote li { |
||||
padding: 2px; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
/*News Section |
||||
------------------------------------*/ |
||||
.news-section { |
||||
border-top: solid 1px #eee; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.news-v1 .news-v1-in { |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.news-v1 h3 { |
||||
margin-bottom: 0; |
||||
font-weight: 200; |
||||
line-height: 28px; |
||||
padding: 10px 15px 15px; |
||||
} |
||||
|
||||
.news-v1 h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
.news-v1 h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.news-v1 p { |
||||
color: #555; |
||||
padding: 0 15px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.news-v1 .news-v1-info { |
||||
overflow: hidden; |
||||
margin-top: 30px; |
||||
padding: 8px 15px; |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.news-v1 .news-v1-info li { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.news-v1 .news-v1-info li a:hover { |
||||
color: #72c02c; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Services Box v1 |
||||
------------------------------------*/ |
||||
.service-box-v1 .service-block { |
||||
background: #fff; |
||||
padding-top: 30px; |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
.service-box-v1 p { |
||||
position: relative; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
.service-box-v1 p:after { |
||||
content: " "; |
||||
left: 50%; |
||||
height: 1px; |
||||
width: 50px; |
||||
bottom: -15px; |
||||
position: absolute; |
||||
margin-left: -25px; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
.service-box-v1 ul { |
||||
padding: 0 40px; |
||||
} |
||||
|
||||
.service-box-v1 li { |
||||
margin: 8px 0; |
||||
font-size: 15px; |
||||
padding-top: 8px; |
||||
border-top: dotted 1px #72c02c; |
||||
} |
||||
|
||||
.service-box-v1 li:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.service-box-v1 li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
/*Service Block v1 |
||||
------------------------------------*/ |
||||
.service-block-v1 { |
||||
margin-top: 20px; |
||||
text-align: center; |
||||
position: relative; |
||||
padding: 45px 20px 20px; |
||||
border: 1px solid #f2f2f2; |
||||
} |
||||
|
||||
.service-block-v1 i { |
||||
left: 50%; |
||||
top: -30px; |
||||
color: #fff; |
||||
width: 60px; |
||||
height: 60px; |
||||
padding: 16px; |
||||
font-size: 30px; |
||||
margin-left: -30px; |
||||
text-align: center; |
||||
position: absolute; |
||||
background: #72c02c; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.service-block-v1 h3, |
||||
.service-block-v1 p { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
/*Team v1 Section |
||||
------------------------------------*/ |
||||
.team-v1 ul { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Team Image*/ |
||||
.team-v1 li > .team-img { |
||||
position: relative; |
||||
} |
||||
|
||||
.team-v1 li > .team-img:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: transparent; |
||||
transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li:hover > .team-img:after { |
||||
background: rgba(0,0,0,0.5); |
||||
} |
||||
|
||||
/*Team Socials*/ |
||||
.team-v1 li > .team-img ul { |
||||
left: 0; |
||||
top: 45%; |
||||
z-index: 1; |
||||
padding: 0; |
||||
width: 100%; |
||||
height: 36px; |
||||
list-style: none; |
||||
margin-top: -18px; |
||||
text-align: center; |
||||
visibility: hidden; |
||||
position: absolute; |
||||
transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li:hover > .team-img ul { |
||||
top: 50%; |
||||
visibility: visible; |
||||
} |
||||
|
||||
.team-v1 li > .team-img ul li { |
||||
margin: 0 5px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i { |
||||
color: #eee; |
||||
border-width: 2px; |
||||
border-color: #eee; |
||||
transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i.fa-twitter:hover { |
||||
color: #fff; |
||||
background: #3498db; |
||||
border-color: #3498db; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i.fa-facebook:hover { |
||||
color: #fff; |
||||
background: #4765a0; |
||||
border-color: #4765a0; |
||||
} |
||||
|
||||
.team-v1 li > .team-img li i.fa-google-plus:hover { |
||||
color: #fff; |
||||
background: #e74c3c; |
||||
border-color: #e74c3c; |
||||
} |
||||
|
||||
/*Team Discription*/ |
||||
.team-v1 li > h3 { |
||||
color: #000; |
||||
font-size: 18px; |
||||
line-height: 20px; |
||||
margin: 15px 0 7px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.team-v1 li > h4 { |
||||
color: #999; |
||||
font-size: 11px; |
||||
line-height: 16px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.team-v1 li > p { |
||||
margin: 20px 0; |
||||
position: relative; |
||||
} |
||||
|
||||
.team-v1 li > p:before { |
||||
left: 0; |
||||
top: -10px; |
||||
height: 1px; |
||||
width: 40px; |
||||
content: " "; |
||||
position: absolute; |
||||
background: #bbb; |
||||
transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.team-v1 li:hover > p:before { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Call To Action v1 |
||||
------------------------------------*/ |
||||
.call-action-v1 p { |
||||
margin-top: 5px; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-box { |
||||
width: 100%; |
||||
display: table; |
||||
padding: 30px 0; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-in { |
||||
display: table-cell; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-in.inner-btn { |
||||
min-width: 250px; |
||||
text-align: right; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.call-action-v1 .call-action-v1-in, |
||||
.call-action-v1 .call-action-v1-in.inner-btn { |
||||
display: block; |
||||
text-align: center; |
||||
} |
||||
|
||||
.call-action-v1 .call-action-v1-in p { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Portfolio Box |
||||
------------------------------------*/ |
||||
/*Portfolio Box*/ |
||||
.portfolio-box { |
||||
margin-bottom: 100px; |
||||
} |
||||
|
||||
@media (min-width: 991px) and (max-width: 1199px) { |
||||
.portfolio-box { |
||||
margin-bottom: 60px; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 768px) and (max-width: 992px) { |
||||
.portfolio-box { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.portfolio-box { |
||||
margin-bottom: 60px; |
||||
} |
||||
} |
||||
|
||||
.portfolio-box a.zoomer { |
||||
background: #fff; |
||||
overflow: hidden; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:after { |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:hover:after { |
||||
background: rgba(0,0,0,0.5); |
||||
} |
||||
|
||||
.portfolio-box a.zoomer img { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
transition: all 500ms ease 0s; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:hover img { |
||||
transform: scale(1.1) rotate(0.1deg); |
||||
} |
||||
|
||||
.portfolio-box .portfolio-box-in { |
||||
left: 0; |
||||
top: 50%; |
||||
z-index: 1; |
||||
width: 100%; |
||||
min-height: 50px; |
||||
margin-top: -25px; |
||||
visibility: hidden; |
||||
text-align: center; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:hover .portfolio-box-in { |
||||
visibility: visible; |
||||
} |
||||
|
||||
.portfolio-box a.zoomer:after, |
||||
.portfolio-box a.zoomer:hover:after, |
||||
.portfolio-box a.zoomer:hover .portfolio-box-in i { |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box .portfolio-box-in i { |
||||
color: #fff; |
||||
width: 50px; |
||||
height: 50px; |
||||
padding: 16px; |
||||
font-size: 20px; |
||||
text-align: center; |
||||
background: #72c02c; |
||||
display: inline-block; |
||||
} |
||||
|
||||
/*Project Tag*/ |
||||
.portfolio-box small.project-tag { |
||||
display: block; |
||||
font-size: 12px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.portfolio-box small.project-tag, |
||||
.portfolio-box small.project-tag a { |
||||
color: #999; |
||||
} |
||||
|
||||
.portfolio-box small.project-tag i { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.portfolio-box small.project-tag a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Portfolio Box v1 |
||||
------------------------------------*/ |
||||
.portfolio-box-v1 { |
||||
margin: 0; |
||||
} |
||||
|
||||
.portfolio-box-v1 [class^="col-"] { |
||||
padding: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.portfolio-box-v1 li { |
||||
background: #333; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.portfolio-box-v1 li:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box-v1 li:hover:after { |
||||
background: rgba(0,0,0,0.7); |
||||
} |
||||
|
||||
.portfolio-box-v1 li:after, |
||||
.portfolio-box-v1 li:hover:after { |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v1 li img { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v1 li:hover img { |
||||
-transform: scale(1.1); |
||||
-o-transform: scale(1.1); |
||||
-moz-transform: scale(1.1); |
||||
-webkit-transform: scale(1.1); |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in { |
||||
left: 0; |
||||
top: 50%; |
||||
z-index: 1; |
||||
width: 100%; |
||||
visibility: hidden; |
||||
min-height: 150px; |
||||
margin-top: -75px; |
||||
text-align: center; |
||||
position: absolute; |
||||
font-family: "Open Sans"; |
||||
} |
||||
|
||||
.portfolio-box-v1 li:hover .portfolio-box-v1-in { |
||||
visibility: visible; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in h3 { |
||||
font-size: 22px; |
||||
margin-top: 20px; |
||||
position: relative; |
||||
margin-bottom: 20px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in h3:after { |
||||
left: 50%; |
||||
height: 1px; |
||||
width: 40px; |
||||
content: " "; |
||||
bottom: -10px; |
||||
background: #fff; |
||||
margin-left: -20px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in p, |
||||
.portfolio-box-v1 .portfolio-box-v1-in h3 { |
||||
color: #fff; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in p { |
||||
font-size: 16px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.portfolio-box-v1 .portfolio-box-v1-in a.btn-u { |
||||
font-weight: normal; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
/*Portfolio Feature v2 |
||||
------------------------------------*/ |
||||
.portfolio-box-v2 { |
||||
margin: 0 0 60px; |
||||
} |
||||
|
||||
.portfolio-box-v2 [class^="col-"] { |
||||
padding: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.portfolio-box-v2 li { |
||||
background: #333; |
||||
overflow: hidden; |
||||
position: relative; |
||||
-webkit-backface-visibility: hidden; /*For Chrome*/ |
||||
} |
||||
|
||||
.portfolio-box-v2 li:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
} |
||||
|
||||
.portfolio-box-v2 li:hover:after { |
||||
background: rgba(255,255,255,0.6); |
||||
} |
||||
|
||||
.portfolio-box-v2 li:after, |
||||
.portfolio-box-v2 li:hover:after { |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v2 li img { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.portfolio-box-v2 li:hover img { |
||||
-transform: scale(1.1); |
||||
-o-transform: scale(1.1); |
||||
-moz-transform: scale(1.1); |
||||
-webkit-transform: scale(1.1); |
||||
} |
||||
|
||||
.portfolio-box-v2 .portfolio-box-v2-in { |
||||
left: 0; |
||||
top: 50%; |
||||
z-index: 1; |
||||
width: 100%; |
||||
visibility: hidden; |
||||
min-height: 60px; |
||||
margin-top: -30px; |
||||
text-align: center; |
||||
position: absolute; |
||||
font-family: "Open Sans"; |
||||
} |
||||
|
||||
.portfolio-box-v2 li:hover .portfolio-box-v2-in { |
||||
visibility: visible; |
||||
} |
||||
|
||||
.portfolio-box-v2 .portfolio-box-v2-in i { |
||||
color: #fff; |
||||
width: 60px; |
||||
height: 60px; |
||||
padding: 20px; |
||||
font-size: 22px; |
||||
cursor: pointer; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
background: rgba(114,192,44,0.8); |
||||
} |
||||
|
||||
.portfolio-box-v2 .portfolio-box-v2-in i:hover { |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Thumbnail v1 |
||||
------------------------------------*/ |
||||
.thumbnails-v1 .thumbnail-img { |
||||
margin-bottom: 12px; |
||||
} |
||||
|
||||
.thumbnails-v1 h3 { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.thumbnails-v1 h3 a { |
||||
color: #555; |
||||
font-size: 15px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.thumbnails-v1 .read-more { |
||||
color: #72c02c; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Image Backgrounds v1 |
||||
------------------------------------*/ |
||||
.bg-image-v1 { |
||||
width: 100%; |
||||
height: auto; |
||||
padding: 50px 0; |
||||
position: relative; |
||||
background: url(../img/bg/11.jpg) repeat fixed; |
||||
} |
||||
|
||||
.bg-image-v1:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.5); |
||||
} |
||||
|
||||
/*Image Backgrounds v2 |
||||
------------------------------------*/ |
||||
.bg-image-v2 { |
||||
width: 100%; |
||||
height: auto; |
||||
padding: 50px 0; |
||||
position: relative; |
||||
background: url(../img/bg/15.jpg) repeat fixed; |
||||
} |
||||
|
||||
.bg-image-v2:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(255,255,255,0.6); |
||||
} |
||||
|
||||
/*Parallax Backgrounds |
||||
------------------------------------*/ |
||||
/*Parallax Counter Block*/ |
||||
.parallax-counter { |
||||
padding: 30px 0; |
||||
background: url(../img/patterns/5.png) repeat fixed; |
||||
} |
||||
|
||||
.parallax-counter .counters { |
||||
color: #fff; |
||||
padding: 15px 0; |
||||
} |
||||
|
||||
.parallax-counter h4 { |
||||
color: #999; |
||||
font-size: 16px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.parallax-counter span.counter { |
||||
font-size: 48px; |
||||
} |
||||
|
||||
/*Parallax Team*/ |
||||
.parallax-team { |
||||
background: url(../img/team/faces.jpg) 50% 0 repeat fixed; |
||||
} |
||||
|
||||
.parallax-team, |
||||
.parallax-team .title-box-v2 { |
||||
position: relative; |
||||
} |
||||
|
||||
.parallax-team:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(255,255,255,0.9); |
||||
} |
||||
|
||||
/*Parallax Quote*/ |
||||
.parallax-quote { |
||||
color: #fff; |
||||
padding: 100px 0; |
||||
position: relative; |
||||
text-align: center; |
||||
background: url(../img/contents/faces.jpg) 50% 0 repeat fixed; |
||||
} |
||||
|
||||
.parallax-quote:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.8); |
||||
} |
||||
|
||||
.parallax-quote:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: url(../img/patterns/gridtile.png) repeat; |
||||
} |
||||
|
||||
.parallax-quote-in { |
||||
z-index: 1; |
||||
padding: 0 80px; |
||||
position: relative; |
||||
} |
||||
|
||||
.parallax-quote-in p { |
||||
color: #fff; |
||||
font-size: 28px; |
||||
text-transform: uppercase; |
||||
font-family: 'Open Sans', sans-serif; |
||||
} |
||||
|
||||
.parallax-quote-in p:after, |
||||
.parallax-quote-in p:before { |
||||
content: ' " '; |
||||
position: absolute; |
||||
font-family: Tahoma; |
||||
} |
||||
|
||||
.parallax-quote-in p:after { |
||||
margin-left: 3px; |
||||
} |
||||
|
||||
.parallax-quote-in p:before { |
||||
margin-left: -15px; |
||||
} |
||||
|
||||
.parallax-quote-in small { |
||||
color: #bbb; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (max-width: 768px){ |
||||
.parallax-quote-in { |
||||
padding: 0 40px; |
||||
} |
||||
|
||||
.parallax-quote-in p { |
||||
font-size: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Flat Background Block |
||||
------------------------------------*/ |
||||
.flat-bg-block-v1 { |
||||
padding: 40px 0; |
||||
background: url(../img/patterns/16.png) repeat; |
||||
} |
||||
|
||||
.flat-bg-block-v1 .checked-list.first-child { |
||||
float: left; |
||||
margin-right: 100px; |
||||
} |
||||
|
||||
.flat-bg-block-v1 .checked-list li { |
||||
color: #888; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.flat-bg-block-v1 .checked-list i { |
||||
color: #72c02c; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
/*Image Over*/ |
||||
.flat-bg-block-v1 img.img-over { |
||||
top: -70px; |
||||
right: 10px; |
||||
position: absolute; |
||||
} |
||||
|
||||
@media (min-width: 991px) and (max-width: 1199px) { |
||||
.flat-bg-block-v1 img.img-over { |
||||
top: -18px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.flat-bg-block-v1 img.img-over { |
||||
position: static; |
||||
} |
||||
} |
||||
|
||||
/*Flat Testimonials |
||||
------------------------------------*/ |
||||
.flat-testimonials { |
||||
padding: 50px 0; |
||||
background-color: #333; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in { |
||||
padding: 30px; |
||||
text-align: center; |
||||
background: rgba(255,255,255,0.2); |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in img { |
||||
width: 135px; |
||||
height: 135px; |
||||
margin: 0 auto 25px; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in h3 { |
||||
color: #fff; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in span { |
||||
display: block; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
position: relative; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p:before, |
||||
.flat-testimonials .flat-testimonials-in p:after { |
||||
top: 5px; |
||||
font-size: 22px; |
||||
line-height: 10px; |
||||
position: relative; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p:before { |
||||
content: "“"; |
||||
padding-right: 5px; |
||||
} |
||||
|
||||
.flat-testimonials .flat-testimonials-in p:after { |
||||
content: "”"; |
||||
padding-left: 5px; |
||||
} |
||||
@ -1,27 +0,0 @@ |
||||
/* Add here all your css styles (customizations) */ |
||||
.upcoming-events { |
||||
max-height: 300px; |
||||
overflow: hidden; |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .profile-event { |
||||
padding: 10px 15px; |
||||
margin-bottom: 2px; |
||||
} |
||||
|
||||
.profile .date-formats { |
||||
color: #fff; |
||||
float: left; |
||||
text-align: center; |
||||
background: #72c02c; |
||||
margin: 7px 13px 0 0; |
||||
padding: 7px 10px 4px; |
||||
} |
||||
|
||||
.profile .date-formats span { |
||||
display: block; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
line-height: 25px; |
||||
} |
||||
@ -1,98 +0,0 @@ |
||||
/*Footer Default |
||||
------------------------------------*/ |
||||
.footer-default .footer { |
||||
color: #dadada; |
||||
background: #585f69; |
||||
padding: 20px 0 30px; |
||||
} |
||||
|
||||
.footer.margin-top-0 { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.footer-default .footer p, |
||||
.footer-default .footer a { |
||||
font-size: 14px; |
||||
} |
||||
.footer-default .footer p { |
||||
color: #dadada; |
||||
} |
||||
|
||||
.footer-default .footer a { |
||||
color: #72c02c; |
||||
} |
||||
.footer-default .footer a:hover { |
||||
color: #5fb611; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.footer-default .footer h2, |
||||
.footer-default .footer h3, |
||||
.footer-default .footer h4 { |
||||
color: #e4e4e4; |
||||
background: none; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
/*Footer Subsribe*/ |
||||
.footer-default .footer .footer-subsribe { |
||||
width: 85%; |
||||
} |
||||
|
||||
/*Footer Blog Posts*/ |
||||
.footer-default .footer .blog-list { |
||||
margin: 0; |
||||
padding: 0; |
||||
color: #dadada; |
||||
list-style: none; |
||||
} |
||||
|
||||
.footer-default .footer .blog-list li { |
||||
padding: 0 0; |
||||
margin-bottom: 7px; |
||||
} |
||||
.footer-default .footer .blog-list li span { |
||||
color: #818488; |
||||
} |
||||
|
||||
.footer-default .footer .dl-horizontal, |
||||
.footer-default .footer .dl-horizontal:hover { |
||||
border: none !important; |
||||
background: none !important; |
||||
} |
||||
.footer-default .footer .posts .dl-horizontal a { |
||||
color: #dadada; |
||||
} |
||||
.footer-default .footer .dl-horizontal a:hover { |
||||
color: #5fb611 !important; |
||||
} |
||||
.footer-default .footer .dl-horizontal img { |
||||
border-color: #888 !important; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-default .copyright { |
||||
font-size: 12px; |
||||
padding: 11px 0 7px; |
||||
background: #3e4753; |
||||
} |
||||
|
||||
.footer-default .copyright p { |
||||
color: #dadada; |
||||
margin-top: 12px; |
||||
} |
||||
|
||||
.footer-default .copyright a { |
||||
margin: 0 5px; |
||||
color: #72c02c; |
||||
} |
||||
.footer-default .copyright a:hover { |
||||
color: #5fb611; |
||||
} |
||||
|
||||
.footer-default .copyright a img { |
||||
margin-top: 5px; |
||||
} |
||||
@ -1,69 +0,0 @@ |
||||
/*Footer-v1 |
||||
------------------------------------*/ |
||||
.footer-v1 .footer { |
||||
padding: 40px 0; |
||||
background: #272727; |
||||
} |
||||
|
||||
.footer-v1 .footer p { |
||||
color: #eee; |
||||
} |
||||
|
||||
.footer-v1 .footer h2 { |
||||
color: #eee; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
/*Link List*/ |
||||
.footer-v1 .link-list li { |
||||
border-top: solid 1px #353535; |
||||
} |
||||
|
||||
.footer-v1 address, |
||||
.footer-v1 .link-list a, |
||||
.footer-v1 .link-list i { |
||||
color: #eee; |
||||
} |
||||
|
||||
.footer-v1 address { |
||||
line-height: 23px; |
||||
} |
||||
|
||||
/*Dotted Map*/ |
||||
.footer-v1 .footer .map-img { |
||||
background: url(../../img/map-img.png) 5px 60px no-repeat; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v1 .copyright { |
||||
background: #222; |
||||
border-top: none; |
||||
padding: 10px 0 5px; |
||||
} |
||||
|
||||
.footer-v1 .copyright p { |
||||
color: #eee; |
||||
margin-top: 14px; |
||||
} |
||||
|
||||
.footer-v1 .copyright a { |
||||
margin: 0 2px; |
||||
} |
||||
|
||||
.footer-v1 .footer-socials { |
||||
margin-top: 12px; |
||||
text-align: right; |
||||
} |
||||
|
||||
.footer-v1 .footer-socials li a { |
||||
color: #777; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.footer-v1 .copyright, |
||||
.footer-v1 .footer-socials { |
||||
text-align: left; |
||||
} |
||||
} |
||||
@ -1,52 +0,0 @@ |
||||
/*Footer-v2 |
||||
------------------------------------*/ |
||||
.footer-v2 .footer { |
||||
padding: 40px 0; |
||||
background: #f7f7f7; |
||||
border-top: 3px solid #eee; |
||||
} |
||||
|
||||
.footer-v2 .footer p { |
||||
color: #555; |
||||
} |
||||
|
||||
.footer-v2 .headline h2 { |
||||
color: #585f69; |
||||
} |
||||
|
||||
/*Footer Subsribe*/ |
||||
.footer-v2 .footer-subsribe { |
||||
width: 100%; |
||||
} |
||||
|
||||
/*Link List*/ |
||||
.footer-v2 .link-list li { |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.footer-v2 .link-list a { |
||||
color: #555; |
||||
} |
||||
|
||||
.footer-v2 address { |
||||
color: #555; |
||||
line-height: 23px; |
||||
} |
||||
|
||||
.footer-v2 address i { |
||||
min-width: 20px; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v2 .copyright { |
||||
border-top: none; |
||||
background: #eee; |
||||
padding: 20px 0 15px; |
||||
} |
||||
|
||||
.footer-v2 .copyright p { |
||||
color: #555; |
||||
margin-bottom: 0; |
||||
} |
||||
@ -1,46 +0,0 @@ |
||||
/*Footer-v3 |
||||
------------------------------------*/ |
||||
.footer-v3 .footer { |
||||
padding: 40px 0; |
||||
background: #252525; |
||||
border-top: 5px solid #555; |
||||
} |
||||
|
||||
.footer-v3 .thumb-headline h2 { |
||||
color: #fff; |
||||
line-height: 22px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.footer-v3 .footer p, |
||||
.footer-v3 .simple-list a { |
||||
color: #bbb; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v3 .copyright { |
||||
padding: 10px 0; |
||||
background: #222; |
||||
border-top-color: #292929; |
||||
} |
||||
|
||||
.footer-v3 .copyright p { |
||||
color: #bbb; |
||||
margin-top: 14px; |
||||
} |
||||
|
||||
.footer-v3 .copyright .social-icons { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.footer-v3 .copyright, |
||||
.footer-v3 .copyright p, |
||||
.footer-v3 .copyright ul { |
||||
text-align: left; |
||||
} |
||||
|
||||
.footer-v3 .copyright .social-icons.pull-right { |
||||
float: inherit !important; |
||||
} |
||||
} |
||||
@ -1,98 +0,0 @@ |
||||
/*Footer-v4 |
||||
------------------------------------*/ |
||||
/*Footer*/ |
||||
.footer-v4 .footer { |
||||
padding: 50px 0; |
||||
background: #151515; |
||||
} |
||||
|
||||
.footer-v4 .footer p { |
||||
color: #bbb; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.footer-v4 img.footer-logo { |
||||
margin: 15px 0 20px; |
||||
} |
||||
|
||||
.footer-v4 .address-list li { |
||||
color: #bbb; |
||||
margin-bottom: 7px; |
||||
} |
||||
|
||||
.footer-v4 .address-list li i { |
||||
margin-right: 10px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.footer-v4 .shop-social li i { |
||||
color: #bbb; |
||||
width: 30px; |
||||
height: 30px; |
||||
padding: 8px; |
||||
font-size: 16px; |
||||
text-align: center; |
||||
background: #414040; |
||||
} |
||||
|
||||
.footer-v4 .shop-social li i:hover { |
||||
background: #353535; |
||||
} |
||||
|
||||
.footer-v4 h2.thumb-headline { |
||||
color: #ddd; |
||||
font-size: 16px; |
||||
margin-bottom: 3px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.footer-v4 .simple-list li { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v4 .simple-list a { |
||||
color: #bbb; |
||||
font-size: 14px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
/*Copyright*/ |
||||
.footer-v4 .copyright { |
||||
padding: 15px 0; |
||||
border-top: none; |
||||
background: #191919; |
||||
} |
||||
|
||||
.footer-v4 .copyright p { |
||||
color: #bbb; |
||||
font-size: 12px; |
||||
margin-top: 13px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v4 .copyright a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.footer-v4 .sponsors-icons { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v4 .sponsors-icons i { |
||||
color: #fff; |
||||
font-size: 40px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.footer-v4 .copyright { |
||||
text-align: center; |
||||
} |
||||
|
||||
.footer-v4 .copyright p { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.footer-v4 .sponsors-icons.pull-right { |
||||
float: none !important; |
||||
} |
||||
} |
||||
@ -1,191 +0,0 @@ |
||||
/*Footer-v5 |
||||
------------------------------------*/ |
||||
.footer-v5 .footer { |
||||
padding: 70px 0; |
||||
background: #252525; |
||||
} |
||||
|
||||
.footer-v5 .footer p { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Heading Fotoer*/ |
||||
.footer-v5 .heading-footer { |
||||
text-align: left; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
padding-bottom: 2px; |
||||
} |
||||
|
||||
.footer-v5 .heading-footer:after { |
||||
left: 0; |
||||
bottom: 0; |
||||
height: 1px; |
||||
width: 50px; |
||||
content: " "; |
||||
background: #fff; |
||||
position: absolute; |
||||
} |
||||
|
||||
.footer-v5 .heading-footer h2 { |
||||
color: #eee; |
||||
font-size: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Dark Social v2*/ |
||||
.footer-v5 .dark-social-v2 li { |
||||
padding-right: 0; |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
.footer-v5 .dark-social-v2 li:first-child { |
||||
padding-left: 5px; |
||||
} |
||||
|
||||
.footer-v5 .dark-social-v2 li i { |
||||
color: #777; |
||||
width: 30px; |
||||
height: 30px; |
||||
font-size: 14px; |
||||
padding: 8px 5px; |
||||
text-align: center; |
||||
background: #353535; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v5 .dark-social-v2 li i:hover { |
||||
color: #fff; |
||||
background: #72c02c; |
||||
text-decoration: none; |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
/*Link News*/ |
||||
.footer-v5 .footer .link-news { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li { |
||||
padding: 12px 0px; |
||||
border-top: solid 1px #333; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li a { |
||||
color: #777; |
||||
font-size: 14px; |
||||
margin-bottom: 3px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v5 .footer .link-news li small { |
||||
color: #555; |
||||
display: block; |
||||
} |
||||
|
||||
/*Thumb News*/ |
||||
.footer-v5 .footer .thumb-news > li { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li:before, |
||||
.footer-v5 .footer .thumb-news > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li img { |
||||
float: left; |
||||
width: 80px; |
||||
height: auto; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li a { |
||||
color: #777; |
||||
display: block; |
||||
padding-bottom: 8px; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v5 .footer .thumb-news > li small { |
||||
color: #555; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
/*Tweets*/ |
||||
.footer-v5 .footer .tweets li { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li i { |
||||
float: left; |
||||
color: #777; |
||||
font-size: 25px; |
||||
margin: 3px 10px 0 0; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li a { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v5 .footer .tweets li small { |
||||
color: #555; |
||||
} |
||||
|
||||
/*Footer Copyright*/ |
||||
.footer-v5 .copyright { |
||||
padding: 15px 0; |
||||
background: #202020; |
||||
} |
||||
|
||||
/*Footer Copyright*/ |
||||
.footer-v5 .copyright .terms-menu { |
||||
margin: 6px 0 0; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li { |
||||
color: #bbb; |
||||
font-size: 13px; |
||||
line-height: 10px; |
||||
margin-right: 2px; |
||||
padding-left: 10px; |
||||
padding-left: 10px; |
||||
border-left: 1px solid #777; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li:first-child { |
||||
border-left: none; |
||||
padding: 0 7px 0 0; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.footer-v5 .copyright .terms-menu li a:hover { |
||||
color: #bbb; |
||||
} |
||||
@ -1,185 +0,0 @@ |
||||
/* Footer |
||||
------------------------------------*/ |
||||
.footer-v6 .footer { |
||||
padding: 70px 0; |
||||
background: #161616; |
||||
} |
||||
|
||||
.footer-v6 .footer p { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Heading Fotoer*/ |
||||
.footer-v6 .heading-footer { |
||||
text-align: left; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
padding-bottom: 2px; |
||||
} |
||||
|
||||
.footer-v6 .heading-footer:after { |
||||
left: 0; |
||||
bottom: 0; |
||||
height: 1px; |
||||
width: 50px; |
||||
content: " "; |
||||
background: #fff; |
||||
position: absolute; |
||||
} |
||||
|
||||
.footer-v6 .heading-footer h2 { |
||||
color: #eee; |
||||
font-size: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Link News*/ |
||||
.footer-v6 .footer .link-news { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li { |
||||
padding: 12px 0px; |
||||
border-top: solid 1px #353535; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li a { |
||||
color: #777; |
||||
font-size: 14px; |
||||
margin-bottom: 3px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.footer-v6 .footer .link-news li small { |
||||
color: #555; |
||||
display: block; |
||||
} |
||||
|
||||
/*Link List*/ |
||||
.footer-v6 .footer-link-list li { |
||||
padding: 9px 0px; |
||||
border-top: solid 1px #333; |
||||
} |
||||
|
||||
.footer-v6 .footer-link-list li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.footer-v6 .footer-link-list li a { |
||||
color: #777; |
||||
font-size: 14px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v6 .footer-link-list a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
/*Contacts*/ |
||||
.footer-v6 .footer .contacts { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li:before, |
||||
.footer-v6 .footer .contacts li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li i { |
||||
float: left; |
||||
width: 30px; |
||||
height: 30px; |
||||
color: #777; |
||||
padding: 8px 5px; |
||||
background: #333; |
||||
text-align: center; |
||||
margin: 4px 10px 0 0; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.footer-v6 .footer .contacts li a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
/*Footer Copyright*/ |
||||
.footer-v6 .copyright { |
||||
padding: 15px 0; |
||||
background: #222; |
||||
} |
||||
|
||||
/*Social Icons*/ |
||||
.footer-v6 .dark-social { |
||||
margin: 5px 0 0; |
||||
} |
||||
|
||||
.footer-v6 .dark-social li { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
.footer-v6 .dark-social li i { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Terms Menu*/ |
||||
.footer-v6 .copyright .terms-menu { |
||||
margin: 7px 0 0; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li { |
||||
color: #777; |
||||
font-size: 13px; |
||||
line-height: 10px; |
||||
margin-right: 2px; |
||||
border-color: #777; |
||||
padding-left: 10px; |
||||
padding-left: 10px; |
||||
border-left: 1px solid #bbb; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li:first-child { |
||||
border-left: none; |
||||
padding: 0 7px 0 0; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.footer-v6 .copyright .terms-menu li a:hover { |
||||
color: #bbb; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.footer-v6 .copyright .terms-menu, |
||||
.footer-v6 .copyright .dark-social.pull-right { |
||||
text-align: center; |
||||
float: none !important; |
||||
} |
||||
} |
||||
@ -1,140 +0,0 @@ |
||||
/*Contacts Section |
||||
------------------------------------*/ |
||||
.contacts-section { |
||||
color: #fff; |
||||
position: relative; |
||||
background: #333 url(../../img/bg/17.jpg) center fixed; |
||||
} |
||||
|
||||
.contacts-section:after { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.7); |
||||
} |
||||
|
||||
.contacts-section:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: url(../../img/patterns/gridtile.png) repeat; |
||||
} |
||||
|
||||
/*Contacts Title*/ |
||||
.contacts-section .title-v1 p, |
||||
.contacts-section .title-v1 h2 { |
||||
color: #fff; |
||||
} |
||||
|
||||
/*Contacts Content*/ |
||||
.contacts-in { |
||||
z-index: 1; |
||||
color: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.contacts-in h3 { |
||||
color: #fff; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.contacts-in ul { |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.contacts-in li { |
||||
color: #fff; |
||||
margin: 15px 0; |
||||
font-size: 16px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.contacts-in li a { |
||||
color: #fff; |
||||
} |
||||
|
||||
.contacts-in li i { |
||||
width: 35px; |
||||
padding: 8px; |
||||
font-size: 18px; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
background: rgba(255,255,255,0.1); |
||||
} |
||||
|
||||
.contacts-in form label { |
||||
font-size: 14px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.contacts-in form .form-control { |
||||
color: #fff; |
||||
box-shadow: none; |
||||
border-color: #eee; |
||||
background: rgba(0,0,0,0.2); |
||||
} |
||||
|
||||
.contacts-in form .form-control:focus { |
||||
border-color: #bbb; |
||||
background: rgba(0,0,0,0.6); |
||||
} |
||||
|
||||
.contacts-in form .btn-u.btn-brd.btn-u-dark { |
||||
color: #fff; |
||||
border-color: #fff; |
||||
background: rgba(0,0,0,0.2); |
||||
} |
||||
|
||||
.contacts-in form .btn-u.btn-brd.btn-u-dark:hover { |
||||
border-color: #bbb; |
||||
background: rgba(0,0,0,0.6) !important; |
||||
} |
||||
|
||||
/*Copyright Section*/ |
||||
.copyright-section { |
||||
z-index: 1; |
||||
background: #fff; |
||||
position: relative; |
||||
text-align: center; |
||||
padding: 25px 0 20px; |
||||
} |
||||
|
||||
.copyright-section p { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.copyright-section p a { |
||||
color: #555; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.copyright-section p a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.copyright-section ul.social-icons li { |
||||
margin-bottom: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
.copyright-section i.back-to-top { |
||||
left: 50%; |
||||
top: -35px; |
||||
color: #555; |
||||
font-size: 20px; |
||||
background: #fff; |
||||
padding: 8px 10px; |
||||
margin-left: -15px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.copyright-section i.back-to-top:hover { |
||||
color: #72c02c; |
||||
} |
||||
@ -1,897 +0,0 @@ |
||||
/*Top Bar (login, search etc.) |
||||
------------------------------------*/ |
||||
.header .topbar { |
||||
z-index: 12; |
||||
padding: 8px 0; |
||||
position: relative; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar > li { |
||||
display: inline; |
||||
list-style: none; |
||||
position: relative; |
||||
padding-bottom: 15px; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar > li > a, |
||||
.header .topbar ul.loginbar > li > a:hover { |
||||
color: #7c8082; |
||||
font-size: 11px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar li i.fa { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.header .topbar ul.loginbar li.topbar-devider { |
||||
top: -1px; |
||||
padding: 0; |
||||
font-size: 8px; |
||||
position: relative; |
||||
margin: 0 9px 0 5px; |
||||
font-family: Tahoma; |
||||
border-right: solid 1px #bbb; |
||||
} |
||||
|
||||
/*languages*/ |
||||
.header .topbar ul.languages { |
||||
top: 25px; |
||||
left: -5px; |
||||
display: none; |
||||
padding: 4px 0; |
||||
padding-left: 0; |
||||
list-style: none; |
||||
min-width: 100px; |
||||
position: absolute; |
||||
background: #f0f0f0; |
||||
} |
||||
|
||||
.header .topbar li:hover ul.languages { |
||||
display: block; |
||||
} |
||||
|
||||
.header .topbar ul.languages:after { |
||||
top: -4px; |
||||
width: 0; |
||||
height: 0; |
||||
left: 8px; |
||||
content: " "; |
||||
display: block; |
||||
position: absolute; |
||||
border-bottom: 6px solid #f0f0f0; |
||||
border-left: 6px solid transparent; |
||||
border-right: 6px solid transparent; |
||||
border-left-style: inset; /*FF fixes*/ |
||||
border-right-style: inset; /*FF fixes*/ |
||||
} |
||||
|
||||
.header .topbar ul.languages li a { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 10px; |
||||
padding: 2px 12px; |
||||
margin-bottom: 1px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header .topbar ul.languages li.active a i { |
||||
color: #999; |
||||
float: right; |
||||
margin-top: 2px; |
||||
} |
||||
|
||||
.header .topbar ul.languages li a:hover, |
||||
.header .topbar ul.languages li.active a { |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.header .topbar ul.languages li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Header Default |
||||
------------------------------------*/ |
||||
.header { |
||||
z-index: 99; |
||||
position: relative; |
||||
border-bottom: solid 2px #eee; |
||||
} |
||||
|
||||
.header .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header .navbar-brand { |
||||
z-index: 1; |
||||
top: -10px; |
||||
height: 100%; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
@media(min-width: 768px) and (max-width: 998px) { |
||||
.header .navbar-brand { |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header .navbar-default .navbar-toggle { |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header .navbar-toggle, |
||||
.header .navbar-default .navbar-toggle:hover, |
||||
.header .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header .navbar-collapse { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight:400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > .active > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*No Topbar*/ |
||||
.header.no-topbar .navbar-brand { |
||||
margin-top: 30px; |
||||
} |
||||
|
||||
.header.no-topbar .navbar-toggle { |
||||
margin-top: 25px; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header.no-topbar .navbar-nav { |
||||
padding-top: 36px; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header .navbar-nav { |
||||
margin: 0 0 5px; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header .navbar-nav .open .dropdown-menu > li > a, |
||||
.header .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header .navbar-collapse, |
||||
.header .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > .active > a, |
||||
.header .navbar-default .navbar-nav > .active > a:hover, |
||||
.header .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #555 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header .navbar-collapse { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header .navbar { |
||||
min-height: 40px !important; |
||||
} |
||||
|
||||
.header .container > .navbar-header, |
||||
.header .container-fluid > .navbar-header, |
||||
.header .container > .navbar-collapse, |
||||
.header .container-fluid > .navbar-collapse { |
||||
margin-bottom: -10px; |
||||
} |
||||
|
||||
.header .navbar-nav { |
||||
position: relative; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a { |
||||
bottom: -2px; |
||||
position: relative; |
||||
padding: 9px 30px 9px 20px; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a, |
||||
.header .navbar-default .navbar-nav > li > a:focus { |
||||
border-bottom: solid 2px transparent; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a:hover, |
||||
.header .navbar-default .navbar-nav > .active > a { |
||||
bottom: -2px; |
||||
position: relative; |
||||
border-bottom: solid 2px #72c02c; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li > a, |
||||
.header .navbar-default .navbar-nav > li > a:hover, |
||||
.header .navbar-default .navbar-nav > li > a:focus, |
||||
.header .navbar-default .navbar-nav > .active > a, |
||||
.header .navbar-default .navbar-nav > .active > a:hover, |
||||
.header .navbar-default .navbar-nav > .active > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > .open > a, |
||||
.header .navbar-default .navbar-nav > .open > a:hover, |
||||
.header .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .dropdown-menu .active > a, |
||||
.header .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header .dropdown > a:after, |
||||
.header .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header .dropdown > a:after { |
||||
top: 9px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header .dropdown-menu li [class^="fa-"], |
||||
.header .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
min-width: 35px; |
||||
font-size: 15px; |
||||
text-align: center; |
||||
background: #f7f7f7; |
||||
padding: 11px 0 12px; |
||||
display: inline-block; |
||||
border-bottom: solid 2px #aaa; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header .navbar .nav > li > .search { |
||||
bottom: -2px; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
.header .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
background: #f7f7f7; |
||||
border-bottom-color: #72c02c; |
||||
} |
||||
|
||||
.header .navbar .search-open { |
||||
right: 0; |
||||
top: 40px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
border-top: solid 2px #eee; |
||||
box-shadow: 0 1px 3px #ddd; |
||||
} |
||||
|
||||
.header .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header .navbar > .container .navbar-brand, |
||||
.header .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header .navbar .search-open { |
||||
width: 93%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .navbar .nav > li > .search { |
||||
color: #999; |
||||
width: 35px; |
||||
height: 34px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header { |
||||
height: 78px; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Topbar*/ |
||||
.header-fixed .header.header-fixed-shrink .topbar { |
||||
display: none; |
||||
} |
||||
|
||||
/*No Topbar*/ |
||||
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-brand { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.header-fixed .header.no-topbar.header-fixed-shrink .navbar-nav { |
||||
padding-top: 0; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header.header-fixed-shrink .navbar-brand { |
||||
top: 47px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .search, |
||||
.header-fixed .header.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .navbar-nav > li > .dropdown-menu { |
||||
margin-top: 1px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header, |
||||
.header-fixed .header.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 55px 30px 18px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .dropdown > a:after { |
||||
top: 56px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header.header-fixed-shrink .search { |
||||
margin-top: 47px; |
||||
padding: 8px !important; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
} |
||||
|
||||
.header-fixed .header.header-fixed-shrink .search-open { |
||||
top: 95px; |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header .mega-menu .nav, |
||||
.header .mega-menu .dropup, |
||||
.header .mega-menu .dropdown, |
||||
.header .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header .mega-menu .navbar-inner, |
||||
.header .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-content:before, |
||||
.header .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 10px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
margin-bottom: 1px; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-in, |
||||
.header .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header .mega-menu .equal-height-list h3 { |
||||
color: #555; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
margin-left: 15px; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list > h3.active, |
||||
.header .mega-menu .equal-height-list > .active > a, |
||||
.header .mega-menu .equal-height-list > .active > a:hover, |
||||
.header .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -1,877 +0,0 @@ |
||||
/*Top Bar v1 (login, search etc.) |
||||
------------------------------------*/ |
||||
.header-v1 .topbar-v1 { |
||||
background: #fdfdfd; |
||||
border-top: solid 1px #f0f0f0; |
||||
border-bottom: solid 1px #f0f0f0; |
||||
} |
||||
|
||||
/*Top Contacts*/ |
||||
.header-v1 .topbar-v1 ul { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-contacts li { |
||||
color: #666; |
||||
padding: 5px 0; |
||||
font-size: 12px; |
||||
margin-right: 15px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-contacts i { |
||||
color: #999; |
||||
font-size: 13px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
/*Top Data*/ |
||||
.header-v1 .topbar-v1 .top-v1-data { |
||||
text-align: right; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li { |
||||
padding: 5px 11px; |
||||
margin-left: -4px; |
||||
display: inline-block; |
||||
border-right: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li:first-child { |
||||
margin-left: 0; |
||||
border-left: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li a { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li i { |
||||
color: #777; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li a:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Responsive Topbar v1*/ |
||||
@media (max-width: 991px) { |
||||
.header-v1 .topbar-v1 ul { |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-contacts { |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.header-v1 .topbar-v1 .top-v1-data li { |
||||
top: 1px; |
||||
padding: 6px 16px; |
||||
margin-left: -5px; |
||||
position: relative; |
||||
border: solid 1px #eee; |
||||
} |
||||
} |
||||
|
||||
/*Header v1 |
||||
------------------------------------*/ |
||||
.header-v1 { |
||||
z-index: 99; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v1 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Header*/ |
||||
.header-v1 .navbar-header { |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v1 .navbar-brand { |
||||
z-index: 1; |
||||
position: relative; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v1 .navbar-brand { |
||||
padding-left: 0; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .navbar-brand { |
||||
margin-top: -10px; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v1 .navbar-brand { |
||||
margin-top: -4px; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v1 .navbar-default .navbar-toggle { |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v1 .navbar-default .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle, |
||||
.header-v1 .navbar-default .navbar-toggle:hover, |
||||
.header-v1 .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v1 .navbar-collapse { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .navbar-default .navbar-nav { |
||||
margin-top: -6px; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v1 .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v1 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav { |
||||
margin: 0 0 5px; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Header*/ |
||||
.header-v1 { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v1 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v1 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v1 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header-v1 .navbar-collapse, |
||||
.header-v1 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > .active > a, |
||||
.header-v1 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v1 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header-v1 .navbar-collapse { |
||||
padding: 20px 0 0; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v1 .navbar { |
||||
min-height: 40px !important; |
||||
} |
||||
|
||||
.header-v1 .container > .navbar-header, |
||||
.header-v1 .container-fluid > .navbar-header, |
||||
.header-v1 .container > .navbar-collapse, |
||||
.header-v1 .container-fluid > .navbar-collapse { |
||||
margin-bottom: -10px; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav { |
||||
top: 2px; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li { |
||||
margin-left: 1px; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a { |
||||
bottom: -2px; |
||||
position: relative; |
||||
padding: 15px 30px 17px 20px; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li > a, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > .active > a, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v1 .navbar-default .navbar-nav > li > a:focus { |
||||
color: #72c02c; |
||||
bottom: -2px; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v1 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
margin-top: -2px !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu .active > a, |
||||
.header-v1 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v1 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-v1 .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v1 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .dropdown > a:after, |
||||
.header-v1 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .dropdown > a:after { |
||||
top: 16px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .dropdown > a:after { |
||||
top: 11px; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu > .dropdown-menu { |
||||
top: 0; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v1 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v1 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v1 .dropdown-menu li [class^="fa-"], |
||||
.header-v1 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v1 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v1 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header-v1 .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
font-size: 15px; |
||||
min-width: 30px; |
||||
padding: 18px 0; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v1 .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open { |
||||
right: 0; |
||||
top: 51px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
box-shadow: 0 0 3px #ddd; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header-v1 .navbar > .container .navbar-brand, |
||||
.header-v1 .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header-v1 .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open { |
||||
width: 93%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .navbar .nav > li > .search { |
||||
color: #999; |
||||
height: 34px; |
||||
min-width: 35px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
padding: 11px 0 12px; |
||||
} |
||||
|
||||
.header-v1 .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v1 .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v1 { |
||||
height: 78px; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Topbar v2*/ |
||||
.header-fixed .header-v1.header-fixed-shrink .topbar-v1 { |
||||
display: none; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-brand { |
||||
top: 41px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .search, |
||||
.header-fixed .header-v1.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-nav > li > .dropdown-menu { |
||||
margin-top: 2px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v1, |
||||
.header-fixed .header-v1.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v1.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 40px 30px 20px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .dropdown > a:after { |
||||
top: 41px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v1.header-fixed-shrink .search { |
||||
margin-top: 35px; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
padding: 8px 8px 8px 3px !important; |
||||
} |
||||
|
||||
.header-fixed .header-v1.header-fixed-shrink .search-open { |
||||
top: 81px; |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v1 .mega-menu .nav, |
||||
.header-v1 .mega-menu .dropup, |
||||
.header-v1 .mega-menu .dropdown, |
||||
.header-v1 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .navbar-inner, |
||||
.header-v1 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-content:before, |
||||
.header-v1 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v1 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v1 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 15px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v1 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
padding: 0 10px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v1 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v1 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v1 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header-v1 .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v1 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v1 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-in, |
||||
.header-v1 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v1 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li { |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list > h3.active, |
||||
.header-v1 .mega-menu .equal-height-list > .active > a, |
||||
.header-v1 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v1 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v1 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -1,875 +0,0 @@ |
||||
/*Top Bar (login, sign in etc.) |
||||
------------------------------------*/ |
||||
/*Top v2 Contacts*/ |
||||
.header-v2 .topbar-v2 { |
||||
z-index: 12; |
||||
padding: 15px 0; |
||||
position: relative; |
||||
border-bottom: 1px solid rgba(255,255,255,0.7); |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .topbar-v2 { |
||||
padding: 15px 0 7px; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .topbar-v2 ul { |
||||
margin: 7px 0 0; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts > li { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
line-height: 12px; |
||||
padding: 0 12px 0 15px; |
||||
border-left: 1px solid #fff; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts > li:first-child { |
||||
padding-left: 0; |
||||
border-left: none; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts > li > a, |
||||
.header-v2 .top-v2-contacts > li > a:hover { |
||||
color: #fff; |
||||
} |
||||
|
||||
/*Responsive Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v2 .topbar-v2 { |
||||
border-bottom-color: #eee; |
||||
} |
||||
|
||||
.header-v2 .topbar-v2 li, |
||||
.header-v2 .topbar-v2 li a { |
||||
color: #555; |
||||
border-color: #555; |
||||
} |
||||
|
||||
.header-v2 .topbar-v2 li a:hover { |
||||
color: #555; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.header-v2 .top-v2-contacts { |
||||
margin-bottom: 15px !important; |
||||
} |
||||
|
||||
.header-v2 .topbar-buttons .btn-u { |
||||
color: #fff; |
||||
} |
||||
|
||||
.header-v2 .topbar-buttons .btn-u-light { |
||||
color: #555; |
||||
border-color: #555; |
||||
} |
||||
|
||||
.header-v2 .topbar-buttons .btn-brd-hover:hover { |
||||
color: #555; |
||||
border-color: #555; |
||||
} |
||||
} |
||||
|
||||
/*Delete "Display: none;" and uncomment codes to leave |
||||
topbar including in mobile version*/ |
||||
@media (max-width: 768px) { |
||||
.header-v2 .topbar-v2 { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Language Bar*/ |
||||
.header-v2 .language-bar { |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v2 .language-bar > a { |
||||
color: #fff; |
||||
font-size: 14px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
.header-v2 .language-bar > a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.header-v2 .language-bar > .heading { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown { |
||||
left: 0; |
||||
top: 100%; |
||||
z-index: 1000; |
||||
display: none; |
||||
padding: 5px 0; |
||||
font-size: 14px; |
||||
min-width: 100px; |
||||
text-align: left; |
||||
list-style: none; |
||||
position: absolute; |
||||
background: #f0f0f0; |
||||
} |
||||
|
||||
.header-v2 li:hover .languages-dropdown { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown:after { |
||||
width: 0; |
||||
height: 0; |
||||
top: -4px; |
||||
left: 8px; |
||||
content: " "; |
||||
display: block; |
||||
position: absolute; |
||||
border-bottom: 6px solid #f0f0f0; |
||||
border-left: 6px solid transparent; |
||||
border-right: 6px solid transparent; |
||||
border-left-style: inset; /*FF fixes*/ |
||||
border-right-style: inset; /*FF fixes*/ |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v2 .topbar-v2 .open > .languages-dropdown { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li > a { |
||||
color: #555; |
||||
clear: both; |
||||
display: block; |
||||
font-size: 10px; |
||||
padding: 2px 12px; |
||||
margin-bottom: 1px; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li.active > a { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li.active > a:after { |
||||
top: 3px; |
||||
right: 10px; |
||||
color: #555; |
||||
content: "\f00c"; |
||||
position: absolute; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li > a:hover, |
||||
.header-v2 .languages-dropdown > li.active > a { |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.header-v2 .languages-dropdown > li > a:hover, |
||||
.header-v2 .languages-dropdown > li > a:focus { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Header v2 |
||||
------------------------------------*/ |
||||
.header-v2 { |
||||
z-index: 99; |
||||
position: relative; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 { |
||||
position: static; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v2 { |
||||
padding: 20px 0 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v2 .navbar { |
||||
margin: 15px 0 0; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.header-v2 .navbar { |
||||
margin: 0; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v2 .navbar-brand { |
||||
z-index: 1; |
||||
margin-right: 50px; |
||||
padding: 10px 10px 10px 16px; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .navbar-brand { |
||||
padding-top: 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v2 .navbar-default .navbar-toggle { |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .navbar-default .navbar-toggle { |
||||
margin-top: -2px; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 768px) { |
||||
.header-v2 .navbar-default .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header-v2 .navbar-toggle, |
||||
.header-v2 .navbar-default .navbar-toggle:hover, |
||||
.header-v2 .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header-v2 .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v2 .navbar-collapse { |
||||
margin-top: 4px; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
color: #fff; |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v2 .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v2 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav { |
||||
margin: 0; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Navbar Nav*/ |
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v2 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v2 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v2 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header-v2 .navbar-collapse, |
||||
.header-v2 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > .active > a, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v2 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header-v2 .navbar-collapse { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v2 .navbar { |
||||
min-height: 40px !important; |
||||
} |
||||
|
||||
.header-v2 .container > .navbar-header, |
||||
.header-v2 .container-fluid > .navbar-header, |
||||
.header-v2 .container > .navbar-collapse, |
||||
.header-v2 .container-fluid > .navbar-collapse { |
||||
margin-bottom: -10px; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav { |
||||
top: 2px; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a { |
||||
line-height: 25px; |
||||
padding: 9px 30px 13px 20px; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > li > a, |
||||
.header-v2 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > li > a:focus, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > .active > a:focus { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
background: none; |
||||
} |
||||
|
||||
.header-v2 .navbar-default .navbar-nav > .open > a, |
||||
.header-v2 .navbar-default .navbar-nav > .open > a:hover, |
||||
.header-v2 .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #fff; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v2 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu .active > a, |
||||
.header-v2 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v2 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v2 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .dropdown > a:after, |
||||
.header-v2 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .dropdown > a:after { |
||||
top: 9px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v2 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v2 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v2 .dropdown-menu li [class^="fa-"], |
||||
.header-v2 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v2 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v2 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v2 { |
||||
height: 0; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 93px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
/* -webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
*/} |
||||
|
||||
/*Topbar v2*/ |
||||
.header-fixed .header-v2.header-fixed-shrink .topbar-v2 { |
||||
display: none; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-brand { |
||||
top: 50px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-fixed .header-v2.header-fixed-shrink .navbar { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v2, |
||||
.header-fixed .header-v2.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-nav > li > a { |
||||
color: #777; |
||||
margin-top: 25px; |
||||
padding: 21px 30px 17px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
-webkit-transition: color 0.2s ease-in-out; |
||||
-moz-transition: color 0.2s ease-in-out; |
||||
-o-transition: color 0.2s ease-in-out; |
||||
transition: color 0.2s ease-in-out; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .navbar-nav > .active > a:hover { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-fixed .header-v2.header-fixed-shrink .dropdown > a:after { |
||||
top: 22px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v2 .mega-menu .nav, |
||||
.header-v2 .mega-menu .dropup, |
||||
.header-v2 .mega-menu .dropdown, |
||||
.header-v2 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .navbar-inner, |
||||
.header-v2 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-content:before, |
||||
.header-v2 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v2 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v2 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 10px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v2 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v2 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v2 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v2 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header-v2 .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v2 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v2 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-in, |
||||
.header-v2 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v2 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
margin-left: 15px; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list > h3.active, |
||||
.header-v2 .mega-menu .equal-height-list > .active > a, |
||||
.header-v2 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v2 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v2 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -1,762 +0,0 @@ |
||||
/*Header v3 |
||||
------------------------------------*/ |
||||
.header-v3 { |
||||
z-index: 99; |
||||
position: relative; |
||||
border-bottom: solid 2px #eee; |
||||
} |
||||
|
||||
.header-v3 .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v3 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v3 .navbar-brand { |
||||
top: 10px; |
||||
z-index: 1; |
||||
padding: 10px; |
||||
position: relative; |
||||
} |
||||
|
||||
@media(max-width: 999px) { |
||||
.header-v3 .navbar-brand { |
||||
top: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v3 .navbar-default .navbar-toggle { |
||||
top: 17px; |
||||
position: relative; |
||||
border-color: #5fb611; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-toggle .fa { |
||||
color: #fff; |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle, |
||||
.header-v3 .navbar-default .navbar-toggle:hover, |
||||
.header-v3 .navbar-default .navbar-toggle:focus { |
||||
background: #72c02c; |
||||
padding: 6px 10px 2px; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle:hover { |
||||
background: #5fb611 !important; |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v3 .navbar-collapse { |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header-v3 .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight:400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > .active > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v3 .navbar-nav { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v3 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav { |
||||
margin: 0 0 5px; |
||||
float: none !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v3 .navbar-brand { |
||||
top: -1px; |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v3 .navbar-default .navbar-toggle { |
||||
top: 1px; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-v3 .navbar-header { |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v3 .dropdown > a:after { |
||||
top: 10px !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v3 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v3 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 991px*/ |
||||
.header-v3 .navbar-collapse, |
||||
.header-v3 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > .active > a, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: #72c02c; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v3 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Search Box*/ |
||||
.header-v3 .navbar .nav > li > .search { |
||||
padding: 11px 0 12px !important; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
/*Navbar Collapse*/ |
||||
.header-v3 .navbar-collapse { |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a { |
||||
font-size: 13px; |
||||
padding: 30px 30px 26px 20px; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li > a, |
||||
.header-v3 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > li > a:focus, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > .open > a, |
||||
.header-v3 .navbar-default .navbar-nav > .open > a:hover, |
||||
.header-v3 .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v3 .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v3 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-top: solid 2px #72c02c; |
||||
border-bottom: solid 2px #687074; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu .active > a, |
||||
.header-v3 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v3 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-v3 .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v3 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v3 .dropdown > a:after, |
||||
.header-v3 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v3 .dropdown > a:after { |
||||
top: 30px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v3 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v3 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v3 .dropdown-menu li [class^="fa-"], |
||||
.header-v3 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v3 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v3 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header-v3 .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
min-width: 35px; |
||||
font-size: 15px; |
||||
text-align: center; |
||||
background: inherit; |
||||
border-bottom: none; |
||||
padding: 31px 0 31px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v3 .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
background: inherit; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open { |
||||
right: 0; |
||||
top: 77px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
border-top: solid 2px #eee; |
||||
box-shadow: 0 1px 3px #ddd; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header-v3 .navbar > .container .navbar-brand, |
||||
.header-v3 .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header-v3 .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open { |
||||
width: 93%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .navbar .nav > li > .search { |
||||
color: #999; |
||||
width: 35px; |
||||
height: 34px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header-v3 .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v3 .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v3 { |
||||
height: 79px; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v3.header-fixed-shrink .navbar-brand { |
||||
top: 47px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .search, |
||||
.header-fixed .header-v3.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v3, |
||||
.header-fixed .header-v3.header-fixed-shrink { |
||||
height: inherit; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v3.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 56px 30px 18px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .dropdown > a:after { |
||||
top: 57px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v3.header-fixed-shrink .search { |
||||
margin-top: 49px; |
||||
padding: 8px !important; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v3.header-fixed-shrink .search-open { |
||||
top: 95px; |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v3 .mega-menu .nav, |
||||
.header-v3 .mega-menu .dropup, |
||||
.header-v3 .mega-menu .dropdown, |
||||
.header-v3 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .navbar-inner, |
||||
.header-v3 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-content:before, |
||||
.header-v3 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v3 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v3 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin-left: 10px; |
||||
margin-right: 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v3 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v3 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v3 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v3 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (min-width: 737px) and (max-width: 991px) { |
||||
.header-v3 .mega-menu .mega-menu-content .container { |
||||
width: 690px !important; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
margin-right: -15px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v3 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v3 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-in, |
||||
.header-v3 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v3 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li { |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list > h3.active, |
||||
.header-v3 .mega-menu .equal-height-list > .active > a, |
||||
.header-v3 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v3 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v3 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
@ -1,947 +0,0 @@ |
||||
/*Top Bar v1 (login, search etc.) |
||||
------------------------------------*/ |
||||
.header-v4 .topbar-v1 { |
||||
background: #fdfdfd; |
||||
border-top: solid 1px #f0f0f0; |
||||
border-bottom: solid 1px #f0f0f0; |
||||
} |
||||
|
||||
/*Top Contacts*/ |
||||
.header-v4 .topbar-v1 ul { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li { |
||||
padding: 5px 11px; |
||||
margin-left: -3px; |
||||
display: inline-block; |
||||
border-right: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li:first-child { |
||||
margin-left: 0; |
||||
border-left: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-contacts { |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-contacts i { |
||||
color: #999; |
||||
font-size: 13px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
/*Top Data*/ |
||||
.header-v4 .topbar-v1 .top-v1-data { |
||||
text-align: right; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li { |
||||
padding: 5px 11px; |
||||
margin-left: -4px; |
||||
display: inline-block; |
||||
border-right: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li:first-child { |
||||
margin-left: 0; |
||||
border-left: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li a { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li i { |
||||
color: #777; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li a:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Responsive Topbar v1*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 .topbar-v1 ul { |
||||
text-align: center !important; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-contacts { |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
.header-v4 .topbar-v1 .top-v1-data li { |
||||
top: 1px; |
||||
padding: 6px 16px; |
||||
margin-left: -5px; |
||||
position: relative; |
||||
border: solid 1px #eee; |
||||
} |
||||
} |
||||
|
||||
/*Header v4 |
||||
------------------------------------*/ |
||||
.header-v4 { |
||||
z-index: 99; |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v4 .navbar { |
||||
margin: 0; |
||||
} |
||||
|
||||
.header-v4 .navbar-default { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-header { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .navbar-header { |
||||
margin: 20px 0 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Brand*/ |
||||
.header-v4 .navbar-brand { |
||||
z-index: 1; |
||||
display: block; |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v4 .navbar-brand img { |
||||
margin-left: 5px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .navbar-brand { |
||||
padding: 0; |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-brand img { |
||||
display: block; |
||||
text-align: center; |
||||
margin: 0 auto 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v4 .navbar-nav { |
||||
float: left; |
||||
margin-top: -1px; |
||||
} |
||||
|
||||
/*Header Banner*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 img.header-banner { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Toggle*/ |
||||
.header-v4 .navbar-default .navbar-toggle { |
||||
width: 100%; |
||||
overflow: hidden; |
||||
margin-bottom: 0; |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.header-v4 .full-width-menu { |
||||
top: -1px; |
||||
color: #777; |
||||
float: left; |
||||
font-size: 14px; |
||||
margin-right: 10px; |
||||
position: relative; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-toggle .icon-toggle { |
||||
height: 1px; |
||||
width: 25px; |
||||
float: right; |
||||
font-size: 19px; |
||||
margin: 2px 0 7px; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-toggle .icon-toggle:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.header-v4 .navbar-toggle, |
||||
.header-v4 .navbar-default .navbar-toggle:hover, |
||||
.header-v4 .navbar-default .navbar-toggle:focus { |
||||
background: #f7f7f7; |
||||
padding: 12px 10px 8px; |
||||
} |
||||
|
||||
@media(max-width: 768px) { |
||||
.header-v4 .navbar-default .navbar-toggle { |
||||
margin: -1px 0 0; |
||||
} |
||||
} |
||||
|
||||
/*Navbar Collapse*/ |
||||
.header-v4 .navbar-collapse { |
||||
padding: 0; |
||||
border-top: none; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar Menu*/ |
||||
.header-v4 .navbar-default .navbar-nav > li > a { |
||||
color: #687074; |
||||
font-size: 15px; |
||||
font-weight:400; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > .active > a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
@media (min-width: 768px) { |
||||
.navbar-nav.navbar-right:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Responsive Navbar*/ |
||||
@media (max-width: 991px) { |
||||
/*Responsive code for max-width: 991px*/ |
||||
.header-v4 .navbar-header { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-toggle { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .navbar-collapse.collapse { |
||||
display: none !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-collapse.collapse.in { |
||||
display: block !important; |
||||
overflow-y: auto !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav { |
||||
margin: 0 15px; |
||||
float: none !important; |
||||
border-left: 1px solid #eee; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav.navbar-border-bottom { |
||||
margin-right: 15px; |
||||
padding-bottom: 5px; |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav > li { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav > li > a { |
||||
padding-top: 30px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Dropdown Menu Slide Down Effect*/ |
||||
.header-v4 .navbar-nav .open .dropdown-menu { |
||||
border: 0; |
||||
float: none; |
||||
width: auto; |
||||
margin-top: 0; |
||||
position: static; |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a, |
||||
.header-v4 .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
padding: 5px 15px 5px 25px; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a { |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v4 .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
background-image: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a { |
||||
color: #777; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
color: #333; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
||||
color: #ccc; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .dropdown-menu.no-bottom-space { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Design for max-width: 1200px*/ |
||||
.header-v4 .navbar-collapse, |
||||
.header-v4 .navbar-collapse .container { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a { |
||||
font-size: 14px; |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li a { |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > .active > a, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: inherit; |
||||
color: #72c02c !important; |
||||
} |
||||
|
||||
.header-v4 .dropdown .dropdown-submenu > a { |
||||
font-size: 13px; |
||||
color: #333 !important; |
||||
text-transform: uppercase; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v4 { |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-collapse { |
||||
border-top: 1px solid #eee; |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
/*Navbar Nav*/ |
||||
.header-v4 .navbar-default .navbar-nav > li { |
||||
margin-left: -1px; |
||||
border-left: 1px solid #eee; |
||||
border-right: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li.no-border, |
||||
.header-v4 .navbar-default .navbar-nav > li.no-border:first-child { |
||||
border-left: none; |
||||
border-right: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a { |
||||
font-size: 13px; |
||||
padding: 10px 30px 11px 20px; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a, |
||||
.header-v4 .navbar-default .navbar-nav > li > a:focus { |
||||
border-top: solid 2px transparent; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a { |
||||
border-top: solid 2px #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li > a, |
||||
.header-v4 .navbar-default .navbar-nav > li > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > li > a:focus, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .active > a:focus { |
||||
background: none; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > .open > a, |
||||
.header-v4 .navbar-default .navbar-nav > .open > a:hover, |
||||
.header-v4 .navbar-default .navbar-nav > .open > a:focus { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar-default .navbar-nav > li:hover > a { |
||||
color: #72c02c; |
||||
border-top: solid 2px #72c02c; |
||||
} |
||||
|
||||
/*Dropdown Menu*/ |
||||
.header-v4 .dropdown-menu { |
||||
padding: 0; |
||||
border: none; |
||||
min-width: 200px; |
||||
border-radius: 0; |
||||
z-index: 9999 !important; |
||||
border-bottom: solid 2px #687074; |
||||
border-top: solid 1px transparent; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu li a { |
||||
color: #687074; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 15px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu .active > a, |
||||
.header-v4 .dropdown-menu li > a:hover { |
||||
color: #fff; |
||||
filter: none !important; |
||||
background: #687074 !important; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu li > a:focus { |
||||
background: none; |
||||
filter: none !important; |
||||
} |
||||
|
||||
.header-v4 .navbar-nav > li.dropdown:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .open > .dropdown-menu { |
||||
display: none; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-v4 .navbar .nav > li > .search { |
||||
margin: 4px 9px 0 20px; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
width: 330px; |
||||
} |
||||
} |
||||
|
||||
/*Dropdown Submenu for BS3 |
||||
------------------------------------*/ |
||||
.header-v4 .dropdown-submenu { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v4 .dropdown > a:after, |
||||
.header-v4 .dropdown-submenu > a:after { |
||||
top: 8px; |
||||
right: 9px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .dropdown-submenu > a:after { |
||||
content: " "; |
||||
} |
||||
} |
||||
|
||||
.header-v4 .dropdown > a:after { |
||||
top: 10px; |
||||
right: 15px; |
||||
content: "\f107"; |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu > .dropdown-menu { |
||||
top: 3px; |
||||
left: 100%; |
||||
margin-top: -5px; |
||||
margin-left: 0px; |
||||
} |
||||
|
||||
/*Submenu comes from LEFT side*/ |
||||
.header-v4 .dropdown-submenu > .dropdown-menu.submenu-left { |
||||
left: -100%; |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu:hover > .dropdown-menu { |
||||
display: block; |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .dropdown-submenu > .dropdown-menu { |
||||
display: block; |
||||
margin-left: 15px; |
||||
} |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu.pull-left { |
||||
float: none; |
||||
} |
||||
|
||||
.header-v4 .dropdown-submenu.pull-left > .dropdown-menu { |
||||
left: -100%; |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.header-v4 .dropdown-menu li [class^="fa-"], |
||||
.header-v4 .dropdown-menu li [class*=" fa-"] { |
||||
left: -3px; |
||||
width: 1.25em; |
||||
margin-right: 1px; |
||||
position: relative; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
.header-v4 .dropdown-menu li [class^="fa-"].fa-lg, |
||||
.header-v4 .dropdown-menu li [class*=" fa-"].fa-lg { |
||||
/* increased font size for fa-lg */ |
||||
width: 1.5625em; |
||||
} |
||||
|
||||
/*Search Box |
||||
------------------------------------*/ |
||||
.header-v4 .navbar .nav > li > .search { |
||||
color: #aaa; |
||||
cursor: pointer; |
||||
min-width: 35px; |
||||
font-size: 15px; |
||||
text-align: center; |
||||
padding: 11px 0 12px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.header-v4 .navbar .nav > li > .search:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
right: 0; |
||||
top: 43px; |
||||
display: none; |
||||
padding: 14px; |
||||
position: absolute; |
||||
background: #fcfcfc; |
||||
border-top: solid 1px #eee; |
||||
box-shadow: 0 1px 3px #ddd; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open form { |
||||
margin: 0; |
||||
} |
||||
|
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
.header-v4 .navbar > .container .navbar-brand, |
||||
.header-v4 .navbar > .container-fluid .navbar-brand { |
||||
margin-left: -10px; |
||||
} |
||||
|
||||
.header-v4 .navbar-toggle { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
width: 92%; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
.header-v4 .navbar .nav > li > .search { |
||||
color: #999; |
||||
width: 35px; |
||||
height: 34px; |
||||
text-align: left; |
||||
background: #eee; |
||||
line-height: 12px; |
||||
text-align: center; |
||||
margin: 5px 10px 0; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
.header-v4 .navbar .nav > li > .search:hover { |
||||
background: #5fb611; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.header-v4 .navbar .search-open { |
||||
top: 5px; |
||||
padding: 0; |
||||
left: 48px; |
||||
border-top: none; |
||||
box-shadow: none; |
||||
background: none; |
||||
margin-right: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
/*Header*/ |
||||
.header-fixed .header-v4 { |
||||
height: 78px; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 95px; |
||||
z-index: 9999; |
||||
position: fixed; |
||||
margin-top: -35px; |
||||
border-bottom: none; |
||||
box-shadow: 0 0 3px #bbb; |
||||
background: rgba(255,255,255, 0.96); |
||||
-webkit-transition: height 0.4s; |
||||
-moz-transition: height 0.4s; |
||||
transition: height 0.4s; |
||||
} |
||||
|
||||
/*Brand*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .navbar-brand { |
||||
top: 11px; |
||||
z-index: 1; |
||||
position: relative; |
||||
padding: 0 10px 10px; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .navbar-brand img { |
||||
width: 90%; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .search, |
||||
.header-fixed .header-v4.header-fixed-shrink .active a { |
||||
border-bottom: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .dropdown > a:after { |
||||
top: 19px; |
||||
} |
||||
|
||||
/*Toggle*/ |
||||
.header-fixed .header-v4 .navbar-toggle { |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .search { |
||||
margin-top: 12px; |
||||
padding: 8px !important; |
||||
color: #585f69 !important; |
||||
background: none !important; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink .search-open { |
||||
border-top: none; |
||||
background: rgba(255,255,255, 0.9); |
||||
} |
||||
|
||||
/*Responsive Fixed Header*/ |
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .header-v4 { |
||||
height: 118px; |
||||
} |
||||
|
||||
.header-fixed .header-v4.header-fixed-shrink { |
||||
height: 135px; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 991px) { |
||||
/*Header*/ |
||||
.header-fixed .headerv4, |
||||
.header-fixed .header-v4.header-fixed-shrink { |
||||
height: 88px; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Navbar*/ |
||||
.header-fixed .header-v4 .navbar-nav { |
||||
padding: 6px 0; |
||||
margin-top: 0px; |
||||
background: #fff; |
||||
border: solid 1px #eee; |
||||
} |
||||
|
||||
.header-fixed .header-v4 .navbar-default .navbar-collapse, |
||||
.header-fixed .header-v4 .navbar-default .navbar-form { |
||||
border: none; |
||||
} |
||||
|
||||
/*Toggle*/ |
||||
.header-fixed .header-v4 .navbar-toggle { |
||||
margin-top: 9px; |
||||
} |
||||
|
||||
/*Search*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .navbar .nav > li > .search { |
||||
top: 5px; |
||||
position: relative; |
||||
} |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-fixed .header-v4.header-fixed-shrink .navbar-nav > li > a { |
||||
padding: 19px 30px 18px 20px; |
||||
border-bottom: solid 1px transparent !important; |
||||
} |
||||
|
||||
/*Search Bar*/ |
||||
.header-fixed .header-v4.header-fixed-shrink .search-open { |
||||
top: 59px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu |
||||
------------------------------------*/ |
||||
.header-v4 .mega-menu .nav, |
||||
.header-v4 .mega-menu .dropup, |
||||
.header-v4 .mega-menu .dropdown, |
||||
.header-v4 .mega-menu .collapse { |
||||
position: static; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .navbar-inner, |
||||
.header-v4 .mega-menu .container { |
||||
position: relative; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown-menu { |
||||
left: auto; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown-menu > li { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown-submenu .dropdown-menu { |
||||
left: 100%; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .nav.pull-right .dropdown-menu { |
||||
right: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-content { |
||||
*zoom: 1; |
||||
padding: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-content:before, |
||||
.header-v4 .mega-menu .mega-menu-content:after { |
||||
content: ""; |
||||
display: table; |
||||
line-height: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-content:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.header-v4 .mega-menu.navbar .nav > li > .dropdown-menu:after, |
||||
.header-v4 .mega-menu.navbar .nav > li > .dropdown-menu:before { |
||||
display: none; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
left: 0; |
||||
right: 0; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
margin: 0 15px; |
||||
} |
||||
} |
||||
|
||||
/*Equal Height Lists*/ |
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .equal-height { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
|
||||
/*-webkit-flex-wrap: wrap; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap;*/ |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in { |
||||
display: -webkit-flex; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Style Effect*/ |
||||
.header-v4 .mega-menu .equal-height-list h3 { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
padding: 0 10px 0 13px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Space for only Big Resolution*/ |
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .big-screen-space { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Mega Menu Content*/ |
||||
@media (min-width: 992px) { |
||||
.header-v4 .mega-menu .equal-height-in { |
||||
padding: 20px 0; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in:first-child { |
||||
border-left: none; |
||||
margin-left: -1px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list { |
||||
width: 100%; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li a { |
||||
display: block; |
||||
position: relative; |
||||
border-bottom: none; |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons*/ |
||||
.header-v4 .mega-menu .mega-menu-fullwidth li a { |
||||
padding: 5px 10px 5px 30px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-fullwidth li a:after { |
||||
top: 7px; |
||||
left: 15px; |
||||
font-size: 11px; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
font-weight: normal; |
||||
display: inline-block; |
||||
font-family: FontAwesome; |
||||
} |
||||
|
||||
/*Dropdown Arrow Icons Disable class*/ |
||||
.header-v4 .mega-menu .mega-menu-fullwidth .disable-icons li a { |
||||
padding: 5px 10px 5px 15px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-fullwidth .disable-icons li a:after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*Space Effect inside the container to avoid scroll bar*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 .mega-menu .equal-height { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
/*Equal Hight List Style*/ |
||||
@media (max-width: 991px) { |
||||
.header-v4 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { |
||||
width: auto; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-in, |
||||
.header-v4 .mega-menu .equal-height-list { |
||||
display: block; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .mega-menu-fullwidth .dropdown-menu > li > ul { |
||||
display: block; |
||||
} |
||||
|
||||
/*Equal Height List Style*/ |
||||
.header-v4 .mega-menu .equal-height-list h3 { |
||||
color: #333; |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px 5px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li { |
||||
margin-left: 15px; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li a { |
||||
color: #687074; |
||||
display: block; |
||||
font-size: 13px; |
||||
font-weight: 400; |
||||
padding: 6px 25px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list > h3.active, |
||||
.header-v4 .mega-menu .equal-height-list > .active > a, |
||||
.header-v4 .mega-menu .equal-height-list > .active > a:hover, |
||||
.header-v4 .mega-menu .equal-height-list > .active > a:focus { |
||||
color: #555; |
||||
background-color: #e7e7e7; |
||||
} |
||||
|
||||
.header-v4 .mega-menu .equal-height-list li a:hover { |
||||
color: #333; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -1,77 +0,0 @@ |
||||
/* |
||||
* Template Name: Unify - Responsive Bootstrap Template |
||||
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. |
||||
* Version: 1.6 |
||||
* Author: @htmlstream |
||||
* Website: http://htmlstream.com |
||||
*/ |
||||
|
||||
/*Header Fixed |
||||
------------------------------------*/ |
||||
.ie8 .header-fixed .header.header-fixed-shrink { |
||||
background: #fff; |
||||
} |
||||
|
||||
/*Blog Latest Tweets |
||||
------------------------------------*/ |
||||
.ie8 .blog-twitter .blog-twitter-inner:after, |
||||
.ie8 .blog-twitter .blog-twitter-inner:before { |
||||
border: none; |
||||
} |
||||
|
||||
.ie8 .our-clients img { |
||||
width: 100%; |
||||
height: 100px; |
||||
vertical-align: inherit; |
||||
} |
||||
|
||||
.ie8 .our-clients .img-hover { |
||||
display: none; |
||||
} |
||||
|
||||
/*Pricing Stickers*/ |
||||
.ie8 .sticker-left { |
||||
width: 90px; |
||||
text-align: right; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
.ie8 .sticker-right { |
||||
width: 100px; |
||||
text-align: left; |
||||
background: #e74c3c; |
||||
} |
||||
|
||||
/*Easy Block*/ |
||||
.ie8 .easy-bg-v2 { |
||||
width: 75px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.ie8 .rgba-red {background: #e74c3c;} |
||||
.ie8 .rgba-blue {background: #3498db;} |
||||
.ie8 .rgba-default {background: #72c02c;} |
||||
.ie8 .rgba-purple {background: #9b6bcc;} |
||||
.ie8 .rgba-aqua {background: #27d7e7;} |
||||
.ie8 .rgba-yellow {background: #f1c40f;} |
||||
|
||||
/*Sky-Forms*/ |
||||
.ie8 .sky-form .icon-append { |
||||
right: 5px !important; |
||||
padding-left: 0; |
||||
} |
||||
|
||||
/*Background Opacity*/ |
||||
.ie8 .service-block-v2 .service-block-in { |
||||
background: url(../img/transparent/white.png) repeat; |
||||
} |
||||
|
||||
.ie8 .job-img .job-banner, |
||||
.ie8 .job-img .job-img-inputs, |
||||
.ie8 .parallax-team:before, |
||||
.ie8 .image-block .company-description, |
||||
.ie8 .search-block:before, |
||||
.ie8 .parallax-counter .counters, |
||||
.ie8 .carousel-v1 .carousel-caption { |
||||
background: url(../img/transparent/black.png) repeat; |
||||
} |
||||
@ -1,122 +0,0 @@ |
||||
/*Blog Large |
||||
------------------------------------*/ |
||||
/*Blog Page*/ |
||||
.blog h2 { |
||||
color: #555; |
||||
font-size: 21px; |
||||
line-height: 32px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.blog h2 a { |
||||
color: #585f69; |
||||
line-height: 32px; |
||||
} |
||||
|
||||
.blog h2 a:hover { |
||||
color: #72c02c; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.blog .blog-img { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.headline-md { |
||||
margin-top: 9px; |
||||
} |
||||
|
||||
/*Blog Content Tags*/ |
||||
.blog-post-tags { |
||||
padding: 5px 0 8px; |
||||
margin-bottom: 10px; |
||||
border-top: solid 1px #eee; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.blog-post-tags ul { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.blog-post-tags li { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.blog-post-tags li i { |
||||
color: #777; |
||||
} |
||||
|
||||
.blog-post-tags ul.blog-info { |
||||
color: #eee; |
||||
margin-bottom: 3px; |
||||
} |
||||
|
||||
.blog-post-tags ul.blog-tags a { |
||||
color: #555; |
||||
font-size: 11px; |
||||
display: inline; |
||||
padding: 3px 7px; |
||||
margin-right: 2px; |
||||
background: #f4f4f4; |
||||
} |
||||
|
||||
.blog-post-tags ul.blog-tags a:hover { |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Blog Item Page |
||||
------------------------------------*/ |
||||
.blog-item .media img { |
||||
top: 3px; |
||||
width: 54px; |
||||
height: 54px; |
||||
position: relative; |
||||
} |
||||
|
||||
.post-comment h3, |
||||
.blog-item .media h3 { |
||||
color: #72c02c; |
||||
font-size: 21px; |
||||
margin-bottom: 25px; |
||||
} |
||||
|
||||
.blog-item .media h4.media-heading { |
||||
color: #555; |
||||
font-size: 17px; |
||||
position: relative; |
||||
} |
||||
|
||||
.blog-item .media h4.media-heading span { |
||||
top: 3px; |
||||
right: 0; |
||||
color: #777; |
||||
font-size: 12px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.blog-item .media h4.media-heading span a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Blog Medium |
||||
------------------------------------*/ |
||||
.blog-medium .blog-info li, |
||||
.blog-medium .blog-info li a { |
||||
color: #777; |
||||
} |
||||
|
||||
/* Medium devices (desktops, 992px and up) */ |
||||
@media (max-width: 992px) { |
||||
.blog-medium img { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/*Blog Full Wisth |
||||
------------------------------------*/ |
||||
.blog-full-width .blog-post-tags { |
||||
padding: 5px 0; |
||||
} |
||||
.blog-full-width ul.blog-info { |
||||
margin-bottom: 0; |
||||
} |
||||
@ -1,157 +0,0 @@ |
||||
/*Sidebar Features |
||||
------------------------------------*/ |
||||
/*Page Styles*/ |
||||
.magazine-page h3, |
||||
.magazine-page h3 a { |
||||
color: #555; |
||||
font-size: 20px; |
||||
line-height: 28px; |
||||
margin-bottom: 1px; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.magazine-page h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.magazine-page span.magazine-badge { |
||||
top: 0; |
||||
left: 0; |
||||
color: #fff; |
||||
font-size: 14px; |
||||
padding: 2px 8px; |
||||
position: absolute; |
||||
font-style: inherit; |
||||
} |
||||
|
||||
.magazine-page span.magazine-badge-default { |
||||
background: #7f8c8d; |
||||
} |
||||
.magazine-page span.magazine-badge-red { |
||||
background: #e74c3c; |
||||
} |
||||
.magazine-page span.magazine-badge-green { |
||||
background: #2ecc71; |
||||
} |
||||
.magazine-page span.magazine-badge-blue { |
||||
background: #3498db; |
||||
} |
||||
|
||||
/*Magazine News*/ |
||||
.magazine-news { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.magazine-news h3 { |
||||
margin: 15px 0 10px; |
||||
} |
||||
|
||||
.magazine-news .by-author strong { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.magazine-news .by-author span { |
||||
color: #777; |
||||
} |
||||
|
||||
.magazine-news a.read-more { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.magazine-news .by-author { |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
.magazine-news-img { |
||||
overflow: hidden; |
||||
max-height: 150px; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Magazine Mini News*/ |
||||
.magazine-mini-news .post-author { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.magazine-mini-news h3, |
||||
.magazine-mini-news h3 a { |
||||
font-size: 16px; |
||||
line-height: 22px; |
||||
margin-bottom: 6px; |
||||
} |
||||
|
||||
.magazine-mini-news .post-author { |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
.magazine-mini-news .post-author span { |
||||
color: #555; |
||||
} |
||||
|
||||
.magazine-mini-news .post-author strong { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.news-read-more { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.news-read-more a { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.news-read-more a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.news-read-more i { |
||||
color: #fff; |
||||
padding: 2px 3px; |
||||
font-size: 14px; |
||||
background: #72c02c; |
||||
} |
||||
|
||||
/*Sidebar Posts*/ |
||||
.magazine-posts h2, |
||||
.magazine-posts h3 { |
||||
margin-top: -5px; |
||||
} |
||||
|
||||
.magazine-posts span { |
||||
color: #777; |
||||
display: block; |
||||
font-size: 12px; |
||||
/*font-style: italic;*/ |
||||
margin-bottom: 7px; |
||||
} |
||||
|
||||
.magazine-posts span i { |
||||
font-style: normal; |
||||
} |
||||
|
||||
.magazine-posts .magazine-posts-img { |
||||
overflow: hidden; |
||||
max-height: 105px; |
||||
position: relative; |
||||
} |
||||
|
||||
.magazine-posts .magazine-posts-img:hover img { |
||||
opacity: 0.9; |
||||
} |
||||
|
||||
/*Sidebar Categories*/ |
||||
.magazine-sb-categories ul li { |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.magazine-sb-categories ul i { |
||||
color: #72c02c; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
/*Sidebar Social*/ |
||||
.magazine-sb-social .social-icons li { |
||||
margin-bottom: 0; |
||||
margin-right: 1px; |
||||
} |
||||
@ -1,89 +0,0 @@ |
||||
.blog_masonry_3col { |
||||
padding-bottom: 60px; |
||||
} |
||||
|
||||
.blog_masonry_3col .grid-boxes-in { |
||||
padding: 0; |
||||
margin-bottom: 30px; |
||||
border: solid 1px #eee; |
||||
} |
||||
|
||||
.blog_masonry_3col .grid-boxes-caption { |
||||
padding: 15px; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 { |
||||
font-size: 20px; |
||||
font-weight: 200; |
||||
line-height: 28px; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.blog_masonry_3col h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news li { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news li, |
||||
.blog_masonry_3col ul.grid-boxes-news li a { |
||||
color: #777; |
||||
} |
||||
|
||||
.blog_masonry_3col ul.grid-boxes-news li a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Quote Block*/ |
||||
.grid-boxes-caption.grid-boxes-quote { |
||||
padding: 30px; |
||||
background: #333; |
||||
text-align: center; |
||||
} |
||||
|
||||
.grid-boxes-quote p { |
||||
position: relative; |
||||
} |
||||
|
||||
.grid-boxes-quote p:after { |
||||
content: " \" "; |
||||
margin-left: 10px; |
||||
position: absolute; |
||||
font-family: Tahoma; |
||||
} |
||||
|
||||
.grid-boxes-quote p:before { |
||||
content: " \" "; |
||||
margin-left: -15px; |
||||
position: absolute; |
||||
font-family: Tahoma; |
||||
} |
||||
|
||||
.grid-boxes-quote p, |
||||
.grid-boxes-quote p a, |
||||
.grid-boxes-quote span { |
||||
color: #fff; |
||||
font-size: 20px; |
||||
font-weight: 200; |
||||
font-family: "Open Sans"; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.grid-boxes-quote span { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
|
||||
@ -1,275 +0,0 @@ |
||||
/*Timeline v1 |
||||
------------------------------------*/ |
||||
.timeline-v1 { |
||||
padding: 20px 0; |
||||
list-style: none; |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v1:before { |
||||
top: 0; |
||||
bottom: 0; |
||||
position: absolute; |
||||
content: " "; |
||||
width: 3px; |
||||
background-color: #eee; |
||||
left: 50%; |
||||
margin-left: -1.5px; |
||||
} |
||||
|
||||
.timeline-v1 > li { |
||||
margin-bottom: 40px; |
||||
position: relative; |
||||
width: 50%; |
||||
float: left; |
||||
clear: left; |
||||
} |
||||
|
||||
.timeline-v1 > li:before, |
||||
.timeline-v1 > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.timeline-v1 > li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.timeline-v1 > li:before, |
||||
.timeline-v1 > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
.timeline-v1 > li:after { |
||||
clear: both; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel { |
||||
width: 94%; |
||||
float: left; |
||||
border: 1px solid #d4d4d4; |
||||
/*border-radius: 2px;*/ |
||||
/*padding: 20px;*/ |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel:before { |
||||
position: absolute; |
||||
top: 26px; |
||||
right: -15px; |
||||
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-v1 > li > .timeline-panel:after { |
||||
position: absolute; |
||||
top: 27px; |
||||
right: -14px; |
||||
display: inline-block; |
||||
border-top: 14px solid transparent; |
||||
border-left: 14px solid #fff; |
||||
border-right: 0 solid #fff; |
||||
border-bottom: 14px solid transparent; |
||||
content: " "; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-badge { |
||||
color: #ccc; |
||||
width: 24px; |
||||
height: 24px; |
||||
line-height: 50px; |
||||
font-size: 1.4em; |
||||
cursor: pointer; |
||||
text-align: center; |
||||
position: absolute; |
||||
top: 19px; |
||||
right: -12px; |
||||
/*background-color: #999999;*/ |
||||
z-index: 9; |
||||
/* |
||||
border-top-right-radius: 50%; |
||||
border-top-left-radius: 50%; |
||||
border-bottom-right-radius: 50%; |
||||
border-bottom-left-radius: 50%; |
||||
*/ |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-badge i:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel { |
||||
float: right; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:before { |
||||
border-left-width: 0; |
||||
border-right-width: 15px; |
||||
left: -15px; |
||||
right: auto; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:after { |
||||
border-left-width: 0; |
||||
border-right-width: 14px; |
||||
left: -14px; |
||||
right: auto; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel .timeline-heading { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel .timeline-heading img { |
||||
width: 100%; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-body { |
||||
padding: 12px; |
||||
/*margin-bottom: 20px;*/ |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer{ |
||||
padding: 7px 12px; |
||||
overflow: hidden; |
||||
border-top: 1px solid #ccc; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .blog-info { |
||||
float: left; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .blog-info i { |
||||
color: #777; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .likes { |
||||
float: right; |
||||
} |
||||
.timeline-v1 .timeline-footer .likes i { |
||||
margin-right: 2px; |
||||
color: #777; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .likes:hover { |
||||
text-decoration: none; |
||||
color: inherit; |
||||
} |
||||
|
||||
.timeline-v1 .timeline-footer .likes:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted{ |
||||
float: right; |
||||
clear: right; |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
.timeline-v1 > li:nth-child(2){ |
||||
margin-top: 60px; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted > .timeline-badge{ |
||||
left: -12px; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.timeline-v1 > li > .timeline-panel:before { |
||||
top: 31px; |
||||
right: -11px; |
||||
border-top: 11px solid transparent; |
||||
border-left: 11px solid #ccc; |
||||
border-bottom: 11px solid transparent; |
||||
} |
||||
|
||||
.timeline-v1 > li > .timeline-panel:after { |
||||
top: 32px; |
||||
right: -10px; |
||||
border-top: 10px solid transparent; |
||||
border-left: 10px solid #fff; |
||||
border-bottom: 10px solid transparent; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:before { |
||||
border-right-width: 11px; |
||||
left: -11px; |
||||
} |
||||
.timeline-v1 > li.timeline-inverted > .timeline-panel:after { |
||||
border-right-width: 10px; |
||||
left: -10px; |
||||
} |
||||
|
||||
} |
||||
|
||||
@media (max-width: 767px) { |
||||
ul.timeline-v1:before { |
||||
left: 40px; |
||||
} |
||||
|
||||
ul.timeline-v1 > li { |
||||
margin-bottom: 20px; |
||||
position: relative; |
||||
width:100%; |
||||
float: left; |
||||
clear: left; |
||||
} |
||||
ul.timeline-v1 > li > .timeline-panel { |
||||
width: calc(100% - 70px); |
||||
width: -moz-calc(100% - 70px); |
||||
width: -webkit-calc(100% - 70px); |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-badge { |
||||
left: 28px; |
||||
margin-left: 0; |
||||
top: 16px; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel { |
||||
float: right; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:before { |
||||
top: 27px; |
||||
right: -12px; |
||||
border-top: 12px solid transparent; |
||||
border-left: 12px solid #ccc; |
||||
border-bottom: 12px solid transparent; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:after { |
||||
top: 28px; |
||||
right: -11px; |
||||
border-top: 11px solid transparent; |
||||
border-left: 11px solid #fff; |
||||
border-bottom: 11px solid transparent; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:before { |
||||
border-left-width: 0; |
||||
border-right-width: 12px; |
||||
left: -12px; |
||||
right: auto; |
||||
} |
||||
|
||||
ul.timeline-v1 > li > .timeline-panel:after { |
||||
border-left-width: 0; |
||||
border-right-width: 11px; |
||||
left: -11px; |
||||
right: auto; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted{ |
||||
float: left; |
||||
clear: left; |
||||
margin-top: 30px; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.timeline-v1 > li.timeline-inverted > .timeline-badge{ |
||||
left: 28px; |
||||
} |
||||
} |
||||
@ -1,166 +0,0 @@ |
||||
/*Timeline v2 |
||||
------------------------------------*/ |
||||
.timeline-v2 { |
||||
padding: 0; |
||||
list-style: none; |
||||
position: relative; |
||||
} |
||||
|
||||
/* The line */ |
||||
.timeline-v2 > li{ |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v2:before { |
||||
top: 0; |
||||
bottom: 0; |
||||
left: 22%; |
||||
width: 4px; |
||||
content: ''; |
||||
background: #f3f3f3; |
||||
position: absolute; |
||||
margin-left: -14px; |
||||
} |
||||
|
||||
/* The date/time */ |
||||
.timeline-v2 > li .cbp_tmtime { |
||||
width: 25%; |
||||
display: block; |
||||
position: absolute; |
||||
padding-right: 80px; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span { |
||||
top: 9px; |
||||
display: block; |
||||
text-align: right; |
||||
position: relative; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span:first-child { |
||||
color: #999; |
||||
font-size: 14px; |
||||
line-height: 0.9; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span:last-child { |
||||
color: #585f69; |
||||
font-size: 20px; |
||||
font-weight: normal; |
||||
|
||||
} |
||||
|
||||
/* Right content */ |
||||
.timeline-v2 > li .cbp_tmlabel { |
||||
color: #fff; |
||||
padding: 10px 20px 20px; |
||||
background: #f3f3f3; |
||||
line-height: 1.4; |
||||
clear: both; |
||||
position: relative; |
||||
border-radius: 5px; |
||||
margin: 0 0 40px 25%; |
||||
} |
||||
|
||||
/* |
||||
.timeline-v2 > li .cbp_tmlabel img.big-thumb { |
||||
width: 100%; |
||||
} |
||||
*/ |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/* |
||||
.timeline-v2 > li .cbp_tmlabel img.small-thumb { |
||||
width: 111px; |
||||
height: auto; |
||||
} |
||||
*/ |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel h2 { |
||||
margin-top: 0px; |
||||
font-size: 21px; |
||||
padding: 0 0 5px; |
||||
margin-bottom: 10px; |
||||
text-transform: capitalize; |
||||
border-bottom: 1px solid #ddd; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel .text-left { |
||||
float: left; |
||||
} |
||||
|
||||
/* The triangle */ |
||||
.timeline-v2 > li .cbp_tmlabel:after { |
||||
right: 100%; |
||||
border: solid transparent; |
||||
content: " "; |
||||
height: 0; |
||||
width: 0; |
||||
position: absolute; |
||||
pointer-events: none; |
||||
border-right-color: #f3f3f3; |
||||
border-width: 10px; |
||||
top: 18px; |
||||
} |
||||
|
||||
/* The icons */ |
||||
.timeline-v2 > li .cbp_tmicon { |
||||
top: 22px; |
||||
left: 22%; |
||||
width: 10px; |
||||
height: 10px; |
||||
position: absolute; |
||||
background: #72c02c; |
||||
margin: 0 0 0 -17px; |
||||
box-shadow: 0 0 0 4px #f3f3f3; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
/* Example Media Queries */ |
||||
@media screen and (max-width: 65.375em) { |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span:last-child { |
||||
font-size: 1.5em; |
||||
} |
||||
} |
||||
|
||||
@media screen and (max-width: 47.2em) { |
||||
.timeline-v2:before { |
||||
display: none; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime { |
||||
width: 100%; |
||||
position: relative; |
||||
padding: 0 0 20px 0; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmtime span { |
||||
text-align: left; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel { |
||||
padding: 1em; |
||||
font-weight: 400; |
||||
margin: 0 0 30px 0; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmlabel:after { |
||||
left: 20px; |
||||
top: -20px; |
||||
right: auto; |
||||
border-bottom-color: #f3f3f3; |
||||
border-right-color: transparent; |
||||
} |
||||
|
||||
.timeline-v2 > li .cbp_tmicon { |
||||
left: auto; |
||||
float: right; |
||||
position: relative; |
||||
margin: -55px 5px 0 0px; |
||||
} |
||||
} |
||||
|
||||
@ -1,40 +0,0 @@ |
||||
/*404 Error Page v1 |
||||
------------------------------------*/ |
||||
.error-v1 { |
||||
padding-bottom: 30px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v1 p { |
||||
color: #555; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.error-v1 span { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 35px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.error-v1 span.error-v1-title { |
||||
color: #777; |
||||
font-size: 180px; |
||||
line-height: 200px; |
||||
padding-bottom: 20px; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v1 p { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.error-v1 span { |
||||
font-size: 25px; |
||||
} |
||||
|
||||
.error-v1 span.error-v1-title { |
||||
font-size: 140px; |
||||
} |
||||
} |
||||
@ -1,53 +0,0 @@ |
||||
/*404 Error Page v2 |
||||
------------------------------------*/ |
||||
|
||||
/*@import url(//fonts.googleapis.com/css?family=Kite+One);*/ |
||||
|
||||
body { |
||||
background: #555; |
||||
} |
||||
|
||||
.error-v2 { |
||||
padding: 40px; |
||||
margin: 60px 0; |
||||
text-align: center; |
||||
background: url(../../img/bg-black1.png); |
||||
} |
||||
|
||||
.error-v2 p { |
||||
color: #fff; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.error-v2 span { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 40px; |
||||
} |
||||
|
||||
.error-v2 span.error-v2-title { |
||||
color: #fff; |
||||
font-size: 220px; |
||||
line-height: 260px; |
||||
/* |
||||
font-size: 160px; |
||||
font-family: 'Kite One', sans-serif; |
||||
*/ |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v2 p { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.error-v2 span { |
||||
font-size: 26px; |
||||
} |
||||
|
||||
.error-v2 span.error-v2-title { |
||||
font-size: 100px; |
||||
line-height: 120px; |
||||
} |
||||
} |
||||
@ -1,51 +0,0 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V3 |
||||
------------------------------------*/ |
||||
.error-v3 { |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v3 h2 { |
||||
color: #eee; |
||||
font-size: 200px; |
||||
line-height: 200px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v3 h2 { |
||||
font-size: 100px; |
||||
} |
||||
} |
||||
|
||||
.error-v3 p { |
||||
color: #eee; |
||||
font-size: 25px; |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -1,56 +0,0 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V4 |
||||
------------------------------------*/ |
||||
.error-v4 { |
||||
padding-top: 30px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v4 img { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.error-v4 h1 { |
||||
color: #eee; |
||||
font-size: 220px; |
||||
line-height: 260px; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.error-v4 h1 { |
||||
font-size: 100px; |
||||
} |
||||
} |
||||
|
||||
.error-v4 span.sorry { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 25px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -1,73 +0,0 @@ |
||||
/*Parallax Block |
||||
------------------------------------*/ |
||||
.parallax-about .info-blocks-v2 { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.parallax-about .title-box-v2 p, |
||||
.parallax-about .title-box-v2 h2 { |
||||
color: #eee; |
||||
} |
||||
|
||||
/*Our-Location |
||||
------------------------------------*/ |
||||
.our-location .map { |
||||
height: 220px; |
||||
} |
||||
|
||||
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ |
||||
.our-location .map img { |
||||
max-width: none; |
||||
} |
||||
|
||||
.our-location h3 { |
||||
font-size: 18px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
/*Our-clients*/ |
||||
.our-location .our-clients { |
||||
margin-bottom: 0; |
||||
text-align: center; |
||||
} |
||||
|
||||
.our-location .our-clients li { |
||||
padding: 0; |
||||
margin: 1px -1px; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.our-location .our-clients img { |
||||
width: 121px; |
||||
height: auto; |
||||
padding: 10px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.our-location .our-clients li:hover { |
||||
border-color: #ccc; |
||||
-webkit-transition: all 0.4s ease-in-out; |
||||
-moz-transition: all 0.4s ease-in-out; |
||||
-o-transition: all 0.4s ease-in-out; |
||||
transition: all 0.4s ease-in-out; |
||||
} |
||||
|
||||
.about-list-style li { |
||||
margin-bottom: 7px; |
||||
} |
||||
|
||||
.about-list-style li i.fa, |
||||
.about-list-style li i.icon { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
/*Check-style in Responsive*/ |
||||
@media (max-width: 500px) { |
||||
.our-location .about-list-style-in { |
||||
width: 100% !important; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
@ -1,76 +0,0 @@ |
||||
/*Clients Page |
||||
------------------------------------*/ |
||||
.clients-page { |
||||
margin-top: 10px; |
||||
margin-bottom: 50px; |
||||
padding-bottom: 30px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.clients-page ul { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.clients-page li { |
||||
margin: 0 5px 3px 0; |
||||
} |
||||
|
||||
.clients-page h3 { |
||||
margin-top: 0; |
||||
font-size: 22px; |
||||
} |
||||
|
||||
.clients-page img { |
||||
padding: 4px; |
||||
margin: 5px 0; |
||||
border: solid 1px #eee; |
||||
background: #fafafa; |
||||
} |
||||
|
||||
.clients-page:hover img { |
||||
border-color: #bbb; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
.clients-page { |
||||
text-align: center; |
||||
} |
||||
.clients-page img { |
||||
margin: 0 auto 30px; |
||||
} |
||||
} |
||||
|
||||
/* |
||||
.clients-page { |
||||
overflow: hidden; |
||||
} |
||||
.clients-page p { |
||||
overflow: auto; |
||||
} |
||||
.clients-page p a { |
||||
overflow: auto; |
||||
text-decoration: underline; |
||||
} |
||||
.clients-page a.img-hover { |
||||
display: block; |
||||
position: relative; |
||||
} |
||||
.clients-page img { |
||||
float: left; |
||||
width: 120px; |
||||
height: 120px; |
||||
margin-right: 20px; |
||||
background: #fafafa; |
||||
border: solid 1px #eee; |
||||
} |
||||
.clients-page img.img-colorful { |
||||
display: none; |
||||
} |
||||
.clients-page a:hover img.img-colorful, |
||||
.clients-page:hover img.img-colorful { |
||||
top: 0; |
||||
left: 0; |
||||
display: block; |
||||
position: absolute; |
||||
} |
||||
*/ |
||||
@ -1,56 +0,0 @@ |
||||
/*Coming Soon Page |
||||
------------------------------------*/ |
||||
.coming-soon-page { |
||||
background: #585f69; |
||||
} |
||||
|
||||
.coming-soon-border { |
||||
border-top: solid 3px #72c02c; |
||||
} |
||||
|
||||
.coming-soon, |
||||
.coming-soon-plugin { |
||||
padding: 20px; |
||||
text-align: center; |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.coming-soon-plugin { |
||||
min-height: 330px; |
||||
} |
||||
|
||||
.coming-soon h1, |
||||
.coming-soon p { |
||||
color: #fff; |
||||
} |
||||
|
||||
.coming-soon h1 { |
||||
font-size: 50px; |
||||
line-height: 50px; |
||||
margin-bottom: 15px; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
.coming-soon p { |
||||
font-size: 16px; |
||||
line-height: 22px; |
||||
} |
||||
|
||||
.coming-soon-copyright { |
||||
padding: 5px 0; |
||||
} |
||||
|
||||
.coming-soon-copyright p { |
||||
color: #fff; |
||||
text-align: right; |
||||
} |
||||
|
||||
/* Small devices (tablets, 768px and less) */ |
||||
@media (max-width: 768px) { |
||||
.coming-soon-copyright { |
||||
margin-top: 40px; |
||||
} |
||||
.coming-soon-copyright p { |
||||
text-align: left; |
||||
} |
||||
} |
||||
@ -1,36 +0,0 @@ |
||||
/*Contact Pages |
||||
------------------------------------*/ |
||||
.map { |
||||
width:100%; |
||||
height:350px; |
||||
border-top:solid 1px #eee; |
||||
border-bottom:solid 1px #eee; |
||||
} |
||||
|
||||
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ |
||||
.map img { |
||||
max-width: none; |
||||
} |
||||
|
||||
.map-box { |
||||
height: 250px; |
||||
} |
||||
|
||||
.map-box-space { |
||||
margin-top: 15px; |
||||
} |
||||
.map-box-space1 { |
||||
margin-top: 7px; |
||||
} |
||||
|
||||
/*Custom Sky Forms (Advanced Contacts Page)*/ |
||||
.sky-changes-3.sky-form, |
||||
.sky-changes-3.sky-form footer { |
||||
border: none; |
||||
} |
||||
|
||||
.sky-changes-3.sky-form footer, |
||||
.sky-changes-3.sky-form fieldset { |
||||
padding: 0; |
||||
background: none; |
||||
} |
||||
@ -1,44 +0,0 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V3 |
||||
------------------------------------*/ |
||||
.error-v3 { |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v3 h2 { |
||||
color: #eee; |
||||
font-size: 200px; |
||||
line-height: 200px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
.error-v3 p { |
||||
color: #eee; |
||||
font-size: 25px; |
||||
margin-bottom: 50px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -1,49 +0,0 @@ |
||||
/*Wrapping element for Sticky-Footer*/ |
||||
html { |
||||
min-height: 100%; |
||||
position: relative; |
||||
} |
||||
body { |
||||
/* Margin bottom by footer height */ |
||||
margin-bottom: 60px; |
||||
} |
||||
|
||||
/*404 Error Page V4 |
||||
------------------------------------*/ |
||||
.error-v4 { |
||||
padding-top: 30px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.error-v4 img { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.error-v4 h1 { |
||||
color: #eee; |
||||
font-size: 220px; |
||||
line-height: 260px; |
||||
} |
||||
|
||||
.error-v4 span.sorry { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 25px; |
||||
padding-bottom: 40px; |
||||
} |
||||
|
||||
/*Sticky-Footer |
||||
------------------------------------*/ |
||||
.sticky-footer { |
||||
position: absolute; |
||||
bottom: 0; |
||||
width: 100%; |
||||
padding: 20px; |
||||
/* Set the fixed height of the footer here */ |
||||
height: 60px; |
||||
} |
||||
|
||||
.sticky-footer .copyright-space { |
||||
color: #eee; |
||||
text-align: center; |
||||
} |
||||
@ -1,82 +0,0 @@ |
||||
/*FAQ-page |
||||
------------------------------------*/ |
||||
.faq-breadcrumb { |
||||
text-align: center; |
||||
position: relative; |
||||
background: url(../../img/bg/12.jpg) no-repeat center; |
||||
} |
||||
|
||||
.faq-breadcrumb:before { |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.3); |
||||
} |
||||
|
||||
.faq-page .tab-v1 { |
||||
margin-top: 19px; |
||||
} |
||||
|
||||
.faq-page .tab-v1 .panel-title { |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Check-style*/ |
||||
.faq-page .check-style { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.faq-page .check-style li { |
||||
margin-bottom: 10px; |
||||
} |
||||
.faq-page .check-style li:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.faq-page .check-style i { |
||||
font-size: 18px; |
||||
font-weight: 600; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
/*Check-style in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.faq-page .main-check .col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Faq-add*/ |
||||
.faq-page .faq-add { |
||||
padding: 15px; |
||||
margin-bottom: 20px; |
||||
border: 2px solid #eee; |
||||
} |
||||
|
||||
.faq-page .top-part i { |
||||
float: left; |
||||
color: #777; |
||||
font-size: 20px; |
||||
padding-top: 3px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.faq-page .new-title { |
||||
color: #72c02c; |
||||
font-size: 18px; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.faq-page .faq-add p { |
||||
line-height: 1.5; |
||||
} |
||||
|
||||
/*ParallaxBg6 |
||||
------------------------------------*/ |
||||
/*Title-Box*/ |
||||
.faq-bg .title-box-v2 h2, |
||||
.faq-bg .title-box-v2 p { |
||||
color: #fff; |
||||
} |
||||
@ -1,44 +0,0 @@ |
||||
/*Invoice Page |
||||
------------------------------------*/ |
||||
/*Invoice Header*/ |
||||
.invoice-header { |
||||
color: #555; |
||||
overflow: hidden; |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
.invoice-header h2 { |
||||
font-size: 30px; |
||||
} |
||||
|
||||
.invoice-header .invoice-numb { |
||||
font-size: 16px; |
||||
text-align: right; |
||||
} |
||||
|
||||
.invoice-header .invoice-numb span { |
||||
color: 777; |
||||
display: block; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
/*Invoice Info*/ |
||||
.invoice-info { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.invoice-info h2 { |
||||
color: #555; |
||||
font-size: 18px; |
||||
} |
||||
|
||||
/*Invoice Footer*/ |
||||
.invoice-total-info { |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.invoice-total-info li { |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-family: 'Open Sans'; |
||||
} |
||||
@ -1,82 +0,0 @@ |
||||
/*Job |
||||
------------------------------------*/ |
||||
.job-img { |
||||
overflow: hidden; |
||||
position: relative; |
||||
min-height: 300px; |
||||
background: url(../../img/job/1.jpg) 70% 40% no-repeat; |
||||
} |
||||
|
||||
.job-img .job-banner { |
||||
padding: 20px; |
||||
max-width: 450px; |
||||
margin: 60px auto 100px; |
||||
background: rgba(255,255,255,0.8); |
||||
} |
||||
|
||||
.job-img .job-banner h2 { |
||||
font-size: 20px; |
||||
line-height: 27px; |
||||
text-align: center; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.job-img .job-banner { |
||||
padding: 10px; |
||||
margin: 30px auto 100px; |
||||
} |
||||
} |
||||
|
||||
.job-img .job-img-inputs { |
||||
left: 0; |
||||
right: 0; |
||||
bottom: -7px; |
||||
padding: 20px 0; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.9); |
||||
} |
||||
|
||||
/*Job-Content |
||||
------------------------------------*/ |
||||
.job-content .categories li { |
||||
padding: 6px 0; |
||||
border-bottom: 1px dotted #eee; |
||||
} |
||||
|
||||
.job-content .hex { |
||||
color: #999 |
||||
} |
||||
|
||||
/*High-Rated |
||||
------------------------------------*/ |
||||
.high-rated .carousel-indicators { |
||||
top: 10px; |
||||
left: 65%; |
||||
text-align: right; |
||||
} |
||||
|
||||
.high-rated .carousel-indicators .active { |
||||
background: #555; |
||||
} |
||||
|
||||
.high-rated .carousel-indicators li { |
||||
border-color: #555; |
||||
} |
||||
|
||||
.high-rated .carousel-inner > .item { |
||||
margin: 0; |
||||
} |
||||
|
||||
.high-rated .star-vote { |
||||
float: right; |
||||
margin-top: 8px; |
||||
} |
||||
|
||||
.high-rated .star-vote ul { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.high-rated .star-vote li { |
||||
padding: 0; |
||||
} |
||||
@ -1,283 +0,0 @@ |
||||
/*Center Icon*/ |
||||
.center-icon { |
||||
left: 50%; |
||||
top: -22px; |
||||
color: #585f69; |
||||
min-width: 45px; |
||||
font-size: 23px; |
||||
background: #fff; |
||||
padding: 10px 5px; |
||||
text-align: center; |
||||
position: absolute; |
||||
margin: 0 10px 0 -22px; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
/*Wrapping element for colorful background Block-Description, Job_Team |
||||
------------------------------------*/ |
||||
.block-description, |
||||
.job-team { |
||||
padding: 40px 0 30px; |
||||
position: relative; |
||||
background: #f9f9f9; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Wrapping element for white background Block-Level-v2, Contacts |
||||
------------------------------------*/ |
||||
.block-level-v2, |
||||
.contacts { |
||||
padding: 30px 0; |
||||
background: #fff; |
||||
position: relative; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Image Block |
||||
------------------------------------*/ |
||||
.image-block { |
||||
overflow: hidden; |
||||
min-height: 200px; |
||||
position: relative; |
||||
} |
||||
|
||||
.image-block { |
||||
background: url(../../img/job/slider.jpg) 70% 40% no-repeat; |
||||
} |
||||
|
||||
/*Company Description*/ |
||||
.image-block .company-description { |
||||
max-width: 500px; |
||||
margin: 40px auto; |
||||
padding: 35px 25px; |
||||
position: relative; |
||||
text-align: center; |
||||
background: rgba(255,255,255,0.8); |
||||
} |
||||
|
||||
.image-block .company-description h2 { |
||||
margin-bottom: 20px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.image-block .company-description p { |
||||
text-align: left; |
||||
} |
||||
|
||||
.image-block .benefits { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.image-block .benefits li { |
||||
margin: 0 7px 10px 0; |
||||
font-style: italic; |
||||
} |
||||
|
||||
.image-block .benefits li i { |
||||
color: #555; |
||||
min-width: 32px; |
||||
font-size: 15px; |
||||
padding: 7px 6px; |
||||
margin-right: 10px; |
||||
text-align: center; |
||||
border: 1px solid #555; |
||||
} |
||||
|
||||
/*Block Description |
||||
------------------------------------*/ |
||||
.block-description { |
||||
padding-bottom: 80px !important; |
||||
} |
||||
|
||||
/*Left-Inner*/ |
||||
.block-description .left-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.block-description .left-inner .hex { |
||||
color: #999; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.block-description .left-inner i.position-top { |
||||
top: 20px; |
||||
right: 20px; |
||||
color: #585f69; |
||||
font-size: 18px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.block-description .left-inner img { |
||||
float: left; |
||||
width: 80px; |
||||
height: auto; |
||||
padding: 3px; |
||||
margin: 0 10px 10px 0; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.block-description .left-inner h3 { |
||||
margin: 0 0 5px; |
||||
} |
||||
|
||||
.block-description .left-inner p.hex { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.block-description .star-vote { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-description .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Progresses*/ |
||||
.block-description .progression span { |
||||
float: left; |
||||
width: 150px; |
||||
margin: -8px 15px 0 0; |
||||
} |
||||
|
||||
/*Right Inner*/ |
||||
.block-description .right-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.block-description .right-inner img { |
||||
float: left; |
||||
width: 90px; |
||||
height: auto; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-description .right-inner .font-s { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.block-description .right-inner hr { |
||||
margin: 15px 0; |
||||
} |
||||
|
||||
/*P chart v2*/ |
||||
.block-description .p-chart { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.block-description .p-chart h3 { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.block-description .p-chart .circle { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.block-description .p-chart .overflow-h li i, |
||||
.block-description .p-chart .overflow-h li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.block-description .p-chart .overflow-h li a { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.block-description .p-chart.col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Save Job*/ |
||||
.block-description .save-job li { |
||||
padding: 2px 0; |
||||
} |
||||
|
||||
.block-description .save-job i { |
||||
color: #999; |
||||
min-width: 25px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.block-description .save-job a { |
||||
color: #999; |
||||
} |
||||
|
||||
.block-description .save-job a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Overview*/ |
||||
.block-description .overview { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.block-description .overview i { |
||||
color: #fff; |
||||
float: left; |
||||
min-width: 38px; |
||||
font-size: 20px; |
||||
padding: 10px 3px; |
||||
text-align: center; |
||||
margin-right: 10px; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*People Say*/ |
||||
.block-description .people-say img { |
||||
float: left; |
||||
width: 40px; |
||||
height: auto; |
||||
margin: 6px 10px 0 0; |
||||
} |
||||
|
||||
.block-description .people-say .overflow-h span { |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.block-description .people-say .overflow-h p { |
||||
font-style: italic; |
||||
line-height: 1.3; |
||||
} |
||||
|
||||
.block-description .people-say .overflow-h small { |
||||
text-align: right; |
||||
font-style: italic; |
||||
} |
||||
|
||||
/*Block Level |
||||
------------------------------------*/ |
||||
.block-level { |
||||
padding-bottom: 10px !important; |
||||
} |
||||
|
||||
/*Block Level v2 |
||||
------------------------------------*/ |
||||
.block-level-v2 .responsive-video { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
/*Job Team |
||||
------------------------------------*/ |
||||
.parallax-team { |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Contacts |
||||
------------------------------------*/ |
||||
.contacts { |
||||
padding-bottom: 70px; |
||||
} |
||||
|
||||
.contacts h3 { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.contacts hr { |
||||
margin: 10px 0; |
||||
} |
||||
@ -1,179 +0,0 @@ |
||||
/*Job-Description |
||||
------------------------------------*/ |
||||
.job-description { |
||||
padding-bottom: 30px; |
||||
position: relative; |
||||
background: #f9f9f9; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
/*Visit*/ |
||||
.job-description .visit { |
||||
text-align: center; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.job-description .visit h2 { |
||||
font-size: 25px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Left-Inner*/ |
||||
.job-description .left-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.job-description i.position-top { |
||||
color: #777; |
||||
top: 10px; |
||||
right: 10px; |
||||
font-size: 18px; |
||||
min-width: 28px; |
||||
padding: 5px 4px; |
||||
position: absolute; |
||||
text-align: center; |
||||
} |
||||
|
||||
.job-description i.position-top:hover { |
||||
color: #fff; |
||||
background: #585f69; |
||||
} |
||||
|
||||
.job-description .left-inner img { |
||||
float: left; |
||||
width: 80px; |
||||
height: auto; |
||||
padding: 3px; |
||||
margin: 0 10px 10px 0; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.job-description .left-inner h3 { |
||||
margin: 0 0 5px; |
||||
} |
||||
|
||||
.job-description .left-inner p.hex { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.job-description .star-vote { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.job-description .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Progresses*/ |
||||
.job-description .progression span { |
||||
float: left; |
||||
width: 150px; |
||||
margin: -8px 15px 0 0; |
||||
} |
||||
|
||||
/*Right-Inner*/ |
||||
.job-description .right-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.job-description .right-inner img { |
||||
float: left; |
||||
width: 90px; |
||||
height: auto; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.job-description .right-inner .font-s { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.job-description .right-inner hr { |
||||
margin: 15px 0; |
||||
} |
||||
|
||||
/*P-chart-v2*/ |
||||
.job-description .p-chart { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.job-description .p-chart h3 { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.job-description .p-chart .circle { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.job-description .p-chart .overflow-h li i, |
||||
.job-description .p-chart .overflow-h li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.job-description .p-chart .overflow-h li a { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.job-description .p-chart.col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Save-Job*/ |
||||
.job-description .save-job li { |
||||
padding: 2px 0; |
||||
} |
||||
|
||||
.job-description .save-job i { |
||||
color: #999; |
||||
min-width: 25px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.job-description .save-job a { |
||||
color: #999; |
||||
} |
||||
|
||||
.job-description .save-job a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Overview*/ |
||||
.job-description .overview i { |
||||
color: #fff; |
||||
float: left; |
||||
min-width: 38px; |
||||
font-size: 20px; |
||||
padding: 10px 3px; |
||||
text-align: center; |
||||
margin-right: 10px; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*People-Say*/ |
||||
.job-description .people-say img { |
||||
float: left; |
||||
width: 40px; |
||||
height: auto; |
||||
margin: 6px 10px 0 0; |
||||
} |
||||
|
||||
.job-description .people-say .overflow-h span { |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.job-description .people-say .overflow-h p { |
||||
font-style: italic; |
||||
line-height: 1.2; |
||||
} |
||||
|
||||
.job-description .people-say .overflow-h small { |
||||
text-align: right; |
||||
font-style: italic; |
||||
} |
||||
@ -1,109 +0,0 @@ |
||||
/*Job-Description |
||||
------------------------------------*/ |
||||
.job-description { |
||||
position: relative; |
||||
background: #f9f9f9; |
||||
} |
||||
|
||||
/*Visit*/ |
||||
.job-description .visit { |
||||
text-align: center; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.job-description .visit h2 { |
||||
font-size: 25px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Left-Inner*/ |
||||
.job-description .left-inner { |
||||
padding: 20px; |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.job-description .position-top { |
||||
top: 20px; |
||||
right: 20px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.job-description .social-icons { |
||||
float: left; |
||||
} |
||||
|
||||
.job-description .position-top i { |
||||
top: 5px; |
||||
color: #777; |
||||
font-size: 18px; |
||||
min-width: 28px; |
||||
margin-left: 6px; |
||||
padding: 5px 4px; |
||||
position: relative; |
||||
text-align: center; |
||||
} |
||||
|
||||
.job-description .position-top i:hover { |
||||
color: #fff; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 550px) { |
||||
.job-description .position-top { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.job-description .left-inner img { |
||||
float: left; |
||||
width: 80px; |
||||
height: 80px; |
||||
padding: 3px; |
||||
margin: 0 10px 10px 0; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.job-description .left-inner h3 { |
||||
margin: 0 0 5px; |
||||
} |
||||
|
||||
.job-description .left-inner p.hex { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.job-description .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Progresses*/ |
||||
.job-description .progression span { |
||||
float: left; |
||||
width: 150px; |
||||
margin: -8px 15px 0 0; |
||||
} |
||||
|
||||
/*Overview*/ |
||||
.job-description .overview i { |
||||
color: #fff; |
||||
float: left; |
||||
min-width: 38px; |
||||
font-size: 20px; |
||||
padding: 10px 3px; |
||||
text-align: center; |
||||
margin-right: 10px; |
||||
background: #585f69; |
||||
} |
||||
|
||||
/*Colorful-ul*/ |
||||
.job-description .colorful-ul li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Copyright-v2 |
||||
------------------------------------*/ |
||||
.copyright-v2 { |
||||
padding: 10px 0; |
||||
background: #f9f9f9; |
||||
} |
||||
@ -1,27 +0,0 @@ |
||||
/*Registration and Login Page v1 |
||||
------------------------------------*/ |
||||
.reg-page { |
||||
color: #555; |
||||
padding: 30px; |
||||
background: #fefefe; |
||||
border: solid 1px #eee; |
||||
box-shadow: 0 0 3px #eee; |
||||
} |
||||
|
||||
/*Reg Header*/ |
||||
.reg-header { |
||||
color: #555; |
||||
text-align: center; |
||||
margin-bottom: 35px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.reg-header h2 { |
||||
font-size: 24px; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
/*Reg Forms*/ |
||||
.reg-page label { |
||||
color: #777; |
||||
} |
||||
@ -1,72 +0,0 @@ |
||||
/*Registration and Login Page v2 |
||||
------------------------------------*/ |
||||
body { |
||||
background: #555; |
||||
} |
||||
|
||||
.reg-block { |
||||
width: 380px; |
||||
padding: 20px; |
||||
margin: 60px auto; |
||||
background: #fff; |
||||
border-top: solid 2px #72c02c; |
||||
} |
||||
|
||||
.reg-block h2, |
||||
.reg-block p, |
||||
.reg-block p a { |
||||
color: #777; |
||||
} |
||||
|
||||
.reg-block-header h2 { |
||||
font-size: 28px; |
||||
} |
||||
|
||||
.reg-block p a { |
||||
text-decoration: underline; |
||||
} |
||||
.reg-block p a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Forms*/ |
||||
.reg-block .input-group-addon { |
||||
color: #bbb; |
||||
background: none; |
||||
min-width: 40px; |
||||
} |
||||
|
||||
.reg-block .form-control:focus { |
||||
box-shadow: none; |
||||
border-color: #999; |
||||
} |
||||
|
||||
.reg-block .checkbox { |
||||
color: #555; |
||||
margin-bottom: 20px; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
/*Reg Header*/ |
||||
.reg-block-header { |
||||
padding-bottom: 5px; |
||||
margin-bottom: 30px; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.reg-block-header h2 { |
||||
text-align: center; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.reg-block-header p { |
||||
text-align: center; |
||||
} |
||||
|
||||
/*For Mobile Devices*/ |
||||
@media (max-width: 500px) { |
||||
.reg-block { |
||||
width: 300px; |
||||
margin: 60px auto; |
||||
} |
||||
} |
||||
@ -1,72 +0,0 @@ |
||||
/*One Page |
||||
------------------------------------*/ |
||||
.one-page { |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
} |
||||
|
||||
.one-page h1, |
||||
.one-page h2 { |
||||
color: #fff; |
||||
font-size: 23px; |
||||
line-height: 28px; |
||||
text-shadow: none; |
||||
margin-bottom: 25px; |
||||
} |
||||
|
||||
.one-page h3.heading-sm { |
||||
font-size: 19px; |
||||
} |
||||
|
||||
.one-page p { |
||||
color: #fff; |
||||
} |
||||
|
||||
.one-grey hr { |
||||
border-color: #bbb; |
||||
} |
||||
|
||||
.one-page .one-default p, |
||||
.one-page .one-default h1, |
||||
.one-page .one-default h2, |
||||
.one-page .one-grey p, |
||||
.one-page .one-grey h1, |
||||
.one-page .one-grey h2 { |
||||
color: #555; |
||||
} |
||||
|
||||
.one-page .one-page-inner { |
||||
padding: 30px 0; |
||||
min-height: 300px; |
||||
} |
||||
|
||||
.one-page .one-page-btn { |
||||
margin-bottom: 15px; |
||||
font-size: 18px; |
||||
font-weight: 200; |
||||
padding-left: 30px; |
||||
padding-right: 30px; |
||||
} |
||||
|
||||
.one-page .btn-u { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.one-page .one-default { |
||||
background: #fff; |
||||
} |
||||
.one-page .one-grey { |
||||
background: #eee; |
||||
} |
||||
.one-page .one-blue { |
||||
background: #3498db; |
||||
} |
||||
.one-page .one-red { |
||||
background: #e74c3c; |
||||
} |
||||
.one-page .one-orange { |
||||
background: #e67e22; |
||||
} |
||||
.one-page .one-green { |
||||
background: #2ecc71; |
||||
} |
||||
@ -1,969 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold !important; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
|
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
.pricing-bg-colored h3 { |
||||
border-bottom: 1px solid #fff; |
||||
} |
||||
.pricing-bg-colored h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
.pricing-rounded .easy-bg-v2 i { |
||||
padding-left: 3px; |
||||
} |
||||
.pricing-rounded h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
.pricing-rounded h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-bg-colored .btn-u { |
||||
border: 1px solid #999 !; |
||||
background: #fff !important; |
||||
} |
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light h3 { |
||||
color: #888; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 ; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
color: #717984; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Mega-v1 Version |
||||
------------------------------------*/ |
||||
.pricing-mega-v1 { |
||||
padding: 40px 15px 0 15px; |
||||
} |
||||
.pricing-mega-v1 .price-active, |
||||
.pricing-mega-v1 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v1 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4{ |
||||
font-size: 20px; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 span, |
||||
.pricing-mega-v1 .pricing-content li span, |
||||
.padding-mega-v1 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3, |
||||
.pricing-mega-v1 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v1 .hidden-area { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 31px 0; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v1 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li i { |
||||
color: #72C02C; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a{ |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611 |
||||
} |
||||
|
||||
/*Pricing Table Mega-v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .price-active, |
||||
.pricing-mega-v2 .pricing:hover { |
||||
margin-top: 0px; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff ; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/*Pricing Table Mega-v3 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,979 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
.pricing-bg-colored h3 { |
||||
border-bottom: 1px solid #fff; |
||||
} |
||||
.pricing-bg-colored h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-bg-colored .pricing-footer .btn-u { |
||||
border: solid 1px #fff; |
||||
} |
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
.pricing-rounded .easy-bg-v2 i { |
||||
padding-left: 3px; |
||||
} |
||||
.pricing-rounded h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
.pricing-rounded h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light h3 { |
||||
color: #888; |
||||
font-weight: 200 !important; |
||||
font-family: inherit; |
||||
text-shadow: none !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing-content > li { |
||||
border-color: #fff !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li { |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content li { |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
color: #717984 !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Mega v1 Version |
||||
------------------------------------*/ |
||||
.pricing-mega-v1 { |
||||
padding: 40px 15px 0 15px; |
||||
} |
||||
.pricing-mega-v1 .price-active, |
||||
.pricing-mega-v1 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v1 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4{ |
||||
font-size: 20px; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 span, |
||||
.pricing-mega-v1 .pricing-content li span, |
||||
.padding-mega-v1 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3, |
||||
.pricing-mega-v1 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v1 .hidden-area { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 31px 0; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v1 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li i { |
||||
color: #72C02C; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a{ |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611 |
||||
} |
||||
|
||||
/*Pricing Table Mega v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .price-active, |
||||
.pricing-mega-v2 .pricing:hover { |
||||
margin-top: 0px; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff !important; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/*Pricing Table Mega v3 |
||||
------------------------------------*/ |
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
padding: 3px; |
||||
font-size: 10px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,104 +0,0 @@ |
||||
/*Promo Page |
||||
------------------------------------*/ |
||||
/*Slider Part*/ |
||||
.fullwidthbanner-container.slider-promo { |
||||
max-height: 460px !important; |
||||
} |
||||
|
||||
.slider-promo-info-bg { |
||||
padding: 25px 20px 20px; |
||||
background: url(../img/bg-black.png) repeat; |
||||
} |
||||
|
||||
.slider-promo-info span.big-size { |
||||
color: #fff; |
||||
display: block; |
||||
font-size: 30px; |
||||
margin-bottom: 25px; |
||||
text-shadow: 0 !important; |
||||
} |
||||
|
||||
.slider-promo-info p { |
||||
color: #fff; |
||||
font-size: 16px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
/*Promo Box*/ |
||||
.promo-box { |
||||
padding: 20px; |
||||
margin: 25px 0 20px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.promo-box i { |
||||
font-size: 50px; |
||||
} |
||||
|
||||
.promo-box p { |
||||
font-size: 14px; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.promo-box strong, |
||||
.promo-box strong a { |
||||
color: #555; |
||||
font-size: 20px; |
||||
display: block; |
||||
margin: 20px 0 15px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.promo-box:hover strong, |
||||
.promo-box:hover strong a { |
||||
color: #e74c3c; |
||||
} |
||||
|
||||
/*Promo Work*/ |
||||
.promo-work { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
/*Promo Service*/ |
||||
.promo-service { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.promo-service a.btn-u { |
||||
margin: 0 20px 10px 0; |
||||
} |
||||
|
||||
.promo-service .carousel { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
/*Promo Elements*/ |
||||
.title-box { |
||||
margin: 20px 0; |
||||
padding: 40px 0; |
||||
font-size: 16px; |
||||
text-align: center; |
||||
border-bottom: solid 1px #eee; |
||||
} |
||||
|
||||
.title-box .title-box-text { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 35px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.block-blockquote { |
||||
margin: 20px 0; |
||||
text-align: center; |
||||
border: dashed 1px #ccc; |
||||
} |
||||
|
||||
.block-blockquote-inner { |
||||
padding: 15px; |
||||
} |
||||
|
||||
.block-blockquote p { |
||||
font-size: 26px; |
||||
margin-bottom: 0; |
||||
} |
||||
@ -1,93 +0,0 @@ |
||||
/*Page Search |
||||
------------------------------------*/ |
||||
/*Search Block*/ |
||||
.search-block { |
||||
padding: 80px 0; |
||||
text-align: center; |
||||
position: relative; |
||||
margin-bottom: 20px; |
||||
background: url(../../img/bg/7.jpg) 50% 0 repeat fixed; |
||||
} |
||||
|
||||
.search-block:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.3); |
||||
} |
||||
|
||||
.search-block h1 { |
||||
color: #fff; |
||||
font-size: 34px; |
||||
font-weight: 200; |
||||
text-align: center; |
||||
margin-bottom: 30px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.search-block .input-group { |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
.search-block .form-control { |
||||
border: none; |
||||
height: 48px; |
||||
font-size: 16px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
/*Checkbox*/ |
||||
.search-block form.page-search-form { |
||||
border: none; |
||||
} |
||||
|
||||
.search-block form.page-search-form .radio, |
||||
.search-block form.page-search-form .checkbox { |
||||
margin: 0 3% 0 4%; |
||||
} |
||||
|
||||
.search-block form.page-search-form .checkbox { |
||||
color: #fff; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.search-block form.page-search-form .radio i, |
||||
.search-block form.page-search-form .checkbox i { |
||||
top: 6px; |
||||
width: 15px; |
||||
height: 15px; |
||||
border: none; |
||||
} |
||||
|
||||
/*Category |
||||
------------------------------------*/ |
||||
/*Section-Block*/ |
||||
.section-block { |
||||
padding: 20px; |
||||
border: 1px solid #eee; |
||||
box-shadow: 0 0 3px #eee; |
||||
} |
||||
|
||||
.section-block h2 { |
||||
color: #333; |
||||
font-size: 28px; |
||||
font-weight: 200; |
||||
margin: 10px 0 15px; |
||||
} |
||||
|
||||
.section-block .text-center p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.section-block .section-block-info { |
||||
margin-top: 5px; |
||||
padding-top: 20px; |
||||
border-top: solid 1px #eee; |
||||
} |
||||
|
||||
.section-block .section-block-info ul { |
||||
margin-bottom: 0; |
||||
} |
||||
@ -1,188 +0,0 @@ |
||||
/*Search Block Version 2 |
||||
------------------------------------*/ |
||||
.search-block-v2 { |
||||
margin-bottom: 50px; |
||||
padding: 50px 0 58px; |
||||
border-bottom: 1px solid #eee; |
||||
background: url(../../img/breadcrumbs.png) repeat; |
||||
} |
||||
|
||||
.search-block-v2 h2 { |
||||
font-size: 24px; |
||||
font-weight: 200; |
||||
text-align: center; |
||||
margin-bottom: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*S-Results |
||||
------------------------------------*/ |
||||
/*Related-search*/ |
||||
.s-results .related-search { |
||||
border-right: 1px solid #eee; |
||||
} |
||||
|
||||
.s-results .related-search h3 { |
||||
color: #999; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin: 0 0 10px; |
||||
line-height: 20px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.s-results .related-search li { |
||||
margin: 4px 0; |
||||
} |
||||
|
||||
.s-results .related-search li a { |
||||
text-transform: capitalize; |
||||
} |
||||
|
||||
.s-results .related-search a.see-all { |
||||
color: #999; |
||||
} |
||||
|
||||
.s-results .related-search a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.s-results .related-search hr { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
.s-results .blog-photos { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.s-results .blog-photos li img { |
||||
width: 34px; |
||||
height: 34px; |
||||
} |
||||
|
||||
/*Results-number*/ |
||||
.s-results .results-number { |
||||
color: #999; |
||||
display: block; |
||||
margin-bottom: 10px; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*Inner-results*/ |
||||
.s-results .inner-results { |
||||
clear: both; |
||||
} |
||||
|
||||
.s-results .inner-results h3 { |
||||
font-size: 18px; |
||||
margin-bottom: 3px; |
||||
text-transform: capitalize; |
||||
} |
||||
|
||||
.s-results .inner-results h3 a { |
||||
color: #555; |
||||
} |
||||
|
||||
.s-results .inner-results h3 a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.s-results .inner-results img { |
||||
float: left; |
||||
width: 85px; |
||||
height: auto; |
||||
margin: 0 10px 10px 0; |
||||
} |
||||
|
||||
/*up-ul*/ |
||||
.s-results .up-ul { |
||||
margin-bottom: 4px; |
||||
} |
||||
|
||||
.s-results .up-ul li a { |
||||
color: #999; |
||||
} |
||||
|
||||
.s-results .up-ul li a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*btn-group 'dropdown'*/ |
||||
.s-results .inner-results .btn { |
||||
top: -1px; |
||||
padding: 0; |
||||
position: relative; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-default { |
||||
color: #999; |
||||
border: none; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.s-results .inner-results .btn:hover, |
||||
.s-results .inner-results .btn:focus{ |
||||
box-shadow: none; |
||||
background: inherit; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-u-default { |
||||
color: #999; |
||||
border: none; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-u-xs { |
||||
padding: 0; |
||||
} |
||||
|
||||
.s-results .inner-results .btn-u-default i { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.s-results .inner-results p { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
/*down-ul*/ |
||||
.s-results .down-ul { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.s-results .down-ul li { |
||||
color: #999; |
||||
} |
||||
|
||||
.s-results .down-ul li a { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.s-results .star-vote li { |
||||
padding: 0; |
||||
} |
||||
|
||||
@media (max-width: 992px) { |
||||
/*Related-search*/ |
||||
.s-results .related-search { |
||||
border-right: none; |
||||
margin-bottom: 30px; |
||||
padding-bottom: 10px; |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.s-results .related-search hr { |
||||
margin: 10px 0; |
||||
visibility: hidden; |
||||
} |
||||
} |
||||
|
||||
@media (max-width: 500px) { |
||||
/*Inner-results*/ |
||||
.s-results .inner-results img { |
||||
width: 60px; |
||||
height: auto; |
||||
} |
||||
|
||||
.s-results .inner-results .overflow-a p { |
||||
display: none; |
||||
} |
||||
} |
||||
@ -1,15 +0,0 @@ |
||||
/*Page_Search1_Block |
||||
------------------------------------*/ |
||||
.search-block { |
||||
padding: 40px 0 50px; |
||||
border-bottom: 1px solid #eee; |
||||
background: url(../../img/breadcrumbs.png) repeat; |
||||
} |
||||
|
||||
.search-block h1 { |
||||
font-size: 24px; |
||||
font-weight: 200; |
||||
text-align: center; |
||||
margin-bottom: 18px; |
||||
text-transform: uppercase; |
||||
} |
||||
@ -1,169 +0,0 @@ |
||||
/*Portfolio v1 |
||||
------------------------------------*/ |
||||
.view { |
||||
z-index:9; |
||||
cursor: default; |
||||
overflow: hidden; |
||||
text-align: center; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
box-shadow: 0 0 3px #ddd; |
||||
} |
||||
.view .mask,.view .content { |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
overflow: hidden; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.view img { |
||||
display: block; |
||||
position: relative; |
||||
} |
||||
.view h2 { |
||||
text-transform: uppercase; |
||||
color: #fff; |
||||
text-align: center; |
||||
position: relative; |
||||
font-size: 22px; |
||||
padding: 10px; |
||||
background: rgba(0, 0, 0, 0.8); |
||||
margin: 20px 0 0 0; |
||||
text-shadow:none; |
||||
} |
||||
.view p { |
||||
font-family: Georgia, serif; |
||||
font-style: italic; |
||||
font-size: 12px; |
||||
position: relative; |
||||
color: #fff; |
||||
padding: 10px 20px 10px; |
||||
text-align: center; |
||||
} |
||||
.view a.info { |
||||
color: #fff; |
||||
background: #000; |
||||
padding: 5px 12px; |
||||
text-decoration: none; |
||||
margin-top:10px; |
||||
display: inline-block; |
||||
overflow:hidden; |
||||
text-transform: uppercase; |
||||
} |
||||
.view a.info:hover { |
||||
background:#72c02c; |
||||
} |
||||
|
||||
.portfolio-responsive h2 { |
||||
margin-top:0 !important; |
||||
} |
||||
|
||||
/*CSS3 Hover Effect*/ |
||||
.view-tenth img { |
||||
left:10px; |
||||
margin-left:-10px; |
||||
position:relative; |
||||
-webkit-transition: all 0.6s ease-in-out; |
||||
-moz-transition: all 0.6s ease-in-out; |
||||
-o-transition: all 0.6s ease-in-out; |
||||
-ms-transition: all 0.6s ease-in-out; |
||||
transition: all 0.6s ease-in-out; |
||||
} |
||||
.view-tenth .mask { |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
} |
||||
.view-tenth h2 { |
||||
color: #333; |
||||
margin: 20px 40px 0; |
||||
background: transparent; |
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
||||
-webkit-transform: scale(0); |
||||
-moz-transform: scale(0); |
||||
-o-transform: scale(0); |
||||
-ms-transform: scale(0); |
||||
transform: scale(0); |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
} |
||||
.view-tenth p { |
||||
color: #333; |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
-webkit-transform: scale(0); |
||||
-moz-transform: scale(0); |
||||
-o-transform: scale(0); |
||||
-ms-transform: scale(0); |
||||
transform: scale(0); |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
} |
||||
.view-tenth a.info { |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
||||
filter: alpha(opacity=0); |
||||
opacity: 0; |
||||
-webkit-transform: scale(0); |
||||
-moz-transform: scale(0); |
||||
-o-transform: scale(0); |
||||
-ms-transform: scale(0); |
||||
transform: scale(0); |
||||
-webkit-transition: all 0.5s linear; |
||||
-moz-transition: all 0.5s linear; |
||||
-o-transition: all 0.5s linear; |
||||
-ms-transition: all 0.5s linear; |
||||
transition: all 0.5s linear; |
||||
} |
||||
.view-tenth:hover img { |
||||
-webkit-transform: scale(2) rotate(10deg); |
||||
-moz-transform: scale(2) rotate(10deg); |
||||
-o-transform: scale(2) rotate(10deg); |
||||
-ms-transform: scale(2) rotate(10deg); |
||||
transform: scale(2) rotate(10deg); |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; |
||||
filter: alpha(opacity=30); |
||||
opacity: 0.3; |
||||
} |
||||
.view-tenth:hover .mask { |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
||||
filter: alpha(opacity=100); |
||||
opacity: 1; |
||||
} |
||||
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info { |
||||
-webkit-transform: scale(1); |
||||
-moz-transform: scale(1); |
||||
-o-transform: scale(1); |
||||
-ms-transform: scale(1); |
||||
transform: scale(1); |
||||
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
||||
filter: alpha(opacity=100); |
||||
opacity: 1; |
||||
} |
||||
|
||||
/* Medium devices (desktops, 992px and up) */ |
||||
@media (min-width: 992px) { |
||||
.portfolio-4-columns .mask h2 { |
||||
font-size: 20px; |
||||
margin-bottom: 0px; |
||||
} |
||||
|
||||
.portfolio-4-columns .mask p { |
||||
display: none; |
||||
} |
||||
} |
||||
@ -1,75 +0,0 @@ |
||||
/*Portfolio v2 |
||||
------------------------------------*/ |
||||
.sorting-block ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
/*Sorting Navigation*/ |
||||
.sorting-block .sorting-nav { |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.sorting-block .sorting-nav li { |
||||
padding: 0 2px; |
||||
font-size: 14px; |
||||
cursor: pointer; |
||||
list-style: none; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.sorting-block .sorting-nav li.active { |
||||
color: #72c02c; |
||||
border-bottom: solid 1px #72c02c; |
||||
} |
||||
|
||||
/*Sorting Navigation v1*/ |
||||
.sorting-block .sorting-nav-v1 li { |
||||
margin: 0 5px; |
||||
font-size: 17px; |
||||
font-style: italic; |
||||
} |
||||
|
||||
/*Sorting Grid*/ |
||||
.sorting-block .sorting-grid { |
||||
list-style: none; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid .mix { |
||||
opacity: 0; |
||||
display: none; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
/*Sorting Grid with Text*/ |
||||
.sorting-block .sorting-grid li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li span.sorting-cover { |
||||
padding: 8px; |
||||
display: block; |
||||
margin-top: 1px; |
||||
background: #fcfcfc; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li span.sorting-cover p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li span.sorting-cover span { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li a:hover span.sorting-cover { |
||||
background: #72c02c; |
||||
-webkit-transition: all 0.4s ease; |
||||
-moz-transition: all 0.4s ease; |
||||
-o-transition: all 0.4s ease; |
||||
transition: all 0.4s ease; |
||||
} |
||||
|
||||
.sorting-block .sorting-grid li a:hover span.sorting-cover p, |
||||
.sorting-block .sorting-grid li a:hover span.sorting-cover span { |
||||
color: #fff; |
||||
} |
||||
@ -1,224 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.pricing-bg-colored .no-space-pricing [class^="col-"], |
||||
.pricing-bg-colored .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
position:relative; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing-bg-colored .pricing h3, |
||||
.pricing-bg-colored .pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
|
||||
.pricing-bg-colored .pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-bg-colored .pricing-head h3 span, |
||||
.pricing-bg-colored .pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-bg-colored .pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-bg-colored .pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-bg-colored .pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-bg-colored .pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.pricing-bg-colored .price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.pricing-bg-colored .price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
.pricing-bg-colored .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-bg-colored .no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
.pricing-bg-colored .sticker-right, |
||||
.pricing-bg-colored .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.pricing-bg-colored .sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.pricing-bg-colored .sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
|
||||
.pricing-bg-colored ul { |
||||
margin-top: -8px; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-bg-colored .pricing-footer h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
} |
||||
@ -1,285 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content li { |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
color: #717984 !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,274 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#888; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light .pricing-head h3 { |
||||
color: #888; |
||||
font-weight: 200 !important; |
||||
font-family: inherit; |
||||
text-shadow: none !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,277 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li { |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,283 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing-content > li { |
||||
border-color: #fff !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,980 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Mega v1 Version |
||||
------------------------------------*/ |
||||
.pricing-mega-v1 { |
||||
padding: 40px 15px 0 15px; |
||||
} |
||||
.pricing-mega-v1 .price-active, |
||||
.pricing-mega-v1 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v1 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4{ |
||||
font-size: 20px; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h4 span, |
||||
.pricing-mega-v1 .pricing-content li span, |
||||
.padding-mega-v1 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v1 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v1 .pricing-head h3, |
||||
.pricing-mega-v1 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v1 .hidden-area { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover { |
||||
margin-top: 75px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 31px 0; |
||||
min-height: 103px; |
||||
} |
||||
.pricing-mega-v1 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v1 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v1 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v1 .pricing-content li i { |
||||
color: #72C02C; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu { |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
margin: 0; |
||||
border: 0; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a{ |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v1 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611 |
||||
} |
||||
|
||||
/*Pricing Table Colored Background Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-bg-colored .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
overflow: hidden; |
||||
} |
||||
.pricing-bg-colored .pricing { |
||||
border: 1px solid #EEEEEE; |
||||
} |
||||
.pricing-bg-colored .pricing:hover { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-bg-colored .pricing:hover li, |
||||
.pricing-bg-colored .pricing:hover li i, |
||||
.pricing-bg-colored .pricing:hover .pricing-head p { |
||||
color: #fff; |
||||
} |
||||
.pricing-bg-colored .pricing-head i { |
||||
color: #74C52C; |
||||
padding-top: 20px; |
||||
margin-top: 10px 0px; |
||||
} |
||||
.pricing-bg-colored .pricing-head p { |
||||
color: #777; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
padding: 0px 20px 19px; |
||||
border-radius: 0 0 3px 3px; |
||||
border-bottom: 1px solid #F5F9E7; |
||||
} |
||||
.pricing-bg-colored h3 { |
||||
border-bottom: 1px solid #fff; |
||||
} |
||||
.pricing-bg-colored h4 { |
||||
color: #999; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
margin-top: -2px; |
||||
font-family: Arial; |
||||
background: #F7F7F7; |
||||
margin-bottom: 20px; |
||||
text-shadow: 0 1px 0 #fff; |
||||
} |
||||
.pricing-bg-colored .pricing:hover h4 { |
||||
background: #fff; |
||||
} |
||||
.pricing-bg-colored h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-bg-colored .pricing-footer { |
||||
padding: 2px 0px 19px; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
.pricing-rounded .easy-bg-v2 i { |
||||
padding-left: 3px; |
||||
} |
||||
.pricing-rounded h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
.pricing-rounded h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/*Pricing Table Light Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-light .pricing:hover { |
||||
margin-top: 0 ; |
||||
border-color: #717984; |
||||
} |
||||
.pricing-light .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #ddd; |
||||
} |
||||
.pricing-light h3 { |
||||
color: #888; |
||||
font-weight: 200 !important; |
||||
font-family: inherit; |
||||
text-shadow: none !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-light .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-light li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-light .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-light .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 70px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-light .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-light .pricing:hover h4, |
||||
.pricing-light .pricing:hover h3, |
||||
.pricing-light .pricing:hover p, |
||||
.pricing-light .pricing:hover li, |
||||
.pricing-light .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
/*Pricing Meduim Light |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-light .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-medium-light .pricing { |
||||
overflow: hidden; |
||||
background: #eee; |
||||
border: 2px solid #ddd; |
||||
} |
||||
.pricing-medium-light .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-light .pricing-content > li { |
||||
border-color: #fff !important; |
||||
} |
||||
.pricing-medium-light .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-light .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-light .pricing li i { |
||||
color: #585f69; |
||||
} |
||||
.pricing-medium-light .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-medium-light .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-medium-light .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-medium-light .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
|
||||
} |
||||
.pricing-medium-light .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-light .pricing-footer p { |
||||
color: #585f69; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-light .btn-u { |
||||
background: #fff ; |
||||
padding: 5px 58px; |
||||
border: 1px solid #888; |
||||
} |
||||
.pricing-medium-light .btn-u:hover { |
||||
background-color: #717984!important; |
||||
} |
||||
|
||||
|
||||
/*Pricing Table medium-dark Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-medium-dark .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-medium-dark .pricing { |
||||
border: 2px solid #717984; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-medium-dark .pricing-head h3 { |
||||
color: #fff; |
||||
text-shadow: none; |
||||
background: #717984; |
||||
border-bottom: 2px solid #eee ; |
||||
} |
||||
.pricing-medium-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-medium-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-medium-dark .rating li i { |
||||
padding-top: 0; |
||||
margin: 7px 0; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-content li { |
||||
border-color: #eee; |
||||
} |
||||
|
||||
.pricing-medium-dark .pricing-footer { |
||||
margin: 0px; |
||||
background: #717984; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 { |
||||
color: #717984 !important; |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
text-shadow: none; |
||||
font-family: Arial; |
||||
text-align: center; |
||||
line-height: normal; |
||||
font-weight: normal; |
||||
margin: -2px 0 20px; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-medium-dark .pricing-footer p { |
||||
color: #fff; |
||||
font-size: 11px; |
||||
line-height: 17px; |
||||
text-align: center; |
||||
padding: 0 20px 5px; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-medium-dark .btn-u { |
||||
background: #fff !important; |
||||
border: 1px solid #888 ; |
||||
|
||||
} |
||||
|
||||
/*Pricing Table Dark |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-dark .pricing:hover { |
||||
z-index:8; |
||||
margin-top: 0 !important; |
||||
} |
||||
.pricing-dark .pricing { |
||||
border-top: 2px solid #717984; |
||||
overflow: hidden; |
||||
} |
||||
.pricing-dark .pricing { |
||||
background: #717984; |
||||
} |
||||
.pricing-dark .pricing .rating { |
||||
text-align: center; |
||||
} |
||||
.pricing-dark .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-dark .pricing li i { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .rating li i { |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-dark li { |
||||
color: #fff; |
||||
} |
||||
.pricing-dark .pricing-head h3 { |
||||
color: #717984; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 2px solid #eee !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content li { |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-dark .pricing-content span { |
||||
float: right; |
||||
} |
||||
.pricing-dark .pricing-content span i { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-dark .pricing-footer { |
||||
padding: 2px 0px 20px; |
||||
} |
||||
.pricing-dark .pricing-footer h4 { |
||||
font-size: 70px; |
||||
padding: 5px 0px; |
||||
font-family: Arial; |
||||
text-shadow: none; |
||||
margin: -2px 0 20px; |
||||
margin-bottom: 20px; |
||||
color: #717984 !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../img/breadcrumbs.png") !important; |
||||
} |
||||
.pricing-dark .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer h4 span { |
||||
top: -10px; |
||||
display: block; |
||||
margin-top: 5px; |
||||
font-size: 14px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
.pricing-dark .pricing-footer p { |
||||
color: #fff; |
||||
padding: 0 20px; |
||||
line-height: 17px; |
||||
text-align:center; |
||||
border-radius: 0 0 3px 3px; |
||||
} |
||||
.pricing-dark .btn-u { |
||||
padding: 5px 60px; |
||||
background: #fff !important; |
||||
border: 1px solid #999 !important; |
||||
} |
||||
|
||||
|
||||
|
||||
/*Pricing Table Mega v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .price-active, |
||||
.pricing-mega-v2 .pricing:hover { |
||||
margin-top: 0px; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff !important; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/*Pricing Table Mega v3 |
||||
------------------------------------*/ |
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,274 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
|
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Mega v2 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-mega-v2 .pricing { |
||||
position: relative; |
||||
border-radius: 3px; |
||||
margin-bottom: 15px; |
||||
margin-bottom: 100px; |
||||
box-shadow: 0 0 0px #eee; |
||||
border: 1px solid #eee; |
||||
margin: 40px 0; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3 { |
||||
font-size: 25px; |
||||
min-height: 75px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4{ |
||||
font-size: 20px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h4 i { |
||||
color: #888888; |
||||
} |
||||
.pricing-mega-v2 .pricing:hover h4 i { |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-head h4 span, |
||||
.pricing-mega-v2 .pricing-content li span, |
||||
.padding-mega-v2 .pricing-head .price span { |
||||
display: block; |
||||
padding: 10px 0px 0px; |
||||
} |
||||
.pricing-mega-v2 .pricing-head .price { |
||||
font-size: 70px; |
||||
font-style: normal; |
||||
padding-bottom: 0px; |
||||
background-color: #fff; |
||||
} |
||||
.pricing-mega-v2 .pricing-head h3, |
||||
.pricing-mega-v2 .pricing-head h4 { |
||||
font-style: normal; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v2 .hidden-area { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover { |
||||
margin-top: 115px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
min-height: 103px; |
||||
padding: 31px 0; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li:hover i{ |
||||
color: #74C52C; |
||||
} |
||||
|
||||
.pricing-mega-v2 .block li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v2 .block li i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-mega-v2 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v2 .hidden-area li { |
||||
font-size: 12px; |
||||
} |
||||
.pricing-mega-v2 .pricing-content li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-mega-v2 .block:hover .bg-color { |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .block:hover h3, |
||||
.pricing-mega-v2 .block:hover h4, |
||||
.pricing-mega-v2 .block:hover li, |
||||
.pricing-mega-v2 .block:hover li i, |
||||
.pricing-mega-v2 .block:hover h4 i { |
||||
color: #fff !important; |
||||
background: #74C52C; |
||||
} |
||||
.pricing-mega-v2 .hidden-area:hover li i { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v2 a{ |
||||
padding: 8px 0 ; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,286 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
} |
||||
|
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Mega v3 |
||||
------------------------------------*/ |
||||
.pricing-mega-v3 .price-active, |
||||
.pricing-mega-v3 .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.pricing-mega-v3 .pricing { |
||||
border-radius: 3px !important; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-mega-v3 .pricing-content { |
||||
border: 1px solid #eee; |
||||
border-left: none; |
||||
} |
||||
.pricing-mega-v3 .hidden-area { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover { |
||||
margin-top: 76px; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h3 { |
||||
font-size: 28px; |
||||
min-height: 76px; |
||||
font-weight: normal !important; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 h4 { |
||||
color: #888; |
||||
min-height: 100px; |
||||
border-top: 1px solid #eee ; |
||||
border-right: 1px solid #eee ; |
||||
font-weight: normal !important; |
||||
} |
||||
.pricing-mega-v3 .pricing h5 { |
||||
color: #888; |
||||
font-size: 20px; |
||||
padding-left: 5px; |
||||
padding: 30px 0 0 7px; |
||||
} |
||||
.pricing-mega-v3 .block h5 { |
||||
visibility: hidden; |
||||
} |
||||
.pricing-mega-v3 .pricing-head h4 span, |
||||
.pricing-mega-v3 .pricing-content li span, |
||||
.padding-mega-v3 .pricing-head .price span { |
||||
display: block; |
||||
padding: 15px 0px 0px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content:nth-child(2) { |
||||
margin-bottom: 42px; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-head h4 { |
||||
font-size: 28px; |
||||
padding: 34px 0 34px 15px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area:hover .pricing-head h4 { |
||||
color: #888; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-v3 .hidden-area .price { |
||||
text-align: left; |
||||
padding-left: 15px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li i { |
||||
font-size: 13px; |
||||
} |
||||
.pricing-mega-v3 .pricing-content li { |
||||
padding: 10px; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
min-height: 41px; |
||||
} |
||||
.pricing-mega-v3 .block .pricing-content li { |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-u { |
||||
border: 1px solid #fff; |
||||
border-bottom: none; |
||||
padding: 8px 0; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu { |
||||
margin: 0; |
||||
border: 0; |
||||
width: 100%; |
||||
background: #72c02c; |
||||
border-color: #eee; |
||||
border: 1px solid #fff; |
||||
border-top: none; |
||||
margin-top: 40px; |
||||
text-align: center; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a { |
||||
color: #fff; |
||||
} |
||||
.pricing-mega-v3 .btn-group .dropdown-menu li a:hover { |
||||
background: #5fb611; |
||||
} |
||||
.pricing-mega-v3 .btn-group-justified { |
||||
display: block; |
||||
} |
||||
|
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-mega-v3 .pricing h4, |
||||
.pricing-mega-v3 .pricing h3, |
||||
.pricing-mega-v3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-mega-v3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,246 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.pricing-rounded .no-space-pricing [class^="col-"], |
||||
.pricing-rounded .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
.pricing-rounded .pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
|
||||
.pricing-rounded .pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
|
||||
.pricing-rounded .pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head { |
||||
text-align:center; |
||||
} |
||||
|
||||
.pricing-rounded .pricing h3, |
||||
.pricing-rounded .pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
|
||||
.pricing-rounded .pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h3 span, |
||||
.pricing-rounded .pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-rounded .pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-rounded .pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-rounded .pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-rounded .pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.pricing-rounded .price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
|
||||
.pricing-rounded .price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.pricing-rounded .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
|
||||
.pricing-rounded .no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.pricing-rounded .sticker-right, |
||||
.pricing-rounded .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.pricing-rounded .sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
|
||||
.pricing-rounded .sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Table Rounded Version |
||||
------------------------------------*/ |
||||
.price-active, |
||||
.pricing-rounded .pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.pricing-rounded .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-rounded .easy-bg-v2 { |
||||
letter-spacing: 1px; |
||||
border: 1px solid #fff; |
||||
background-color:rgba(255, 255, 255, 0.1); |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h3 { |
||||
padding-bottom: 80px; |
||||
padding-top: 15px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h4 { |
||||
width: 140px; |
||||
height: 140px; |
||||
padding-top: 22px; |
||||
padding-left: 6px; |
||||
font-size: 55px; |
||||
margin: -75px auto 20px; |
||||
border-radius: 140px !important; |
||||
font-weight: normal !important; |
||||
background: #fff url("../../../img/breadcrumbs.png") !important; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-head h4 i{ |
||||
margin-right: 2px; |
||||
} |
||||
|
||||
.pricing-rounded h6 { |
||||
color: #888; |
||||
font-size: 13px; |
||||
font-style: normal; |
||||
padding-bottom: 5px; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content span { |
||||
float: right; |
||||
} |
||||
|
||||
.pricing-rounded .pricing-content span i { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
} |
||||
@ -1,206 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing-zoom .pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing-zoom .pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing-zoom .pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-zoom .pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing-zoom .pricing h3, |
||||
.pricing-zoom .pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing-zoom .pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-zoom .pricing-head h3 span, |
||||
.pricing-zoom .pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-zoom .pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-zoom .pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-zoom .pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-zoom .pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-zoom .pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-zoom .pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-zoom .pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.pricing-zoom .price-active, |
||||
.pricing-zoom .pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.pricing-zoom .price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.pricing-zoom .bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.pricing-zoom .no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.pricing-zoom .sticker-right, |
||||
.pricing-zoom .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.pricing-zoom .sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.pricing-zoom .sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/*Pricing Zoom |
||||
------------------------------------*/ |
||||
|
||||
.pricing-zoom .pricing:hover { |
||||
-webkit-transition:box-shadow 0.3s ease-in-out; |
||||
-moz-transition:box-shadow 0.3s ease-in-out; |
||||
-o-transition:box-shadow 0.3s ease-in-out; |
||||
transition:box-shadow 0.2s ease-in-out; |
||||
} |
||||
.pricing-zoom .pricing-head h4 { |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 80px; |
||||
-webkit-transition:color 0.5s ease-in-out; |
||||
-moz-transition:color 0.5s ease-in-out; |
||||
-o-transition:color 0.5s ease-in-out; |
||||
transition:color 0.5s ease-in-out; |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.pricing-zoom .price-active, |
||||
.pricing-zoom .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-zoom .price-active .pricing-head h4, |
||||
.pricing-zoom .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
|
||||
} |
||||
@ -1,177 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing { |
||||
position:relative; |
||||
overflow: hidden; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.no-space-pricing { |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.sticker-right, |
||||
.sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
} |
||||
|
||||
.sticker-right { |
||||
top: 13px; |
||||
right: -49px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.sticker-left { |
||||
top: 9px; |
||||
left: -48px; |
||||
background: rgba(116, 197, 44, 1); |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
/* Devices (Desktop Mode) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.sticker-right { |
||||
top: 10px; |
||||
right: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
.sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
font-size: 10px; |
||||
padding: 3px; |
||||
} |
||||
} |
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 991px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
|
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,380 +0,0 @@ |
||||
/*Pricing Page |
||||
------------------------------------*/ |
||||
/*Pricing Head*/ |
||||
.pricing { |
||||
position:relative; |
||||
border-radius:3px; |
||||
margin-bottom:15px; |
||||
box-shadow:0 0 5px #eee; |
||||
} |
||||
.pricing:hover { |
||||
box-shadow:0 0 15px #b5b5b5; |
||||
} |
||||
.pricing:hover h4 { |
||||
color:#74C52C; |
||||
} |
||||
.pricing-head { |
||||
text-align:center; |
||||
} |
||||
.pricing h3, |
||||
.pricing h4 { |
||||
margin:0; |
||||
line-height:normal; |
||||
font-weight:bold !important; |
||||
} |
||||
.pricing p { |
||||
padding-top: 10px; |
||||
font-size: 11px; |
||||
} |
||||
.pricing-head h3 span, |
||||
.pricing-head h4 span { |
||||
display:block; |
||||
margin-top:5px; |
||||
font-size:12px; |
||||
font-style:italic; |
||||
} |
||||
.pricing-head h3 { |
||||
color:#fafafa; |
||||
padding:12px 0; |
||||
font-size:35px; |
||||
font-family:Arial; |
||||
background:#74C52C; |
||||
border-radius:3px 3px 0 0; |
||||
text-shadow:0 1px 0 #32a20f; |
||||
} |
||||
.pricing-head h4 { |
||||
color: #888; |
||||
padding:5px 0; |
||||
font-size:70px; |
||||
text-shadow:0 1px 0 #fff; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-head h4 i { |
||||
top:-8px; |
||||
font-size:28px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
.pricing-head h4 span { |
||||
top:-10px; |
||||
font-size:14px; |
||||
font-style:normal; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Content*/ |
||||
|
||||
.pricing-content { |
||||
margin-bottom: 0px; |
||||
} |
||||
.pricing-content li { |
||||
color:#888; |
||||
font-size:12px; |
||||
padding:7px 15px; |
||||
border-bottom:solid 1px #f5f9e7; |
||||
} |
||||
.pricing-content li i { |
||||
color:#72c02c; |
||||
font-size:16px; |
||||
margin-right:5px; |
||||
position:relative; |
||||
} |
||||
|
||||
/*Pricing Footer*/ |
||||
.pricing-footer { |
||||
color:#777; |
||||
font-size:11px; |
||||
line-height:17px; |
||||
text-align:center; |
||||
padding:0 20px 19px; |
||||
border-radius:0 0 3px 3px; |
||||
} |
||||
|
||||
/*Pricing Active*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
z-index:9; |
||||
margin-top: -15px; |
||||
} |
||||
.price-active h4 { |
||||
color:#74C52C; |
||||
} |
||||
|
||||
/*Pricing Extra*/ |
||||
|
||||
.bg-color { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.easy-bg-v2 { |
||||
top: 13px; |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 5px; |
||||
right: -49px; |
||||
font-size: 13px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
background: rgba(231, 76, 60, 1); |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
|
||||
|
||||
|
||||
/*Pricing Table accord-inner Version |
||||
------------------------------------*/ |
||||
|
||||
.pricing-accord-inner [class^="col-"], |
||||
.pricing-accord-inner [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
|
||||
.pricing-accord .price-active, |
||||
.pricing-accord .pricing-accord-inner .pricing:hover { |
||||
margin-top: 0 ; |
||||
} |
||||
.pricing-accord-inner .pricing { |
||||
overflow: hidden; |
||||
box-shadow: none; |
||||
} |
||||
.pricing-accord-inner h3 { |
||||
color: #888; |
||||
text-shadow: none; |
||||
font-weight: normal !important; |
||||
border-bottom: 1px solid #ddd ; |
||||
border-top: 1px solid #ddd; |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
} |
||||
.pricing-accord-inner .pricing .rating li { |
||||
padding: 0; |
||||
border-bottom: none; |
||||
} |
||||
.pricing-accord-inner .rating li i { |
||||
color: #888; |
||||
margin: 7px 0; |
||||
padding-top: 0; |
||||
font-size: 20px; |
||||
} |
||||
.pricing-accord-inner li { |
||||
color: #888; |
||||
text-align: center; |
||||
} |
||||
.pricing-accord-inner .pricing-footer { |
||||
margin: 0px; |
||||
padding: 2px 0px 19px; |
||||
} |
||||
.pricing-accord .tab-pane h4 { |
||||
text-align: center; |
||||
padding: 30px 0; |
||||
font-size: 30px; |
||||
color: #888; |
||||
|
||||
} |
||||
|
||||
.pricing-accord-inner .pricing-footer h4 { |
||||
color: #888; |
||||
padding: 5px; |
||||
font-size: 60px; |
||||
text-shadow: none; |
||||
margin: -2px 0 0px; |
||||
border-top: 1px solid #ddd; |
||||
border-bottom: 1px solid #ddd; |
||||
font-weight: normal !important; |
||||
background: url("../../img/breadcrumbs.png") |
||||
repeat scroll 0 0 rgba(0, 0, 0, 0) !important; |
||||
|
||||
} |
||||
.pricing-accord-inner .pricing-footer h4 i { |
||||
top: -8px; |
||||
font-size: 28px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-accord-inner .pricing-footer h4 span { |
||||
top: -5px; |
||||
display: block; |
||||
font-size: 14px; |
||||
margin-bottom: 5px; |
||||
font-style: normal; |
||||
} |
||||
.pricing-accord-inner .pricing-footer p { |
||||
color: #888; |
||||
line-height: 17px; |
||||
padding: 15px 20px 5px ; |
||||
} |
||||
.pricing-accord-inner .pricing:hover h4, |
||||
.pricing-accord-inner .pricing:hover h3, |
||||
.pricing-accord-inner .pricing:hover p, |
||||
.pricing-accord-inner .pricing:hover li, |
||||
.pricing-accord-inner .pricing:hover li i { |
||||
color: #717984; |
||||
} |
||||
|
||||
.pricing-accord-inner .pricing-footer .btn-u, |
||||
.shadow-wrapper .btn-u { |
||||
border: 1px solid #888 ; |
||||
background: #fff ; |
||||
padding: 7px 59px; |
||||
} |
||||
.pricing-accord-inner .pricing-footer .btn-u:hover, |
||||
.shadow-wrapper .btn-u:hover{ |
||||
background-color: #74C52C!important; |
||||
border-color: #eee !important; |
||||
} |
||||
.pricing-accord-inner .pricing-footer .btn-u:hover h4 { |
||||
color: red; |
||||
} |
||||
|
||||
|
||||
.pricing-accord .tab-content { |
||||
border: 1px solid #EEEEEE; |
||||
padding: 10px 15px; |
||||
} |
||||
|
||||
.pricing-accord .nav { |
||||
margin: 0 auto; |
||||
display: table; |
||||
table-layout: auto; |
||||
float: none; |
||||
} |
||||
|
||||
.pricing-accord .nav-tabs > li { |
||||
margin-bottom: -2px; |
||||
text-align: center !important; |
||||
|
||||
} |
||||
.pricing-accord .nav-tabs li a { |
||||
border-top: 1px solid #eee; |
||||
border-right: 1px solid #eee; |
||||
border-left: 1px solid #eee; |
||||
margin: 0 0 0 30px; |
||||
padding-left: 30px; |
||||
padding-right: 30px; |
||||
width: 130px; |
||||
} |
||||
.pricing-accord .nav-tabs li.active a { |
||||
margin: 0 0 0 30px; |
||||
padding-left: 30px; |
||||
padding-right: 30px; |
||||
width: 130px; |
||||
|
||||
} |
||||
.pricing-accord .test { |
||||
text-align: center !important; |
||||
margin: auto !important; |
||||
|
||||
} |
||||
.pricing-accord .btn-group .btn { |
||||
color: #888; |
||||
border-radius: 30px !important; |
||||
margin: 15px 2px 0 ; |
||||
border: 1px solid #eee; |
||||
|
||||
} |
||||
.pricing-accord .btn-group { |
||||
text-align: center !important!; |
||||
margin: auto !important; |
||||
} |
||||
.testimonials { |
||||
margin-top: 30px; |
||||
} |
||||
.progress-bar { |
||||
background: #888; |
||||
} |
||||
|
||||
h2 { |
||||
padding: 30px 0 0 25px; |
||||
} |
||||
|
||||
.shadow-wrapper .btn-u { |
||||
margin: 20px 0 10px 0; |
||||
} |
||||
.content-2 h4{ |
||||
margin: 20px 0 5px 60px; |
||||
|
||||
} |
||||
.content-2 p{ |
||||
padding-right: 50px; |
||||
} |
||||
|
||||
/* Devices (tablets, 768px and more) */ |
||||
@media (min-width: 767px) { |
||||
/*Pricing Page*/ |
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
.pricing-mega [class^="col-"], |
||||
.pricing-mega [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
.pricing-mega-2 [class^="col-"], |
||||
.pricing-mega-2 [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
.pricing-mega-3 [class^="col-"], |
||||
.pricing-mega-3 [class*=" col-"] { |
||||
padding: 1px; |
||||
} |
||||
.pricing-mega-3 [class^="col-"], |
||||
.pricing-mega-3 [class*=" col-"] { |
||||
padding: 0px; |
||||
} |
||||
|
||||
.pricing-light [class^="col-"], |
||||
.pricing-light [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
/*End Pricing Page*/ |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
/* Medium Devices (Desktops, 992px and less) */ |
||||
@media (max-width: 992px) { |
||||
/*Pricing Page*/ |
||||
.price-active, |
||||
.pricing:hover { |
||||
margin-top: 0; |
||||
} |
||||
.no-space-pricing .price-active .pricing-head h4, |
||||
.no-space-pricing .pricing:hover .pricing-head h4 { |
||||
padding: 5px 0; |
||||
font-size: 70px; |
||||
} |
||||
.pricing-mega-3 .pricing h4, |
||||
.pricing-mega-3 .pricing h3, |
||||
.pricing-mega-3 .pricing-content { |
||||
border-left: 1px solid #eee; |
||||
} |
||||
.pricing-mega-3 [class^="col-"], |
||||
.pricing-mega-3 [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
.pricing-mega-3 .block h5 { |
||||
text-align: center; |
||||
visibility: visible; |
||||
} |
||||
.pricing-accord .tab-content { |
||||
border-radius: 0 !important; |
||||
} |
||||
.pricing-accord .nav-tabs li a { |
||||
margin: 0 3px 0 3px; |
||||
padding-left: 5px; |
||||
padding-right: 5px; |
||||
width: 80px; |
||||
} |
||||
.pricing-accord .nav-tabs li.active a { |
||||
margin: 0 0 0 6px; |
||||
padding-left: 5px; |
||||
padding-right: 5px; |
||||
width: 80px; |
||||
/*End Pricing Page*/ |
||||
} |
||||
@ -1,367 +0,0 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page New |
||||
------------------------------------*/ |
||||
.pricing-table-v1 .sticker-right, |
||||
.pricing-table-v1 .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 1px; |
||||
font-size: 10px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
background-color: #585f69; |
||||
border-bottom: 1px solid #fff; |
||||
border-top: 1px solid #fff; |
||||
} |
||||
|
||||
.pricing-table-v1 .sticker-right { |
||||
top: 6px; |
||||
right: -59px; |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
.pricing-table-v1 .sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1 { |
||||
overflow: hidden; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
|
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover li { |
||||
background: #fff; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head { |
||||
padding: 1px 0; |
||||
background: #74C52C; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h4, |
||||
.pricing-table-v1 .pricing-v1-head h5 { |
||||
font-size: 14px; |
||||
margin: 0; |
||||
color: #fff; |
||||
padding: 9px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h5 { |
||||
font-size: 50px; |
||||
margin-left: 17px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h5 i { |
||||
top: -5px; |
||||
font-size: 15px; |
||||
padding-left: 2px; |
||||
position: relative; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h5 span { |
||||
top: -23px; |
||||
font-size: 15px; |
||||
position: relative; |
||||
padding-right: 2px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content { |
||||
margin-bottom: 0; |
||||
background: #f9f9f9; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li { |
||||
margin: 0; |
||||
color: #888; |
||||
padding: 13px 20px; |
||||
border-bottom: 1px solid rgba(116, 197, 44, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li i { |
||||
margin-right: 10px; |
||||
color: #74C52C; |
||||
} |
||||
.pricing-table-v1 .pricing-v1-green .btn-u { |
||||
background: #72c02c !important; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-blue .pricing-v1-head { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-blue .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-blue .pricing-v1-content li i{ |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-orange .pricing-v1-head { |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-orange .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-orange .pricing-v1-content li i{ |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-red .pricing-v1-head { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-red .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.2); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-red .pricing-v1-content li i{ |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-grey .pricing-v1-head { |
||||
background: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-grey .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(189,195,199, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-grey .pricing-v1-content li i{ |
||||
color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-purple .pricing-v1-head { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-purple .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-purple .pricing-v1-content li i{ |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-head { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-aqua .pricing-v1-content li i{ |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-brown .pricing-v1-head { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-brown .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-brown .pricing-v1-content li i{ |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-head { |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-dark-blue .pricing-v1-content li i{ |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-head { |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-light-green .pricing-v1-content li i{ |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v1 .sticker-right { |
||||
top: 10px; |
||||
right: -51px; |
||||
padding: 6px; |
||||
font-size: 10px; |
||||
} |
||||
|
||||
.pricing-table-v1 .sticker-left { |
||||
top: 10px; |
||||
left: -51px; |
||||
padding: 5px; |
||||
font-size: 10px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1 { |
||||
-webkit-transition: all 300ms; |
||||
-moz-transition: all 300ms; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover { |
||||
-webkit-transform: scale(1.04); |
||||
-moz-transform: scale(1.04); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover li { |
||||
background: #fff; |
||||
} |
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v1 .pricing-v1-head h4 { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1 { |
||||
-webkit-transition: all 300ms ; |
||||
-moz-transition: all 300ms; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1:hover { |
||||
-webkit-transform: scale(1.04); |
||||
-moz-transform: scale(1.04); |
||||
} |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li { |
||||
padding: 9px 10px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v1 .sticker-right, |
||||
.pricing-table-v1 .sticker-left { |
||||
top: 39px; |
||||
padding: 0; |
||||
float: left; |
||||
left: -40px; |
||||
width: 95px; |
||||
border: none; |
||||
transform: rotate(270deg); |
||||
-o-transform: rotate(270deg); |
||||
-ms-transform: rotate(270deg); |
||||
-moz-transform: rotate(270deg); |
||||
-webkit-transform: rotate(270deg); |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li { |
||||
padding: 9px 0 9px 7px; |
||||
} |
||||
|
||||
.pricing-table-v1 .pricing-v1-content li i { |
||||
display: block; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
} |
||||
@ -1,325 +0,0 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v2 |
||||
------------------------------------*/ |
||||
.pricing-table-v2 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2 { |
||||
overflow: hidden; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
border: 1px solid rgba(116,197,44, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head { |
||||
padding: 8px 0 8px 15px; |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h4, |
||||
.pricing-table-v2 .pricing-v2-head h5 { |
||||
margin: 0; |
||||
padding: 7px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h4 { |
||||
font-size: 21px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h5 { |
||||
font-size: 29px; |
||||
margin-left: 34px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h5 i { |
||||
font-size: 11px; |
||||
padding-left: 2px; |
||||
font-style: normal; |
||||
position: relative; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h5 span { |
||||
top: -2px; |
||||
font-size: 23px; |
||||
position: relative; |
||||
padding-right: 2px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-content li i { |
||||
float: right; |
||||
font-style: normal; |
||||
margin-right: 10px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 20px; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-footer { |
||||
padding: 20px 2px 20px 16px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-blue { |
||||
border: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-blue h4, |
||||
.pricing-table-v2 .pricing-v2-blue h5, |
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-blue .pricing-v2-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-orange { |
||||
border: 1px solid rgba(230,126,34, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-orange h4, |
||||
.pricing-table-v2 .pricing-v2-orange h5, |
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-orange .pricing-v2-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-red { |
||||
border: 1px solid rgba(231,76,60, 00.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-red h4, |
||||
.pricing-table-v2 .pricing-v2-red h5, |
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-red .pricing-v2-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-grey { |
||||
border: 1px solid #ddd; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-grey h4, |
||||
.pricing-table-v2 .pricing-v2-grey h5, |
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-grey .pricing-v2-content li i { |
||||
color: #888; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-purple { |
||||
border: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-purple h4, |
||||
.pricing-table-v2 .pricing-v2-purple h5, |
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-purple .pricing-v2-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-aque { |
||||
border: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-aqua h4, |
||||
.pricing-table-v2 .pricing-v2-aqua h5, |
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-aqua .pricing-v2-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-brown { |
||||
border: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-brown h4, |
||||
.pricing-table-v2 .pricing-v2-brown h5, |
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-brown .pricing-v2-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-dark-blue { |
||||
border: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-dark-blue h4, |
||||
.pricing-table-v2 .pricing-v2-dark-blue h5, |
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-dark-blue .pricing-v2-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-light-green { |
||||
border: 1px solid rgba(121,213,179, 0.7) |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-head, |
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.2) |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-light-green h4, |
||||
.pricing-table-v2 .pricing-v2-light-green h5, |
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li, |
||||
.pricing-table-v2 .pricing-v2-light-green .pricing-v2-content li i { |
||||
color: rgba(121,213,179, 1) |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v2 .active { |
||||
-webkit-transform: scale(1.09); |
||||
-moz-transform: scale(1.09); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v2 .active { |
||||
-webkit-transform: scale(1.05); |
||||
-moz-transform: scale(1.05); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-table-v2 .active { |
||||
-webkit-transform: scale(1.03); |
||||
-moz-transform: scale(1.03); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.pricing-table-v2 .pricing-v2-head h4 { |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
padding-left: 1px; |
||||
} |
||||
.pricing-table-v2 .pricing-v2-head h5 { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
} |
||||
@ -1,423 +0,0 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v3 |
||||
------------------------------------*/ |
||||
.pricing-table-v3 .sticker-right, |
||||
.pricing-table-v3 .sticker-left { |
||||
color: #fff; |
||||
width: 150px; |
||||
padding: 1px; |
||||
font-size: 10px; |
||||
font-weight: bold; |
||||
font-family: Arial; |
||||
position: absolute; |
||||
text-align: center; |
||||
letter-spacing: 2px; |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v3 .sticker-right { |
||||
top: 10px; |
||||
right: -59px; |
||||
transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-webkit-transform: rotate(45deg); |
||||
} |
||||
|
||||
.pricing-table-v3 .sticker-left { |
||||
top: 10px; |
||||
left: -58px; |
||||
transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-webkit-transform: rotate(-45deg); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3 { |
||||
overflow: hidden; |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
background: rgba(116,197,44, 0.1); |
||||
border: 2px solid rgba(116,197,44, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head { |
||||
overflow: hidden; |
||||
border-bottom: 1px rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4, |
||||
.pricing-table-v3 .pricing-v3-head h5 { |
||||
margin: 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4 { |
||||
font-size: 20px; |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 { |
||||
color: #fff; |
||||
font-size: 50px; |
||||
padding: 30px 0 20px 34px; |
||||
background: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 i { |
||||
display: inline; |
||||
font-size: 13px; |
||||
padding-left: 2px; |
||||
position: relative; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 span { |
||||
top: -2px; |
||||
font-size: 23px; |
||||
position: relative; |
||||
padding-right: 2px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
|
||||
.pricing-table-v3 .pricing-v3-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 20px; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.2); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content li i { |
||||
display: inherit; |
||||
float: right; |
||||
font-style: normal; |
||||
margin-right: 10px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue { |
||||
background: rgba(52, 152, 219, 0.1); |
||||
border: 2px solid rgba(52, 152, 219, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue h5 { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-blue h4, |
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-blue .pricing-v3-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange { |
||||
background: rgba(230,126,34, 0.1); |
||||
border: 2px solid rgba(230,126,34, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(230,126,34,0.32) |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange h5 { |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-orange h4, |
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-orange .pricing-v3-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red { |
||||
background: rgba(231,76,60, 0.1); |
||||
border: 2px solid rgba(231,76,60, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red h5 { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-red h4, |
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-red .pricing-v3-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey { |
||||
background: #f9f9f9; |
||||
border: 2px solid #888; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey h5 { |
||||
background: #999; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-grey h4, |
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-grey .pricing-v3-content li i { |
||||
color: #888; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple { |
||||
background: rgba(155,107,204, 0.1); |
||||
border: 2px solid rgba(155,107,204, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple h5 { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-purple h4, |
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-purple .pricing-v3-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua { |
||||
background: rgba(39,215,231, 0.1); |
||||
border: 2px solid rgba(39,215,231, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua h5 { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-aqua h4, |
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-aqua .pricing-v3-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown { |
||||
background: rgba(156,128,97, 0.1); |
||||
border: 2px solid rgba(156,128,97, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown h5 { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-brown h4, |
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-brown .pricing-v3-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue { |
||||
background: rgba(71,101,160, 0.1); |
||||
border: 2px solid rgba(71,101,160, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue h5 { |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-dark-blue h4, |
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-dark-blue .pricing-v3-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green { |
||||
background: rgba(121,213,179, 0.1); |
||||
border: 2px solid rgba(121,213,179, 0.6); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-head, |
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green h5 { |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-light-green h4, |
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li, |
||||
.pricing-table-v3 .pricing-v3-light-green .pricing-v3-content li i { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
/* Can be modefied if needed*/ |
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
/* Can be modefied if needed*/ |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4 { |
||||
font-size: 17px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content li { |
||||
padding: 12px 7px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v3 .sticker-right, |
||||
.pricing-table-v3 .sticker-left { |
||||
top: 109px; |
||||
padding: 0; |
||||
float: left; |
||||
left: -43px; |
||||
width: 104px; |
||||
border: none; |
||||
background: #585F69; |
||||
transform: rotate(270deg); |
||||
-o-transform: rotate(270deg); |
||||
-ms-transform: rotate(270deg); |
||||
-moz-transform: rotate(270deg); |
||||
-webkit-transform: rotate(270deg); |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h4 { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 { |
||||
font-size: 43px; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 span { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-head h5 i { |
||||
display: block; |
||||
font-size: 12px; |
||||
margin-top: 5px; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.pricing-table-v3 .pricing-v3-content li i { |
||||
float: none; |
||||
display: block; |
||||
margin-top: 5px; |
||||
} |
||||
} |
||||
@ -1,596 +0,0 @@ |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v4 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-table-v4 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4 { |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
border: 1px solid rgba(116,197,44, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head { |
||||
padding: 0 0 8px 0; |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h4, |
||||
.pricing-table-v4 .pricing-v4-head h5, |
||||
.pricing-table-v4 .pricing-v4-head h5 span { |
||||
margin: 0; |
||||
color: #fff; |
||||
padding: 7px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h4 { |
||||
padding: 15px 0; |
||||
font-size: 21px; |
||||
background: rgba(116,197,44, 1); |
||||
} |
||||
.pricing-table-v4 .pricing-rounded { |
||||
width: 90px; |
||||
height: 90px; |
||||
padding: 10px; |
||||
display: inline-block; |
||||
margin: 17px 0 10px 15px ; |
||||
border-radius: 50% !important; |
||||
background: rgba(116, 197, 44, 1); |
||||
|
||||
} |
||||
.pricing-table-v4 .pricing-v4-head h5 { |
||||
font-size: 30px; |
||||
margin: 11px 3px 0 0; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head h5 span { |
||||
font-size: 20px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
float: right; |
||||
margin-top: 43px; |
||||
margin-right: -8px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h5 i { |
||||
display: block; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
padding-left: 10px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
position: relative; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head a span { |
||||
margin-left: 7px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head a .price-corner { |
||||
width: 0; |
||||
height: 0; |
||||
right: 0px; |
||||
bottom: -8px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 8px 8px 0 0; |
||||
border-color: #477c17 transparent transparent; |
||||
|
||||
}.pricing-table-v4 .pricing-v4-head a .price-corner-2 { |
||||
left: 0; |
||||
width: 0; |
||||
height: 0; |
||||
bottom: -1px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 18px 0 18px 17px; |
||||
border-color: transparent transparent transparent #fff; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head .btn-u { |
||||
padding: 6px 13px 6px 26px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-content li i { |
||||
float: right; |
||||
font-style: normal; |
||||
margin-right: 10px; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 20px; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-footer { |
||||
padding: 20px 2px 20px 16px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue { |
||||
border: 1px solid rgba(52, 152, 219, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-green .btn-u { |
||||
background: rgba(116, 197, 44, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue a .price-corner { |
||||
border-color: #1d5378 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue h4 { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue .pricing-rounded { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-blue .pricing-v4-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange { |
||||
border: 1px solid rgba(230,126,34, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange a .price-corner { |
||||
border-color: #985921 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange h4{ |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange .pricing-rounded { |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-orange .pricing-v4-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red { |
||||
border: 1px solid rgba(231,76,60, 00.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red h4 { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red .pricing-rounded { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red a .price-corner { |
||||
border-color: #8f382f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-red .pricing-v4-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey { |
||||
border: 1px solid #ddd; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey h4 { |
||||
background: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey .pricing-rounded { |
||||
background: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey a .price-corner { |
||||
border-color: #686f6f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-grey .pricing-v4-content li i { |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple { |
||||
border: 1px solid rgba(155,107,204, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple h4 { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple .pricing-rounded { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple a .price-corner { |
||||
border-color: #5f2798 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-purple .pricing-v4-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua { |
||||
border: 1px solid rgba(39,215,231, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua h4 { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-rounded { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua a .price-corner { |
||||
border-color: #1b848e transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-aqua .pricing-v4-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown { |
||||
border: 1px solid rgba(156,128,97, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown h4 { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown .pricing-rounded { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown a .price-corner { |
||||
border-color: #705537 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-brown .pricing-v4-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue { |
||||
border: 1px solid rgba(71,101,160, 0.3); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue h4{ |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-rounded { |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue a .price-corner { |
||||
border-color: #233d71 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-dark-blue .pricing-v4-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green { |
||||
border: 1px solid rgba(121,213,179, 0.7) |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-head, |
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.2) |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green h4{ |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-rounded { |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green a .price-corner { |
||||
border-color: #2a8563 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li, |
||||
.pricing-table-v4 .pricing-v4-light-green .pricing-v4-content li i { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v4 .active { |
||||
-webkit-transform: scale(1.09); |
||||
-moz-transform: scale(1.09); |
||||
} |
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v4 .active { |
||||
-webkit-transform: scale(1.05); |
||||
-moz-transform: scale(1.05); |
||||
} |
||||
|
||||
.pricing-v4-head { |
||||
text-align: center; |
||||
} |
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
margin-top: -40px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head .btn-u { |
||||
padding: 6px 46px 6px 40px; |
||||
} |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 5px; |
||||
} |
||||
|
||||
.pricing-v4-head { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v4 .active { |
||||
-webkit-transform: scale(1.03); |
||||
-moz-transform: scale(1.03); |
||||
} |
||||
|
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head a { |
||||
margin-top: -40px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head .btn-u { |
||||
padding: 6px 26px 6px 30px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
.pricing-table-v4 .pricing-v4-head h4 { |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
padding-left: 1px; |
||||
} |
||||
.pricing-table-v4 .pricing-v4-head h5 { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.col-sm-3 { |
||||
width: 100% |
||||
} |
||||
|
||||
} |
||||
@ -1,557 +0,0 @@ |
||||
/* |
||||
Green: #74C52C rgba(116,197,44, 1); |
||||
Blue: #3498db rgba(52,152,219, 1); |
||||
Orange: #e67e22 rgba(230,126,34, 1); |
||||
Red: #e74c3c rgba(231,76,60, 1); |
||||
Grey: #bdc3c7 rgba(189,195,199, 1); |
||||
Purple: #9b6bcc rgba(155,107,204, 1); |
||||
Aqua: #27d7e7 rgba(39,215,231, 1); |
||||
Brown: #9c8061 rgba(156,128,97, 1); |
||||
Dark Blue: #4765a0 rgba(71,101,160, 1); |
||||
Light Green: #79d5b3 rgba(121,213,179, 1); |
||||
*/ |
||||
|
||||
|
||||
/*Pricing Page v5 |
||||
------------------------------------*/ |
||||
|
||||
.pricing-table-v5 .bg-green { |
||||
background-color: rgba(116,197,44, 0.9); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-blue { |
||||
background-color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-orange { |
||||
background-color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-red { |
||||
background-color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-grey { |
||||
background-color: rgba(189,195,199, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-purple { |
||||
background-color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-aqua { |
||||
background-color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-brown { |
||||
background-color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-dark-blue { |
||||
background-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .bg-light-green { |
||||
background-color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5 { |
||||
position: relative; |
||||
margin-bottom: 30px; |
||||
border: 1px solid rgba(116,197,44, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head { |
||||
text-align: center; |
||||
padding: 0 0 8px 0; |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head h4, |
||||
.pricing-table-v5 .pricing-v5-head h5, |
||||
.pricing-table-v5 .pricing-v5-head h5 span { |
||||
margin: 0; |
||||
padding: 10px 0; |
||||
font-family: Arial; |
||||
letter-spacing: 1px; |
||||
color: rgba(116,197,44, 1); |
||||
color: rgba(116, 197, 44, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head h4 { |
||||
font-size: 21px; |
||||
background: rgba(116,197,44, 1); |
||||
padding: 30px 0; |
||||
color: #fff; |
||||
} |
||||
.pricing-table-v5 .pricing-rounded { |
||||
width: 90px; |
||||
height: 90px; |
||||
display: inline-block; |
||||
padding: 10px; |
||||
border-radius: 50% !important; |
||||
margin: 20px 0px 10px 0; |
||||
border: 3px solid rgba(116, 197, 44, .4); |
||||
|
||||
} |
||||
.pricing-table-v5 .pricing-v5-head h5 { |
||||
font-size: 30px; |
||||
margin: 6px 3px 0 0; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head h5 span { |
||||
font-size: 20px; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.pricing-table-v5 a { |
||||
margin: 0 -8px; |
||||
display: block; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head h5 i { |
||||
display: block; |
||||
font-size: 12px; |
||||
font-style: normal; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head a { |
||||
position: relative; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head a span { |
||||
margin-left: 7px; |
||||
} |
||||
|
||||
.pricing-table-v5 a .price-corner { |
||||
width: 0; |
||||
height: 0; |
||||
right: -1px; |
||||
bottom: -8px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 8px 8px 0 0; |
||||
border-color: #477c17 transparent transparent; |
||||
|
||||
}.pricing-table-v5 a .price-corner-2 { |
||||
width: 0; |
||||
height: 0; |
||||
left: -1px; |
||||
bottom: -15px; |
||||
display: block; |
||||
position: absolute; |
||||
border-style: solid; |
||||
border-width: 8px 0 8px 8px; |
||||
border-color: #477c17 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head .btn-u { |
||||
padding: 6px 13px 6px 26px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-content { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-content li i { |
||||
float: right; |
||||
font-style: normal; |
||||
color: rgba(116,197,44, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-content li { |
||||
margin: 0; |
||||
font-size: 14px; |
||||
padding: 12px 0; |
||||
color: rgba(116,197,44, 1); |
||||
border-bottom: 1px solid rgba(116,197,44, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-footer { |
||||
padding: 20px 2px 20px 16px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue { |
||||
border: 1px solid rgba(52, 152, 219, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(52, 152, 219, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-blue a .price-corner-2 { |
||||
border-color: #1d5378 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue h4 { |
||||
background: rgba(52, 152, 219, 1); |
||||
} |
||||
.pricing-table-v5 .pricing-v5-blue h5, |
||||
.pricing-table-v5 .pricing-v5-blue h5 span { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue .pricing-rounded { |
||||
border-color: rgba(52, 152, 219, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-blue .pricing-v5-content li i { |
||||
color: rgba(52, 152, 219, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange { |
||||
border: 1px solid rgba(230,126,34, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(230,126,34, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-orange a .price-corner-2 { |
||||
border-color: #985921 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange h4{ |
||||
background: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange h5, |
||||
.pricing-table-v5 .pricing-v5-orange h5 span { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange .pricing-rounded { |
||||
border-color: rgba(230,126,34, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-orange .pricing-v5-content li i { |
||||
color: rgba(230,126,34, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red { |
||||
border: 1px solid rgba(231,76,60, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(231,76,60, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red h4 { |
||||
background: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red h5, |
||||
.pricing-table-v5 .pricing-v5-red h5 span { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red .pricing-rounded { |
||||
border-color: rgba(231,76,60, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-red a .price-corner-2 { |
||||
border-color: #8f382f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-red .pricing-v5-content li i { |
||||
color: rgba(231,76,60, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey { |
||||
border: 1px solid #ddd; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li { |
||||
border-bottom: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey h4 { |
||||
background: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey h5, |
||||
.pricing-table-v5 .pricing-v5-grey h5 span { |
||||
color: #90a5a6; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey .pricing-rounded { |
||||
border-color: #cfd5d5; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-grey a .price-corner-2 { |
||||
border-color: #686f6f transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-grey .pricing-v5-content li i { |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple { |
||||
border: 1px solid rgba(155,107,204, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(155,107,204, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple h4 { |
||||
background: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple h5, |
||||
.pricing-table-v5 .pricing-v5-purple h5 span { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple .pricing-rounded { |
||||
border-color: rgba(155,107,204, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-purple a .price-corner-2 { |
||||
border-color: #5f2798 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-purple .pricing-v5-content li i { |
||||
color: rgba(155,107,204, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua { |
||||
border: 1px solid rgba(39,215,231, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(39,215,231, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua h4 { |
||||
background: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua h5, |
||||
.pricing-table-v5 .pricing-v5-aqua h5 span { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-rounded { |
||||
border-color: rgba(39,215,231, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-aqua a .price-corner-2 { |
||||
border-color: #1b848e transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-aqua .pricing-v5-content li i { |
||||
color: rgba(39,215,231, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown { |
||||
border: 1px solid rgba(156,128,97, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(156,128,97, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown h4 { |
||||
background: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown h5, |
||||
.pricing-table-v5 .pricing-v5-brown h5 span { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown .pricing-rounded { |
||||
border-color: rgba(156,128,97, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-brown a .price-corner-2 { |
||||
border-color: #705537 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-brown .pricing-v5-content li i { |
||||
color: rgba(156,128,97, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue { |
||||
border: 1px solid rgba(71,101,160, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(71,101,160, 0.1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue h4{ |
||||
background: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue h5, |
||||
.pricing-table-v5 .pricing-v5-dark-blue h5 span { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-rounded { |
||||
border-color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-dark-blue a .price-corner-2 { |
||||
border-color: #233d71 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-dark-blue .pricing-v5-content li i { |
||||
color: rgba(71,101,160, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green { |
||||
border: 1px solid rgba(121,213,179, 0.7) |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-head, |
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li { |
||||
border-bottom: 1px solid rgba(121,213,179, 0.2) |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green h4{ |
||||
background: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green h5, |
||||
.pricing-table-v5 .pricing-v5-light-green h5 span { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-rounded { |
||||
border-color: rgba(121,213,179, 0.5); |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green a .price-corner, |
||||
.pricing-table-v5 .pricing-v5-light-green a .price-cornere-2 { |
||||
border-color: #2a8563 transparent transparent; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li, |
||||
.pricing-table-v5 .pricing-v5-light-green .pricing-v5-content li i { |
||||
color: rgba(121,213,179, 1); |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
.pricing-table-v5 .active { |
||||
-webkit-transform: scale(1.09); |
||||
-moz-transform: scale(1.09); |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v5 .active { |
||||
-webkit-transform: scale(1.05); |
||||
-moz-transform: scale(1.05); |
||||
} |
||||
|
||||
.pricing-v5-head { |
||||
text-align: center; |
||||
} |
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head a { |
||||
margin-top: -40px; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head .btn-u { |
||||
padding: 6px 46px 6px 40px; |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 9px; |
||||
} |
||||
|
||||
.pricing-v5-head { |
||||
text-align: center; |
||||
} |
||||
|
||||
.pricing-table-v5 .active { |
||||
-webkit-transform: scale(1.03); |
||||
-moz-transform: scale(1.03); |
||||
} |
||||
|
||||
.pricing-rounded { |
||||
margin: 17px 0 55px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head a { |
||||
margin-top: -40px; |
||||
} |
||||
|
||||
.pricing-table-v5 .pricing-v5-head .btn-u { |
||||
padding: 6px 26px 6px 30px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.no-space-pricing [class^="col-"], |
||||
.no-space-pricing [class*=" col-"] { |
||||
padding: 10px; |
||||
} |
||||
|
||||
|
||||
.pricing-table-v5 .pricing-v5-head h4 { |
||||
font-size: 14px; |
||||
font-weight: bold; |
||||
padding-left: 1px; |
||||
} |
||||
.pricing-table-v5 .pricing-v5-head h5 { |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
/*Pricing Page*/ |
||||
|
||||
.col-sm-3 { |
||||
width: 100% |
||||
} |
||||
|
||||
|
||||
} |
||||
@ -1,112 +0,0 @@ |
||||
|
||||
/*Pricing Page v5 |
||||
------------------------------------*/ |
||||
.no-space-pricing-v6 [class^="col-"], |
||||
.no-space-pricing-v6 [class*=" col-"] { |
||||
padding: 1px; |
||||
} |
||||
.row.no-space-pricing-v6 { |
||||
padding: 0 14px; |
||||
} |
||||
|
||||
.pricing-table-v6 i.icon-custom { |
||||
width: 80px; |
||||
height: 80px; |
||||
font-size: 40px; |
||||
padding-top: 17px; |
||||
} |
||||
|
||||
.pricing-table-v6 h3 { |
||||
font-size: 40px; |
||||
padding: 10px 0 0 0; |
||||
} |
||||
|
||||
.pricing-table-v6 h3, |
||||
.pricing-table-v6 h3 i, |
||||
.pricing-table-v6 h3 span { |
||||
color: #fff; |
||||
font-style: normal; |
||||
font-weight: 200 !important; |
||||
} |
||||
|
||||
.pricing-table-v6 h3 span { |
||||
font-size: 25px; |
||||
} |
||||
|
||||
.pricing-table-v6 h3 i { |
||||
font-size: 20px; |
||||
margin: 10px 0 0 4px; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.pricing-table-v6 ul { |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
.pricing-table-v6 ul li { |
||||
color: #fff; |
||||
padding: 5px 0; |
||||
font-size: 13px; |
||||
} |
||||
.pricing-table-v6 ul li span { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.pricing-table-v6 .btn-u.btn-brd { |
||||
color: #fff; |
||||
display: block; |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v6 .btn-u.btn-brd:hover { |
||||
color: #555; |
||||
background: #fff; |
||||
border-color: transparent; |
||||
} |
||||
|
||||
.pricing-table-v6.v6-plus { |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.pricing-table-v6.v6-plus ul li { |
||||
font-weight: 300; |
||||
} |
||||
.pricing-table-v6.v6-plus ul li span { |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.pricing-table-v6 .service-block-u { |
||||
background-color: #72c02c !important; |
||||
} |
||||
|
||||
} |
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
.pricing-table-v6 .service-block { |
||||
margin-bottom: 20px; |
||||
padding: 20px 15px; |
||||
text-align: center; |
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
.col-width-full { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@ -1,203 +0,0 @@ |
||||
/*Pricing Page v7 |
||||
------------------------------------*/ |
||||
.pricing-table-v7 .no-space-pricing [class^="col-"], |
||||
.pricing-table-v7 .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
.pricing-table-v7 .no-row-space { |
||||
margin-right: 0; |
||||
margin-left: 0; |
||||
} |
||||
|
||||
.pricing-table-v7 .service-block { |
||||
margin-bottom: 0; |
||||
} |
||||
.pricing-table-v7 .pricing-inner-1, |
||||
.pricing-table-v7 .pricing-inner-2 { |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v7 .pricing-inner-1 { |
||||
border-right: 0; |
||||
} |
||||
.pricing-table-v7 .pricing-inner-1, |
||||
.pricing-table-v7 .pricing-inner-2 { |
||||
border-top: 0; |
||||
padding: 20px 0; |
||||
} |
||||
|
||||
|
||||
.pricing-table-v7 .service-block h2 { |
||||
margin-bottom: 0; |
||||
} |
||||
.pricing-table-v7 .service-block > span { |
||||
color: #fff; |
||||
font-size: 50px; |
||||
margin-left: 25px; |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
.pricing-table-v7 .service-block > span .dollar { |
||||
top: 7px; |
||||
left: -13px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.pricing-table-v7 .service-block > span i { |
||||
font-size: 15px; |
||||
margin-left: 3px; |
||||
margin-right: 2px; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v7 .service-block p { |
||||
padding-bottom: 7px; |
||||
} |
||||
|
||||
.pricing-table-v7 .pricing-body { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v7 i { |
||||
font-size: 40px; |
||||
border: medium none; |
||||
} |
||||
|
||||
.pricing-table-v7 .pricing-body span { |
||||
display: block; |
||||
color: #959494; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-table-v7 .btn-u.btn-brd { |
||||
color: #fff; |
||||
border-color: #fff; |
||||
} |
||||
.pricing-table-v7 .btn-u.btn-brd:hover { |
||||
color: #555; |
||||
background: #fff; |
||||
border-color: transparent; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-u { |
||||
background-color: #72c02c !important; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-u .pricing-body i{ |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark-red .service-block{ |
||||
background: #b61332 |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark-red .pricing-body i{ |
||||
color: #b61332; |
||||
} |
||||
.pricing-table-v7.service-block-teal .service-block{ |
||||
background: #2cd5b6 |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-teal .pricing-body i{ |
||||
color: #2cd5b6; |
||||
} |
||||
.pricing-table-v7.service-block-sea .pricing-body i { |
||||
color: #1abc9c; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-grey .pricing-body i { |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-yellow .pricing-body i { |
||||
color: #f1c40f; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-purple .pricing-body i { |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-aqua .pricing-body i { |
||||
color: #27d7e7; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-brown .pricing-body i { |
||||
color: #9c8061; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light-green .pricing-body i { |
||||
color: #79d5b3; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-purple .pricing-body i { |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-blue .pricing-body i { |
||||
color: #3498db; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark-blue .pricing-body i { |
||||
color: #4765a0; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-red .pricing-body i { |
||||
color: #e74c3c; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-dark .pricing-body i { |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-orange i.icon-color-light { |
||||
color: #e67e22; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light .pricing-body span, |
||||
.pricing-table-v7.service-block-light .pricing-body i.icon-color-light { |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light .btn-u.btn-brd { |
||||
color: #555; |
||||
border-color: #888; |
||||
} |
||||
|
||||
.pricing-table-v7.service-block-light .btn-u.btn-brd:hover { |
||||
border-color: #ddd; |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
.pricing-table-v7 .no-space-pricing [class^="col-"], |
||||
.pricing-table-v7 .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
.col-width-full { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@ -1,206 +0,0 @@ |
||||
|
||||
|
||||
/*Pricing Page v8 |
||||
------------------------------------*/ |
||||
.pricing-table-v8 .no-space-pricing [class^="col-"], |
||||
.pricing-table-v8 .no-space-pricing [class*=" col-"] { |
||||
padding: 0; |
||||
} |
||||
|
||||
.pricing-table-v8 .no-row-space { |
||||
margin-right: 0; |
||||
margin-left: 0; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block { |
||||
margin-bottom: 0; |
||||
} |
||||
.pricing-table-v8 .pricing-inner-1, |
||||
.pricing-table-v8 .pricing-inner-2 { |
||||
border: 1px solid #eee; |
||||
} |
||||
|
||||
.pricing-table-v8 .pricing-inner-1 { |
||||
border-right: 0; |
||||
} |
||||
.pricing-table-v8 .pricing-inner-1, |
||||
.pricing-table-v8 .pricing-inner-2 { |
||||
border-top: 0; |
||||
padding: 40px 0 |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block { |
||||
padding: 0 0 20px 0; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block h2 { |
||||
padding: 15px 0; |
||||
font-size: 25px; |
||||
margin-bottom: 0px; |
||||
background-color: rgba(0,0,0, 0.2); |
||||
} |
||||
.pricing-table-v8 .service-block > span { |
||||
color: #fff; |
||||
font-size: 50px; |
||||
margin-left: 25px; |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
.pricing-table-v8 .service-block > span .dollar { |
||||
top: 7px; |
||||
left: -13px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block > span i { |
||||
font-size: 15px; |
||||
margin-left: 3px; |
||||
margin-right: 2px; |
||||
font-style: normal; |
||||
} |
||||
|
||||
.pricing-table-v8 .service-block p { |
||||
margin: 0 42px 15px 42px; |
||||
} |
||||
|
||||
.pricing-table-v8 .pricing-body { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v8 i { |
||||
font-size: 40px; |
||||
border: medium none; |
||||
} |
||||
|
||||
.pricing-table-v8 .pricing-body span { |
||||
display: block; |
||||
color: #959494; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.pricing-table-v8 .btn-u.btn-brd { |
||||
color: #fff; |
||||
border-color: #fff; |
||||
} |
||||
|
||||
.pricing-table-v8 .btn-u.btn-brd:hover { |
||||
color: #555; |
||||
background: #fff; |
||||
border-color: transparent; |
||||
} |
||||
.pricing-table-v8.service-block-u .pricing-body i{ |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-u { |
||||
background-color: #72c02c !important; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-dark-red .service-block{ |
||||
background: #b61332 |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-dark-red .pricing-body i{ |
||||
color: #b61332; |
||||
} |
||||
.pricing-table-v8.service-block-teal .service-block{ |
||||
background: #2cd5b6 |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-teal .pricing-body i{ |
||||
color: #2cd5b6; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-sea .pricing-body i{ |
||||
color: #1abc9c; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-grey .pricing-body i{ |
||||
color: #95a5a6; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-yellow .pricing-body i{ |
||||
color: #f1c40f; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-purple .pricing-body i{ |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-aqua .pricing-body i{ |
||||
color: #27d7e7; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-brown .pricing-body i{ |
||||
color: #9c8061; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-light-green .pricing-body i{ |
||||
color: #79d5b3; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-purple .pricing-body i{ |
||||
color: #9b6bcc; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-blue .pricing-body i{ |
||||
color: #3498db; |
||||
} |
||||
.pricing-table-v8.service-block-dark-blue .pricing-body i{ |
||||
color: #4765a0; |
||||
|
||||
}.pricing-table-v8.service-block-red .pricing-body i{ |
||||
color: #e74c3c; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-dark .pricing-body i{ |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-orange .pricing-body i{ |
||||
color: #e67e22; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-light .pricing-body span, |
||||
.pricing-table-v8.service-block-light .pricing-body i{ |
||||
color: #555; |
||||
} |
||||
|
||||
.pricing-table-v8.service-block-light .btn-u.btn-brd { |
||||
color: #555; |
||||
border-color: #888; |
||||
} |
||||
.pricing-table-v8.service-block-light .btn-u.btn-brd:hover { |
||||
border-color: #ddd; |
||||
} |
||||
|
||||
/* Devices (Large Screen Mode, 1200px more) */ |
||||
@media (min-width: 1200px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Desktop Mode, 992px and 1200px) */ |
||||
@media (min-width: 992px) and (max-width: 1200px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Devices (Tablet Mode, 768px and 991px) */ |
||||
@media (min-width: 767px) and (max-width: 991px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 767px) { |
||||
|
||||
|
||||
} |
||||
|
||||
/* Medium Devices (Phone Mode, 768px and less) */ |
||||
@media (max-width: 550px) { |
||||
.col-width-full { |
||||
width: 100%; |
||||
} |
||||
} |
||||
@ -1,831 +0,0 @@ |
||||
/*Profile |
||||
------------------------------------*/ |
||||
.profile .list-group i { |
||||
min-width: 20px; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.profile .heading-sm-v2 { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.profile .profile-body { |
||||
padding: 20px; |
||||
background: #f7f7f7; |
||||
} |
||||
|
||||
/*Scrollbar*/ |
||||
.contentHolder { |
||||
padding: 0; |
||||
height: 320px; |
||||
margin: 0px auto; |
||||
overflow: hidden; |
||||
position: relative; |
||||
} |
||||
|
||||
.spacer { |
||||
text-align: center |
||||
} |
||||
|
||||
/*Panel Title Box*/ |
||||
.profile .panel-profile { |
||||
border: none; |
||||
margin-bottom: 0; |
||||
box-shadow: none; |
||||
} |
||||
.profile .panel-profile.no-bg { |
||||
background: inherit; |
||||
} |
||||
|
||||
.profile .panel-heading { |
||||
color: #585f69; |
||||
background: #fff; |
||||
padding: 7px 15px; |
||||
border-bottom: solid 3px #f7f7f7; |
||||
} |
||||
|
||||
.profile .panel-heading-v2.overflow-h i.pull-right, |
||||
.profile .panel-heading.overflow-h i.pull-right { |
||||
top: 7px; |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .panel-heading-v2.overflow-h i.pull-right, |
||||
.profile .panel-heading.overflow-h a i { |
||||
color: #777; |
||||
} |
||||
|
||||
.profile .panel-heading-v2.overflow-h i.pull-right, |
||||
.profile .panel-heading.overflow-h a:hover i { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .panel-title { |
||||
font-size: 16px; |
||||
} |
||||
|
||||
/*Notification*/ |
||||
.profile .notification { |
||||
overflow: hidden; |
||||
margin-bottom: 10px; |
||||
padding: 15px 15px 0 0; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .notification:first-child { |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .notification img, |
||||
.profile .notification i { |
||||
float: left; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.profile .notification img { |
||||
width: 35px; |
||||
height: 35px; |
||||
} |
||||
|
||||
.profile .notification span { |
||||
color: #777; |
||||
display: block; |
||||
} |
||||
|
||||
.profile .notification small { |
||||
color: #999; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.profile .notification h4 { |
||||
margin: 0 0 3px; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.profile .notification p { |
||||
color: #777; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
/*Profile Post*/ |
||||
.profile .profile-post { |
||||
background: #fff; |
||||
margin-bottom: 2px; |
||||
padding: 7px 7px 7px 0; |
||||
} |
||||
|
||||
.profile .profile-post.color-one { |
||||
border-left: 2px solid #72c02c; |
||||
} |
||||
.profile .profile-post.color-two { |
||||
border-left: 2px solid #3498db; |
||||
} |
||||
.profile .profile-post.color-three { |
||||
border-left: 2px solid #e74c3c; |
||||
} |
||||
.profile .profile-post.color-four { |
||||
border-left: 2px solid #9b6bcc; |
||||
} |
||||
.profile .profile-post.color-five { |
||||
border-left: 2px solid #555; |
||||
} |
||||
.profile .profile-post.color-six { |
||||
border-left: 2px solid #f1c40f; |
||||
} |
||||
.profile .profile-post.color-seven { |
||||
border-left: 2px solid #27d7e7; |
||||
} |
||||
|
||||
.profile .profile-post span.profile-post-numb { |
||||
float: left; |
||||
color: #999; |
||||
font-size: 20px; |
||||
font-weight: 200; |
||||
padding: 5px 12px; |
||||
} |
||||
|
||||
.profile .profile-post:hover span.profile-post-numb { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.profile .profile-post-in { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.profile .profile-post-in h3 a { |
||||
color: #555; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.profile .profile-post-in p { |
||||
color: #999; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
/*Profile Event*/ |
||||
.profile .profile-event .heading-xs { |
||||
margin-top: 0; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.profile .profile-event { |
||||
background: #fff; |
||||
padding: 10px 15px; |
||||
margin-bottom: 2px; |
||||
} |
||||
|
||||
.profile .profile-event p { |
||||
color: #999; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.profile .date-formats { |
||||
color: #fff; |
||||
float: left; |
||||
text-align: center; |
||||
background: #72c02c; |
||||
margin: 7px 13px 0 0; |
||||
padding: 7px 10px 4px; |
||||
} |
||||
|
||||
.profile .date-formats span { |
||||
display: block; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
line-height: 25px; |
||||
} |
||||
|
||||
/*Table*/ |
||||
.profile .table { |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .table > thead > tr > th, |
||||
.profile .table > tbody > tr > th, |
||||
.profile .table > tfoot > tr > th, |
||||
.profile .table > thead > tr > td, |
||||
.profile .table > tbody > tr > td, |
||||
.profile .table > tfoot > tr > td { |
||||
padding: 11px; |
||||
} |
||||
|
||||
/*Comment*/ |
||||
.profile .comment { |
||||
border-bottom: 1px solid #eee; |
||||
padding: 15px 15px 5px; |
||||
} |
||||
|
||||
.profile .comment img { |
||||
float: left; |
||||
width: 50px; |
||||
height: 50px; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.profile .comment strong { |
||||
display: block; |
||||
line-height: 15px; |
||||
margin-bottom: 3px; |
||||
} |
||||
|
||||
.profile .comment p { |
||||
font-size: 12px; |
||||
margin-bottom: 0; |
||||
line-height: 17px; |
||||
} |
||||
|
||||
.profile .comment small { |
||||
color: #bbb; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .comment-list li { |
||||
color: #999; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
.profile .comment-list li a { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .comment-list li a:hover { |
||||
color: #555; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.profile .comment-list li:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Image Post*/ |
||||
.profile .img-post { |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .img-post:before { |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
content: " "; |
||||
position: absolute; |
||||
background: rgba(0,0,0,0.4); |
||||
} |
||||
|
||||
.profile .img-post-in { |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
padding: 20px; |
||||
position: absolute; |
||||
} |
||||
|
||||
.profile .img-post-in h3 { |
||||
color: #fff; |
||||
margin: 0 auto; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .img-post-in small { |
||||
color: #999; |
||||
display: block; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.profile .img-post-in p { |
||||
color: #bbb; |
||||
} |
||||
|
||||
.profile .img-post-list { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .img-post-list li a, |
||||
.profile .img-post-list li a:hover { |
||||
color: #fff; |
||||
text-decoration: none; |
||||
} |
||||
.profile .img-post-list li a:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
/*Media*/ |
||||
.profile .media.media-v2 { |
||||
margin-top: 0; |
||||
padding: 25px 0 20px; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .media.media-v2:first-child { |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media.media-v2 { |
||||
margin-top: 20px; |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.profile .media.media-v2 img.media-object { |
||||
width: 50px; |
||||
height: 50px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
/*Media Body*/ |
||||
.profile .media.media-v2 .media-body { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-body p { |
||||
color: #777; |
||||
line-height: 1.4; |
||||
} |
||||
|
||||
/*Media Heading*/ |
||||
.profile .media.media-v2 .media-heading { |
||||
margin: 0 0 5px; |
||||
font-size: 13px; |
||||
position: relative; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-heading a, |
||||
.profile .media.media-v2 .media-heading a:hover { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-heading strong { |
||||
padding-right: 5px; |
||||
} |
||||
|
||||
.profile .media.media-v2 .media-heading small { |
||||
top: 7px; |
||||
right: 0; |
||||
color: #999; |
||||
font-size: 12px; |
||||
position: absolute; |
||||
} |
||||
|
||||
/*Results List*/ |
||||
.profile .results-list { |
||||
margin-top: 4px; |
||||
} |
||||
|
||||
.profile .results-list li a { |
||||
color: #999; |
||||
} |
||||
|
||||
/*Expand List*/ |
||||
.profile i.expand-list { |
||||
color: #777; |
||||
padding: 5px; |
||||
min-width: 20px; |
||||
font-size: 12px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
border: 1px solid #777; |
||||
} |
||||
|
||||
.profile i.expand-list:hover { |
||||
color: #999; |
||||
border-color: #999; |
||||
} |
||||
|
||||
/*Image Uploaded*/ |
||||
.profile .img-uploaded li { |
||||
padding: 0; |
||||
} |
||||
|
||||
.profile .img-uploaded img { |
||||
width: 120px; |
||||
height: auto; |
||||
} |
||||
|
||||
/*Alert Blocks*/ |
||||
.alert-blocks { |
||||
margin: 0 15px 5px; |
||||
background: #f7f7f7; |
||||
padding: 10px 10px 13px; |
||||
} |
||||
|
||||
.alert-blocks:first-child { |
||||
margin-top: 15px; |
||||
} |
||||
|
||||
.alert-blocks-pending { |
||||
background: #fffdcc; |
||||
} |
||||
|
||||
.alert-blocks-success { |
||||
background: #e1febc; |
||||
} |
||||
|
||||
.alert-blocks-pending { |
||||
background: #fffdcc; |
||||
} |
||||
|
||||
.alert-blocks-error { |
||||
background: #fee0e0; |
||||
} |
||||
|
||||
.alert-blocks-info { |
||||
background: #e0f3fe; |
||||
} |
||||
|
||||
.alert-blocks.alert-dismissable { |
||||
padding-right: 35px; |
||||
} |
||||
|
||||
.alert-blocks i { |
||||
float: left; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.alert-blocks img { |
||||
float: left; |
||||
width: 40px; |
||||
height: 40px; |
||||
margin-right: 15px; |
||||
} |
||||
|
||||
.alert-blocks strong small { |
||||
color: #a3a3a3; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.alert-blocks p { |
||||
color: #999; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
/*Profile Me |
||||
------------------------------------*/ |
||||
/*Profile Biography*/ |
||||
.profile .profile-bio { |
||||
background: #fff; |
||||
position: relative; |
||||
padding: 15px 10px 5px 15px; |
||||
} |
||||
|
||||
.profile .profile-bio a { |
||||
left: 50%; |
||||
bottom: 20px; |
||||
margin-left: -60px; |
||||
text-align: center; |
||||
position: absolute; |
||||
} |
||||
|
||||
.profile .profile-bio h2 { |
||||
margin-top: 0; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .profile-bio span { |
||||
display: block; |
||||
} |
||||
|
||||
.profile .profile-bio hr { |
||||
margin: 12px 0 10px; |
||||
} |
||||
|
||||
.profile .p-chart { |
||||
text-align: center; |
||||
} |
||||
|
||||
.profile .p-chart h3 { |
||||
line-height: 20px; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
/*Circle in Responsive*/ |
||||
@media (max-width: 450px) { |
||||
.p-chart.col-xs-6 { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Timeline*/ |
||||
.profile .timeline-v2.timeline-me:before { |
||||
left: 19%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmtime { |
||||
width: 27%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmicon { |
||||
left: 19%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:first-child { |
||||
color: #585f69; |
||||
font-size: 16px; |
||||
text-align: left; |
||||
line-height: 20px; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmtime span:last-child { |
||||
color: #999; |
||||
font-size: 14px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmlabel { |
||||
padding: 0; |
||||
background: inherit; |
||||
margin: 0 0 20px 23%; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmlabel:after { |
||||
border-color: inherit; |
||||
} |
||||
|
||||
.profile .timeline-v2.timeline-me > li .cbp_tmlabel h2 { |
||||
margin: 0 auto; |
||||
font-size: 17px; |
||||
line-height: 20px; |
||||
border-bottom: none; |
||||
} |
||||
|
||||
/*Social Contacts v2*/ |
||||
.profile .social-contacts-v2 { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li { |
||||
padding: 7px 0; |
||||
border-top: 1px solid #f0f0f0; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li:first-child { |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li i { |
||||
font-size: 16px; |
||||
min-width: 25px; |
||||
margin-right: 7px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.profile .social-contacts-v2 li i.tw { |
||||
color: #159ceb; |
||||
} |
||||
.profile .social-contacts-v2 li i.fb { |
||||
color: #4862a3; |
||||
} |
||||
.profile .social-contacts-v2 li i.sk { |
||||
color: #00aceb; |
||||
} |
||||
.profile .social-contacts-v2 li i.gp { |
||||
color: #dc4a38; |
||||
} |
||||
.profile .social-contacts-v2 li i.gm { |
||||
color: #c6574b; |
||||
} |
||||
|
||||
/*Social Contacts v3*/ |
||||
.profile .social-contacts-v3 { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li { |
||||
padding: 12px 0; |
||||
border-top: 1px solid #f0f0f0; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li:first-child { |
||||
padding-top: 0; |
||||
border-top: none; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li:last-child { |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li i { |
||||
color: #fff; |
||||
width: 25px; |
||||
height: 25px; |
||||
line-height: 25px; |
||||
margin-right: 7px; |
||||
text-align: center; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.profile .social-contacts-v3 li i.tw { |
||||
background: #159ceb; |
||||
} |
||||
.profile .social-contacts-v3 li i.fb { |
||||
background: #4862a3; |
||||
} |
||||
.profile .social-contacts-v3 li i.sk { |
||||
background: #00aceb; |
||||
} |
||||
.profile .social-contacts-v3 li i.gp { |
||||
background: #dc4a38; |
||||
} |
||||
.profile .social-contacts-v3 li i.gm { |
||||
background: #c6574b; |
||||
} |
||||
|
||||
/*Profile Blog |
||||
------------------------------------*/ |
||||
.profile .blog-border { |
||||
border: 1px solid #f0f0f0; |
||||
} |
||||
|
||||
.profile .profile-blog { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .profile-blog img { |
||||
float: left; |
||||
width: 50px; |
||||
height: 50px; |
||||
margin-right: 20px; |
||||
} |
||||
|
||||
.profile .profile-blog hr { |
||||
margin: 12px 0 10px; |
||||
} |
||||
|
||||
.profile .name-location { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.profile .name-location strong { |
||||
color: #555; |
||||
display: block; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.profile .name-location span a { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .name-location span a:hover { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.profile .name-location span i { |
||||
color: #72c02c; |
||||
font-size: 18px; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
/*Profile Projects |
||||
------------------------------------*/ |
||||
.profile .projects { |
||||
background: #fff; |
||||
padding: 20px 20px 10px; |
||||
} |
||||
|
||||
.profile .projects h2 { |
||||
margin: 0 0 5px; |
||||
font-size: 22px; |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .projects h3 { |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
.profile .projects .progress { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.profile .blog-info-v2 { |
||||
margin-left: 0; |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
.profile .blog-info-v2 li { |
||||
font-size: 12px; |
||||
padding-left: 8px; |
||||
line-height: 12px; |
||||
border-left: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .blog-info-v2 li:first-child { |
||||
padding-left: 0; |
||||
border-left: none; |
||||
} |
||||
|
||||
.profile .blog-info-v2 li i { |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.profile .project-share { |
||||
overflow: hidden; |
||||
background: #fff; |
||||
padding: 10px 20px; |
||||
border-top: 1px solid #eee; |
||||
} |
||||
|
||||
.profile .project-share ul { |
||||
margin-left: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li { |
||||
color: #999; |
||||
font-size: 14px; |
||||
padding: 0 10px 0 0; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li a { |
||||
color: #555; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li i { |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li a:hover { |
||||
color: #555; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.profile .comment-list-v2 li:hover i { |
||||
color: #72c02c; |
||||
} |
||||
|
||||
.profile .star-vote li { |
||||
padding: 0; |
||||
font-size: 15px; |
||||
} |
||||
|
||||
/*Profile History |
||||
------------------------------------*/ |
||||
.profile .timeline-v2:before { |
||||
background: #eee; |
||||
} |
||||
|
||||
.profile .timeline-v2 > li .cbp_tmlabel { |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .timeline-v2 > li .cbp_tmlabel:after { |
||||
border-right-color: #fff; |
||||
} |
||||
|
||||
@media screen and (max-width: 767px) { |
||||
.profile .timeline-v2 > li .cbp_tmlabel:after { |
||||
border-bottom-color: #fff; |
||||
border-right-color: transparent; |
||||
} |
||||
} |
||||
|
||||
@media screen (min-width: 768px) and (max-width: 992px) { |
||||
.profile .timeline-v2 > li .cbp_tmlabel:after { |
||||
border-bottom-color: #fff; |
||||
border-right-color: transparent; |
||||
} |
||||
} |
||||
|
||||
/*Profile Settings |
||||
------------------------------------*/ |
||||
/*Profile Edit*/ |
||||
.profile .profile-edit { |
||||
padding: 20px; |
||||
background: #fff; |
||||
} |
||||
|
||||
.profile .profile-edit h2 { |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.profile .profile-edit dt { |
||||
text-align: inherit; |
||||
} |
||||
|
||||
.profile .profile-edit hr { |
||||
margin: 17px 0 15px; |
||||
} |
||||
|
||||
/*Tab*/ |
||||
.profile .tab-content { |
||||
padding: 0; |
||||
} |
||||
|
||||
@media (max-width: 768px) { |
||||
.profile .tab-v1 .nav-tabs { |
||||
border-bottom: none; |
||||
} |
||||
} |
||||
|
||||
/*Sky Form*/ |
||||
.profile .sky-form { |
||||
border: none; |
||||
} |
||||
|
||||
.profile .sky-form .toggle-change i { |
||||
left: 180px; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,68 +0,0 @@ |
||||
/* |
||||
* Template Name: Unify - Responsive Bootstrap Template |
||||
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template. |
||||
* Version: 1.6 |
||||
* Author: @htmlstream |
||||
* Website: http://htmlstream.com |
||||
*/ |
||||
|
||||
.shadow-wrapper { |
||||
z-index: 1; |
||||
position: relative; |
||||
} |
||||
|
||||
/*Common Style*/ |
||||
.box-shadow { |
||||
background: #fff; |
||||
position: relative; |
||||
} |
||||
|
||||
.box-shadow:after, |
||||
.box-shadow:before { |
||||
top: 80%; |
||||
left: 5px; |
||||
width: 50%; |
||||
z-index: -1; |
||||
content: ""; |
||||
bottom: 15px; |
||||
max-width: 300px; |
||||
background: #999; |
||||
position: absolute; |
||||
} |
||||
|
||||
/*Effect 1*/ |
||||
.shadow-effect-1 { |
||||
box-shadow: 0 10px 6px -6px #bbb; |
||||
-moz-box-shadow: 0 10px 6px -6px #bbb; |
||||
-webkit-box-shadow: 0 10px 6px -6px #bbb; |
||||
} |
||||
|
||||
/*Effect 2,3,4*/ |
||||
.shadow-effect-2 { |
||||
position: relative; |
||||
} |
||||
|
||||
.shadow-effect-2:after, |
||||
.shadow-effect-2:before, |
||||
.shadow-effect-3:before, |
||||
.shadow-effect-4:after { |
||||
transform: rotate(-3deg); |
||||
-o-transform: rotate(-3deg); |
||||
-ms-transform: rotate(-3deg); |
||||
-moz-transform: rotate(-3deg); |
||||
-webkit-transform: rotate(-3deg); |
||||
box-shadow: 0 15px 10px #999; |
||||
-moz-box-shadow: 0 15px 10px #999; |
||||
-webkit-box-shadow: 0 15px 10px #999; |
||||
} |
||||
|
||||
.shadow-effect-2:after, |
||||
.shadow-effect-4:after { |
||||
left: auto; |
||||
right: 5px; |
||||
transform: rotate(3deg); |
||||
-o-transform: rotate(3deg); |
||||
-ms-transform: rotate(3deg); |
||||
-moz-transform: rotate(3deg); |
||||
-webkit-transform: rotate(3deg); |
||||
} |
||||
@ -1,6 +0,0 @@ |
||||
language: node_js |
||||
node_js: |
||||
- "0.10" |
||||
before_install: npm install -g grunt-cli coffee-script |
||||
install: npm install |
||||
before_script: grunt build |
||||
@ -1,21 +0,0 @@ |
||||
@mixin btn($color) { |
||||
background-color: transparent; |
||||
border-color: $color; |
||||
color: $color; |
||||
|
||||
&:hover { |
||||
background-color: $color; |
||||
color: rgb(255, 255, 255); |
||||
} |
||||
} |
||||
|
||||
@mixin btn-inversed($color) { |
||||
background-color: $color; |
||||
border-color: $color; |
||||
color: rgb(255, 255, 255); |
||||
|
||||
&:hover { |
||||
background-color: transparent; |
||||
color: $color; |
||||
} |
||||
} |
||||
@ -1,93 +0,0 @@ |
||||
$brands: |
||||
amazon rgb(242,158,55), |
||||
delicious rgb(50,113,203), |
||||
digg rgb(22,70,115), |
||||
disqus rgb(46,159,255), |
||||
eventbrite rgb(255,86,22), |
||||
eventful rgb(55,96,149), |
||||
intensedebate rgb(0,153,225), |
||||
lanyrd rgb(46,106,194), |
||||
pinboard rgb(0,0,255), |
||||
songkick rgb(255,0,80), |
||||
stumbleupon rgb(235,73,36), |
||||
|
||||
gmail rgb(219,64,56), |
||||
google rgb(78,108,247), |
||||
evernote rgb(107,177,48), |
||||
grooveshark rgb(233,122,47), |
||||
instapaper rgb(34,34,34), |
||||
itunes rgb(82,81,82), |
||||
opentable rgb(153,0,0), |
||||
logmein rgb(0,0,0), |
||||
ninetyninedesigns rgb(7,34,67), |
||||
paypal rgb(50,104,154), |
||||
pocket rgb(222,90,95), |
||||
scribd rgb(35,28,26), |
||||
spotify rgb(96,175,0), |
||||
statusnet rgb(130,157,37), |
||||
stripe rgb(47,126,214), |
||||
yahoo rgb(162,0,194), |
||||
yelp rgb(230,0,16), |
||||
|
||||
wikipedia rgb(17,17,17), |
||||
wordpress rgb(70,70,70), |
||||
ycombinator rgb(255,102,0), |
||||
|
||||
bitcoin rgb(235,151,55), |
||||
cloudapp rgb(49,44,42), |
||||
creativecommons rgb(0,0,0), |
||||
dropbox rgb(0,126,229), |
||||
html5 rgb(255,54,23), |
||||
ie rgb(0,161,217), |
||||
podcast rgb(147,101,206), |
||||
rss rgb(255,127,37), |
||||
skype rgb(0,162,237), |
||||
steam rgb(0,0,0), |
||||
windows rgb(72,187,239), |
||||
|
||||
android rgb(164,198,57), |
||||
appstore rgb(0,0,0), |
||||
googleplay rgb(185,193,62), |
||||
macstore rgb(0,125,203), |
||||
|
||||
appnet rgb(49,120,189), |
||||
blogger rgb(238,90,34), |
||||
bitbucket rgb(32,80,129), |
||||
dribbble rgb(234,76,137), |
||||
facebook rgb(72,99,174), |
||||
flattr rgb(138,186,66), |
||||
flickr rgb(255,0,132), |
||||
foursquare rgb(0,114,177), |
||||
github rgb(23,21,21), |
||||
googleplus rgb(221,74,56), |
||||
gowalla rgb(255,114,10), |
||||
instagram rgb(63,114,155), |
||||
klout rgb(227,74,37), |
||||
lastfm rgb(220,26,35), |
||||
linkedin rgb(0,131,168), |
||||
meetup rgb(255,0,38), |
||||
myspace rgb(0,0,0), |
||||
pinterest rgb(201,22,24), |
||||
quora rgb(168,36,0), |
||||
reddit rgb(255,87,0), |
||||
plurk rgb(207,104,47), |
||||
smashing rgb(255,79,39), |
||||
soundcloud rgb(255,69,0), |
||||
stackoverflow rgb(241,132,54), |
||||
tumblr rgb(55,74,97), |
||||
twitter rgb(70,192,251), |
||||
viadeo rgb(231,115,46), |
||||
vimeo rgb(0,162,205), |
||||
vk rgb(69,104,142), |
||||
weibo rgb(215,88,77), |
||||
xing rgb(10,93,94), |
||||
youtube rgb(255,0,0), |
||||
|
||||
csgo rgb(182,115,0), |
||||
dota2 rgb(195,61,43), |
||||
gm rgb(17,148,240), |
||||
lol rgb(215, 153, 34), |
||||
minecraft rgb(148,200,100), |
||||
tf2 rgb(179,82,21), |
||||
quake rgb(205,24,0), |
||||
wot rgb(255,64,5); |
||||
@ -1,8 +0,0 @@ |
||||
@import "_variables"; |
||||
@import "_mixins"; |
||||
|
||||
@each $item in $brands { |
||||
.btn-#{nth($item, 1)}-inversed { |
||||
@include btn-inversed( #{nth($item, 2)} ); |
||||
} |
||||
} |
||||
@ -1,8 +0,0 @@ |
||||
@import "_variables"; |
||||
@import "_mixins"; |
||||
|
||||
@each $item in $brands { |
||||
.btn-#{nth($item, 1)} { |
||||
@include btn( #{nth($item, 2)} ); |
||||
} |
||||
} |
||||
@ -1,694 +0,0 @@ |
||||
.btn:hover { |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.btn-amazon-inversed { |
||||
background-color: #f29e37; |
||||
border-color: #f29e37; |
||||
color: white; } |
||||
.btn-amazon-inversed:hover { |
||||
background-color: transparent; |
||||
color: #f29e37; } |
||||
|
||||
.btn-delicious-inversed { |
||||
background-color: #3271cb; |
||||
border-color: #3271cb; |
||||
color: white; } |
||||
.btn-delicious-inversed:hover { |
||||
background-color: transparent; |
||||
color: #3271cb; } |
||||
|
||||
.btn-digg-inversed { |
||||
background-color: #164673; |
||||
border-color: #164673; |
||||
color: white; } |
||||
.btn-digg-inversed:hover { |
||||
background-color: transparent; |
||||
color: #164673; } |
||||
|
||||
.btn-disqus-inversed { |
||||
background-color: #2e9fff; |
||||
border-color: #2e9fff; |
||||
color: white; } |
||||
.btn-disqus-inversed:hover { |
||||
background-color: transparent; |
||||
color: #2e9fff; } |
||||
|
||||
.btn-eventbrite-inversed { |
||||
background-color: #ff5616; |
||||
border-color: #ff5616; |
||||
color: white; } |
||||
.btn-eventbrite-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff5616; } |
||||
|
||||
.btn-eventful-inversed { |
||||
background-color: #376095; |
||||
border-color: #376095; |
||||
color: white; } |
||||
.btn-eventful-inversed:hover { |
||||
background-color: transparent; |
||||
color: #376095; } |
||||
|
||||
.btn-intensedebate-inversed { |
||||
background-color: #0099e1; |
||||
border-color: #0099e1; |
||||
color: white; } |
||||
.btn-intensedebate-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0099e1; } |
||||
|
||||
.btn-lanyrd-inversed { |
||||
background-color: #2e6ac2; |
||||
border-color: #2e6ac2; |
||||
color: white; } |
||||
.btn-lanyrd-inversed:hover { |
||||
background-color: transparent; |
||||
color: #2e6ac2; } |
||||
|
||||
.btn-pinboard-inversed { |
||||
background-color: #0000ff; |
||||
border-color: #0000ff; |
||||
color: white; } |
||||
.btn-pinboard-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0000ff; } |
||||
|
||||
.btn-songkick-inversed { |
||||
background-color: #ff0050; |
||||
border-color: #ff0050; |
||||
color: white; } |
||||
.btn-songkick-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0050; } |
||||
|
||||
.btn-stumbleupon-inversed { |
||||
background-color: #eb4924; |
||||
border-color: #eb4924; |
||||
color: white; } |
||||
.btn-stumbleupon-inversed:hover { |
||||
background-color: transparent; |
||||
color: #eb4924; } |
||||
|
||||
.btn-gmail-inversed { |
||||
background-color: #db4038; |
||||
border-color: #db4038; |
||||
color: white; } |
||||
.btn-gmail-inversed:hover { |
||||
background-color: transparent; |
||||
color: #db4038; } |
||||
|
||||
.btn-google-inversed { |
||||
background-color: #4e6cf7; |
||||
border-color: #4e6cf7; |
||||
color: white; } |
||||
.btn-google-inversed:hover { |
||||
background-color: transparent; |
||||
color: #4e6cf7; } |
||||
|
||||
.btn-evernote-inversed { |
||||
background-color: #6bb130; |
||||
border-color: #6bb130; |
||||
color: white; } |
||||
.btn-evernote-inversed:hover { |
||||
background-color: transparent; |
||||
color: #6bb130; } |
||||
|
||||
.btn-grooveshark-inversed { |
||||
background-color: #e97a2f; |
||||
border-color: #e97a2f; |
||||
color: white; } |
||||
.btn-grooveshark-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e97a2f; } |
||||
|
||||
.btn-instapaper-inversed { |
||||
background-color: #222222; |
||||
border-color: #222222; |
||||
color: white; } |
||||
.btn-instapaper-inversed:hover { |
||||
background-color: transparent; |
||||
color: #222222; } |
||||
|
||||
.btn-itunes-inversed { |
||||
background-color: #525152; |
||||
border-color: #525152; |
||||
color: white; } |
||||
.btn-itunes-inversed:hover { |
||||
background-color: transparent; |
||||
color: #525152; } |
||||
|
||||
.btn-opentable-inversed { |
||||
background-color: #990000; |
||||
border-color: #990000; |
||||
color: white; } |
||||
.btn-opentable-inversed:hover { |
||||
background-color: transparent; |
||||
color: #990000; } |
||||
|
||||
.btn-logmein-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-logmein-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-ninetyninedesigns-inversed { |
||||
background-color: #072243; |
||||
border-color: #072243; |
||||
color: white; } |
||||
.btn-ninetyninedesigns-inversed:hover { |
||||
background-color: transparent; |
||||
color: #072243; } |
||||
|
||||
.btn-paypal-inversed { |
||||
background-color: #32689a; |
||||
border-color: #32689a; |
||||
color: white; } |
||||
.btn-paypal-inversed:hover { |
||||
background-color: transparent; |
||||
color: #32689a; } |
||||
|
||||
.btn-pocket-inversed { |
||||
background-color: #de5a5f; |
||||
border-color: #de5a5f; |
||||
color: white; } |
||||
.btn-pocket-inversed:hover { |
||||
background-color: transparent; |
||||
color: #de5a5f; } |
||||
|
||||
.btn-scribd-inversed { |
||||
background-color: #231c1a; |
||||
border-color: #231c1a; |
||||
color: white; } |
||||
.btn-scribd-inversed:hover { |
||||
background-color: transparent; |
||||
color: #231c1a; } |
||||
|
||||
.btn-spotify-inversed { |
||||
background-color: #60af00; |
||||
border-color: #60af00; |
||||
color: white; } |
||||
.btn-spotify-inversed:hover { |
||||
background-color: transparent; |
||||
color: #60af00; } |
||||
|
||||
.btn-statusnet-inversed { |
||||
background-color: #829d25; |
||||
border-color: #829d25; |
||||
color: white; } |
||||
.btn-statusnet-inversed:hover { |
||||
background-color: transparent; |
||||
color: #829d25; } |
||||
|
||||
.btn-stripe-inversed { |
||||
background-color: #2f7ed6; |
||||
border-color: #2f7ed6; |
||||
color: white; } |
||||
.btn-stripe-inversed:hover { |
||||
background-color: transparent; |
||||
color: #2f7ed6; } |
||||
|
||||
.btn-yahoo-inversed { |
||||
background-color: #a200c2; |
||||
border-color: #a200c2; |
||||
color: white; } |
||||
.btn-yahoo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #a200c2; } |
||||
|
||||
.btn-yelp-inversed { |
||||
background-color: #e60010; |
||||
border-color: #e60010; |
||||
color: white; } |
||||
.btn-yelp-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e60010; } |
||||
|
||||
.btn-wikipedia-inversed { |
||||
background-color: #111111; |
||||
border-color: #111111; |
||||
color: white; } |
||||
.btn-wikipedia-inversed:hover { |
||||
background-color: transparent; |
||||
color: #111111; } |
||||
|
||||
.btn-wordpress-inversed { |
||||
background-color: #464646; |
||||
border-color: #464646; |
||||
color: white; } |
||||
.btn-wordpress-inversed:hover { |
||||
background-color: transparent; |
||||
color: #464646; } |
||||
|
||||
.btn-ycombinator-inversed { |
||||
background-color: #ff6600; |
||||
border-color: #ff6600; |
||||
color: white; } |
||||
.btn-ycombinator-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff6600; } |
||||
|
||||
.btn-bitcoin-inversed { |
||||
background-color: #eb9737; |
||||
border-color: #eb9737; |
||||
color: white; } |
||||
.btn-bitcoin-inversed:hover { |
||||
background-color: transparent; |
||||
color: #eb9737; } |
||||
|
||||
.btn-cloudapp-inversed { |
||||
background-color: #312c2a; |
||||
border-color: #312c2a; |
||||
color: white; } |
||||
.btn-cloudapp-inversed:hover { |
||||
background-color: transparent; |
||||
color: #312c2a; } |
||||
|
||||
.btn-creativecommons-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-creativecommons-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-dropbox-inversed { |
||||
background-color: #007ee5; |
||||
border-color: #007ee5; |
||||
color: white; } |
||||
.btn-dropbox-inversed:hover { |
||||
background-color: transparent; |
||||
color: #007ee5; } |
||||
|
||||
.btn-html5-inversed { |
||||
background-color: #ff3617; |
||||
border-color: #ff3617; |
||||
color: white; } |
||||
.btn-html5-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff3617; } |
||||
|
||||
.btn-ie-inversed { |
||||
background-color: #00a1d9; |
||||
border-color: #00a1d9; |
||||
color: white; } |
||||
.btn-ie-inversed:hover { |
||||
background-color: transparent; |
||||
color: #00a1d9; } |
||||
|
||||
.btn-podcast-inversed { |
||||
background-color: #9365ce; |
||||
border-color: #9365ce; |
||||
color: white; } |
||||
.btn-podcast-inversed:hover { |
||||
background-color: transparent; |
||||
color: #9365ce; } |
||||
|
||||
.btn-rss-inversed { |
||||
background-color: #ff7f25; |
||||
border-color: #ff7f25; |
||||
color: white; } |
||||
.btn-rss-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff7f25; } |
||||
|
||||
.btn-skype-inversed { |
||||
background-color: #00a2ed; |
||||
border-color: #00a2ed; |
||||
color: white; } |
||||
.btn-skype-inversed:hover { |
||||
background-color: transparent; |
||||
color: #00a2ed; } |
||||
|
||||
.btn-steam-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-steam-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-windows-inversed { |
||||
background-color: #48bbef; |
||||
border-color: #48bbef; |
||||
color: white; } |
||||
.btn-windows-inversed:hover { |
||||
background-color: transparent; |
||||
color: #48bbef; } |
||||
|
||||
.btn-android-inversed { |
||||
background-color: #a4c639; |
||||
border-color: #a4c639; |
||||
color: white; } |
||||
.btn-android-inversed:hover { |
||||
background-color: transparent; |
||||
color: #a4c639; } |
||||
|
||||
.btn-appstore-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-appstore-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-googleplay-inversed { |
||||
background-color: #b9c13e; |
||||
border-color: #b9c13e; |
||||
color: white; } |
||||
.btn-googleplay-inversed:hover { |
||||
background-color: transparent; |
||||
color: #b9c13e; } |
||||
|
||||
.btn-macstore-inversed { |
||||
background-color: #007dcb; |
||||
border-color: #007dcb; |
||||
color: white; } |
||||
.btn-macstore-inversed:hover { |
||||
background-color: transparent; |
||||
color: #007dcb; } |
||||
|
||||
.btn-appnet-inversed { |
||||
background-color: #3178bd; |
||||
border-color: #3178bd; |
||||
color: white; } |
||||
.btn-appnet-inversed:hover { |
||||
background-color: transparent; |
||||
color: #3178bd; } |
||||
|
||||
.btn-blogger-inversed { |
||||
background-color: #ee5a22; |
||||
border-color: #ee5a22; |
||||
color: white; } |
||||
.btn-blogger-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ee5a22; } |
||||
|
||||
.btn-bitbucket-inversed { |
||||
background-color: #205081; |
||||
border-color: #205081; |
||||
color: white; } |
||||
.btn-bitbucket-inversed:hover { |
||||
background-color: transparent; |
||||
color: #205081; } |
||||
|
||||
.btn-dribbble-inversed { |
||||
background-color: #ea4c89; |
||||
border-color: #ea4c89; |
||||
color: white; } |
||||
.btn-dribbble-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ea4c89; } |
||||
|
||||
.btn-facebook-inversed { |
||||
background-color: #4863ae; |
||||
border-color: #4863ae; |
||||
color: white; } |
||||
.btn-facebook-inversed:hover { |
||||
background-color: transparent; |
||||
color: #4863ae; } |
||||
|
||||
.btn-flattr-inversed { |
||||
background-color: #8aba42; |
||||
border-color: #8aba42; |
||||
color: white; } |
||||
.btn-flattr-inversed:hover { |
||||
background-color: transparent; |
||||
color: #8aba42; } |
||||
|
||||
.btn-flickr-inversed { |
||||
background-color: #ff0084; |
||||
border-color: #ff0084; |
||||
color: white; } |
||||
.btn-flickr-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0084; } |
||||
|
||||
.btn-foursquare-inversed { |
||||
background-color: #0072b1; |
||||
border-color: #0072b1; |
||||
color: white; } |
||||
.btn-foursquare-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0072b1; } |
||||
|
||||
.btn-github-inversed { |
||||
background-color: #171515; |
||||
border-color: #171515; |
||||
color: white; } |
||||
.btn-github-inversed:hover { |
||||
background-color: transparent; |
||||
color: #171515; } |
||||
|
||||
.btn-googleplus-inversed { |
||||
background-color: #dd4a38; |
||||
border-color: #dd4a38; |
||||
color: white; } |
||||
.btn-googleplus-inversed:hover { |
||||
background-color: transparent; |
||||
color: #dd4a38; } |
||||
|
||||
.btn-gowalla-inversed { |
||||
background-color: #ff720a; |
||||
border-color: #ff720a; |
||||
color: white; } |
||||
.btn-gowalla-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff720a; } |
||||
|
||||
.btn-instagram-inversed { |
||||
background-color: #3f729b; |
||||
border-color: #3f729b; |
||||
color: white; } |
||||
.btn-instagram-inversed:hover { |
||||
background-color: transparent; |
||||
color: #3f729b; } |
||||
|
||||
.btn-klout-inversed { |
||||
background-color: #e34a25; |
||||
border-color: #e34a25; |
||||
color: white; } |
||||
.btn-klout-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e34a25; } |
||||
|
||||
.btn-lastfm-inversed { |
||||
background-color: #dc1a23; |
||||
border-color: #dc1a23; |
||||
color: white; } |
||||
.btn-lastfm-inversed:hover { |
||||
background-color: transparent; |
||||
color: #dc1a23; } |
||||
|
||||
.btn-linkedin-inversed { |
||||
background-color: #0083a8; |
||||
border-color: #0083a8; |
||||
color: white; } |
||||
.btn-linkedin-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0083a8; } |
||||
|
||||
.btn-meetup-inversed { |
||||
background-color: #ff0026; |
||||
border-color: #ff0026; |
||||
color: white; } |
||||
.btn-meetup-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0026; } |
||||
|
||||
.btn-myspace-inversed { |
||||
background-color: #000000; |
||||
border-color: #000000; |
||||
color: white; } |
||||
.btn-myspace-inversed:hover { |
||||
background-color: transparent; |
||||
color: #000000; } |
||||
|
||||
.btn-pinterest-inversed { |
||||
background-color: #c91618; |
||||
border-color: #c91618; |
||||
color: white; } |
||||
.btn-pinterest-inversed:hover { |
||||
background-color: transparent; |
||||
color: #c91618; } |
||||
|
||||
.btn-quora-inversed { |
||||
background-color: #a82400; |
||||
border-color: #a82400; |
||||
color: white; } |
||||
.btn-quora-inversed:hover { |
||||
background-color: transparent; |
||||
color: #a82400; } |
||||
|
||||
.btn-reddit-inversed { |
||||
background-color: #ff5700; |
||||
border-color: #ff5700; |
||||
color: white; } |
||||
.btn-reddit-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff5700; } |
||||
|
||||
.btn-plurk-inversed { |
||||
background-color: #cf682f; |
||||
border-color: #cf682f; |
||||
color: white; } |
||||
.btn-plurk-inversed:hover { |
||||
background-color: transparent; |
||||
color: #cf682f; } |
||||
|
||||
.btn-smashing-inversed { |
||||
background-color: #ff4f27; |
||||
border-color: #ff4f27; |
||||
color: white; } |
||||
.btn-smashing-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff4f27; } |
||||
|
||||
.btn-soundcloud-inversed { |
||||
background-color: #ff4500; |
||||
border-color: #ff4500; |
||||
color: white; } |
||||
.btn-soundcloud-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff4500; } |
||||
|
||||
.btn-stackoverflow-inversed { |
||||
background-color: #f18436; |
||||
border-color: #f18436; |
||||
color: white; } |
||||
.btn-stackoverflow-inversed:hover { |
||||
background-color: transparent; |
||||
color: #f18436; } |
||||
|
||||
.btn-tumblr-inversed { |
||||
background-color: #374a61; |
||||
border-color: #374a61; |
||||
color: white; } |
||||
.btn-tumblr-inversed:hover { |
||||
background-color: transparent; |
||||
color: #374a61; } |
||||
|
||||
.btn-twitter-inversed { |
||||
background-color: #46c0fb; |
||||
border-color: #46c0fb; |
||||
color: white; } |
||||
.btn-twitter-inversed:hover { |
||||
background-color: transparent; |
||||
color: #46c0fb; } |
||||
|
||||
.btn-viadeo-inversed { |
||||
background-color: #e7732e; |
||||
border-color: #e7732e; |
||||
color: white; } |
||||
.btn-viadeo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #e7732e; } |
||||
|
||||
.btn-vimeo-inversed { |
||||
background-color: #00a2cd; |
||||
border-color: #00a2cd; |
||||
color: white; } |
||||
.btn-vimeo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #00a2cd; } |
||||
|
||||
.btn-vk-inversed { |
||||
background-color: #45688e; |
||||
border-color: #45688e; |
||||
color: white; } |
||||
.btn-vk-inversed:hover { |
||||
background-color: transparent; |
||||
color: #45688e; } |
||||
|
||||
.btn-weibo-inversed { |
||||
background-color: #d7584d; |
||||
border-color: #d7584d; |
||||
color: white; } |
||||
.btn-weibo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #d7584d; } |
||||
|
||||
.btn-xing-inversed { |
||||
background-color: #0a5d5e; |
||||
border-color: #0a5d5e; |
||||
color: white; } |
||||
.btn-xing-inversed:hover { |
||||
background-color: transparent; |
||||
color: #0a5d5e; } |
||||
|
||||
.btn-youtube-inversed { |
||||
background-color: #ff0000; |
||||
border-color: #ff0000; |
||||
color: white; } |
||||
.btn-youtube-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff0000; } |
||||
|
||||
.btn-csgo-inversed { |
||||
background-color: #b67300; |
||||
border-color: #b67300; |
||||
color: white; } |
||||
.btn-csgo-inversed:hover { |
||||
background-color: transparent; |
||||
color: #b67300; } |
||||
|
||||
.btn-dota2-inversed { |
||||
background-color: #c33d2b; |
||||
border-color: #c33d2b; |
||||
color: white; } |
||||
.btn-dota2-inversed:hover { |
||||
background-color: transparent; |
||||
color: #c33d2b; } |
||||
|
||||
.btn-gm-inversed { |
||||
background-color: #1194f0; |
||||
border-color: #1194f0; |
||||
color: white; } |
||||
.btn-gm-inversed:hover { |
||||
background-color: transparent; |
||||
color: #1194f0; } |
||||
|
||||
.btn-lol-inversed { |
||||
background-color: #d79922; |
||||
border-color: #d79922; |
||||
color: white; } |
||||
.btn-lol-inversed:hover { |
||||
background-color: transparent; |
||||
color: #d79922; } |
||||
|
||||
.btn-minecraft-inversed { |
||||
background-color: #94c864; |
||||
border-color: #94c864; |
||||
color: white; } |
||||
.btn-minecraft-inversed:hover { |
||||
background-color: transparent; |
||||
color: #94c864; } |
||||
|
||||
.btn-tf2-inversed { |
||||
background-color: #b35215; |
||||
border-color: #b35215; |
||||
color: white; } |
||||
.btn-tf2-inversed:hover { |
||||
background-color: transparent; |
||||
color: #b35215; } |
||||
|
||||
.btn-quake-inversed { |
||||
background-color: #cd1800; |
||||
border-color: #cd1800; |
||||
color: white; } |
||||
.btn-quake-inversed:hover { |
||||
background-color: transparent; |
||||
color: #cd1800; } |
||||
|
||||
.btn-wot-inversed { |
||||
background-color: #ff4005; |
||||
border-color: #ff4005; |
||||
color: white; } |
||||
.btn-wot-inversed:hover { |
||||
background-color: transparent; |
||||
color: #ff4005; } |
||||
@ -1,694 +0,0 @@ |
||||
.btn:hover { |
||||
-webkit-transition: all 0.3s ease-in-out; |
||||
-moz-transition: all 0.3s ease-in-out; |
||||
-o-transition: all 0.3s ease-in-out; |
||||
transition: all 0.3s ease-in-out; |
||||
} |
||||
|
||||
.btn-amazon { |
||||
background-color: transparent; |
||||
border-color: #f29e37; |
||||
color: #f29e37; } |
||||
.btn-amazon:hover { |
||||
background-color: #f29e37; |
||||
color: white; } |
||||
|
||||
.btn-delicious { |
||||
background-color: transparent; |
||||
border-color: #3271cb; |
||||
color: #3271cb; } |
||||
.btn-delicious:hover { |
||||
background-color: #3271cb; |
||||
color: white; } |
||||
|
||||
.btn-digg { |
||||
background-color: transparent; |
||||
border-color: #164673; |
||||
color: #164673; } |
||||
.btn-digg:hover { |
||||
background-color: #164673; |
||||
color: white; } |
||||
|
||||
.btn-disqus { |
||||
background-color: transparent; |
||||
border-color: #2e9fff; |
||||
color: #2e9fff; } |
||||
.btn-disqus:hover { |
||||
background-color: #2e9fff; |
||||
color: white; } |
||||
|
||||
.btn-eventbrite { |
||||
background-color: transparent; |
||||
border-color: #ff5616; |
||||
color: #ff5616; } |
||||
.btn-eventbrite:hover { |
||||
background-color: #ff5616; |
||||
color: white; } |
||||
|
||||
.btn-eventful { |
||||
background-color: transparent; |
||||
border-color: #376095; |
||||
color: #376095; } |
||||
.btn-eventful:hover { |
||||
background-color: #376095; |
||||
color: white; } |
||||
|
||||
.btn-intensedebate { |
||||
background-color: transparent; |
||||
border-color: #0099e1; |
||||
color: #0099e1; } |
||||
.btn-intensedebate:hover { |
||||
background-color: #0099e1; |
||||
color: white; } |
||||
|
||||
.btn-lanyrd { |
||||
background-color: transparent; |
||||
border-color: #2e6ac2; |
||||
color: #2e6ac2; } |
||||
.btn-lanyrd:hover { |
||||
background-color: #2e6ac2; |
||||
color: white; } |
||||
|
||||
.btn-pinboard { |
||||
background-color: transparent; |
||||
border-color: #0000ff; |
||||
color: #0000ff; } |
||||
.btn-pinboard:hover { |
||||
background-color: #0000ff; |
||||
color: white; } |
||||
|
||||
.btn-songkick { |
||||
background-color: transparent; |
||||
border-color: #ff0050; |
||||
color: #ff0050; } |
||||
.btn-songkick:hover { |
||||
background-color: #ff0050; |
||||
color: white; } |
||||
|
||||
.btn-stumbleupon { |
||||
background-color: transparent; |
||||
border-color: #eb4924; |
||||
color: #eb4924; } |
||||
.btn-stumbleupon:hover { |
||||
background-color: #eb4924; |
||||
color: white; } |
||||
|
||||
.btn-gmail { |
||||
background-color: transparent; |
||||
border-color: #db4038; |
||||
color: #db4038; } |
||||
.btn-gmail:hover { |
||||
background-color: #db4038; |
||||
color: white; } |
||||
|
||||
.btn-google { |
||||
background-color: transparent; |
||||
border-color: #4e6cf7; |
||||
color: #4e6cf7; } |
||||
.btn-google:hover { |
||||
background-color: #4e6cf7; |
||||
color: white; } |
||||
|
||||
.btn-evernote { |
||||
background-color: transparent; |
||||
border-color: #6bb130; |
||||
color: #6bb130; } |
||||
.btn-evernote:hover { |
||||
background-color: #6bb130; |
||||
color: white; } |
||||
|
||||
.btn-grooveshark { |
||||
background-color: transparent; |
||||
border-color: #e97a2f; |
||||
color: #e97a2f; } |
||||
.btn-grooveshark:hover { |
||||
background-color: #e97a2f; |
||||
color: white; } |
||||
|
||||
.btn-instapaper { |
||||
background-color: transparent; |
||||
border-color: #222222; |
||||
color: #222222; } |
||||
.btn-instapaper:hover { |
||||
background-color: #222222; |
||||
color: white; } |
||||
|
||||
.btn-itunes { |
||||
background-color: transparent; |
||||
border-color: #525152; |
||||
color: #525152; } |
||||
.btn-itunes:hover { |
||||
background-color: #525152; |
||||
color: white; } |
||||
|
||||
.btn-opentable { |
||||
background-color: transparent; |
||||
border-color: #990000; |
||||
color: #990000; } |
||||
.btn-opentable:hover { |
||||
background-color: #990000; |
||||
color: white; } |
||||
|
||||
.btn-logmein { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-logmein:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-ninetyninedesigns { |
||||
background-color: transparent; |
||||
border-color: #072243; |
||||
color: #072243; } |
||||
.btn-ninetyninedesigns:hover { |
||||
background-color: #072243; |
||||
color: white; } |
||||
|
||||
.btn-paypal { |
||||
background-color: transparent; |
||||
border-color: #32689a; |
||||
color: #32689a; } |
||||
.btn-paypal:hover { |
||||
background-color: #32689a; |
||||
color: white; } |
||||
|
||||
.btn-pocket { |
||||
background-color: transparent; |
||||
border-color: #de5a5f; |
||||
color: #de5a5f; } |
||||
.btn-pocket:hover { |
||||
background-color: #de5a5f; |
||||
color: white; } |
||||
|
||||
.btn-scribd { |
||||
background-color: transparent; |
||||
border-color: #231c1a; |
||||
color: #231c1a; } |
||||
.btn-scribd:hover { |
||||
background-color: #231c1a; |
||||
color: white; } |
||||
|
||||
.btn-spotify { |
||||
background-color: transparent; |
||||
border-color: #60af00; |
||||
color: #60af00; } |
||||
.btn-spotify:hover { |
||||
background-color: #60af00; |
||||
color: white; } |
||||
|
||||
.btn-statusnet { |
||||
background-color: transparent; |
||||
border-color: #829d25; |
||||
color: #829d25; } |
||||
.btn-statusnet:hover { |
||||
background-color: #829d25; |
||||
color: white; } |
||||
|
||||
.btn-stripe { |
||||
background-color: transparent; |
||||
border-color: #2f7ed6; |
||||
color: #2f7ed6; } |
||||
.btn-stripe:hover { |
||||
background-color: #2f7ed6; |
||||
color: white; } |
||||
|
||||
.btn-yahoo { |
||||
background-color: transparent; |
||||
border-color: #a200c2; |
||||
color: #a200c2; } |
||||
.btn-yahoo:hover { |
||||
background-color: #a200c2; |
||||
color: white; } |
||||
|
||||
.btn-yelp { |
||||
background-color: transparent; |
||||
border-color: #e60010; |
||||
color: #e60010; } |
||||
.btn-yelp:hover { |
||||
background-color: #e60010; |
||||
color: white; } |
||||
|
||||
.btn-wikipedia { |
||||
background-color: transparent; |
||||
border-color: #111111; |
||||
color: #111111; } |
||||
.btn-wikipedia:hover { |
||||
background-color: #111111; |
||||
color: white; } |
||||
|
||||
.btn-wordpress { |
||||
background-color: transparent; |
||||
border-color: #464646; |
||||
color: #464646; } |
||||
.btn-wordpress:hover { |
||||
background-color: #464646; |
||||
color: white; } |
||||
|
||||
.btn-ycombinator { |
||||
background-color: transparent; |
||||
border-color: #ff6600; |
||||
color: #ff6600; } |
||||
.btn-ycombinator:hover { |
||||
background-color: #ff6600; |
||||
color: white; } |
||||
|
||||
.btn-bitcoin { |
||||
background-color: transparent; |
||||
border-color: #eb9737; |
||||
color: #eb9737; } |
||||
.btn-bitcoin:hover { |
||||
background-color: #eb9737; |
||||
color: white; } |
||||
|
||||
.btn-cloudapp { |
||||
background-color: transparent; |
||||
border-color: #312c2a; |
||||
color: #312c2a; } |
||||
.btn-cloudapp:hover { |
||||
background-color: #312c2a; |
||||
color: white; } |
||||
|
||||
.btn-creativecommons { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-creativecommons:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-dropbox { |
||||
background-color: transparent; |
||||
border-color: #007ee5; |
||||
color: #007ee5; } |
||||
.btn-dropbox:hover { |
||||
background-color: #007ee5; |
||||
color: white; } |
||||
|
||||
.btn-html5 { |
||||
background-color: transparent; |
||||
border-color: #ff3617; |
||||
color: #ff3617; } |
||||
.btn-html5:hover { |
||||
background-color: #ff3617; |
||||
color: white; } |
||||
|
||||
.btn-ie { |
||||
background-color: transparent; |
||||
border-color: #00a1d9; |
||||
color: #00a1d9; } |
||||
.btn-ie:hover { |
||||
background-color: #00a1d9; |
||||
color: white; } |
||||
|
||||
.btn-podcast { |
||||
background-color: transparent; |
||||
border-color: #9365ce; |
||||
color: #9365ce; } |
||||
.btn-podcast:hover { |
||||
background-color: #9365ce; |
||||
color: white; } |
||||
|
||||
.btn-rss { |
||||
background-color: transparent; |
||||
border-color: #ff7f25; |
||||
color: #ff7f25; } |
||||
.btn-rss:hover { |
||||
background-color: #ff7f25; |
||||
color: white; } |
||||
|
||||
.btn-skype { |
||||
background-color: transparent; |
||||
border-color: #00a2ed; |
||||
color: #00a2ed; } |
||||
.btn-skype:hover { |
||||
background-color: #00a2ed; |
||||
color: white; } |
||||
|
||||
.btn-steam { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-steam:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-windows { |
||||
background-color: transparent; |
||||
border-color: #48bbef; |
||||
color: #48bbef; } |
||||
.btn-windows:hover { |
||||
background-color: #48bbef; |
||||
color: white; } |
||||
|
||||
.btn-android { |
||||
background-color: transparent; |
||||
border-color: #a4c639; |
||||
color: #a4c639; } |
||||
.btn-android:hover { |
||||
background-color: #a4c639; |
||||
color: white; } |
||||
|
||||
.btn-appstore { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-appstore:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-googleplay { |
||||
background-color: transparent; |
||||
border-color: #b9c13e; |
||||
color: #b9c13e; } |
||||
.btn-googleplay:hover { |
||||
background-color: #b9c13e; |
||||
color: white; } |
||||
|
||||
.btn-macstore { |
||||
background-color: transparent; |
||||
border-color: #007dcb; |
||||
color: #007dcb; } |
||||
.btn-macstore:hover { |
||||
background-color: #007dcb; |
||||
color: white; } |
||||
|
||||
.btn-appnet { |
||||
background-color: transparent; |
||||
border-color: #3178bd; |
||||
color: #3178bd; } |
||||
.btn-appnet:hover { |
||||
background-color: #3178bd; |
||||
color: white; } |
||||
|
||||
.btn-blogger { |
||||
background-color: transparent; |
||||
border-color: #ee5a22; |
||||
color: #ee5a22; } |
||||
.btn-blogger:hover { |
||||
background-color: #ee5a22; |
||||
color: white; } |
||||
|
||||
.btn-bitbucket { |
||||
background-color: transparent; |
||||
border-color: #205081; |
||||
color: #205081; } |
||||
.btn-bitbucket:hover { |
||||
background-color: #205081; |
||||
color: white; } |
||||
|
||||
.btn-dribbble { |
||||
background-color: transparent; |
||||
border-color: #ea4c89; |
||||
color: #ea4c89; } |
||||
.btn-dribbble:hover { |
||||
background-color: #ea4c89; |
||||
color: white; } |
||||
|
||||
.btn-facebook { |
||||
background-color: transparent; |
||||
border-color: #4863ae; |
||||
color: #4863ae; } |
||||
.btn-facebook:hover { |
||||
background-color: #4863ae; |
||||
color: white; } |
||||
|
||||
.btn-flattr { |
||||
background-color: transparent; |
||||
border-color: #8aba42; |
||||
color: #8aba42; } |
||||
.btn-flattr:hover { |
||||
background-color: #8aba42; |
||||
color: white; } |
||||
|
||||
.btn-flickr { |
||||
background-color: transparent; |
||||
border-color: #ff0084; |
||||
color: #ff0084; } |
||||
.btn-flickr:hover { |
||||
background-color: #ff0084; |
||||
color: white; } |
||||
|
||||
.btn-foursquare { |
||||
background-color: transparent; |
||||
border-color: #0072b1; |
||||
color: #0072b1; } |
||||
.btn-foursquare:hover { |
||||
background-color: #0072b1; |
||||
color: white; } |
||||
|
||||
.btn-github { |
||||
background-color: transparent; |
||||
border-color: #171515; |
||||
color: #171515; } |
||||
.btn-github:hover { |
||||
background-color: #171515; |
||||
color: white; } |
||||
|
||||
.btn-googleplus { |
||||
background-color: transparent; |
||||
border-color: #dd4a38; |
||||
color: #dd4a38; } |
||||
.btn-googleplus:hover { |
||||
background-color: #dd4a38; |
||||
color: white; } |
||||
|
||||
.btn-gowalla { |
||||
background-color: transparent; |
||||
border-color: #ff720a; |
||||
color: #ff720a; } |
||||
.btn-gowalla:hover { |
||||
background-color: #ff720a; |
||||
color: white; } |
||||
|
||||
.btn-instagram { |
||||
background-color: transparent; |
||||
border-color: #3f729b; |
||||
color: #3f729b; } |
||||
.btn-instagram:hover { |
||||
background-color: #3f729b; |
||||
color: white; } |
||||
|
||||
.btn-klout { |
||||
background-color: transparent; |
||||
border-color: #e34a25; |
||||
color: #e34a25; } |
||||
.btn-klout:hover { |
||||
background-color: #e34a25; |
||||
color: white; } |
||||
|
||||
.btn-lastfm { |
||||
background-color: transparent; |
||||
border-color: #dc1a23; |
||||
color: #dc1a23; } |
||||
.btn-lastfm:hover { |
||||
background-color: #dc1a23; |
||||
color: white; } |
||||
|
||||
.btn-linkedin { |
||||
background-color: transparent; |
||||
border-color: #0083a8; |
||||
color: #0083a8; } |
||||
.btn-linkedin:hover { |
||||
background-color: #0083a8; |
||||
color: white; } |
||||
|
||||
.btn-meetup { |
||||
background-color: transparent; |
||||
border-color: #ff0026; |
||||
color: #ff0026; } |
||||
.btn-meetup:hover { |
||||
background-color: #ff0026; |
||||
color: white; } |
||||
|
||||
.btn-myspace { |
||||
background-color: transparent; |
||||
border-color: #000000; |
||||
color: #000000; } |
||||
.btn-myspace:hover { |
||||
background-color: #000000; |
||||
color: white; } |
||||
|
||||
.btn-pinterest { |
||||
background-color: transparent; |
||||
border-color: #c91618; |
||||
color: #c91618; } |
||||
.btn-pinterest:hover { |
||||
background-color: #c91618; |
||||
color: white; } |
||||
|
||||
.btn-quora { |
||||
background-color: transparent; |
||||
border-color: #a82400; |
||||
color: #a82400; } |
||||
.btn-quora:hover { |
||||
background-color: #a82400; |
||||
color: white; } |
||||
|
||||
.btn-reddit { |
||||
background-color: transparent; |
||||
border-color: #ff5700; |
||||
color: #ff5700; } |
||||
.btn-reddit:hover { |
||||
background-color: #ff5700; |
||||
color: white; } |
||||
|
||||
.btn-plurk { |
||||
background-color: transparent; |
||||
border-color: #cf682f; |
||||
color: #cf682f; } |
||||
.btn-plurk:hover { |
||||
background-color: #cf682f; |
||||
color: white; } |
||||
|
||||
.btn-smashing { |
||||
background-color: transparent; |
||||
border-color: #ff4f27; |
||||
color: #ff4f27; } |
||||
.btn-smashing:hover { |
||||
background-color: #ff4f27; |
||||
color: white; } |
||||
|
||||
.btn-soundcloud { |
||||
background-color: transparent; |
||||
border-color: #ff4500; |
||||
color: #ff4500; } |
||||
.btn-soundcloud:hover { |
||||
background-color: #ff4500; |
||||
color: white; } |
||||
|
||||
.btn-stackoverflow { |
||||
background-color: transparent; |
||||
border-color: #f18436; |
||||
color: #f18436; } |
||||
.btn-stackoverflow:hover { |
||||
background-color: #f18436; |
||||
color: white; } |
||||
|
||||
.btn-tumblr { |
||||
background-color: transparent; |
||||
border-color: #374a61; |
||||
color: #374a61; } |
||||
.btn-tumblr:hover { |
||||
background-color: #374a61; |
||||
color: white; } |
||||
|
||||
.btn-twitter { |
||||
background-color: transparent; |
||||
border-color: #46c0fb; |
||||
color: #46c0fb; } |
||||
.btn-twitter:hover { |
||||
background-color: #46c0fb; |
||||
color: white; } |
||||
|
||||
.btn-viadeo { |
||||
background-color: transparent; |
||||
border-color: #e7732e; |
||||
color: #e7732e; } |
||||
.btn-viadeo:hover { |
||||
background-color: #e7732e; |
||||
color: white; } |
||||
|
||||
.btn-vimeo { |
||||
background-color: transparent; |
||||
border-color: #00a2cd; |
||||
color: #00a2cd; } |
||||
.btn-vimeo:hover { |
||||
background-color: #00a2cd; |
||||
color: white; } |
||||
|
||||
.btn-vk { |
||||
background-color: transparent; |
||||
border-color: #45688e; |
||||
color: #45688e; } |
||||
.btn-vk:hover { |
||||
background-color: #45688e; |
||||
color: white; } |
||||
|
||||
.btn-weibo { |
||||
background-color: transparent; |
||||
border-color: #d7584d; |
||||
color: #d7584d; } |
||||
.btn-weibo:hover { |
||||
background-color: #d7584d; |
||||
color: white; } |
||||
|
||||
.btn-xing { |
||||
background-color: transparent; |
||||
border-color: #0a5d5e; |
||||
color: #0a5d5e; } |
||||
.btn-xing:hover { |
||||
background-color: #0a5d5e; |
||||
color: white; } |
||||
|
||||
.btn-youtube { |
||||
background-color: transparent; |
||||
border-color: #ff0000; |
||||
color: #ff0000; } |
||||
.btn-youtube:hover { |
||||
background-color: #ff0000; |
||||
color: white; } |
||||
|
||||
.btn-csgo { |
||||
background-color: transparent; |
||||
border-color: #b67300; |
||||
color: #b67300; } |
||||
.btn-csgo:hover { |
||||
background-color: #b67300; |
||||
color: white; } |
||||
|
||||
.btn-dota2 { |
||||
background-color: transparent; |
||||
border-color: #c33d2b; |
||||
color: #c33d2b; } |
||||
.btn-dota2:hover { |
||||
background-color: #c33d2b; |
||||
color: white; } |
||||
|
||||
.btn-gm { |
||||
background-color: transparent; |
||||
border-color: #1194f0; |
||||
color: #1194f0; } |
||||
.btn-gm:hover { |
||||
background-color: #1194f0; |
||||
color: white; } |
||||
|
||||
.btn-lol { |
||||
background-color: transparent; |
||||
border-color: #d79922; |
||||
color: #d79922; } |
||||
.btn-lol:hover { |
||||
background-color: #d79922; |
||||
color: white; } |
||||
|
||||
.btn-minecraft { |
||||
background-color: transparent; |
||||
border-color: #94c864; |
||||
color: #94c864; } |
||||
.btn-minecraft:hover { |
||||
background-color: #94c864; |
||||
color: white; } |
||||
|
||||
.btn-tf2 { |
||||
background-color: transparent; |
||||
border-color: #b35215; |
||||
color: #b35215; } |
||||
.btn-tf2:hover { |
||||
background-color: #b35215; |
||||
color: white; } |
||||
|
||||
.btn-quake { |
||||
background-color: transparent; |
||||
border-color: #cd1800; |
||||
color: #cd1800; } |
||||
.btn-quake:hover { |
||||
background-color: #cd1800; |
||||
color: white; } |
||||
|
||||
.btn-wot { |
||||
background-color: transparent; |
||||
border-color: #ff4005; |
||||
color: #ff4005; } |
||||
.btn-wot:hover { |
||||
background-color: #ff4005; |
||||
color: white; } |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,75 +0,0 @@ |
||||
/*Import custom_hover_effect.css*/ |
||||
@import url(hover.css); |
||||
|
||||
.link-effects .tag-box a { |
||||
margin: 0 10px 10px 0; |
||||
} |
||||
|
||||
.link-effects .tag-box h2.heading-sm { |
||||
font-size: 18px; |
||||
line-height: 26px; |
||||
} |
||||
|
||||
/*custom_hover_effect*/ |
||||
.link-effects .button { |
||||
margin: 10px; |
||||
padding: 10px; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.link-effects a.button:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.link-effects .border-fade, |
||||
.link-effects .hollow, |
||||
.link-effects .trim, |
||||
.link-effects .outline-outward, |
||||
.link-effects .outline-inward, |
||||
.link-effects .round-corners { |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.link-effects .hollow:hover { |
||||
background: #fff !important; |
||||
color: #555 !important; |
||||
} |
||||
|
||||
.link-effects .round-corners:hover { |
||||
border-radius: 1em !important; |
||||
} |
||||
|
||||
.bubble-float-top, |
||||
.bubble-float-right, |
||||
.bubble-float-left, |
||||
.bubble-float-bottom { |
||||
transform: inherit; |
||||
} |
||||
|
||||
.bubble-float-top, |
||||
.bubble-float-right, |
||||
.bubble-float-left, |
||||
.bubble-float-bottom:hover { |
||||
color: #555 !important; |
||||
} |
||||
|
||||
.link-effects .curl-top-left:before { |
||||
background: -webkit-linear-gradient(315deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(135deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); |
||||
} |
||||
|
||||
.link-effects .curl-top-right:before { |
||||
background: -webkit-linear-gradient(225deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(225deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
} |
||||
|
||||
.link-effects .curl-bottom-right:before { |
||||
background: -webkit-linear-gradient(135deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(315deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
} |
||||
|
||||
.link-effects .curl-bottom-left:before { |
||||
background: -webkit-linear-gradient(45deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
background: linear-gradient(45deg, white 45%, #eee 50%, #eee 56%, white 80%); |
||||
} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -1,9 +0,0 @@ |
||||
// Default styles for the demo buttons |
||||
@mixin button { |
||||
margin: .4em; |
||||
padding: 1em; |
||||
cursor: pointer; |
||||
background: $primaryColour; |
||||
text-decoration: none; |
||||
color: $secondaryColour; |
||||
} |
||||
@ -1,24 +0,0 @@ |
||||
// As is often the case, some devices/browsers need additional code to get CSS to work |
||||
// in the most desired way. These mixins are used to quickly drop in hacks for each element |
||||
// Find out more here: https://github.com/IanLunn/Hover/wiki/Hacks-Explained |
||||
|
||||
@mixin hideTapHighlightColor() { |
||||
//Prevent highlight colour when element is tapped |
||||
-webkit-tap-highlight-color: rgba(0,0,0,0); |
||||
} |
||||
|
||||
@mixin hardwareAccel() { |
||||
//Improve performance on mobile/tablet devices |
||||
transform: translateZ(0); |
||||
} |
||||
|
||||
@mixin improveAntiAlias() { |
||||
//Improve aliasing on mobile/tablet devices |
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0); |
||||
} |
||||
|
||||
@mixin hacks() { |
||||
@include hideTapHighlightColor(); |
||||
@include hardwareAccel(); |
||||
@include improveAntiAlias(); |
||||
} |
||||
@ -1,20 +0,0 @@ |
||||
// DEFAULT OPTIONS |
||||
$defaultDuration: .3s; |
||||
$primaryColour: #e1e1e1; |
||||
$secondaryColour: #666; |
||||
$shadowColour: rgba(0, 0, 0, .6); |
||||
|
||||
//Speech bubbles options |
||||
$tipWidth: 10px; //the width of the speech bubble tip |
||||
$tipHeight: 10px; //the height of the speech bubble tip |
||||
$tipColour: $primaryColour; |
||||
|
||||
// Curl dimensions |
||||
$curlWidth: 25px; |
||||
$curlHeight: 25px; |
||||
|
||||
// Curl colours |
||||
$revealAreaColour: white; // reveal area behind the curl |
||||
$curlLineColour: #aaa; // crease line |
||||
$curlTransitionColour: #ccc; // colour transitioning from crease line to final colour |
||||
$curlLastColour: white; // final colour of the back of the curl |
||||
@ -1,20 +0,0 @@ |
||||
/* Border Fade */ |
||||
@mixin border-fade { |
||||
display: inline-block; |
||||
$borderWidth: 4px; |
||||
|
||||
transition-duration: $defaultDuration; |
||||
transition-property: box-shadow; |
||||
|
||||
@include hideTapHighlightColor(); |
||||
@include hardwareAccel(); |
||||
box-shadow: |
||||
inset 0 0 0 $borderWidth $primaryColour, |
||||
0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ |
||||
|
||||
&:hover { |
||||
box-shadow: |
||||
inset 0 0 0 $borderWidth $secondaryColour, |
||||
0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ |
||||
} |
||||
} |
||||
@ -1,17 +0,0 @@ |
||||
/* Box Shadow Inset */ |
||||
@mixin box-shadow-inset { |
||||
display: inline-block; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: box-shadow; |
||||
|
||||
box-shadow: inset 0 0 0 $shadowColour, |
||||
0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ |
||||
|
||||
@include hideTapHighlightColor(); |
||||
@include hardwareAccel(); |
||||
|
||||
&:hover { |
||||
box-shadow: inset 2px 2px 2px $shadowColour, |
||||
0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ |
||||
} |
||||
} |
||||
@ -1,12 +0,0 @@ |
||||
/* Box Shadow Outset */ |
||||
@mixin box-shadow-outset { |
||||
display: inline-block; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: box-shadow; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:hover { |
||||
box-shadow: 2px 2px 2px $shadowColour; |
||||
} |
||||
} |
||||
@ -1,25 +0,0 @@ |
||||
/* Bubble Bottom */ |
||||
@mixin bubble-bottom { |
||||
display: inline-block; |
||||
position: relative; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:before { |
||||
pointer-events: none; |
||||
position: absolute; |
||||
z-index: -1; |
||||
content: ''; |
||||
border-style: solid; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: bottom; |
||||
left: calc(50% - #{$tipWidth}); |
||||
bottom: 0; |
||||
border-width: $tipHeight $tipWidth 0 $tipWidth; |
||||
border-color: $tipColour transparent transparent transparent; |
||||
} |
||||
|
||||
&:hover:before { |
||||
bottom: -($tipHeight); |
||||
} |
||||
} |
||||
@ -1,31 +0,0 @@ |
||||
/* Bubble Float Bottom */ |
||||
@mixin bubble-float-bottom { |
||||
display: inline-block; |
||||
position: relative; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: transform; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:before { |
||||
pointer-events: none; |
||||
position: absolute; |
||||
z-index: -1; |
||||
content: ''; |
||||
left: calc(50% - #{$tipWidth}); |
||||
bottom: 0; |
||||
border-style: solid; |
||||
border-width: $tipHeight $tipWidth 0 $tipWidth; |
||||
border-color: $tipColour transparent transparent transparent; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: bottom; |
||||
} |
||||
|
||||
&:hover { |
||||
transform: translateY(-5px) translateZ(0); |
||||
} |
||||
|
||||
&:hover:before { |
||||
bottom: -($tipHeight); |
||||
} |
||||
} |
||||
@ -1,31 +0,0 @@ |
||||
/* Bubble Float Left */ |
||||
@mixin bubble-float-left { |
||||
display: inline-block; |
||||
position: relative; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: transform; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:before { |
||||
pointer-events: none; |
||||
position: absolute; |
||||
z-index: -1; |
||||
content: ''; |
||||
top: calc(50% - #{$tipHeight}); |
||||
left: 0; |
||||
border-style: solid; |
||||
border-width: $tipHeight $tipWidth $tipHeight 0; |
||||
border-color: transparent $tipColour transparent transparent; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: left; |
||||
} |
||||
|
||||
&:hover { |
||||
transform: translateX(5px); |
||||
} |
||||
|
||||
&:hover:before { |
||||
left: -($tipWidth); |
||||
} |
||||
} |
||||
@ -1,31 +0,0 @@ |
||||
/* Bubble Float Right */ |
||||
@mixin bubble-float-right { |
||||
display: inline-block; |
||||
position: relative; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: transform; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:before { |
||||
pointer-events: none; |
||||
position: absolute; |
||||
z-index: -1; |
||||
top: calc(50% - #{$tipHeight}); |
||||
right: 0; |
||||
content: ''; |
||||
border-style: solid; |
||||
border-width: $tipHeight 0 $tipHeight $tipWidth; |
||||
border-color: transparent transparent transparent $tipColour; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: right; |
||||
} |
||||
|
||||
&:hover { |
||||
transform: translateX(-5px); |
||||
} |
||||
|
||||
&:hover:before { |
||||
right: -($tipWidth); |
||||
} |
||||
} |
||||
@ -1,32 +0,0 @@ |
||||
/* Bubble Float Top */ |
||||
@mixin bubble-float-top { |
||||
display: inline-block; |
||||
position: relative; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: transform; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:before { |
||||
pointer-events: none; |
||||
position: absolute; |
||||
z-index: -1; |
||||
content: ''; |
||||
left: calc(50% - #{$tipWidth}); |
||||
top: 0; |
||||
border-style: solid; |
||||
border-width: 0 $tipWidth $tipHeight $tipWidth; |
||||
border-color: transparent transparent $tipColour transparent; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: top; |
||||
} |
||||
|
||||
|
||||
&:hover { |
||||
transform: translateY(5px) translateZ(0); |
||||
} |
||||
|
||||
&:hover:before { |
||||
top: -($tipHeight); |
||||
} |
||||
} |
||||
@ -1,25 +0,0 @@ |
||||
/* Bubble Left */ |
||||
@mixin bubble-left { |
||||
display: inline-block; |
||||
position: relative; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:before { |
||||
pointer-events: none; |
||||
position: absolute; |
||||
z-index: -1; |
||||
content: ''; |
||||
border-style: solid; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: left; |
||||
top: calc(50% - #{$tipHeight}); |
||||
left: 0; |
||||
border-width: $tipHeight $tipWidth $tipHeight 0; |
||||
border-color: transparent $tipColour transparent transparent; |
||||
} |
||||
|
||||
&:hover:before { |
||||
left: -($tipWidth); |
||||
} |
||||
} |
||||
@ -1,25 +0,0 @@ |
||||
/* Bubble Right */ |
||||
@mixin bubble-right { |
||||
display: inline-block; |
||||
position: relative; |
||||
|
||||
@include hacks(); |
||||
|
||||
&:before { |
||||
pointer-events: none; |
||||
position: absolute; |
||||
z-index: -1; |
||||
content: ''; |
||||
border-style: solid; |
||||
transition-duration: $defaultDuration; |
||||
transition-property: right; |
||||
top: calc(50% - #{$tipHeight}); |
||||
right: 0; |
||||
border-width: $tipHeight 0 $tipHeight $tipWidth; |
||||
border-color: transparent transparent transparent $tipColour ; |
||||
} |
||||
|
||||
&:hover:before { |
||||
right: -($tipWidth); |
||||
} |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue