@charset "UTF-8";
/* CSS Document
File: assets/css/frontend.css
Description: Css classes for frontend views
Plugin: AD ONE PAGE
Author: Ad-theme.com
*/
html,body{
width:100%;
height:100%;
padding:0;
margin:0;
}
.adonepage-menu {
width:100%;
}
.admin-bar .adonepage-menu.top, .admin-bar .adonepage-menu.sticky {
top:32px;
}
.adonepage-menu.top {
top:0;
}
.adonepage-menu.bottom {
bottom:0;
}
.adonepage-menu {
position:absolute;
z-index:99999;
padding:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.logoposition-left .sf-menu.sf-js-enabled.sf-arrows {
float:right;
}
.adonepage-logo.logoposition-right > a {
float:right;
}
.adonepage-logo.logoposition-left > a {
float:left;
}
.adonepage-logo img {
max-height:40px;
}
#adonepage p {
margin:0;
padding:0;
}
.adonepage-menu .wrapper {
display:table;
height:100%;
}
.menu-container {
display: table-cell;
height: 100%;
vertical-align: middle;
font-size:12px;
}
.logoposition-right .sf-menu.sf-js-enabled.sf-arrows {
float:left;
}
.adonepage-menu .navigation, .adonepage-menu .navigation-wp {
margin:0;
padding:0;
}
.adonepage-menu .navigation-wp li:hover, .adonepage-menu .navigation li:hover {
-webkit-transition: all .55s ease-in;
-moz-transition: all .55s ease-in;
-ms-transition: all .55s ease-in;
-o-transition: all .55s ease-in;
transition: all .55s ease-in;
}
.adonepage-menu ul.navigation, .adonepage-menu ul.navigation-wp, .adonepage-logo {
display:table-cell;
vertical-align:middle;
}
.sticky {
position: fixed;
width: 100%;
height:65px;
padding:10px;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
z-index:99999;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
/*.sticky img {
height:60px;
}*/
/*
.navigation li, .navigation-wp li{
display:block;
padding: 0 10px;
margin-bottom:2px;*/
/* text-align:left;
width:auto;*/
/* float:left;
}*/
.adonepage-menu .navigation-wp > li:before, .adonepage-menu .navigation > li:before {
border-left: 1px dotted #FFFFFF;
content: " ";
font-size: 1px;
padding: 5px 15px 5px 0;
margin-bottom: 0px;
display: inline-block;
}
.adonepage-menu .navigation-wp li:first-child:before, .adonepage-menu .navigation li:first-child:before {
border-left: 0px!important;
}
.adonepage-menu .navigation li {
/* margin-right:5px; */
}
.adonepage-menu .navigation-wp li, .adonepage-menu .navigation li {
margin-right:15px;
}
.adonepage-menu .navigation li a, .adonepage-menu .navigation-wp li a {
text-transform:uppercase;
}
.adonepage-menu .navigation-wp li:hover, .adonepage-menu .navigation li:hover {
}
#adonepage .slide{
/* background-attachment: fixed; */
width:100%;
/* position: relative;*/
overflow:hidden;
/* -webkit-background-size: cover !important;*/
-webkit-background-size: cover;
-moz-background-size: auto, cover;
-o-background-size: cover;
background-size: auto, cover;
position:static;
background-attachment:fixed;
}
#adonepage .slide .wrapper {
overflow:hidden;
}
/*
#adonepage .button{
display:block;
width:50px;
height:50px;
position:absolute;
left:50%;
}
.button:hover{
cursor:pointer;
}
*/
#adonepage .column-12 {
width:100%;
float:left;
}
#adonepage .column-6 {
width:49%;
margin-right:1%;
float:left;
}
#adonepage .column-6:last-child {
margin-right:0;
width:50%;
}
#adonepage .column-4 {
width:31%;
margin-right:3.5%;
float:left;
}
#adonepage .column-4:last-child {
margin-right:0;
width:31%;
}
#adonepage .column-3 {
width:22%;
margin-right:4%;
float:left;
}
#adonepage .column-3:last-child {
margin-right:0;
}
.adclear {
clear:both;
}
.adonepage-footer {
position:relative;
}
#adonepage .wrapper {
position:relative;
z-index:99;
}
.adonepage-footer .wrapper {
padding:20px 0;
}
.adonepage-footer p {
margin:0;
padding:10px 0;
}
#adonepage .content-wrapper {
width:100%;
height:100%;
position:relative;
}
.slide { z-index:1; }
#adonepage .wrapper { z-index:5; }
#slide1 .wrapper{
display:table;
height:100%;
}
.slide1-content-text {
display:table-cell;
vertical-align:middle;
}
.slide-content {
width:80%;
height:100%;
position:absolute;
text-align:center;
display:table;
z-index:3;
margin-left:10%;
margin-right:10%;
}
.slide-content .slide-content-text {
display:table-cell;
vertical-align:middle;
}
.slide-content h1 {
display:block;
font-size:80px;
color:#FFF;
}
.slide-content h2 {
display:block;
font-size:60px;
color:#03F;
}
.slide-content h3 {
display:block;
font-size:40px;
color:#FFF;
}
.slide-content .button {
display:block!important;
font-size:20px!important;
color:#03F;
position:relative!important;
}
div.mc-image {
z-index:inherit!important;
}
body .mc-cycle {
z-index:inherit!important;
}
#adonepage .alignnone, #adonepage .alignleft, #adonepage .alignright, #adonepage .aligncenter {
margin-bottom:0px;
}
@media screen and (max-width: 1025px) {
#adonepage .wrapper {
width:100%;
}
}
.slicknav_menu {
display:none;
}
.slicknav_nav, .slicknav_nav ul {
text-align:center;
}
@media screen and (max-width: 678px) {
/* #menu is the original menu */
.js .adonepage-menu {
display:none;
}
.adonepage-menu {
display:none;
}
.js .slicknav_menu {
display:block;
position: fixed;
width: 100%;
z-index: 2222;
}
.slicknav_nav .adonepage-menu ul.navigation, .adonepage-menu ul.navigation-wp, .adonepage-logo {
display:block;
}
.slicknav_nav ul {
margin:0!important;
}
.adonepage-logo {
position:fixed;
top:10px;
}
.adonepage-logo img {
height:40px;
}
#adonepage .adonepage-menu.sticky {
display:none!important;
}
}
.slicknav_menu .navigation, .navigation-wp {
height:auto;
}
/*responsive*/
@media screen and (max-width: 768px) {
#adonepage .slide.adonepage-parallax {
/*
height: auto !important;
*/
background-attachment: fixed !important; /* ORIGINAL SCROLL */
background-size:cover!important; /* ADD */
background-position: center center !important
}
/* STOP ANIMATION ON MOBILE */
.fadeInUp.animated {
opacity:1!important;
}
/* END */
#adonepage .sub-menu, #adonepage .slicknav_arrow {
display:none;
}
#adonepage .slide .wrapper {
box-sizing: border-box;
font-size: 1em !important;
padding: 40px 20px!important;
}
#adonepage #slide1.slide .wrapper {
padding-top:30px!important;
}
.slide-content-text p span {
font-size:80%;
}
.slide-content-text {
width:80%;
}
.slide-content-text hr, .slide1-content-text hr {
width:80%!important;
}
.adtheme-shortcodes-portfolio #portfoliolist .portfolio {
width: 95% !important;
margin-left:8px !important;
}
.adtheme-shortcodes-portfolio #filters li {
margin-bottom: 20px !important;
}
.adtheme-shortcodes-gallery #gallerylist .gallery {
margin-left: 3.5% !important;
width: 92.3% !important;
margin-bottom:8px !important;
margin-top:8px !important;
}
.ad_one_half, .ad_one_third, .ad_two_third, .ad_one_fourth, .ad_three_fourth, .ad_one_fifth, .ad_two_fifth, .ad_three_fifth, .ad_four_fifth, .ad_one_sixth, .ad_five_sixth {
margin-bottom: 50px !important;
}
#satellite.googleMap {
height: 300px !important;
margin: 0 10px !important;
width: 94% !important;
}
#slide2 .wrapper {
width: 95% !important;
}
.cbp-so-scroller {
font-size: 65% !important;
padding-left: 16px !important;
padding-right: 8px !important;
width: 87% !important;
}
.cbp-so-section p {
margin-top: 25px !important;
width:inherit !important;
text-align:center;
}
.cbp-so-side-left {
text-align:center !important;
}
div.mc-image {
transition:none!important;
}
}
@media (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
#adonepage .slide.adonepage-parallax {
/*
height: auto !important;
*/
background-attachment: fixed !important; /* ORIGINAL SCROLL */
background-size:cover!important; /* ADD */
background-position: center center !important
}
#adonepage .slide .wrapper {
box-sizing: border-box;
font-size: 1em !important;
padding: 40px 20px!important;
}
div.mc-image {
transition:none!important;
}
.ad_one_half{ width:100%!important; text-align:center; }
.ad_one_third{ width:100%!important;text-align:center; }
.ad_two_third{ width:100%!important; text-align:center; }
.ad_one_fourth{ width:100%!important; text-align:center; }
.ad_three_fourth{ width:100%!important; text-align:center; }
.ad_one_fifth{ width:100%!important; text-align:center; }
.ad_two_fifth{ width:100%!important; text-align:center; }
.ad_three_fifth{ width:100%!important; text-align:center; }
.ad_four_fifth{ width:100%!important; text-align:center; }
.ad_one_sixth{ width:100%!important; text-align:center; }
.ad_five_sixth{ width:100%!important; text-align:center; }
.ad_one_half, .ad_one_third, .ad_two_third, .ad_one_fourth, .ad_three_fourth, .ad_one_fifth, .ad_two_fifth, .ad_three_fifth, .ad_four_fifth, .ad_one_sixth, .ad_five_sixth {
margin-bottom: 50px !important;
}
}
@media screen and (max-width: 480px) {
#adonepage .column-3, #adonepage .column-4, #adonepage .column-6, #adonepage .column-12 {
width:96%;
margin:1% 2%;
}
#arrow_left, #arrow_right {
display:none;
}
div.mc-image {
transition:none!important;
}
}
@media screen and (max-width: 1320px) {
.topimage {
width:100%;
left:0;
margin-left:0;
}
}
#cycle-loader {
position:absolute;
width:100%;
height:100%;
z-index:999999;
top:0;
}
.spinner-plane {
width: 30px;
height: 30px;
margin: 100px auto;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
position:absolute;
z-index:999;
left:50%;
top:50%;
margin-left:-15px;
margin-top:-15px;
}
@-webkit-keyframes rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/* SPINNER WAVE */
.spinner-wave {
font-size: 10px;
height: 30px;
left: 50%;
margin-top: -15px;
margin-left: -25px;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
}
.spinner-wave > div {
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner-wave .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner-wave .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner-wave .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner-wave .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/* DOUBLE BOUNCE */
.spinner-bounce {
width: 40px;
height: 40px;
position: absolute;
left:50%;
top:50%;
margin-left:-20px;
margin-top:-20px;
}
.spinner-bounce .double-bounce1, .spinner-bounce .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.spinner-bounce .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* SPINNER CUBES */
.spinner-cubes {
width: 32px;
height: 32px;
position: absolute;
left:50%;
top:50%;
margin-left:-16px;
margin-top:-16px;
}
.spinner-cubes .cube1, .spinner-cubes .cube2 {
width: 10px;
height: 10px;
position: absolute;
left:50%;
top:50%;
margin-left:-5px;
margin-top:-5px;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.spinner-cubes .cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
25% { -webkit-transform: translateX(22px) rotate(-90deg) scale(0.5) }
50% { -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg) }
75% { -webkit-transform: translateX(0px) translateY(22px) rotate(-270deg) scale(0.5) }
100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
} 50% {
/* Hack to make FF rotate in the right direction */
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
} 50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
} 75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
} 100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
/* SPINNER PULSE */
.spinner-pulse {
width: 40px;
height: 40px;
position: absolute;
left:50%;
top:50%;
margin-left:-20px;
margin-top:-20px;
border-radius: 100%;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
/* SPINNER DOTS */
.spinner-dots {
width: 40px;
height: 40px;
position: absolute;
left:50%;
top:50%;
margin-left:-20px;
margin-top:-20px;
text-align: center;
-webkit-animation: rotate 2.0s infinite linear;
animation: rotate 2.0s infinite linear;
}
.spinner-dots .dot1, .spinner-dots .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
border-radius: 100%;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.spinner-dots .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* SPINNER THREE BOUNCE */
.spinner-three-bounce {
position: absolute;
left:50%;
top:50%;
margin-left:-35px;
margin-top:-9px;
width: 70px;
text-align: center;
}
.spinner-three-bounce > div {
width: 18px;
height: 18px;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner-three-bounce .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner-three-bounce .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* SPINNER CIRCLE */
.spinner-circle {
width: 20px;
height: 20px;
position: absolute;
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;
}
.spinner-circle .container1 > div, .spinner-circle .container2 > div, .spinner-circle .container3 > div {
width: 6px;
height: 6px;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner-circle .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.spinner-circle .container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.spinner-circle .container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.spinner-circle .circle1 { top: 0; left: 0; }
.spinner-circle .circle2 { top: 0; right: 0; }
.spinner-circle .circle3 { right: 0; bottom: 0; }
.spinner-circle .circle4 { left: 0; bottom: 0; }
.spinner-circle .container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner-circle .container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner-circle .container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner-circle .container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.spinner-circle .container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.spinner-circle .container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.spinner-circle .container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.spinner-circle .container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.spinner-circle .container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.spinner-circle .container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.spinner-circle .container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*bbpress*/
#adonepage div.bbp-breadcrumb, div.bbp-topic-tags {
font-size: 18px !important;
font-weight: 300 !important;
}
#adonepage .bbp-pagination-count {
font-size: 16px !important;
font-weight: 300 !important;
}
#adonepage #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
background: #fff !important;
border: 1px solid #EF9411 !important;
}
#adonepage #bbpress-forums #bbp-forum-0.bbp-topics {
border:none !important;
}
#adonepage #bbpress-forums #bbp-forum-0 .forum-titles .bbp-topic-title,
#adonepage #bbpress-forums #bbp-forum-0 .forum-titles .bbp-topic-voice-count,
#adonepage #bbpress-forums #bbp-forum-0 .forum-titles .bbp-topic-reply-count,
#adonepage #bbpress-forums #bbp-forum-0 .forum-titles .bbp-topic-freshness {
font-size:16px !important;
font-weight:600 !important;
}
#adonepage #bbpress-forums #bbp-forum-0 .bbp-body .bbp-topic-permalink {
font-size:15px !important;
font-weight:400 !important;
}
#adonepage #bbpress-forums #bbp-forum-0 .bbp-body .bbp-topic-voice-count,
#adonepage #bbpress-forums #bbp-forum-0 .bbp-body .bbp-topic-reply-count,
#adonepage #bbpress-forums #bbp-forum-0 .bbp-body .bbp-topic-reply-count,
#adonepage #bbpress-forums #bbp-forum-0 .bbp-body .bbp-topic-freshness {
font-size:15px !important;
font-weight:300 !important;
}
#adonepage #bbpress-forums .bbp-forum-info .bbp-forum-content,
#adonepage #bbpress-forums p.bbp-topic-meta {
font-size: 14px !important;
font-weight: 300 !important;
}
#adonepage #bbpress-forums div.odd,
#adonepage #bbpress-forums ul.odd {
background:#fff !important;
border-top:none !important;
border-left:1px solid #EF9411 !important;
border-right:1px solid #EF9411 !important;
}
#adonepage .bbp-body .even {
background:none !important;
border:1px solid #EF9411!important;
}
#adonepage #bbpress-forums div.even,
#adonepage #bbpress-forums ul.even {
border:1px solid #EF9411!important;
}