first commit
This commit is contained in:
Vendored
+3285
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,346 @@
|
||||
/*loader */
|
||||
.cssload-inner.cssload-one {
|
||||
|
||||
border-bottom: 3px solid rgb(0, 140, 186);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-two {
|
||||
border-right: 3px solid rgba(0, 140, 186,0.96);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-three {
|
||||
border-top: 3px solid rgb(0, 140, 186);
|
||||
}
|
||||
|
||||
/* header coloring start*/
|
||||
|
||||
.side-menu-button {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
top: 23px;
|
||||
}
|
||||
|
||||
.shrink .side-menu-button {
|
||||
background: #008cba;
|
||||
}
|
||||
.shrink .side-menu-button:hover{
|
||||
background: #1b1b1b;
|
||||
}
|
||||
.side-menu-button.actives,
|
||||
.side-menu-button.actives:hover
|
||||
{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.side-menu-button.actives .fa {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.sidenav ul >li.active a {
|
||||
color: #008cba;
|
||||
}
|
||||
.navbar .navbar-nav >li a{
|
||||
color: #FFFFFF;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.navbar.shrink .navbar-nav >li a{
|
||||
color: #1b1b1b;
|
||||
}
|
||||
.navbar .navbar-nav >li:hover a {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>.active>a,
|
||||
.navbar-default .navbar-nav>.active>a:focus,
|
||||
.navbar-default .navbar-nav>.active>a:hover {
|
||||
background: #008cba;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>.active>a,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:focus,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:hover {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
}
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* header coloring end */
|
||||
|
||||
|
||||
/* slider cover coloring start */
|
||||
.tparrows{
|
||||
display: none;
|
||||
}
|
||||
#slider1 h2{
|
||||
color:#fff ;
|
||||
}
|
||||
#slider1 h2.red {
|
||||
color: #fff;
|
||||
}
|
||||
#slider1 .slider-button{
|
||||
background: #FFFFFF;
|
||||
color: #1b1b1b;
|
||||
|
||||
}
|
||||
#slider1 .slider-button.red {
|
||||
background: #008cba;
|
||||
color: #FFFFFF;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#slider1 .slider-button:before{
|
||||
background: rgba(27,27,27,.9);
|
||||
|
||||
}
|
||||
#slider1 .slider-button.red:before{
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
#slider1 .slider-button:hover,
|
||||
#slider1 .slider-button:focus,
|
||||
#slider1 .slider-button:active {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* slider cover coloring end */
|
||||
|
||||
|
||||
/* what we do coloring start */
|
||||
|
||||
#what-we-do .what-we-do-features h3 >span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* what we do coloring end */
|
||||
|
||||
|
||||
/* counters coloring start */
|
||||
#counters .outer-circle:hover{
|
||||
border-color: #008cba;
|
||||
}
|
||||
#counters .outer-circle:hover .icons {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* counters coloring end */
|
||||
|
||||
|
||||
/* our team coloring start */
|
||||
|
||||
#our-team .hovereffect .overlay {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.progress-bar-custom {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#our-team .our-team-social > li >a >i.fa:hover,
|
||||
#our-team .our-team-social > li >a >i.fa:active {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* our team coloring end */
|
||||
|
||||
|
||||
/* company history coloring start */
|
||||
|
||||
.timeline > li:hover .timeline-panel {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-panel:after {
|
||||
border-top-color: transparent;
|
||||
border-left-color: #008cba;
|
||||
border-right-color: #008cba;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-badge > a {
|
||||
color: #008cba !important;
|
||||
}
|
||||
|
||||
|
||||
/* company history coloring end */
|
||||
|
||||
|
||||
/* portfolio coloring start */
|
||||
|
||||
#portfolio #owl-demo .hovereffect .overlay {
|
||||
background: rgba(0, 140, 186, 0.8);
|
||||
}
|
||||
|
||||
.price.price-selected,
|
||||
.price:hover {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.price.price-selected::before,
|
||||
.price:hover::before {
|
||||
border-bottom: 65px solid #008cba;
|
||||
}
|
||||
|
||||
.price:hover .header,
|
||||
.price.price-selected .header {
|
||||
border: 1px solid #008cba;
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#happy-clients .owl-controls .owl-page.active span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* portfolio coloring end */
|
||||
|
||||
|
||||
/* Happy Clients coloring start */
|
||||
|
||||
#happy-clients h5 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* Happy Clients coloring end */
|
||||
|
||||
|
||||
/* blog coloring start */
|
||||
|
||||
#blog-slider .blog-img {
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
#blog-slider .item:hover h3,
|
||||
#blog-slider .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .item:hover p:last-child {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#blog-slider .blog-img i,
|
||||
#blog-slider .owl-controls .owl-page.active span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#blog-text h2,
|
||||
#blog-text p span {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#blog-text #blog-text-slider .owl-controls .owl-page.active span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* blog page colring */
|
||||
|
||||
#area-main ul.blog-author li a:hover,
|
||||
#area-main ul.blog-author li a:focus,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-right,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-right,
|
||||
ul.category li a:hover,
|
||||
ul.category li a:focus {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
ul.category li a .date {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#area-main .tag-cloud li a:hover,
|
||||
#area-main .tag-cloud li a:focus,
|
||||
.blog-reply a.btn-rep:hover,
|
||||
.blog-reply a.btn-rep:focus {
|
||||
background: #008cba;
|
||||
}
|
||||
#area-main .buttons,
|
||||
.social-link li a:hover{
|
||||
background: #008cba;
|
||||
border-color:#008cba;
|
||||
}
|
||||
.blog-item blockquote{
|
||||
color: #008cba;
|
||||
}
|
||||
/* blog coloring end */
|
||||
|
||||
|
||||
/*contact us coloring start */
|
||||
|
||||
form .buttons {
|
||||
border-color: #008cba;
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
form .buttons:hover,
|
||||
form .buttons:active {
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
form .buttons:before {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.address-details:hover h2,
|
||||
.address-details:hover p {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
/* map marker color */
|
||||
.pin {
|
||||
background: #008cba;
|
||||
}
|
||||
.pulse:after{
|
||||
box-shadow: 0 0 1px 2px #008cba;
|
||||
}
|
||||
/*contact us coloring end */
|
||||
|
||||
|
||||
/* footer coloring start */
|
||||
|
||||
footer {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
footer ul >li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* footer coloring end */
|
||||
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
|
||||
.side-menu-button{
|
||||
top: 13px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* green color */
|
||||
|
||||
@@ -0,0 +1,382 @@
|
||||
/*loader */
|
||||
.cssload-inner.cssload-one {
|
||||
|
||||
border-bottom: 3px solid rgb(0, 140, 186);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-two {
|
||||
border-right: 3px solid rgba(0, 140, 186,0.96);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-three {
|
||||
border-top: 3px solid rgb(0, 140, 186);
|
||||
}
|
||||
|
||||
/* header coloring start*/
|
||||
|
||||
.side-menu-button {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
top: 23px;
|
||||
}
|
||||
|
||||
.shrink .side-menu-button {
|
||||
background: #008cba;
|
||||
}
|
||||
.shrink .side-menu-button:hover{
|
||||
background: #1b1b1b;
|
||||
}
|
||||
.side-menu-button.actives,
|
||||
.side-menu-button.actives:hover
|
||||
{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.side-menu-button.actives .fa {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.sidenav ul >li.active a {
|
||||
color: #008cba;
|
||||
}
|
||||
.navbar .navbar-nav >li a{
|
||||
color: #FFFFFF;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.navbar .navbar-nav >li a:focus {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.navbar.shrink .navbar-nav >li a{
|
||||
color: #1b1b1b;
|
||||
}
|
||||
.navbar .navbar-nav >li:hover a {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>.active>a,
|
||||
.navbar-default .navbar-nav>.active>a:focus,
|
||||
.navbar-default .navbar-nav>.active>a:hover {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>.active>a,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:focus,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:hover {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
}
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#what-we-do .what-we-do-features h3, h2, h3, .timeline-heading h4 {
|
||||
font-weight: 200;
|
||||
}
|
||||
.timeline-body p {
|
||||
font-size: 14px;
|
||||
font-weight:200;
|
||||
}
|
||||
|
||||
#counters {
|
||||
background: url(../images/counters-bg.jpg) no-repeat fixed center;
|
||||
}
|
||||
|
||||
|
||||
hr {
|
||||
width: 96px;
|
||||
border: 1px solid #454545;
|
||||
margin: 0 auto 30px;
|
||||
border-bottom: 0px;
|
||||
height:0px;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.price .grey {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.price .header{
|
||||
font-weight: 200!important;
|
||||
}
|
||||
|
||||
/* header coloring end */
|
||||
|
||||
|
||||
/* slider cover coloring start */
|
||||
#slider1 h2{
|
||||
color:#fff ;
|
||||
font-weight:100;
|
||||
font-size:48px;
|
||||
}
|
||||
#slider1 h2.red {
|
||||
color: #fff;
|
||||
font-weight:300;
|
||||
}
|
||||
#slider1 .slider-button{
|
||||
background: #FFFFFF;
|
||||
color: #1b1b1b;
|
||||
|
||||
}
|
||||
#slider1 .slider-button.red {
|
||||
background: #008cba;
|
||||
color: #FFFFFF;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#slider1 .slider-button:before{
|
||||
background: rgba(27,27,27,.9);
|
||||
|
||||
}
|
||||
#slider1 .slider-button.red:before{
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
#slider1 .slider-button:hover,
|
||||
#slider1 .slider-button:focus,
|
||||
#slider1 .slider-button:active {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* slider cover coloring end */
|
||||
|
||||
|
||||
/* what we do coloring start */
|
||||
|
||||
#what-we-do .what-we-do-features h3 >span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* what we do coloring end */
|
||||
|
||||
|
||||
/* counters coloring start */
|
||||
#counters .outer-circle:hover{
|
||||
border-color: #008cba;
|
||||
}
|
||||
#counters .outer-circle:hover .icons {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* counters coloring end */
|
||||
|
||||
|
||||
/* our team coloring start */
|
||||
|
||||
#our-team .hovereffect .overlay {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.progress-bar-custom {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#our-team .our-team-social > li >a >i.fa:hover,
|
||||
#our-team .our-team-social > li >a >i.fa:active {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* our team coloring end */
|
||||
|
||||
|
||||
/* company history coloring start */
|
||||
|
||||
.timeline > li:hover .timeline-panel {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-panel:after {
|
||||
border-top-color: transparent;
|
||||
border-left-color: #008cba;
|
||||
border-right-color: #008cba;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-badge > a {
|
||||
color: #008cba !important;
|
||||
}
|
||||
|
||||
|
||||
/* company history coloring end */
|
||||
|
||||
|
||||
/* portfolio coloring start */
|
||||
|
||||
#portfolio #owl-demo .hovereffect .overlay {
|
||||
background: rgba(0, 140, 186, 0.8);
|
||||
}
|
||||
|
||||
.price.price-selected,
|
||||
.price:hover {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.price.price-selected::before,
|
||||
.price:hover::before {
|
||||
border-bottom: 65px solid #008cba;
|
||||
}
|
||||
|
||||
.price:hover .header,
|
||||
.price.price-selected .header {
|
||||
border: 1px solid #008cba;
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#happy-clients .owl-controls .owl-page.active span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* portfolio coloring end */
|
||||
|
||||
|
||||
/* Happy Clients coloring start */
|
||||
|
||||
#happy-clients h5 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* Happy Clients coloring end */
|
||||
|
||||
|
||||
/* blog coloring start */
|
||||
|
||||
#blog-slider .blog-img {
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
#blog-slider .item:hover h3,
|
||||
#blog-slider .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .item:hover p:last-child {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#blog-slider .blog-img i,
|
||||
#blog-slider .owl-controls .owl-page.active span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#blog-text h2,
|
||||
#blog-text p span {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#blog-text #blog-text-slider .owl-controls .owl-page.active span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* blog page colring */
|
||||
|
||||
#area-main ul.blog-author li a:hover,
|
||||
#area-main ul.blog-author li a:focus,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-right,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-right,
|
||||
ul.category li a:hover,
|
||||
ul.category li a:focus {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
ul.category li a .date {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#area-main .tag-cloud li a:hover,
|
||||
#area-main .tag-cloud li a:focus,
|
||||
.blog-reply a.btn-rep:hover,
|
||||
.blog-reply a.btn-rep:focus {
|
||||
background: #008cba;
|
||||
}
|
||||
#area-main .buttons,
|
||||
.social-link li a:hover{
|
||||
background: #008cba;
|
||||
border-color:#008cba;
|
||||
}
|
||||
.blog-item blockquote{
|
||||
color: #008cba;
|
||||
}
|
||||
/* blog coloring end */
|
||||
|
||||
|
||||
/*contact us coloring start */
|
||||
|
||||
form .buttons {
|
||||
border-color: #008cba;
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
form .buttons:hover,
|
||||
form .buttons:active {
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
form .buttons:before {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.address-details:hover h2,
|
||||
.address-details:hover p {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
/* map marker color */
|
||||
.pin {
|
||||
background: #008cba;
|
||||
}
|
||||
.pulse:after{
|
||||
box-shadow: 0 0 1px 2px #008cba;
|
||||
}
|
||||
/*contact us coloring end */
|
||||
|
||||
|
||||
/* footer coloring start */
|
||||
|
||||
footer {
|
||||
background: #008cba;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
footer ul >li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* footer coloring end */
|
||||
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
|
||||
.side-menu-button{
|
||||
top: 13px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* green color */
|
||||
|
||||
Vendored
+6
File diff suppressed because one or more lines are too long
Vendored
+2199
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,318 @@
|
||||
/*loader */
|
||||
.cssload-inner.cssload-one {
|
||||
|
||||
border-bottom: 3px solid rgb(115,174,32);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-two {
|
||||
border-right: 3px solid rgba(115,174,32,0.96);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-three {
|
||||
border-top: 3px solid rgb(115,174,32);
|
||||
}
|
||||
/* selected color */
|
||||
::selection
|
||||
{
|
||||
background: #73ae20;
|
||||
}
|
||||
/* header coloring start*/
|
||||
|
||||
.side-menu-button {
|
||||
background: #73ae20;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.shrink .side-menu-button {
|
||||
background: #73ae20;
|
||||
}
|
||||
.shrink .side-menu-button:hover{
|
||||
background: #1b1b1b;
|
||||
}
|
||||
.side-menu-button.actives,
|
||||
.side-menu-button.actives:hover
|
||||
{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.side-menu-button.actives .fa {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
.sidenav ul >li.active a {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:hover a {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>.active>a,
|
||||
.navbar-default .navbar-nav>.active>a:focus,
|
||||
.navbar-default .navbar-nav>.active>a:hover {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>.active>a,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:focus,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:hover {
|
||||
background: #73ae20;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
/* header coloring end */
|
||||
|
||||
|
||||
/* slider cover coloring start */
|
||||
|
||||
#slider1 h2.red {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
#slider1 .slider-button.red,
|
||||
.page-1 #slider1 .slider-button.red {
|
||||
background: #73ae20;
|
||||
border-color: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
#slider1 .slider-button.red:before{
|
||||
background: rgba(27,27,27,0.2);
|
||||
}
|
||||
|
||||
/* slider cover coloring end */
|
||||
|
||||
|
||||
/* what we do coloring start */
|
||||
|
||||
#what-we-do .what-we-do-features h3 >span {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
/* what we do coloring end */
|
||||
|
||||
|
||||
/* counters coloring start */
|
||||
#counters .outer-circle:hover{
|
||||
border-color: #73ae20;
|
||||
}
|
||||
#counters .outer-circle:hover .icons {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
/* counters coloring end */
|
||||
|
||||
|
||||
/* our team coloring start */
|
||||
|
||||
#our-team .hovereffect .overlay {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
.progress-bar-custom {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
#our-team .our-team-social > li >a >i.fa:hover,
|
||||
#our-team .our-team-social > li >a >i.fa:active {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
/* our team coloring end */
|
||||
|
||||
|
||||
/* company history coloring start */
|
||||
|
||||
.timeline > li:hover .timeline-panel {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-panel:after {
|
||||
border-top-color: transparent;
|
||||
border-left-color: #73ae20;
|
||||
border-right-color: #73ae20;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-badge > a {
|
||||
color: #73ae20 !important;
|
||||
}
|
||||
|
||||
|
||||
/* company history coloring end */
|
||||
|
||||
|
||||
/* portfolio coloring start */
|
||||
|
||||
#portfolio #owl-demo .hovereffect .overlay {
|
||||
background: rgba(115, 174, 32, 0.8);
|
||||
}
|
||||
|
||||
.price.price-selected,
|
||||
.price:hover {
|
||||
background: #73ae20;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.price.price-selected::before,
|
||||
.price:hover::before {
|
||||
border-bottom: 65px solid #73ae20;
|
||||
}
|
||||
|
||||
.price:hover .header,
|
||||
.price.price-selected .header {
|
||||
border: 1px solid #73ae20;
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
#happy-clients .owl-controls .owl-page.active span {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
/* portfolio coloring end */
|
||||
|
||||
|
||||
/* Happy Clients coloring start */
|
||||
|
||||
#happy-clients h5 {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
/* Happy Clients coloring end */
|
||||
|
||||
|
||||
/* blog coloring start */
|
||||
|
||||
#blog-slider .blog-img {
|
||||
border-color: #73ae20;
|
||||
}
|
||||
|
||||
#blog-slider .item:hover h3,
|
||||
#blog-slider .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .item:hover p:last-child {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
#blog-slider .blog-img i,
|
||||
#blog-slider .owl-controls .owl-page.active span {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
#blog-text h2,
|
||||
#blog-text p span {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
#blog-text #blog-text-slider .owl-controls .owl-page.active span {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
|
||||
/* blog page colring */
|
||||
|
||||
#area-main ul.blog-author li a:hover,
|
||||
#area-main ul.blog-author li a:focus,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-right,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-right,
|
||||
ul.category li a:hover,
|
||||
ul.category li a:focus {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
ul.category li a .date {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
#area-main .tag-cloud li a:hover,
|
||||
#area-main .tag-cloud li a:focus,
|
||||
.blog-reply a.btn-rep:hover,
|
||||
.blog-reply a.btn-rep:focus {
|
||||
background: #73ae20;
|
||||
}
|
||||
#area-main .buttons,
|
||||
.social-link li a:hover{
|
||||
background: #73ae20;
|
||||
border-color:#73ae20;
|
||||
}
|
||||
.blog-item blockquote{
|
||||
color: #73ae20;
|
||||
}
|
||||
/* blog coloring end */
|
||||
|
||||
|
||||
/*contact us coloring start */
|
||||
|
||||
form .buttons {
|
||||
border-color: #73ae20;
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
form .buttons:hover,
|
||||
form .buttons:active {
|
||||
border-color: #73ae20;
|
||||
}
|
||||
|
||||
form .buttons:before {
|
||||
background: #73ae20;
|
||||
}
|
||||
|
||||
.address-details:hover h2,
|
||||
.address-details:hover p {
|
||||
color: #73ae20;
|
||||
}
|
||||
|
||||
/* map marker color */
|
||||
.pin {
|
||||
background: #73ae20;
|
||||
}
|
||||
.pulse:after{
|
||||
box-shadow: 0 0 1px 2px #73ae20;
|
||||
}
|
||||
/*contact us coloring end */
|
||||
|
||||
|
||||
/* footer coloring start */
|
||||
|
||||
footer {
|
||||
background: #73ae20;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
footer ul >li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* footer coloring end */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* green color */
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
+286
@@ -0,0 +1,286 @@
|
||||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
|
||||
.fancybox-wrap,
|
||||
.fancybox-skin,
|
||||
.fancybox-outer,
|
||||
.fancybox-inner,
|
||||
.fancybox-image,
|
||||
.fancybox-wrap iframe,
|
||||
.fancybox-wrap object,
|
||||
.fancybox-nav,
|
||||
.fancybox-nav span,
|
||||
.fancybox-tmp {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
position: relative;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 8030;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-skin {
|
||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.fancybox-outer,
|
||||
.fancybox-inner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-type-iframe .fancybox-inner {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-image,
|
||||
.fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading,
|
||||
.fancybox-close,
|
||||
.fancybox-prev span,
|
||||
.fancybox-next span {
|
||||
background-image: url('../images/fancybox_sprite.png');
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 8060;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: url('../images/fancybox_loading.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
background: transparent url('blank.gif');
|
||||
/* helps IE */
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 10px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 10px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -99999px;
|
||||
left: -99999px;
|
||||
visibility: hidden;
|
||||
max-width: 99999px;
|
||||
max-height: 99999px;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
.fancybox-lock {
|
||||
overflow: hidden !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fancybox-lock body {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-lock-test {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 8010;
|
||||
background: url('../images/fancybox_overlay.png');
|
||||
}
|
||||
|
||||
.fancybox-overlay-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-lock .fancybox-overlay {
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
background: rgba(0, 0, 0, 0.870588);
|
||||
}
|
||||
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 8050;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent;
|
||||
/* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
|
||||
/*Retina graphics!*/
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
#fancybox-loading,
|
||||
.fancybox-close,
|
||||
.fancybox-prev span,
|
||||
.fancybox-next span {
|
||||
background-image: url('../images/fancybox_sprite.png');
|
||||
background-size: 44px 152px;
|
||||
/*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
#fancybox-loading div {
|
||||
background-image: url('../images/fancybox_loading@2x.gif');
|
||||
background-size: 24px 24px;
|
||||
/*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,622 @@
|
||||
/* ---------------- *\
|
||||
GLOBAL VARIABLES
|
||||
\* ---------------- */
|
||||
/* 1 / sqrt(3) */
|
||||
/* ------ *\
|
||||
MIXINS
|
||||
\* ------ */
|
||||
/* -------------- *\
|
||||
MAIN CONTAINER
|
||||
\* -------------- */
|
||||
.timeline-me-container {
|
||||
position: relative;
|
||||
}
|
||||
.timeline-me-container.no-scroll .timeline-me-wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
.timeline-me-container.no-x-scroll .timeline-me-wrapper {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.timeline-me-container.no-y-scroll .timeline-me-wrapper {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.timeline-me-track {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.timeline-me-track:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: #555555;
|
||||
}
|
||||
|
||||
.timeline-me-vertical .timeline-me-track:before {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
width: 4px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
.timeline-me-horizontal .timeline-me-track {
|
||||
display: table;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-track:before {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
height: 4px;
|
||||
width: 100%;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.timeline-me-leftscroll,
|
||||
.timeline-me-rightscroll {
|
||||
width: 50px;
|
||||
position: absolute;
|
||||
z-index: 1001;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.timeline-me-leftscroll {
|
||||
left: 0;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#8dd8dd), to(rgba(141, 216, 221, 0)));
|
||||
background-image: -webkit-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0));
|
||||
background-image: -moz-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0));
|
||||
background-image: -ms-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0));
|
||||
background-image: -o-linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0));
|
||||
background-image: linear-gradient(left, #8dd8dd, rgba(141, 216, 221, 0));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#8dd8dd', end-colourStr='rgba(141, 216, 221, 0)', gradientType='1');
|
||||
}
|
||||
|
||||
.timeline-me-rightscroll {
|
||||
right: 0;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(rgba(141, 216, 221, 0)), to(#8dd8dd));
|
||||
background-image: -webkit-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd);
|
||||
background-image: -moz-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd);
|
||||
background-image: -ms-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd);
|
||||
background-image: -o-linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd);
|
||||
background-image: linear-gradient(left, rgba(141, 216, 221, 0), #8dd8dd);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='rgba(141, 216, 221, 0)', end-colourStr='#8dd8dd', gradientType='1');
|
||||
}
|
||||
|
||||
.timeline-me-leftarrow,
|
||||
.timeline-me-rightarrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 1002;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
.timeline-me-leftarrow:after,
|
||||
.timeline-me-rightarrow:after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
transform: translate(0, -50%);
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.timeline-me-leftarrow {
|
||||
left: 0;
|
||||
}
|
||||
.timeline-me-leftarrow:after {
|
||||
left: 0;
|
||||
border-width: 11.54px 20px 11.54px 0;
|
||||
border-color: transparent #ffffff transparent transparent;
|
||||
}
|
||||
|
||||
.timeline-me-rightarrow {
|
||||
right: 0;
|
||||
}
|
||||
.timeline-me-rightarrow:after {
|
||||
right: 0;
|
||||
border-width: 11.54px 0 11.54px 20px;
|
||||
border-color: transparent transparent transparent #ffffff;
|
||||
}
|
||||
|
||||
/* -------------------- *\
|
||||
GENERIC ITEM'S STYLE
|
||||
\* -------------------- */
|
||||
.timeline-me-horizontal {
|
||||
/*.timeline-me-label { bottom: - ($label-picto-total-size - $timeline-thickness) / 2; }*/
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-wrapper {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-item {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-fix-height .timeline-me-label {
|
||||
height: 150px;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-fix-height .timeline-me-content {
|
||||
height: 300px;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-fix-width .timeline-me-label {
|
||||
width: 200px;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-fix-width .timeline-me-content {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.timeline-me-vertical .timeline-me-item {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.timeline-me-item,
|
||||
.timeline-me-item:first-child {
|
||||
position: relative;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
.timeline-me-content {
|
||||
position: relative;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.timeline-me-shortcontent,
|
||||
.timeline-me-fullcontent {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
line-height: 20px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.timeline-me-showmore {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.timeline-me-showless {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.timeline-me-hidden {
|
||||
position: relative;
|
||||
z-index: -1000;
|
||||
}
|
||||
|
||||
/* ----------------- *\
|
||||
MILESTONE ELEMENT
|
||||
\* ----------------- */
|
||||
.timeline-me-milestone {
|
||||
/* Specific for 'right' position item - default one */
|
||||
/* Specific for 'top' position item */
|
||||
/* Specific for 'left' position item */
|
||||
/* Specific for 'bottom' position item */
|
||||
}
|
||||
.timeline-me-milestone .timeline-me-label {
|
||||
position: relative;
|
||||
line-height: 36px;
|
||||
}
|
||||
.timeline-me-milestone .timeline-me-label .timeline-me-picto {
|
||||
position: absolute;
|
||||
box-sizing: content-box;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #555555;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-right, .timeline-me-milestone:not(.timeline-me-top):not(.timeline-me-left):not(.timeline-me-bottom) {
|
||||
width: 50%;
|
||||
margin-left: 50%;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-right .timeline-me-label, .timeline-me-milestone:not(.timeline-me-top):not(.timeline-me-left):not(.timeline-me-bottom) .timeline-me-label {
|
||||
height: 36px;
|
||||
padding-left: 39px;
|
||||
margin-left: -18px;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-right .timeline-me-label .timeline-me-picto, .timeline-me-milestone:not(.timeline-me-top):not(.timeline-me-left):not(.timeline-me-bottom) .timeline-me-label .timeline-me-picto {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-top {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-top .timeline-me-label {
|
||||
padding-bottom: 39px;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-top .timeline-me-label .timeline-me-picto {
|
||||
bottom: 0px;
|
||||
left: 50%;
|
||||
margin-left: -18px;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-left {
|
||||
width: 50%;
|
||||
margin-right: 50%;
|
||||
text-align: right;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-left .timeline-me-label {
|
||||
height: 36px;
|
||||
padding-right: 39px;
|
||||
margin-right: -18px;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-left .timeline-me-label .timeline-me-picto {
|
||||
top: 0;
|
||||
right: 0px;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-bottom {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-bottom .timeline-me-label {
|
||||
padding-top: 39px;
|
||||
}
|
||||
.timeline-me-milestone.timeline-me-bottom .timeline-me-label .timeline-me-picto {
|
||||
top: 0px;
|
||||
left: 50%;
|
||||
margin-left: -18px;
|
||||
}
|
||||
.timeline-me-milestone .timeline-me-shortcontent {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.timeline-me-horizontal .timeline-me-milestone.timeline-me-top .timeline-me-label-wrapper {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-milestone.timeline-me-bottom .timeline-me-label-wrapper {
|
||||
padding-top: 36px;
|
||||
}
|
||||
|
||||
/* ----------------- *\
|
||||
SMALLITEM ELEMENT
|
||||
\* ----------------- */
|
||||
.timeline-me-smallitem {
|
||||
/* Specific for 'left' position item - default one */
|
||||
/* Specific for 'top' position item */
|
||||
/* Specific for 'right' position item */
|
||||
/* Specific for 'bottom' position item */
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-item-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-label {
|
||||
position: absolute;
|
||||
line-height: 36px;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-label .timeline-me-picto {
|
||||
position: absolute;
|
||||
box-sizing: content-box;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #555555;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-left .timeline-me-label, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-label {
|
||||
left: 50%;
|
||||
top: 0;
|
||||
margin-left: -18px;
|
||||
text-align: left;
|
||||
padding-left: 39px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-left .timeline-me-label .timeline-me-picto, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-label .timeline-me-picto {
|
||||
top: 0;
|
||||
left: 0px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-left .timeline-me-content-container, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-content-container {
|
||||
width: 40%;
|
||||
margin-left: 10%;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-left .timeline-me-fullcontent:before,
|
||||
.timeline-me-smallitem.timeline-me-left .timeline-me-shortcontent:before, .timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-fullcontent:before,
|
||||
.timeline-me-smallitem:not(.timeline-me-top):not(.timeline-me-right):not(.timeline-me-bottom) .timeline-me-shortcontent:before {
|
||||
background-color: inherit;
|
||||
-webkit-transform: translateY(-50%) rotate(45deg);
|
||||
-moz-transform: translateY(-50%) rotate(45deg);
|
||||
-ms-transform: translateY(-50%) rotate(45deg);
|
||||
-o-transform: translateY(-50%) rotate(45deg);
|
||||
transform: translateY(-50%) rotate(45deg);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
right: -5px;
|
||||
top: 18px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-top .timeline-me-label {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -18px;
|
||||
text-align: left;
|
||||
padding-top: 39px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-top .timeline-me-label .timeline-me-picto {
|
||||
top: 0px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-top .timeline-me-content-wrapper:not(.timeline-me-hidden) {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-top .timeline-me-fullcontent:before,
|
||||
.timeline-me-smallitem.timeline-me-top .timeline-me-shortcontent:before {
|
||||
background-color: inherit;
|
||||
-webkit-transform: translateX(-50%) rotate(45deg);
|
||||
-moz-transform: translateX(-50%) rotate(45deg);
|
||||
-ms-transform: translateX(-50%) rotate(45deg);
|
||||
-o-transform: translateX(-50%) rotate(45deg);
|
||||
transform: translateX(-50%) rotate(45deg);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
bottom: -5px;
|
||||
left: 18px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-right .timeline-me-label {
|
||||
right: 50%;
|
||||
top: 0;
|
||||
margin-right: -18px;
|
||||
text-align: right;
|
||||
padding-right: 39px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-right .timeline-me-label .timeline-me-picto {
|
||||
top: 0;
|
||||
right: 0px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-right .timeline-me-content-container {
|
||||
width: 40%;
|
||||
margin-left: 50%;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-right .timeline-me-fullcontent:before,
|
||||
.timeline-me-smallitem.timeline-me-right .timeline-me-shortcontent:before {
|
||||
background-color: inherit;
|
||||
-webkit-transform: translateY(-50%) rotate(45deg);
|
||||
-moz-transform: translateY(-50%) rotate(45deg);
|
||||
-ms-transform: translateY(-50%) rotate(45deg);
|
||||
-o-transform: translateY(-50%) rotate(45deg);
|
||||
transform: translateY(-50%) rotate(45deg);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
left: -5px;
|
||||
top: 18px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-bottom .timeline-me-label {
|
||||
bottom: 50%;
|
||||
left: 0;
|
||||
margin-bottom: -18px;
|
||||
text-align: left;
|
||||
padding-bottom: 39px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-bottom .timeline-me-label .timeline-me-picto {
|
||||
bottom: 0px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-bottom .timeline-me-content-wrapper:not(.timeline-me-hidden) {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.timeline-me-smallitem.timeline-me-bottom .timeline-me-fullcontent:before,
|
||||
.timeline-me-smallitem.timeline-me-bottom .timeline-me-shortcontent:before {
|
||||
background-color: inherit;
|
||||
-webkit-transform: translateX(-50%) rotate(45deg);
|
||||
-moz-transform: translateX(-50%) rotate(45deg);
|
||||
-ms-transform: translateX(-50%) rotate(45deg);
|
||||
-o-transform: translateX(-50%) rotate(45deg);
|
||||
transform: translateX(-50%) rotate(45deg);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
top: -5px;
|
||||
left: 18px;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-content-container {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-fullcontent,
|
||||
.timeline-me-smallitem .timeline-me-shortcontent {
|
||||
padding: 10px;
|
||||
min-height: 18px;
|
||||
min-width: 18px;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-fullcontent:before,
|
||||
.timeline-me-smallitem .timeline-me-shortcontent:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-displayfull .timeline-me-shortcontent, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-shortcontent {
|
||||
display: none;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-displayfull .timeline-me-fullcontent, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-fullcontent {
|
||||
display: block;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-displayfull .timeline-me-showmore, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-showmore {
|
||||
display: none;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-displayfull .timeline-me-showless, .timeline-me-smallitem.timeline-me-displayfull .timeline-me-showless {
|
||||
display: block;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-shortcontent {
|
||||
display: block;
|
||||
}
|
||||
.timeline-me-smallitem .timeline-me-fullcontent {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* --------------- *\
|
||||
BIGITEM ELEMENT
|
||||
\* --------------- */
|
||||
.timeline-me-bigitem {
|
||||
/* to avoid "not clickable" effect on flipped element */
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-label {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
padding-bottom: 39px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-label .timeline-me-picto {
|
||||
position: absolute;
|
||||
box-sizing: content-box;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #555555;
|
||||
z-index: 100;
|
||||
bottom: 0px;
|
||||
left: 50%;
|
||||
margin-left: -18px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-content-wrapper {
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-content-container {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-fullcontent,
|
||||
.timeline-me-bigitem .timeline-me-shortcontent {
|
||||
padding: 20px;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-flipped .timeline-me-showmore, .timeline-me-bigitem.timeline-me-flipped .timeline-me-showmore {
|
||||
display: none;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-flipped .timeline-me-showless, .timeline-me-bigitem.timeline-me-flipped .timeline-me-showless {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.timeline-me-horizontal .timeline-me-bigitem .timeline-me-item-wrapper {
|
||||
display: table;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-bigitem .timeline-me-item-wrapper .timeline-me-label-wrapper,
|
||||
.timeline-me-horizontal .timeline-me-bigitem .timeline-me-item-wrapper .timeline-me-content-wrapper {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-bigitem .timeline-me-label {
|
||||
margin-bottom: 0;
|
||||
bottom: 18px;
|
||||
}
|
||||
.timeline-me-horizontal .timeline-me-bigitem .timeline-me-content-container {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* --------------- *\
|
||||
BIGITEM 3D-FLIP
|
||||
\* --------------- */
|
||||
/* entire container, keeps perspective */
|
||||
.timeline-me-bigitem {
|
||||
-moz-perspective: 1500px;
|
||||
-webkit-perspective: 1500px;
|
||||
-ms-perspective: 1500px;
|
||||
-o-perspective: 1500px;
|
||||
perspective: 1500px;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
/* flip the pane when hovered */
|
||||
/* Configure flip speed */
|
||||
/* Hide back of pane during flip */
|
||||
/* Front pane, placed above back */
|
||||
/* Back pane, initially hidden pane */
|
||||
}
|
||||
.timeline-me-bigitem.timeline-me-flipped .timeline-me-content-container {
|
||||
-moz-transform: rotateY(180deg);
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
-o-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-content-container {
|
||||
-webkit-transition: 0.6s;
|
||||
-moz-transition: 0.6s;
|
||||
-ms-transition: 0.6s;
|
||||
-o-transition: 0.6s;
|
||||
transition: 0.6s;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
position: relative;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-shortcontent, .timeline-me-bigitem .timeline-me-fullcontent {
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-o-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-shortcontent {
|
||||
z-index: 2;
|
||||
-moz-transform: rotateY(0deg);
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
-o-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
.timeline-me-bigitem .timeline-me-fullcontent {
|
||||
-moz-transform: rotateY(180deg);
|
||||
-webkit-transform: rotateY(180deg);
|
||||
-ms-transform: rotateY(180deg);
|
||||
-o-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
/* -------------- *\
|
||||
COLLAPSED MODE
|
||||
\* -------------- */
|
||||
.timeline-me-collapsed .timeline-me-smallitem .timeline-me-content-wrapper,
|
||||
.timeline-me-collapsed .timeline-me-bigitem .timeline-me-content-wrapper, .timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem .timeline-me-content-wrapper, .timeline-me-collapsed.timeline-me-horizontal .timeline-me-bigitem .timeline-me-content-wrapper {
|
||||
display: none;
|
||||
}
|
||||
.timeline-me-collapsed .timeline-me-smallitem .timeline-me-label,
|
||||
.timeline-me-collapsed .timeline-me-bigitem .timeline-me-label {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
.timeline-me-collapsed.timeline-me-vertical .timeline-me-bigitem .timeline-me-label {
|
||||
padding-bottom: 0;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
margin-left: -18px;
|
||||
text-align: left;
|
||||
padding-left: 39px;
|
||||
}
|
||||
.timeline-me-collapsed.timeline-me-vertical .timeline-me-bigitem .timeline-me-label .timeline-me-picto {
|
||||
top: 0;
|
||||
left: 0px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem .timeline-me-label {
|
||||
text-align: center;
|
||||
}
|
||||
.timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem .timeline-me-label .timeline-me-picto {
|
||||
left: 50%;
|
||||
margin-left: -18px;
|
||||
}
|
||||
.timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem.timeline-me-top .timeline-me-label-wrapper {
|
||||
padding-top: 36px;
|
||||
}
|
||||
.timeline-me-collapsed.timeline-me-horizontal .timeline-me-smallitem.timeline-me-bottom .timeline-me-label-wrapper {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,725 @@
|
||||
/*loader */
|
||||
.cssload-inner.cssload-one {
|
||||
border-bottom: 3px solid rgb(162,190,7);
|
||||
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-two {
|
||||
border-right: 3px solid rgba(0,140,186,0.96);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-three {
|
||||
border-top: 3px solid rgb(196,114,213)
|
||||
}
|
||||
|
||||
/* header coloring start*/
|
||||
.navbar-default .navbar-nav>.active>a,
|
||||
.navbar-default .navbar-nav>.active:hover>a {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:nth-child(1):hover a {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:nth-child(2):hover a {
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:nth-child(3):hover a {
|
||||
color: #ffa823;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:nth-child(4):hover a {
|
||||
color: #c472d5;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:nth-child(5):hover a {
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:nth-child(6):hover a {
|
||||
color: #d02552;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>li:nth-child(1).active>a {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>li:nth-child(2).active>a {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>li:nth-child(3).active>a {
|
||||
background: #ffa823;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>li:nth-child(4).active>a {
|
||||
background: #c472d5;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>li:nth-child(5).active>a {
|
||||
background: #b2b2b2;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>li:nth-child(6).active>a {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>.active>a,
|
||||
.shrink.navbar-default .navbar-nav>.active:hover>a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-menu-button {
|
||||
background: #c472d5;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.shrink .side-menu-button {
|
||||
background:#c472d5;
|
||||
}
|
||||
|
||||
.shrink .side-menu-button:hover {
|
||||
background: #1b1b1b;
|
||||
}
|
||||
|
||||
.side-menu-button.actives,
|
||||
.side-menu-button.actives:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.side-menu-button.actives .fa {
|
||||
color: #c472d5;
|
||||
}
|
||||
|
||||
.sidenav ul >li:nth-child(1).active a,
|
||||
.sidenav ul >li:nth-child(1):hover a {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.sidenav ul >li:nth-child(2).active a,
|
||||
.sidenav ul >li:nth-child(2):hover a {
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
.sidenav ul >li:nth-child(3).active a,
|
||||
.sidenav ul >li:nth-child(3):hover a {
|
||||
color: #ffa823;
|
||||
}
|
||||
|
||||
.sidenav ul >li:nth-child(4).active a ,
|
||||
.sidenav ul >li:nth-child(4):hover a {
|
||||
color: #c472d5;
|
||||
}
|
||||
|
||||
.sidenav ul >li:nth-child(5).active a,
|
||||
.sidenav ul >li:nth-child(5):hover a {
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
.sidenav ul >li:nth-child(6).active a,
|
||||
.sidenav ul >li:nth-child(6):hover a {
|
||||
color: #d02552;
|
||||
}
|
||||
|
||||
|
||||
/* header coloring end */
|
||||
|
||||
|
||||
/* slider cover coloring start */
|
||||
|
||||
#slider1 ul li:nth-child(1) h2.red {
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
#slider1 ul li:nth-child(1) .slider-button.red {
|
||||
background: #008cba;
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#slider1 ul li:nth-child(2) h2.red {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#slider1 ul li:nth-child(2) .slider-button.red {
|
||||
background: #a2be07;
|
||||
border-color: #a2be07;
|
||||
}
|
||||
|
||||
|
||||
#slider1 ul li:nth-child(3) h2.red {
|
||||
color: #c472d5;
|
||||
}
|
||||
|
||||
#slider1 ul li:nth-child(3) .slider-button.red {
|
||||
background: #ffa823;
|
||||
border-color: #ffa823;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* slider cover coloring end */
|
||||
|
||||
|
||||
/* what we do coloring start */
|
||||
|
||||
#what-we-do .left .what-we-do-features:nth-child(1)> h3 span {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#what-we-do .left .what-we-do-features:nth-child(2) > h3 span {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
#what-we-do .left .what-we-do-features:nth-child(3) > h3 span {
|
||||
background: #ffa823;
|
||||
}
|
||||
|
||||
#what-we-do .left .what-we-do-features:nth-child(1):hover> h3 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#what-we-do .left .what-we-do-features:nth-child(2):hover> h3 {
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
#what-we-do .left .what-we-do-features:nth-child(3):hover> h3 {
|
||||
color: #ffa823;
|
||||
}
|
||||
|
||||
#what-we-do .right .what-we-do-features:nth-child(1)> h3 span {
|
||||
background: #c472d5;
|
||||
}
|
||||
|
||||
#what-we-do .right .what-we-do-features:nth-child(2) > h3 span {
|
||||
background: #b2b2b2;
|
||||
}
|
||||
|
||||
#what-we-do .right .what-we-do-features:nth-child(3) > h3 span {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
#what-we-do .right .what-we-do-features:nth-child(1):hover> h3 {
|
||||
color: #c472d5;
|
||||
}
|
||||
|
||||
#what-we-do .right .what-we-do-features:nth-child(2):hover> h3 {
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
#what-we-do .right .what-we-do-features:nth-child(3):hover> h3 {
|
||||
color: #d02552;
|
||||
}
|
||||
|
||||
|
||||
/* what we do coloring end */
|
||||
|
||||
|
||||
/* counters coloring start */
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(1) .outer-circle .icons {
|
||||
background: #a2be07;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(2) .outer-circle .icons {
|
||||
background: #008cba;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(3) .outer-circle .icons {
|
||||
background: #d02552;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(4) .outer-circle .icons {
|
||||
background: #c472d5;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(1) .outer-circle:hover {
|
||||
border-color: #a2be07;
|
||||
}
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(2) .outer-circle:hover {
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(3) .outer-circle:hover {
|
||||
border-color: #d02552;
|
||||
}
|
||||
|
||||
#counters #counter-main > .counter-hvr:nth-child(4) .outer-circle:hover {
|
||||
border-color: #c472d5;
|
||||
}
|
||||
|
||||
|
||||
/* counters coloring end */
|
||||
|
||||
|
||||
/* our team coloring start */
|
||||
|
||||
#our-team a[href='#tab-1'] > .hovereffect .overlay {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#our-team a[href='#tab-2'] > .hovereffect .overlay {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
#our-team a[href='#tab-3'] > .hovereffect .overlay {
|
||||
background: #c472d5;
|
||||
}
|
||||
|
||||
#our-team a[href='#tab-4'] > .hovereffect .overlay {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
.progess-bars .progress:nth-child(1) > .progress-bar-custom {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.progess-bars .progress:nth-child(2) > .progress-bar-custom {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
.progess-bars .progress:nth-child(3) > .progress-bar-custom {
|
||||
background: #c472d5;
|
||||
}
|
||||
|
||||
.progess-bars .progress:nth-child(4) > .progress-bar-custom {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
#our-team .our-team-social > li:nth-child(1) >a >i.fa:hover,
|
||||
#our-team .our-team-social > li:nth-child(1) >a >i.fa:active {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#our-team .our-team-social > li:nth-child(2) >a >i.fa:hover,
|
||||
#our-team .our-team-social > li:nth-child(2) >a >i.fa:active {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
#our-team .our-team-social > li:nth-child(3) >a >i.fa:hover,
|
||||
#our-team .our-team-social > li:nth-child(3) >a >i.fa:active {
|
||||
background: #c472d5;
|
||||
}
|
||||
|
||||
|
||||
/* our team coloring end */
|
||||
|
||||
|
||||
/* company history coloring start */
|
||||
|
||||
.timeline > li:nth-child(1):hover .timeline-panel {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(2):hover .timeline-panel {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(3):hover .timeline-panel {
|
||||
background: #ffa823;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(4):hover .timeline-panel {
|
||||
background: #c472d5;
|
||||
}
|
||||
|
||||
.timeline-bottom > li:nth-child(1):hover .timeline-panel {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.timeline-bottom > li:nth-child(2):hover .timeline-panel {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(1):hover .timeline-panel:after {
|
||||
border-left-color: #008cba;
|
||||
border-right-color: #008cba;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(2):hover .timeline-panel:after {
|
||||
border-left-color: #a2be07;
|
||||
border-right-color: #a2be07;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(3):hover .timeline-panel:after {
|
||||
border-left-color: #ffa823;
|
||||
border-right-color: #ffa823;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(4):hover .timeline-panel:after {
|
||||
border-left-color: #c472d5;
|
||||
border-right-color: #c472d5;
|
||||
}
|
||||
|
||||
.timeline-bottom > li:nth-child(1):hover .timeline-panel:after {
|
||||
border-left-color: #008cba;
|
||||
border-right-color: #008cba;
|
||||
}
|
||||
|
||||
.timeline-bottom > li:nth-child(2):hover .timeline-panel:after {
|
||||
border-left-color: #d02552;
|
||||
border-right-color: #d02552;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(1):hover .timeline-badge > a {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(2):hover .timeline-badge > a {
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(3):hover .timeline-badge > a {
|
||||
color: #ffa823;
|
||||
}
|
||||
|
||||
.timeline > li:nth-child(4):hover .timeline-badge > a {
|
||||
color: #c472d5 ;
|
||||
}
|
||||
|
||||
.timeline-bottom > li:nth-child(1):hover .timeline-badge > a {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.timeline-bottom > li:nth-child(2):hover .timeline-badge > a {
|
||||
color: #d02552;
|
||||
}
|
||||
|
||||
|
||||
/* company history coloring end */
|
||||
|
||||
|
||||
/* portfolio coloring start */
|
||||
|
||||
#portfolio #owl-demo .hovereffect .blue {
|
||||
background: rgba(0, 140, 186, 0.8);
|
||||
}
|
||||
|
||||
#portfolio #owl-demo .hovereffect .green {
|
||||
background: rgba(162, 190, 7, 0.8);
|
||||
}
|
||||
|
||||
#portfolio #owl-demo .hovereffect .red {
|
||||
background: rgba(208, 37, 82, 0.8);
|
||||
}
|
||||
|
||||
|
||||
/* portfolio coloring end */
|
||||
|
||||
|
||||
/* pricing table start */
|
||||
|
||||
.price-1 {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
.price-1:before {
|
||||
border-bottom-color: #008cba;
|
||||
}
|
||||
|
||||
.price-1 .header {
|
||||
border-color: #008cba;
|
||||
border-color: #008cba;
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
.price-2 {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
.price-2:before {
|
||||
border-bottom-color: #a2be07;
|
||||
}
|
||||
|
||||
.price-2 .header {
|
||||
border-color: #a2be07;
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
.price-3 {
|
||||
background: #ffa823;
|
||||
;
|
||||
}
|
||||
|
||||
.price-3:before {
|
||||
border-bottom-color: #ffa823;
|
||||
;
|
||||
}
|
||||
|
||||
.price-3 .header {
|
||||
border-color: #ffa823;
|
||||
;
|
||||
color: #ffa823;
|
||||
;
|
||||
}
|
||||
|
||||
.price-4 {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
.price-4:before {
|
||||
border-bottom-color: #d02552;
|
||||
}
|
||||
|
||||
.price-4 .header {
|
||||
border-color: #d02552;
|
||||
color: #d02552;
|
||||
}
|
||||
|
||||
.price li {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.price:hover li {
|
||||
border-bottom-color: #7a7a7a;
|
||||
}
|
||||
.price:hover {
|
||||
background: #6a6a6a;
|
||||
}
|
||||
|
||||
.price:hover:before {
|
||||
border-bottom-color: #6a6a6a;
|
||||
}
|
||||
|
||||
.price:hover .header {
|
||||
border-color: #6a6a6a;
|
||||
color: #6a6a6a;
|
||||
}
|
||||
|
||||
|
||||
/* pricing table start end*/
|
||||
|
||||
|
||||
/* Happy Clients coloring start */
|
||||
|
||||
#happy-clients .owl-controls .owl-page.active span {
|
||||
background:#a2be07;
|
||||
}
|
||||
|
||||
#happy-clients h5 {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
|
||||
/* Happy Clients coloring end */
|
||||
|
||||
|
||||
/* blog coloring start */
|
||||
|
||||
#blog-slider .owl-item:nth-child(1) .blog-img {
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(1) .item:hover h3,
|
||||
#blog-slider .owl-item:nth-child(1) .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .owl-item:nth-child(1) .item:hover p:last-child {
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(1) .item .blog-img i {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(2) .blog-img {
|
||||
border-color: #a2be07;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(2) .item:hover h3,
|
||||
#blog-slider .owl-item:nth-child(2) .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .owl-item:nth-child(2) .item:hover p:last-child {
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(2) .item .blog-img i {
|
||||
background: #a2be07;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(3) .blog-img {
|
||||
border-color: #ffa823;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(3) .item:hover h3,
|
||||
#blog-slider .owl-item:nth-child(3) .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .owl-item:nth-child(3) .item:hover p:last-child {
|
||||
color: #ffa823;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(3) .item .blog-img i {
|
||||
background: #ffa823;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(4) .blog-img {
|
||||
border-color: #c472d5;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(4) .item:hover h3,
|
||||
#blog-slider .owl-item:nth-child(4) .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .owl-item:nth-child(4) .item:hover p:last-child {
|
||||
color: #c472d5;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(4) .item .blog-img i {
|
||||
background: #c472d5;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(5) .blog-img {
|
||||
border-color: #b2b2b2;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(5) .item:hover h3,
|
||||
#blog-slider .owl-item:nth-child(5) .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .owl-item:nth-child(5) .item:hover p:last-child {
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(5) .item .blog-img i {
|
||||
background: #b2b2b2;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(6) .blog-img {
|
||||
border-color: #d02552;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(6) .item:hover h3,
|
||||
#blog-slider .owl-item:nth-child(6) .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .owl-item:nth-child(6) .item:hover p:last-child {
|
||||
color: #d02552;
|
||||
}
|
||||
|
||||
#blog-slider .owl-item:nth-child(6) .item .blog-img i {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
#blog-slider .owl-controls .owl-page.active span {
|
||||
background: #d02552;
|
||||
}
|
||||
|
||||
|
||||
/* blog text start */
|
||||
|
||||
#blog-text h2 {
|
||||
color: #008cba;
|
||||
}
|
||||
#blog-text p span{
|
||||
color: #d02552;
|
||||
}
|
||||
#blog-text #blog-text-slider .owl-controls .owl-page.active span {
|
||||
background: #b2b2b2;
|
||||
}
|
||||
|
||||
|
||||
/* blog page colring */
|
||||
|
||||
#area-main ul.blog-author li a:hover,
|
||||
#area-main ul.blog-author li a:focus,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-right,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-right,
|
||||
ul.category li a:hover,
|
||||
ul.category li a:focus {
|
||||
color: #ffb600;
|
||||
}
|
||||
|
||||
ul.category li a .date {
|
||||
color: #ffb600;
|
||||
}
|
||||
|
||||
#area-main .tag-cloud li a:hover,
|
||||
#area-main .tag-cloud li a:focus,
|
||||
.blog-reply a.btn-rep:hover,
|
||||
.blog-reply a.btn-rep:focus {
|
||||
background: #ffb600;
|
||||
}
|
||||
|
||||
|
||||
/* blog coloring end */
|
||||
|
||||
|
||||
/*contact us coloring start */
|
||||
|
||||
form .buttons {
|
||||
border-color: #008cba;
|
||||
color: #008cba;
|
||||
}
|
||||
|
||||
form .buttons:hover,
|
||||
form .buttons:active {
|
||||
border-color: #008cba;
|
||||
}
|
||||
|
||||
form .buttons:before {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
#contact-address .address-details:nth-child(1) {
|
||||
color: #d02552;
|
||||
}
|
||||
|
||||
#contact-address .address-details:nth-child(2) {
|
||||
color: #c472d5;
|
||||
}
|
||||
|
||||
#contact-address .address-details:nth-child(3) {
|
||||
color: #a2be07;
|
||||
}
|
||||
|
||||
.address-details:hover h2,
|
||||
.address-details:hover p {
|
||||
color: #1b1b1b;
|
||||
}
|
||||
|
||||
|
||||
/* map marker color */
|
||||
|
||||
.pin {
|
||||
background: #ffb600;
|
||||
}
|
||||
|
||||
.pulse:after {
|
||||
box-shadow: 0 0 1px 2px #ffb600;
|
||||
}
|
||||
|
||||
|
||||
/*contact us coloring end */
|
||||
|
||||
|
||||
/* footer coloring start */
|
||||
|
||||
footer {
|
||||
background: #008cba;
|
||||
}
|
||||
|
||||
|
||||
footer ul >li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
footer ul >li:nth-child(1) > a:hover {
|
||||
background-color: #a2be07;
|
||||
border-color: #a2be07;
|
||||
}
|
||||
footer ul >li:nth-child(2) > a:hover {
|
||||
background-color: #d02552;
|
||||
border-color: #d02552;
|
||||
}
|
||||
footer ul >li:nth-child(3) > a:hover {
|
||||
background-color: #d02552;
|
||||
border-color: #c472d5;
|
||||
}
|
||||
footer ul >li:nth-child(4) > a:hover {
|
||||
background-color: #a2be07;
|
||||
border-color: #a2be07;
|
||||
}
|
||||
|
||||
/* footer coloring end */
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,176 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
|
||||
/* clearfix */
|
||||
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
|
||||
/* display none until init */
|
||||
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-wrapper {
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
|
||||
.owl-carousel .owl-wrapper-outer {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight {
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
|
||||
/* mouse grab icon */
|
||||
/*
|
||||
.grabbing {
|
||||
cursor: url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
*/
|
||||
/* fix */
|
||||
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
.owl-theme .owl-controls {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div {
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background: #869791;
|
||||
filter: Alpha(Opacity=50);
|
||||
/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
|
||||
/* Clickable class fix problem with hover on touch devices */
|
||||
|
||||
|
||||
/* Use it for non-touch hover action */
|
||||
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
|
||||
filter: Alpha(Opacity=100);
|
||||
/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
/*IE7 life-saver */
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 5px 7px;
|
||||
filter: Alpha(Opacity=50);
|
||||
/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
-webkit-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
background: #869791;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span,
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span {
|
||||
filter: Alpha(Opacity=100);
|
||||
/*IE7 fix*/
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers {
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
|
||||
/* preloading images */
|
||||
|
||||
.owl-item.loading {
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
/*
|
||||
* Owl Carousel CSS3 Transitions
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x : 50%;
|
||||
-webkit-perspective-origin-y : 50%;
|
||||
-moz-perspective : 1200px;
|
||||
-moz-perspective-origin-x : 50%;
|
||||
-moz-perspective-origin-y : 50%;
|
||||
perspective : 1200px;
|
||||
}
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-moz-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-moz-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% { opacity: .5; transform: translateZ(-500px); }
|
||||
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; transform: translateZ(-500px); }
|
||||
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||
}
|
||||
@-moz-keyframes scaleToFade {
|
||||
to { opacity: 0; -moz-transform: scale(.8); }
|
||||
}
|
||||
@keyframes scaleToFade {
|
||||
to { opacity: 0; transform: scale(.8); }
|
||||
}
|
||||
@-webkit-keyframes goDown {
|
||||
from { -webkit-transform: translateY(-100%); }
|
||||
}
|
||||
@-moz-keyframes goDown {
|
||||
from { -moz-transform: translateY(-100%); }
|
||||
}
|
||||
@keyframes goDown {
|
||||
from { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpFrom {
|
||||
from { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpTo {
|
||||
to { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
.r-tabs .r-tabs-nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.r-tabs .r-tabs-tab {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.r-tabs .r-tabs-panel {
|
||||
padding: 15px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.r-tabs .r-tabs-accordion-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.r-tabs .r-tabs-panel.r-tabs-state-active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* Accordion responsive breakpoint */
|
||||
|
||||
|
||||
/*@media only screen and (max-width: 768px) {
|
||||
.r-tabs .r-tabs-nav {
|
||||
display: none;
|
||||
}
|
||||
.r-tabs .r-tabs-accordion-title {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
*/
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,314 @@
|
||||
/* loader */
|
||||
.cssload-inner.cssload-one {
|
||||
border-bottom: 3px solid rgb(255, 182, 0);
|
||||
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-two {
|
||||
border-right: 3px solid rgba(255, 182, 0,0.96);
|
||||
}
|
||||
|
||||
.cssload-inner.cssload-three {
|
||||
border-top: 3px solid rgb(255, 182, 0);
|
||||
}
|
||||
|
||||
|
||||
/* header coloring start*/
|
||||
.side-menu-button {
|
||||
background: #37475a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.shrink .side-menu-button {
|
||||
background: #37475a;
|
||||
}
|
||||
.shrink .side-menu-button:hover{
|
||||
background: #1b1b1b;
|
||||
}
|
||||
.side-menu-button.actives,
|
||||
.side-menu-button.actives:hover
|
||||
{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.side-menu-button.actives .fa {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
.sidenav ul >li.active a {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav >li:hover a {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>.active>a,
|
||||
.navbar-default .navbar-nav>.active>a:focus,
|
||||
.navbar-default .navbar-nav>.active>a:hover {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
.shrink.navbar-default .navbar-nav>.active>a,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:focus,
|
||||
.shrink.navbar-default .navbar-nav>.active>a:hover {
|
||||
background: #37475a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
|
||||
/* header coloring end */
|
||||
|
||||
|
||||
/* slider cover coloring start */
|
||||
|
||||
#slider1 h2.red {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
#slider1 .slider-button.red,
|
||||
.page-1 #slider1 .slider-button.red {
|
||||
background: #37475a;
|
||||
border-color: #37475a;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* slider cover coloring end */
|
||||
|
||||
|
||||
/* what we do coloring start */
|
||||
|
||||
#what-we-do .what-we-do-features h3 >span {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
#what-we-do .what-we-do-features:hover >h3 {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
|
||||
/* what we do coloring end */
|
||||
|
||||
|
||||
/* counters coloring start */
|
||||
#counters .outer-circle:hover{
|
||||
border-color: #37475a;
|
||||
}
|
||||
#counters .outer-circle:hover .icons {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
|
||||
/* counters coloring end */
|
||||
|
||||
|
||||
/* our team coloring start */
|
||||
|
||||
#our-team .hovereffect .overlay {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
.progress-bar-custom {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
#our-team .our-team-social > li >a >i.fa:hover,
|
||||
#our-team .our-team-social > li >a >i.fa:active {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
|
||||
/* our team coloring end */
|
||||
|
||||
|
||||
/* company history coloring start */
|
||||
|
||||
.timeline > li:hover .timeline-panel {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-panel:after {
|
||||
border-top-color: transparent;
|
||||
border-left-color: #37475a;
|
||||
border-right-color: #37475a;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.timeline > li:hover .timeline-badge > a {
|
||||
color: #37475a !important;
|
||||
}
|
||||
|
||||
|
||||
/* company history coloring end */
|
||||
|
||||
|
||||
/* portfolio coloring start */
|
||||
|
||||
#portfolio #owl-demo .hovereffect .overlay {
|
||||
background: rgba(255, 182, 0, 0.8);
|
||||
}
|
||||
|
||||
.price.price-selected,
|
||||
.price:hover {
|
||||
background: #37475a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.price.price-selected::before,
|
||||
.price:hover::before {
|
||||
border-bottom: 65px solid #37475a;
|
||||
}
|
||||
|
||||
.price:hover .header,
|
||||
.price.price-selected .header {
|
||||
border: 1px solid #37475a;
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
#happy-clients .owl-controls .owl-page.active span {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
|
||||
/* portfolio coloring end */
|
||||
|
||||
|
||||
/* Happy Clients coloring start */
|
||||
|
||||
#happy-clients h5 {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
|
||||
/* Happy Clients coloring end */
|
||||
|
||||
|
||||
/* blog coloring start */
|
||||
|
||||
#blog-slider .blog-img {
|
||||
border-color: #37475a;
|
||||
}
|
||||
|
||||
#blog-slider .item:hover h3,
|
||||
#blog-slider .blog-slider-descp p:nth-child(2) > span,
|
||||
#blog-slider .item:hover p:last-child {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
#blog-slider .blog-img i,
|
||||
#blog-slider .owl-controls .owl-page.active span {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
#blog-text h2,
|
||||
#blog-text p span {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
#blog-text #blog-text-slider .owl-controls .owl-page.active span {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
|
||||
/* blog page colring */
|
||||
|
||||
#area-main ul.blog-author li a:hover,
|
||||
#area-main ul.blog-author li a:focus,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap a:hover,
|
||||
.morepost-wrap2 a:hover,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-left,
|
||||
.morepost-wrap2 .morepost:hover .fa-long-arrow-right,
|
||||
.morepost-wrap .morepost:hover .fa-long-arrow-right,
|
||||
ul.category li a:hover,
|
||||
ul.category li a:focus {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
ul.category li a .date {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
#area-main .tag-cloud li a:hover,
|
||||
#area-main .tag-cloud li a:focus,
|
||||
.blog-reply a.btn-rep:hover,
|
||||
.blog-reply a.btn-rep:focus {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
#area-main .buttons,
|
||||
.social-link li a:hover{
|
||||
background: #37475a;
|
||||
border-color:#37475a;
|
||||
}
|
||||
.blog-item blockquote{
|
||||
color:#37475a;
|
||||
}
|
||||
/* blog coloring end */
|
||||
|
||||
|
||||
/*contact us coloring start */
|
||||
|
||||
form .buttons {
|
||||
border-color: #37475a;
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
form .buttons:hover,
|
||||
form .buttons:active {
|
||||
border-color: #37475a;
|
||||
}
|
||||
|
||||
form .buttons:before {
|
||||
background: #37475a;
|
||||
}
|
||||
|
||||
.address-details:hover h2,
|
||||
.address-details:hover p {
|
||||
color: #37475a;
|
||||
}
|
||||
|
||||
/* map marker color */
|
||||
.pin {
|
||||
background: #37475a;
|
||||
}
|
||||
.pulse:after{
|
||||
box-shadow: 0 0 1px 2px #37475a;
|
||||
}
|
||||
/*contact us coloring end */
|
||||
|
||||
|
||||
/* footer coloring start */
|
||||
|
||||
footer {
|
||||
background: #37475a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
footer ul >li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* footer coloring end */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* green color */
|
||||
|
||||
Reference in New Issue
Block a user