@import url("https://fonts.googleapis.com/css?family=Heebo:400,700&display=swap");
.woocommerce-notices-wrapper,
.rows {
float: left;
width: 100%; }
.row {
margin: 0 -16px 0 -17px;
}
.woocommerce-notices-wrapper .woocommerce-message, 
.container{
margin: 0 auto;
max-width: 1300px;
}
.col-lg-1, .col-lg-2, .col-lg-2b, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.reverse .col-lg-1,  .reverse .col-lg-2,  .reverse .col-lg-2b,  .reverse .col-lg-3,  .reverse .col-lg-4,  .reverse .col-lg-5,  .reverse .col-lg-6,  .reverse .col-lg-7,  .reverse .col-lg-8,  .reverse .col-lg-9,  .reverse .col-lg-10,  .reverse .col-lg-11,  .reverse .col-lg-12 {
float: right;
}
.col-lg-1 > div, .col-lg-2 > div, .col-lg-2b > div, .col-lg-3 > div, .col-lg-4 > div, .col-lg-5 > div, .col-lg-6 > div, .col-lg-7 > div, .col-lg-8 > div, .col-lg-9 > div, .col-lg-10 > div, .col-lg-11 > div, .col-lg-12 > div {
margin: 0 16px 0 17px;
}
div.center-block {
float: none !important;
margin: 0 auto;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after {
content: " ";
display: table;
}
.clearfix::after, .container::after, .container-fluid::after, .row::after {
clear: both;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2b {
width: 20%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
@media screen and (max-width: 1890px){
.container,
.woocommerce-notices-wrapper .woocommerce-message, 
.container{
width: 1600px;
}
}
@media screen and (max-width: 1680px){
.container,
.woocommerce-notices-wrapper .woocommerce-message, 
.container{
width: 1400px;
}
}
@media screen and (max-width: 1500px){
.container,
.woocommerce-notices-wrapper .woocommerce-message, 
.container{
width: 1200px;
}
.col-mid-12 {
width: 100%;
}
}
@media screen and (max-width: 1330px){
.container,
.woocommerce-notices-wrapper .woocommerce-message, 
.container{
width: auto;
margin: 0 60px;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-0 {
width: 0%;
}
.col-lg-1 > div, .col-lg-2 > div, .col-lg-2b > div, .col-lg-3 > div, .col-lg-4 > div, .col-lg-5 > div, .col-lg-6 > div, .col-lg-7 > div, .col-lg-8 > div, .col-lg-9 > div, .col-lg-10 > div, .col-lg-11 > div, .col-lg-12 > div {
margin: 0 15px;
}
.row {
margin: 0 -15px;
}
}
@media screen and (max-width: 1020px){
.container,
.woocommerce-notices-wrapper .woocommerce-message, 
.container-full{
margin:  0 60px;
}
}	
@media screen and (max-width: 900px){
.container,
.woocommerce-notices-wrapper .woocommerce-message, 
.container{
width: auto;
margin: 0 20px;
}
.tp-caption{
display: none;
}
.row {
margin: 0 -9px;
}
.col-lg-1, .col-lg-2, .col-lg-2b, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 > div, .col-lg-2 > div, .col-lg-2b > div, .col-lg-3 > div, .col-lg-4 > div, .col-lg-5 > div, .col-lg-6 > div, .col-lg-7 > div, .col-lg-8 > div, .col-lg-9 > div, .col-lg-10 > div, .col-lg-11 > div, .col-lg-12 > div {
margin: 0 9px;
}
}	
@media screen and (max-width: 800px){
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-0 {
width: 0;
display: none;
}
.row {
margin: 0 -12px;
}
.woocommerce-notices-wrapper .woocommerce-message, 
.container{
margin: 0 12px;
}
.col-lg-1 > div, .col-lg-2 > div, .col-lg-2b > div, .col-lg-3 > div, .col-lg-4 > div, .col-lg-5 > div, .col-lg-6 > div, .col-lg-7 > div, .col-lg-8 > div, .col-lg-9 > div, .col-lg-10 > div, .col-lg-11 > div, .col-lg-12 > div {
margin: 0 12px;
}
}
@media screen and (max-width: 720px){
}
@media screen and (max-width: 600px){
.col-xsm-12 {
width: 100%;
}
.col-xsm-11 {
width: 91.66666667%;
}
.col-xsm-10 {
width: 83.33333333%;
}
.col-xsm-9 {
width: 75%;
}
.col-xsm-8 {
width: 66.66666667%;
}
.col-xsm-7 {
width: 58.33333333%;
}
.col-xsm-6 {
width: 50%;
}
.col-xsm-5 {
width: 41.66666667%;
}
.col-xsm-4 {
width: 33.33333333%;
}
.col-xsm-3 {
width: 25%;
}
.col-xsm-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
}
@media screen and (max-width: 460px){
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//hyperpix.net/wp-content/themes/hyperpix/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.tooltipster-base { display: flex;
pointer-events: none; position: absolute;
}
.tooltipster-box { flex: 1 1 auto;
}
.tooltipster-content { box-sizing: border-box; max-height: 100%;
max-width: 100%;
overflow: auto;
}
.tooltipster-ruler { bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}   .tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
opacity: 1;
} .tooltipster-grow {
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
} .tooltipster-swing {
opacity: 0;
-webkit-transform: translate3d(0, 15px, 0);
-ms-transform: translate3d(0, 15px, 0);
-o-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
-webkit-transition: 	all .2s;
-o-transition: 	all .2s;
transition: 	all .2s;
}
.tooltipster-swing.tooltipster-show {
-webkit-transition: 	all .2s;
-o-transition: 	all .2s;
transition: 	all .2s;
opacity: 1;
-webkit-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
} .tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0;
} .tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0;
}   @keyframes tooltipster-fading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tooltipster-update-fade {
animation: tooltipster-fading 400ms;
} @keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg);
}
75% {
transform: rotate(2deg);
}
100% {
transform: rotate(0);
}
}
.tooltipster-update-rotate {
animation: tooltipster-rotating 600ms;
} @keyframes tooltipster-scaling {
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.tooltipster-update-scale {
animation: tooltipster-scaling 600ms;
}  .tooltipster-sidetip .tooltipster-box {
background: #565656; border-radius: 4px;
background: #383838;
max-width: 245px;
font-size: 	12px;
padding-top: 5px;
font-family: NeueHaas UnicaPro , Helvetica , Arial,Geneva,sans-serif;
padding-bottom: 5px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
} .tooltipster-sidetip .tooltipster-content {
color: white;
line-height: 18px;
padding: 6px 14px;
} .tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px; margin-left: -10px;
top: 0;
width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0; top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0; top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px;
} .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
} .tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
left: 0;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
left: -3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
left: 3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #383838;
left: 0;
top: -3px;
} .tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid #383838;
left: 0;
top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: black;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: black;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: black;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: #383838;
border: none;
background: #383838;
} .tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(//hyperpix.net/wp-content/themes/hyperpix/images/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png) -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(//hyperpix.net/wp-content/themes/hyperpix/images/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; }
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png);
background-position: -40px -182px; 
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/fancybox.png) -55px -90px no-repeat;
} .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
html {
margin-top: 0!important;
}
body {
color: #000000;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
background: #ffffff;
overflow-x: hidden;
}
a {
color: #000000;
text-decoration: none;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
label {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
textarea,
input,
button {
border: none;
background: none;
width: 100%;
color: #000000;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
outline: none;
}
*:focus {
outline: none;
background: none;
}
p {
font-size: 15px;
line-height: 24px;
color: #242424;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin: 0 0 18px;
color: #222222;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
h2 {
font-size: 34px;
line-height: 38px;
}
h3 {
font-size: 28px;
line-height: 36px;
}
h4 {
font-size: 26px;
line-height: 28px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 18px;
}
label {
color: #000;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
ul li {
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
img {
height: auto;
display: block;
max-width: 100%;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
select,
textarea,
button,
input {
font-size: 14px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
option {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
@keyframes fadeInUp {
from {
opacity: 0;
}
to {
opacity: 1;
transform: none;
}
}
i {
font-style: normal!important;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
::-webkit-input-placeholder {
color: #757575;
}
::-moz-placeholder {
color: #757575;
}
:-ms-input-placeholder {
color: #757575;
}
:-o-input-placeholder {
color: #757575;
}
textarea,
input {
width: 100%;
padding: 0 2%;
background: #f5f5f5;
line-height: 38px;
margin-bottom: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
textarea {
line-height: 24px;
padding-top: 10px;
padding-bottom: 10px;
}
#submit,
button,
.button,
.btn {
line-height: 40px;
min-width: 150px;
padding: 0 15px;
color: #fff;
width: auto;
display: inline-block;
background: #1f272d;
float: left;
cursor: pointer;
text-align: center;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
#submit:hover,
button:hover,
.button:hover,
.btn:hover {
background: #0a0d0f;
}
#respond {
margin-bottom: 10px;
display: block;
}
#respond a {
color: #000;
font-weight: 700;
}
::placeholder { color: #202020;
opacity: 1; }
:-ms-input-placeholder { color: #202020;
}
::-ms-input-placeholder { color: #202020;
}
::-moz-selection {
background: #e6e6e6;
}
::selection {
background: #e6e6e6;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
@keyframes fadeInUp {
from {
opacity: 0;
}
to {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.space-30 {
height: 30px;
}
.space-20 {
height: 20px;
}
.space-36 {
height: 36px;
}
.max12 {
max-width: 1200px;
margin: 0 auto;
}
.archive-title {
display: block;
font-size: 20px;
color: #383838;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 36px;
}
#home-slid {
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/home.jpg) bottom center repeat-x #373943;
margin-bottom: 36px;
padding: 30px 0 57px;
}
#home-slid .home-text {
padding-top: 36px;
position: relative;
}
#home-slid .home-text svg.ro {
position: absolute;
bottom: -2px;
right: 4px;
opacity: .7;
-webkit-transform: rotateZ(-95deg);
-o-transform: rotateZ(-95deg);
transform: rotateZ(-95deg);
}
#home-slid .home-text svg.ro path {
fill: #a3a4ac;
}
#home-slid .home-text .toptext {
display: block;
font-size: 27px;
font-weight: 600;
color: #fff;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 14px;
}
#home-slid .home-text h1 {
font-size: 20px;
color: rgba(255, 255, 255, 0.5);
font-weight: 400;
margin-bottom: 16px;
}
#home-slid .home-text ul.home-slidop {
padding-top: 11px;
}
#home-slid .home-text ul.home-slidop li {
line-height: 27px;
display: block;
color: #fff;
font-size: 16px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#home-slid .home-text ul.home-slidop li svg {
margin-right: 7px;
position: relative;
bottom: 1px;
}
#home-slid .home-text ul.home-slidop li svg path {
fill: #008c8e;
}
#home-slid .home-slid-box {
background: #2c2f33;
margin-left: 21px;
margin-top: 41px;
padding: 27px 30px 30px;
text-align: center;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
}
#home-slid .home-slid-box > span {
display: block;
}
#home-slid .home-slid-box > span.title {
font-size: 13px;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #fff;
text-transform: uppercase;
margin-bottom: 7px;
}
#home-slid .home-slid-box > span.bill {
font-size: 12px;
color: rgba(255, 255, 255, 0.4);
margin-bottom: 21px;
position: relative;
bottom: 1px;
}
#home-slid .home-slid-box a {
display: block;
line-height: 54px;
font-size: 18px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #fff;
font-weight: 500;
background: #008c8e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#home-slid .home-slid-box a:hover {
background: #037c7e;
}
#home-slid .home-slid-box .price {
font-size: 21px;
color: #fff;
display: block;
margin-bottom: 0px;
word-spacing: -4px;
}
#home-slid .home-slid-box .price .sign {
position: relative;
bottom: 24px;
left: 3px;
}
#home-slid .home-slid-box .price .big {
font-size: 55px;
position: relative;
}
#main {
padding-bottom: 50px;
}
#main.site-main {
padding-bottom: 0;
}
#sticky-header {
background: #000;
height: 60px;
position: fixed;
left: 0;
right: 0;
top: -80px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
line-height: 39px;
z-index: 10;
}
#sticky-header #logo {
float: left;
margin-top: 17px;
}
#sticky-header #logo path {
fill: #fff;
}
#sticky-header #loginb,
#sticky-header #top-profile,
#sticky-header #topjoin {
margin-top: 10px;
}
#sticky-header #top-profile {
margin-left: 0;
}
#sticky-header #stickymenu {
height: 54px;
line-height: 54px;
position: relative;
z-index: 2;
padding-bottom: 5px;
margin-left: 190px;
margin-right: 270px;
}
#sticky-header #stickymenu nav {
padding-top: 3px;
}
#sticky-header #stickymenu nav > ul > li {
float: left;
margin-right: 38px;
position: relative;
}
#sticky-header #stickymenu nav > ul > li > a {
font-size: 15px;
color: #b1b1b1;
font-weight: 400;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
display: block;
position: relative;
z-index: 2;
}
#sticky-header #stickymenu nav > ul > li > a span {
display: inline-block;
line-height: 17px;
height: 15px;
border: 1px solid #929292;
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
margin-left: 4px;
padding: 0 5px;
position: relative;
bottom: 2px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#sticky-header #stickymenu nav > ul > li > a:hover {
color: #fff;
}
#sticky-header #stickymenu nav > ul > li > a:hover span {
background: #fff;
border-color: #fff;
color: #000;
}
#sticky-header #stickymenu nav > ul > li ul {
padding-top: 5px;
top: 57px;
background: #fff;
position: absolute;
left: -1px;
border: 1px solid #eee;
width: 148px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 0 0px 3px 3px;
-moz-border-radius: 0 0px 3px 3px;
-ms-border-radius: 0 0px 3px 3px;
-o-border-radius: 0 0px 3px 3px;
border-radius: 0 0px 3px 3px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
#sticky-header #stickymenu nav > ul > li ul li {
line-height: 33px;
height: 33px;
}
#sticky-header #stickymenu nav > ul > li ul li a {
display: block;
padding: 0 21px;
font-size: 13px;
color: #5e5e5e;
}
#sticky-header #stickymenu nav > ul > li ul li a:hover {
background: #e9ecee;
}
#sticky-header #stickymenu nav > ul > li ul li:last-child {
padding: 0px 0 4px;
}
#sticky-header #stickymenu nav > ul li.menu-item-has-children:hover {
z-index: 3;
}
#sticky-header #stickymenu nav > ul li.menu-item-has-children:hover > a {
color: #fff;
}
#sticky-header #stickymenu nav > ul li.menu-item-has-children:hover > ul {
visibility: visible;
opacity: 1;
}
#sticky-header #stickymenu nav.top {
float: right;
}
#sticky-header #stickymenu nav.top > ul > li {
float: left;
margin-right: 0px;
margin-left: 30px;
position: relative;
}
#sticky-header #stickymenu nav.top > ul > li > a {
font-size: 13px;
color: #b1b1b1;
font-weight: 400;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
display: block;
position: relative;
z-index: 2;
text-transform: capitalize;
}
#sticky-header #stickymenu nav.top > ul > li > a:hover {
color: #fff;
}
#sticky-header.fixed {
top: 0;
}
header {
padding: 14px 0;
height: 39px;
line-height: 39px;
background: #000000;
}
header #logo {
float: left;
margin-top: 7px;
}
header #logo path {
fill: #fff;
}
header #search {
float: left;
margin-left: 35px;
width: 391px;
height: 39px;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
header #search form {
margin-bottom: 0;
}
header #search:hover {
border-color: #cccccc;
}
header #search input {
padding: 0 16px 0 37px;
background: #313131;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 39px;
line-height: 39px;
font-size: 15px;
color: #8c8c8c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
margin-bottom: 0;
}
header #search input:hover,
header #search input:focus {
background: #fff;
}
header #search ::-webkit-input-placeholder { color: #8c8c8c;
}
header #search ::-moz-placeholder { color: #8c8c8c;
}
header #search :-ms-input-placeholder { color: #8c8c8c;
}
header #search :-moz-placeholder { color: #8c8c8c;
}
header #search button {
position: absolute;
left: 0;
background: none;
width: 42px;
top: 0px;
min-width: inherit;
padding: 0;
height: 39px;
line-height: 39px;
}
header #search button svg {
display: inline-block;
position: relative;
top: 3px;
}
header #search button svg path {
fill: #8c8c8c;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
header #search button:hover svg path {
fill: #606060;
}
header #search:hover {
border-color: #c4cacf;
}
header #search:hover input {
color: #8a8a8a;
}
header #search:hover ::-webkit-input-placeholder { color: #8a8a8a;
}
header #search:hover ::-moz-placeholder { color: #8a8a8a;
}
header #search:hover :-ms-input-placeholder { color: #8a8a8a;
}
header #search:hover :-moz-placeholder { color: #8a8a8a;
}
header #search:hover button svg path {
fill: #92a0a1;
}
body.ads {
height: 99vh;
overflow: hidden;
position: fixed;
left: 0;
right: 0;
top: 0;
}
#topjoin {
float: right;
margin-left: 11px;
}
#topjoin > span,
#topjoin > a {
display: block;
padding: 0 21px;
cursor: pointer;
background: #008c8e;
font-size: 15px;
text-transform: capitalize;
color: #ffffff;
font-weight: 700;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transform-origin: 50% 50% 0px;
-moz-transform-origin: 50% 50% 0px;
-ms-transform-origin: 50% 50% 0px;
-o-transform-origin: 50% 50% 0px;
transform-origin: 50% 50% 0px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#topjoin > span:hover,
#topjoin > a:hover {
animation-name: pop;
animation-duration: .7s;
}
#topjoin > span span,
#topjoin > a span {
display: inline;
font-weight: 400;
padding: 0;
}
@-webkit-keyframes pop {
0% {
-webkit-filter: blur(0px) grayscale(0%) brightness(100%);
-o-filter: blur(0px) grayscale(0%) brightness(100%);
filter: blur(0px) grayscale(0%) brightness(100%);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
50% {
-webkit-filter: blur(0px) grayscale(0%) brightness(120%);
-o-filter: blur(0px) grayscale(0%) brightness(120%);
filter: blur(0px) grayscale(0%) brightness(120%);
-webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
-webkit-filter: blur(0px) grayscale(0%) brightness(100%);
-o-filter: blur(0px) grayscale(0%) brightness(100%);
filter: blur(0px) grayscale(0%) brightness(100%);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
} @keyframes pop {
0% {
-webkit-filter: blur(0px) grayscale(0%) brightness(100%);
-o-filter: blur(0px) grayscale(0%) brightness(100%);
filter: blur(0px) grayscale(0%) brightness(100%);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
50% {
-webkit-filter: blur(0px) grayscale(0%) brightness(120%);
-o-filter: blur(0px) grayscale(0%) brightness(120%);
filter: blur(0px) grayscale(0%) brightness(120%);
-webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1.07, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
-webkit-filter: blur(0px) grayscale(0%) brightness(100%);
-o-filter: blur(0px) grayscale(0%) brightness(100%);
filter: blur(0px) grayscale(0%) brightness(100%);
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
#toppremium {
float: right;
margin-left: 15px;
}
#toppremium a {
display: block;
padding: 0 13px 0 13px;
border: 1px solid #008c8e;
color: #008c8e;
font-size: 13px;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#toppremium a svg {
position: relative;
top: 1px;
margin-right: 5px;
}
#toppremium a svg path {
fill: #008c8e;
}
#toppremium a:hover {
background: #008c8e;
color: #fff;
}
#toppremium a:hover svg {
position: relative;
top: 1px;
margin-right: 5px;
}
#toppremium a:hover svg path {
fill: #fff;
}
#loginb {
float: right;
margin-left: 46px;
}
#loginb a {
display: block;
font-size: 14px;
padding: 0 13px;
color: #b1b1b1;
font-weight: 400;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#loginb a:hover {
background: #222222;
}
.topbasket {
float: right;
position: relative;
margin-left: 27px;
left: 13px;
bottom: 9px;
z-index: 4;
}
.topbasket svg path {
fill: #fff;
}
.topbasket .edd-cart-number-of-items {
cursor: pointer;
}
.topbasket .edd-cart-number-of-items .edd-cart-quantity {
text-align: center;
line-height: 18px;
margin-left: 4px;
position: relative;
bottom: 5px;
display: inline-block;
padding: 0 4px;
min-width: 10px;
background: #ee5253;
color: #fff;
font-style: normal;
font-size: 11px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.topbasket .edd-cart-number-of-items .edd-cart-quantity.num0 {
visibility: hidden;
}
.topbasket ul {
position: absolute;
left: -127px;
top: 47px;
width: 300px;
background: #fff;
opacity: 0;
display: none !important;
visibility: hidden;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.34);
-moz-box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.34);
box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.34);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.topbasket ul li.edd-cart-item {
overflow: hidden;
padding: 15px;
border-bottom: 1px solid #e9ecef;
position: relative;
}
.topbasket ul li.edd-cart-item .pic {
display: inline-block;
float: left;
}
.topbasket ul li.edd-cart-item .pic img {
display: block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.topbasket ul li.edd-cart-item .edd-cart-item-title {
float: left;
font-size: 13px;
line-height: 18px;
margin-left: 12px;
color: #444444;
width: 130px;
position: relative;
bottom: 1px;
}
.topbasket ul li.edd-cart-item .edd-cart-item-title .edd-cart-item-separator {
display: none;
}
.topbasket ul li.edd-cart-item .price-rem {
float: right;
text-align: right;
margin-right: 15px;
width: 45px;
line-height: 15px;
padding-top: 4px;
white-space: nowrap;
}
.topbasket ul li.edd-cart-item .price-rem span {
font-size: 12px;
color: #444444;
margin-bottom: 4px;
}
.topbasket ul li.edd-cart-item a.edd-remove-from-cart {
display: block;
font-size: 12px;
color: #f54343;
position: absolute;
right: 16px;
top: 26px;
font-weight: normal;
width: auto;
height: auto;
line-height: inherit;
}
.topbasket ul li.edd-cart-item a.edd-remove-from-cart:hover {
background: none;
color: #f54343;
}
.topbasket ul .cart_item.edd_checkout {
padding: 15px;
}
.topbasket ul .cart_item.edd_checkout a {
display: none;
height: 38px;
float: none;
margin-bottom: 5px;
padding: 0;
line-height: 36px;
background: #008c8e;
color: #fff;
font-weight: normal;
font-size: 16px;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.topbasket ul .cart_item.edd_checkout a:hover {
background: #037c7e;
}
.topbasket ul .cart_item.edd_checkout a.checkout {
display: block;
}
.topbasket:hover ul {
visibility: visible;
opacity: 1;
}
.acti .topbasket ul {
visibility: visible;
opacity: 1;
}
#mainmenu {
height: 48px;
line-height: 48px;
background: #000000;
position: relative;
z-index: 2;
padding-bottom: 5px;
}
#mainmenu nav {
padding-top: 3px;
}
#mainmenu nav > ul > li {
float: left;
margin-right: 38px;
position: relative;
}
#mainmenu nav > ul > li > a {
font-size: 15px;
color: #b1b1b1;
font-weight: 400;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
display: block;
position: relative;
z-index: 2;
}
#mainmenu nav > ul > li > a span {
display: inline-block;
line-height: 17px;
height: 15px;
border: 1px solid #929292;
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
margin-left: 4px;
padding: 0 5px;
position: relative;
bottom: 2px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#mainmenu nav > ul > li > a:hover {
color: #fff;
}
#mainmenu nav > ul > li > a:hover span {
background: #fff;
border-color: #fff;
color: #000;
}
#mainmenu nav > ul > li ul {
padding-top: 5px;
top: 50px;
background: #fff;
position: absolute;
left: -1px;
border: 1px solid #eee;
width: 148px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 0 0px 3px 3px;
-moz-border-radius: 0 0px 3px 3px;
-ms-border-radius: 0 0px 3px 3px;
-o-border-radius: 0 0px 3px 3px;
border-radius: 0 0px 3px 3px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
#mainmenu nav > ul > li ul li {
line-height: 33px;
height: 33px;
}
#mainmenu nav > ul > li ul li a {
display: block;
padding: 0 21px;
font-size: 13px;
color: #5e5e5e;
}
#mainmenu nav > ul > li ul li a:hover {
background: #e9ecee;
}
#mainmenu nav > ul > li ul li:last-child {
padding: 0px 0 4px;
}
#mainmenu nav > ul li.menu-item-has-children:hover {
z-index: 3;
}
#mainmenu nav > ul li.menu-item-has-children:hover > a {
color: #fff;
}
#mainmenu nav > ul li.menu-item-has-children:hover > ul {
visibility: visible;
opacity: 1;
}
#mainmenu nav.top {
float: right;
}
#mainmenu nav.top > ul > li {
float: left;
margin-right: 0px;
margin-left: 30px;
position: relative;
}
#mainmenu nav.top > ul > li > a {
font-size: 13px;
color: #b1b1b1;
font-weight: 400;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
display: block;
position: relative;
z-index: 2;
text-transform: capitalize;
}
#mainmenu nav.top > ul > li > a:hover {
color: #fff;
}
#bread-crumb {
padding: 20px 0;
line-height: 26px;
}
#bread-crumb li {
display: inline-block;
}
#bread-crumb li a {
font-size: 12px;
color: #959595;
}
#bread-crumb li a:hover {
color: #484848;
background: none;
}
#bread-crumb li:last-child {
display: none;
}
#bread-crumb li svg path {
fill: #bebebe;
}
#bread-crumb.pro {
padding: 5px 0 0;
font-size: 11px;
}
#bread-crumb.pro a {
padding: 0;
background: none;
margin-right: 7px;
font-size: 11px;
}
#bread-crumb.pro svg {
margin: 0px 10px 0 0;
}
#bread-crumb,
#breadcrumb {
font-size: 12px;
color: #6c757d;
}
#bread-crumb svg,
#breadcrumb svg {
margin: 0 10px;
}
#bread-crumb svg path,
#breadcrumb svg path {
fill: #bdc0c1 !important;
}
#bread-crumb li,
#breadcrumb li {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#bread-crumb li a,
#breadcrumb li a {
padding: 0 12px;
display: inline-block;
line-height: 28px;
background: none;
font-size: 12px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #aab0b6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#bread-crumb li a:hover,
#breadcrumb li a:hover {
color: #aab0b6;
}
#bread-crumb li:last-child,
#breadcrumb li:last-child {
display: inline-block !important;
}
#bread-crumb li:last-child a,
#breadcrumb li:last-child a {
padding: 0;
background: none;
color: #6c757d;
}
#bread-crumb li:last-child svg,
#breadcrumb li:last-child svg {
display: none;
}
#bread-crumb.contact-bread,
#breadcrumb.contact-bread {
text-align: left;
padding: 5px 0;
font-size: 11px;
color: #a5a5a5;
}
#bread-crumb.contact-bread svg,
#breadcrumb.contact-bread svg {
margin: 0 10px;
}
#bread-crumb.contact-bread svg path,
#breadcrumb.contact-bread svg path {
fill: #a5a5a5 !important;
}
#bread-crumb.contact-bread li,
#breadcrumb.contact-bread li {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#bread-crumb.contact-bread li a,
#breadcrumb.contact-bread li a {
padding: 0 0px;
display: inline-block;
line-height: 28px;
background: none;
font-size: 11px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #aab0b6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#bread-crumb.contact-bread li a:hover,
#breadcrumb.contact-bread li a:hover {
background: none;
color: #fff;
}
#bread-crumb.contact-bread li:last-child,
#breadcrumb.contact-bread li:last-child {
display: inline-block !important;
}
#bread-crumb.contact-bread li:last-child a,
#breadcrumb.contact-bread li:last-child a {
padding: 0;
background: none;
color: #a5a5a5;
}
#bread-crumb.contact-bread li:last-child svg,
#breadcrumb.contact-bread li:last-child svg {
display: none;
}
#bread-crumb.blog,
#breadcrumb.blog {
padding: 9px 0 15px;
}
#bread-crumb.blog li,
#breadcrumb.blog li {
color: #a5a5a5;
font-size: 11px;
}
#bread-crumb.blog li a,
#breadcrumb.blog li a {
padding: 0;
font-size: 11px;
color: #a5a5a5;
}
#bread-crumb.blog li svg path,
#breadcrumb.blog li svg path {
fill: #a5a5a5;
}
#bread-crumb.inside,
#breadcrumb.inside {
padding: 7px 0 10px;
}
#blog-top-menu {
background: #34353a;
line-height: 40px;
padding: 33px 0 17px;
position: relative;
}
#blog-top-menu .title {
float: left;
margin-bottom: 20px;
}
#blog-top-menu .title a,
#blog-top-menu .title span,
#blog-top-menu .title h1 {
margin: 0;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 34px;
color: #fff;
display: block;
font-weight: 600;
}
#blog-top-menu .form {
float: right;
position: relative;
top: 2px;
}
#blog-top-menu .form form .fieldset,
#blog-top-menu .form form p {
display: inline-block;
vertical-align: top;
margin: 0 0 10px 6px;
}
#blog-top-menu .form form button {
line-height: 39px;
height: 39px;
background: #64666d;
color: #fff;
min-width: inherit;
padding: 0 20px;
font-size: 15px;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#blog-top-menu .form form button:hover {
background: #7e8089;
}
#blog-top-menu .form form ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4);
}
#blog-top-menu .form form ::-moz-placeholder { color: rgba(255, 255, 255, 0.4);
}
#blog-top-menu .form form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.4);
}
#blog-top-menu .form form :-moz-placeholder { color: rgba(255, 255, 255, 0.4);
}
#blog-top-menu .form form .sib-email-area {
width: 187px;
line-height: 37px;
padding: 0 15px;
background: none;
font-size: 13px;
position: relative;
bottom: 1px;
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(255, 255, 255, 0.4);
border: 1px solid #54565c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#blog-top-menu .form form .sib-email-area:hover,
#blog-top-menu .form form .sib-email-area:focus {
border-color: #707479;
-webkit-box-shadow: none;
box-shadow: none;
}
#blog-top-menu .form form p {
line-height: 39px;
font-size: 15px;
color: rgba(255, 255, 255, 0.5);
margin-right: 10px;
}
#blog-menus {
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
#blog-menus:after {
position: absolute;
top: 0;
right: 0;
display: none;
width: 200px;
height: 100%;
pointer-events: none;
content: "";
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #ffffff 95%, #ffffff);
}
#blog-menus #blog-menu {
overflow: auto;
line-height: 51px;
height: 53px;
}
#blog-menus #blog-menu ul {
white-space: nowrap;
}
#blog-menus #blog-menu li {
display: inline;
margin-right: 34px;
}
#blog-menus #blog-menu li a {
font-size: 14px;
display: inline-block;
color: #6f6f6f;
}
#blog-menus #blog-menu li a:hover {
color: #000000;
}
#blog-menus #blog-menu li.current-menu-item a,
#blog-menus #blog-menu li.current_page_item a,
#blog-menus #blog-menu li.current-post-parent a {
border-bottom: 1px solid #000;
color: #000000;
}
.desktop #blog-menus #blog-menu {
overflow: hidden;
}
.singletitle {
margin-bottom: 17px;
padding-top: 2px;
}
.singletitle h1 {
margin: 0;
font-size: 38px;
line-height: 46px;
color: #000000;
font-weight: 700;
}
.singletitle.down {
margin-bottom: 20px;
}
.singletitle.down h1 {
font-size: 28px;
line-height: 36px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #262626;
}
.pot-info {
line-height: 50px;
overflow: hidden;
margin-bottom: 10px;
}
.pot-info .author {
float: left;
font-size: 15px;
color: #6b6b6b;
}
.pot-info .author .name {
color: #6b6b6b;
text-transform: capitalize;
}
.pot-info .author img {
float: left;
margin-right: 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.pot-info .date {
float: left;
position: relative;
}
.pot-info .date .sep {
display: inline-block;
height: 1px;
width: 12px;
background: #b2b2b2;
position: relative;
bottom: 3px;
}
.pot-info .date .time {
font-size: 15px;
color: #6b6b6b;
}
.pot-info .cat {
float: left;
margin-left: 8px;
position: relative;
}
.pot-info .cat span {
font-size: 15px;
color: #6b6b6b;
}
.pot-info .cat a {
margin-left: 2px;
font-size: 15px;
color: #2c2b2b;
}
.pot-info .cat ul {
display: inline-block;
}
.pot-info .cat ul li {
display: inline-block;
}
.pot-info .cat ul li a {
font-size: 15px;
color: #2c2b2b;
margin-left: 2px;
}
.Windows #blog-top-menu #blog-menu {
overflow: hidden;
}
.socail-blog {
line-height: 38px;
overflow: hidden;
padding-top: 10px;
padding-bottom: 26px;
margin-bottom: 12px;
border-bottom: 1px solid #e1e1e1;
}
.socail-blog li {
float: left;
margin-right: 14px;
margin-bottom: 14px;
}
.socail-blog li a {
display: block;
direction: rtl;
width: 84px;
height: 38px;
position: relative;
bottom: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
text-align: left;
color: #fff;
font-size: 14px;
padding: 0 0 0 16px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.socail-blog li a.facebook {
padding-left: 23px;
}
.socail-blog li a.facebook svg {
left: -7px;
}
.socail-blog li a svg {
display: inline-block;
margin: 0 10px 0 0px;
position: relative;
top: 1px;
}
.socail-blog li a svg path {
fill: #fff;
}
.socail-blog li a.facebook {
background: #3b5998;
}
.socail-blog li a.twitter {
background: #01aaee;
}
.socail-blog li a.pinterest {
background: #ae181f;
}
.socail-blog li a.redit {
background: #ff4500;
}
.socail-blog li a.in {
background: #0077b5;
}
.socail-blog li a.mail {
background: #7c7c7c;
}
.socail-blog li a:hover {
bottom: 3px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.max-600 {
max-width: 696px;
margin: 0 auto;
}
.single-post-in {
font-family: Georgia, Helvetica, Arial, Geneva, sans-serif;
font-size: 20px;
line-height: 34px;
color: #242424;
margin-bottom: 60px;
}
.single-post-in .attachment-post-thumbnail {
margin-bottom: 35px;
}
.single-post-in p {
font-family: Georgia, Helvetica, Arial, Geneva, sans-serif;
font-size: 18px;
line-height: 30px;
margin-bottom: 35px;
}
.single-post-in .pinit-hover {
opacity: 1 !important;
}
.single-post-in li a,
.single-post-in p a {
color: #242424;
border-bottom: 1px solid #242424;
}
.single-post-in li a:hover,
.single-post-in p a:hover {
border-bottom: 2px solid #242424;
}
.single-post-in .wp-block-button.hp-paid-font,
.single-post-in .wp-block-button.purchase,
.single-post-in .wp-block-button.hp-free-font,
.single-post-in .wp-block-button.download {
padding-top: 5px;
padding-bottom: 46px;
}
.single-post-in .wp-block-button.hp-paid-font a,
.single-post-in .wp-block-button.purchase a,
.single-post-in .wp-block-button.hp-free-font a,
.single-post-in .wp-block-button.download a {
display: inline-block;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
line-height: 27px;
background: #008c8e;
font-size: 20px;
font-weight: bold;
text-align: left;
color: #fff;
position: relative;
padding: 20px 22px 20px 52px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border: none;
border-radius: 2px;
}
.single-post-in .wp-block-button.hp-paid-font a:before,
.single-post-in .wp-block-button.purchase a:before,
.single-post-in .wp-block-button.hp-free-font a:before,
.single-post-in .wp-block-button.download a:before {
content: '';
width: 15px;
display: block;
position: absolute;
left: 24px;
top: 22px;
height: 18px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/download-1.svg);
}
.single-post-in .wp-block-button.hp-paid-font a:hover,
.single-post-in .wp-block-button.purchase a:hover,
.single-post-in .wp-block-button.hp-free-font a:hover,
.single-post-in .wp-block-button.download a:hover {
background: #037c7e;
border: none;
}
.single-post-in .wp-block-button.hp-paid-font a,
.single-post-in .wp-block-button.purchase a {
background: #282828;
}
.single-post-in .wp-block-button.hp-paid-font a:before,
.single-post-in .wp-block-button.purchase a:before {
width: 15px;
left: 24px;
top: 22px;
height: 18px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/download-1.svg);
}
.single-post-in .wp-block-button.hp-paid-font a:hover,
.single-post-in .wp-block-button.purchase a:hover {
background: #000000;
border: none;
}
.single-post-in h1,
.single-post-in h2,
.single-post-in h3,
.single-post-in h4,
.single-post-in h5,
.single-post-in h6 {
padding-top: 28px;
margin-bottom: 22px;
color: #000000;
}
.single-post-in h1.line,
.single-post-in h2.line,
.single-post-in h3.line,
.single-post-in h4.line,
.single-post-in h5.line,
.single-post-in h6.line {
border-bottom: 1px solid #000000;
display: inline-block;
}
.single-post-in h1 a,
.single-post-in h2 a,
.single-post-in h3 a,
.single-post-in h4 a,
.single-post-in h5 a,
.single-post-in h6 a {
color: #008c8e;
}
.single-post-in h1 a:hover,
.single-post-in h2 a:hover,
.single-post-in h3 a:hover,
.single-post-in h4 a:hover,
.single-post-in h5 a:hover,
.single-post-in h6 a:hover {
color: #007577;
}
.single-post-in img {
margin: 10px auto 20px;
padding: 0px;
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.single-post-in .wp-block-image {
margin: 0;
margin-bottom: 20px;
}
.single-post-in .wp-block-image img {
margin-bottom: 1px;
}
.single-post-in .wp-block-image figcaption {
margin-top: 1px;
}
.single-post-in ul {
padding-left: 34px;
padding-top: 8px;
}
.single-post-in ul li {
position: relative;
margin-bottom: 30px;
}
.single-post-in ul li:before {
content: '';
width: 5px;
height: 5px;
background: #555555;
position: absolute;
left: -14px;
top: 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.single-post-in ol {
padding-left: 34px;
padding-top: 8px;
}
.single-post-in ol li {
position: relative;
margin-bottom: 30px;
}
.single-post-in blockquote,
.single-post-in .wp-block-quote {
margin: 30px 0;
border-left: 5px solid #c2c2c4;
padding-left: 28px;
}
.single-post-in blockquote p,
.single-post-in .wp-block-quote p {
font-size: 23px;
line-height: 38px;
}
.single-post-in.down {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 16px;
line-height: 27px;
margin-bottom: 31px;
color: #656565;
position: relative;
}
.single-post-in.down h2.title {
padding-top: 0;
font-size: 26px;
color: #000000;
margin-bottom: 11px;
}
.single-post-in.down h2.title span.tagt {
display: inline-block;
line-height: 19px;
height: 17px;
margin-left: 5px;
padding: 0 7px;
text-transform: uppercase;
background: #000;
font-size: 9px;
font-weight: bold;
vertical-align: middle;
letter-spacing: 0.7px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.single-post-in.down h2.title span.tagt.pre {
background: #008c8e;
}
.single-post-in.down h2.title span.tagt.free {
background: #f7595e;
}
.single-post-in.down p {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin: 0 0 31px;
font-size: 16px;
line-height: 27px;
color: #656565;
}
.single-post-in.down img {
margin-top: 0;
padding: 0px;
}
.download-video {
border-top: 1px solid #e1e1e1;
padding-top: 1px;
margin-bottom: 40px;
}
.download-video h2 {
font-size: 20px;
color: #292929;
margin-bottom: 41px;
}
.download-video h2 svg {
width: 34px !important;
height: 23px !important;
position: relative;
top: 5px;
margin-right: 5px;
}
.download-video h2 svg path {
fill: #ff0000;
}
.download-video iframe {
width: 100% !important;
}
.share-friend {
display: none;
}
.download-widget {
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/freef.jpg) right top no-repeat #f0f0f0;
padding: 25px 230px 16px 27px;
margin-bottom: 65px;
border: 5px solid #fff;
-webkit-box-shadow: -1px 5px 7px 1px rgba(0, 0, 0, 0.26);
-moz-box-shadow: -1px 5px 7px 1px rgba(0, 0, 0, 0.26);
box-shadow: -1px 5px 7px 1px rgba(0, 0, 0, 0.26);
overflow: hidden;
}
.download-widget span.title {
display: none;
}
.download-widget .text {
line-height: 1.4;
}
.download-widget .text .title-text {
display: block;
font-size: 25px;
color: #292929;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.download-widget .text .top {
display: block;
font-size: 19px;
color: #292929;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 22px;
}
.download-widget .text ul {
margin-bottom: 29px;
}
.download-widget .text ul li {
font-size: 16px;
line-height: 26px;
color: #5a5a5a;
}
.download-widget .text ul li svg {
margin-right: 7px;
}
.download-widget .text ul li svg path {
fill: #26ae4f;
}
.download-widget .sib-email-area {
position: relative;
padding-right: 142px;
padding-left: 13px;
height: 46px;
background: #fff;
border: 1px solid #d6d6d6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.download-widget .sib-email-area button {
width: 132px;
height: 48px;
background: #26ae4f;
position: absolute;
right: -1px;
top: -1px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 18px;
text-transform: capitalize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
.download-widget .sib-email-area button:hover {
background: #1d843c;
}
.download-widget .sib-email-area input {
background: none;
width: 100%;
border: none;
padding: 0;
font-size: 16px;
color: #757575;
margin-bottom: 0;
line-height: 46px;
}
.download-widget .sib-email-area ::-webkit-input-placeholder { color: #757575;
}
.download-widget .sib-email-area ::-moz-placeholder { color: #757575;
}
.download-widget .sib-email-area :-ms-input-placeholder { color: #757575;
}
.download-widget .sib-email-area :-moz-placeholder { color: #757575;
}
.mob-gallery {
display: block;
float: none;
clear: both;
border-bottom: 1px solid #eaeaea;
margin-bottom: 34px;
}
.mob-gallery li:before {
display: none;
}
.mob-gallery .woocommerce-product-gallery,
.mob-gallery .woocommerce-product-gallery--with-images,
.mob-gallery .woocommerce-product-gallery--columns-4 .images {
float: none !important;
width: 100% !important;
margin-bottom: 18px !important;
white-space: nowrap;
}
.mob-gallery .lSSlideWrapper {
margin-bottom: 12px;
}
.mob-gallery img {
margin-bottom: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.mob-gallery .fancyframe {
position: relative;
display: block;
}
.mob-gallery .fancyframe:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/play.svg) center center no-repeat rgba(0, 0, 0, 0.6);
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery {
width: 100% !important;
overflow: auto;
text-align: center;
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery li {
float: none;
display: inline-block;
margin: 0 10px !important;
width: 94px !important;
vertical-align: top;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
-ms-border-radius: 2px !important;
-o-border-radius: 2px !important;
border-radius: 2px !important;
-webkit-transition: all .0s;
-o-transition: all .0s;
transition: all .0s;
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery li a {
display: block;
border: none;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
-ms-border-radius: 2px !important;
-o-border-radius: 2px !important;
border-radius: 2px !important;
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery li img {
margin: 0;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
-ms-border-radius: 2px !important;
-o-border-radius: 2px !important;
border-radius: 2px !important;
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery li.active {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery li.active a {
border: 2px solid #008c8e;
padding: 3px;
-webkit-transition: all .0s;
-o-transition: all .0s;
transition: all .0s;
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.inside-product {
margin: 10px 0 30px;
padding: 5px;
}
.inside-product img {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.inside-product .img {
margin-bottom: 5px;
}
.inside-product .img a,
.inside-product .img img {
display: block;
padding: 0;
margin: 0;
}
.inside-product .title {
line-height: 46px;
position: relative;
}
.inside-product .title a {
font-size: 17px;
font-weight: 400;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
color: #3f3f3f;
}
.inside-product .title .ptag {
position: absolute;
right: 0px;
top: 10px;
}
.inside-product .title .ptag span {
font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
display: block;
padding: 0 7px;
line-height: 26px;
background: #202020;
color: #fff;
font-size: 13px;
cursor: pointer;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.inside-product .title .ptag span.prem {
background: #00a887;
}
.inside-product .title .ptag span.free {
background: #f67077;
}
.inside-product.samll {
padding: 0;
margin: 0 0 30px;
}
.inside-product.samll .img {
margin-bottom: 0;
}
.inside-product.samll .title {
line-height: 48px;
padding-right: 90px;
}
.inside-product.samll .title a {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.inside-product.samll .ptag {
top: 15px;
}
.inside-product.samll .ptag span {
font-size: 11px;
padding: 0 6px;
line-height: 19px;
}
.inside-product.down {
padding: 0;
margin: 0 0 27px;
position: relative;
}
.inside-product.down .img {
margin-bottom: 0;
}
.inside-product.down .title {
line-height: 38px;
position: static;
}
.inside-product.down .title h2,
.inside-product.down .title a {
font-size: 15px;
white-space: nowrap;
overflow: hidden;
display: block;
line-height: 38px;
text-overflow: ellipsis;
margin: 0;
color: #292929;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.inside-product.down .title.free {
padding-right: 45px;
}
.inside-product.down .ptag span {
font-size: 10px;
padding: 0 6px;
line-height: 19px;
font-family: Arial, Geneva, sans-serif;
font-weight: 600;
}
.inside-product.down .ptag {
display: inline-block;
float: right;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
}
.inside-product.down .ptag span {
display: block;
background: #202020;
color: #fff;
font-family: Arial, Geneva, sans-serif;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.inside-product.down .ptag span.prem {
background: #00a887;
}
.inside-product.down .ptag span.free {
background: #f57077;
}
.inside-product.down .info {
overflow: hidden;
position: relative;
bottom: 7px;
}
.inside-product.down .info .time {
font-size: 11px;
color: #848383;
}
.inside-product:hover img {
opacity: .9;
}
.inside-product:hover .title a {
color: #000;
}
.alm-listing {
overflow: hidden;
}
#insid-in .inside-product {
padding: 9px 9px 3px;
background: #ffffff;
max-width: 500px;
margin: 0 auto;
-webkit-box-shadow: 0 4px 6px 2px rgba(160, 160, 160, 0.1);
box-shadow: 0 4px 6px 2px rgba(160, 160, 160, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#insid-in .inside-product .title .ptag span {
font-weight: 600;
}
#insid-in .inside-product .title {
padding-left: 10px;
}
#insid-in .inside-product .title a {
font-size: 18px;
color: #3f3f3f;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.socail-blog.down,
.socail-blog.bot {
background: #e6e6e6;
text-align: center;
border-bottom: none;
padding: 26px 20px 28px;
margin-bottom: 66px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.socail-blog.down .title,
.socail-blog.bot .title {
font-size: 17px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #222222;
display: block;
margin-bottom: 28px;
font-weight: 500;
}
.socail-blog.down li,
.socail-blog.bot li {
float: none;
display: inline-block;
margin-left: 7px;
margin-right: 6px;
line-height: 38px;
vertical-align: top;
}
.socail-blog.down li a,
.socail-blog.bot li a {
text-align: center;
padding: 0;
width: 93px;
}
.socail-blog.down li a svg,
.socail-blog.bot li a svg {
top: 2px;
margin: 0;
}
.socail-blog.down li a.facebook svg,
.socail-blog.bot li a.facebook svg {
left: 0px;
}
.socail-blog.down {
background: none;
padding: 0;
text-align: left;
margin-bottom: 0;
}
.socail-blog.down .title {
margin-bottom: 17px;
}
.socail-blog.down li {
margin: 0 13px 13px 0;
}
.socail-blog.down li:last-child {
margin-right: 0;
}
.socail-blog.down li a {
width: 96px;
}
#reviews,
#comments {
margin-bottom: 75px;
overflow: hidden;
}
#reviews .comment-hide,
#comments .comment-hide {
display: none;
padding-top: 67px;
padding-left: 64px;
padding-right: 64px;
}
#reviews .showcomment,
#comments .showcomment {
height: 47px;
line-height: 47px;
background: #aab0b6;
cursor: pointer;
color: #fff;
font-weight: 500;
font-size: 16px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
text-align: center;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#reviews .showcomment:hover,
#comments .showcomment:hover {
background: #8d959c;
}
#reviews .showcomment.active,
#comments .showcomment.active {
display: none;
}
#reviews .btitle,
#comments .btitle {
border-bottom: 1px solid #e1e1e1;
line-height: 40px;
font-size: 17px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #222222;
margin-bottom: 31px;
padding-bottom: 6px;
}
#reviews .review,
#comments .review,
#reviews .comment,
#comments .comment {
margin-bottom: 30px;
}
#reviews .review .right,
#comments .review .right,
#reviews .comment .right,
#comments .comment .right {
float: left;
}
#reviews .review .right img,
#comments .review .right img,
#reviews .comment .right img,
#comments .comment .right img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#reviews .review .left,
#comments .review .left,
#reviews .comment .left,
#comments .comment .left {
margin-left: 75px;
position: relative;
bottom: 3px;
}
#reviews .review .left .top,
#comments .review .left .top,
#reviews .comment .left .top,
#comments .comment .left .top {
overflow: hidden;
height: 23px;
}
#reviews .review .blog-post-comment,
#comments .review .blog-post-comment,
#reviews .comment .blog-post-comment,
#comments .comment .blog-post-comment {
margin-bottom: 24px;
}
#reviews .review .blog-post-comment .blog-post-comment-name,
#comments .review .blog-post-comment .blog-post-comment-name,
#reviews .comment .blog-post-comment .blog-post-comment-name,
#comments .comment .blog-post-comment .blog-post-comment-name {
font-size: 15px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #191919;
display: inline-block;
float: left;
font-weight: 500;
}
#reviews .review .blog-post-comment .date,
#comments .review .blog-post-comment .date,
#reviews .comment .blog-post-comment .date,
#comments .comment .blog-post-comment .date {
font-size: 13px;
color: #a9a9a9;
margin-left: 9px;
float: left;
display: inline-block;
position: relative;
top: 1px;
}
#reviews .review .blog-post-comment span.role,
#comments .review .blog-post-comment span.role,
#reviews .comment .blog-post-comment span.role,
#comments .comment .blog-post-comment span.role {
display: inline-block;
padding: 0 5px;
height: 15px;
min-width: 5px;
position: relative;
float: left;
color: #ffffff;
font-size: 10px;
margin-left: 7px;
text-transform: uppercase;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
#reviews .review .blog-post-comment span.role span,
#comments .review .blog-post-comment span.role span,
#reviews .comment .blog-post-comment span.role span,
#comments .comment .blog-post-comment span.role span {
position: relative;
top: 2px;
max-width: 0;
overflow: hidden;
display: inline-block;
margin-left: 5px;
padding-left: 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
#reviews .review .blog-post-comment span.role.prem,
#comments .review .blog-post-comment span.role.prem,
#reviews .comment .blog-post-comment span.role.prem,
#comments .comment .blog-post-comment span.role.prem {
background: #ff5248;
top: 2px;
}
#reviews .review .blog-post-comment span.role.purchased,
#comments .review .blog-post-comment span.role.purchased,
#reviews .comment .blog-post-comment span.role.purchased,
#comments .comment .blog-post-comment span.role.purchased {
background: #00a887;
top: 2px;
}
#reviews .review .blog-post-comment span.role.admin,
#comments .review .blog-post-comment span.role.admin,
#reviews .comment .blog-post-comment span.role.admin,
#comments .comment .blog-post-comment span.role.admin {
background: #191919;
color: #fff;
max-width: inherit;
height: 18px;
line-height: 18px;
margin: 0;
margin-left: 7px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-size: 10px;
}
#reviews .review .blog-post-comment span.role.admin span,
#comments .review .blog-post-comment span.role.admin span,
#reviews .comment .blog-post-comment span.role.admin span,
#comments .comment .blog-post-comment span.role.admin span {
max-width: inherit;
margin: 0 !important;
padding: 0 !important;
top: 0px;
white-space: n;
}
#reviews .review .blog-post-comment span.role svg,
#comments .review .blog-post-comment span.role svg,
#reviews .comment .blog-post-comment span.role svg,
#comments .comment .blog-post-comment span.role svg {
width: 8px;
position: absolute;
top: 3px;
left: 3px;
}
#reviews .review .blog-post-comment span.role svg path,
#comments .review .blog-post-comment span.role svg path,
#reviews .comment .blog-post-comment span.role svg path,
#comments .comment .blog-post-comment span.role svg path {
fill: #fff;
}
#reviews .review .blog-post-comment p,
#comments .review .blog-post-comment p,
#reviews .comment .blog-post-comment p,
#comments .comment .blog-post-comment p {
font-size: 15px;
line-height: 24px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #565555;
margin: 11px 0 7px;
}
#reviews .review .blog-post-comment p a,
#comments .review .blog-post-comment p a,
#reviews .comment .blog-post-comment p a,
#comments .comment .blog-post-comment p a {
color: #00a887;
}
#reviews .review .blog-post-comment .reply,
#comments .review .blog-post-comment .reply,
#reviews .comment .blog-post-comment .reply,
#comments .comment .blog-post-comment .reply {
font-size: 14px;
color: #a9a9a9;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#reviews .review .blog-post-comment .reply svg,
#comments .review .blog-post-comment .reply svg,
#reviews .comment .blog-post-comment .reply svg,
#comments .comment .blog-post-comment .reply svg {
opacity: 0;
margin-left: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#reviews .review .blog-post-comment .reply svg path,
#comments .review .blog-post-comment .reply svg path,
#reviews .comment .blog-post-comment .reply svg path,
#comments .comment .blog-post-comment .reply svg path {
fill: #c3c3c3;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#reviews .review .blog-post-comment .reply:hover,
#comments .review .blog-post-comment .reply:hover,
#reviews .comment .blog-post-comment .reply:hover,
#comments .comment .blog-post-comment .reply:hover {
color: #7a7a7a;
}
#reviews .review .blog-post-comment .reply:hover svg path,
#comments .review .blog-post-comment .reply:hover svg path,
#reviews .comment .blog-post-comment .reply:hover svg path,
#comments .comment .blog-post-comment .reply:hover svg path {
fill: #7a7a7a;
}
#reviews .review .blog-post-comment:hover span.role span,
#comments .review .blog-post-comment:hover span.role span,
#reviews .comment .blog-post-comment:hover span.role span,
#comments .comment .blog-post-comment:hover span.role span {
max-width: 120px;
padding-left: 5px;
}
#reviews .review .blog-post-comment:hover .reply svg,
#comments .review .blog-post-comment:hover .reply svg,
#reviews .comment .blog-post-comment:hover .reply svg,
#comments .comment .blog-post-comment:hover .reply svg {
opacity: 1;
}
#reviews .review .comment,
#comments .review .comment,
#reviews .comment .comment,
#comments .comment .comment {
margin-left: 55px;
}
#reviews .review .comment .blog-post-comment,
#comments .review .comment .blog-post-comment,
#reviews .comment .comment .blog-post-comment,
#comments .comment .comment .blog-post-comment {
border-left: 2px solid #dbdbdb;
padding-left: 20px;
}
#reviews .review .comment .children,
#comments .review .comment .children,
#reviews .comment .comment .children,
#comments .comment .comment .children,
#reviews .review .comment .comment,
#comments .review .comment .comment,
#reviews .comment .comment .comment,
#comments .comment .comment .comment {
margin-left: 77px;
}
#reviews .review.depth-1,
#comments .review.depth-1,
#reviews .comment.depth-1,
#comments .comment.depth-1 {
border-bottom: 1px solid #e1e1e1;
}
#reviews .review.depth-1 .blog-post-comment,
#comments .review.depth-1 .blog-post-comment,
#reviews .comment.depth-1 .blog-post-comment,
#comments .comment.depth-1 .blog-post-comment {
margin-bottom: 32px;
}
#reviews .review.depth-1:last-child,
#comments .review.depth-1:last-child,
#reviews .comment.depth-1:last-child,
#comments .comment.depth-1:last-child {
border-bottom: none;
}
#reviews .children,
#comments .children {
margin-left: 55px;
}
#reviews .children .blog-post-comment,
#comments .children .blog-post-comment {
border-left: 2px solid #dbdbdb;
padding-left: 20px;
}
#reviews .children .children,
#comments .children .children {
margin-left: 77px;
}
#reviews #review_form_wrapper,
#comments #review_form_wrapper,
#reviews #respond,
#comments #respond {
padding-top: 20px;
overflow: hidden;
}
#reviews #review_form_wrapper .btitle,
#comments #review_form_wrapper .btitle,
#reviews #respond .btitle,
#comments #respond .btitle {
margin-bottom: 10px;
}
#reviews #review_form_wrapper .comment-form-cookies-consent,
#comments #review_form_wrapper .comment-form-cookies-consent,
#reviews #respond .comment-form-cookies-consent,
#comments #respond .comment-form-cookies-consent {
display: none;
}
#reviews #review_form_wrapper > p,
#comments #review_form_wrapper > p,
#reviews #respond > p,
#comments #respond > p {
font-size: 15px;
color: #565555;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 23px;
}
#reviews #review_form_wrapper .inputholder,
#comments #review_form_wrapper .inputholder,
#reviews #respond .inputholder,
#comments #respond .inputholder {
border: 1px solid #e5e5e5;
background: #fff;
margin-bottom: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#reviews #review_form_wrapper .inputholder input,
#comments #review_form_wrapper .inputholder input,
#reviews #respond .inputholder input,
#comments #respond .inputholder input {
margin-bottom: 0;
background: none;
line-height: 36px;
font-size: 15px;
color: #a7a7a7;
box-shadow: none;
padding: 0 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#reviews #review_form_wrapper .inputholder textarea,
#comments #review_form_wrapper .inputholder textarea,
#reviews #respond .inputholder textarea,
#comments #respond .inputholder textarea {
margin-bottom: 0;
background: none;
line-height: 26px;
font-size: 15px;
color: #a7a7a7;
box-shadow: none;
height: 160px;
padding: 7px 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#reviews #review_form_wrapper .inputholder ::-webkit-input-placeholder,
#comments #review_form_wrapper .inputholder ::-webkit-input-placeholder,
#reviews #respond .inputholder ::-webkit-input-placeholder,
#comments #respond .inputholder ::-webkit-input-placeholder { color: #a7a7a7;
}
#reviews #review_form_wrapper .inputholder ::-moz-placeholder,
#comments #review_form_wrapper .inputholder ::-moz-placeholder,
#reviews #respond .inputholder ::-moz-placeholder,
#comments #respond .inputholder ::-moz-placeholder { color: #a7a7a7;
}
#reviews #review_form_wrapper .inputholder :-ms-input-placeholder,
#comments #review_form_wrapper .inputholder :-ms-input-placeholder,
#reviews #respond .inputholder :-ms-input-placeholder,
#comments #respond .inputholder :-ms-input-placeholder { color: #a7a7a7;
}
#reviews #review_form_wrapper .inputholder :-moz-placeholder,
#comments #review_form_wrapper .inputholder :-moz-placeholder,
#reviews #respond .inputholder :-moz-placeholder,
#comments #respond .inputholder :-moz-placeholder { color: #a7a7a7;
}
#reviews #review_form_wrapper .inputholder.half,
#comments #review_form_wrapper .inputholder.half,
#reviews #respond .inputholder.half,
#comments #respond .inputholder.half {
width: 50%;
}
#reviews #review_form_wrapper .inputholder:focus,
#comments #review_form_wrapper .inputholder:focus,
#reviews #respond .inputholder:focus,
#comments #respond .inputholder:focus,
#reviews #review_form_wrapper .inputholder:hover,
#comments #review_form_wrapper .inputholder:hover,
#reviews #respond .inputholder:hover,
#comments #respond .inputholder:hover {
border-color: #c3c3c3;
}
#reviews #review_form_wrapper #submit,
#comments #review_form_wrapper #submit,
#reviews #respond #submit,
#comments #respond #submit,
#reviews #review_form_wrapper .button,
#comments #review_form_wrapper .button,
#reviews #respond .button,
#comments #respond .button {
margin: 5px auto 0;
line-height: 36px;
font-weight: 500;
padding: 0 17px;
padding-bottom: 2px;
font-size: 14px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #ffffff;
min-width: inherit;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background: #008c8e;
}
#reviews #review_form_wrapper #submit:hover,
#comments #review_form_wrapper #submit:hover,
#reviews #respond #submit:hover,
#comments #respond #submit:hover,
#reviews #review_form_wrapper .button:hover,
#comments #review_form_wrapper .button:hover,
#reviews #respond .button:hover,
#comments #respond .button:hover {
background: #037c7e;
}
#comments ul #respond {
overflow: hidden;
margin-bottom: 50px;
}
#comments ul b#respond {
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.footer-prem {
margin-bottom: 54px;
padding: 20px 20px 20px 20px;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(1, 1, 1, 0.1);
box-shadow: 0 1px 4px rgba(1, 1, 1, 0.1);
}
.footer-prem .top-button a {
line-height: 48px;
height: 48px;
background: #008c8e;
font-size: 18px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
display: block;
text-align: center;
color: #fff;
margin-bottom: 14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.footer-prem .top-button a:hover {
background: #005a5b;
}
.footer-prem .top-text {
font-size: 14px;
line-height: 1.4;
padding-bottom: 16px;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 24px;
color: #666666;
}
.footer-prem .top-text b {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.footer-prem .bottom-text span.title {
display: block;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #3f3e3e;
line-height: 1.5;
font-size: 14px;
margin-bottom: 8px;
}
.footer-prem .bottom-text ul {
font-size: 14px;
line-height: 26px;
color: #5a5a5a;
}
.footer-prem .bottom-text ul svg {
margin-right: 4px;
}
.footer-prem .bottom-text ul svg path {
fill: #008c8e;
}
.footer-prem .bottom-text .price-box {
background: #f7f7f7;
position: relative;
bottom: 5px;
padding: 20px 20px 28px;
text-align: center;
}
.footer-prem .bottom-text .price-box .price {
font-size: 18px;
color: #000000;
display: block;
}
.footer-prem .bottom-text .price-box .price .sign {
position: relative;
bottom: 14px;
left: 3px;
}
.footer-prem .bottom-text .price-box .price .big {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 36px;
position: relative;
}
.footer-prem .bottom-text .price-box a {
display: inline-block;
margin-top: 15px;
line-height: 38px;
padding: 0 18px;
background: #008c8e;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 14px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.footer-prem .bottom-text .price-box a:hover {
background: #037c7e;
}
.footer-prem .bottom-text .price-box a svg path {
fill: #fff;
}
.related-post-b span.title,
.related-post span.title {
display: block;
font-size: 17px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #222222;
font-weight: 500;
margin-bottom: 18px;
line-height: 36px;
}
.related-post-b.down span.title,
.related-post.down span.title {
display: inline-block;
position: relative;
z-index: 2;
padding-right: 18px;
}
.related-post-b .rel-title,
.related-post .rel-title {
position: relative;
display: block;
}
.related-post-b .rel-title .line,
.related-post .rel-title .line {
position: absolute;
right: 0;
left: 0;
top: 18px;
height: 1px;
background: #dbdbdb;
}
.related-post-b.cat,
.related-post.cat {
background: #f5f7f7;
padding: 43px 0 9px;
}
.related-post-b.cat span.title,
.related-post.cat span.title {
font-size: 21px;
color: #000000;
}
.related-post-b.par,
.related-post.par {
padding: 43px 0 9px;
}
.related-post-b.par span.title,
.related-post.par span.title {
font-size: 21px;
color: #000000;
}
.single-blog {
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.single-blog .img {
position: relative;
}
.single-blog .img a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.single-blog .img img {
width: 100%;
}
.single-blog .info {
padding: 17px 19px 11px;
}
.single-blog .info a {
font-size: 10px;
font-family: Arial, Geneva, sans-serif;
color: #008c8e;
padding: 0 8px;
text-transform: uppercase;
line-height: 18px;
display: inline-block;
border: 1px solid #acc;
letter-spacing: .75px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.single-blog .info a:hover {
border-color: #008c8e;
}
.single-blog .title {
padding: 3px 19px 36px;
}
.single-blog .title a {
font-size: 21px;
color: #3f3f3f;
display: block;
font-weight: 400;
line-height: 27px;
}
.single-blog .date {
display: block;
padding: 8px 19px 17px;
font-size: 12px;
color: #afafaf;
position: absolute;
bottom: 0;
left: 0;
}
.single-blog.blog {
margin-bottom: 30px;
}
.single-blog.blog .title {
padding-bottom: 13px;
}
.single-blog.blog .text {
padding: 3px 23px 30px;
font-size: 14px;
line-height: 21px;
color: #8c8c8c;
}
.single-blog.blog .text p {
font-size: 14px;
line-height: 21px;
color: #8c8c8c;
margin: 0;
}
.single-blog .all {
min-height: 186px;
position: relative;
border: 1px solid #dae1e2;
}
.pagintaion {
text-align: center;
padding: 32px 0;
}
.pagintaion li {
display: inline-block;
vertical-align: top;
margin: 5px 4px 5px 4px;
}
.pagintaion li a {
font-size: 12px;
color: #50504f;
background: #e9ecee;
display: block;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
padding: 0 9px;
min-width: 18px;
line-height: 34px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.pagintaion li a:hover {
color: #fff;
background: #9a9fa2;
}
.pagintaion li.next a,
.pagintaion li.prev a {
position: relative;
display: block;
padding: 0 20px;
text-transform: capitalize;
height: 32px;
line-height: 32px;
background: #fff;
font-size: 13px;
color: #50504f;
border: 1px solid #dee0e0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.pagintaion li.next a svg,
.pagintaion li.prev a svg {
position: absolute;
top: 13px;
}
.pagintaion li.next a:hover,
.pagintaion li.prev a:hover {
border-color: #c5cad0;
}
.pagintaion li.next {
margin-left: 6px;
}
.pagintaion li.next a svg {
right: 14px;
}
.pagintaion li.prev {
margin-right: 6px;
}
.pagintaion li.prev a svg {
left: 12px;
}
.pagintaion li.active a {
background: #9a9fa2;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.midle-single {
padding: 0 114px;
}
#insid-in {
margin-right: -6px;
}
#insid-in #comments .comment-hide {
padding-left: 0;
padding-right: 0;
}
#blog-sidebar {
padding-top: 26px;
margin-bottom: 75px;
margin-left: 6px;
}
#blog-sidebar .widget-area > span.title {
display: none !important;
}
#blog-sidebar .widget-area form {
margin-bottom: 0;
}
#blog-sidebar #recomended-sidebar,
#blog-sidebar #post-newsletter,
#blog-sidebar #post-sidebar {
background: #fff;
overflow: hidden;
padding: 16px 54px 34px;
border: 1px solid #e2e2e2;
border-top: 6px solid #008c8e;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#blog-sidebar .banners {
border: 1px solid #eaeaea;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
padding: 44px 54px 19px;
}
#blog-sidebar .banners li {
margin-bottom: 30px;
}
#blog-sidebar .banners li a,
#blog-sidebar .banners li img {
display: block;
}
#blog-sidebar #post-newsletter {
border-top: 6px solid #008c8e;
text-align: center;
}
#blog-sidebar #post-newsletter span.title {
font-size: 24px;
display: block;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #008c8e;
margin-bottom: 9px;
text-transform: uppercase;
}
#blog-sidebar #post-newsletter .text .top {
display: block;
font-size: 17px;
line-height: 22px;
color: #292929;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 22px;
}
#blog-sidebar #post-newsletter .text .bot {
padding-top: 216px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/siden.jpg) top center no-repeat;
display: block;
font-size: 15px;
text-align: left;
color: #606060;
line-height: 22px;
margin-bottom: 22px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#blog-sidebar #post-newsletter ::-webkit-input-placeholder { color: #aaaaaa;
}
#blog-sidebar #post-newsletter ::-moz-placeholder { color: #aaaaaa;
}
#blog-sidebar #post-newsletter :-ms-input-placeholder { color: #aaaaaa;
}
#blog-sidebar #post-newsletter :-moz-placeholder { color: #aaaaaa;
}
#blog-sidebar #post-newsletter input {
background: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
padding: 0 16px;
border: 1px solid #d6d6d6;
line-height: 45px;
height: 47px;
color: #aaaaaa;
font-size: 15px;
margin-bottom: 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#blog-sidebar #post-newsletter button {
width: 100%;
text-align: center;
line-height: 47px;
padding-top: 2px;
float: none;
margin-bottom: 0;
background: #008c8e;
position: relative;
font-size: 16px;
font-weight: bols;
text-transform: uppercase;
color: #fff;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#blog-sidebar #post-newsletter button span.icons {
display: inline-block;
position: relative;
margin-right: 5px;
width: 23px;
top: 3px;
}
#blog-sidebar #post-newsletter button span.icons span {
position: absolute;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#blog-sidebar #post-newsletter button span.icons span.top {
left: 5px;
top: -36px;
}
#blog-sidebar #post-newsletter button span.icons span.bot {
left: 0;
bottom: -19px;
}
#blog-sidebar #post-newsletter button span.icons svg path {
fill: #fff;
}
#blog-sidebar #post-newsletter button:hover span.icons span.top {
top: -32px;
}
#blog-sidebar #post-sidebar {
border-top: 6px solid #c3ccd1 ;
padding-bottom: 29px;
}
#blog-sidebar #post-sidebar .main-title {
padding-top: 8px;
font-weight: 500;
font-size: 20px;
line-height: 24px;
margin-bottom: 38px;
color: #222222;
text-align: center;
display: block;
text-transform: uppercase;
}
#blog-sidebar #post-sidebar ul li {
overflow: hidden;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 20px;
margin-bottom: 20px;
}
#blog-sidebar #post-sidebar ul li .img {
float: left;
width: 90px;
}
#blog-sidebar #post-sidebar ul li .img img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#blog-sidebar #post-sidebar ul li .title {
margin-left: 106px;
}
#blog-sidebar #post-sidebar ul li .title a {
font-size: 15px;
position: relative;
bottom: 4px;
color: #444444;
line-height: 20px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#blog-sidebar #post-sidebar ul li:hover .img img {
opacity: .9;
}
#blog-sidebar #post-sidebar ul li:hover .title a {
color: #000;
}
#blog-sidebar #post-sidebar ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
#blog-sidebar #recomended-sidebar {
border-top: 6px solid #f57077;
padding-bottom: 41px;
}
#blog-sidebar #recomended-sidebar .main-title {
padding-top: 22px;
font-weight: 700;
font-size: 23px;
line-height: 24px;
margin-bottom: 2px;
color: #f57077;
text-align: center;
display: block;
text-transform: uppercase;
}
#blog-sidebar #recomended-sidebar svg {
margin: 0 auto 12px;
display: block;
-webkit-transform: rotateZ(-40deg);
-ms-transform: rotateZ(-40deg);
-o-transform: rotateZ(-40deg);
transform: rotateZ(-40deg);
}
#blog-sidebar #recomended-sidebar svg path {
fill: #acb1b7;
}
#blog-sidebar #recomended-sidebar img {
margin-bottom: 19px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#blog-sidebar #recomended-sidebar .pic:hover img {
opacity: .85;
}
#blog-sidebar #recomended-sidebar .title {
margin-bottom: 2px;
}
#blog-sidebar #recomended-sidebar .title a {
font-size: 20px;
line-height: 25px;
color: #000000;
font-weight: 500;
}
#blog-sidebar #recomended-sidebar .title a:hover {
color: #f57077;
}
.side-share {
width: 40px;
position: absolute;
top: 0;
left: -60px;
}
.side-share.fixed {
position: fixed;
left: inherit;
top: 30px;
margin-left: -60px;
}
.side-share.fixed2 {
top: inherit;
bottom: 0;
}
.side-share ul {
padding: 0;
margin: 0;
list-style: none;
}
.side-share ul li {
padding: 0;
margin-bottom: 0;
}
.side-share ul li:before {
display: none;
}
.side-share ul li a {
display: block;
width: 40px;
height: 40px;
margin-bottom: 8px;
text-align: center;
line-height: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.side-share ul li a svg {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.side-share ul li a svg path {
fill: #fff;
}
.side-share ul li a.facebook {
background: #3b5998;
}
.side-share ul li a.twitter {
background: #01aaee;
}
.side-share ul li a.pinterest {
background: #c01b22;
}
.side-share ul li a.redit {
background: #ff4500;
}
.side-share ul li a.mail {
background: #d0d0d0;
}
.side-share ul li a:hover {
opacity: .85;
}
#top-title {
background: #393c41;
padding: 52px 0 65px;
line-height: 54px;
margin-bottom: 10px;
}
#top-title h1 {
text-align: center;
color: #fff;
margin: 0;
font-size: 35px;
}
.faq {
margin-bottom: 32px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 14px;
}
.faq:last-child {
border-bottom: none;
}
.faq .question {
padding: 0px 0px 25px;
position: relative;
cursor: pointer;
padding-right: 60px;
}
.faq .question span {
margin: 0;
line-height: 30px;
font-weight: 500;
font-size: 21px;
color: #383838;
}
.faq .question span svg {
position: absolute;
right: 0px;
top: 9px;
}
.faq .question span svg path {
fill: #f57077;
}
.faq.active .question span svg {
transform: rotateZ(180deg);
}
.faq .answer {
display: none;
border-top: none;
}
.faq .answer p {
margin: 0 0 19px;
font-size: 18px;
line-height: 30px;
color: #676767;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#faqs {
padding-top: 32px;
max-width: 1000px;
margin: 0 auto 22px;
}
.faq-title {
text-align: center;
}
.faq-title h2 {
font-size: 33px;
color: #2a2a2a;
margin-bottom: 86px;
}
#copyright .col-lg-4,
#copyright .col-lg-8 {
float: right;
}
footer {
background: #000000;
overflow: hidden;
}
footer .container {
border-bottom: 1px solid #383838;
padding: 50px 0 50px;
}
footer .col-lg-8,
footer .col-lg-4,
footer .col-lg-7,
footer .col-lg-5 {
float: right;
}
footer .foot-title {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #fff;
display: block;
font-size: 16px;
margin-bottom: 19px;
}
footer ul li {
line-height: 28px;
font-size: 14px;
}
footer ul li a {
color: rgba(255, 255, 255, 0.5);
font-weight: 400;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
footer ul li a:hover {
color: #fff;
}
footer nav {
float: left;
}
footer nav.col1 {
width: 53%;
}
footer nav.col2 {
width: 47%;
}
footer .foot-newsletter {
position: relative;
padding-top: 4px;
}
footer .foot-newsletter ::-webkit-input-placeholder { color: #757575;
}
footer .foot-newsletter ::-moz-placeholder { color: #757575;
}
footer .foot-newsletter :-ms-input-placeholder { color: #757575;
}
footer .foot-newsletter :-moz-placeholder { color: #757575;
}
footer .foot-newsletter form {
margin-bottom: 0;
}
footer .foot-newsletter > div {
background: #2c2f33;
padding: 23px 32px 32px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
footer .foot-newsletter svg {
position: absolute;
left: 50%;
margin-left: -41px;
top: -58px;
}
footer .foot-newsletter .text span {
display: block;
}
footer .foot-newsletter .text span.top {
font-size: 21px;
color: #ffffff;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 11px;
}
footer .foot-newsletter .text span.bot {
font-size: 15px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 26px;
}
footer .foot-newsletter .text span.bot .bo {
display: inline-block;
}
footer .foot-newsletter div.sib-email-area {
position: relative;
height: 38px;
border: 3px solid #ffffff;
background: #ffffff;
border-radius: 2px;
padding-right: 162px;
padding-left: 16px;
}
footer .foot-newsletter div.sib-email-area input.sib-email-area {
height: 38px;
width: 100%;
padding: 0;
line-height: 38px;
background: none;
font-size: 16px;
color: #757575;
margin: 0;
outline-style: none;
box-shadow: none;
border-color: transparent;
}
footer .foot-newsletter div.sib-email-area input.sib-email-area:focus {
outline-style: none;
box-shadow: none;
border-color: transparent;
}
footer .foot-newsletter div.sib-email-area .sib-default-btn {
position: absolute;
right: 0;
top: 0;
width: 162px;
line-height: 36px;
font-weight: 500;
padding-bottom: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #008c8e;
cursor: pointer;
font-size: 16px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #ffffff;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
footer .foot-newsletter div.sib-email-area .sib-default-btn:hover {
background: #037c7e;
}
#shahab {
padding: 36px 0 0px;
}
#shahab #footlogo {
margin-bottom: 24px;
}
#shahab #footlogo svg path {
fill: #fff;
}
#shahab .text {
padding-bottom: 3px;
}
#shahab .text p {
font-size: 15px;
line-height: 27px;
color: #b2b2b2;
margin: 0 0 27px;
}
#shahab .bottom {
overflow: hidden;
}
#shahab .bottom .pic {
float: left;
width: 65px;
}
#shahab .bottom .right {
margin-left: 80px;
padding-top: 9px;
}
#shahab .bottom .right span {
display: block;
}
#shahab .bottom .right span.name {
font-size: 16px;
font-weight: bold;
color: #cdcdcd;
margin-bottom: 3px;
}
#shahab .bottom .right span.job {
font-size: 12px;
color: #919191;
}
.benfeit {
background: #262626;
padding: 37px 40px 40px;
}
.benfeit .title {
font-size: 21px;
font-weight: bold;
color: #ffffff;
margin-bottom: 30px;
}
.benfeit .options {
margin-bottom: 29px;
}
.benfeit .options .option {
line-height: 30px;
position: relative;
padding-left: 25px;
font-size: 15px;
color: #b2b2b2;
margin-bottom: 8px;
}
.benfeit .options .option span {
display: inline-block;
line-height: 15px;
margin-left: 2px;
text-transform: uppercase;
position: relative;
bottom: 2px;
padding: 0 5px;
font-size: 9px;
border: 1px solid #b2b2b2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.benfeit .options .option svg {
position: absolute;
left: 0;
margin-right: 5px;
top: 5px;
}
.benfeit .options .option svg path {
fill: #b2b2b2;
margin-right: 10px;
}
.benfeit .link a {
display: block;
line-height: 53px;
color: #ffffff;
font-size: 18px;
background: #008c8e;
font-weight: bold;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.benfeit .link a:hover {
background: #037c7e;
}
#copyright {
background: #000000;
padding: 37px 0 35px;
line-height: 40px;
}
#copyright .copyright {
text-align: center;
}
#copyright .copyright p {
margin: 0;
font-size: 14px;
line-height: 40px;
color: rgba(140, 140, 140, 0.7);
position: relative;
}
#copyright .copyright p a {
margin-right: 11px;
position: relative;
top: 10px;
}
#copyright .copyright p a svg path {
fill: #878787;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#copyright .copyright p a:hover svg path {
fill: #fff;
}
#copyright .social {
text-align: right;
position: relative;
padding-top: 6px;
}
#copyright .social a,
#copyright .social span {
display: inline-block;
margin-left: 14px;
vertical-align: top;
color: #878787;
font-size: 13px;
position: relative;
}
#copyright .social a path,
#copyright .social span path {
fill: #878787;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#copyright .social a:hover path,
#copyright .social span:hover path {
fill: #fff;
}
#copyright .social a {
width: 30px;
height: 30px;
text-align: center;
line-height: 15px;
background: #4d5054;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}
#copyright .social a svg {
display: inline-block;
position: relative;
top: 7px;
}
#copyright .social a.rss svg {
left: 2px;
}
#copyright .social a.you svg {
top: 8px;
}
#copyright .social a.beh svg {
top: 9px;
}
#copyright .social a.face svg {
top: 6px;
}
#copyright .social a.twitt svg {
top: 8px;
left: 1px;
}
#copyright .social a:hover {
background: #75777a;
}
#copyright #menu-bottom-menu {
text-align: center;
padding-bottom: 6px;
}
#copyright #menu-bottom-menu li {
display: inline-block;
margin: 0 14px 10px;
}
#copyright #menu-bottom-menu li a {
font-size: 15px;
color: #989898;
}
#copyright #menu-bottom-menu li a:hover {
color: #fff;
}
#dwonload-sidebar.mob {
display: none;
}
#dwonload-sidebar .edd-free-downloads-direct-download {
text-align: left;
}
#dwonload-sidebar .side-text .text {
padding: 30px 40px 11px;
}
#dwonload-sidebar .side-text .text .title {
display: block;
margin-bottom: 13px;
font-size: 28px;
line-height: 33px;
color: #353535;
}
#dwonload-sidebar .side-text .text .compat {
border-bottom: 1px solid #ececec;
padding-bottom: 21px;
margin-bottom: 20px;
}
#dwonload-sidebar .side-text .text .compat span {
font-size: 11px;
font-weight: 500;
color: #b9bdc0;
font-family: arial;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#dwonload-sidebar .side-text .text .compat ul {
display: inline-block;
position: relative;
margin-left: 7px;
top: 7px;
}
#dwonload-sidebar .side-text .text .compat ul li {
display: inline-block;
}
#dwonload-sidebar .side-text .text .lice {
font-size: 14px;
line-height: 24px;
color: #6c757d;
margin-bottom: 12px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#dwonload-sidebar .side-text .text .lice svg {
margin-right: 6px;
position: relative;
top: 1px;
}
#dwonload-sidebar .side-text .link {
position: relative;
padding-top: 10px;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download,
#dwonload-sidebar .side-text .link div.jo {
position: relative;
margin-bottom: 10px;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join,
#dwonload-sidebar .side-text .link div.jo a.join,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button,
#dwonload-sidebar .side-text .link div.jo .button {
display: inline-block;
line-height: 48px;
background: #008c8e;
text-align: left;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 18px;
border: none;
position: relative;
padding: 19px 30px 17px 112px;
color: #ffffff;
font-weight: 500;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join:hover,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join:hover,
#dwonload-sidebar .side-text .link div.jo a.join:hover,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton:hover,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton:hover,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton:hover,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk:hover,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk:hover,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk:hover,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link:hover,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link:hover,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link:hover,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button:hover,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button:hover,
#dwonload-sidebar .side-text .link div.jo .button:hover {
background: #037c7e;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join span,
#dwonload-sidebar .side-text .link div.jo a.join span,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton span,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton span,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk span,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk span,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link span,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link span,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button span,
#dwonload-sidebar .side-text .link div.jo .button span {
display: block;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join span.top,
#dwonload-sidebar .side-text .link div.jo a.join span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton span.top,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk span.top,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link span.top,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button span.top,
#dwonload-sidebar .side-text .link div.jo .button span.top {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 22px;
font-weight: bold;
margin-bottom: 5px;
line-height: 22px;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join span.bot,
#dwonload-sidebar .side-text .link div.jo a.join span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton span.bot,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk span.bot,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link span.bot,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button span.bot,
#dwonload-sidebar .side-text .link div.jo .button span.bot {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
line-height: 17px;
font-weight: normal;
}
#dwonload-sidebar .side-text .link .icons {
position: absolute;
width: 61px;
height: 40px;
top: 20px;
left: 32px;
border-right: 2px solid rgba(255, 255, 255, 0.2);
}
#dwonload-sidebar .side-text .link .icons span {
position: absolute;
}
#dwonload-sidebar .side-text .link .icons span svg path {
fill: #fff !important;
}
#dwonload-sidebar .side-text .link .icons span.bot {
bottom: -5px;
left: 0;
}
#dwonload-sidebar .side-text .link .icons span.bot svg {
width: 43px !important;
height: 16px !important;
}
#dwonload-sidebar .side-text .link .icons span.top {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
top: -3px;
left: 12px;
}
#dwonload-sidebar .side-text .link .icons span.top svg {
width: 19px !important;
height: 21px !important;
}
#dwonload-sidebar .side-text .link a.join {
display: block;
padding-top: 19px;
padding-bottom: 16px;
text-align: left;
padding-left: 79px;
float: none;
height: 46px;
background: #008c8e;
border: none;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#dwonload-sidebar .side-text .link a.join span {
display: block;
}
#dwonload-sidebar .side-text .link a.join span.top {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 4px;
line-height: 22px;
}
#dwonload-sidebar .side-text .link a.join span.bot {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
line-height: 17px;
}
#dwonload-sidebar .side-text .link a.join.button {
line-height: 43px;
}
#dwonload-sidebar .side-text .link a.join.button span {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 23px;
}
#dwonload-sidebar .side-text .link .jo {
display: inline-block;
}
#dwonload-sidebar .side-text .link .jo:hover .icons span.top {
top: 4px;
}
#dwonload-sidebar .side-text .link .jo:hover .icons span svg path {
fill: #006854;
}
#dwonload-sidebar .side-text .link .jo:hover a {
background: #037c7e;
}
#dwonload-sidebar .side-text .or {
position: relative;
text-align: center;
margin-bottom: 3px;
}
#dwonload-sidebar .side-text .or span {
position: relative;
padding: 0 9px;
font-size: 13px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #adb5bd;
z-index: 2;
text-transform: uppercase;
background: #fff;
bottom: 5px;
}
#dwonload-sidebar .side-text .or:after {
content: '';
height: 1px;
left: 0;
right: 0;
background: #ececec;
position: absolute;
top: 3px;
}
#dwonload-sidebar .side-text .purlink form.cart .quantity {
display: none;
}
#dwonload-sidebar .side-text .purlink button,
#dwonload-sidebar .side-text .purlink a {
display: block;
line-height: 48px;
padding: 0;
width: 100%;
border: none;
background: #aab0b6;
text-align: center;
font-weight: 500;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 16px;
color: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#dwonload-sidebar .side-text .purlink button:hover,
#dwonload-sidebar .side-text .purlink a:hover {
background: #8d959c;
}
#dwonload-sidebar .side-text .purlink .edd_price_options,
#dwonload-sidebar .side-text .purlink .edd-aa-login-purchase-area {
display: none;
}
#dwonload-sidebar .side-text.free #somdn-download-single-form,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download {
margin-bottom: 0;
}
#dwonload-sidebar .side-text.free #somdn-download-single-form #somdn-sdbutton,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download #somdn-sdbutton,
#dwonload-sidebar .side-text.free #somdn-download-single-form .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link {
background: #f57077;
margin-bottom: 0;
}
#dwonload-sidebar .side-text.free #somdn-download-single-form #somdn-sdbutton:hover,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download #somdn-sdbutton:hover,
#dwonload-sidebar .side-text.free #somdn-download-single-form .edd-free-downloads-direct-download-link:hover,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link:hover {
background: #e45961;
}
#dwonload-sidebar .side-text.free form {
margin-bottom: 0;
}
#dwonload-sidebar .side-text.free .text .title b {
color: #f57077;
}
#dwonload-sidebar .side-text.free .lice svg path {
fill: #f57077;
}
#dwonload-sidebar .side-text.prem .link {
overflow: hidden;
}
#dwonload-sidebar .side-text.prem .link form {
float: none;
margin: 0;
}
#dwonload-sidebar .side-text.prem .lice svg path {
fill: #008c8e;
}
#dwonload-sidebar .side-text.prem .text .title svg {
width: 20px !important;
height: 16px !important;
}
#dwonload-sidebar .side-text.prem .text .title svg path {
fill: #008c8e;
}
#dwonload-sidebar .side-text.prem .text .title b {
color: #008c8e;
}
#dwonload-sidebar .licenc {
background: #fff;
margin-bottom: 20px;
padding: 16px 19px 14px;
-webkit-box-shadow: 0 1px 4px rgba(1, 1, 1, 0.1);
box-shadow: 0 1px 4px rgba(1, 1, 1, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#dwonload-sidebar .licenc .title {
display: block;
font-size: 14px;
color: #323232;
margin-bottom: 8px;
}
#dwonload-sidebar .licenc ul {
font-size: 12px;
color: #7c7c7c;
line-height: 23px;
}
#dwonload-sidebar .licenc ul svg {
margin-right: 7px;
}
#dwonload-sidebar .licenc.free svg path {
fill: #f57077;
}
#dwonload-sidebar .licenc.prem svg path {
fill: #008c8e;
}
.desk-gallery {
margin-bottom: 30px;
}
.download-detail {
overflow: auto;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
white-space: nowrap;
}
.download-detail > div {
display: inline-block;
margin-right: 55px;
vertical-align: middle;
}
.download-detail > div:last-child {
margin-right: 0;
}
.download-detail > div > div {
text-align: left;
white-space: unset;
margin: 0 7px 3px 8px;
position: relative;
line-height: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.download-detail > div > div > span {
display: block;
}
.download-detail > div > div > span.name {
text-transform: uppercase;
font-size: 11px;
color: #9c9c9c;
font-weight: bold;
padding-top: 14px;
margin-bottom: 5px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.download-detail > div > div > span.name span {
display: none;
height: 26px;
padding-top: 1px;
}
.download-detail > div > div > span.det {
padding-top: 4px;
font-size: 19px;
color: #494949;
min-height: 27px;
margin-bottom: 9px;
position: relative;
text-transform: uppercase;
padding-left: 28px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.download-detail > div > div > span.det span.sep {
font-size: 16px;
color: #acacac;
}
.download-detail > div > div > span.det span.sep:last-child {
display: none;
}
.download-detail > div > div > span.det .icon {
position: absolute;
left: 0;
top: 2px;
}
.download-detail > div > div .drop {
position: absolute;
left: 8px;
background: #fff;
right: 8px;
padding: 2px 10px 12px;
padding-top: 11px;
top: 103%;
opacity: 0;
z-index: 3;
visibility: visible;
text-transform: lowercase;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
border: 1px solid #ced4da;
-webkit-box-shadow: 0px 10px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 7px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.download-detail > div > div .drop:after {
content: '';
width: 11px;
height: 11px;
border: 1px solid #ced4da;
border-left: none;
border-bottom: none;
background: #fff;
position: absolute;
top: -7px;
left: 50%;
margin-left: -3px;
-webkit-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.download-detail > div > div .drop span {
display: block;
font-size: 13px;
color: #222222;
line-height: 21px;
}
.download-detail > div > div.active .drop {
opacity: 1;
visibility: visible;
}
.download-detail > div > div.filsz svg,
.download-detail > div > div.dim svg {
margin-top: 3px;
}
.download-detail > div > div.licence .drop {
width: 262px;
left: -67px;
padding: 10px 18px 15px;
text-align: left;
}
.download-detail > div > div.licence .drop span {
display: inline-block;
}
.download-detail > div > div.licence .drop ul {
padding: 0;
font-size: 14px;
line-height: 20px;
}
.download-detail > div > div.licence .drop li {
margin: 0 0 4px;
padding: 0;
padding-left: 18px;
position: relative;
}
.download-detail > div > div.licence .drop li .icon {
position: absolute;
left: 0;
}
.download-detail > div > div.licence .drop li:before {
display: none;
}
.download-detail > div > div.licence .drop .title {
font-size: 15px;
color: #212529;
}
.download-detail > div > div.licence .drop .yes {
margin-bottom: 7px;
}
.download-detail > div > div.licence .drop .yes .icon {
top: 2px;
}
.download-detail > div > div.licence .drop .yes svg path {
fill: #3f986f;
}
.download-detail > div > div.licence .drop .no .icon {
top: 4px;
}
.download-detail > div > div.licence .drop .no svg path {
fill: #ee5253;
}
.download-detail > div > div.licence .det {
font-size: 12px;
line-height: 15px;
color: #494949;
}
.download-detail > div > div.licence .det span {
position: relative;
bottom: 5px;
max-width: 95px;
white-space: normal;
display: block;
text-transform: capitalize;
}
.download-detail > div > div.licence .det span.icon {
position: absolute;
top: 2px;
}
.clr {
width: 100%;
clear: both;
margin-bottom: 18px;
}
.compat {
padding-top: 3px;
margin-bottom: 24px;
}
.compat span {
display: block;
font-size: 11px;
font-weight: bold;
color: #9c9c9c;
margin-bottom: 2px;
}
.compat ul {
padding: 0;
}
.compat ul li {
line-height: 24px;
margin-bottom: 12px !important;
}
.compat ul li svg {
float: left;
margin-right: 12px;
}
.compat ul li span {
font-size: 19px;
color: #494949;
font-weight: normal;
margin-bottom: 0;
}
.compat ul li:before {
display: none;
}
#search-header {
background: #505258;
margin-bottom: 40px;
padding: 0px 0 64px;
text-align: center;
}
#search-header h1 {
margin-bottom: 21px;
padding-top: 16px;
font-size: 35px;
color: #ffffff;
}
#search-header h1 strong {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
#search-header form {
max-width: 376px;
background: #fff;
margin: 0 auto;
padding: 0 93px 0 17px;
height: 44px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
#search-header form button {
width: 81px;
height: 38px;
background: #008c8e;
min-width: inherit;
position: absolute;
right: 4px;
top: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#search-header form button:hover {
background: #037c7e;
}
#search-header form button svg {
position: relative;
top: 3px;
}
#search-header form button svg path {
fill: #fff;
}
#search-header form input {
line-height: 44px;
height: 44px;
background: none;
padding: 0;
width: 100%;
font-size: 15px;
color: #000000;
}
#bundle-top {
background: #008c8e;
background-size: cover;
text-align: center;
padding: 56px 0 128px;
}
#bundle-top h1 {
font-size: 35px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #fff;
margin-bottom: 24px;
}
#bundle-top .text {
opacity: .8;
font-size: 19px;
color: #ffffff;
line-height: 26px;
text-align: center;
max-width: 940px;
margin: 0 auto;
}
#bundle-top .text p {
text-align: center;
margin: 0 0 15px;
font-size: 19px;
color: #ffffff;
line-height: 26px;
}
#bundle-section .wbg {
background: #fff;
position: relative;
bottom: 79px;
padding: 35px 30px 23px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#bundle-section .section {
margin-bottom: 20px;
}
#bundle-section .section:last-child {
margin-bottom: 0;
}
#bundle-section .section .title {
position: relative;
text-align: center;
margin-bottom: 36px;
}
#bundle-section .section .title span.line {
position: absolute;
left: 0;
right: 0;
top: 25px;
height: 1px;
background: #ebebeb;
}
#bundle-section .section .title h2 {
display: inline-block;
padding: 0 17px;
background: #fff;
position: relative;
z-index: 2;
margin-bottom: 0;
font-size: 30px;
color: #222222;
}
.bundle-download {
margin-bottom: 33px;
}
.bundle-download .img {
position: relative;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.bundle-download .img a.doo {
float: right;
display: block;
line-height: 34px;
height: 34px;
background: #f57077;
text-align: center;
font-size: 14px;
color: #fff;
position: absolute;
bottom: -36px;
left: 0;
right: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.bundle-download .info {
line-height: 26px;
padding-top: 6px;
}
.bundle-download .info h3 {
margin-bottom: 0;
font-size: 15px;
color: #000000;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.bundle-download:hover .img .doo {
bottom: 0;
}
#topcat {
background: #505258;
text-align: center;
margin-bottom: 40px;
position: relative;
}
#topcat .container {
padding: 55px 0 48px;
position: relative;
}
#topcat .container #bread-crumb {
position: absolute;
top: -2px;
left: 0;
}
#topcat .container #bread-crumb li a {
padding: 0;
color: #a6adb3;
}
#topcat .container #bread-crumb li.current {
position: relative;
left: -5px;
color: #859da1;
}
#topcat h1 {
font-size: 35px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #fff;
margin-bottom: 19px;
}
#topcat .text {
opacity: .6;
font-size: 15px;
color: #ffffff;
line-height: 22px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
text-align: center;
}
#topcat .text p {
text-align: center;
margin: 0 0 15px;
font-size: 15px;
color: #e2e6ee;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
line-height: 22px;
}
#topcat-menu {
text-align: center;
padding-bottom: 25px;
-webkit-box-shadow: 0 5px 7px rgba(177, 178, 181, 0.1);
box-shadow: 0 5px 7px rgba(177, 178, 181, 0.1);
margin-bottom: 50px;
}
#topcat-menu li {
display: inline-block;
margin: 0 7px 15px;
line-height: 38px;
}
#topcat-menu li a {
display: block;
width: 98px;
background: #f0f4f6;
text-transform: capitalize;
position: relative;
bottom: 0;
font-size: 14px;
color: #717171;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#topcat-menu li a:hover {
color: #21252c;
background: #ced4da;
}
#topcat-menu li.current-cat a {
background: #008c8e;
color: #fff;
}
#main .down-bot-text {
padding-top: 130px;
border-top: 1px solid #e1e1e1;
margin-top: 121px;
font-size: 15px;
line-height: 24px;
color: #6b6b6b;
}
#main .down-bot-text .single-post-in.down,
#main .down-bot-text ul,
#main .down-bot-text p {
font-size: 15px;
line-height: 24px;
color: #6b6b6b;
}
.he11 {
height: 11px;
width: 100%;
clear: both;
}
.gradiant-bg { background: #def3ee; background: -moz-linear-gradient(top, #def3ee 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #def3ee 0%, #ffffff 100%); background: linear-gradient(to bottom, #def3ee 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#def3ee', endColorstr='#ffffff', GradientType=0); position: absolute;
left: 0;
top: 0;
right: 0;
height: 650px;
z-index: -1;
}
.gradiant-bg svg {
display: block;
margin: 95px auto 0;
}
.gradiant-bg .bg-1 {
fill: #b6e1d6;
}
.gradiant-bg .bg-2 {
fill: #dfd4d2;
}
.gradiant-bg .bg-3 {
fill: #e0c4c3;
}
.gradiant-bg .bg-4 {
fill: #aeddd2;
}
.gradiant-bg .bg-5 {
fill: #e0c0c0;
}
.gradiant-bg .bg-6 {
fill: #97dbcd;
}
#pricing-top {
text-align: center;
padding-top: 8px;
padding-bottom: 80px;
margin-bottom: 70px;
border-bottom: 1px solid #f0f4f6;
}
#pricing-top .t-price .price {
font-size: 28px;
color: #008c8e;
display: block;
word-spacing: -4px;
}
#pricing-top .t-price .price .sign {
position: relative;
bottom: 40px;
left: 3px;
font-size: 43px;
}
#pricing-top .t-price .price .big {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 100px;
position: relative;
}
#pricing-top .t-text {
margin-bottom: 17px;
position: relative;
bottom: 3px;
}
#pricing-top .t-text span {
display: inline-block;
line-height: 30px;
height: 34px;
padding: 0 22px;
background: #bfe9e0;
color: #008c8e;
font-size: 19px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
-ms-border-radius: 17px;
-o-border-radius: 17px;
border-radius: 17px;
}
#pricing-top .t-title {
font-size: 43px;
color: #353535;
}
#pricing-top .t-title-text {
font-size: 32px;
color: #353535;
font-weight: 500;
position: relative;
bottom: 6px;
margin-bottom: 35px;
}
#pricing-top .t-option {
max-width: 750px;
margin: 0 auto 52px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
overflow: hidden;
}
#pricing-top .t-option li {
float: left;
width: 50%;
text-align: left;
line-height: 35px;
font-size: 18px;
color: #353535;
}
#pricing-top .t-option li svg {
margin-right: 4px;
position: relative;
top: 0px;
}
#pricing-top .t-option li svg path {
fill: #008c8e;
}
#pricing-top .t-link a {
display: inline-block;
height: 54px;
line-height: 50px;
background: #008c8e;
float: none;
color: #fff;
padding: 0 49px;
font-size: 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#pricing-top .t-link a:hover {
background: #037c7e;
}
#pricing-top .t-link p {
text-align: center;
}
.pricing-products {
text-align: center;
padding-bottom: 80px;
margin-bottom: 70px;
border-bottom: 1px solid #f0f4f6;
}
.pricing-products .main-title span {
display: block;
}
.pricing-products .main-title span.title {
font-size: 30px;
color: #2a2a2a;
margin-bottom: 18px;
}
.pricing-products .main-title span.title-text {
font-size: 17px;
color: #6f6f6f;
line-height: 26px;
margin-bottom: 51px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.pricing-products .product-tabs div.tabnav {
margin-bottom: 45px;
}
.pricing-products .product-tabs div.tabnav li {
display: inline-block;
font-size: 17px;
color: #222222;
margin: 0 33px;
padding-bottom: 17px;
border-bottom: 2px solid transparent;
cursor: pointer;
}
.pricing-products .product-tabs div.tabnav li.active {
border-color: #e45961;
}
.pricing-products .product-tabs .tabcontainer li {
display: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.pricing-products .product-tabs .tabcontainer li.active {
display: block;
animation-name: fadeInUp;
animation-duration: .4s;
}
.pricing-products .product-tabs .tabcontainer li .price-pr {
margin-bottom: 24px;
}
.pricing-products .product-tabs .tabcontainer li .price-pr img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 5px solid #fff;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
}
.pricing-products .product-tabs .tabcontainer li .price-pr:hover img {
transform: scale(1.07);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.pricing-products .product-tabs .tabcontainer li div.col-lg-3 > div {
margin: 0 11px 0 12px;
}
.pricing-products .product-tabs .tabcontainer li .alm-btn-wrap {
text-align: center;
padding-bottom: 0;
}
.pricing-products .product-tabs .tabcontainer li .alm-btn-wrap button {
float: none;
height: 54px;
line-height: 50px;
padding: 0 64px;
background: #aab0b6;
color: #fff;
font-size: 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.pricing-products .product-tabs .tabcontainer li .alm-btn-wrap button:hover {
background: #8d959c;
}
.testimonials {
margin-bottom: 68px;
padding-top: 5px;
}
.testimonials .title {
text-align: center;
margin-bottom: 62px;
}
.testimonials .title .toptext {
font-size: 17px;
color: #6f6f6f;
display: block;
margin-bottom: 9px;
}
.testimonials .title h2 {
font-size: 33px;
color: #2a2a2a;
margin-bottom: 0;
}
.testimonials .owl-dots {
text-align: center;
padding-top: 58px;
}
.testimonials .owl-dots button {
width: 9px;
height: 9px;
min-width: inherit;
display: inline-block;
float: none;
margin: 0 8px 13px 7px;
background: #dbe0e2;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.testimonials .owl-dots button.active {
background: #e45961;
}
.testimonial .box {
background: #fff;
border: 1px solid #e8e8e8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
font-size: 17px;
line-height: 25px;
color: #565555;
padding: 40px 38px 26px;
min-height: 294px;
margin-bottom: 21px;
word-spacing: 2px;
}
.testimonial .box span.title {
display: block;
font-size: 21px;
line-height: 26px;
color: #3c3c3c;
text-align: left;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 27px;
}
.testimonial .box p {
display: inline ;
font-size: 17px;
line-height: 25px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #565555;
margin: 0;
}
.testimonial .box p strong {
background: #cceee7;
}
.testimonial .user {
padding: 0 41px;
}
.testimonial .user .left {
float: left;
width: 45px;
position: relative;
top: 3px;
}
.testimonial .user .left img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.testimonial .user .right {
margin-left: 60px;
}
.testimonial .user .right span {
display: block;
}
.testimonial .user .right span.name {
font-size: 17px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #191919;
margin-bottom: 3px;
}
.testimonial .user .right span.job {
font-size: 15px;
color: #828282;
}
.pricing-banner {
background: #008c8e;
text-align: center;
color: #ffffff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
padding: 48px 30px 55px;
margin-bottom: 53px;
}
.pricing-banner .svg svg path {
fill: #fff;
}
.pricing-banner .banner-title {
font-size: 35px;
font-weight: 500;
margin-bottom: 12px;
}
.pricing-banner .banner-text {
font-size: 19px;
line-height: 26px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 33px;
}
.pricing-banner .banner-link {
position: relative;
display: inline-block;
}
.pricing-banner .banner-link svg {
position: absolute;
right: -57px;
top: -38px;
-webkit-transform: rotateZ(40deg);
-ms-transform: rotateZ(40deg);
-o-transform: rotateZ(40deg);
transform: rotateZ(40deg);
}
.pricing-banner .banner-link svg path {
fill: #b3e5db;
}
.pricing-banner .banner-link a {
display: inline-block !important;
padding: 0 49px !important;
margin: 0 4px 4px !important;
float: none;
background: #e45961 !important;
height: 54px !important;
line-height: 50px !important;
color: #fff !important;
font-size: 20px !important;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
-ms-border-radius: 2px !important;
-o-border-radius: 2px !important;
border-radius: 2px !important;
}
.pricing-banner .banner-link a:hover {
background: #dd2d37 !important;
}
.faqs {
margin-bottom: 66px;
}
.faqs h2 {
font-size: 30px;
margin-bottom: 56px;
color: #2a2a2a;
text-align: center;
}
#price-footer {
background: #3d4248;
text-align: center;
color: #fff;
padding: 99px 0 112px;
}
#price-footer .title {
font-size: 45px;
line-height: 52px;
color: #ffffff;
margin-bottom: 41px;
}
#price-footer .link {
display: inline-block;
position: relative;
margin-bottom: 16px;
}
#price-footer .link svg {
right: -79px;
top: -66px;
position: absolute;
-webkit-transform: rotateZ(42deg);
-ms-transform: rotateZ(42deg);
-o-transform: rotateZ(42deg);
transform: rotateZ(42deg);
}
#price-footer .link svg path {
fill: #777a7f;
}
#price-footer .link a {
display: inline-block;
padding: 0 65px;
background: #008c8e;
float: none;
margin: 0 4px 4px;
height: 74px;
line-height: 70px;
color: #fff;
font-size: 23px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#price-footer .link a:hover {
background: #037c7e;
}
#price-footer .text {
font-size: 15px;
color: rgba(255, 255, 255, 0.5);
}
#f404 {
padding-top: 147px;
text-align: center;
position: relative;
}
#f404 .not {
margin-bottom: 23px;
}
#f404 .not path {
fill: #dde2e5;
}
#f404 h1 {
font-size: 34px;
color: #222222;
margin-bottom: 17px;
}
#f404 p {
font-size: 19px;
color: #545454;
line-height: 27px;
margin: 0 0 46px;
}
#f404 form {
max-width: 376px;
background: #fff;
margin: 0 auto 300px;
padding: 0 93px 0 17px;
height: 44px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid #e0e2e3;
}
#f404 form button {
width: 81px;
height: 38px;
background: #008c8e;
min-width: inherit;
position: absolute;
right: 4px;
top: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#f404 form button:hover {
background: #037c7e;
}
#f404 form button svg {
position: relative;
top: 3px;
}
#f404 form button svg path {
fill: #fff;
}
#f404 form ::-webkit-input-placeholder { color: #757575;
}
#f404 form ::-moz-placeholder { color: #757575;
}
#f404 form :-ms-input-placeholder { color: #757575;
}
#f404 form :-moz-placeholder { color: #757575;
}
#f404 form input {
line-height: 44px;
height: 44px;
background: none;
padding: 0;
width: 100%;
font-size: 15px;
color: #757575;
}
.conpg {
position: relative;
}
.conbg {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 293px;
background: #505258;
}
.contact-bread {
position: relative;
z-index: 2;
}
.contact-title {
padding: 18px 0 1px;
position: relative;
z-index: 2;
}
.contact-title h1 {
margin: 0;
font-size: 35px;
color: #ffffff;
text-align: center;
}
.contact-text {
position: relative;
z-index: 2;
padding-bottom: 15px;
}
.contact-text p {
font-size: 15px;
line-height: 23px;
color: rgba(226, 230, 238, 0.7);
text-align: center;
}
.contact-form {
padding: 35px 35px 35px;
position: relative;
z-index: 2;
background: #fff;
max-width: 550px;
margin: 0 auto;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
line-height: 0;
}
.contact-form p {
margin: 0;
}
.contact-form ::-webkit-input-placeholder { color: #757575;
}
.contact-form ::-moz-placeholder { color: #757575;
}
.contact-form :-ms-input-placeholder { color: #757575;
}
.contact-form :-moz-placeholder { color: #757575;
}
.contact-form select {
height: 48px;
line-height: 48px;
background: none;
border: 1px solid #d6d6d6;
width: 100%;
padding-left: 13px;
font-size: 16px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #757575;
margin-bottom: 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.contact-form ::-webkit-input-placeholder { color: #757575;
}
.contact-form ::-moz-placeholder { color: #757575;
}
.contact-form :-ms-input-placeholder { color: #757575;
}
.contact-form :-moz-placeholder { color: #757575;
}
.contact-form textarea,
.contact-form input[type="email"],
.contact-form input[type="text"] {
padding: 0 14px;
height: 48px;
line-height: 48px;
background: none;
border: 1px solid #d6d6d6;
width: 100%;
padding-left: 13px;
font-size: 16px;
color: #757575;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.contact-form textarea {
height: 248px;
margin-bottom: 22px;
line-height: 26px;
padding-top: 11px;
padding-bottom: 11px;
}
.contact-form .wpcf7-submit {
margin-bottom: 0;
line-height: 48px;
height: 48px;
background: #008c8e;
color: #fff;
font-size: 18px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.contact-form .wpcf7-submit:hover {
background: #037c7e;
}
.contact-form form {
margin-bottom: 0;
text-align: center;
}
.contact-form form span {
text-align: left;
}
.contact-form form div.wpcf7-response-output {
margin: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 5px 1em !important;
border: none;
line-height: 28px;
}
div.wpcf7-mail-sent-ok {
border: none !important;
background: #d8f8e3;
line-height: 28px;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: none !important;
background: #fae0e1;
line-height: 28px;
}
div.wpcf7-spam-blocked {
border: none !important;
background: #fae0e1;
line-height: 28px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: none !important;
background: #fae0e1;
line-height: 28px;
}
span.wpcf7-not-valid-tip {
position: relative;
bottom: 10px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: none !important;
line-height: 28px;
background: #f8f7ce;
padding: 5px 18px !important;
font-size: 16px;
}
#page-ttile {
background: #505258;
padding: 62px 0 71px;
text-align: center;
margin-bottom: 42px;
}
#page-ttile h1 {
color: #fff;
margin: 0;
font-size: 35px;
}
#page-ttile.p {
background: #393c41;
padding: 56px 0 68px;
}
#page-ttile.breadd {
padding-top: 0px;
padding-bottom: 57px;
}
#page-ttile.breadd h1 {
padding-top: 16px;
}
.page-def {
max-width: 1000px;
margin: 0 auto;
}
.lrm-user-modal {
background: rgba(0, 0, 0, 0.6) !important;
-ms-filter: blur(10px);
}
.lrm-user-modal .lrm-close-form {
display: none;
}
.lrm-main .wc-social-login .ywsl-label {
text-align: center;
}
.lrm-main .wc-social-login .socials-list {
overflow: hidden;
margin: 0 -4px;
}
.lrm-main .wc-social-login .socials-list a {
float: left;
display: block;
height: 44px;
width: 23%;
margin: 0 1%;
}
.lrm-main .wc-social-login .socials-list a img {
display: none;
}
.lrm-main .wc-social-login .socials-list a.ywsl-facebook {
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/facebook.svg) center center no-repeat #2d5ab6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.lrm-main .wc-social-login .socials-list a.ywsl-twitter {
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/twitter.svg) center center no-repeat #3ab2fc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.lrm-main .wc-social-login .socials-list a.ywsl-google {
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/google.svg) center center no-repeat #3a80f3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.lrm-main .wc-social-login .socials-list a.ywsl-yahoo {
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/yahoo.svg) center center no-repeat #792dd5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.lrm-main .apsl-login-new-text {
display: none;
}
.lrm-main .lrm-col-half-width.fieldset--last-name {
float: right;
}
.lrm-main .popclose {
position: absolute;
width: 34px;
height: 34px;
background: #fff;
right: -17px;
top: -17px;
line-height: 34px;
text-align: center;
cursor: pointer;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-box-shadow: inset 0px 0px 0px 100px #fff;
box-shadow: inset 0px 0px 0px 100px #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.lrm-main .popclose:hover {
-webkit-box-shadow: inset 0px 0px 0px 100px #f5f5f5;
box-shadow: inset 0px 0px 0px 100px #f5f5f5;
}
.lrm-main .ul.lrm-switcher {
position: relative;
}
.lrm-main .lrm-user-modal-container .lrm-switcher.-is-not-login-only li {
float: right;
}
.lrm-main .lrm-user-modal-container .lrm-switcher.-is-not-login-only li:last-child a {
border-radius: 0.25em 0 0 0;
}
.lrm-main .lrm-user-modal-container .lrm-switcher.-is-not-login-only li:first-child a {
border-radius: 0 0.25em 0 0;
}
.lrm-main .orlog {
position: relative;
margin-bottom: 11px;
margin-top: 13px;
text-align: center;
}
.lrm-main .orlog span.line {
position: absolute;
left: 0;
right: 0;
top: 10px;
border-bottom: 1px solid #dddddd;
}
.lrm-main .orlog .or {
display: inline-block;
padding: 0 9px;
background: #ffffff;
font-size: 16px;
position: relative;
z-index: 2;
}
.lrm-main .theme-4 .apsl-icon-block.icon-facebook {
background: #4267b2;
display: block;
line-height: 23px;
height: 26px;
text-align: center;
position: relative;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
margin-right: 0;
}
.lrm-main .theme-4 .apsl-icon-block.icon-facebook i {
position: absolute;
width: 24px;
height: 24px;
padding: 0;
margin: 0;
left: 8px;
top: 8px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/face.svg);
background-position: -18px center;
}
.lrm-main .theme-4 .apsl-icon-block.icon-facebook i:before {
display: none;
}
.lrm-main .theme-4 .apsl-icon-block.icon-google {
background: #fafafa;
display: block;
line-height: 21px;
height: 24px;
text-align: center;
position: relative;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
margin-right: 0;
color: #555555;
border: 1px solid #dddddd;
}
.lrm-main .theme-4 .apsl-icon-block.icon-google i {
position: absolute;
width: 26px;
height: 26px;
padding: 0;
margin: 0;
left: 8px;
top: 7px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/plus.svg);
background-position: 0px center;
}
.lrm-main .theme-4 .apsl-icon-block.icon-google i:before {
display: none;
}
.lrm-main .lrm-user-modal-container {
max-width: 460px;
background: #fff;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin-top: 0px;
margin-bottom: 0;
top: 50%;
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
-o-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.lrm-main .lrm-user-modal-container .lrm-switcher a {
box-shadow: inset 0 0 30px rgba(34, 34, 34, 0.25) !important;
background-color: rgba(248, 250, 251, 0.5);
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.lrm-main .lrm-user-modal-container .lrm-switcher a:before {
display: none;
}
.lrm-main .lrm-user-modal-container .lrm-switcher a.selected {
background: #fff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .footer-log {
margin-top: 40px;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form {
padding: 0 35px !important;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd ::-webkit-input-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd ::-webkit-input-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form ::-webkit-input-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form ::-webkit-input-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd ::-moz-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd ::-moz-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form ::-moz-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form ::-moz-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd :-ms-input-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd :-ms-input-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form :-ms-input-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form :-ms-input-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd :-moz-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd :-moz-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form :-moz-placeholder,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form :-moz-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .erf-btn-left button,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .erf-btn-left button,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .erf-btn-left button,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .erf-btn-left button {
font-size: 0;
overflow: hidden;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .erf-btn-left button:before,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .erf-btn-left button:before,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .erf-btn-left button:before,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .erf-btn-left button:before {
content: "Continue";
font-size: 18px;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .lrm-is-error,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .lrm-is-error,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .lrm-is-error,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .lrm-is-error {
line-height: 50px;
margin-bottom: 15px;
padding: 0 20px;
border: none;
color: #d33737;
background: #fae7e7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .lrm-is-error a,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .lrm-is-error a,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .lrm-is-error a,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .lrm-is-error a {
color: #d33737;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .form-group,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .form-group,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .form-group,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .form-group,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .fieldset,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .fieldset,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .fieldset,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .fieldset {
padding: 0;
margin: 0 0 15px;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .form-group.fieldset--submit,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .form-group.fieldset--submit,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .form-group.fieldset--submit,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .form-group.fieldset--submit,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .fieldset.fieldset--submit,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .fieldset.fieldset--submit,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .fieldset.fieldset--submit,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .fieldset.fieldset--submit {
margin-bottom: 10px;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .form-group .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .form-group .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .form-group .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .form-group .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .fieldset .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .fieldset .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .fieldset .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .fieldset .hide-password,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .form-group label,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .form-group label,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .form-group label,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .form-group label,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .fieldset label,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .fieldset label,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .fieldset label,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .fieldset label {
display: none;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .form-group input,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .form-group input,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .form-group input,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .form-group input,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .fieldset input,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .fieldset input,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .fieldset input,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .fieldset input {
max-width: inherit;
padding: 0 14px;
height: 46px;
line-height: 46px;
background: none;
border: 1px solid #d6d6d6;
width: 100%;
padding-left: 13px;
font-size: 16px;
color: #757575;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .form-group input:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .form-group input:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .form-group input:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .form-group input:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .fieldset input:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .fieldset input:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .fieldset input:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .fieldset input:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .form-group input:focus,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .form-group input:focus,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .form-group input:focus,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .form-group input:focus,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .fieldset input:focus,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .fieldset input:focus,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .fieldset input:focus,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .fieldset input:focus {
border-color: #adadad;
-webkit-box-shadow: none;
box-shadow: none;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .erf-page-breaks,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .erf-page-breaks,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .erf-page-breaks,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .erf-page-breaks,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .erf-nav-prev,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .erf-nav-prev,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .erf-nav-prev,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .erf-nav-prev {
display: none;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .erf-nav-next,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .erf-nav-next,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .erf-nav-next,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .erf-nav-next,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .sib-default-btn,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .sib-default-btn,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .sib-default-btn,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .sib-default-btn,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd button,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd button,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form button,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form button {
margin-bottom: 0;
line-height: 48px;
height: 48px;
background: #008c8e;
color: #fff;
float: none;
padding: 0;
width: 100% !important;
font-size: 18px;
font-weight: normal;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .erf-nav-next:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .erf-nav-next:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .erf-nav-next:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .erf-nav-next:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd .sib-default-btn:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd .sib-default-btn:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form .sib-default-btn:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form .sib-default-btn:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd button:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd button:hover,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form button:hover,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form button:hover {
background: #037c7e;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd.step2 .orlog,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd.step2 .orlog,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form.step2 .orlog,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form.step2 .orlog,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-formd.step2 .apsl-login-networks,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-formd.step2 .apsl-login-networks,
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form.step2 .apsl-login-networks,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form.step2 .apsl-login-networks {
display: none;
}
.lrm-main .lrm-user-modal-container .lrm-signup-section .lrm-form-bottom-message,
.lrm-main .lrm-user-modal-container .lrm-signin-section .lrm-form-bottom-message {
position: static;
}
.lrm-main .lrm-user-modal-container .mmmf.none {
display: none;
}
.lrm-main .lrm-user-modal-container .remember {
overflow: hidden;
padding: 0 36px 19px;
line-height: 20px;
}
.lrm-main .lrm-user-modal-container .remember .lrm-form-bottom-message {
float: right;
position: relative;
z-index: 2;
bottom: 3px;
width: auto;
}
.lrm-main .lrm-user-modal-container .remember .lrm-form-bottom-message.none {
display: none;
}
.lrm-main .lrm-user-modal-container .remember .lrm-form-bottom-message a {
font-size: 14px;
color: #008c8e;
text-decoration: none;
}
.lrm-main .lrm-user-modal-container .remember .lrm-form-bottom-message a:hover {
color: #037c7e;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section .pass-title {
padding-top: 40px;
font-size: 30px;
color: #5f7d95;
font-weight: bold;
margin-bottom: 30px;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form {
padding: 0 !important;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form .lrm-form-message {
font-size: 16px;
line-height: 25px;
font-weight: 400;
border: none;
padding: 0;
margin: 0;
color: #374957;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form .lrm-email {
background: none;
color: #757575 !important;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form ::-webkit-input-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form ::-moz-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form :-ms-input-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form :-moz-placeholder { color: #757575;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form input {
max-width: inherit;
padding: 0 14px;
height: 46px;
line-height: 46px;
border: 1px solid #d6d6d6;
width: 100%;
padding-left: 13px;
font-size: 16px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #757575;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form input:hover,
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form input:focus {
border-color: #adadad;
-webkit-box-shadow: none;
box-shadow: none;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form button {
margin-bottom: 0;
line-height: 48px;
height: 48px;
background: #008c8e;
color: #fff;
float: none;
padding: 0;
width: 100% !important;
font-size: 18px;
font-weight: normal;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section form button:hover {
background: #037c7e;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section .footer-log {
padding-bottom: 0;
margin-top: 00px;
border-top: none;
text-align: left;
padding-top: 0;
margin-left: -36px;
margin-right: -36px;
}
.lrm-main .lrm-user-modal-container .remember .lrm-reset-password-section .footer-log span {
float: right;
}
.lrm-main .lrm-user-modal-container .remember .fieldset label {
margin: 0;
font-size: 14px;
color: #777777;
padding-left: 23px;
}
.lrm-main .lrm-user-modal-container .remember .fieldset label .lrm-nice-checkbox__indicator {
width: 13px;
height: 13px;
top: 3px;
border: 1px solid #cccccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.lrm-main .lrm-user-modal-container .remember .fieldset label input:checked ~ .lrm-nice-checkbox__indicator {
border: 1px solid #cccccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.lrm-main .lrm-user-modal-container .remember .fieldset label input:checked ~ .lrm-nice-checkbox__indicator::after {
top: 1px;
left: 5px;
width: 2px;
height: 7px;
transform: rotate(40deg);
border: solid #999;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 2px 2px 0;
}
.footer-log {
padding: 14px 36px 0px;
border-top: 1px solid #f2f2f2;
text-align: center;
}
.footer-log p {
margin: 0;
font-size: 14px;
color: #9d9d9d;
}
.footer-log p a {
color: #008c8e;
background: none;
}
.footer-log p a:hover {
color: #037c7e;
}
.footer-log p a:before {
display: none;
}
.footer-log p.back {
display: none;
}
.footer-log.step p.back {
display: block;
}
.footer-log.step p.join {
display: none;
}
#main.logd {
padding-top: 50px;
}
#cover-site .lrm-user-modal-container {
margin-bottom: 40px;
top: 0;
-webkit-transform: translateY(0) !important;
-ms-transform: translateY(0) !important;
-o-transform: translateY(0) !important;
transform: translateY(0) !important;
}
#top-profile {
padding-top: 3px;
float: right;
margin-left: 48px;
position: relative;
z-index: 3;
}
#top-profile .ttop .right {
line-height: 1.6;
position: relative;
bottom: 4px;
}
#top-profile .ttop .right .name {
display: block;
color: #ffffff;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
cursor: pointer;
font-size: 15px;
font-weight: bold;
}
#top-profile .ttop .right .name svg path {
fill: #ffffff;
}
#top-profile .ttop .right .red,
#top-profile .ttop .right .brown,
#top-profile .ttop .right .green,
#top-profile .ttop .right .exp {
display: block;
font-size: 12px;
color: #f7595e;
margin-bottom: 6px;
position: relative;
bottom: 0px;
}
#top-profile .ttop .right .green {
color: #0fe8cc;
white-space: nowrap;
}
#top-profile .ttop .right .brown {
display: inline-block;
color: #e5b135;
white-space: nowrap;
bottom: 5px;
}
#top-profile .ttop .right .red {
white-space: nowrap;
display: inline-block;
color: #f7595e;
bottom: 5px;
}
#top-profile .ttop .right a.ren {
display: inline-block;
padding: 0 7px;
line-height: 23px;
background: #008c8e;
color: #fff;
font-size: 13px;
font-weight: bold;
position: relative;
bottom: 6px;
margin-left: 4px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#top-profile .ttop .right a.ren:hover {
background: #005a5b;
}
#top-profile .ttop .right .exp {
display: inline-block;
color: #f7595e;
bottom: 5px;
}
#top-profile .drop {
background: #fff;
visibility: hidden;
opacity: 0;
left: -14px;
-webkit-transition: all .1s linear;
transition: all .1s linear;
border-radius: 2px 3px 3px 3px;
position: absolute;
z-index: 10;
top: 30px;
border: 1px #ddd solid;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
padding: 11px 20px 12px;
margin-top: 23px;
}
#top-profile .drop ul {
display: block;
min-width: 108px;
}
#top-profile .drop ul li {
font-size: 13px;
line-height: 26px;
position: relative;
white-space: nowrap;
}
#top-profile .drop ul li a {
color: #5e5e5e;
text-decoration: none;
font-weight: 400;
}
#top-profile .drop ul li a:hover {
color: #000;
}
#top-profile .drop ul li.woocommerce-MyAccount-navigation-link--customer-logout {
border-top: 1px solid #e5e5e5;
padding-top: 4px;
margin-top: 6px;
}
#top-profile .drop ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
color: #ff4040;
}
#top-profile .drop:after,
#top-profile .drop:before {
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
left: 32px;
border-color: transparent;
border-bottom-color: #ddd;
border-width: 8px;
margin-left: -8px;
}
#top-profile .drop:after {
border-color: transparent;
border-bottom-color: #fff;
border-width: 7px;
margin-left: -7px;
}
#top-profile.active .drop {
opacity: 1;
visibility: visible;
}
.course-block {
padding-bottom: 15px;
}
.course-block .title h4 {
padding-top: 27px;
font-size: 25px;
color: #008c8e;
margin-bottom: 35px;
}
.course-block .title h4 a {
color: #008c8e;
}
.wp-block-uagb-blockquote,
.curese-quoto {
background: #e8e8e8 !important;
padding: 33px 40px 30px !important;
margin-bottom: 29px !important;
}
.wp-block-uagb-blockquote blockquote,
.curese-quoto blockquote {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.wp-block-uagb-blockquote .uagb-blockquote__content:before,
.curese-quoto .uagb-blockquote__content:before {
content: '“';
}
.wp-block-uagb-blockquote .uagb-blockquote__content:after,
.curese-quoto .uagb-blockquote__content:after {
content: '”';
}
.wp-block-uagb-blockquote .uagb-blockquote__content,
.curese-quoto .uagb-blockquote__content,
.wp-block-uagb-blockquote .text,
.curese-quoto .text {
font-size: 16px !important;
font-style: italic !important;
color: #444444 !important;
line-height: 26px !important;
padding-bottom: 12px !important;
margin-bottom: 0 !important;
}
.wp-block-uagb-blockquote footer,
.curese-quoto footer {
background: none !important;
position: relative;
overflow: visible !important;
}
.wp-block-uagb-blockquote .uagb-blockquote__author,
.curese-quoto .uagb-blockquote__author {
position: static;
}
.wp-block-uagb-blockquote .uagb-blockquote__author,
.curese-quoto .uagb-blockquote__author,
.wp-block-uagb-blockquote .author,
.curese-quoto .author {
position: relative;
width: 100%;
color: #444444 !important;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-style: italic !important;
font-size: 16px;
}
.wp-block-uagb-blockquote .uagb-blockquote__author:after,
.curese-quoto .uagb-blockquote__author:after,
.wp-block-uagb-blockquote .author:after,
.curese-quoto .author:after,
.wp-block-uagb-blockquote .uagb-blockquote__author svg,
.curese-quoto .uagb-blockquote__author svg,
.wp-block-uagb-blockquote .author svg,
.curese-quoto .author svg {
position: absolute;
right: 0;
top: -5px;
}
.wp-block-uagb-blockquote .uagb-blockquote__author:after path,
.curese-quoto .uagb-blockquote__author:after path,
.wp-block-uagb-blockquote .author:after path,
.curese-quoto .author:after path,
.wp-block-uagb-blockquote .uagb-blockquote__author svg path,
.curese-quoto .uagb-blockquote__author svg path,
.wp-block-uagb-blockquote .author svg path,
.curese-quoto .author svg path {
fill: #d7d7d7;
}
.wp-block-uagb-blockquote .uagb-blockquote__author:after,
.curese-quoto .uagb-blockquote__author:after,
.wp-block-uagb-blockquote .author:after,
.curese-quoto .author:after {
content: "";
width: 39px;
height: 29px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/quote.svg);
}
.course-detail {
margin-bottom: 23px;
}
.course-detail ul {
padding: 0;
}
.course-detail ul li {
padding: 0;
margin-bottom: 0;
line-height: 32px;
font-size: 17px;
color: #444444;
}
.course-detail ul li:before {
display: none;
}
.course-detail ul li span.name {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.course-detail ul li span.icon {
display: inline-block;
width: 20px;
}
.course-detail ul li span.icon svg {
position: relative;
top: 2px;
}
.course-detail ul li span.icon svg path {
fill: #444444;
}
.wp-block-button.hyper,
.course-button {
margin-bottom: 40px;
}
.wp-block-button.hyper a,
.course-button a {
display: inline-block;
line-height: 48px;
padding: 0 18px;
background: #008c8e;
color: #fff;
font-size: 18px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.wp-block-button.hyper a:after,
.course-button a:after {
content: '';
width: 7px;
height: 12px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/right.svg);
display: inline-block;
}
.wp-block-button.hyper a:after,
.course-button a:after,
.wp-block-button.hyper a svg,
.course-button a svg {
margin-left: 7px;
position: relative;
top: 1px;
}
.wp-block-button.hyper a:after path,
.course-button a:after path,
.wp-block-button.hyper a svg path,
.course-button a svg path {
fill: #fff;
}
.wp-block-button.hyper a:hover,
.course-button a:hover {
background: #037c7e;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap {
border: none !important;
margin-bottom: 30px;
background: #f1f1f1 !important;
padding: 28px 66px 10px !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap .uagb-toc__title {
background: #000;
padding: 0 36px 0 67px;
margin-bottom: 26px;
color: #fff;
margin-left: -66px;
font-size: 15px !important;
font-weight: bold !important;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
text-transform: uppercase;
display: inline-block;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap ul {
list-style: none;
line-height: 25px;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap ul li {
margin-bottom: 17px !important;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap ul li:before {
display: none;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap ul li a {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 17px !important;
color: #000 !important;
border-color: transparent;
display: block;
padding-left: 15px;
position: relative;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap ul li a:before {
content: "";
width: 4px;
height: 4px;
background: #000;
position: absolute;
left: 0;
top: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap ul li a:hover {
border-bottom: 1px solid transparent;
text-decoration: underline;
}
.wp-block-uagb-table-of-contents ul.uagb-toc__list:first-child {
margin-left: 0px !important;
padding-top: 0px !important;
}
.wp-block-uagb-table-of-contents ul.uagb-toc__list:first-child ul {
margin-left: 36px;
}
.wp-block-uagb-table-of-contents ul.uagb-toc__list:first-child li {
margin-bottom: 0;
}
.wp-block-uagb-table-of-contents ul.uagb-toc__list:first-child li li:before {
display: none;
}
.wp-block-uagb-table-of-contents ul.uagb-toc__list {
list-style: none;
}
.wp-block-uagb-table-of-contents ul.uagb-toc__list ul.uagb-toc__list li:before {
display: none;
}
.wp-block-separator {
border: none;
height: 1px;
background: #e1e1e1;
margin-bottom: 27px;
}
ul.list-number {
padding: 0;
margin-bottom: 50px;
}
ul.list-number li {
padding-left: 40px;
position: relative;
margin-bottom: 28px;
}
ul.list-number li img {
margin: 22px 0 6px;
}
ul.list-number li .num {
position: absolute;
left: 0;
top: 1px;
min-width: 10px;
text-align: center;
padding: 0 10px;
height: 30px;
line-height: 28px;
background: #dedede;
font-size: 16px;
color: #1e1e1e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
ul.list-number li:before {
display: none;
}
p span.border {
padding: 0 8px;
line-height: 25px;
height: 26px;
font-size: 15px;
display: inline-block;
position: relative;
bottom: 2px;
margin-right: 7px;
margin-left: 4px;
border: 1px solid #cccccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
p span.arrow {
position: relative;
bottom: 2px;
}
section.hp-info,
section.hyper,
.green-box {
background: #eff7ff;
padding: 31px 38px 30px !important;
margin-bottom: 33px !important;
max-width: inherit;
color: #444444;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
section.hp-info p:first-child,
section.hyper p:first-child,
.green-box p:first-child,
section.hp-info .title,
section.hyper .title,
.green-box .title {
font-size: 21px;
margin-bottom: 13px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-weight: 500;
text-transform: uppercase;
color: #242424;
}
section.hp-info p,
section.hyper p,
.green-box p,
section.hp-info .text,
section.hyper .text,
.green-box .text {
margin: 0;
font-size: 20px;
color: #242424;
line-height: 34px;
}
#downlopop {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 20;
background: rgba(0, 0, 0, 0.4);
display: none;
}
#downlopop > div {
display: table;
width: 100%;
height: 100%;
}
#downlopop > div > div {
display: table-row;
width: 100%;
height: 100%;
}
#downlopop > div > div > div {
display: table-cell;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
.downpop {
display: inline-block;
width: 502px;
background: #fff;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.downpop > div {
position: relative;
height: 460px;
}
.downpop > div .left {
padding: 37px 60px 50px;
}
.downpop > div .left .lock {
margin-bottom: 12px;
}
.downpop > div .left .lock > span {
display: inline-block;
height: 69px;
width: 47px;
}
.downpop > div .left .lock > span span {
position: relative;
}
.downpop > div .left .lock > span span.top {
bottom: -2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.downpop > div .left .lock > span svg path {
fill: #d9d9d9;
}
.downpop > div .left .lock.active > span .top {
bottom: 2px;
}
.downpop > div .left .title {
margin-bottom: 14px;
}
.downpop > div .left .title span {
display: block;
line-height: 30px;
font-size: 25px;
color: #222222;
}
.downpop > div .left .title span.bot {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
}
.downpop > div .left .log {
margin-bottom: 24px;
}
.downpop > div .left .log p {
margin: 0;
font-size: 16px;
color: #888888;
white-space: nowrap;
}
.downpop > div .left .log p a {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #222222;
}
.downpop > div .left .butto {
margin-bottom: 24px;
}
.downpop > div .left .butto a {
display: block;
line-height: 58px;
background: #008c8e;
color: #fff;
font-size: 19px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.downpop > div .left .butto a:hover {
background: #037c7e;
}
.downpop > div .left .list {
text-align: left;
font-size: 18px;
line-height: 34px;
color: #222222;
}
.downpop > div .left .list svg {
margin-right: 3px;
}
.downpop > div .left .list svg path {
fill: #008c8e;
}
#profile-sidbar {
padding-top: 101px;
width: 280px;
float: left;
}
#profile-sidbar #profilek {
position: relative;
margin-bottom: 21px;
text-align: center;
background: #fff;
border: 1px solid #e9e9e9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#profile-sidbar #profilek .img {
height: 33px;
margin-bottom: 3px;
}
#profile-sidbar #profilek .img img {
display: block;
margin: 0 auto;
position: relative;
bottom: 44px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#profile-sidbar #profilek div.name {
font-size: 18px;
color: #000000;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 15px;
}
#profile-sidbar #profilek > a {
display: inline-block;
width: 139px;
margin-bottom: 24px;
height: 34px;
line-height: 32px;
background: #f0f4f6;
font-size: 13px;
color: #6c757d;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#profile-sidbar #profilek > a svg {
position: relative
top: 1px;
}
#profile-sidbar #profilek > a svg path {
fill: #6c757d;
}
#profile-sidbar #profilek > a:hover {
background: #ced4da;
}
#profile-sidbar #profile-menu {
position: relative;
margin-bottom: 20px;
background: #fff;
overflow: hidden;
border: 1px solid #e9e9e9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#profile-sidbar #profile-menu li {
height: 43px;
line-height: 43px;
border-bottom: 1px solid #ededed;
}
#profile-sidbar #profile-menu li a {
display: block;
padding: 0 17px;
font-size: 15px;
color: #999999;
position: relative;
}
#profile-sidbar #profile-menu li a.active,
#profile-sidbar #profile-menu li a:hover {
color: #444444;
background: #f0f4f6;
}
#profile-sidbar #profile-menu li a.active svg {
display: block;
}
#profile-sidbar #profile-menu li a svg {
float: right;
position: absolute;
display: none;
right: 15px;
top: 16px;
}
#profile-sidbar #profile-menu li a svg path {
fill: #444444;
}
#profile-sidbar #profile-menu li:last-child {
border-bottom: none;
}
#profile-sidbar #profile-menu li.is-active a {
color: #444444;
background: #f0f4f6;
}
#profile-sidbar #profile-menu li.is-active a svg {
display: block;
}
#profile-sidbar #profile-menu li.woocommerce-MyAccount-navigation-link--customer-logout {
display: none;
}
#profile-sidbar #profile-menu.v2 li.is-active a {
color: #999999;
background: #fff;
}
#profile-sidbar #profile-menu.v2 li.is-active a svg {
display: none;
}
#profile-sidbar #profile-menu.v2 li.is-active2 a {
color: #444444;
background: #f0f4f6;
}
#profile-sidbar #profile-menu.v2 li.is-active2 a svg {
display: block;
}
#profile-contnet {
margin-left: 320px;
padding-top: 48px;
overflow: hidden;
}
#profile-contnet .title {
line-height: 1.6;
}
#profile-contnet .title h3 {
margin: 0;
font-size: 25px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #000000;
text-transform: capitalize;
}
#profile-contnet .title.underline {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 15px;
margin-bottom: 10px;
}
#profile-contnet .title.mb {
margin-bottom: 18px;
}
#profile-contnet .wpua-edit .wpua-edit-container {
position: relative;
min-height: 80px;
padding-top: 21px;
padding-bottom: 5px;
}
#profile-contnet .wpua-edit .wpua-edit-container h3 {
display: none;
}
#profile-contnet .wpua-edit .wpua-edit-container #wpua-file-existing {
display: none;
}
#profile-contnet .wpua-edit .wpua-edit-container #wpua-upload-messages-existing {
display: none;
}
#profile-contnet .wpua-edit .wpua-edit-container #wpua-thumbnail-existing {
display: none;
}
#profile-contnet .wpua-edit .wpua-edit-container label.upload {
height: 38px;
margin-left: 102px;
line-height: 38px;
background: #ababab;
padding: 0 16px;
color: #fff;
font-size: 14px;
cursor: pointer;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#profile-contnet .wpua-edit .wpua-edit-container #wpua-undo-existing {
display: none;
}
#profile-contnet .wpua-edit .wpua-edit-container #wpua-preview-existing {
position: absolute;
top: 0;
left: 0;
}
#profile-contnet .wpua-edit .wpua-edit-container #wpua-preview-existing img {
border: none;
max-width: 81px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#profile-contnet .wpua-edit .wpua-edit-container #wpua-preview-existing span {
display: none;
}
#profile-contnet .wpua-edit #wpua-remove-existing {
height: 38px;
line-height: 36px;
border: 1px solid #d6d6d6;
padding: 0 16px;
color: #717171;
font-size: 14px;
background: none;
position: absolute;
top: 36px;
left: 269px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#profile-contnet .wpua-edit #submit {
width: 0;
height: 0;
opacity: 0;
position: absolute;
}
#profile-contnet .woocommerce-Message.woocommerce-Message--info {
background: none;
}
#profile-contnet .woocommerce-Message.woocommerce-Message--info a {
float: none !important;
}
#profile-contnet .woocommerce-Message.woocommerce-Message--info,
#profile-contnet .woocommerce-form-row,
#profile-contnet .woocommerce-form-login {
border: none;
padding: 0;
}
#profile-contnet .woocommerce-Message.woocommerce-Message--info #rememberme,
#profile-contnet .woocommerce-form-row #rememberme,
#profile-contnet .woocommerce-form-login #rememberme {
width: auto;
float: left;
margin-right: 6px;
position: relative;
top: 4px;
}
#profile-contnet .woocommerce-Message.woocommerce-Message--info .woocommerce-Button,
#profile-contnet .woocommerce-form-row .woocommerce-Button,
#profile-contnet .woocommerce-form-login .woocommerce-Button,
#profile-contnet .woocommerce-Message.woocommerce-Message--info .woocommerce-Button,
#profile-contnet .woocommerce-form-row .woocommerce-Button,
#profile-contnet .woocommerce-form-login .woocommerce-Button,
#profile-contnet .woocommerce-Message.woocommerce-Message--info .woocommerce-button,
#profile-contnet .woocommerce-form-row .woocommerce-button,
#profile-contnet .woocommerce-form-login .woocommerce-button {
width: auto;
float: left;
padding: 0 15px;
line-height: 38px;
height: 38px;
border: none;
background: #008c8e;
font-size: 14px;
color: #fff;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#profile-contnet .woocommerce-Message.woocommerce-Message--info .woocommerce-Button:hover,
#profile-contnet .woocommerce-form-row .woocommerce-Button:hover,
#profile-contnet .woocommerce-form-login .woocommerce-Button:hover,
#profile-contnet .woocommerce-Message.woocommerce-Message--info .woocommerce-Button:hover,
#profile-contnet .woocommerce-form-row .woocommerce-Button:hover,
#profile-contnet .woocommerce-form-login .woocommerce-Button:hover,
#profile-contnet .woocommerce-Message.woocommerce-Message--info .woocommerce-button:hover,
#profile-contnet .woocommerce-form-row .woocommerce-button:hover,
#profile-contnet .woocommerce-form-login .woocommerce-button:hover {
background: #037c7e;
}
#profile-contnet .edit-profile .woocommerce-Message.woocommerce-Message--info {
line-height: 38px;
}
#profile-contnet .edit-profile .woocommerce-Message.woocommerce-Message--info .woocommerce-Button {
float: right !important;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
display: none !important;
}
.edit-profile ::-webkit-input-placeholder { color: #444444;
}
.edit-profile ::-moz-placeholder { color: #444444;
}
.edit-profile :-ms-input-placeholder { color: #444444;
}
.edit-profile :-moz-placeholder { color: #444444;
}
.edit-profile label {
font-size: 15px;
display: block !important;
color: #444444;
margin-bottom: 7px !important;
}
.edit-profile p {
margin: 0;
}
.edit-profile br {
display: none;
}
.edit-profile a.join {
margin-top: 20px;
line-height: 39px;
height: 39px;
padding: 0 27px;
color: #008c8e;
border-radius: 2px;
border: 1px solid #008c8e;
display: inline-block;
}
.edit-profile a.join:hover {
background: #008c8e;
color: #fff;
}
.edit-profile select,
.edit-profile input[type="password"],
.edit-profile input[type="email"],
.edit-profile input[type="text"] {
box-sizing: border-box;
width: 100%;
background: #fff;
color: #444444;
height: 38px;
line-height: 36px;
font-size: 15px;
padding: 0 11px;
border: 1px solid #d5dbdc;
margin-bottom: 21px !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.edit-profile textarea {
box-sizing: border-box;
width: 100%;
height: 229px;
background: #fff;
color: #444444;
line-height: 36px;
font-size: 15px;
padding: 0 11px;
border: 1px solid #d5dbdc;
margin-bottom: 40px !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.edit-profile select {
padding-left: 7px;
}
.edit-profile .woocommerce-Button,
.edit-profile input[type="submit"] {
width: auto;
float: left;
padding: 0 15px;
line-height: 38px;
height: 38px;
border: none;
background: #008c8e;
font-size: 14px;
color: #fff;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.edit-profile .woocommerce-Button:hover,
.edit-profile input[type="submit"]:hover {
background: #037c7e;
}
.edit-profile #edd_profile_submit_wrap {
padding-top: 11px;
margin-bottom: 0;
}
#edd_user_history {
border: none;
border-collapse: collapse;
margin-top: 24px;
width: 100%;
}
#edd_user_history thead tr {
background: #f0f4f6;
height: 38px;
line-height: 38px;
}
#edd_user_history thead tr th {
background: none;
text-align: center;
border: none;
padding: 0 18px;
font-size: 12px;
color: #444444;
text-transform: uppercase;
}
#edd_user_history tfoot tr,
#edd_user_history tbody tr {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
}
#edd_user_history tfoot tr th,
#edd_user_history tbody tr th,
#edd_user_history tfoot tr td,
#edd_user_history tbody tr td {
background: none;
border: none;
text-align: center;
padding: 20px 18px;
font-size: 15px;
color: #444444;
}
#edd_user_history tfoot tr:last-child,
#edd_user_history tbody tr:last-child {
border-bottom: none;
}
#edd_user_history tfoot .woocommerce-MyAccount-downloads-file,
#edd_user_history tbody .woocommerce-MyAccount-downloads-file,
#edd_user_history tfoot .edd_download_file_link,
#edd_user_history tbody .edd_download_file_link {
line-height: 27px;
height: 29px;
padding: 0 12px;
background: none;
border: 1px solid #008c8e;
display: inline-block;
color: #008c8e;
font-size: 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#edd_user_history tfoot .woocommerce-MyAccount-downloads-file:hover,
#edd_user_history tbody .woocommerce-MyAccount-downloads-file:hover,
#edd_user_history tfoot .edd_download_file_link:hover,
#edd_user_history tbody .edd_download_file_link:hover {
color: #fff;
background: #008c8e;
}
#edd_user_history tfoot .edd_download_download_name,
#edd_user_history tbody .edd_download_download_name {
vertical-align: middle;
white-space: nowrap;
}
#edd_user_history tfoot .edd_download_download_name a,
#edd_user_history tbody .edd_download_download_name a {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
#edd_user_history tfoot .edd_download_download_name img,
#edd_user_history tbody .edd_download_download_name img {
display: block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#edd_user_history tfoot tr {
border-bottom: none;
border-top: 1px solid #e5e5e5;
}
#edd_user_history tfoot tr th {
height: auto;
line-height: 25px;
}
#edd_user_history.center td,
#edd_user_history.center th {
text-align: center;
}
.edit-profile .row {
overflow: hidden;
}
.subn,
.substat {
position: relative;
margin-top: 7px;
margin-bottom: 6px;
text-align: center;
background: #fff;
padding: 30px 20px 35px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.subn li,
.substat li {
display: inline-block;
text-align: left;
vertical-align: top;
}
.subn li span.top,
.substat li span.top {
display: block;
font-size: 14px;
color: #888888;
margin-bottom: 6px;
}
.subn li span.bot,
.substat li span.bot {
display: block;
font-size: 17px;
color: #444444;
}
.subn svg,
.substat svg {
margin-right: 10px;
position: relative;
top: 3px;
}
.subn svg path,
.substat svg path {
fill: #e7c55c;
}
.subn {
padding-bottom: 30px !important;
}
.subn svg path {
fill: #cccccc;
}
.subn .Expired {
color: #e70000;
}
.subn a {
display: inline-block;
line-height: 29px;
padding: 0 9px;
background: #008c8e;
font-size: 13px;
margin-left: 6px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.subn a:hover {
background: #037c7e;
}
.subn li span.top {
margin-bottom: 3px;
}
#side-user {
position: absolute;
min-height: 100vh;
left: 0;
right: 0;
top: 0px;
visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
z-index: 100; z-index: 4;
}
#side-user > div {
width: 255px;
min-height: 100vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
right: 0;
padding-top: 48px;
float: right;
overflow: hidden;
background: #1e1e1e;
}
#side-user > div #top-profile {
float: none;
margin: 0;
}
#side-user > div #top-profile .ttop .right {
margin-left: 27px;
margin-top: 18px;
}
#side-user > div #top-profile .ttop .right span {
display: block;
}
#side-user > div #top-profile .ttop .right span.name {
font-size: 18px;
margin-bottom: 4px;
}
#side-user > div #top-profile .ttop .right a {
margin-left: 0;
}
#side-user > div #top-profile .drop {
position: static;
visibility: visible;
opacity: 1;
background: none;
border: none;
border-top: 1px solid #2e2e2e;
margin-top: 9px;
padding: 11px 27px 12px;
-webkit-box-shadow: none;
box-shadow: none;
}
#side-user > div #top-profile .drop ul li {
line-height: 44px;
}
#side-user > div #top-profile .drop ul li a {
color: #b1b1b1;
font-size: 14px;
}
#side-user > div #top-profile .drop ul li a:hover {
color: #fff;
}
#side-user > div #top-profile .drop ul li.woocommerce-MyAccount-navigation-link--customer-logout {
border: none;
padding-top: 0;
margin: 0;
}
#sidemenu {
position: absolute;
height: 0;
left: 0;
right: 0;
top: 0px;
visibility: hidden;
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
z-index: 100; z-index: 4;
}
#sidemenu > div {
width: 255px;
left: 0;
padding-top: 48px;
background: #1e1e1e;
}
#sidemenu .top {
padding-top: 50px;
}
#sidemenu #search {
width: 199px;
height: 34px;
margin-left: 28px;
margin-top: 25px;
margin-bottom: 26px;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#sidemenu #search form {
margin-bottom: 0;
}
#sidemenu #search:hover {
border-color: #cccccc;
}
#sidemenu #search input {
padding: 0 37px 0 11px;
background: #313131;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 34px;
line-height: 34px;
font-size: 14px;
color: #8c8c8c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
margin-bottom: 0;
}
#sidemenu #search input:hover,
#sidemenu #search input:focus {
background: #fff;
}
#sidemenu #search ::-webkit-input-placeholder { color: #8c8c8c;
}
#sidemenu #search ::-moz-placeholder { color: #8c8c8c;
}
#sidemenu #search :-ms-input-placeholder { color: #8c8c8c;
}
#sidemenu #search :-moz-placeholder { color: #8c8c8c;
}
#sidemenu #search button {
position: absolute;
right: 0;
background: none;
width: 42px;
top: 0px;
min-width: inherit;
padding: 0;
height: 34px;
line-height: 34px;
}
#sidemenu #search button svg {
display: inline-block;
position: relative;
top: 3px;
}
#sidemenu #search button svg path {
fill: #8c8c8c;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
#sidemenu #search button:hover svg path {
fill: #606060;
}
#sidemenu #search:hover {
border-color: #c4cacf;
}
#sidemenu #search:hover input {
color: #8a8a8a;
}
#sidemenu #search:hover ::-webkit-input-placeholder { color: #8a8a8a;
}
#sidemenu #search:hover ::-moz-placeholder { color: #8a8a8a;
}
#sidemenu #search:hover :-ms-input-placeholder { color: #8a8a8a;
}
#sidemenu #search:hover :-moz-placeholder { color: #8a8a8a;
}
#sidemenu #search:hover button svg path {
fill: #92a0a1;
}
#sidemenu .usefull-link {
padding: 23px 30px 55px;
}
#sidemenu .usefull-link .title {
line-height: 40px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
#sidemenu .usefull-link ul li {
line-height: 44px;
}
#sidemenu .usefull-link ul li a {
color: #b1b1b1;
font-size: 14px;
}
#sidemenu .usefull-link ul li a:hover {
color: #fff;
}
#accordianmenu2.ntops {
border-top: 1px solid #2e2e2e;
}
#accordianmenu2 > ul > li {
line-height: 53px;
border-bottom: 1px solid #2e2e2e;
position: relative;
}
#accordianmenu2 > ul > li .drop {
position: absolute;
right: 30px;
top: 0px;
cursor: pointer;
}
#accordianmenu2 > ul > li .drop svg path {
fill: #5b5b5b;
}
#accordianmenu2 > ul > li > a {
padding: 0 29px;
font-size: 18px;
color: #b1b1b1;
}
#accordianmenu2 > ul > li > a:hover {
color: #fff;
}
#accordianmenu2 > ul > li > a span {
display: inline-block;
line-height: 17px;
height: 15px;
border: 1px solid #929292;
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
margin-left: 4px;
padding: 0 5px;
position: relative;
bottom: 2px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#accordianmenu2 > ul > li ul {
display: none;
line-height: 44px;
padding-bottom: 5px;
}
#accordianmenu2 > ul > li ul a {
display: block;
padding: 0 29px;
font-size: 14px;
color: #b1b1b1;
}
#accordianmenu2 > ul > li ul a:hover {
color: #fff;
}
#accordianmenu2 > ul > li.active {
background: #2e2e2e;
}
#accordianmenu2 > ul > li.active > a {
color: #fff;
}
#accordianmenu2 > ul > li.active .drop {
-webkit-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
#accordianmenu2 > ul > li.active .drop svg path {
fill: #fff;
}
#cover-site {
width: 100%;
float: left;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
header.mob.sticky {
position: fixed;
top: -80px;
left: 0;
right: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
header.mob.sticky.fixed {
top: 0;
}
header.mob {
height: 48px;
padding: 0;
position: relative;
display: none;
z-index: 5;
}
header.mob > div {
height: 48px;
background: #000;
}
header.mob .topbasket.num0 {
display: none;
}
header.mob .user-cond {
position: absolute;
display: block;
top: 0px;
right: 0;
height: 48px;
bottom: 0;
width: 48px;
float: left;
text-align: center;
line-height: 48px;
z-index: 2;
cursor: pointer;
}
header.mob .user-cond svg {
fill: #fff;
position: relative;
top: 2px;
}
header.mob .search-control {
position: absolute;
right: 17px;
cursor: pointer;
top: 9px;
}
header.mob .search-control svg {
fill: #fff;
}
header.mob .search-control .close {
position: relative;
display: none;
top: -7px;
left: 15px;
height: 48px;
bottom: 0;
width: 48px;
float: left;
z-index: 2;
cursor: pointer;
}
header.mob .search-control .close span,
header.mob .search-control .close span::before,
header.mob .search-control .close span::after {
background: #fff;
content: '';
display: block;
height: 2px;
position: absolute;
transition: background ease .3s, top ease .3s .3s, transform ease .3s;
width: 20px;
}
header.mob .search-control .close span {
left: 14px;
top: 22px;
}
header.mob .search-control .close span::before {
top: -6px;
}
header.mob .search-control .close span::after {
top: 6px;
}
header.mob .search-control .close span {
background: transparent;
}
header.mob .search-control .close span::before {
transform: rotate(45deg);
}
header.mob .search-control .close span::after {
transform: rotate(-45deg);
}
header.mob .search-control .close span::before,
header.mob .search-control .close span::after {
top: 0;
transition: top ease .3s, transform ease .3s .3s;
}
header.mob #logo {
margin-top: 10px;
width: 130px;
position: relative;
margin: 8px auto 0;
float: none;
top: 3px;
}
header.mob #logo svg path {
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
header.mob #search {
position: static;
height: 34px;
width: auto;
}
header.mob #search form {
position: absolute;
left: 52px;
right: 52px;
top: 4px;
width: 0;
overflow: hidden;
}
header.mob #search form ::-webkit-input-placeholder { color: #737373;
}
header.mob #search form ::-moz-placeholder { color: #737373;
}
header.mob #search form :-ms-input-placeholder { color: #737373;
}
header.mob #search form :-moz-placeholder { color: #737373;
}
header.mob #search form input {
height: 34px;
padding: 0 34px 0 11px;
line-height: 34px;
background: #fff;
color: #737373;
}
header.mob #search form button {
right: -4px;
top: 2px;
left: inherit;
}
header.mob #search form button svg path {
fill: #3c3c3c;
}
header.mob .mmenu {
position: absolute;
display: block;
top: 0px;
left: 0;
height: 48px;
bottom: 0;
width: 48px;
float: left;
z-index: 2;
cursor: pointer;
}
header.mob .mmenu span,
header.mob .mmenu span::before,
header.mob .mmenu span::after {
background: #fff;
content: '';
display: block;
height: 2px;
position: absolute;
transition: background ease .3s, top ease .3s .3s, transform ease .3s;
width: 20px;
}
header.mob .mmenu span {
left: 14px;
top: 22px;
}
header.mob .mmenu span::before {
top: -6px;
}
header.mob .mmenu span::after {
top: 6px;
}
header.mob #righth {
float: right;
z-index: 2;
height: 24px;
}
header.mob #righth a.un {
line-height: 24px;
height: 24px;
position: relative;
bottom: 3px;
padding: 0 10px;
display: inline-block;
color: #fff;
font-size: 12px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background: #008c8e;
}
header.mob #righth a.un:hover {
background: #037c7e;
}
header.mob #righth .topbasket {
position: static;
margin-right: 30px;
}
header.mob #righth .topbasket p {
margin-top: 5px;
}
header.mob #righth .topbasket ul {
left: 10px;
right: 10px;
width: auto;
}
header.mob #righth .mob-user {
float: right;
width: 35px;
position: relative;
}
header.mob #righth .mob-user svg {
display: none;
}
header.mob #righth .mob-user svg path {
fill: #fff;
}
header.mob #righth .mob-user img {
position: relative;
bottom: 3px;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
header.mob #righth .mob-user .drop {
position: absolute;
left: 10px;
right: 10px;
background: #fff;
opacity: 0;
top: 48px;
visibility: hidden;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-top: 1px solid #ebebeb;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
header.mob #righth .mob-user .drop li {
padding: 0 25px;
line-height: 51px;
height: 51px;
}
header.mob #righth .mob-user .drop li a {
background: none;
color: #5d5d5d;
font-size: 16px;
font-weight: normal;
}
header.mob #righth .mob-user .drop li a:hover {
color: #ee5253;
}
header.mob #righth .mob-user .drop li:last-child {
border-top: 1px solid #ebebeb;
}
header.mob #righth .mob-user.active .drop {
opacity: 1;
visibility: visible;
}
header.mob #righth .mob-user.active img {
display: none;
}
header.mob #righth .mob-user.active svg {
display: block;
position: relative;
cursor: pointer;
left: 5px;
top: 5px;
}
header.mob #righth .mob-user.active svg path {
fill: #000;
}
.side-search {
position: relative;
padding: 15px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.side-search #searchform {
margin-bottom: 0;
padding: 0 34px 0 11px;
height: 31px;
position: relative;
border: 1px solid #d5dbdc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.side-search #searchform form {
margin-bottom: 0;
}
.side-search #searchform:hover {
border-color: #cccccc;
}
.side-search #searchform input {
width: 100%;
padding: 0;
height: 31px;
line-height: 31px;
background: none;
font-size: 12px;
color: #a7a7a7;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
margin-bottom: 0;
}
.side-search #searchform ::-webkit-input-placeholder { color: #a7a7a7;
}
.side-search #searchform ::-moz-placeholder { color: #a7a7a7;
}
.side-search #searchform :-ms-input-placeholder { color: #a7a7a7;
}
.side-search #searchform :-moz-placeholder { color: #a7a7a7;
}
.side-search #searchform button {
position: absolute;
right: 0;
background: none;
width: 34px;
top: 0;
min-width: inherit;
padding: 0;
height: 31px;
}
.side-search #searchform button svg path {
fill: #9a9a9a;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
}
.side-search #searchform:hover {
border-color: #c4cacf;
}
.side-search #searchform:hover input {
color: #8a8a8a;
}
.side-search #searchform:hover ::-webkit-input-placeholder { color: #8a8a8a;
}
.side-search #searchform:hover ::-moz-placeholder { color: #8a8a8a;
}
.side-search #searchform:hover :-ms-input-placeholder { color: #8a8a8a;
}
.side-search #searchform:hover :-moz-placeholder { color: #8a8a8a;
}
.side-search #searchform:hover button svg path {
fill: #92a0a1;
}
#slidlog {
border-bottom: 1px solid #2e2e2e;
padding: 23px 0 24px;
overflow: hidden;
text-align: center;
}
#slidlog > div {
display: block;
float: none;
margin: 0 21px 12px;
}
#slidlog > div a,
#slidlog > div span {
display: block;
font-size: 16px;
color: #fff;
font-weight: bold;
line-height: 40px;
padding: 0 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#slidlog > div a {
background: #f0f4f6;
}
#slidlog > div a.lrm-login {
background: #404040;
}
#slidlog > div a.lrm-login:hover {
background: #272727;
}
#slidlog > div a.join {
background: #008c8e;
}
#slidlog > div a.join:hover {
background: #037c7e;
}
#slidlog > div span {
background: #dae2e6;
margin: 0 15px 0 7px;
}
#slidlog > div:last-child {
margin-bottom: 0;
}
#sideffoter {
position: absolute;
border-top: 1px solid rgba(255, 255, 255, 0.2);
height: 97px;
padding-top: 20px;
bottom: 0;
left: 0px;
right: 0px;
}
#sideffoter .sidescoial {
text-align: center;
}
#sideffoter .sidescoial li {
display: inline-block;
margin: 0 9px;
vertical-align: baseline;
}
#sideffoter .sidescoial li svg path {
fill: #fff;
}
.sliding-menu {
position: relative;
overflow: visible !important;
background: #fff;
z-index: 4;
}
.sliding-menu-panel {
position: absolute;
top: -128px;
left: 100%;
width: 100%;
background: #fff;
bottom: -128px;
}
.ntop .sliding-menu-panel {
top: -95px;
}
.sliding-menu-panel.sliding-menu-panel-root {
top: 0;
background: #fff;
bottom: inherit;
}
.sliding-menu-panel.sliding-menu-panel-root > li > a {
border-bottom: 1px solid #ebebeb;
}
.sliding-menu li {
padding: 0;
margin: 0;
list-style: none;
}
.sliding-menu li a {
display: block;
padding: 0px 24px;
font-size: 16px;
color: #5d5d5d;
text-decoration: none;
border: none;
outline: none;
line-height: 51px;
}
.sliding-menu .sliding-menu-nav:before {
float: right;
margin-left: 1em;
content: "";
width: 20px;
height: 20px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/next.svg) center center no-repeat;
position: relative;
top: 17px;
}
.sliding-menu .sliding-menu-back {
text-align: center;
background: #f0f4f6;
}
.sliding-menu .sliding-menu-back:before {
float: left;
margin-right: 1em;
margin-left: -10px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/prev.svg) center center no-repeat;
}
.sliding-menu .sliding-menu-icon {
margin-right: .4em;
}
.sliding-menu .sliding-menu-separator {
margin: .4em 1em;
border-top: 2px solid #555;
}
#accordianmenu {
position: absolute;
bottom: 118px;
top: 110px;
overflow: auto;
left: 0;
right: 0;
}
#accordianmenu > ul > li {
padding: 0 19px;
line-height: 38px;
border-bottom: 1px solid rgba(255, 255, 255, 0);
position: relative;
}
#accordianmenu > ul > li .drop {
position: absolute;
right: 19px;
top: 18px;
cursor: pointer;
}
#accordianmenu > ul > li .drop svg path {
fill: #fff;
}
#accordianmenu > ul > li > a {
font-size: 14px;
color: #ffffff;
}
#accordianmenu > ul > li ul {
margin-left: 18px;
display: none;
padding-bottom: 8px;
}
#accordianmenu > ul > li ul li {
line-height: 35px;
}
#accordianmenu > ul > li ul li a {
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
}
#accordianmenu > ul > li.active {
background: rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0) !important;
}
#accordianmenu > ul > li.active .drop {
transform: rotateZ(180deg);
}
#accordianmenu > ul > li:last-child {
border-bottom: none !important;
}
#accordianmenu.active > ul > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.showm {
display: none;
}
.single-post-in .loaddown ul {
margin-bottom: 39px;
}
.single-post-in .loaddown li {
margin-bottom: 6px;
}
@media screen and (min-width: 800px) {
.loaddown {
max-height: inherit !important;
}
}
@-webkit-keyframes orbit {
0% {
-webkit-transform: rotateY(90deg) rotate(0deg);
}
60% {
-webkit-transform: rotateY(90deg) rotate(-180deg);
}
100% {
-webkit-transform: rotateY(90deg) rotate(-360deg);
}
}
@-moz-keyframes orbit {
0% {
-moz-transform: rotateY(90deg) rotate(0deg);
}
60% {
-moz-transform: rotateY(90deg) rotate(-180deg);
}
100% {
-moz-transform: rotateY(90deg) rotate(-360deg);
}
}
@keyframes orbit {
0% {
-webkit-transform: rotateY(90deg) rotate(0deg);
-moz-transform: rotateY(90deg) rotate(0deg);
-ms-transform: rotateY(90deg) rotate(0deg);
-o-transform: rotateY(90deg) rotate(0deg);
transform: rotateY(90deg) rotate(0deg);
}
60% {
-webkit-transform: rotateY(90deg) rotate(-180deg);
-moz-transform: rotateY(90deg) rotate(-180deg);
-ms-transform: rotateY(90deg) rotate(-180deg);
-o-transform: rotateY(90deg) rotate(-180deg);
transform: rotateY(90deg) rotate(-180deg);
}
100% {
-webkit-transform: rotateY(90deg) rotate(-360deg);
-moz-transform: rotateY(90deg) rotate(-360deg);
-ms-transform: rotateY(90deg) rotate(-360deg);
-o-transform: rotateY(90deg) rotate(-360deg);
transform: rotateY(90deg) rotate(-360deg);
}
}
.result {
display: none;
font-size: 12px;
color: #7b7b7b;
}
.pricing-products .alm-btn-wrap {
overflow: visible;
}
.pricing-products .alm-btn-wrap .alm-load-more-btn.loading {
margin-top: 40px;
}
.pricing-products .alm-btn-wrap .alm-load-more-btn.loading:before {
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/ajax-loader.gif) no-repeat center center;
width: 30px;
height: 30px;
margin: 0px;
border-radius: 2px;
display: inline-block;
z-index: 0;
content: '';
margin-left: -16px;
position: absolute;
left: 50%;
top: -40px;
overflow: hidden;
-webkit-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
body.page-template-page-checkout,
body.page-template-page-thanks,
body.edd-checkout {
background: #eef2f3;
}
header.check {
background: #00a887;
padding: 17px 0 62px;
clear: both;
text-align: center;
}
header.check #logo {
display: inline-block;
float: none;
margin-top: 13px;
}
header.check #logo svg path {
fill: #fff;
}
#ch-page {
max-width: 550px;
background: #fff;
margin: 0 auto;
position: relative;
bottom: 30px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
#ch-page .woocommerce {
padding: 0 50px;
}
#ch-page .woocommerce h2 {
margin: 0 0 15px;
padding: 42px 0 31px;
font-size: 32px;
border-bottom: 1px solid #e5e5e5;
}
#ch-page .woocommerce .woocommerce-info {
background: #f6f9fa;
font-size: 15px;
color: #444444;
display: block;
font-weight: normal;
padding: 33px 29px 35px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin-bottom: 30px;
border: none !important;
}
#ch-page .woocommerce .woocommerce-info:before {
display: none;
}
#ch-page .woocommerce .col2-set .col-2,
#ch-page .woocommerce .col2-set .col-2,
#ch-page .woocommerce .col2-set .col-1,
#ch-page .woocommerce .col2-set .col-1 {
width: auto;
float: none;
padding-bottom: 23px;
}
#ch-page .woocommerce label {
font-size: 15px;
color: #444444;
display: block;
margin-bottom: 9px;
font-weight: normal;
}
#ch-page .woocommerce select,
#ch-page .woocommerce input {
background: none;
line-height: 36px;
border: 1px solid #d5dbdc;
padding: 0 10px;
width: 100%;
color: #8a8a8a;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#ch-page .woocommerce h3 {
border-top: 1px solid #e5e5e5 !important;
padding-top: 20px;
font-size: 18px;
color: #474747;
}
#ch-page .woocommerce-message,
#ch-page .wc_payment_methods.payment_methods {
display: none;
}
.back-to-ho {
text-align: left;
padding: 0 0 40px;
}
.back-to-ho a {
display: inline-block;
line-height: 45px;
padding: 0 23px;
background: #eeeeee;
font-weight: 500;
color: #313536;
}
.back-to-ho a svg path {
fill: #008c8e;
}
.back-to-ho a:hover {
background: #d5d5d5;
}
.back-to-ho a:hover svg path {
fill: #fff;
}
#edd_checkout_wrap .edd_empty_cart {
text-align: left;
padding: 20px 0px 20px;
display: block;
}
#edd_checkout_wrap h2 {
margin: 0 0 15px;
padding: 42px 0 31px;
font-size: 32px;
border-bottom: 1px solid #e5e5e5;
}
#edd_checkout_wrap #edd_checkout_cart {
border-collapse: collapse;
margin-bottom: 16px;
}
#edd_checkout_wrap #edd_checkout_cart td {
padding: 20px 0;
border: none;
text-align: center;
}
#edd_checkout_wrap #edd_checkout_cart .edd_cart_item_image {
width: 84px;
}
#edd_checkout_wrap #edd_checkout_cart .edd_cart_item_image img {
border-radius: 2px;
margin-right: 18px;
}
#edd_checkout_wrap #edd_checkout_cart .edd_checkout_cart_item_title {
display: block;
font-size: 14px;
color: #444444;
line-height: 20px;
position: relative;
bottom: 5px;
}
#edd_checkout_wrap #edd_checkout_cart .price {
display: block;
font-size: 14px;
color: #444444;
line-height: 20px;
}
#edd_checkout_wrap #edd_checkout_cart .edd_cart_actions {
vertical-align: top;
}
#edd_checkout_wrap #edd_checkout_cart .edd_cart_actions a {
position: relative;
bottom: 6px;
}
#edd_checkout_wrap #edd_checkout_cart .edd_cart_actions a svg path {
fill: #b1b1b1;
}
#edd_checkout_wrap #edd_checkout_cart .edd_cart_actions a:hover svg path {
fill: #e35555;
}
#edd_checkout_wrap #edd_checkout_cart tr {
border-bottom: 1px solid #e5e5e5;
}
#edd_checkout_wrap #edd_checkout_cart tr:last-child {
border: none;
}
#edd_checkout_wrap #edd_final_total_wrap,
#edd_checkout_wrap .totall {
background: #f6f9fa;
font-size: 18px;
color: #484848;
padding: 33px 29px 35px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin-bottom: 30px;
border: none !important;
}
#edd_checkout_wrap #edd_login_fields,
#edd_checkout_wrap #edd_register_fields {
border: none;
padding: 0;
}
#edd_checkout_wrap #edd_login_fields #edd-new-account-wrap,
#edd_checkout_wrap #edd_register_fields #edd-new-account-wrap,
#edd_checkout_wrap #edd_login_fields #edd-login-account-wrap,
#edd_checkout_wrap #edd_register_fields #edd-login-account-wrap {
margin: 0 0 10px;
background: none;
padding: 0;
font-size: 15px;
color: #474747;
}
#edd_checkout_wrap #edd_login_fields #edd-new-account-wrap a,
#edd_checkout_wrap #edd_register_fields #edd-new-account-wrap a,
#edd_checkout_wrap #edd_login_fields #edd-login-account-wrap a,
#edd_checkout_wrap #edd_register_fields #edd-login-account-wrap a {
color: #008c8e;
}
#edd_checkout_wrap #edd_checkout_user_info,
#edd_checkout_wrap #edd_login_fields,
#edd_checkout_wrap #edd_register_account_fields,
#edd_checkout_wrap #edd_checkout_user_info {
margin-top: 40px;
padding: 0;
padding-top: 0px;
border: none;
}
#edd_checkout_wrap #edd_checkout_user_info legend,
#edd_checkout_wrap #edd_login_fields legend,
#edd_checkout_wrap #edd_register_account_fields legend,
#edd_checkout_wrap #edd_checkout_user_info legend {
border-top: 1px solid #e5e5e5 !important;
padding-top: 40px;
font-size: 18px;
color: #474747;
}
#edd_checkout_wrap #edd_checkout_user_info label,
#edd_checkout_wrap #edd_login_fields label,
#edd_checkout_wrap #edd_register_account_fields label,
#edd_checkout_wrap #edd_checkout_user_info label {
font-size: 15px;
color: #444444;
display: block;
margin-bottom: 9px;
font-weight: normal;
}
#edd_checkout_wrap #edd_checkout_user_info span,
#edd_checkout_wrap #edd_login_fields span,
#edd_checkout_wrap #edd_register_account_fields span,
#edd_checkout_wrap #edd_checkout_user_info span {
display: none;
}
#edd_checkout_wrap #edd_checkout_user_info input,
#edd_checkout_wrap #edd_login_fields input,
#edd_checkout_wrap #edd_register_account_fields input,
#edd_checkout_wrap #edd_checkout_user_info input {
background: none;
line-height: 36px;
border: 1px solid #d5dbdc;
padding: 0 10px;
width: 100%;
color: #8a8a8a;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#edd_checkout_wrap #edd_checkout_user_info input[type="submit"],
#edd_checkout_wrap #edd_login_fields input[type="submit"],
#edd_checkout_wrap #edd_register_account_fields input[type="submit"],
#edd_checkout_wrap #edd_checkout_user_info input[type="submit"] {
border: none;
background: #008c8e;
color: #fff;
}
#edd_checkout_wrap #edd_checkout_user_info input[type="submit"]:hover,
#edd_checkout_wrap #edd_login_fields input[type="submit"]:hover,
#edd_checkout_wrap #edd_register_account_fields input[type="submit"]:hover,
#edd_checkout_wrap #edd_checkout_user_info input[type="submit"]:hover {
background: #005a5b;
}
#edd_checkout_wrap #edd_checkout_user_info ::-webkit-input-placeholder,
#edd_checkout_wrap #edd_login_fields ::-webkit-input-placeholder,
#edd_checkout_wrap #edd_register_account_fields ::-webkit-input-placeholder,
#edd_checkout_wrap #edd_checkout_user_info ::-webkit-input-placeholder { color: #8a8a8a;
}
#edd_checkout_wrap #edd_checkout_user_info ::-moz-placeholder,
#edd_checkout_wrap #edd_login_fields ::-moz-placeholder,
#edd_checkout_wrap #edd_register_account_fields ::-moz-placeholder,
#edd_checkout_wrap #edd_checkout_user_info ::-moz-placeholder { color: #8a8a8a;
}
#edd_checkout_wrap #edd_checkout_user_info :-ms-input-placeholder,
#edd_checkout_wrap #edd_login_fields :-ms-input-placeholder,
#edd_checkout_wrap #edd_register_account_fields :-ms-input-placeholder,
#edd_checkout_wrap #edd_checkout_user_info :-ms-input-placeholder { color: #8a8a8a;
}
#edd_checkout_wrap #edd_checkout_user_info :-moz-placeholder,
#edd_checkout_wrap #edd_login_fields :-moz-placeholder,
#edd_checkout_wrap #edd_register_account_fields :-moz-placeholder,
#edd_checkout_wrap #edd_checkout_user_info :-moz-placeholder { color: #8a8a8a;
}
#edd_checkout_wrap #edd_register_account_fields legend {
border-top: none !important;
}
#edd_checkout_wrap #edd-purchase-button {
width: 100%;
background: #008c8e;
border: none !important;
height: 64px;
padding: 0 !important;
font-size: 22px;
margin-bottom: 0;
}
#edd_checkout_wrap #edd-purchase-button:hover {
background: #005a5b;
}
#edd_checkout_wrap #edd_purchase_submit {
margin-bottom: 0;
text-align: center;
}
#edd_checkout_wrap #edd_purchase_submit span {
margin-top: 20px;
}
.check-footer {
padding: 0 50px 50px;
text-align: center;
}
.check-footer img {
display: inline-block;
margin-top: 10px;
}
.check-footer p {
margin: 0 0 9px;
font-size: 15px;
color: #484848;
}
.check-footer a {
color: #008c8e;
}
.check-footer a:hover {
color: #005a5b;
}
.checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 2;
stroke-miterlimit: 10;
stroke: #00a887;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
width: 52px;
background: #fff;
height: 52px;
border-radius: 50%;
display: block;
stroke-width: 4;
stroke: #fff;
margin: 0 auto;
position: relative;
bottom: 28px;
border: 5px solid #fff;
stroke-miterlimit: 10;
box-shadow: inset 0px 0px 0px #00a887;
animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%,
100% {
transform: none;
}
50% {
transform: scale3d(1.07, 1.07, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px #00a887;
}
}
#edd-discount-code-wrap .edd-discount-code-field-wrap {
overflow: hidden;
display: block;
}
#edd-discount-code-wrap .edd-discount-code-field-wrap input.edd-input {
background: #fff;
border: 1px solid #d7d8da;
padding: 0 10px;
width: 72%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#edd-discount-code-wrap .edd-discount-code-field-wrap input.edd-submit {
float: right;
height: 40px;
width: 25%;
background: #008c8e;
border: none;
min-width: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.stamp {
left: -3px;
top: 11px;
border-radius: 5px;
position: relative;
}
.stamp svg path {
fill: #2d2d75;
}
@-webkit-keyframes pulse {
0% {
opacity: 0;
}
10% {
opacity: .50;
transform-origin: 50% 50%;
transform: rotate(-12deg) scale(5);
transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
100% {
opacity: 1;
transform: rotate(0deg) scale(1);
}
}
#th-page {
max-width: 387px;
background: #fff;
margin: 0 auto;
position: relative;
bottom: 0px;
-webkit-box-shadow: 0 18px 12px -13px rgba(0, 0, 0, 0.1);
box-shadow: 0 18px 12px -13px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
#th-page > div {
padding: 0 50px 48px;
}
#th-page > div .titel {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 0px;
margin-bottom: 4px;
text-align: center;
}
#th-page > div .titel span {
display: block;
font-size: 32px;
color: #1f1f1f;
position: relative;
bottom: 29px;
}
#th-page > div .titel p {
font-size: 17px;
color: #9f9f9f;
line-height: 18px;
margin: 0;
position: relative;
bottom: 26px;
}
#th-page > div .edd_purchase_receipt span {
display: block;
font-size: 17px;
margin-top: 0;
margin-bottom: 1px;
color: #444444;
}
#th-page > div .edd_purchase_receipt span.title {
font-size: 15px;
color: #969696;
font-weight: normal;
margin-top: 23px;
}
#th-page > div .edd_purchase_receipt span.pppo {
margin-bottom: 20px;
}
#th-page > div .edd_purchase_receipt span.pppo:last-child {
margin-bottom: 5px;
}
#th-page > div .check-footer {
padding: 32px 0 0;
}
#th-page > div .check-footer p {
font-size: 14px;
line-height: 19px;
color: #323232;
text-align: left;
margin-bottom: 18px;
}
#th-page > div .check-footer a {
display: block;
background: #008c8e;
color: #fff;
line-height: 48px;
font-size: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#th-page > div .check-footer a svg path {
fill: #fff;
}
#th-page > div .check-footer a:hover {
background: #005a5b;
}
.lrm-form-message.lrm-form-message--init {
display: none;
}
.lrm-form-message.lrm-form-message--init.lrm-is-error {
display: block;
}
img.b-lazy {
opacity: 1;
background-color: #e9ebee;
width: 1px;
height: 1px;
background-image: linear-gradient(to left, #e9ebee 0%, #f4f5f6 20%, #e9ebee 40%, #e9ebee 100%);
background-repeat: no-repeat;
background-size: 1000px 900px;
-webkit-animation: bs-lazy-anim 1s infinite linear forwards;
-moz-animation: bs-lazy-anim 1s infinite linear forwards;
animation: bs-lazy-anim 1.01s infinite linear forwards;
-webkit-transition: all .0s;
-o-transition: all .0s;
transition: all .0s;
}
@-webkit-keyframes AnimationName {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@-moz-keyframes AnimationName {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes AnimationName {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@-webkit-keyframes bs-lazy-anim {
from {
background-position: -800px 0;
}
to {
background-position: 400px 0;
}
}
@keyframes bs-lazy-anim {
from {
background-position: -800px 0;
}
to {
background-position: 400px 0;
}
}
@-webkit-keyframes bs-lazy-anim-rtl {
from {
background-position: 400px 0;
}
to {
background-position: -800px 0;
}
}
@keyframes bs-lazy-anim-rtl {
from {
background-position: 400px 0;
}
to {
background-position: -800px 0;
}
}
#primary {
width: 100%;
float: left;
}
#primary #main {
width: 100%;
float: left;
}
#primary #main .type-product {
width: 100%;
float: left;
}
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-navigation-link--erf-my-account,
.woocommerce-orders-table__cell-order-actions,
.woocommerce-orders-table__header-order-actions {
display: none;
}
#ch-page #add_payment_method #payment,
#ch-page .woocommerce-cart #payment,
#ch-page .woocommerce-checkout #payment {
background: #f6f9fa;
}
#ch-page #add_payment_method #payment .input-radio,
#ch-page .woocommerce-cart #payment .input-radio,
#ch-page .woocommerce-checkout #payment .input-radio {
width: auto;
float: left;
position: relative;
top: 8px;
}
#ch-page .woocommerce-checkout #payment {
background: none;
}
#ch-page .woocommerce-checkout #payment .form-row {
padding: 0;
}
#ch-page .woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
padding: 1em;
border-radius: 5px;
background: #f6f9fa;
margin-bottom: 20px;
}
#ch-page .woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper a {
color: #187cdc;
}
#ch-page .woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper a:hover {
color: #1362ae;
}
#ch-page .woocommerce-checkout #payment .button {
float: none;
width: 100%;
margin-bottom: 20px;
height: 56px;
line-height: 56px;
font-size: 16px;
}
#ch-page .woocommerce-checkout #payment .button:hover {
background: #009779;
}
#ch-page #respond input#submit,
#ch-page a.button,
#ch-page button.button,
#ch-page input.button,
#ch-page #respond input#submit.alt,
#ch-page a.button.alt,
#ch-page button.button.alt,
#ch-page input.button.alt {
width: auto;
float: left;
padding: 0 15px;
line-height: 38px;
height: 38px;
border: none;
background: #00a887;
font-size: 14px;
color: #fff;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#ch-page #respond input#submit:hover,
#ch-page a.button:hover,
#ch-page button.button:hover,
#ch-page input.button:hover,
#ch-page #respond input#submit.alt:hover,
#ch-page a.button.alt:hover,
#ch-page button.button.alt:hover,
#ch-page input.button.alt:hover {
background: #037c7e;
}
#ch-page .select2-container--default .select2-selection--single {
border-color: #d5dbdc;
height: 36px;
}
#ch-page .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 36px;
}
#ch-page .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 36px;
}
#ch-page.v2 {
max-width: 700px;
}
#ch-page.v2 .cart-collaterals .cart_totals {
float: none;
width: auto;
}
#ch-page.v2 .cart-collaterals .cart_totals h2 {
border-top: none;
padding-top: 20px;
padding-bottom: 15px;
margin-bottom: 20px;
font-size: 18px;
color: #474747;
}
#ch-page.v2 .woocommerce-cart-form table {
min-width: 500px;
}
#ch-page .actions {
padding-left: 0;
padding-right: 0;
}
#ch-page .actions button {
margin-right: 10px;
}
.woocommerce-order-received #ch-page {
background: none;
}
.woocommerce-order-received #ch-page .woocommerce {
padding: 0;
}
.woocommerce-order-received #ch-page .woocommerce .woocommerce-Price-currencySymbol {
display: inline-block;
}
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
background: #e4f3e9;
line-height: 34px;
color: #1f9f49;
padding: 8px 20px;
margin-bottom: 18px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.woocommerce-notices-wrapper .woocommerce-error:before,
.woocommerce-notices-wrapper .woocommerce-message:before,
.woocommerce-notices-wrapper .woocommerce-error:after,
.woocommerce-notices-wrapper .woocommerce-message:after {
display: none;
}
.woocommerce-notices-wrapper .woocommerce-error a,
.woocommerce-notices-wrapper .woocommerce-message a {
display: inline-block !important;
font-size: 16px !important;
line-height: 34px !important;
min-width: inherit !important;
color: #fff !important;
font-weight: 500 !important;
float: right;
padding: 0 49px !important;
background: #1f9f49 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.woocommerce-notices-wrapper .woocommerce-error a:hover,
.woocommerce-notices-wrapper .woocommerce-message a:hover {
background: #1b8a3f !important;
}
.woocommerce-notices-wrapper .woocommerce-error {
background: #fae7e7;
border: none;
color: #d33737;
}
.woocommerce-notices-wrapper .woocommerce-error a {
color: #fff;
background: #d33737;
}
.woocommerce-notices-wrapper .woocommerce-error a:hover {
background: #c52b2b !important;
}
#ch-paghe {
padding-top: 30px;
}
#ch-paghe .woocommerce-message {
display: none;
}
#ch-paghe .woocommerce > h2 {
font-size: 26px;
padding-bottom: 10px;
border-bottom: 1px solid #dddddd;
}
#ch-paghe #edd_user_history {
border-top: none;
width: 100%;
}
#ch-paghe #edd_user_history thead tr {
background: none;
border-bottom: 1px solid #dddddd;
}
#ch-paghe #edd_user_history thead tr th {
padding-bottom: 20px;
}
#ch-paghe #edd_user_history img {
width: 55px;
}
#ch-paghe #edd_user_history a.remove {
height: 16px;
width: 16px;
background: #cbcdcc;
line-height: 16px;
color: #fff !important;
font-size: 12px !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#ch-paghe #edd_user_history .quantity .qty {
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 1px solid #dddddd;
}
#ch-paghe #edd_user_history .actions {
padding-left: 0;
padding-right: 0;
}
#ch-paghe #edd_user_history .actions button {
height: 40px;
padding: 0 25px;
background: #f6f6f6;
float: right;
font-weight: normal;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #333333;
}
#ch-paghe #edd_user_history .actions button:hover {
background: #dddddd;
}
#ch-paghe #edd_user_history .actions .coupon ::-webkit-input-placeholder { color: #929395;
}
#ch-paghe #edd_user_history .actions .coupon ::-moz-placeholder { color: #929395;
}
#ch-paghe #edd_user_history .actions .coupon :-ms-input-placeholder { color: #929395;
}
#ch-paghe #edd_user_history .actions .coupon :-moz-placeholder { color: #929395;
}
#ch-paghe #edd_user_history .actions .coupon input {
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 1px solid #dddddd;
width: 188px;
height: 40px;
color: #929395;
line-height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#ch-paghe #edd_user_history .actions .coupon button {
height: 40px;
padding: 0 25px;
background: #eeeeee;
font-weight: normal;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #333333;
}
#ch-paghe #edd_user_history .actions .coupon button:hover {
background: #d5d5d5;
}
#ch-paghe .cart-collaterals {
border: 1px solid #dddddd;
background: #fff;
border-top: 3px solid #008c8e;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#ch-paghe .cart-collaterals h2 {
font-size: 18px;
}
#ch-paghe .cart-collaterals .cart_totals {
float: none;
width: auto;
}
#ch-paghe .cart-collaterals .cart_totals .shop_table {
border: none;
width: 100%;
}
#ch-paghe .cart-collaterals .cart_totals .shop_table th,
#ch-paghe .cart-collaterals .cart_totals .shop_table td {
padding: 0;
height: 60px;
line-height: 60px;
font-weight: normal;
background: none !important;
}
#ch-paghe .cart-collaterals .cart_totals .shop_table td {
text-align: right;
}
#ch-paghe .cart-collaterals .cart_totals .shop_table .order-total td,
#ch-paghe .cart-collaterals .cart_totals .shop_table .order-total th {
font-weight: 500;
}
#ch-paghe .cart-collaterals .wc-proceed-to-checkout {
margin-bottom: 0;
padding: 0;
}
#ch-paghe .cart-collaterals .wc-proceed-to-checkout a {
display: block;
float: none;
padding: 0;
height: 57px;
line-height: 57px;
background: #008c8e;
color: #fff;
font-weight: 500;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
margin-bottom: 0;
}
#ch-paghe .cart-collaterals .wc-proceed-to-checkout a:hover {
background: #008c8e;
}
.page-template-page-card {
background: #fefefe;
}
#newhome-top { background: url(//hyperpix.net/wp-content/themes/hyperpix/images/top-home.jpg) center center / cover;
color: #fff;
text-align: center;
padding: 57px 0 51px;
}
#newhome-top .title {
margin-bottom: 25px;
}
#newhome-top .title * {
color: #fff;
margin: 0;
font-size: 39px;
line-height: 46px;
}
#newhome-top .text p {
text-align: center;
font-size: 17px;
line-height: 25px;
color: #cacaca;
margin: 0 0 8px;
}
#newhome-top .buttons {
text-align: center;
margin-bottom: 35px;
margin-top: 32px;
}
#newhome-top .buttons li {
display: inline-block;
position: relative;
vertical-align: top;
height: 72px;
}
#newhome-top .buttons li a {
display: block;
height: 72px;
overflow: hidden;
text-align: left;
padding: 0 19px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#newhome-top .buttons li a .left {
float: left;
display: block;
height: 72px;
margin-right: 22px;
}
#newhome-top .buttons li a .right {
display: block;
float: left;
padding-top: 13px;
}
#newhome-top .buttons li a .right .top {
font-size: 17px;
font-weight: bold;
color: #fff;
display: block;
white-space: nowrap;
margin-bottom: 0px;
}
#newhome-top .buttons li a .right .bot {
color: #fff;
font-size: 13px;
opacity: .6;
white-space: nowrap;
display: block;
}
#newhome-top .buttons li a.free {
background: #7a7c85;
}
#newhome-top .buttons li a.free .left {
line-height: 76px;
font-size: 22px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
#newhome-top .buttons li a.free:hover {
background: #646570;
}
#newhome-top .buttons li a.prem {
background: #008c8e;
}
#newhome-top .buttons li a.prem .left {
padding-top: 5px;
}
#newhome-top .buttons li a.prem .left .price {
font-size: 13px;
color: #fff;
display: block;
margin-bottom: 0px;
word-spacing: -4px;
}
#newhome-top .buttons li a.prem .left .price .sign {
position: relative;
bottom: 24px;
left: 0px;
font-size: 15px;
margin-right: 2px;
}
#newhome-top .buttons li a.prem .left .price .big {
font-size: 45px;
font-weight: bold;
position: relative;
}
#newhome-top .buttons li a.prem:hover {
background: #037c7e;
}
#newhome-top .buttons li span.or {
display: block;
line-height: 72px;
position: relative;
text-align: center;
width: 53px;
font-size: 17px;
color: rgba(255, 255, 255, 0.5);
}
#newhome-top .buttons li span.or:before {
content: '';
position: absolute;
left: 50%;
top: 0;
height: 22px;
width: 1px;
background: #6f7175;
}
#newhome-top .buttons li span.or:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
height: 22px;
width: 1px;
background: #6f7175;
}
#newhome-top .options {
text-align: center;
}
#newhome-top .options li {
display: inline-block;
font-size: 14px;
color: #cacaca;
margin: 0 12px 10px;
}
#newhome-top .options li svg {
margin-right: 5px;
}
#newhome-top .options li svg path {
fill: #fff;
}
.home-product-cat {
overflow: hidden;
margin-bottom: 7px;
}
.home-product-cat .top {
height: 34px;
line-height: 34px;
margin-bottom: 20px;
}
.home-product-cat .top span {
font-size: 21px;
font-weight: bold;
color: #000000;
}
.home-product-cat .top a {
float: right;
display: inline-block;
background: #e9ecee;
padding: 0 16px;
font-size: 13px;
color: #363636;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.home-product-cat .top a:hover {
background: #ccd3d8;
}
.home-product-cat.new {
padding-bottom: 11px;
}
#home-cats-phase1,
#home-cats {
padding-top: 41px;
padding-bottom: 49px;
}
.page-template-page-testiimonial {
background: #eceff4;
}
.grid {
padding: 29px 0;
}
.grid .testimonial .box {
background: #fff;
border: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
font-size: 17px;
line-height: 25px;
color: #565555;
position: relative;
padding: 34px 33px 31px;
min-height: inherit;
margin-bottom: 24px;
word-spacing: 2px;
}
.grid .testimonial .box span.title {
display: block;
font-weight: bold;
font-size: 17px;
line-height: 26px;
color: #000000;
text-align: left;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
margin-bottom: 17px;
}
.grid .testimonial .box p {
display: inline ;
font-size: 16px;
line-height: 26px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #373737;
margin: 0;
}
.grid .testimonial .box p strong {
background: #fbfad5;
font-weight: normal;
}
.grid .testimonial .box:before {
content: '';
display: block;
border: 20px solid transparent;
border-left-color: #fff;
position: absolute;
bottom: -20px;
left: 42px;
}
.grid .testimonial .user {
padding: 0 0px;
margin-bottom: 43px;
}
.grid .testimonial .user .left {
float: left;
width: 40px;
position: relative;
top: 3px;
}
.grid .testimonial .user .left img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.grid .testimonial .user .right {
margin-left: 54px;
}
.grid .testimonial .user .right span {
display: block;
}
.grid .testimonial .user .right span.name {
font-size: 14px;
padding-top: 13px;
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
color: #222222;
font-weight: bold;
margin-bottom: 3px;
}
#blog-menu-mob {
position: relative;
height: 51px;
z-index: 2;
display: none;
}
#blog-menu-mob .title {
height: 51px;
line-height: 51px;
position: relative;
font-size: 15px;
background: #fff;
color: #000000;
cursor: pointer;
font-weight: bold;
z-index: 2;
}
#blog-menu-mob .title:after {
content: "";
display: block;
border: 6px solid transparent;
border-top-color: #000;
position: absolute;
right: 0;
top: 23px;
}
#blog-menu-mob .title.active:after {
border-top-color: transparent;
border-bottom-color: #000;
top: 17px;
}
#blog-menu-mob nav {
position: absolute;
top: 49px;
left: -12px;
right: -12px;
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
padding-bottom: 8px;
display: none;
background: #fff;
}
#blog-menu-mob nav li {
padding: 0 12px;
}
#blog-menu-mob nav li a {
font-size: 14px;
line-height: 34px;
color: #6f6f6f;
}
#blog-menu-mob nav li a:hover {
color: #000;
}
.page-template-page-pricing #topcat {
position: relative;
z-index: 2;
margin-bottom: 0;
}
.page-template-page-pricing #topcat:before {
content: "";
left: 0;
right: 0;
top: 0;
bottom: -120px;
position: absolute; background: #f7595e; background: -moz-linear-gradient(45deg, #fd5934 0%, #4953fa 100%); background: -webkit-linear-gradient(45deg, #fd5934 0%, #4953fa 100%); background: linear-gradient(45deg, #fd5934 0%, #4953fa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd5934', endColorstr='#4943fa', GradientType=1); }
.page-template-page-pricing #topcat h1 {
font-size: 39px;
line-height: 46px;
margin-bottom: 25px;
}
.page-template-page-pricing #topcat .text p {
font-size: 17px;
line-height: 25px;
color: rgba(255, 255, 255, 0.9);
}
.page-template-page-pricing #topcat .container {
padding: 57px 0 16px;
}
#pricing-tables {
padding-bottom: 70px;
background: #ededf2;
}
#pricing-tables .price-footer {
overflow: hidden;
padding: 28px 130px 30px 130px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#pricing-tables .price-footer .left {
float: left;
padding-top: 2px;
width: 93px;
margin: 0 auto;
}
#pricing-tables .price-footer .right {
margin-left: 114px;
text-align: left;
}
#pricing-tables .price-footer .right .title {
font-size: 18px;
color: #c08e3a;
font-weight: bold;
margin-bottom: 7px;
}
#pricing-tables .price-footer .right .text {
font-size: 14px;
line-height: 23px;
color: #717070;
margin-bottom: 16px;
}
#pricing-tables .container {
position: relative;
z-index: 2;
}
#pricing-tables .prem-colum {
border-top: 6px solid #f7e19f;
background: #fff;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#pricing-tables .prem-colum .top {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
overflow: hidden;
position: relative;
padding: 21px 35px 22px;
}
#pricing-tables .prem-colum .top .bestof {
position: absolute;
right: 0;
top: 26px;
background: #d3ac5e;
color: #fff;
line-height: 27px;
padding: 0 13px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
#pricing-tables .prem-colum .top #Layer_2 {
position: absolute;
width: 374px;
left: 50%;
top: 74px;
margin-left: -187px;
}
#pricing-tables .prem-colum .top .premium-tile svg {
width: 26px;
margin-bottom: 3px;
}
#pricing-tables .prem-colum .top .premium-tile span {
display: block;
font-size: 14px;
color: #d3ac5e;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
line-height: 16px;
padding: 1px 0 0px;
}
#pricing-tables .prem-colum .top .premium-tile {
font-size: 15px;
font-weight: bold;
margin-bottom: 12px;
color: #2f2f2f;
letter-spacing: 1px;
}
#pricing-tables .prem-colum .top .price {
font-size: 15px;
color: #000000;
display: block;
margin-bottom: 7px;
position: relative;
bottom: 2px;
}
#pricing-tables .prem-colum .top .price .sign {
position: relative;
bottom: 27px;
left: 5px;
font-size: 20px;
margin-right: 2px;
}
#pricing-tables .prem-colum .top .price .big {
font-size: 60px;
font-weight: bold;
position: relative;
color: #000;
}
#pricing-tables .prem-colum .top .price .sm {
position: relative;
right: 11px;
}
#pricing-tables .prem-colum .top .prem_price_text {
font-size: 17px;
color: #9d9d9d;
position: relative;
bottom: 10px;
margin-bottom: 10px;
}
#pricing-tables .prem-colum .top .prem_price_text span {
display: inline-block;
line-height: 32px;
min-width: 168px;
padding: 0 20px;
background: #f7f0db;
color: #b1884a;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
#pricing-tables .prem-colum .top .prem_text {
font-size: 15px;
line-height: 24px;
color: #777777;
margin-bottom: 26px;
}
#pricing-tables .prem-colum .top .buttond p {
text-align: center;
}
#pricing-tables .prem-colum .top .buttond a {
float: none;
display: inline-block;
background: #d3ac5e;
color: #fff;
font-size: 17px;
line-height: 30px;
width: 100%;
padding: 15px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#pricing-tables .prem-colum .top .buttond a:hover {
background: #c79737;
}
#pricing-tables .prem-colum .bot {
padding: 33px 29px 19px;
}
#pricing-tables .prem-colum .bot .title {
font-size: 18px;
font-weight: bold;
color: #222222;
margin-bottom: 24px;
}
#pricing-tables .prem-colum .bot .option {
font-size: 16px;
line-height: 30px;
color: #222222;
}
#pricing-tables .prem-colum .bot .option .gray {
color: #b0b0b0;
}
#pricing-tables .prem-colum .bot .option li {
margin-bottom: 7px;
}
#pricing-tables .prem-colum .bot .option li strong {
border-bottom: 3px solid #cdf3e7;
}
#pricing-tables .prem-colum .bot .option li .icon {
display: inline-block;
width: 22px;
}
#pricing-tables .prem-colum .bot .option li .icon svg {
position: relative;
}
#pricing-tables .prem-colum .bot .option li .icon svg path {
fill: #01c385;
}
#pricing-tables .prem-colum .bot .option li .icon svg.red path {
fill: #ec1d27;
}
#pricing-tables .prem-colum .bot .option .not {
color: #b9b9b9;
}
#pricing-tables .prem-colum .bot .option .not svg {
position: relative;
right: 4px;
top: 4px;
}
#pricing-tables .prem-colum .bot .option .not svg path {
fill: #01c385;
}
#pricing-tables .prem-colum .botmob {
display: none;
}
#pricing-tables .prem-colum .botmob .title {
font-size: 18px;
font-weight: bold;
color: #222222;
padding: 33px 25px 17px;
}
#pricing-tables .prem-colum .botmob .options .faq {
padding: 0;
margin: 0 ;
border: none;
}
#pricing-tables .prem-colum .botmob .options .faq .question {
padding: 7px 52px;
line-height: 22px;
position: relative;
cursor: pointer;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
#pricing-tables .prem-colum .botmob .options .faq .question span {
font-size: 16px;
color: #222222;
font-weight: normal;
}
#pricing-tables .prem-colum .botmob .options .faq .question .icon {
display: inline-block;
position: absolute;
top: 11px;
left: 21px;
width: 22px;
line-height: 22px;
height: 22px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
#pricing-tables .prem-colum .botmob .options .faq .question .icon svg {
position: static;
-webkit-transform: rotateZ(0);
-ms-transform: rotateZ(0);
-o-transform: rotateZ(0);
transform: rotateZ(0);
}
#pricing-tables .prem-colum .botmob .options .faq .question .icon svg path {
fill: #000;
}
#pricing-tables .prem-colum .botmob .options .faq.active {
background: #f4f4ff;
}
#pricing-tables .prem-colum .botmob .options .faq.active .icon {
background: #008c8e;
}
#pricing-tables .prem-colum .botmob .options .faq.active .icon svg path {
fill: #fff;
}
#pricing-tables .prem-colum .botmob .options .faq .answer p {
font-size: 14px;
color: #6d6d6d;
margin: 0;
padding: 0px 23px 10px;
}
#pricing-tables .free-column {
margin-bottom: 17px;
background: #fff;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#pricing-tables .free-column .top {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
overflow: hidden;
padding: 62px 35px 22px;
}
#pricing-tables .free-column .top .premium-tile {
font-size: 15px;
font-weight: bold;
margin-bottom: 8px;
color: #2f2f2f;
letter-spacing: 1px;
}
#pricing-tables .free-column .top .big-title {
font-size: 42px;
font-weight: bold;
color: #222222;
margin-bottom: 48px;
text-transform: uppercase;
}
#pricing-tables .free-column .top .price {
font-size: 15px;
color: #000000;
display: block;
margin-bottom: 7px;
position: relative;
bottom: 2px;
}
#pricing-tables .free-column .top .price .sign {
position: relative;
bottom: 27px;
left: 5px;
font-size: 20px;
margin-right: 2px;
}
#pricing-tables .free-column .top .price .big {
font-size: 60px;
font-weight: bold;
position: relative;
color: #000;
}
#pricing-tables .free-column .top .price .sm {
position: relative;
right: 11px;
}
#pricing-tables .free-column .top .prem_price_text {
font-size: 17px;
color: #616161;
position: relative;
bottom: 10px;
margin-bottom: 10px;
}
#pricing-tables .free-column .top .prem_price_text span {
display: inline-block;
line-height: 32px;
padding: 0 20px;
min-width: 168px;
background: #f1f1f1;
color: #616161;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
#pricing-tables .free-column .top .prem_text {
font-size: 15px;
line-height: 24px;
color: #777777;
margin-bottom: 26px;
}
#pricing-tables .free-column .top .buttond p {
text-align: center;
}
#pricing-tables .free-column .top .buttond a {
float: none;
display: inline-block;
background: #008c8e;
color: #fff;
font-size: 17px;
line-height: 30px;
width: 100%;
padding: 15px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#pricing-tables .free-column .top .buttond a:hover {
background: #037c7e;
}
#pricing-tables .free-column .bot {
padding: 33px 29px 19px;
}
#pricing-tables .free-column .bot .title {
font-size: 18px;
font-weight: bold;
color: #222222;
margin-bottom: 24px;
}
#pricing-tables .free-column .bot .option {
font-size: 16px;
line-height: 30px;
color: #222222;
}
#pricing-tables .free-column .bot .option .gray {
color: #b0b0b0;
}
#pricing-tables .free-column .bot .option li {
margin-bottom: 7px;
}
#pricing-tables .free-column .bot .option li strong {
border-bottom: 3px solid #cdf3e7;
}
#pricing-tables .free-column .bot .option li .icon {
display: inline-block;
width: 22px;
}
#pricing-tables .free-column .bot .option li .icon svg {
position: relative;
}
#pricing-tables .free-column .bot .option li .icon svg path {
fill: #01c385;
}
#pricing-tables .free-column .bot .option li .icon svg.red path {
fill: #ec1d27;
}
#pricing-tables .free-column .bot .option .not {
color: #b9b9b9;
}
#pricing-tables .free-column .bot .option .not svg {
position: relative;
right: 4px;
top: 4px;
}
#pricing-tables .free-column .bot .option .not svg path {
fill: #01c385;
}
#pricing-tables .bot .option li {
position: relative;
}
#pricing-tables .bot .option li .tooltip-custom {
display: none;
-webkit-transition: all ease .25s;
-o-transition: all ease .25s;
transition: all ease .25s;
position: absolute;
top: -10px;
left: 50%;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
border-radius: 6px;
background-color: #232323;
width: 270px;
padding: 17px 26px;
color: #fff;
font-size: 14px;
line-height: 22px;
z-index: 2;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media (min-width: 1100px) {
#pricing-tables .bot .option li .tooltip-custom {
display: block;
}
}
@media (min-width: 1550px) {
#pricing-tables .bot .option li .tooltip-custom {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: -320px;
}
}
#pricing-tables .bot .option li .tooltip-custom:before {
content: '';
position: absolute;
right: 50%;
-webkit-transform: translateX(-50%) rotate(225deg);
-ms-transform: translateX(-50%) rotate(225deg);
transform: translateX(-50%) rotate(225deg);
bottom: -1px;
margin-right: -14px;
border-left: 14px solid #232323;
border-right: 14px solid transparent;
border-bottom: 14px solid transparent;
}
@media (min-width: 1550px) {
#pricing-tables .bot .option li .tooltip-custom:before {
-webkit-transform: rotate(135deg) translate(0, -50%);
-ms-transform: rotate(135deg) translate(0, -50%);
transform: rotate(135deg) translate(0, -50%);
right: -2px;
margin-right: 0px;
top: 50%;
bottom: auto;
margin-top: -5px;
}
}
#pricing-tables .bot .option li .tooltip-custom:after {
content: '';
top: 0;
position: absolute;
right: -40px;
height: 100%;
width: 40px;
display: none;
}
@media (min-width: 1550px) {
#pricing-tables .bot .option li .tooltip-custom:after {
display: block;
}
}
#pricing-tables .bot .option li:hover .tooltip-custom {
opacity: 1;
visibility: visible;
pointer-events: auto;
-webkit-transition: opacity ease .25s,visibility ease .25s,left ease .25s;
-o-transition: opacity ease .25s,visibility ease .25s,left ease .25s;
transition: opacity ease .25s,visibility ease .25s,left ease .25s;
}
@media (min-width: 1550px) {
#pricing-tables .bot .option li:hover .tooltip-custom {
left: calc(-342px);
}
}
#whyp {
background: #ffffff;
padding: 90px 0 67px;
}
#whyp .mtitle {
font-size: 33px;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom: 69px;
}
#whyp .why-box {
background: #f6f6f8;
text-align: center;
margin-bottom: 33px;
min-height: 330px;
padding: 32px 20px 19px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#whyp .why-box .icon {
height: 89px;
}
#whyp .why-box .icon img {
display: inline-block;
max-height: 85%;
}
#whyp .why-box .title {
font-size: 19px;
line-height: 25px;
color: #000000;
font-weight: bold;
margin-bottom: 20px;
}
#whyp .why-box .text p {
font-size: 15px;
line-height: 24px;
color: #6d6d6d;
}
#productsp {
background: #2b2b2b;
padding: 90px 0 85px;
}
#productsp .mtitle {
font-size: 33px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin-bottom: 29px;
}
#productsp .max {
max-width: 860px;
margin: 0 auto;
}
#productsp .mtext {
text-align: center;
}
#productsp .mtext p {
margin-bottom: 124px;
font-size: 20px;
line-height: 32px;
color: #b7b7b7;
}
#productsp .mtext strong {
color: #2b2b2b;
background: #f9eea0;
}
#productsp .product-box {
border-bottom: 1px solid #464646;
padding-bottom: 54px;
margin-bottom: 60px;
}
#productsp .product-box .title {
line-height: 40px;
font-size: 24px;
color: #fff;
margin-bottom: 1px;
font-weight: bold;
}
#productsp .product-box .title .num {
display: inline-block;
background: #008c8e;
color: #fff;
font-size: 23px;
font-weight: bold;
padding: 0 13px;
margin-right: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#productsp .product-box .text p {
font-size: 18px;
line-height: 29px;
color: #b7b7b7;
margin-bottom: 37px;
}
#productsp .product-box .gallery {
margin: 0 -8px;
overflow: hidden;
}
#productsp .product-box .gallery li {
float: left;
}
#productsp .product-box .gallery li div {
margin: 0 8px 16px;
}
#productsp .product-box .gallery li img {
width: 100%;
}
#productsp .product-box .gallery.col8,
#productsp .product-box .gallery.col9,
#productsp .product-box .gallery.col10,
#productsp .product-box .gallery.col11,
#productsp .product-box .gallery.col12 {
margin: 0 -6px;
}
#productsp .product-box .gallery.col8 div,
#productsp .product-box .gallery.col9 div,
#productsp .product-box .gallery.col10 div,
#productsp .product-box .gallery.col11 div,
#productsp .product-box .gallery.col12 div {
margin: 0 6px 12px;
}
#productsp .product-box:last-child {
border-bottom: none;
padding-bottom: 0;
}
#productsp .pbottom .title {
font-size: 33px;
color: #ffffff;
font-weight: bold;
text-align: center;
margin-bottom: 27px;
}
#productsp .pbottom .text {
text-align: center;
margin-bottom: 48px;
font-size: 20px;
line-height: 32px;
color: #b7b7b7;
}
#productsp .pbottom .buttond {
text-align: center;
}
#productsp .pbottom .buttond p {
display: inline-block;
text-align: center;
margin: 0 19px 20px;
}
#productsp .pbottom .buttond p a {
float: none;
display: inline-block;
background: #008c8e;
color: #fff;
font-size: 17px;
line-height: 31px;
width: 316px;
padding: 20px 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#productsp .pbottom .buttond p a:hover {
background: #037c7e;
}
#productsp .pbottom .buttond p.lifetime a {
background: #d3ac5e;
}
#productsp .pbottom .buttond p.lifetime a:hover {
background: #c79737;
}
#testimonialsp {
background: #e3e5e9;
padding: 89px 0 13px;
}
#testimonialsp .mtitle {
font-size: 33px;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom: 29px;
}
#testimonialsp .mtext {
font-size: 20px;
line-height: 32px;
color: #454444;
margin-bottom: 42px;
text-align: center;
}
#faqp {
background: #ffffff;
padding: 51px 0 90px;
}
#faqp .mtitle {
font-size: 33px;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom: 34px;
}
#faqp #faqs {
max-width: inherit;
}
#faqp #faqs .faq {
border: 1px solid #e4e4e4;
padding: 0;
margin-bottom: 10px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#faqp #faqs .faq .question {
padding-bottom: 20px;
padding-top: 20px;
padding-left: 40px;
line-height: 33px;
}
#faqp #faqs .faq .question span {
font-size: 19px;
font-weight: 500;
color: #000;
}
#faqp #faqs .faq .question svg {
top: 30px;
right: 32px;
-webkit-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
#faqp #faqs .faq .question svg path {
fill: #cad2dc;
}
#faqp #faqs .faq.active .question svg {
-webkit-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
#faqp #faqs .answer p {
padding: 0px 39px 4px;
font-size: 17px;
line-height: 29px;
color: #373737;
position: relative;
bottom: 1px;
}
#footerp {
background: #2b2b2b;
padding: 90px 0 100px;
color: #fff;
text-align: center;
}
#footerp .max {
max-width: 860px;
margin: 0 auto;
}
#footerp .mtitle {
font-size: 33px;
font-weight: bold;
margin-bottom: 24px;
}
#footerp .mtext {
font-size: 20px;
line-height: 32px;
color: #b7b7b7;
margin-bottom: 23px;
}
#footerp .buttond {
text-align: center;
padding: 31px 0 45px;
}
#footerp .buttond p {
display: inline-block;
text-align: center;
margin: 0 19px 20px;
}
#footerp .buttond p a {
float: none;
display: inline-block;
background: #008c8e;
color: #fff;
font-size: 17px;
line-height: 31px;
width: 316px;
padding: 20px 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#footerp .buttond p a:hover {
background: #037c7e;
}
#footerp .buttond p.lifetime a {
background: #d3ac5e;
}
#footerp .buttond p.lifetime a:hover {
background: #c79737;
}
#footerp .price-footer {
background: rgba(0, 0, 0, 0.22);
overflow: hidden;
padding: 28px 105px 30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#footerp .price-footer .left {
float: left;
padding-top: 2px;
width: 93px;
margin: 0 auto;
}
#footerp .price-footer .right {
margin-left: 114px;
text-align: left;
}
#footerp .price-footer .right .title {
font-size: 18px;
color: #c08e3a;
font-weight: bold;
margin-bottom: 7px;
}
#footerp .price-footer .right .text {
font-size: 14px;
line-height: 23px;
color: #989797;
margin-bottom: 16px;
}
.uagb-toc__scroll-top {
display: none !important;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
#carbonads {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#carbonads {
left: 0;
bottom: 0;
margin: 30px 0;
background-color: #fafafa;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);
}
#carbonads a {
color: inherit;
text-decoration: none;
}
#carbonads a:hover {
color: inherit;
}
#carbonads span {
position: relative;
display: block;
overflow: hidden;
}
#carbonads .carbon-wrap {
display: flex;
}
.carbon-img {
display: block;
margin: 0;
line-height: 1;
}
.carbon-img img {
display: block;
}
.carbon-text {
font-size: 13px;
padding: 10px;
line-height: 1.5;
text-align: left;
}
.carbon-poweredby {
display: block;
padding: 8px 10px;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.025) 5px, rgba(0, 0, 0, 0.025) 10px) rgba(241, 243, 244, 0.4);
text-align: center;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600;
font-size: 9px;
line-height: 1;
}
#topcat #carbonads {
max-width: 400px;
margin: 33px auto 0;
}
.woocommerce-order-received header.check {
padding-bottom: 80px;
}
.page-template-page-login .popclose {
display: none;
} @-webkit-keyframes bs-lazy-anim {
from {
background-position: -800px 0
}
to {
background-position: 400px 0
}
}
@keyframes bs-lazy-anim {
from {
background-position: -800px 0
}
to {
background-position: 400px 0
}
}
.single-post-in.down img ,
.inside-product img {
opacity: 1;
background: #e9ebee linear-gradient(to left, #e9ebee 0, #f4f5f6 20%, #e9ebee 40%, #e9ebee 100%) no-repeat;
background-size: 1000px 900px;
-webkit-animation: bs-lazy-anim 1s infinite linear forwards;
-moz-animation: bs-lazy-anim 1s infinite linear forwards;
animation: bs-lazy-anim 1.01s infinite linear forwards;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.home-product-cat .inside-product img {
min-height: 202px;
}
.lSSlideWrapper .lSSlide {
height: auto !important;
}
@media screen and (max-width: 1500px) {
#mainmenu #search {
width: 315px;
}
.side-share {
left: -47px;
}
.side-share.fixed {
margin-left: -47px;
}
}
@media screen and (max-width: 1330px) {
footer .foot-newsletter {
margin-left: 0;
margin-bottom: 30px;
}
footer .foot-newsletter .text span.top {
text-align: center;
font-size: 20px;
line-height: 25px;
}
footer .foot-newsletter > div {
padding: 23px 19px 27px;
}
footer .foot-newsletter .text span.bot {
text-align: center;
margin-bottom: 19px;
}
footer .foot-newsletter div.sib-email-area {
height: auto;
border: none;
background: none;
padding: 0;
}
footer .foot-newsletter div.sib-email-area input.sib-email-area {
font-size: 13px;
background: #fff;
height: 38px;
line-height: 38px;
padding: 0 14px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
footer .foot-newsletter div.sib-email-area .sib-default-btn {
position: relative;
font-size: 13px;
margin-bottom: 0;
height: 38px;
width: 100%;
font-weight: normal;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#home-slid .home-text svg.ro {
display: none;
}
#home-slid .home-slid-box {
margin-left: 0;
}
#home-slid {
background: #3c4248;
}
#sticky-header #stickymenu nav > ul > li,
#mainmenu nav > ul > li {
margin-right: 20px;
}
#mainmenu nav.top > ul > li {
margin-left: 20px;
}
#mainmenu #search {
width: 240px;
}
.midle-single {
padding-left: 0;
padding-right: 0;
}
#blog-sidebar {
margin-left: 0;
}
#insid-in {
margin-right: 0;
}
.home-product-cat .numm4,
.home-product-cat .num7,
.home-product-cat .num8 {
display: none;
}
}
@media screen and (max-width: 1200px) {
#blog-top-menu #blog-menu {
float: none;
}
.single-post-in.down img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mainmenu #search {
width: 125px;
}
#comments .comment-hide {
padding-left: 0;
padding-right: 0;
}
#productsp .product-box .gallery li {
width: 25% !important;
}
}
@media screen and (max-width: 1100px) {
#sticky-header,
header.desk {
display: none;
}
#mainmenu {
display: none;
}
header.mob {
display: block;
overflow: hidden;
}
.openside2 {
overflow-x: visible;
}
.openside2 #side-user {
visibility: visible;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.openside2 .user-cond {
background: #1e1e1e;
}
.openside2 #cover-site {
position: fixed;
top: 0px;
right: 0;
width: 100%;
}
.openside2 .bdbg {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 3;
}
.openside2.single-product #copyright,
.openside2.single-product footer {
display: none;
}
.openside {
overflow-x: visible;
}
.openside #sidemenu {
visibility: visible;
height: auto;
min-height: 100vh;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.openside #cover-site {
position: fixed;
top: 0px;
right: 0;
width: 100%;
}
.openside .bdbg {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 3;
}
.openside header.mob {
z-index: 101;
background: none;
background: #000000;
}
.openside header.mob .mmenu {
border: none;
background: #1e1e1e;
}
.openside header.mob .mmenu span {
background: transparent;
}
.openside header.mob .mmenu span::before {
transform: rotate(45deg);
}
.openside header.mob .mmenu span::after {
transform: rotate(-45deg);
}
.openside header.mob .mmenu span::before,
.openside header.mob .mmenu span::after {
top: 0;
transition: top ease .3s, transform ease .3s .3s;
}
.openside.single-product #copyright,
.openside.single-product footer {
display: none;
}
.download-video {
margin-bottom: 26px;
}
.side-share {
display: none;
}
.share-friend {
display: block;
}
.share-friend .title {
display: block;
text-align: center;
font-size: 15px;
font-weight: 500;
color: #222222;
margin-bottom: 13px;
font-family: sofia, Helvetica, Arial, Geneva, sans-serif;
}
.share-friend .side-share {
display: block;
position: static !important;
margin: 0 0 0px;
text-align: center;
width: auto;
}
.share-friend .side-share li {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
.share-friend .side-share li a {
width: 38px;
height: 38px;
margin: 0 6px 0px;
}
.page-template-page-pricing header #righth a.backhome {
line-height: 28px;
height: 31px;
padding: 0 15px;
font-size: 10px;
font-weight: normal;
bottom: 0;
}
.page-template-page-pricing header #righth a.backhome span {
font-size: 14px;
}
#dwonload-sidebar .side-text .link a.join {
padding-left: 24px;
}
#dwonload-sidebar .side-text .link .icons {
display: none;
}
}
@media screen and (max-width: 900px) {
.bfull {
width: 100%;
}
.mob-gallery {
display: block;
margin: 0 -12px 0;
}
.mob-gallery .owl-dots {
text-align: center;
padding-top: 5px;
}
.mob-gallery .owl-dots button {
width: 7px;
height: 7px;
min-width: inherit;
display: inline-block;
float: none;
margin: 0 5px 5px 5px;
background: #dbe0e2;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.mob-gallery .owl-dots button.active {
background: #899097;
}
.mob-gallery ul {
padding: 0;
margin: 0;
}
.mob-gallery ul li {
padding: 0;
margin: 0 !important;
}
.mob-gallery ul li img {
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.mob-gallery ul li:before {
display: none;
}
.desk-gallery {
display: none;
}
#dwonload-sidebar.mob {
display: block;
}
#dwonload-sidebar.mob img {
border-radius: 0;
margin: 0;
}
#dwonload-sidebar.mob .side-text {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
margin-bottom: 40px;
overflow: visible;
}
#dwonload-sidebar.mob .side-text .text {
padding-top: 0;
padding-left: 0px;
padding-right: 0px;
overflow: visible;
}
#dwonload-sidebar.mob .side-text .text .title {
font-size: 23px;
line-height: 27px;
padding-top: 20px;
margin-bottom: 9px;
}
#dwonload-sidebar.mob .side-text ul {
padding: 0;
margin: 0;
}
#dwonload-sidebar.mob .side-text ul li {
margin: 0;
}
#dwonload-sidebar.mob .side-text ul li:before {
display: none;
}
#dwonload-sidebar.mob .side-text .link {
overflow: visible;
padding-left: 0px;
padding-bottom: 3px;
padding-right: 0px;
}
#dwonload-sidebar.mob .side-text.prem .link {
padding-left: 0px;
padding-right: 0px;
}
.single-post-in.down,
.single-post-in.down p {
font-size: 15px;
line-height: 24px;
color: #444444;
}
.clr {
margin-bottom: 13px;
}
.loaddown {
max-height: 40vh;
overflow: hidden;
position: relative;
margin-bottom: 23px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.loaddown .showm {
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 200px 0 0px;
text-align: left;
background: linear-gradient(rgba(255, 255, 255, 0) 0, #ffffff 95%, #ffffff);
font-size: 15px;
font-weight: bold;
color: #000;
cursor: pointer;
}
.loaddown.active .showm {
display: none;
}
.download-video {
padding-top: 0;
}
.download-video h2 {
font-size: 16px;
line-height: 21px;
color: #292929;
padding-top: 24px;
margin-bottom: 22px;
}
.download-video h2 svg {
top: 1px;
width: 20px !important;
height: 14px !important;
}
#dwonload-sidebar .side-text .link #edd_free_download_form.fixed {
height: 50px;
}
#dwonload-sidebar .side-text .link #edd_free_download_form.fixed > div {
-webkit-box-shadow: 0 -3px 8px 0 rgba(142, 142, 142, 0.1);
-moz-box-shadow: 0 -3px 8px 0 rgba(142, 142, 142, 0.1);
box-shadow: 0 -3px 8px 0 rgba(142, 142, 142, 0.1);
z-index: 5;
position: fixed;
bottom: 0px;
left: 0;
right: 0;
padding: 15px;
background: #fff;
}
#dwonload-sidebar .side-text .link div.jo.fixed {
height: 80px;
}
#dwonload-sidebar .side-text .link div.jo.fixed > div {
-webkit-box-shadow: 0 -3px 8px 0 rgba(142, 142, 142, 0.1);
-moz-box-shadow: 0 -3px 8px 0 rgba(142, 142, 142, 0.1);
box-shadow: 0 -3px 8px 0 rgba(142, 142, 142, 0.1);
z-index: 5;
position: fixed;
bottom: 0px;
left: 0;
right: 0;
padding: 15px;
background: #fff;
}
#dwonload-sidebar .side-text .link div.jo.fixed > div .icons {
display: none;
}
#dwonload-sidebar .side-text .link div.jo.fixed a {
animation-name: fadeInUp;
animation-duration: .3s;
padding: 0;
text-align: center;
height: 50px;
line-height: 50px;
font-size: 18px;
}
#dwonload-sidebar .side-text .link div.jo.fixed a .bot {
display: none;
}
#blog-menus::after {
display: block;
}
#dwonload-sidebar .side-text .link a.join {
padding-left: 79px;
}
#dwonload-sidebar .side-text .link .icons {
display: block;
}
#blog-top-menu .title a,
#blog-top-menu .title h1,
#blog-top-menu .title span {
font-size: 20px;
}
.course-block .title h4 {
line-height: 30px;
}
#top-title h1,
#topcat h1,
.contact-title h1 {
font-size: 23px !important;
line-height: 28px !important;
}
.single-post-in ul li::before {
top: 10px;
}
#productsp .product-box .gallery li {
width: 33% !important;
}
}
@media screen and (max-width: 800px) {
#comments {
padding-top: 0px;
margin-bottom: 20px;
}
footer .foot-newsletter {
margin: 0 0 39px;
}
#copyright {
padding: 0;
padding-top: 27px;
line-height: 34px;
overflow: hidden;
}
#copyright #menu-bottom-menu li {
margin: 0 14px 0;
}
#copyright #menu-bottom-menu li a {
font-size: 13px;
}
#copyright .social {
margin-left: -20px;
margin-right: -20px;
text-align: center;
padding: 43px 20px 4px;
}
#copyright .social span {
display: block;
margin-bottom: 8px;
}
#copyright .social a {
margin: 0 7px 18px;
}
#copyright .copyright {
padding: 12px 0 40px;
}
#copyright .copyright p {
text-align: center;
font-size: 12px;
}
#copyright .copyright p a {
display: block;
margin-bottom: 12px;
}
#main {
padding-bottom: 50px;
}
#bread-crumb {
display: block;
}
#blog-top-menu {
margin-bottom: 0px;
}
#f404 .arrow {
position: static;
margin-bottom: 21px;
}
#f404 h1 {
font-size: 22px;
margin-bottom: 16px;
}
#f404 p {
font-size: 17px;
line-height: 24px;
margin-bottom: 26px;
}
#f404 p br {
display: none;
}
#f404 .not {
width: 68px;
margin-bottom: 2px;
}
#f404 {
padding-top: 31px;
}
#f404 form {
margin-bottom: 30px;
}
.download-widget {
padding: 191px 20px 20px 20px;
background: url(//hyperpix.net/wp-content/themes/hyperpix/images/b4.jpg) center top no-repeat #ffffff;
-webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
border: none;
}
.download-widget .text {
text-align: center;
}
.download-widget .text ul {
text-align: left;
margin-bottom: 15px;
}
.download-widget .sib-email-area {
padding: 0;
height: auto;
background: none;
border: none;
}
.download-widget .sib-email-area input {
height: 43px;
border: 1px solid #cccccc;
margin-bottom: 10px;
padding: 0 13px;
font-size: 14px;
}
.download-widget .sib-email-area button {
position: static;
width: 100%;
height: 43px;
font-size: 14px;
text-transform: uppercase;
}
.download-widget .text .top {
font-size: 17px;
line-height: 21px;
margin-bottom: 16px;
}
.download-widget .text ul li {
font-size: 14px;
line-height: 23px;
}
#bundle-section .wbg {
padding-left: 17px;
padding-right: 17px;
margin-left: -12px;
margin-right: -12px;
bottom: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
#bundle-top {
padding-top: 30px;
padding-bottom: 28px;
}
#bundle-top h1 {
font-size: 22px;
margin-bottom: 10px;
}
#bundle-top .text {
font-size: 14px;
line-height: 20px;
}
#bundle-top .text p {
font-size: 14px;
line-height: 20px;
}
#bundle-section .col-lg-3 > div {
margin: 0 6px;
}
.bundle-download .img a.doo {
font-size: 12px;
}
#bundle-section .section .title h2 {
font-size: 17px;
padding: 0 11px;
}
#bundle-section .section .title span.line {
top: 11px;
}
#bundle-section .section .title {
margin-bottom: 21px;
}
.bundle-download .info h3 {
font-size: 11px;
}
.bundle-download .info a {
width: 25px;
height: 21px;
line-height: 21px;
}
.bundle-download .info a svg {
top: 4px;
}
.bundle-download .info {
line-height: 21px;
}
.bundle-download img {
margin-bottom: 5px;
}
.bundle-download {
margin-bottom: 20px;
}
#topcat {
margin-bottom: 10px;
}
#topcat .container {
padding: 54px 0 24px;
}
#page-ttile h1 {
font-size: 23px;
}
#topcat h1 {
font-size: 23px !important;
margin-bottom: 12px !important;
}
#topcat .text {
font-size: 14px !important;
line-height: 20px !important;
}
#topcat .text p {
font-size: 14px !important;
line-height: 20px !important;
}
#topcat-menu {
position: relative;
padding-bottom: 0;
margin-bottom: 15px;
}
#topcat-menu ul {
overflow-x: auto;
padding: 5px 0 15px;
white-space: nowrap;
}
#topcat-menu ul li {
margin-bottom: 0;
}
#topcat-menu:after {
position: absolute;
top: 0;
right: 0;
display: block;
width: 200px;
height: 100%;
pointer-events: none;
content: "";
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #f5f5f5 95%, #f5f5f5);
}
.Windows #topcat-menu ul {
overflow-x: hidden;
}
.inside-product.down {
margin-bottom: 20px;
}
#main .down-bot-text {
margin-top: 42px;
padding-top: 42px;
}
h2 {
font-size: 20px;
line-height: 24px;
}
h3 {
font-size: 18px;
line-height: 22px;
}
h4 {
font-size: 16px;
line-height: 20px;
}
h5 {
font-size: 14px;
line-height: 18px;
}
h6 {
font-size: 12px;
line-height: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 15px;
}
.single-post-in.down p {
margin-bottom: 20px;
}
.single-post-in ul li {
margin-bottom: 23px;
}
#search-header h1 {
font-size: 20px;
line-height: 25px;
}
#search-header {
padding-top: 34px;
padding-bottom: 40px;
margin-bottom: 20px;
}
#search-header form {
height: 42px;
}
#search-header form button {
width: 60px;
height: 34px;
}
#search-header h1 {
margin-bottom: 22px;
}
.singletitle h1 {
font-size: 24px;
line-height: 28px;
}
.pot-info .author img {
width: 28px;
margin-right: 10px;
}
.pot-info {
line-height: 26px;
font-size: 13px;
margin-bottom: 2px;
}
.pot-info .cat ul li a,
.pot-info .cat span,
.pot-info .date .time,
.pot-info .author {
font-size: 13px;
}
.socail-blog li a {
font-size: 0;
width: 38px;
height: 38px;
padding: 0 !important;
text-align: center;
}
.socail-blog li a svg {
margin: 0;
top: 7px;
}
.socail-blog li a.facebook svg {
left: 0;
}
.socail-blog li {
margin: 0 10px 0 0 ;
}
.socail-blog {
padding-bottom: 30px;
margin-bottom: 7px;
}
.single-post-in p {
font-size: 17px;
line-height: 27px;
}
.single-post-in {
font-size: 17px;
line-height: 27px;
}
.socail-blog.bot {
display: none;
}
#blog-sidebar {
margin-bottom: 30px;
}
#blog-sidebar .widget-area {
padding: 20px 0px 19px;
}
.single-blog.related {
margin-bottom: 20px;
}
#comments .review .blog-post-comment,
#comments .comment .blog-post-comment {
position: relative;
margin-bottom: 21px;
}
#comments .review .left,
#comments .comment .left {
margin-left: 0;
}
#comments .review .right img,
#comments .comment .right img {
width: 30px;
margin-right: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#comments .review .blog-post-comment .blog-post-comment-name,
#comments .comment .blog-post-comment .blog-post-comment-name {
padding-top: 1px;
font-size: 14px;
}
#comments .review .left .top,
#comments .comment .left .top {
padding-top: 5px;
margin-bottom: 16px;
}
#comments .review .blog-post-comment .date,
#comments .comment .blog-post-comment .date {
display: block;
font-size: 11px;
padding-top: 4px;
}
#comments .review .blog-post-comment p,
#comments .comment .blog-post-comment p {
font-size: 14px;
line-height: 20px;
margin-top: 6px;
}
#comments .comment {
margin-bottom: 26px;
}
#comments .children,
#comments .review .review,
#comments .comment .comment {
margin-left: 0 !important;
}
#comments #respond .inputholder.half {
width: auto;
}
#comments #respond .button {
width: 100%;
}
.footer-prem .bottom-text ul {
margin-bottom: 20px;
}
.socail-blog.down {
display: none;
}
.footer-prem .bottom-text .price-box a {
padding: 0 8px;
}
.singletitle.down h1 {
padding-top: 10px;
font-size: 18px;
line-height: 25px;
}
#home-slid {
padding-top: 0;
}
#home-slid .home-text .toptext {
font-size: 26px;
line-height: 30px;
}
#home-slid .home-text h1 {
font-size: 18px;
}
#home-slid .home-text ul.home-slidop li {
font-size: 15px;
}
#home-slid .home-slid-box a {
font-size: 16px;
}
#pricing-top {
padding-top: 17px;
padding-bottom: 0px;
margin-bottom: 56px;
border-bottom: none;
}
#pricing-top .t-price .price {
font-size: 20px;
word-spacing: -4px;
}
#pricing-top .t-price .price .sign {
bottom: 26px;
left: 3px;
font-size: 30px;
}
#pricing-top .t-price .price .big {
font-size: 70px;
}
#pricing-top .t-text {
margin-bottom: 17px;
bottom: 0px;
}
#pricing-top .t-text span {
line-height: 22px;
height: 24px;
padding: 0 15px;
font-size: 13px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
}
#pricing-top .t-title {
font-size: 25px;
}
#pricing-top .t-title-text {
font-size: 15px;
bottom: 0px;
margin-bottom: 18px;
}
#pricing-top .t-option {
max-width: 750px;
margin: 0 auto 28px;
overflow: hidden;
}
#pricing-top .t-option li {
line-height: 24px;
font-size: 13px;
color: #353535;
}
#pricing-top .t-option li svg {
margin-right: 1px;
position: relative;
width: 15px;
height: 11px;
top: 2px;
}
#pricing-top .t-link a {
display: block;
height: 47px;
line-height: 44px;
background: #00a887;
font-size: 15px;
}
.gradiant-bg svg {
width: 280px !important;
}
.pricing-products {
padding-bottom: 00px;
margin-bottom: 62px;
border-bottom: none;
}
.pricing-products .main-title span.title {
font-size: 21px;
line-height: 23px;
margin-bottom: 20px;
}
.pricing-products .main-title span.title-text {
font-size: 14px;
line-height: 20px;
margin-bottom: 25px;
}
.pricing-products .main-title span.title-text br {
display: none;
}
.pricing-products .product-tabs div.tabnav {
display: none;
}
.pricing-products .product-tabs .tabcontainer {
padding: 0 5px;
}
.pricing-products .product-tabs .tabcontainer li .price-pr {
margin-bottom: 4px;
}
.pricing-products .product-tabs .tabcontainer li .price-pr:hover img {
transform: scale(1.04);
}
.pricing-products .product-tabs .tabcontainer li div.col-lg-3 > div {
margin: 0 2px;
}
.pricing-products .product-tabs .tabcontainer li .alm-btn-wrap {
text-align: center;
padding-top: 20px;
padding-bottom: 0;
padding-left: 7px;
padding-right: 7px;
}
.pricing-products .product-tabs .tabcontainer li .alm-btn-wrap button {
width: 100%;
height: 47px;
line-height: 44px;
padding: 0 0px;
font-size: 15px;
}
.pricing-banner {
margin-left: -12px;
margin-right: -12px;
padding: 54px 15px 62px;
margin-bottom: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.pricing-banner .svg svg {
width: 41px !important;
height: 34px !important;
}
.pricing-banner .banner-title {
padding-top: 2px;
font-size: 21px;
margin-bottom: 18px;
}
.pricing-banner .banner-title br {
display: none;
}
.pricing-banner .banner-text {
font-size: 14px;
line-height: 20px;
margin-bottom: 28px;
}
.pricing-banner .banner-link {
position: relative;
display: block;
}
.pricing-banner .banner-link svg {
display: none;
}
.pricing-banner .banner-link a {
display: block;
padding: 0px;
height: 47px;
line-height: 44px;
font-size: 15px;
}
.faq-title h2 {
font-size: 21px;
line-height: 33px;
margin-bottom: 40px;
}
.faq {
margin-bottom: 22px;
}
.faq .question {
padding: 0px 30px 15px 0px;
position: relative;
cursor: pointer;
}
.faq .question span {
line-height: 24px;
font-size: 18px;
}
.faq .question span svg {
width: 18px !important;
height: 12px !important;
}
.faq .answer p {
margin: 0 0 10px;
font-size: 15px;
line-height: 24px;
}
#faqs {
margin-bottom: 0;
}
#price-footer {
padding: 46px 0 91px;
}
#price-footer .title {
font-size: 28px;
line-height: 28px;
margin-bottom: 21px;
}
#price-footer .link {
display: block;
position: relative;
margin-bottom: 11px;
padding-top: 0px;
}
#price-footer .link svg {
right: 54px;
top: -32px;
width: 14px !important;
display: none;
height: 86px !important;
}
#price-footer .link a {
display: block;
padding: 0px;
font-weight: 500;
height: 49px;
line-height: 46px;
font-size: 15px;
}
#price-footer .text {
font-size: 13px;
}
.green-box .text {
font-size: 17px;
line-height: 27px;
}
#profile-sidbar {
float: none;
width: auto;
margin-left: 12px;
margin-right: 12px;
}
#profile-contnet {
margin-left: 12px;
margin-right: 12px;
}
.edit-profile {
overflow: auto;
}
.edit-profile table {
min-width: 700px;
}
.single-blog.blog {
margin-bottom: 12px;
}
.course-detail ul li {
margin-bottom: 10px;
line-height: 28px;
}
.testimonials .title .toptext {
font-size: 15px;
}
.testimonials .title h2 {
font-size: 21px;
line-height: 24px;
}
.testimonials .title {
margin-bottom: 15px !important;
}
.testimonial .box {
padding: 22px;
min-height: inherit;
}
.testimonial .box span.title {
font-size: 19px;
line-height: 24px;
}
.testimonial .box p {
font-size: 15px;
}
.bundle-download .info {
padding-top: 2px;
}
footer .container {
padding: 1px 0 32px;
}
#shahab {
padding: 5px 0 0px;
}
#shahab #footlogo {
margin-bottom: 15px;
}
#shahab .text {
padding-bottom: 3px;
}
#shahab .text p {
line-height: 23px;
margin: 0 0 23px;
}
#shahab .bottom {
overflow: hidden;
}
#shahab .bottom .pic {
float: left;
width: 50px;
}
#shahab .bottom .right {
margin-left: 64px;
padding-top: 5px;
}
#shahab .bottom .right span {
display: block;
}
#shahab .bottom .right span.name {
font-size: 14px;
margin-bottom: 7px;
}
#shahab .bottom .right span.job {
font-size: 12px;
}
.benfeit {
background: none;
padding: 37px 0px 40px;
}
.benfeit .title {
font-size: 17px;
line-height: 23px;
margin-bottom: 26px;
}
.benfeit .options {
margin-bottom: 13px;
}
.benfeit .options .option {
padding-left: 22px;
line-height: 21px;
font-size: 14px;
margin-bottom: 16px;
}
.benfeit .options .option svg {
top: 3px;
width: 14px !important;
height: 14px !important;
}
.benfeit .link a {
line-height: 45px;
font-size: 15px;
}
.ovs {
white-space: nowrap;
}
.ovs li.col-lg-3 {
width: 228px;
float: none;
display: inline-block;
}
.ovs li.col-lg-3 > div {
margin-left: 0;
margin-right: 18px;
}
.ovs .rel {
width: 100%;
margin: 0;
overflow-y: hidden;
overflow-x: auto;
}
.Windows .ovs .rel {
overflow-x: hidden;
}
.home-product-cat {
margin-bottom: 5px;
}
.home-product-cat .top {
margin-bottom: 14px;
}
.home-product-cat .top span {
font-size: 17px;
font-weight: bold;
color: #000000;
}
.home-product-cat .top a {
padding: 0 13px;
font-size: 12px;
}
.home-product-cat.new li {
display: none;
}
.home-product-cat.new li.num1,
.home-product-cat.new li.num2,
.home-product-cat.new li.num3,
.home-product-cat.new li.num4,
.home-product-cat.new li.num5,
.home-product-cat.new li.num6,
.home-product-cat.new li.num7,
.home-product-cat.new li.num8 {
display: block;
}
#home-cats {
padding-top: 41px;
padding-bottom: 34px;
}
#newhome-top {
padding: 27px 0 0px;
}
#newhome-top br {
display: none;
}
#newhome-top .title {
margin-bottom: 12px;
}
#newhome-top .title * {
font-size: 22px;
line-height: 28px;
}
#newhome-top .text p {
font-size: 15px;
line-height: 23px;
margin: 0 0 20px;
}
#newhome-top .buttons {
margin-bottom: 31px;
}
#newhome-top .buttons li {
display: block;
height: auto;
}
#newhome-top .buttons li a {
height: 58px;
}
#newhome-top .buttons li a .left {
height: 58px;
margin-right: 22px;
}
#newhome-top .buttons li a .right {
padding-top: 9px;
}
#newhome-top .buttons li a .right .top {
font-size: 15px;
margin-bottom: 0px;
}
#newhome-top .buttons li a .right .bot {
font-size: 12px;
}
#newhome-top .buttons li a.free .left {
line-height: 58px;
font-size: 19px;
}
#newhome-top .buttons li a.prem {
padding-left: 17px;
padding-right: 0px;
}
#newhome-top .buttons li a.prem .left {
padding-top: 3px;
margin-right: 18px;
}
#newhome-top .buttons li a.prem .left .price {
font-size: 11px;
margin-bottom: 0px;
word-spacing: -4px;
}
#newhome-top .buttons li a.prem .left .price .sign {
bottom: 18px;
font-size: 13px;
margin-right: 2px;
}
#newhome-top .buttons li a.prem .left .price .big {
font-size: 39px;
}
#newhome-top .buttons li span.or {
display: block;
line-height: 31px;
width: auto;
font-size: 15px;
}
#newhome-top .buttons li span.or:before {
left: 0;
right: inherit;
top: 15px;
height: 1px;
width: 46%;
}
#newhome-top .buttons li span.or:after {
right: 0%;
left: inherit;
top: 15px;
height: 1px;
width: 46%;
}
#newhome-top .options {
display: none;
}
#blog-top-menu {
padding: 7px 0 7px;
position: relative;
}
#blog-top-menu .title {
float: none;
margin-bottom: 10px;
}
#blog-top-menu .title a,
#blog-top-menu .title span,
#blog-top-menu .title h1 {
font-size: 24px;
text-align: center;
}
#blog-top-menu .form {
float: none;
text-align: center;
display: none;
}
#bread-crumb.blog,
#breadcrumb.blog {
display: none;
}
#insid-in {
padding-top: 15px;
}
#blog-menus {
background: #fff;
}
#blog-menus:after {
display: none;
}
#blog-menus #blog-menu {
display: none;
}
#blog-menu-mob {
display: block;
}
#footerp {
padding: 30px 0 35px;
}
#footerp .mtitle {
font-size: 20px;
margin-bottom: 15px;
}
#footerp .mtext {
font-size: 14px;
line-height: 23px;
margin-bottom: 10px;
}
#footerp .buttond {
margin-bottom: 20px;
}
#footerp .buttond p a {
padding: 20px;
}
#footerp .buttond p a span.top {
font-size: 16px;
}
#footerp .buttond p a span.bot {
font-size: 14px;
}
#footerp .price-footer {
padding: 15px;
}
#footerp .price-footer .right .title {
font-size: 15px;
}
#pricing-tables .price-footer {
padding: 15px;
}
#pricing-tables .price-footer .right .title {
font-size: 15px;
}
#faqp {
background: #ffffff;
padding: 30px 0 30px;
}
#faqp .mtitle {
font-size: 20px;
margin-bottom: 25px;
}
#faqp #faqs {
padding-top: 0;
}
#faqp #faqs .faq .question {
padding-bottom: 10px;
padding-top: 10px;
padding-left: 20px;
line-height: 20px;
}
#faqp #faqs .faq .question span {
font-size: 15px;
}
#faqp #faqs .faq .question svg {
top: 50%;
margin-top: -6px;
right: 12px;
width: 11px !important;
}
#faqp #faqs .answer p {
padding: 0px 20px 4px;
font-size: 14px;
line-height: 23px;
}
.grid {
margin: 0 12px;
padding-bottom: 0;
}
.grid .testimonial .box {
font-size: 14px;
line-height: 25px;
color: #565555;
position: relative;
padding: 25px 25px 25px;
}
.grid .testimonial .box span.title {
font-size: 17px;
line-height: 23px;
margin-bottom: 10px;
}
.grid .testimonial .box p {
font-size: 14px;
line-height: 23px;
}
.grid .testimonial .user {
margin-bottom: 23px;
height: 44px;
}
.grid .testimonial .user .left {
top: 3px;
}
.grid .testimonial .user .right span.name {
font-size: 14px;
}
#testimonialsp {
padding: 30px 0 10px;
}
#testimonialsp .mtitle {
font-size: 20px;
margin-bottom: 16px;
}
#testimonialsp .mtext {
font-size: 15px;
line-height: 23px;
margin-bottom: 0px;
}
#testimonialsp .mtext br {
display: none;
}
#productsp {
background: #2b2b2b;
padding: 30px 0 30px;
}
#productsp .mtitle {
font-size: 20px;
margin-bottom: 16px;
}
#productsp .mtext p {
margin-bottom: 44px;
font-size: 14px;
line-height: 23px;
}
#productsp .product-box {
padding-bottom: 24px;
margin-bottom: 30px;
}
#productsp .product-box .title {
line-height: 30px;
font-size: 17px;
}
#productsp .product-box .title .num {
font-size: 19px;
padding: 0 10px;
margin-right: 6px;
}
#productsp .product-box .text p {
font-size: 14px;
line-height: 23px;
margin-bottom: 28px;
}
#productsp .product-box .gallery {
margin: 0 -6px;
}
#productsp .product-box .gallery li div {
margin: 0 6px 12px;
}
#productsp .pbottom .title {
font-size: 15px;
list-style: 23px;
margin-bottom: 17px;
}
#productsp .pbottom .text {
margin-bottom: 28px;
font-size: 13px;
line-height: 23px;
}
#productsp .pbottom .buttond p {
text-align: center;
}
#productsp .pbottom .buttond a {
font-size: 15px;
line-height: 31px;
padding: 10px 20px ;
}
#whyp {
padding: 30px 0 0px;
}
#whyp .mtitle {
font-size: 20px;
margin-bottom: 29px;
}
#whyp .why-box {
background: #ffffff;
text-align: center;
margin-bottom: 20px;
padding: 15px 15px 10px;
}
#whyp .why-box .icon {
height: 68px;
width: 60px;
margin: 0 auto;
}
#whyp .why-box .icon img {
display: inline-block;
}
#whyp .why-box .title {
font-size: 17px;
line-height: 25px;
margin-bottom: 10px;
}
#whyp .why-box .text p {
font-size: 14px;
line-height: 23px;
}
#pricing-tables {
padding-bottom: 30px;
}
#pricing-tables .prem-colum .top {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
overflow: hidden;
padding: 19px 0 22px;
}
#pricing-tables .prem-colum .top .premium-tile svg path {
fill: #d3ac5e;
}
#pricing-tables .prem-colum .top .premium-tile span {
display: block;
font-size: 16px;
color: #d3ac5e;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
line-height: 16px;
padding: 1px 0 3px;
}
#pricing-tables .prem-colum .top .price {
font-size: 15px;
color: #636363;
display: block;
margin-bottom: 0px;
}
#pricing-tables .prem-colum .top .price .sign {
position: relative;
bottom: 36px;
left: 5px;
font-size: 18px;
margin-right: 2px;
}
#pricing-tables .prem-colum .top .price .big {
font-size: 70px;
font-weight: bold;
position: relative;
color: #000;
}
#pricing-tables .prem-colum .top .price .sm {
position: relative;
right: 11px;
}
#pricing-tables .prem-colum .top .prem_price_text {
font-size: 14px;
color: #9d9d9d;
position: relative;
bottom: 9px;
margin-bottom: 19px;
}
#pricing-tables .prem-colum .top .prem_text {
font-size: 15px;
line-height: 24px;
color: #777777;
margin-bottom: 26px;
}
#pricing-tables .prem-colum .top .buttond p {
text-align: center;
}
#pricing-tables .prem-colum .top .buttond a {
float: none;
display: inline-block;
background: #008c8e;
color: #fff;
font-size: 19px;
line-height: 30px;
width: 356px;
max-width: 80%;
padding: 15px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#pricing-tables .prem-colum .top .buttond a:hover {
background: #037c7e;
}
#pricing-tables .prem-colum .bottom {
display: none;
}
#pricing-tables .prem-colum .botmob {
display: block;
padding-bottom: 20px;
}
#pricing-tables .prem-colum .botmob .options .faq .question .icon {
top: 8px;
}
#pricing-tables .prem-colum .botmob .options .faq .question .icon svg {
width: auto !important;
height: auto !important;
}
#pricing-tables .free-column .top {
padding: 47px 0 37px;
}
#pricing-tables .free-column .top .small-title {
margin-bottom: 16px;
}
#pricing-tables .free-column .top .big-title {
font-size: 32px;
margin-bottom: 18px;
}
.single-post-in.down h2.title span.tit {
display: block;
font-size: 19px;
line-height: 24px;
margin-bottom: 7px;
}
.single-post-in.down h2.title span.tagt {
display: block;
float: left;
clear: both;
margin: 0 0 16px;
}
.mob-gallery {
margin-bottom: 24px;
}
.mob-gallery .woocommerce-product-gallery,
.mob-gallery .woocommerce-product-gallery--with-images,
.mob-gallery .woocommerce-product-gallery--columns-4 .images {
margin-bottom: 11px !important;
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery {
text-align: left;
}
.mob-gallery .lSSlideOuter .lSPager.lSGallery li {
margin: 0 7px 0 8px !important;
width: 73px !important;
}
.download-detail {
margin-bottom: 23px;
}
.download-detail > div {
margin-right: 40px;
}
.download-detail > div > div {
margin: 0 7px 3px 8px;
line-height: 20px;
}
.download-detail > div > div > span.name {
font-size: 10px;
padding-top: 8px;
margin-bottom: 0px;
}
.download-detail > div > div > span.name span {
height: 26px;
padding-top: 1px;
}
.download-detail > div > div > span.det {
padding-top: 4px;
font-size: 16px;
margin-bottom: 6px;
padding-left: 22px;
}
.download-detail > div > div > span.det .icon {
position: absolute;
left: 0;
top: 1px;
}
.download-detail > div > div > span.det .icon svg {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
.download-detail > div > div.licence .det {
font-size: 12px;
line-height: 15px;
color: #494949;
}
.download-detail > div > div.licence .det span {
position: relative;
bottom: 5px;
max-width: 95px;
white-space: normal;
display: block;
text-transform: capitalize;
}
.download-detail > div > div.licence .det span.icon {
position: absolute;
top: 2px;
}
.compat ul li span {
font-size: 16px;
}
.bnone {
display: none;
}
#dwonload-sidebar .side-text .link {
position: relative;
padding-top: 10px;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download,
#dwonload-sidebar .side-text .link div.jo {
position: relative;
margin-bottom: 10px;
display: block;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join,
#dwonload-sidebar .side-text .link div.jo a.join,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button,
#dwonload-sidebar .side-text .link div.jo .button {
display: block;
font-size: 18px;
padding: 16px 30px 14px 92px;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join span,
#dwonload-sidebar .side-text .link div.jo a.join span,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton span,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton span,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk span,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk span,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link span,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link span,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button span,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button span,
#dwonload-sidebar .side-text .link div.jo .button span {
display: block;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join span.top,
#dwonload-sidebar .side-text .link div.jo a.join span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton span.top,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk span.top,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link span.top,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link span.top,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button span.top,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button span.top,
#dwonload-sidebar .side-text .link div.jo .button span.top {
font-size: 19px;
margin-bottom: 5px;
}
#dwonload-sidebar .side-text .link #somdn-download-single-form a.join span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download a.join span.bot,
#dwonload-sidebar .side-text .link div.jo a.join span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form #somdn-sdbutton span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download #somdn-sdbutton span.bot,
#dwonload-sidebar .side-text .link div.jo #somdn-sdbutton span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-lindk span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-lindk span.bot,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-lindk span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form .edd-free-downloads-direct-download-link span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link span.bot,
#dwonload-sidebar .side-text .link div.jo .edd-free-downloads-direct-download-link span.bot,
#dwonload-sidebar .side-text .link #somdn-download-single-form .button span.bot,
#dwonload-sidebar .side-text .link .edd-free-downloads-direct-download .button span.bot,
#dwonload-sidebar .side-text .link div.jo .button span.bot {
font-size: 12px;
line-height: 17px;
}
#dwonload-sidebar .side-text .link .icons {
position: absolute;
width: 53px;
height: 40px;
top: 20px;
left: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#dwonload-sidebar .side-text .link .icons span {
position: absolute;
}
#dwonload-sidebar .side-text .link .icons span svg path {
fill: #fff !important;
}
#dwonload-sidebar .side-text .link .icons span.bot {
bottom: -5px;
left: 0;
}
#dwonload-sidebar .side-text .link .icons span.bot svg {
width: 39px !important;
height: 16px !important;
}
#dwonload-sidebar .side-text .link .icons span.top {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
top: -3px;
left: 9px;
}
#dwonload-sidebar .side-text .link .icons span.top svg {
width: 18px !important;
height: 17px !important;
}
#dwonload-sidebar .side-text .link a.join {
display: block;
padding-top: 19px;
padding-bottom: 16px;
text-align: left;
padding-left: 79px;
float: none;
height: 46px;
background: #008c8e;
border: none;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#dwonload-sidebar .side-text .link a.join span {
display: block;
}
#dwonload-sidebar .side-text .link a.join span.top {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 4px;
line-height: 22px;
}
#dwonload-sidebar .side-text .link a.join span.bot {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
line-height: 17px;
}
#dwonload-sidebar .side-text .link a.join.button {
line-height: 43px;
}
#dwonload-sidebar .side-text .link a.join.button span {
font-family: Heebo, Helvetica, Arial, Geneva, sans-serif;
font-size: 23px;
}
#dwonload-sidebar .side-text .link .jo {
display: block;
}
#dwonload-sidebar .side-text .link .jo:hover .icons span.top {
top: 4px;
}
#dwonload-sidebar .side-text .link .jo:hover .icons span svg path {
fill: #006854;
}
#dwonload-sidebar .side-text .link .jo:hover a {
background: #037c7e;
}
#dwonload-sidebar .side-text.free #somdn-download-single-form,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download {
margin-bottom: 0;
}
#dwonload-sidebar .side-text.free #somdn-download-single-form #somdn-sdbutton,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download #somdn-sdbutton,
#dwonload-sidebar .side-text.free #somdn-download-single-form .edd-free-downloads-direct-download-link,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link {
background: #f57077;
margin-bottom: 0;
}
#dwonload-sidebar .side-text.free #somdn-download-single-form #somdn-sdbutton:hover,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download #somdn-sdbutton:hover,
#dwonload-sidebar .side-text.free #somdn-download-single-form .edd-free-downloads-direct-download-link:hover,
#dwonload-sidebar .side-text.free .edd-free-downloads-direct-download .edd-free-downloads-direct-download-link:hover {
background: #e45961;
}
.related-post-b.cat,
.related-post.cat {
background: #f5f7f7;
padding: 23px 0 9px;
}
.related-post-b.cat span.title,
.related-post.cat span.title {
font-size: 17px;
}
.related-post-b.par,
.related-post.par {
padding: 23px 0 9px;
}
.related-post-b.par span.title,
.related-post.par span.title {
font-size: 17px;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap {
padding: 28px 26px 10px !important;
}
.wp-block-uagb-table-of-contents .uagb-toc__wrap .uagb-toc__title {
padding-left: 27px;
margin-left: -26px;
}
}
@media screen and (max-width: 720px) {
footer nav.col1 {
margin-bottom: 37px;
}
footer nav.col1,
footer nav.col2 {
width: 100%;
text-align: center;
}
.result {
display: block;
text-align: center;
}
.pagintaion li {
display: none;
}
.pagintaion li.next,
.pagintaion li.prev {
display: inline-block;
width: auto;
}
.pagintaion li.next,
.pagintaion li.prev {
font-weight: normal;
}
.pagintaion li.next svg,
.pagintaion li.prev svg {
position: relative !important;
display: inline-block;
vertical-align: top;
left: 0;
right: 0;
top: 3px;
margin-left: 5px;
}
.pagintaion li.next a {
padding-left: 15px;
padding-right: 15px;
font-weight: normal;
line-height: 32px;
height: 35px;
}
.pagintaion li.prev svg {
margin-left: 0;
margin-right: 0;
}
.pagintaion li.prev a {
padding-right: 15px;
padding-left: 15px;
font-weight: normal;
line-height: 32px;
height: 35px;
}
.pagintaion li.next a span,
.pagintaion li.prev a span {
display: inline-block;
vertical-align: top;
}
#pricing-top .t-option li {
width: auto;
float: none;
}
.pot-info .author img {
display: none;
}
#ch-page.v2 .woocommerce-cart-form {
overflow: auto;
}
.contact-text p br {
display: none;
}
#blog-top-menu .title {
margin-bottom: 0;
}
#blog-top-menu .form {
margin-bottom: 16px;
}
#blog-top-menu .form form .fieldset,
#blog-top-menu .form form p {
display: block;
margin: 0 0 2px 0px;
overflow: hidden;
}
#blog-top-menu .form form button {
width: 100%;
}
#blog-top-menu .form form .sib-email-area {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 37px;
padding: 0 15px;
background: none;
font-size: 13px;
position: relative;
bottom: 1px;
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(255, 255, 255, 0.4);
border: 1px solid #54565c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#blog-top-menu .form form .sib-email-area:hover,
#blog-top-menu .form form .sib-email-area:focus {
border-color: #707479;
-webkit-box-shadow: none;
box-shadow: none;
}
#blog-top-menu .form form p {
line-height: 39px;
font-size: 15px;
color: rgba(255, 255, 255, 0.5);
margin-right: 10px;
}
}
@media screen and (max-width: 600px) {
.inside-product img.b-lazy.b-loaded {
height: auto!important;
width: 100%!important;
}
.archive-title {
text-align: center;
}
.inside-product.down .title a,
.inside-product.down .title h2 {
font-size: 14px;
}
#ch-page {
max-width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
#edd_checkout_wrap {
padding: 0 15px;
}
#edd_checkout_wrap h2 {
font-size: 20px;
}
#edd_checkout_wrap #edd-purchase-button {
height: 50px;
font-size: 18px;
}
#edd_checkout_wrap #edd_final_total_wrap,
#edd_checkout_wrap .totall {
padding: 20px 15px 22px !important;
font-size: 15px;
}
.downpop {
width: 90%;
}
.downpop > div .left {
padding: 27px 30px 20px ;
}
.downpop > div .left .log p {
white-space: inherit;
}
.downpop > div .left .butto a {
font-size: 16px;
}
.downpop > div .left .title span {
font-size: 20px;
}
.downpop > div .left .list {
font-size: 16px;
}
.single-blog .img img {
width: 100% !important;
height: auto !important;
}
#pricing-tables .price-footer .left,
#footerp .price-footer .left {
float: none;
text-align: center;
margin-bottom: 10px;
}
#pricing-tables .price-footer .left img,
#footerp .price-footer .left img {
display: inline-block;
}
#pricing-tables .price-footer .right,
#footerp .price-footer .right {
margin-left: 0;
text-align: center;
}
#pricing-tables .price-footer .right img,
#footerp .price-footer .right img {
display: inline-block;
}
#productsp .product-box .gallery li {
width: 50% !important;
}
#productsp .product-box .gallery.col12 li {
width: 33% !important;
}
}
@media screen and (max-width: 460px) {
#footerp .buttond p,
#productsp .pbottom .buttond p {
margin: 0 0 15px;
width: 100%;
}
#footerp .buttond p a,
#productsp .pbottom .buttond p a {
font-size: 15px;
line-height: 31px;
width: 100%;
padding: 10px 0px;
}
#home-slid .home-slid-box a {
line-height: 20px;
padding: 17px 5px;
}
#f404 form {
margin-left: 8px;
margin-right: 8px;
}
#th-page {
max-width: 100%;
border-radius: 0;
}
#th-page > div {
padding: 0 15px 30px;
}
#th-page > div .stamp {
left: -75px;
}
#main .lrm-integrations {
font-size: 13px;
text-align: left;
margin-bottom: 10px;
}
#main .lrm-integrations .lrm-math-captcha-wrap input.has-border {
width: 32px !important;
height: 32px;
padding: 0;
}
}
.mobile .page-template-page-pricing header #righth a.backhome {
line-height: 31px;
}
.mobile #pricing-top .t-text span {
line-height: 24px;
}
.mobile .pagintaion li.prev a,
.mobile .pagintaion li.next a {
line-height: 35px;
}