/*------------------------------------------------------------------
Projeto: HOST 2024
Version: 3.0.0
Author: F5HOST
Website: https://f5host.org & https://f5host.com.br" property="og:url
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
TABLE OF CONTENTS
1. Body
1.1 Typography
1.2 Body style
2. Header
2.1 Header / .top-bar
2.2 Header / nav
3. Slideshow
4. Breadcrumb
5. Component
5.1. Content Setup
5.2. Blockquote
5.3. List
5.4. accordion
5.5. Server
5.6. Tabs
5.7. Testimonials
5.8. Carousel
5.9. Pricing table
5.10. Progress
5.11. Piechart
5.12. Counting
5.13. Parents
5.14. Pagination
5.15. Avatars
5.16. Team
5.17. Video
5.18. Box price
5.19. video link
5.20. Panel
5.21. Slideshow
5.22. Web Application
5.23. Service
5.24. Carousel
5.25. Twitter
6. Domain Checking
7. Blog/News
8. Portfolio
9. Contact
10. Sidebar
10.1 Default
10.2 Accordion
10.3 Categories
10.4 Blog feature
10.5 Blog popular
10.6 Blog Hot
10.7 Tags Cloud
11. Plugin
12. Tutorial
13. 404 Page
14. Footer
15. Back to Top
16. Responsive settings
@media (min-width: 992px)
@media (max-width: 991px)
@media (max-width: 767px)
@media (max-width: 560px)
@media (max-width: 480px)
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
0. Imports
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
1. Body
-------------------------------------------------------------------*/
/*
1.1 Typography
*/
body {
font-family: "Open sans", sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 1.35;
color: #666666;
}
/* Basic color -background, -font, -border */
a {
color: #FF7354;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a:hover,
a:active,
a:focus {
color: #e67e22;
text-decoration: none;
}
a:focus {
outline-width: 0;
}
p {
margin-bottom: 15px;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 29px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Oswald';
font-weight: 500;
margin-top: 4px;
margin-bottom: 10px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
color: #999;
margin: 0 10px;
}
h2 > span {
font-family: "Open sans";
font-size: 14px;
margin-left: 15px;
}
.header-smaller {
font-size: 14px;
}
::-moz-placeholder {
color: #969696;
opacity: 1;
}
:-ms-input-placeholder {
color: #969696;
}
::-webkit-input-placeholder {
color: #969696;
}
input:focus,
textarea:focus {
outline: none;
}
label {
font-weight: normal;
}
img {
border: none;
max-width: 100%;
height:auto;
}
.fa {
font-family: "FontAwesome";
}
.form-control {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.carouselOwl {
display: none;
}
.light {
font-weight: 100;
}
.lineh-30 {
line-height: 30px;
}
iframe {
border: none !important;
}
.btn.btn-round {
border-radius: 100px;
overflow: hidden;
}
.btn-primary {
color: #ffffff;
background-color: #FF7354;
border-color: #FF7354;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #FF884D;
border-color: #FF884D;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #FF7354;
border-color: #FF7354;
}
.btn-primary .badge {
color: #ffffff;
background-color: #FF7354;
}
.btn-outline {
background-color: rgba(0, 0, 0, 0.22);
border-color: rgba(255, 255, 255, 0.6);
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline.focus,
.btn-outline:active,
.btn-outline.active,
.open > .dropdown-toggle.btn-outline,
.jvresslide .btn-outline:hover,
.jvresslide .btn-outline:focus {
color: #ffffff;
background-color: #FF884D;
border-color: #FF884D;
}
.btn-outline:active,
.btn-outline.active,
.open > .dropdown-toggle.btn-outline {
background-image: none;
}
.btn-outline.disabled,
.btn-outline[disabled],
fieldset[disabled] .btn-outline,
.btn-outline.disabled:hover,
.btn-outline[disabled]:hover,
fieldset[disabled] .btn-outline:hover,
.btn-outline.disabled:focus,
.btn-outline[disabled]:focus,
fieldset[disabled] .btn-outline:focus,
.btn-outline.disabled.focus,
.btn-outline[disabled].focus,
fieldset[disabled] .btn-outline.focus,
.btn-outline.disabled:active,
.btn-outline[disabled]:active,
fieldset[disabled] .btn-outline:active,
.btn-outline.disabled.active,
.btn-outline[disabled].active,
fieldset[disabled] .btn-outline.active {
background-color: #FF7354;
border-color: #FF7354;
}
.btn-outline.btn-primary {
color: #FF7354;
border-color: #FF7354;
background: transparent;
}
.btn-outline.btn-primary:hover {
color: #ffffff;
background: #FF7354;
}
.btn-outline.btn-info {
color: #269abc;
border-color: #269abc;
background: transparent;
}
.btn-outline.btn-info:hover {
color: #ffffff;
background: #269abc;
}
.btn-outline.btn-success {
color: #4cae4c;
border-color: #4cae4c;
background: transparent;
}
.btn-outline.btn-success:hover {
color: #ffffff;
background: #4cae4c;
}
.btn-outline.btn-warning {
color: #eea236;
border-color: #eea236;
background: transparent;
}
.btn-outline.btn-warning:hover {
color: #ffffff;
background: #eea236;
}
.btn-outline.btn-danger {
color: #d43f3a;
border-color: #d43f3a;
background: transparent;
}
.btn-outline.btn-danger:hover {
color: #ffffff;
background: #d43f3a;
}
.btn-outline.btn-inverse {
color: #34495e;
border-color: #34495e;
background: transparent;
}
.btn-outline.btn-inverse:hover {
color: #ffffff;
background: #34495e;
}
.btn-inverse {
background-color: #34495e;
color: #ffffff;
border-color: #34495e;
}
.btn-inverse:hover,
.btn-inverse:focus {
background-color: #233444;
border-color: #233444;
color: #fff;
}
.btn-icon {
position: relative;
display: inline-block;
border: none;
padding-left: 50px;
overflow: hidden;
}
.btn-icon .fa {
display: inline-block;
width: 42px;
position: absolute;
height: 32px;
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0px;
border-radius: 4px 0 0 4px;
line-height: 32px;
text-align: center;
padding-left: 3px;
margin-left: -3px;
-webkit-transform: skewX(-12deg) skewY(0);
-ms-transform: skewX(-12deg) skewY(0);
-o-transform: skewX(-12deg) skewY(0);
transform: skewX(-12deg) skewY(0);
}
.btn-icon .fa:before {
display: inline-block;
-webkit-transform: skewX(12deg) skewY(0);
-ms-transform: skewX(12deg) skewY(0);
-o-transform: skewX(12deg) skewY(0);
transform: skewX(12deg) skewY(0);
}
.btn-icon.btn-lg {
padding-left: 65px;
}
.btn-icon.btn-lg .fa {
width: 55px;
height: 44px;
line-height: 42px;
left: -2px;
}
.btn-icon.btn-lg .fa:after {
border-top-width: 43px;
border-right-width: 8px;
}
.btn-icon.btn-sm {
padding-left: 45px;
}
.btn-icon.btn-sm .fa {
height: 28px;
width: 38px;
line-height: 28px;
border-radius: 3px 0 0 3px;
}
.btn-icon.btn-sm .fa:after {
border-top-width: 28px;
border-right-width: 4px;
width: 10px;
right: -10px;
}
.btn-icon.btn-xs {
padding-left: 40px;
}
.btn-icon.btn-xs .fa {
height: 20px;
width: 35px;
line-height: 20px;
font-size: 9px;
}
.btn-icon.btn-xs .fa:after {
border-top-width: 20px;
width: 10px;
margin-right: 5px;
}
.btn-icon.btn-outline {
border-width: 1px;
}
.upp {
text-transform: uppercase;
}
.it {
font-style: italic;
}
.text-primary {
color: #FF7354;
}
.text-info {
color: #269abc;
}
.text-success {
color: #4cae4c;
}
.text-warning {
color: #eea236;
}
.text-danger {
color: #d43f3a;
}
.mar-big {
margin-bottom: 30px;
}
.mar-small {
margin-bottom: 20px;
}
/*
1.2 Body style
*/
/* You can add one of those classes to body */
/*
Background image for Boxed, Framed, Rounded
*/
.bg-1 {
background: url(../images/background/bg-1.png) repeat scroll center center rgba(0, 0, 0, 0);
}
.bg-2 {
background: url(../images/background/bg-2.png) repeat scroll center center rgba(0, 0, 0, 0);
}
.bg-3 {
background: url(../images/background/bg-3.png) repeat scroll center center rgba(0, 0, 0, 0);
}
.bg-4 {
background: url(../images/background/bg-4.png) repeat scroll center center rgba(0, 0, 0, 0);
}
.bg-5 {
background: url(../images/background/bg-5.png) repeat scroll center center rgba(0, 0, 0, 0);
}
.bg-6 {
background: url(../images/background/bg-6.png) no-repeat fixed top center rgba(0, 0, 0, 0);
background-size: cover;
}
.bg12-f5host {
position: relative;
width: 100%;
height: auto;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
color: #fff;
}
.f5host-img-direita {
float: right;
padding: 0px 0px 25px 0;
line-height: auto;
display: block;
max-width: 100%;
height: auto;
}
.f5host-img-esquerda {
float: left;
}
.f5host-img-centro {
float: center;
}
/* Layout
*/
#wrapper {
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #ffffff;
}
.wide {
background: none repeat scroll 0 0 #ffffff;
margin: 0 auto;
width: 100%;
-webkit-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.boxed {
background: none repeat scroll 0 0 #ffffff;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
margin: 0 auto;
max-width: 1200px;
position: relative;
}
.framed {
background: none repeat scroll 0 0 #ffffff;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
margin: 20px auto;
max-width: 1200px;
position: relative;
}
@media (max-width: 1199px) {
.framed {
margin: 15px;
}
}
.rounded {
background: none repeat scroll 0 0 #ffffff;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
margin: 20px auto;
max-width: 1200px;
overflow: hidden;
position: relative;
}
.rounded .jvresslide > .items > li {
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
@media (max-width: 1199px) {
.rounded {
margin: 15px;
}
}
/*------------------------------------------------------------------
2. Header
-------------------------------------------------------------------*/
/* 2.1 Header / .top-bar */
header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 102;
}
header .logo {
margin: 0;
margin-top: 15px;
display: inline-block;
color: #ffffff;
}
header .logo img {
max-height: 48px; /* 47px */
}
@media (max-width: 767px) {
header .logo img {
height: 35px;
}
}
@media (max-width: 400px) {
header .logo img {
height: 26px;
margin-top: 7px;
}
}
@media (min-width: 768px) {
header .logo {
margin-top: 25px;
}
}
header .position {
margin-top: 20px;
}
@media (min-width: 768px) {
header .position {
margin-top: 35px;
}
}
@media (min-width: 992px) {
header .position.position-login .btn .fa {
margin-right: 5px;
}
}
header .position.position-search {
padding: 0 10px;
margin-left: 10px;
position: relative;
z-index: 1;
height: 30px;
width: 45px;
}
header .position.position-search:before {
content: "";
display: block;
width: 1px;
height: 13px;
background-color: #ffffff;
position: absolute;
top: 9px;
left: 0;
}
@media (max-width: 991px) {
header .position.position-search:before {
display: none;
}
}
header .position.position-search .form-control {
border: none;
box-shadow: none;
font-size: 12px;
height: 30px;
opacity: 0;
width: 0;
position: absolute;
top: 0;
right: 10px;
z-index: 2;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
header .position.position-search .btn {
padding: 5px 10px;
background-color: transparent;
position: absolute;
top: 0;
right: 10px;
border-color: transparent;
font-size: 12px;
color: #ffffff;
z-index: 1;
}
header .position.position-search:hover .form-control {
width: 190px;
padding-right: 32px;
padding-left: 10px;
opacity: 1;
z-index: 0;
}
header .position.position-search:hover .btn {
color: #FF7354;
}
header .position.position-menutop {
position: relative;
z-index: 0;
}
header .position.position-menutop ul {
list-style: none;
margin: 0;
padding: 0;
}
header .position.position-menutop ul li {
display: inline-block;
line-height: 30px;
font-size: 12px;
color: #ffffff;
margin-left: 20px;
}
header .position.position-menutop ul li a {
color: #ffffff;
}
header .position.position-menutop ul li a:hover {
color: rgba(255, 255, 255, 0.8);
}
.banner-default {
height: 300px;
background: transparent url(../images/bg/banner-default.jpg) no-repeat center;
background-size: cover;
}
.banner-f5host-default {
height: 300px;
background: transparent url(../images/banner-cliente-area.png) no-repeat center;
background-size: cover;
}
@media (max-width: 991px) {
.banner-default {
height: 230px;
}
}
@media (max-width: 767px) {
.banner-default {
height: 200px;
}
}
@media (max-width: 400px) {
.banner-default {
height: 180px;
}
}
.modal {
overflow-y: auto;
}
.modal .modal-header {
border-bottom: 3px solid #FF7354;
}
.modal .modal-header .close {
display: block;
width: 34px;
height: 34px;
margin-top: -6px !important;
border: 1px solid #ccc;
border-radius: 100%;
outline: none !important;
}
.form-group.ico {
position: relative;
}
.form-group.ico > .fa {
position: absolute;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
color: #666;
top: 50%;
margin-top: -10px;
left: 8px;
}
.form-group.ico > .form-control {
padding-left: 30px;
}
/* 2.2 Header / nav */
nav {
position: absolute;
top: 102px;
left: 0;
right: 0;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.28);
color: #ffffff;
z-index: 100;
height: 58px;
-webkit-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
nav.scroll-to-fixed-fixed {
background-color: rgba(0, 0, 0, 0.7);
}
nav .container {
position: relative;
}
nav ul.nav-pills li {
position: relative;
}
nav ul.nav-pills li.drop {
display: block;
float: left;
}
nav ul.nav-pills li.drop > a {
font-family: 'Roboto Condensed';
font-size: 17px;
font-weight: 100;
color: #ffffff;
text-transform: uppercase;
padding: 0 20px;
display: block;
line-height: 58px;
position: relative;
z-index: 1;
cursor: pointer;
}
nav ul.nav-pills li.drop > a:before {
content: "";
display: block;
background-color: transparent;
position: absolute;
top: -2px;
left: 0;
right: 0;
height: 0;
border-top: 2px solid transparent;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
nav ul.nav-pills li.drop > a:hover::before > a {
background: transparent;
}
nav ul.nav-pills li.drop > a:hover::before > a:before {
border-top-color: #FF7354;
background-color: rgba(0, 0, 0, 0.4);
height: 60px;
}
nav ul.nav-pills li.drop > a span {
position: relative;
z-index: 1;
}
@media (max-width: 1199px) {
nav ul.nav-pills li.drop > a {
font-size: 15px;
padding: 0 15px;
}
}
nav ul.nav-pills li.drop.active > a {
background: transparent;
}
nav ul.nav-pills li.drop.active > a:before {
border-top-color: #FF7354;
background-color: rgba(0, 0, 0, 0.4);
height: 60px;
}
nav ul.nav-pills li.drop .slideDown {
display: none;
opacity: 0;
list-style: none;
position: absolute;
z-index: 1000;
padding: 10px;
background: #000000;
background: rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.35);
-moz-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.35);
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.35);
}
nav ul.nav-pills li.drop .slideDown.sub-menu {
width: 250px;
}
nav ul.nav-pills li.drop .slideDown.sub-menu > li > a {
line-height: 34px;
color: #ffffff;
display: block;
overflow: hidden;
position: relative;
}
nav ul.nav-pills li.drop .slideDown.sub-menu > li > a:after {
content: "";
display: block;
width: 60px;
height: 60px;
position: absolute;
top: -14px;
left: -46px;
background-color: transparent;
z-index: 0;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
nav ul.nav-pills li.drop .slideDown.sub-menu > li > a i {
margin-right: 10px;
position: relative;
z-index: 1;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
nav ul.nav-pills li.drop .slideDown.sub-menu > li > a:hover {
background: #FF7354;
padding-left: 10px;
}
nav ul.nav-pills li.drop .slideDown.sub-menu > li > a:hover::after {
background-color: rgba(0, 0, 0, 0.2);
left: -26px;
}
nav ul.nav-pills li.drop .slideDown.sub-menu > li > a:hover i {
margin-right: 17px;
}
nav ul.nav-pills li.drop.show .slideDown {
-webkit-animation-name: navShow;
animation-name: navShow;
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
display: block;
}
nav ul.nav-pills li.features {
position: static;
}
nav ul.nav-pills li.features .mega-menu {
left: 15px;
right: 15px;
padding-top: 25px;
padding-bottom: 25px;
}
nav ul.nav-pills li.features .mega-menu .mega-menu-header {
line-height: 34px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
text-transform: uppercase;
margin-bottom: 10px;
background: transparent !important;
padding: 0 !important;
display: block;
color: #ffffff;
}
nav ul.nav-pills li.features .mega-menu .mega-col > ul {
list-style: none;
padding: 0;
margin-bottom: 15px;
}
nav ul.nav-pills li.features .mega-menu .mega-col > ul > li > a {
line-height: 34px;
color: #ffffff;
display: block;
overflow: hidden;
position: relative;
}
nav ul.nav-pills li.features .mega-menu .mega-col > ul > li > a:after {
content: "";
display: block;
width: 60px;
height: 60px;
position: absolute;
top: -14px;
left: -46px;
background-color: transparent;
z-index: 0;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
nav ul.nav-pills li.features .mega-menu .mega-col > ul > li > a i {
margin-right: 10px;
position: relative;
z-index: 1;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
nav ul.nav-pills li.features .mega-menu .mega-col > ul > li > a:hover {
background: #FF7354;
padding-left: 10px;
}
nav ul.nav-pills li.features .mega-menu .mega-col > ul > li > a:hover::after {
background-color: rgba(0, 0, 0, 0.2);
left: -26px;
}
nav ul.nav-pills li.features .mega-menu .mega-col > ul > li > a:hover i {
margin-right: 17px;
}
nav ul.nav-pills li.features .mega-menu .mega-col.cms-service .icon-services {
text-align: center;
padding-top: 30px;
}
nav ul.nav-pills li.features .mega-menu .mega-col.cms-service + .mega-col {
position: relative;
}
nav ul.nav-pills li.features .mega-menu .mega-col.cms-service + .mega-col:before {
content: "";
position: absolute;
left: 1px;
top: 0;
bottom: 0;
display: block;
width: 1px;
background-color: rgba(255, 255, 255, 0.15);
}
nav ul.nav-pills li.features .mega-menu .mega-col .service-text {
font-size: 13px;
color: #ffffff;
font-weight: normal;
padding-top: 10px;
position: relative;
margin-top: 15px;
}
nav ul.nav-pills li.features .mega-menu .mega-col .service-text:before {
content: "";
height: 1px;
position: absolute;
top: 0;
display: block;
left: 15px;
right: 15px;
background-color: rgba(255, 255, 255, 0.15);
}
nav ul.nav-pills li.features .mega-menu .mega-col .service-text a {
font-weight: 100;
display: inline-block;
color: #ffffff;
}
nav ul.nav-pills li.features .mega-menu [class*="col-"]:last-child > .service-thumb .service-wrap:before {
display: none;
}
nav ul.nav-pills li.features .mega-menu .jv-service .service-list .style-1 .desc,
nav ul.nav-pills li.features .mega-menu .jv-service .service-list .style-3 .desc {
color: #ffffff;
}
nav ul.nav-pills li:hover.drop > a:before {
border-top-color: #FF7354;
background-color: rgba(0, 0, 0, 0.4);
height: 60px;
}
.blog-thumb li {
margin-bottom: 10px;
}
.blog-thumb li .thumb {
width: 40px;
height: 40px;
margin-right: 15px;
background-size: cover;
background-position: center;
}
.blog-thumb li .blog-thumb-title a {
color: #ffffff;
}
.blog-thumb li .blog-thumb-title a:hover {
color: #FF7354;
}
.blog-thumb li .post-date {
opacity: 0.6;
font-size: 85%;
}
.service-thumb .service-wrap {
position: relative;
padding: 10px 0;
}
.service-thumb .service-wrap .service-img {
margin-bottom: 20px;
}
.service-thumb .service-wrap .title {
margin-bottom: 5px;
margin-top: 10px;
font-weight: 500;
}
.service-thumb .service-wrap h6 {
font-family: inherit;
font-size: 15px;
}
.service-thumb .service-wrap .desc {
font-weight: 100;
margin-bottom: 15px;
}
.nav-pills .service-thumb .service-wrap .desc,
.menu-mobile .service-thumb .service-wrap .desc {
font-size: 12px;
color: rgba(255, 255, 255, 0.8);
}
.service-thumb .service-wrap .btn {
font-size: 12px;
width: auto;
display: inline-block;
line-height: 16px;
}
.service-thumb .service-wrap:before {
content: "";
position: absolute;
top: 0;
right: -15px;
height: 100%;
width: 1px;
background-color: rgba(255, 255, 255, 0.15);
}
.jv-service {
position: relative;
}
.jv-service h6 {
margin-top: 0;
color: #ffffff;
font-weight: 100;
margin-bottom: 30px;
font-size: 16px;
}
.menu-mobile .jv-service h6 {
margin: 10px 0;
}
.jv-service [class*="col-"]:last-child .service-thumb .service-wrap:before {
display: none;
}
.jv-service:before {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1px;
background-color: rgba(255, 255, 255, 0.15);
}
.jv-service:last-child::before {
display: none;
}
.jv-service .service-wrap {
position: relative;
padding: 10px 0;
}
.jv-service .service-list .style-1 .service-icon {
font-size: 60px;
}
.nav-pills .jv-service .service-list .style-1 .service-icon .fa,
.menu-mobile .jv-service .service-list .style-1 .service-icon .fa {
color: #ffffff;
}
.support-team.jv-service .service-list .style-1 .service-icon {
font-size: 50px;
text-align: center;
margin-bottom: 20px;
}
.support-team.jv-service .service-list .style-1 .service-icon .fa {
color: #FF7354;
}
.jv-service .service-list .style-1 .list {
text-align: left;
padding-left: 5px;
}
.jv-service .service-list .style-1 .list > div {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
padding: 11px 0;
}
.jv-service .service-list .style-1 .list > div:last-child {
border: none;
}
@media (max-width: 480px) {
.jv-service [class*="col-"] + [class*="col-"] {
margin-top: 20px;
}
}
@keyframes navShow {
from {
margin-top: -5px;
opacity: 0;
}
to {
margin-top: 0;
opacity: 1;
}
}
@-webkit-keyframes navShow {
from {
margin-top: -5px;
opacity: 0;
}
to {
margin-top: 0;
opacity: 1;
}
}
/* 2.2 OffCanvas */
.btn-canvas span {
background: #ffffff;
display: block;
height: 2px;
margin: 4px 0 2px;
width: 23px;
border-radius: 4px;
}
.btn-canvas span:first-child {
margin-top: 2px;
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
display: block;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.uk-offcanvas .uk-panel-title {
color: #cccccc;
}
.uk-offcanvas-page {
position: fixed;
width: 100% !important;
-webkit-transition: margin-left 0.3s ease-in-out;
-o-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
}
.uk-offcanvas-bar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1001;
width: 270px;
max-width: 100%;
background: #333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-ms-scroll-chaining: none;
}
.uk-offcanvas-bar:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background: rgba(0, 0, 0, 0.6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}
.uk-offcanvas-bar-flip {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.menu-mobile-header {
font-weight: 500 !important;
font-size: 14px;
box-shadow: 0 1px 0 0 #4d4d4d, 0 -1px 0 0 #202020 inset;
border-bottom: 2px solid #292929;
line-height: 40px;
height: 40px;
z-index: 0;
margin: 0;
text-align: center;
color: #fff;
text-transform: uppercase;
}
.menu-mobile {
list-style: none;
padding: 0;
}
.menu-mobile ul {
list-style: none;
padding: 0;
}
.menu-mobile .drop {
position: relative;
}
.menu-mobile .drop > a {
line-height: 20px;
padding: 15px;
color: #ccc;
box-shadow: 0 1px 0 0 #4d4d4d;
border-bottom: 1px solid #292929;
position: relative;
z-index: 1;
display: block;
}
.menu-mobile .drop > .fa {
cursor: pointer;
position: absolute;
width: 40px;
height: 50px;
right: 0;
z-index: 10;
-webkit-tap-highlight-color: none;
text-align: center;
line-height: 50px;
color: #ccc;
}
.menu-mobile .drop > ul {
display: none;
background: rgba(0, 0, 0, 0.1);
}
.menu-mobile .drop.active > .fa:before {
content: "\f078";
}
.menu-mobile .menu-header {
background: rgba(255, 255, 255, 0.04);
display: block;
text-shadow: none;
color: #8B8B8B;
font-size: 12px;
text-transform: uppercase;
font-family: 'Oswald';
font-weight: 500 !important;
border-bottom: 2px solid #1B1B1B;
box-shadow: 0 -1px 0 #1a1a1a, 0 1px 0 0 #474747;
padding: 0 15px !important;
line-height: 35px;
margin: 0 !important;
}
.menu-mobile .sub-menu {
box-shadow: 0 1px 0 0 #4d4d4d;
border-bottom: 1px solid #292929;
padding: 15px;
}
.menu-mobile .sub-menu > li > a {
display: block;
line-height: 28px;
color: #eee;
}
.menu-mobile .sub-menu > li > a .fa {
margin-right: 5px;
}
.menu-mobile .mega-col {
color: #eee;
box-shadow: 0 1px 0 0 #434343;
border-bottom: 1px solid #151313;
padding: 15px;
}
.menu-mobile .mega-col .service-thumb .service-wrap:before {
display: none;
}
/*------------------------------------------------------------------
3. Slideshow
-------------------------------------------------------------------*/
/*-- 3.1 Slideshow ---*/
.jvresslide {
width: 100%;
position: relative;
}
.jvresslide .resbon {
width: 100%;
}
.jvresslide > .items {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
}
.jvresslide > .items > li {
left: 0;
list-style: none;
position: absolute;
width: 100%;
opacity: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100%;
z-index: 0;
}
.jvresslide > .items > li .descriptions {
margin-top: 260px;
color: #ffffff;
font-weight: 100;
}
.jvresslide > .items > li .descriptions h2 {
font-size: 48px;
}
@media (max-height: 880px) {
.jvresslide > .items > li .descriptions h2 {
font-size: 40px;
}
}
@media (max-height: 760px) {
.jvresslide > .items > li .descriptions h2 {
font-size: 34px;
}
}
@media (max-height: 630px) {
.jvresslide > .items > li .descriptions h2 {
font-size: 24px;
}
}
@media (max-height: 360px) {
.jvresslide > .items > li .descriptions h2 {
font-size: 18px;
}
}
.jvresslide > .items > li .descriptions p {
font-size: 16px;
}
.jvresslide > .items > li .descriptions p.subTitle {
font-size: 28px;
font-weight: 100;
margin-bottom: 20px;
}
@media (max-height: 760px) {
.jvresslide > .items > li .descriptions p.subTitle {
font-size: 22px;
}
}
@media (max-height: 630px) {
.jvresslide > .items > li .descriptions p.subTitle {
font-size: 18px;
margin-bottom: 10px;
}
}
@media (max-height: 630px) {
.jvresslide > .items > li .descriptions p {
font-size: 14px;
}
}
.jvresslide > .items > li .descriptions .image {
display: inline-block;
position: relative;
}
.jvresslide > .items > li .descriptions .image img {
position: relative;
z-index: 0;
}
.jvresslide > .items > li .descriptions .badget {
position: absolute;
z-index: 2;
width: 134px;
height: 134px;
border-radius: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, 0.7);
padding-top: 26px;
-webkit-opacity: 0.95;
-moz-opacity: 0.95;
opacity: 0.95;
}
.jvresslide > .items > li .descriptions .badget .price {
font-size: 38px;
line-height: 42px;
display: block;
}
.jvresslide > .items > li .descriptions .badget.text-left {
padding-left: 25px;
}
.jvresslide > .items > li .descriptions .badget.badget-primary {
background-color: #FF7354;
}
.jvresslide > .items > li .descriptions .badget.animation {
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
opacity: 0 !important;
}
@media (max-height: 760px) {
.jvresslide > .items > li .descriptions .badget {
padding-top: 16px;
width: 104px;
height: 104px;
font-size: 12px;
}
}
@media (max-height: 530px) {
.jvresslide > .items > li .descriptions .badget {
padding-top: 10px;
width: 80px;
height: 80px;
font-size: 9px;
}
}
@media (max-height: 450px) {
.jvresslide > .items > li .descriptions .badget {
display: none;
}
}
.jvresslide > .items > li .descriptions ul {
list-style: none;
font-size: 18px;
line-height: 28px;
}
@media (max-height: 630px) {
.jvresslide > .items > li .descriptions ul {
font-size: 14px;
}
}
.jvresslide > .items > li .descriptions span {
display: inline-block;
}
@media (max-width: 991px) {
.jvresslide > .items > li .descriptions {
margin-top: 200px;
}
}
@media (max-height: 630px) {
.jvresslide > .items > li .descriptions {
margin-top: 160px;
}
}
@media (max-height: 530px) {
.jvresslide > .items > li .descriptions {
margin-top: 120px;
}
}
@media (max-height: 450px) {
.jvresslide > .items > li .descriptions {
margin-top: 80px;
}
}
@media (max-height: 360px) {
.jvresslide > .items > li .descriptions {
margin-top: 60px;
}
}
.jvresslide > .items > li.active {
z-index: 1;
}
.jvresslide > .items > li.active .descriptions .badget.animation.badget-default {
-webkit-opacity: 0.95 !important;
-moz-opacity: 0.95 !important;
opacity: 0.95 !important;
}
.jvresslide > .items > li.active .descriptions .badget.animation.badget-primary {
-webkit-opacity: 0.9 !important;
-moz-opacity: 0.9 !important;
opacity: 0.9 !important;
}
.jvresslide > .items > li.slide1 .descriptions .image {
margin: 75px 0 25px;
}
@media (max-height: 880px) {
.jvresslide > .items > li.slide1 .descriptions .image {
margin: 20px 0 25px;
max-width: 350px;
}
}
@media (max-height: 760px) {
.jvresslide > .items > li.slide1 .descriptions .image {
margin: 0 0 15px;
max-width: 250px;
}
}
@media (max-height: 630px) {
.jvresslide > .items > li.slide1 .descriptions .image {
margin: 0 0 10px;
max-width: 200px;
}
}
@media (max-height: 450px) {
.jvresslide > .items > li.slide1 .descriptions .image {
max-width: 140px;
}
}
@media (max-height: 360px) {
.jvresslide > .items > li.slide1 .descriptions .image {
max-width: 120px;
}
}
.jvresslide > .items > li.slide1 .descriptions .btn {
font-weight: 100;
text-transform: uppercase;
padding-left: 35px;
padding-right: 35px;
font-size: 16px;
}
@media (max-height: 630px) {
.jvresslide > .items > li.slide1 .descriptions .btn {
font-size: 14px;
padding: 7px 15px;
}
}
@media (max-height: 450px) {
.jvresslide > .items > li.slide1 .descriptions .btn {
display: none;
}
}
@media (max-width: 991px) {
.jvresslide > .items > li.slide2 .image,
.jvresslide > .items > li.slide3 .image {
display: none;
}
}
.jvresslide > .items > li.slide2 .descriptions .image,
.jvresslide > .items > li.slide3 .descriptions .image {
margin: 40px 0 0;
}
.jvresslide .next,
.jvresslide .prev {
display: none;
position: absolute;
z-index: 100;
left: 10px;
text-indent: -9999px;
outline: none;
background-image: url(../images/sl-arrow.png);
width: 53px;
height: 183px;
-webkit-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
top: 50%;
margin-top: -92px;
}
.jvresslide .next:hover,
.jvresslide .prev:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.jvresslide .next {
background-position: right center;
left: auto;
right: 10px;
}
.jvresslide:hover .next,
.jvresslide:hover .prev {
display: block;
}
.jvresslide .nav {
text-align: center;
margin: 0;
position: absolute;
right: 10px;
z-index: 100;
left: 10px;
bottom: 23px;
}
.jvresslide .nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.jvresslide .nav ul li {
display: inline-block;
position: relative;
margin: 0 5px;
}
.jvresslide .nav ul li span {
display: none;
}
.jvresslide .nav ul li > a {
background-image: none;
display: block;
width: 12px;
height: 12px;
background-color: #ffffff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.jvresslide .nav ul li.active > a {
width: 45px;
background-color: #FF7354;
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.19);
-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.19);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.19);
}
.jvresslide .btn-outline {
background-color: rgba(0, 0, 0, 0.22);
border-color: rgba(255, 255, 255, 0.6);
color: #ffffff;
}
.jvresslide .button {
margin-top: 60px;
}
@media (max-height: 630px) {
.jvresslide .button {
margin-top: 20px;
}
}
.jvresslide .btn-icon {
padding: 9px 25px 9px 65px;
font-size: 16px;
font-weight: 100;
text-transform: uppercase;
margin-right: 10px;
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.jvresslide .btn-icon .fa {
height: 40px;
width: 55px;
line-height: 40px;
margin-left: -5px;
}
.jvresslide .btn-icon .fa:after {
border-top-width: 40px;
border-right-width: 10px;
width: 20px;
margin-right: -5px;
}
@media (max-height: 450px) {
.jvresslide .btn-icon {
display: none;
}
}
.animation {
-webkit-transition: all 0.9s ease-out 0.1s;
-o-transition: all 0.9s ease-out 0.1s;
transition: all 0.9s ease-out 0.1s;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.animation.left {
-webkit-transform: translate(-300px, 0);
-ms-transform: translate(-300px, 0);
-o-transform: translate(-300px, 0);
transform: translate(-300px, 0);
}
.animation.right {
-webkit-transform: translate(300px, 0);
-ms-transform: translate(300px, 0);
-o-transform: translate(300px, 0);
transform: translate(300px, 0);
}
.animation.top {
-webkit-transform: translate(0, -300px);
-ms-transform: translate(0, -300px);
-o-transform: translate(0, -300px);
transform: translate(0, -300px);
}
.animation.bottom {
-webkit-transform: translate(0, 300px);
-ms-transform: translate(0, 300px);
-o-transform: translate(0, 300px);
transform: translate(0, 300px);
}
.animation.topleft {
-webkit-transform: translate(-150px, -150px);
-ms-transform: translate(-150px, -150px);
-o-transform: translate(-150px, -150px);
transform: translate(-150px, -150px);
}
.animation.topright {
-webkit-transform: translate(150px, -150px);
-ms-transform: translate(150px, -150px);
-o-transform: translate(150px, -150px);
transform: translate(150px, -150px);
}
.animation.bottomleft {
-webkit-transform: translate(-150px, 150px);
-ms-transform: translate(-150px, 150px);
-o-transform: translate(-150px, 150px);
transform: translate(-150px, 150px);
}
.animation.bottomright {
-webkit-transform: translate(150px, 150px);
-ms-transform: translate(150px, 150px);
-o-transform: translate(150px, 150px);
transform: translate(150px, 150px);
}
.animation.delay-1 {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.animation.delay-2 {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.animation.delay-3 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.animation.delay-4 {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.animation.delay-5 {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.animation.delay-6 {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.animation.delay-7 {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.animation.delay-8 {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.animation.delay-9 {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.animation.delay-10 {
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.active .animation {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
/*-- 3.2 Video banner ---*/
.video-banner {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.video-banner .video-content {
padding-bottom: 80px;
padding-top: 60px;
color: #ffffff;
}
.video-banner .video-content .video-title {
margin-bottom: 70px;
font-size: 100px;
font-weight: 100;
}
.video-banner .video-content .video-subtitle {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.video-banner .video-content .video-title {
font-size: 65px;
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.video-banner .video-content .video-title {
font-size: 55px;
}
.video-banner [class*="YTP"] {
display: none !important;
}
}
.btn-pd {
margin: 0 5px;
padding-left: 38px;
padding-right: 38px;
}
.YTPOverlay {
background-color: #263646;
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
.video-fullscreen .container {
height: 100%;
display: table;
vertical-align: middle;
min-height: 100%;
}
.video-fullscreen .container .video-content {
padding-top: 0;
display: table-cell;
vertical-align: middle;
}
/*------------------------------------------------------------------
4. Breadcrumb
-------------------------------------------------------------------*/
.blk-area-cliente-breadcrumb {
margin-top: -88px;
line-height: 40px;
margin-bottom: 45px;
position: relative;
}
.blk-area-cliente-breadcrumb .breadcrumb {
background: none;
margin-bottom: 0;
padding: 0;
color: #d3d3d3;
}
.blk-area-cliente-breadcrumb .breadcrumb > .active {
color: #ffffff;
margin: 0 5px;
}
.blk-area-cliente-breadcrumb .breadcrumb > .active + li:before {
display: none;
}
@media (max-width: 767px) {
.blk-breadcrumb .breadcrumb > .active {
margin-left: 0;
}
}
.blk-area-cliente-breadcrumb .breadcrumb a {
color: #ffffff;
}
@media (max-width: 767px) {
.blk-area-cliente-breadcrumb .breadcrumb {
float: none!important;
margin: 0; /* margin: 10px 0; */
}
}
@media (max-width: 560px) {
.blk-area-cliente-breadcrumb .breadcrumb {
margin-top: 10px;
font-size: 12px;
font-weight: 100;
}
}
.blk-area-cliente-breadcrumb h1 {
margin: 0;
color: #ffffff;
text-transform: uppercase;
font-size: 32px;
}
@media (max-width: 767px) {
.blk-area-cliente-breadcrumb h1 {
font-size: 28px;
}
}
@media (max-width: 400px) {
.blk-area-cliente-breadcrumb h1 {
font-size: 22px;
}
}
@media (max-width: 767px) {
.blk-breadcrumb .heading-page {
float: none !important;
clear: both;
}
}
@media (max-width: 767px) {
.blk-area-cliente-breadcrumb {
line-height: inherit;
margin-bottom: 14px; /* */
}
}
@media (max-width: 480px) {
.blk-area-cliente-breadcrumb {
margin-top: -76px;
}
}
.blk-breadcrumb {
margin-top: -85px;
line-height: 40px;
margin-bottom: 45px;
position: relative;
}
.blk-breadcrumb .breadcrumb {
background: none;
margin-bottom: 0;
padding: 0;
color: #d3d3d3;
}
.blk-breadcrumb .breadcrumb > .active {
color: #ffffff;
margin: 0 5px;
}
.blk-breadcrumb .breadcrumb > .active + li:before {
display: none;
}
@media (max-width: 767px) {
.blk-breadcrumb .breadcrumb > .active {
margin-left: 0;
}
}
.blk-breadcrumb .breadcrumb a {
color: #ffffff;
}
@media (max-width: 767px) {
.blk-breadcrumb .breadcrumb {
float: none!important;
margin: 10px 0;
}
}
@media (max-width: 560px) {
.blk-breadcrumb .breadcrumb {
margin-top: 10px;
font-size: 12px;
font-weight: 100;
}
}
.blk-breadcrumb h1 {
margin: 0;
color: #ffffff;
text-transform: uppercase;
font-size: 32px;
}
@media (max-width: 767px) {
.blk-breadcrumb h1 {
font-size: 28px;
}
}
@media (max-width: 400px) {
.blk-breadcrumb h1 {
font-size: 22px;
}
}
@media (max-width: 767px) {
.blk-breadcrumb .heading-page {
float: none !important;
clear: both;
}
}
@media (max-width: 767px) {
.blk-breadcrumb {
line-height: inherit;
margin-bottom: 16px;
}
}
@media (max-width: 480px) {
.blk-breadcrumb {
margin-top: -76px;
}
}
/*------------------------------------------------------------------
5. Component
-------------------------------------------------------------------*/
.blk-content {
padding: 75px 0;
}
/*------------------------------------------------------------------
5. Component whmcs
-------------------------------------------------------------------*/
.blk-content-whmcs {
padding: 15px 0;
}
@media (max-width: 767px) {
.blk-content {
padding: 60px 0;
}
}
@media (max-width: 560px) {
.blk-content {
padding: 55px 0;
}
}
.blk-banner {
padding: 60px 0;
color: #ffffff;
}
header + .blk-banner {
padding-top: 250px;
}
@media (max-width: 1399px) {
header + .blk-banner {
padding-top: 200px;
}
}
@media (max-width: 991px) {
header + .blk-banner {
padding-top: 170px;
min-height: 230px;
}
}
@media (max-width: 767px) {
header + .blk-banner {
padding-top: 140px;
min-height: 200px;
}
}
.blk-banner h1 {
margin-bottom: 45px;
font-size: 40px;
}
@media (max-width: 767px) {
.blk-banner h1 {
font-size: 30px;
}
}
.slideshow .blk-banner {
background-size: cover;
background-position: center;
}
@media (max-width: 991px) {
.blk-banner {
background-size: cover !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.blk-banner .col-sm-3 {
width: 50%;
}
.blk-banner .col-sm-3:nth-child(2n+1) {
clear: both;
}
}
@media (max-width: 767px) {
.blk-banner {
background-attachment: fixed !important;
background-position: top center !important;
background-size: cover !important;
}
}
.blk-parallax {
color: #ffffff;
padding: 80px 0;
}
.blk-parallax .head {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.blk-parallax {
background-attachment: fixed !important;
background-position: top center !important;
background-size: cover !important;
}
}
.blk-slideshow .container {
padding-top: 190px;
}
@media (max-width: 991px) {
.blk-slideshow .container {
padding-top: 120px;
}
}
@media (max-width: 767px) {
.blk-slideshow .container {
padding-top: 80px;
}
}
.blk-grey {
background-color: #f8f8f8;
}
.blk-grey-bold {
background-color: #eaeaea;
}
.blk-base-f5h-bold {
background-color: #000000;
}
.blk-base-hide-f5h-bold {
background-color: #000000;
}
.blk-bordered {
border: 1px solid #ebebeb;
border-width: 1px 0 1px 0;
}
.blk-title {
margin-bottom: 30px;
}
.blk-subtitle {
margin-bottom: 40px;
font-size: 16px;
font-family: inherit;
}
.blk-subtitle2 {
margin-bottom: 30px;
font-size: 18px;
font-family: inherit;
}
.blk-subtitle3 {
margin-bottom: 30px;
font-size: 24px;
font-family: inherit;
}
.blk-space {
margin: 60px 0;
position: relative;
}
.blk-space.space-bordered {
border-top: 1px solid #eee;
}
.blk-space.space-icon:before {
font-family: "FontAwesome";
position: absolute;
content: "\f078";
left: 50%;
margin-left: -26px;
width: 52px;
height: 35px;
background-color: #ffffff;
text-align: center;
line-height: 35px;
bottom: -16px;
font-size: 18px;
color: #ddd;
}
.blk-space.space-mini {
margin-top: 30px;
}
.blk-item {
margin-bottom: 40px;
}
.container-middle {
margin-top: 80px;
margin-bottom: 80px;
}
blockquote {
font-size: inherit;
font-family: Georgia, Times, serif;
line-height: inherit;
background-color: #f8f8f8;
}
blockquote.quote-primary {
border-color: #FF7354;
}
blockquote.quote-info {
border-color: #269abc;
}
blockquote.quote-success {
border-color: #4cae4c;
}
blockquote.quote-warning {
border-color: #eea236;
}
blockquote.quote-danger {
border-color: #d43f3a;
}
blockquote.quote-icon {
position: relative;
padding-top: 25px;
}
blockquote.quote-icon p {
text-indent: 30px;
}
blockquote.quote-icon .fa {
position: absolute;
top: 15px;
left: 15px;
}
blockquote.quote-unstyled {
padding: 0;
border: none;
background-color: transparent;
}
[class*="-lhost"] {
line-height: 33px;
list-style: none;
margin: 0;
padding: 0;
}
[class*="-lhost"] li {
position: relative;
}
[class*="-lhost"] li:before {
content: "";
position: absolute;
left: 0;
display: inline-block;
}
[class*="-lhost"].icon-lhost li .fa {
top: 14px;
margin-right: 10px;
color: #FF7354;
}
[class*="-lhost"].square-lhost li {
padding-left: 15px;
}
[class*="-lhost"].square-lhost li:before {
width: 6px;
height: 6px;
top: 14px;
background: #FF7354;
}
[class*="-lhost"].round-lhost li {
padding-left: 15px;
}
[class*="-lhost"].round-lhost li:before {
width: 6px;
height: 6px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
top: 14px;
background: #FF7354;
}
.accordion .panel {
border-radius: 0;
border: none;
box-shadow: none;
}
.accordion .panel .panel-heading {
border-radius: 0;
background-color: transparent !important;
border: none;
padding: 0;
}
.accordion .panel .panel-heading a {
display: block;
padding: 12px 25px 12px 15px;
position: relative;
color: #ffffff;
}
.accordion .panel .panel-heading a:hover {
color: #ffffff;
}
.accordion .panel .panel-heading a:before {
font-family: "FontAwesome";
content: "\f107";
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
}
.accordion .panel .panel-heading a.collapsed {
background-color: #f0f0f0 !important;
color: #555;
}
.accordion .panel .panel-heading a.collapsed:before {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.accordion .panel .panel-heading a i {
float: left;
margin-right: 10px;
}
.accordion .panel .panel-collapse .panel-body {
border: 1px solid #eee;
border-top: none !important;
}
.accordion .panel-primary > .panel-heading a,
.accordion .accordion-default .panel.panel-primary .panel-heading a i {
background-color: #FF7354;
}
.accordion .panel-success > .panel-heading a,
.accordion .accordion-default .panel.panel-success .panel-heading a i {
background-color: #4cae4c;
}
.accordion .panel-info > .panel-heading a,
.accordion .accordion-default .panel.panel-info .panel-heading a i {
background-color: #269abc;
}
.accordion .panel-warning > .panel-heading a,
.accordion .accordion-default .panel.panel-warning .panel-heading a i {
background-color: #eea236;
}
.accordion .panel-danger > .panel-heading a,
.accordion .accordion-default .panel.panel-danger .panel-heading a i {
background-color: #d43f3a;
}
.accordion.accordion-faq-number .panel .panel-heading .panel-title {
font-size: 14px;
}
.accordion.accordion-faq-number .panel .panel-heading a {
background-color: transparent !important;
padding-left: 45px;
padding-right: 13px;
color: #687e93;
padding-top: 10px;
padding-bottom: 10px;
}
.accordion.accordion-faq-number .panel .panel-heading a:before {
left: 0;
top: 4px;
right: auto;
content: attr(data-number);
font-size: 14px;
width: 30px;
height: 30px;
color: #fff;
background-color: #687e93;
font-weight: 700;
text-align: center;
line-height: 30px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.accordion.accordion-faq-number .panel .panel-heading a:after {
content: "";
display: block;
width: 20px;
height: 1px;
background-color: #ddd;
position: absolute;
top: 33px;
left: 30px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion.accordion-faq-number .panel .panel-heading a.collapsed:after {
width: 0;
}
.accordion.accordion-faq-number .panel .panel-collapse {
padding-left: 44px;
padding-top: 1px;
}
.accordion.accordion-faq-number .panel .panel-collapse .panel-body {
border-color: transparent;
margin-bottom: 10px;
margin-top: 11px;
position: relative;
padding-top: 5px;
padding-bottom: 10px;
}
.accordion.accordion-faq-number .panel .panel-collapse .panel-body:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -2px;
width: 1px;
height: 0;
background-color: #ddd;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion.accordion-faq-number .panel .panel-collapse .panel-body:first-letter {
font-size: 1.5em;
}
.accordion.accordion-faq-number .panel .panel-collapse.in .panel-body:before {
height: 100%;
}
.accordion.accordion-faq-number .panel.panel-primary .panel-heading a.collapsed {
color: #FF7354;
}
.accordion.accordion-faq-number .panel.panel-success .panel-heading a.collapsed {
color: #4cae4c;
}
.accordion.accordion-faq-number .panel.panel-info .panel-heading a.collapsed {
color: #269abc;
}
.accordion.accordion-faq-number .panel.panel-warning .panel-heading a.collapsed {
color: #eea236;
}
.accordion.accordion-faq-number .panel.panel-danger .panel-heading a.collapsed {
color: #d43f3a;
}
.accordion.accordion-faq-number .panel.panel-primary .panel-heading a.collapsed:before {
background-color: #FF7354;
}
.accordion.accordion-faq-number .panel.panel-success .panel-heading a.collapsed:before {
background-color: #4cae4c;
}
.accordion.accordion-faq-number .panel.panel-info .panel-heading a.collapsed:before {
background-color: #269abc;
}
.accordion.accordion-faq-number .panel.panel-warning .panel-heading a.collapsed:before {
background-color: #eea236;
}
.accordion.accordion-faq-number .panel.panel-danger .panel-heading a.collapsed:before {
background-color: #d43f3a;
}
.accordion.accordion-unstyled .panel .panel-heading a {
background-color: transparent !important;
color: #555;
padding-left: 30px;
padding-right: 13px;
}
.accordion.accordion-unstyled .panel .panel-heading a:before {
right: auto;
left: 10px;
}
.accordion.accordion-unstyled .panel .panel-heading a.collapsed {
color: #555 !important;
}
.accordion.accordion-unstyled .panel .panel-body {
border: none !important;
}
.accordion.accordion-unstyled .panel.panel-primary .panel-heading a {
color: #FF7354;
}
.accordion.accordion-unstyled .panel.panel-success .panel-heading a {
color: #4cae4c;
}
.accordion.accordion-unstyled .panel.panel-info .panel-heading a {
color: #269abc;
}
.accordion.accordion-unstyled .panel.panel-warning .panel-heading a {
color: #eea236;
}
.accordion.accordion-unstyled .panel.panel-danger .panel-heading a {
color: #d43f3a;
}
.accordion.accordion-default .panel {
border: 1px solid #dcdcdc;
}
.accordion.accordion-default .panel .panel-heading a {
background-color: transparent !important;
padding-left: 46px;
}
.accordion.accordion-default .panel .panel-heading a.collapsed {
background-color: transparent !important;
padding-left: 46px;
color: #555 !important;
}
.accordion.accordion-default .panel .panel-heading a.collapsed i {
background-color: #d3d3d3 !important;
}
.accordion.accordion-default .panel .panel-heading a i {
position: absolute;
display: block;
left: 10px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
line-height: 20px;
background-color: #d3d3d3;
z-index: 0;
}
.accordion.accordion-default .panel .panel-heading a:before {
left: 14px;
top: 21px;
right: auto;
width: 11px;
height: 1px;
background-color: #fff;
content: "";
z-index: 1;
}
.accordion.accordion-default .panel .panel-heading a:after {
position: absolute;
left: 14px;
top: 21px;
right: auto;
width: 11px;
height: 1px;
background-color: #fff;
content: "";
z-index: 1;
}
.accordion.accordion-default .panel .panel-body {
border: none;
padding-left: 46px;
padding-bottom: 22px;
}
.accordion.accordion-default .panel.panel-primary .panel-heading a {
color: #FF7354;
}
.accordion.accordion-default .panel.panel-success .panel-heading a {
color: #4cae4c;
}
.accordion.accordion-default .panel.panel-info .panel-heading a {
color: #269abc;
}
.accordion.accordion-default .panel.panel-warning .panel-heading a {
color: #eea236;
}
.accordion.accordion-default .panel.panel-danger .panel-heading a {
color: #4cae4c;
}
.accordion.accordion-default .panel.panel-primary .panel-heading a i {
background-color: #FF7354;
}
.accordion.accordion-default .panel.panel-success .panel-heading a i {
background-color: #4cae4c;
}
.accordion.accordion-default .panel.panel-info .panel-heading a i {
background-color: #269abc;
}
.accordion.accordion-default .panel.panel-warning .panel-heading a i {
background-color: #eea236;
}
.accordion.accordion-default .panel.panel-danger .panel-heading a i {
background-color: #4cae4c;
}
.accordion.accordion-default.accordion-faq .panel .panel-heading a i {
text-align: center;
font-size: 22px;
background-color: transparent !important;
}
.accordion.accordion-default.accordion-faq .panel .panel-heading a.collapsed i {
color: #d3d3d3;
}
.accordion.accordion-default.accordion-faq .panel .panel-heading a:before,
.accordion.accordion-default.accordion-faq .panel .panel-heading a:after {
display: none;
}
.service {
text-align: center;
}
.service .ico.fa-5x {
font-size: 5.1em;
}
.service .text h3 {
padding: 12px 0;
font-weight: 300;
}
.service .text div {
color: #888;
}
.service.service-primary .ico {
color: #FF7354;
}
.service.service-success .ico {
color: #4cae4c;
}
.service.service-info .ico {
color: #269abc;
}
.service.service-warning .ico {
color: #eea236;
}
.service.service-danger .ico {
color: #d43f3a;
}
.service.service-2 {
text-align: left;
}
.service.service-2 h3 {
padding-top: 0;
line-height: 1;
margin: 0;
}
.service.service-2 .ico {
float: left;
font-size: 1.7em;
width: auto !important;
height: auto !important;
}
.service.service-2 .ico.fa-3x {
font-size: 3em;
}
.service.service-2 .ico.fa-3x + .text {
padding-left: 50px;
}
.service.service-2 .ico.fa-3x + .text h3 {
padding-top: 6px;
}
.service.service-2 .ico.fa-4x {
font-size: 4em;
}
.service.service-2 .ico.fa-4x + .text {
padding-left: 65px;
}
.service.service-2 .ico.fa-4x + .text h3 {
padding-top: 14px;
}
.service.service-2 .ico.fa-5x {
font-size: 5em;
}
.service.service-2 .ico.fa-5x + .text {
padding-left: 75px;
}
.service.service-2 .ico.fa-5x + .text h3 {
padding-top: 0;
}
.service.service-2 .text {
padding-left: 35px;
}
.service.background .ico {
color: #ffffff !important;
border-radius: 100%;
min-width: 34px;
min-height: 40px;
line-height: 40px;
display: inline-block;
}
.service.background .ico.fa-2x {
width: 60px;
height: 60px;
line-height: 60px;
}
.service.background .ico.fa-2x.img {
line-height: 50px;
}
.service.background .ico.fa-3x {
width: 80px;
height: 80px;
line-height: 80px;
}
.service.background .ico.fa-3x.img {
line-height: 65px;
}
.service.background .ico.fa-4x {
width: 100px;
height: 100px;
line-height: 100px;
}
.service.background .ico.fa-4x.img {
line-height: 90px;
}
.service.background .ico.fa-5x {
width: 130px;
height: 130px;
line-height: 130px;
}
.service.background .ico.fa-5x.img {
line-height: 120px;
}
.service.background.square .ico {
border-radius: 0;
}
.service.background.service-primary .ico {
background: #FF7354;
}
.service.background.service-success .ico {
background: #4cae4c;
}
.service.background.service-info .ico {
background: #269abc;
}
.service.background.service-warning .ico {
background: #eea236;
}
.service.background.service-danger .ico {
background: #d43f3a;
}
.service.border .ico {
border-radius: 100%;
min-width: 40px;
min-height: 40px;
line-height: 34px;
display: inline-block;
border: 2px solid;
}
.service.border .ico.fa-2x {
width: 60px;
height: 60px;
line-height: 60px;
}
.service.border .ico.fa-2x.img {
line-height: 50px;
}
.service.border .ico.fa-3x {
width: 80px;
height: 80px;
line-height: 80px;
}
.service.border .ico.fa-3x.img {
line-height: 65px;
}
.service.border .ico.fa-4x {
width: 100px;
height: 100px;
line-height: 100px;
}
.service.border .ico.fa-4x.img {
line-height: 90px;
}
.service.border .ico.fa-5x {
width: 130px;
height: 130px;
line-height: 130px;
}
.service.border .ico.fa-5x.img {
line-height: 120px;
}
.reseller-feature .service {
margin-bottom: 20px;
}
.reseller-feature .service .img {
margin-right: 20px;
}
.reseller-feature .service .text h3 {
font-size: 18px;
font-family: inherit;
font-weight: 400;
}
.reseller-feature .service .text div {
color: #fff;
font-weight: 100;
}
.jvtabs .nav-tabs a {
color: #ffffff;
padding: 13px 20px;
font-size: 16px;
background-color: #FF7354;
border-color: #FF7354;
}
.jvtabs .nav-tabs a:hover,
.jvtabs .nav-tabs a:focus {
background-color: #169d82;
border-color: #169d82;
}
.jvtabs .nav-tabs + .tab-content {
padding: 20px;
border: 1px solid #dcdcdc;
border-width: 0 1px 1px;
}
.jvtabs .tab-content {
padding: 25px 0;
}
.jvtabs .nav-pills li a {
border: 1px solid #dcdcdc;
padding: 12px 20px;
font-size: 16px;
}
.jvtabs .nav-pills li.active a {
background-color: #FF7354;
border-color: #FF7354;
}
.jvtabs .nav-pills.host {
overflow: hidden;
background-color: #FF7354;
}
.jvtabs .nav-pills.host li {
margin-left: 0;
}
.jvtabs .nav-pills.host li:first-child {
margin-left: -10px;
}
.jvtabs .nav-pills.host li a {
font-weight: 100;
padding: 15px 35px;
border-radius: 0;
border: none;
color: #ffffff;
position: relative;
z-index: 0;
-webkit-transform: skewX(-25deg) skewY(0deg);
-ms-transform: skewX(-25deg) skewY(0deg);
-o-transform: skewX(-25deg) skewY(0deg);
transform: skewX(-25deg) skewY(0deg);
}
.jvtabs .nav-pills.host li a i {
margin-right: 5px;
}
.jvtabs .nav-pills.host li a > * {
display: inline-block;
-webkit-transform: skewX(25deg) skewY(0deg);
-ms-transform: skewX(25deg) skewY(0deg);
-o-transform: skewX(25deg) skewY(0deg);
transform: skewX(25deg) skewY(0deg);
}
.jvtabs .nav-pills.host li a:hover,
.jvtabs .nav-pills.host li a:focus {
background-color: rgba(255, 255, 255, 0.1);
}
.jvtabs .nav-pills.host li.active a {
z-index: 1;
background-color: #169d82;
}
.testimonials.classic .tmnItem {
margin-bottom: 40px;
position: relative;
}
.testimonials.classic .tmnItem .tmnAvatar {
width: 82px;
position: absolute;
float: left;
z-index: 0;
top: 0;
left: 0;
}
@media (max-width: 560px) {
.testimonials.classic .tmnItem .tmnAvatar {
width: 80px;
position: static;
margin: 20px 20px 10px 20px;
}
}
.testimonials.classic .tmnItem .tmnContent {
padding-left: 81px;
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner {
padding: 17px 20px 20px;
border: 1px solid #ddd;
-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);
-moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner:before {
content: "";
position: absolute;
top: 10px;
left: 64px;
border: 9px solid transparent;
border-color: transparent #fff transparent transparent;
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead {
margin-bottom: 25px;
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead h4 small {
font-weight: 300;
margin-left: 15px;
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead h4 a {
font-size: 75%;
color: #999;
font-weight: 300;
font-style: italic;
margin-left: 10px;
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead .tmnDate {
color: #999;
font-style: italic;
font-size: 0.928em;
position: absolute;
top: 17px;
right: 20px;
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead .tmnDate {
color: #999;
font-style: italic;
font-size: 0.928em;
position: absolute;
top: 17px;
right: 20px;
}
@media (max-width: 560px) {
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead {
margin-bottom: 10px;
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead .tmnDate {
position: static;
}
}
.testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnBody {
line-height: 1.57142;
color: #777;
}
@media (max-width: 560px) {
.testimonials.classic .tmnItem .tmnContent {
padding-left: 0;
}
}
.testimonials.classic.slide-1 .tmnItem {
margin: 5px;
}
.testimonials.classic.slide-1 .tmnItem .tmnAvatar {
width: 130px;
border-radius: 100%;
overflow: hidden;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent {
padding-left: 160px;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner {
position: relative;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner:before {
border-width: 0 21px 21px 0;
left: -21px;
top: 0;
z-index: 1;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner:after {
content: "";
position: absolute;
border-width: 0 23px 23px 0;
border-style: solid;
border-color: transparent #ddd transparent transparent;
left: -23px;
top: -1px;
z-index: 0;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead {
margin-bottom: 20px;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead .subname {
font-size: 0.928em;
color: #999;
margin-bottom: 10px;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead .link {
font-size: 0.928em;
color: #999;
margin-bottom: 0;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead .link i {
margin-right: 5px;
}
.testimonials.classic.slide-1 .owl-pagination {
margin-top: 40px;
text-align: center;
}
.testimonials.classic.slide-1 .owl-pagination > div {
display: inline-block;
width: 10px;
height: 10px;
border: 5px solid #34495e;
margin: 0 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.testimonials.classic.slide-1 .owl-pagination > div.active {
border-width: 2px;
width: 20px;
border-color: #FF7354;
}
.testimonials.slide-2 {
text-align: center;
}
.testimonials.slide-2 .tmnItem {
text-align: center;
}
.testimonials.slide-2 .tmnItem .tmnAvatar {
width: 144px;
height: 144px;
border-radius: 100%;
overflow: hidden;
display: inline-block;
}
@media (max-width: 767px) {
.testimonials.slide-2 .tmnItem .tmnAvatar {
width: 84px;
height: 84px;
}
}
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead {
margin-top: 25px;
}
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead h3 {
font-weight: 300;
text-transform: uppercase;
}
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead .subname {
opacity: 0.8;
}
@media (max-width: 767px) {
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead {
margin-top: 10px;
}
}
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnBody {
font-size: 1.14285em;
line-height: 1.5;
margin-bottom: 30px;
}
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnBody p {
font-size: 1.71428em;
display: block;
}
@media (max-width: 767px) {
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnBody p {
font-size: 16px;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnBody {
margin-bottom: 15px;
font-weight: 100;
}
}
.testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .link .fa {
margin-right: 6px;
}
.testimonials.slide-2 .owl-pagination {
margin-top: 40px;
text-align: center;
}
.testimonials.slide-2 .owl-pagination > div {
display: inline-block;
width: 10px;
height: 10px;
border: 5px solid #ffffff;
margin: 0 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.testimonials.slide-2 .owl-pagination > div.active {
border-width: 2px;
width: 20px;
border-color: #FF7354;
}
.blk-banner .testimonials.slide-2 .btn {
border-color: #ffffff;
padding-top: 8px;
padding-bottom: 8px;
color: #ffffff;
}
.jvCarousel {
display: none;
}
.jvCarousel .owl-buttons > div {
content: "";
display: inline-block;
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
text-align: center;
line-height: 40px;
font-size: 16px;
border-radius: 3px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jvCarousel .owl-buttons > div:hover {
opacity: 0.9;
}
.jvCarousel .owl-buttons > div.owl-prev {
left: 10px;
}
.jvCarousel .owl-buttons > div.owl-prev:before {
font-family: "FontAwesome";
content: "\f104";
}
.jvCarousel .owl-buttons > div.owl-next {
right: 10px;
}
.jvCarousel .owl-buttons > div.owl-next:before {
font-family: "FontAwesome";
content: "\f105";
}
.jvCarousel .owl-pagination {
padding: 15px 0;
}
.jvCarousel .owl-pagination > div {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
border: 5px solid #FF7354;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jvCarousel .owl-pagination > div:first-child {
margin-left: 0;
}
.jvCarousel .owl-pagination > div:last-child {
margin-right: 0;
}
.jvCarousel .owl-pagination > div.active {
border-width: 2px;
width: 20px;
}
.jvCarousel .owl-pagination + .owl-buttons > div {
margin-top: -54px;
}
.jvCarousel .jvCarouselCaption {
position: absolute;
left: 10px;
bottom: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
padding: 12px 10px;
margin-bottom: 0;
}
.jvCarousel .jvCarouselCaption:empty {
display: none;
}
.jvCarousel .jvCarouselItem {
position: relative;
}
.jvCarousel:hover .owl-buttons > div {
opacity: 0.6;
}
.pricing {
border: 1px solid #ddd;
text-align: center;
margin-bottom: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.pricing .pricingHead {
background-color: #ddd;
height: 110px;
margin-bottom: 60px;
}
.pricing .pricingHead .pricingValue {
width: 140px;
height: 140px;
line-height: 80px;
font-size: 60px;
position: absolute;
left: 50%;
margin-left: -70px;
top: 33px;
background-color: #ffffff;
border: 2px solid #ddd;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding-top: 25px;
}
.pricing .pricingHead .pricingValue small {
font-size: 15px;
display: block;
line-height: 16px;
}
.pricing .pricingBody {
padding: 30px 10px 20px;
}
.pricing .pricingBody h3 {
margin-bottom: 35px;
}
.pricing .btn {
margin-top: 25px;
margin-right: 0 !important;
}
.pricing.pricingFeature {
border: 1px solid #FF7354;
}
.pricing.pricingFeature .pricingHead {
background-color: #FF7354;
}
.pricing.pricingFeature .pricingHead .pricingValue {
background-color: #FF7354;
border-color: #ffffff;
color: #ffffff;
}
.pricing.pricingFeature.info {
border-color: #269abc;
}
.pricing.pricingFeature.info .pricingHead {
background-color: #269abc;
}
.pricing.pricingFeature.info .pricingHead .pricingValue {
background-color: #269abc;
}
.pricing.pricingFeature.success {
border-color: #4cae4c;
}
.pricing.pricingFeature.success .pricingHead {
background-color: #4cae4c;
}
.pricing.pricingFeature.success .pricingHead .pricingValue {
background-color: #4cae4c;
}
.pricing.pricingFeature.warning {
border-color: #eea236;
}
.pricing.pricingFeature.warning .pricingHead {
background-color: #eea236;
}
.pricing.pricingFeature.warning .pricingHead .pricingValue {
background-color: #eea236;
}
.pricing.pricingFeature.danger {
border-color: #d43f3a;
}
.pricing.pricingFeature.danger .pricingHead {
background-color: #d43f3a;
}
.pricing.pricingFeature.danger .pricingHead .pricingValue {
background-color: #d43f3a;
}
.jvpricing-item {
border: 1px solid #e2e2e2;
border-radius: 3px;
overflow: hidden;
position: relative;
/*Highlight Table*/
}
.jvpricing-item.item-highlight {
margin-top: -20px;
margin-bottom: -20px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border: none;
}
.jvpricing-item .jvpricing-head {
background-color: #FF7354;
color: #ffffff;
text-align: center;
padding: 30px 0 6px;
}
.reseller-pricing .jvpricing-item .jvpricing-head {
padding-bottom: 0;
}
.reseller-pricing .jvpricing-item .jvpricing-head .jvpricing-title {
font-family: inherit;
font-size: 30px;
}
.jvpricing-item .jvpricing-head .jvpricing-icon {
font-size: 50px;
}
.jvpricing-item .jvpricing-head .jvpricing-title {
margin: 15px 0;
}
.jvpricing-item .jvpricing-head .jvpricing-subtitle {
font-weight: 100;
}
.jvpricing-item .jvpricing-head .jvpricing-price-wrap {
background-color: #ffffff;
padding: 20px 0;
border-top: 1px solid #FF7354;
color: #6d6d6d;
margin-top: 25px;
}
.jvpricing-item .jvpricing-head .jvpricing-price-wrap .subprice {
display: block;
font-weight: 100;
padding-top: 8px;
}
.jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price-before {
font-size: 20px;
padding-right: 6px;
}
.jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price,
.jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price-after {
font-size: 24px;
color: #1C9ADC;
}
.jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price {
font-weight: 500;
}
.jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price-after {
font-size: 20px;
}
.reseller-pricing .jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price {
font-size: 36px;
}
.jvpricing-item .jvpricing-badge {
position: absolute;
background: #d43f3a;
color: #ffffff;
text-transform: uppercase;
padding: 6px 40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
left: -33px;
top: 23px;
}
.jvpricing-item .jvpricing-content {
padding: 5px 0;
}
.jvpricing-item .jvpricing-content .item {
padding: 10px 20px;
color: #3c3c3c;
}
.jvpricing-item .jvpricing-content .item:nth-child(2n) {
background-color: #f8fdfc;
}
.jvpricing-item .jvpricing-content .item i {
margin-right: 15px;
}
.jvpricing-item .jvpricing-bottom {
border-top: 1px solid #e3e3e3;
background-color: #f9f9f9;
padding: 20px 0;
text-align: center;
}
.blk-banner .jvpricing-item .jvpricing-bottom .btn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 10px 20px;
font-size: 16px;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.jvpricing-item.item-highlight .jvpricing-head {
padding-top: 50px !important;
}
.jvpricing-item.item-highlight .jvpricing-content {
padding-bottom: 20px !important;
}
.jvpricing-item.service {
position: relative;
border-width: 3px;
border-radius: 5px;
text-align: inherit;
}
.jvpricing-item.service:before,
.jvpricing-item.service:after,
.jvpricing-item.service .jvpricing-content:after {
content: "";
position: absolute;
top: 0;
right: 0;
border-style: solid;
border-color: transparent transparent transparent #000000; /* cor do mct efeito do mouse nas tableas com mascote cor #16a085 */
border-width: 65px 0 0 65px;
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
z-index: 1;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jvpricing-item.service:after {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-color: #ffffff transparent transparent transparent;
z-index: 2;
}
.jvpricing-item.service .jvpricing-head:before {
font-family: "FontAwesome";
content: "\f19a";
position: absolute;
top: 7px;
right: 7px;
font-size: 48px;
color: #ccc;
z-index: 3;
line-height: 1;
}
.jvpricing-item.service .jvpricing-head:after {
content: "";
position: absolute;
top: 7px;
right: 7px;
border-style: solid;
border-color: transparent transparent transparent #000000;
border-width: 51px 0 0 51px;
z-index: 4;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jvpricing-item.service.joomla .jvpricing-head:before {
content: "\f1aa";
}
.jvpricing-item.service .jvpricing-content:after {
border-color: rgba(0, 0, 0, 0.25);
z-index: 0;
top: 3px;
right: -4px;
}
.jvpricing-item.service.f5h-mct .jvpricing-head:before {
content: url('../images/hosting/f5h-mct.png');
}
.jvpricing-item.service.f5h-us .jvpricing-head:before {
content: url('../images/hosting/data-center-eua.png');
}
.jvpricing-item.service.f5h-de .jvpricing-head:before {
content: url('../images/hosting/alemanha.png');
}
.jvpricing-item.service.f5h-opcional .jvpricing-head:before {
content: url('../images/hosting/dc-opcional.png');
}
.jvpricing-item.service.f5h-fl .jvpricing-head:before {
content: url('../images/hosting/finland.png');
}
.jvpricing-item.service:hover::before,
.jvpricing-item.service:hover::after,
.jvpricing-item.service:hover .jvpricing-content:after {
border-width: 90px 0 0 90px;
}
.jvpricing-item.service:hover .jvpricing-head:after {
border-width: 76px 0 0 76px;
}
.blk-parallax .jvpricing-item {
border: none;
background-color: #ffffff;
}
.feature .jvpricing-item {
border-width: 3px;
}
.feature .jvpricing-item .jvpricing-head {
background-color: transparent;
color: #3c3c3c;
}
.feature .jvpricing-item .jvpricing-head .jvpricing-title {
font-size: 26px;
text-transform: uppercase;
font-family: inherit;
font-weight: 100;
line-height: 1.35;
color: #666;
}
.feature .jvpricing-item .jvpricing-head .jvpricing-icon img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #FF7354;
}
.feature .jvpricing-item .jvpricing-head .jvpricing-price-wrap {
border-top: none;
text-align: center;
line-height: normal;
}
.feature .jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price-before {
display: block;
margin-right: 0;
color: #3c3c3c;
font-size: 18px;
font-weight: 100;
text-transform: uppercase;
}
.feature .jvpricing-item .jvpricing-head .jvpricing-price-wrap .jvpricing-price {
font-size: 46px;
font-weight: bold;
}
.feature .jvpricing-item .jvpricing-bottom {
background-color: transparent;
border: none;
padding-top: 0;
padding-bottom: 30px;
}
.feature .jvpricing-item .jvpricing-bottom .btn {
font-weight: 100;
padding: 10px 20px;
border-radius: 3px;
font-size: 16px;
}
@media (max-width: 991px) {
.jvpricing-item {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.feature [class*="col-"] {
margin-bottom: 15px;
}
}
/*Table label feature*/
.jvpricing-feature {
margin-right: -30px;
border: 1px solid #e2e2e2;
border-right: none;
margin-top: 180px;
padding: 0 0 85px;
}
.jvpricing-feature .title {
font-size: 20px;
line-height: normal;
text-align: center;
height: 94px;
padding-top: 30px;
background-color: #f9f9f9;
border-bottom: 6px solid #FF7354;
}
.jvpricing-feature .item {
line-height: 36px;
padding: 0 20px;
color: #3c3c3c;
}
.jvpricing-feature .item:nth-child(2n) {
background-color: #f8fdfc;
}
.progress {
height: 28px;
overflow: visible;
background-color: #f1f1f1;
margin: 9px 0 23px;
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.progress .progress-bar {
height: 28px;
margin-top: 0;
background-color: #ddd;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.progress .progress-bar.width1 {
width: 1%;
}
.progress .progress-bar.width2 {
width: 2%;
}
.progress .progress-bar.width3 {
width: 3%;
}
.progress .progress-bar.width4 {
width: 4%;
}
.progress .progress-bar.width5 {
width: 5%;
}
.progress .progress-bar.width6 {
width: 6%;
}
.progress .progress-bar.width7 {
width: 7%;
}
.progress .progress-bar.width8 {
width: 8%;
}
.progress .progress-bar.width9 {
width: 9%;
}
.progress .progress-bar.width10 {
width: 10%;
}
.progress .progress-bar.width11 {
width: 11%;
}
.progress .progress-bar.width12 {
width: 12%;
}
.progress .progress-bar.width13 {
width: 13%;
}
.progress .progress-bar.width14 {
width: 14%;
}
.progress .progress-bar.width15 {
width: 15%;
}
.progress .progress-bar.width16 {
width: 16%;
}
.progress .progress-bar.width17 {
width: 17%;
}
.progress .progress-bar.width18 {
width: 18%;
}
.progress .progress-bar.width19 {
width: 19%;
}
.progress .progress-bar.width20 {
width: 20%;
}
.progress .progress-bar.width21 {
width: 21%;
}
.progress .progress-bar.width22 {
width: 22%;
}
.progress .progress-bar.width23 {
width: 23%;
}
.progress .progress-bar.width24 {
width: 24%;
}
.progress .progress-bar.width25 {
width: 25%;
}
.progress .progress-bar.width26 {
width: 26%;
}
.progress .progress-bar.width27 {
width: 27%;
}
.progress .progress-bar.width28 {
width: 28%;
}
.progress .progress-bar.width29 {
width: 29%;
}
.progress .progress-bar.width30 {
width: 30%;
}
.progress .progress-bar.width31 {
width: 31%;
}
.progress .progress-bar.width32 {
width: 32%;
}
.progress .progress-bar.width33 {
width: 33%;
}
.progress .progress-bar.width34 {
width: 34%;
}
.progress .progress-bar.width35 {
width: 35%;
}
.progress .progress-bar.width36 {
width: 36%;
}
.progress .progress-bar.width37 {
width: 37%;
}
.progress .progress-bar.width38 {
width: 38%;
}
.progress .progress-bar.width39 {
width: 39%;
}
.progress .progress-bar.width40 {
width: 40%;
}
.progress .progress-bar.width41 {
width: 41%;
}
.progress .progress-bar.width42 {
width: 42%;
}
.progress .progress-bar.width43 {
width: 43%;
}
.progress .progress-bar.width44 {
width: 44%;
}
.progress .progress-bar.width45 {
width: 45%;
}
.progress .progress-bar.width46 {
width: 46%;
}
.progress .progress-bar.width47 {
width: 47%;
}
.progress .progress-bar.width48 {
width: 48%;
}
.progress .progress-bar.width49 {
width: 49%;
}
.progress .progress-bar.width50 {
width: 50%;
}
.progress .progress-bar.width51 {
width: 51%;
}
.progress .progress-bar.width52 {
width: 52%;
}
.progress .progress-bar.width53 {
width: 53%;
}
.progress .progress-bar.width54 {
width: 54%;
}
.progress .progress-bar.width55 {
width: 55%;
}
.progress .progress-bar.width56 {
width: 56%;
}
.progress .progress-bar.width57 {
width: 57%;
}
.progress .progress-bar.width58 {
width: 58%;
}
.progress .progress-bar.width59 {
width: 59%;
}
.progress .progress-bar.width60 {
width: 60%;
}
.progress .progress-bar.width61 {
width: 61%;
}
.progress .progress-bar.width62 {
width: 62%;
}
.progress .progress-bar.width63 {
width: 63%;
}
.progress .progress-bar.width64 {
width: 64%;
}
.progress .progress-bar.width65 {
width: 65%;
}
.progress .progress-bar.width66 {
width: 66%;
}
.progress .progress-bar.width67 {
width: 67%;
}
.progress .progress-bar.width68 {
width: 68%;
}
.progress .progress-bar.width69 {
width: 69%;
}
.progress .progress-bar.width70 {
width: 70%;
}
.progress .progress-bar.width71 {
width: 71%;
}
.progress .progress-bar.width72 {
width: 72%;
}
.progress .progress-bar.width73 {
width: 73%;
}
.progress .progress-bar.width74 {
width: 74%;
}
.progress .progress-bar.width75 {
width: 75%;
}
.progress .progress-bar.width76 {
width: 76%;
}
.progress .progress-bar.width77 {
width: 77%;
}
.progress .progress-bar.width78 {
width: 78%;
}
.progress .progress-bar.width79 {
width: 79%;
}
.progress .progress-bar.width80 {
width: 80%;
}
.progress .progress-bar.width81 {
width: 81%;
}
.progress .progress-bar.width82 {
width: 82%;
}
.progress .progress-bar.width83 {
width: 83%;
}
.progress .progress-bar.width84 {
width: 84%;
}
.progress .progress-bar.width85 {
width: 85%;
}
.progress .progress-bar.width86 {
width: 86%;
}
.progress .progress-bar.width87 {
width: 87%;
}
.progress .progress-bar.width88 {
width: 88%;
}
.progress .progress-bar.width89 {
width: 89%;
}
.progress .progress-bar.width90 {
width: 90%;
}
.progress .progress-bar.width91 {
width: 91%;
}
.progress .progress-bar.width92 {
width: 92%;
}
.progress .progress-bar.width93 {
width: 93%;
}
.progress .progress-bar.width94 {
width: 94%;
}
.progress .progress-bar.width95 {
width: 95%;
}
.progress .progress-bar.width96 {
width: 96%;
}
.progress .progress-bar.width97 {
width: 97%;
}
.progress .progress-bar.width98 {
width: 98%;
}
.progress .progress-bar.width99 {
width: 99%;
}
.progress .progress-bar.width100 {
width: 100%;
}
.progressItem {
padding-bottom: 15px;
}
.progressItem h4 {
font-weight: 300;
margin-bottom: 15px;
}
.progressbar-black .progressItem .progress-bar,
.progressbar-inverse .progressItem .progress-bar {
background-color: #444;
}
.progressbar-primary .progressItem .progress-bar {
background-color: #FF7354;
}
.progressbar-success .progressItem .progress-bar {
background-color: #4cae4c;
}
.progressbar-info .progressItem .progress-bar {
background-color: #269abc;
}
.progressbar-warning .progressItem .progress-bar {
background-color: #eea236;
}
.progressbar-danger .progressItem .progress-bar {
background-color: #d43f3a;
}
.progressbar-white .progressItem .progress {
background-color: rgba(255, 255, 255, 0.2);
}
.progressbar-white .progressItem .progress-bar {
background-color: #ffffff;
}
.completed {
margin-bottom: 0;
margin-top: 0px;
font-size: 18px;
}
.customAnimation {
-webkit-animation-name: customAnimation;
}
@-webkit-keyframes customAnimation {
0% {
width: 0%;
}
}
@keyframes customAnimation {
0% {
width: 0%;
}
}
.piechartWrapper {
color: #34495e;
}
.piechartWrapper h2 {
font-weight: 300;
margin: 20px 0;
}
.divpiechart {
text-align: center;
position: relative;
}
.divpiechart .center {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
text-align: center;
}
.countingWapper {
text-align: center;
}
.countingWapper .counting {
font-size: 50px;
margin: 15px 0;
}
.countingWapper .countingIcon {
font-size: 90px;
line-height: 1.3;
}
.countingWapper .countingTitle {
font-size: 19px;
font-weight: 400;
}
.countingWapper.counting-primary {
color: #FF7354;
}
.countingWapper.counting-info {
color: #269abc;
}
.countingWapper.counting-success {
color: #4cae4c;
}
.countingWapper.counting-warning {
color: #eea236;
}
.countingWapper.counting-danger {
color: #d43f3a;
}
.countingWapper.counting-white {
color: #ffffff;
}
.countingWapper.counting-black {
color: #000000;
}
@media (max-width: 768px) {
.countingWapper {
margin-bottom: 50px;
}
[class*="col-"]:last-child > .countingWapper {
margin-bottom: 0;
}
}
.jvPartners {
width: auto;
}
.jvPartners .jvPartnersItem a {
display: block;
border: 1px solid #ddd;
text-align: center;
-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.07);
box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.07);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jvPartners .jvPartnersItem a:hover {
border-color: #FF7354;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.jvPartners.default .jvPartnersItem {
margin: 17px 0;
}
.jvPartners.owl-carousel {
width: auto;
}
.jvPartners.jvCarousel .owl-pagination {
padding-left: 15px;
padding-right: 15px;
}
.jvPartners.jvCarousel .owl-pagination + .owl-buttons > div {
margin-top: -45px;
}
.pagination-wrap:after {
content: "";
display: block;
clear: both;
}
.pagination-wrap .counter {
float: right;
background-color: transparent;
border-color: transparent;
font-style: italic;
padding-top: 2px;
padding-bottom: 2px;
}
@media (max-width: 560px) {
.pagination-wrap .counter {
display: none;
}
}
.pagination {
margin: 0;
float: left;
}
.pagination > li {
display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
padding: 2px 7px;
line-height: 18px;
border-radius: 18px!important;
margin-left: 0;
margin-right: 10px;
border-color: transparent;
color: inherit;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #FF7354;
border-color: #FF7354;
color: #ffffff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: transparent;
border-color: transparent;
font-weight: 700;
color: #FF7354;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
border-color: transparent;
color: #FF7354;
}
.jvAvatar {
position: relative;
margin-bottom: 20px;
min-height: 122px;
}
.jvAvatar.total-3,
.jvAvatar.total-4 {
min-height: 222px;
}
.jvAvatar.total-5,
.jvAvatar.total-6 {
min-height: 322px;
}
.jvAvatar.total-7 {
min-height: 422px;
}
.jvAvatar.total-8,
.jvAvatar.total-9,
.jvAvatar.total-10 {
min-height: 522px;
}
.jvAvatar .jvAvatarItem {
overflow: hidden;
width: 106px;
height: 122px;
cursor: default;
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
position: absolute;
}
.jvAvatar .jvAvatarItem .jvAvatarItemInner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.jvAvatar .jvAvatarItem .jvAvatarItemInner .jvAvatarItemImage {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg);
display: block;
content: "";
width: 100%;
height: 100%;
}
.jvAvatar .jvAvatarItem.color {
top: 0;
right: 0;
}
.jvAvatar .jvAvatarItem.item-1 {
top: 0;
right: 116px;
}
.jvAvatar .jvAvatarItem.item-2 {
top: 0;
right: 232px;
}
.jvAvatar .jvAvatarItem.item-3 {
top: 99px;
right: 58px;
}
.jvAvatar .jvAvatarItem.item-4 {
top: 99px;
right: 174px;
}
.jvAvatar .jvAvatarItem.item-5 {
top: 201px;
right: 232px;
}
.jvAvatar .jvAvatarItem.item-6 {
top: 201px;
right: 116px;
}
.jvAvatar .jvAvatarItem.item-7 {
top: 201px;
right: 0;
}
.jvAvatar .jvAvatarItem.item-8 {
top: 301px;
right: 174px;
}
.jvAvatar .jvAvatarItem.item-9 {
top: 404px;
right: 116px;
}
.jvAvatar .jvAvatarItem.item-10 {
top: 404px;
right: 0;
}
.jvAvatar .jvAvatarItem.color-2 {
top: 301px;
right: 58px;
opacity: 0.5;
}
.jvAvatar .jvAvatarItem.color-2 .jvAvatarItemImage {
background-color: #FF7354;
}
.jvAvatar .jvAvatarItem.color-3 {
top: 404px;
right: 232px;
}
.jvAvatar .jvAvatarItem.color-3 .jvAvatarItemImage {
background-color: #FF7354;
}
@media (max-width: 767px) {
.jvAvatar {
overflow: hidden;
width: 340px;
margin: 0 auto;
}
}
@media (max-width: 370px) {
.jvAvatar {
display: none;
}
}
.jvTeam .jvTeamName,
.jvTeam .jvTeamTitle {
color: #FF7354;
}
.jvTeam .jvTeamItem {
margin: 20px 0;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial {
max-width: 170px;
margin-right: 20px;
position: relative;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
text-align: center;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:before,
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: #FF7354;
z-index: 0;
opacity: 0;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:before {
top: 0;
left: 0;
border-width: 4px 0 0 2px;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:after {
bottom: 0;
right: 0;
border-width: 0 2px 4px 0;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a {
display: inline-block;
position: relative;
z-index: 1;
margin: 70px 4px 0;
width: 30px;
height: 30px;
border: 1px solid #666;
text-align: center;
line-height: 28px;
font-size: 18px;
opacity: 0;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-facebook {
color: #204385;
border-color: #204385;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-linkedin {
color: #0274b3;
border-color: #0274b3;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-twitter {
color: #2aa9e0;
border-color: #2aa9e0;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-google {
color: #d3492c;
border-color: #d3492c;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a:nth-child(2) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a:nth-child(3) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a:nth-child(4) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial {
background-color: rgba(255, 255, 255, 0.7);
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial:before,
.jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial:after {
width: 144px;
height: 144px;
opacity: 1;
}
.jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial a {
opacity: 1;
}
.jvTeam .jvTeamItem .jvTeamInfo .jvTeamPosition {
font-weight: 100;
color: #888;
font-size: 13px;
}
.jvTeam .jvTeamItem .jvTeamInfo .jvTeamDesc {
margin-bottom: 0;
line-height: 1.4285714;
}
.jvTeam.mini {
padding: 0 15px;
}
@media (max-width: 480px) {
.jvTeam.mini .jvTeamItem {
width: 33.333%;
}
}
.jvVideo.responsive {
position: relative;
width: 100%;
padding: 0 0 56% 0;
}
.jvVideo.responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
.boxPrice {
margin-top: 30px;
margin-bottom: 30px;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 3px;
padding: 20px;
float: left;
}
.boxPrice .boxPriceContent {
float: left;
display: inline-block;
margin-right: 40px;
text-transform: uppercase;
font-size: 18px;
font-weight: 100;
line-height: 20px;
}
.boxPrice .boxPriceContent .value {
font-size: 30px;
font-weight: 700;
}
.boxPrice .btn {
font-weight: 100;
text-transform: uppercase;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.boxPrice.boxPrice-2 {
float: none;
}
.boxPrice.boxPrice-2 .boxPriceContent {
float: right;
margin-right: 0;
font-size: 13px;
}
.boxPrice.boxPrice-2 .boxPriceContent .value {
font-weight: 400;
font-size: 30px;
}
.jv-videolink .video-list {
margin-bottom: 35px;
}
.jv-videolink .video-list .video-wrap {
position: relative;
border-bottom: 3px solid rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.jv-videolink .video-list .video-wrap > a:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 54px;
height: 54px;
margin-top: -27px;
margin-left: -27px;
border: 2px solid rgba(255, 255, 255, 0.64);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jv-videolink .video-list .video-wrap > a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
border-style: solid;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.86);
border-width: 9px 0 9px 16px;
margin-left: -5px;
margin-top: -9px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jv-videolink .video-list .video-wrap .caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #ffffff;
padding: 15px;
padding-right: 60px;
font-weight: 100;
background-color: #FF7354;
-webkit-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
-o-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jv-videolink .video-list .video-wrap .caption h4 {
margin: 0;
font-family: inherit;
}
.jv-videolink .video-list .video-wrap .caption a {
text-transform: uppercase;
font-weight: 100;
color: #ffffff;
font-size: 18px;
}
.jv-videolink .video-list .video-wrap .caption a:before {
content: "";
display: block;
width: 40px;
height: 40px;
background: transparent url(../images/icon-play-2.png) no-repeat center;
top: 15px;
right: 15px;
position: absolute;
}
@media (max-width: 767px) {
.jv-videolink .video-list .video-wrap .caption {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
background-color: rgba(26, 188, 156, 0.95);
padding: 10px 15px;
}
.jv-videolink .video-list .video-wrap .caption a {
font-size: 15px;
}
.jv-videolink .video-list .video-wrap .caption span,
.jv-videolink .video-list .video-wrap .caption a:before {
display: none;
}
}
@media (max-width: 550px) and (min-width: 480px) {
.jv-videolink .video-list .video-wrap .caption {
display: none;
}
}
.jv-videolink .video-list .video-wrap:hover > a:before,
.jv-videolink .video-list .video-wrap:hover > a:after {
opacity: 0;
}
.jv-videolink .video-list .video-wrap:hover .caption {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
@media (max-width: 767px) {
.jv-videolink .video-list .video-wrap a:before,
.jv-videolink .video-list .video-wrap a:after {
display: none;
}
}
@media (max-width: 767px) {
.jv-videolink .video-list {
margin-bottom: 15px;
}
}
/** Ajuste para resoluções mais altas **/
@media screen and (max-width:1920px) and (max-height: 1080px){
.container {
width: 80% !important;
}
}
@media screen and (max-width:1760px) and (max-height: 990px){
.container {
width: 80% !important;
}
}
@media screen and (max-width:1600px) and (min-width: 900px){
.container {
width: 80% !important;
}
}
@media screen and (max-width:1920px) and (max-height: 1080px){
nav .container {
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
}
@media screen and (max-width:1760px) and (max-height: 990px){
nav .container {
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
}
@media screen and (max-width:1600px) and (min-width: 900px){
nav .container {
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
}
.panel-primary {
border-color: #FF7354;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #FF7354;
border-color: #FF7354;
}
.slideshow {
display: none;
position: relative;
}
.slideshow .slide {
position: relative;
overflow: hidden;
}
.slideshow .slide > * {
position: relative;
z-index: 1;
}
.slideshow .slide .slw-background {
position: absolute;
top: -15px;
left: -15px;
bottom: -15px;
right: -15px;
z-index: 0;
background-size: cover;
background-position: center;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
.slideshow .slide:before {
position: absolute;
z-index: 1;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(37, 26, 16, 0.28);
}
.slideshow .slide .container img {
width: 500px;
margin-bottom: 20px;
border: 3px solid rgba(255, 255, 255, 0.9);
}
.slideshow .slide .container .content {
margin-bottom: 30px;
}
.slideshow .slide .container .btn-icon {
padding: 9px 25px 9px 65px;
font-size: 16px;
font-weight: 100;
text-transform: uppercase;
margin-right: 10px;
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.slideshow .slide .container .btn-icon .fa {
height: 40px;
width: 55px;
line-height: 40px;
margin-left: -5px;
}
.slideshow .owl-buttons .owl-prev,
.slideshow .owl-buttons .owl-next {
position: absolute;
outline: none;
background-image: url(../images/sl-arrow.png);
width: 53px;
height: 183px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
top: 50%;
margin-top: -92px;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.slideshow .owl-buttons .owl-prev {
left: 10px;
}
.slideshow .owl-buttons .owl-next {
right: 10px;
background-position: right center;
}
.slideshow .owl-pagination {
text-align: center;
position: relative;
top: -45px;
}
.slideshow .owl-pagination .owl-page {
background-image: none;
display: block;
width: 12px;
height: 12px;
background-color: #ffffff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin: 0 5px;
display: inline-block;
}
.slideshow .owl-pagination .owl-page.active {
width: 45px;
background-color: #FF7354;
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.19);
-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.19);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.19);
}
.slideshow:hover .owl-buttons .owl-prev,
.slideshow:hover .owl-buttons .owl-next {
-webkit-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
}
.slideshow:hover .owl-buttons:hover .owl-prev,
.slideshow:hover .owl-buttons:hover .owl-next {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
@media (max-width: 1399px) {
.slideshow .slide .container img {
float: left;
margin-right: 25px;
}
}
@media (max-width: 1199px) {
.slideshow .owl-buttons {
display: none;
}
}
@media (max-width: 991px) {
.slideshow .slide .container {
padding-top: 80px;
}
.slideshow .slide .container .content {
margin-bottom: 0;
}
.slideshow .slide .container img {
width: 350px;
}
}
@media (max-width: 991px) {
.slideshow .slide .container {
padding-top: 30px;
}
.slideshow .slide .container img {
width: 50%;
}
.slideshow .owl-pagination {
top: -30px;
}
}
@media (max-width: 560px) {
.slideshow .slide .container img {
width: 100%;
float: none;
margin: 0 0 30px 0;
}
}
.web-app {
margin-bottom: 35px;
}
.web-app .item {
background: #ffffff;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 0 0 #eee;
display: block;
}
.web-app .item .Joomla-Hosting {
background-color: #59a445;
}
.web-app .item .Wordpress-Hosting {
background-color: #3498db;
}
.web-app .item .Magento-Hosting {
background-color: #d94c14;
}
.web-app .item .pull-left {
margin-right: 15px;
display: block;
}
.web-app .item i {
width: 90px;
height: 90px;
text-align: center;
line-height: 90px;
font-size: 48px;
}
.web-app .item .title {
color: #3c3c3c;
display: block;
margin-top: 25px;
font-size: 20px;
font-weight: 100;
text-transform: uppercase;
margin-bottom: 8px;
}
@media (max-width: 991px) {
.web-app .item .title {
font-size: 16px;
}
}
.web-app .item .more {
color: #686868;
font-weight: 100;
}
@media (max-width: 1199px) and (min-width: 768px) {
.web-app .item .more {
display: none;
}
}
.web-app .item:hover {
background-color: #f8f8f8;
}
.web-app .item:hover .Joomla-Hosting {
background-color: #489134;
}
.web-app .item:hover .Wordpress-Hosting {
background-color: #2487c9;
}
.web-app .item:hover .Magento-Hosting {
background-color: #d94c14;
}
@media (max-width: 767px) {
.web-app [class*="col-"] {
margin-bottom: 20px;
}
}
.jv-service .service-list .style-1 {
text-align: center;
}
.jv-service .service-list .style-1 .title {
margin-bottom: 20px;
}
.jv-service .service-list .style-1 .service-img {
margin-bottom: 20px;
}
.jv-service .service-list .style-1 .service-icon {
font-size: 60px;
}
.jv-service .service-list .style-1 .desc {
margin-bottom: 20px;
color: #777777;
}
.jv-service .service-list .style-3 .service-img,
.jv-service .service-list .style-3 .title {
font-size: 20px;
}
.jv-service .service-list .style-3 .desc {
margin-bottom: 20px;
color: #777;
padding-left: 35px;
}
.jv-service .service-list .style-3 .service-icon {
font-size: 18px;
margin-right: 15px;
}
.jv-service .service-list .style-3 i {
min-width: 20px;
font-size: 20px;
}
.jv-service .service-list .style-3 .title {
padding-left: 35px;
}
.jcarousel {
position: relative;
overflow: hidden;
width: 100%;
margin: 44px 0;
}
.jcarousel img {
height: auto;
margin: 15px 15px;
display: inline-block;
opacity: .7;
border-radius: 5px;
}
.jcarousel .jcarouselItem a {
text-decoration: none;
outline: none;
display: block;
text-align: center;
position: relative;
}
.jcarousel .owl-buttons > div {
font-size: 0;
text-indent: -9999em;
display: block;
position: absolute;
top: 50%;
margin-top: -17px;
width: 14px;
height: 35px;
text-align: center;
background: transparent url(../images/sm-arrow.png) no-repeat;
-webkit-transition: all linear 0.2s;
-o-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.jcarousel .owl-buttons > div:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.jcarousel .owl-buttons > div.owl-prev {
left: 0;
background-position: 0 0;
}
.jcarousel .owl-buttons > div.owl-next {
right: 0;
background-position: right 0;
}
.tweets-head {
color: #55acee;
font-size: 30px;
text-align: center;
position: relative;
}
.tweets-head i {
display: inline-block;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
background-color: #ffffff;
border-radius: 100%;
position: relative;
z-index: 1;
}
.tweets-head:before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #eeefef;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
}
.tweets-body {
text-align: center;
padding: 15px 0 54px;
}
.tweets-body > * {
display: inline-block;
}
.tweets-body .tweets-heading {
font-size: inherit;
font-weight: 100;
margin-right: 10px;
font-family: inherit;
margin-bottom: 0;
line-height: 18px;
}
.tweets-body .tweets-heading:after {
content: ":";
}
.tweets-body .tweets-created {
margin-left: 10px;
}
.tweets-body .tweets-created span {
color: #999;
}
.tweets-body .tweets-avatar {
width: 20px;
margin-bottom: -4px;
}
.tweets-body .tweets-avatar img {
border-radius: 100%;
}
.facebook-head {
color: #55acee;
font-size: 30px;
text-align: center;
position: relative;
}
.facebook-head i {
display: inline-block;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
background-color: #ffffff;
border-radius: 100%;
position: relative;
z-index: 1;
}
.facebook-head:before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #eeefef;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
}
.facebook-body {
text-align: center;
padding: 15px 0 54px;
}
.facebook-body > * {
display: inline-block;
}
.facebook-body .facebook-heading {
font-size: inherit;
font-weight: 100;
margin-right: 10px;
font-family: inherit;
margin-bottom: 0;
line-height: 18px;
}
.facebook-body .facebook-heading:after {
content: ":";
}
.facebook-body a:hover {
color: #fff;
padding:40px;
box-shadow: inset 0 0 200px 100px rgba(0,0,0,.9);
opacity:0.90;
filter: alpha(opacity=90);
-moz-opacity:0.90;
}
.facebook-body .facebook-created {
margin-left: 10px;
}
.facebook-body .facebook-created span {
color: #999;
}
.facebook-body .facebook-avatar {
width: 20px;
margin-bottom: -4px;
}
.facebook-body .facebook-avatar img {
border-radius: 100%;
}
/*------------------------------------------------------------------
6. Domain Checking
-------------------------------------------------------------------*/
.blk-domain {
padding: 45px 0;
}
.blk-domain .jv-checkdomain {
position: relative;
}
.blk-domain .jv-checkdomain .jvLabel {
font-size: 24px;
font-weight: 100;
color: #3c3c3c;
line-height: 42px;
}
.blk-domain .jv-checkdomain .input-group {
width: 50%;
margin: 0 10px;
}
.blk-domain .jv-checkdomain .input-group .input-group-addon {
font-size: 18px;
font-weight: 100;
background-color: #ffffff;
border: none;
color: #999;
padding: 12px 15px;
margin: 0;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.blk-domain .jv-checkdomain .input-group .form-control {
border: none;
padding: 12px 15px;
font-size: 18px;
height: 42px;
border-radius: 0 4px 4px 0;
margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.blk-domain .jv-checkdomain .input-group {
width: 100%;
margin: 0 0 10px 0;
}
}
.blk-domain .jv-checkdomain .btn-lg {
padding-top: 8px;
font-weight: 100;
border-radius: 4px;
}
.blk-domain .jv-checkdomain .btn-lg.btn-default {
border: none;
margin-right: 10px;
color: #999;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blk-domain .jv-checkdomain .btn-lg.btn-default:hover,
.blk-domain .jv-checkdomain .btn-lg.btn-default:focus {
color: #ffffff;
background-color: #FF7354;
}
.blk-domain .jv-checkdomain .btn-lg.btn-primary {
padding: 8px 25px 9px;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.blk-domain .jv-checkdomain .open .btn-lg.btn-default {
color: #ffffff;
background-color: #FF884D;
border-color: #FF884D;
}
.blk-domain .jv-checkdomain .dropdown {
position: static;
}
.blk-domain .jv-checkdomain .dropdown-menu {
width: 100%;
border-color: #dcdcdc;
margin-top: 0;
}
.blk-domain .jv-checkdomain .dropdown-menu .form {
margin: 20px 20px 30px;
}
.blk-domain .jv-checkdomain .dropdown-menu .form .checkbox {
float: left;
width: 12.5%;
margin-top: 10px;
margin-bottom: 10px;
}
.blk-domain .jv-checkdomain .dropdown-menu .form .checkbox.all {
float: none;
width: auto;
}
.blk-domain .jv-checkdomainForm {
position: relative;
}
/*------------------------------------------------------------------
6. Base coluna
-------------------------------------------------------------------*/
.blk-base {
padding: 23px 0;
}
.blk-base .jv-base {
position: relative;
}
.blk-base .jv-base .jvLabel {
font-size: 24px;
font-weight: 100;
color: #3c3c3c;
line-height: 42px;
}
.blk-domain .jv-checkdomain .input-group {
width: 50%;
margin: 0 10px;
}
.blk-base .jv-base .input-group .input-group-addon {
font-size: 18px;
font-weight: 100;
background-color: #ffffff;
border: none;
color: #999;
padding: 12px 15px;
margin: 0;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.blk-base .jv-base .input-group .form-control {
border: none;
padding: 12px 15px;
font-size: 18px;
height: 42px;
border-radius: 0 4px 4px 0;
margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.blk-base .jv-base .input-group {
width: 100%;
margin: 0 0 10px 0;
}
}
.blk-base .jv-base .btn-lg {
padding-top: 8px;
font-weight: 100;
border-radius: 4px;
}
/*------------------------------------------------------------------
6. Base Hide coluna
-------------------------------------------------------------------*/
.blk-base-hide {
padding: 15px 0;
}
.blk-base-hide .jv-base {
position: relative;
}
.blk-base-hide .jv-base-hide .jvLabel {
font-size: 24px;
font-weight: 100;
color: #3c3c3c;
line-height: 42px;
}
.blk-domain .jv-checkdomain .input-group {
width: 50%;
margin: 0 10px;
}
.blk-base-hide .jv-base-hide .input-group .input-group-addon {
font-size: 18px;
font-weight: 100;
background-color: #ffffff;
border: none;
color: #999;
padding: 12px 15px;
margin: 0;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
.blk-base-hide .jv-base-hide .input-group .form-control {
border: none;
padding: 12px 15px;
font-size: 18px;
height: 2px;
border-radius: 0 4px 4px 0;
margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.blk-base-hide .jv-base-hide .input-group {
width: 100%;
margin: 0 0 10px 0;
}
}
.blk-base-hide .jv-base-hide .btn-lg {
padding-top: 8px;
font-weight: 100;
border-radius: 4px;
}
/*------------------------------------------------------------------
7. Blog/News
-------------------------------------------------------------------*/
.blog .blog-item {
position: relative;
}
.blog .blog-item .blog-meta {
position: absolute;
top: 0;
left: 0;
width: 80px;
color: #888;
}
.blog .blog-item .blog-meta .blog-meta-icon {
position: relative;
height: 80px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #FF7354;
line-height: 80px;
text-align: center;
font-size: 34px;
margin-bottom: 30px;
}
.blog .blog-item .blog-meta .blog-meta-icon > * {
position: relative;
z-index: 1;
color: #ffffff;
}
.blog .blog-item .blog-meta .blog-meta-icon:after {
content: "";
position: absolute;
width: 70px;
height: 70px;
top: 4px;
left: 4px;
background-color: #FF7354;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
z-index: 0;
}
.blog .blog-item .blog-meta .blog-meta-icon .gallery:after {
content: "";
display: block;
width: 36px;
height: 34px;
border: 3px solid #ffffff;
border-color: #ffffff transparent transparent #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: absolute;
top: -5px;
left: -5px;
}
.blog .blog-item .blog-meta .blog-meta-date .blogDate {
height: 80px;
border: 1px solid #ddd;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: center;
font-size: 28px;
line-height: 80px;
font-weight: 100;
}
.blog .blog-item .blog-meta .blog-meta-date .blogMonth {
font-weight: 100;
font-size: 20px;
color: #666;
display: block;
border-bottom: 1px solid #eee;
margin-bottom: 25px;
padding-bottom: 15px;
}
.blog .blog-item .blog-meta .blog-meta-vote {
font-size: 30px;
text-align: center;
}
.blog .blog-item .blog-body {
margin-left: 110px;
min-height: 330px;
position: relative;
padding-bottom: 60px;
margin-bottom: 60px;
}
.blog .blog-item .blog-body .blog-title {
margin-bottom: 10px;
margin-top: 20px;
}
.blog .blog-item .blog-body .blog-title a {
color: #555;
}
.blog .blog-item .blog-body .blog-title a:hover {
color: #FF7354;
}
.blog .blog-item .blog-body:after {
content: "";
display: block;
border-bottom: 1px dashed #dcdcdc;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 767px) {
.blog .blog-item .blog-meta {
width: 50px;
}
.blog .blog-item .blog-meta .blog-meta-icon {
height: 50px;
line-height: 50px;
font-size: 20px;
margin-bottom: 15px;
}
.blog .blog-item .blog-meta .blog-meta-icon:after {
width: 40px;
height: 40px;
}
.blog .blog-item .blog-meta .blog-meta-icon .gallery:after {
width: 23px;
height: 19px;
border-width: 2px 0 0 2px;
top: -3px;
left: -3px;
}
.blog .blog-item .blog-meta .blog-meta-date .blogDate {
height: 50px;
line-height: 48px;
font-size: 22px;
}
.blog .blog-item .blog-meta .blog-meta-date .blogMonth {
font-size: 13px;
margin-bottom: 15px;
}
.blog .blog-item .blog-meta .blog-meta-vote {
font-size: 24px;
}
.blog .blog-item .blog-body {
margin-left: 65px;
}
.blog .blog-item .blog-body .blog-info > span {
float: left;
}
.blog .blog-item .blog-body .blog-info > span.blog-rating {
clear: both;
margin: 12px 0;
}
.blog .blog-item .blog-body .blog-info:after {
content: "";
display: block;
clear: both;
}
}
@media (max-width: 560px) {
.blog .blog-item .blog-body .blog-share {
float: none !important;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #ececec;
margin-left: -65px;
}
.blog .blog-item .blog-body .tags {
margin-left: -65px;
}
.blog .blog-item .blog-body .tags .fa {
display: none;
}
.blog .blog-item .blog-body .blog-author,
.blog .blog-item .blog-body .blog-links,
.blog .blog-item .blog-body .blog-navigation,
.blog .blog-item .blog-body .list-comments,
.blog .blog-item .blog-body .blog-comments-form {
margin-left: -65px;
}
.blog .blog-item .blog-body .blog-author .blog-author-link,
.blog .blog-item .blog-body .blog-links .blog-author-link,
.blog .blog-item .blog-body .blog-navigation .blog-author-link,
.blog .blog-item .blog-body .list-comments .blog-author-link,
.blog .blog-item .blog-body .blog-comments-form .blog-author-link {
padding: 0;
margin: 0;
margin-bottom: 5px;
display: block;
}
.blog .blog-item .blog-body .blog-author .blog-author-link:before,
.blog .blog-item .blog-body .blog-links .blog-author-link:before,
.blog .blog-item .blog-body .blog-navigation .blog-author-link:before,
.blog .blog-item .blog-body .list-comments .blog-author-link:before,
.blog .blog-item .blog-body .blog-comments-form .blog-author-link:before {
display: none;
}
.blog .blog-item .blog-body .blog-author .blog-author-detail,
.blog .blog-item .blog-body .blog-links .blog-author-detail,
.blog .blog-item .blog-body .blog-navigation .blog-author-detail,
.blog .blog-item .blog-body .list-comments .blog-author-detail,
.blog .blog-item .blog-body .blog-comments-form .blog-author-detail {
padding-left: 0;
}
.blog .blog-item .blog-body .blog-author .blog-author-img,
.blog .blog-item .blog-body .blog-links .blog-author-img,
.blog .blog-item .blog-body .blog-navigation .blog-author-img,
.blog .blog-item .blog-body .list-comments .blog-author-img,
.blog .blog-item .blog-body .blog-comments-form .blog-author-img {
margin-right: 15px;
}
.blog .blog-item .blog-body .list-comments .comment-left {
position: relative;
z-index: 2;
margin: 10px 10px 0 10px;
}
.blog .blog-item .blog-body .list-comments .comment-right {
margin-left: 0;
}
.blog .blog-item .blog-body .list-comments .comment-right:after,
.blog .blog-item .blog-body .list-comments .comment-right:before {
display: none;
}
.blog .blog-item .blog-body .list-comments .pagination-wrap {
margin-left: 0;
}
}
.blog.masonry {
margin-bottom: 30px;
}
.blog.masonry .blog-item {
margin-bottom: 30px;
}
.blog.masonry .blog-item .blog-body {
margin-left: 0;
margin-bottom: 0;
border: 1px solid #dcdcdc;
border-top: none;
padding: 15px;
min-height: 0;
}
.blog.masonry .blog-item .blog-body:after {
display: none;
}
.blog.masonry .blog-item.photo {
position: relative;
}
.blog.masonry .blog-item.photo .blog-info {
position: absolute;
bottom: 10px;
right: 15px;
color: #ffffff;
margin-bottom: 0;
font-weight: 400;
}
.blog.blog-single .blog-body {
margin-bottom: 0;
padding-bottom: 0;
}
.blog.blog-single .blog-body .blog-title {
margin-top: 0;
}
.blog.blog-single .blog-body:after {
display: none;
}
.blog.blog-single .blog-content {
margin: 30px 0;
}
.blog-info {
font-size: 85.7%;
color: #999;
margin-bottom: 12px;
}
.blog-info > span {
display: inline-block;
margin-right: 15px;
}
@media (max-width: 767px) {
.blog-info > span {
margin-bottom: 5px;
}
}
.blog-gallery {
display: none;
}
.blog-gallery .owl-controls .owl-buttons > div {
position: absolute;
top: 50%;
width: 45px;
height: 64px;
margin-top: -32px;
background: transparent url(../images/arrow.png) no-repeat;
opacity: 0.6;
}
.blog-gallery .owl-controls .owl-buttons > div.owl-prev {
left: 0;
background-position: 0 0;
}
.blog-gallery .owl-controls .owl-buttons > div.owl-next {
right: 0;
background-position: right top;
}
.blog-gallery:hover .owl-controls .owl-buttons > div {
opacity: 1;
}
.blog-video {
width: 100%;
position: relative;
padding: 0 0 56% 0;
}
.blog-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
padding: 0;
}
.blog-rating {
width: 70px;
height: 14px;
position: relative;
float: right;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjQ3NS4wNzVweCIgaGVpZ2h0PSI0NzUuMDc1cHgiIHZpZXdCb3g9IjAgMCA0NzUuMDc1IDQ3NS4wNzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ3NS4wNzUgNDc1LjA3NSIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjYzBjMGMwIiBkPSJNNDc1LjA3NSwxODYuNTczYzAtNy4wNDMtNS4zMjgtMTEuNDItMTUuOTkyLTEzLjEzNUwzMTUuNzY2LDE1Mi42TDI1MS41MjksMjIuNjk0CgkJYy0zLjYxNC03LjgwNC04LjI4LTExLjcwNC0xMy45OS0xMS43MDRjLTUuNzA4LDAtMTAuMzcyLDMuOS0xMy45ODksMTEuNzA0TDE1OS4zMSwxNTIuNkwxNS45ODYsMTczLjQzOAoJCUM1LjMzLDE3NS4xNTMsMCwxNzkuNTMsMCwxODYuNTczYzAsMy45OTksMi4zOCw4LjU2Nyw3LjEzOSwxMy43MDZsMTAzLjkyNCwxMDEuMDY4TDg2LjUxLDQ0NC4wOTYKCQljLTAuMzgxLDIuNjY2LTAuNTcsNC41NzQtMC41Nyw1LjcxMWMwLDMuOTk4LDAuOTk4LDcuMzc1LDIuOTk2LDEwLjEzN2MxLjk5NywyLjc2Niw0Ljk5Myw0LjE0Myw4Ljk5Miw0LjE0MwoJCWMzLjQyOCwwLDcuMjMzLTEuMTM3LDExLjQyLTMuNDI0bDEyOC4xODgtNjcuMzg2bDEyOC4xOTUsNjcuMzhjNCwyLjI4NSw3LjgwNSwzLjQzLDExLjQxNiwzLjQzYzcuODExLDAsMTEuNzEzLTQuNzUsMTEuNzEzLTE0LjI3MQoJCWMwLTIuNDcxLTAuMDk2LTQuMzczLTAuMjg3LTUuNzE3bC0yNC41NTEtMTQyLjc0M2wxMDMuNjM1LTEwMS4wNjlDNDcyLjYwNCwxOTUuMzMsNDc1LjA3NSwxOTAuNzYsNDc1LjA3NSwxODYuNTczeiBNMzI0LjYyLDI4OC41CgkJTDM0NS4xNyw0MDguN2wtMTA3LjYzNC01Ni44MkwxMjkuNjE0LDQwOC43TDE1MC40NTcsMjg4LjVsLTg3LjM2NS04NC43OTlsMTIwLjQ4NC0xNy43bDUzLjk1OS0xMDkuMDY0bDUzLjk1OCwxMDkuMDY0CgkJbDEyMC40OTQsMTcuN0wzMjQuNjIsMjg4LjV6Ii8+CjwvZz4KPC9zdmc+) repeat-x;
background-size: auto 100%;
}
.blog-rating .blog-rating-inner {
position: absolute;
top: 0;
left: 0;
height: 14px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDc1LjA3NXB4IiBoZWlnaHQ9IjQ3NS4wNzVweCIgdmlld0JveD0iMCAwIDQ3NS4wNzUgNDc1LjA3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjA3NSA0NzUuMDc1OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjZjlhYzIwIiBkPSJNNDc1LjA3NSwxODYuNTczYzAtNy4wNDMtNS4zMjgtMTEuNDItMTUuOTkyLTEzLjEzNUwzMTUuNzY2LDE1Mi42TDI1MS41MjksMjIuNjk0Yy0zLjYxNC03LjgwNC04LjI4MS0xMS43MDQtMTMuOTktMTEuNzA0CgkJYy01LjcwOCwwLTEwLjM3MiwzLjktMTMuOTg5LDExLjcwNEwxNTkuMzEsMTUyLjZMMTUuOTg2LDE3My40MzhDNS4zMywxNzUuMTUzLDAsMTc5LjUzLDAsMTg2LjU3M2MwLDMuOTk5LDIuMzgsOC41NjcsNy4xMzksMTMuNzA2CgkJbDEwMy45MjQsMTAxLjA2OEw4Ni41MSw0NDQuMDk2Yy0wLjM4MSwyLjY2Ni0wLjU3LDQuNTc1LTAuNTcsNS43MTJjMCwzLjk5NywwLjk5OCw3LjM3NCwyLjk5NiwxMC4xMzYKCQljMS45OTcsMi43NjYsNC45OTMsNC4xNDIsOC45OTIsNC4xNDJjMy40MjgsMCw3LjIzMy0xLjEzNywxMS40Mi0zLjQyM2wxMjguMTg4LTY3LjM4NmwxMjguMTk3LDY3LjM4NgoJCWM0LjAwNCwyLjI4Niw3LjgxLDMuNDIzLDExLjQxNiwzLjQyM2MzLjgxOSwwLDYuNzE1LTEuMzc2LDguNzEzLTQuMTQyYzEuOTkyLTIuNzU4LDIuOTkxLTYuMTM5LDIuOTkxLTEwLjEzNgoJCWMwLTIuNDcxLTAuMDk2LTQuMzc0LTAuMjg3LTUuNzEybC0yNC41NTUtMTQyLjc0OWwxMDMuNjM3LTEwMS4wNjhDNDcyLjYwNCwxOTUuMzMsNDc1LjA3NSwxOTAuNzYsNDc1LjA3NSwxODYuNTczeiIvPgo8L2c+Cjwvc3ZnPg==) repeat-x;
background-size: auto 100%;
background-color: #ffffff;
}
.blog-info > .blog-rating {
margin-right: 0;
}
.tags {
margin-bottom: 30px;
}
.tags a {
color: #999;
margin-left: 10px;
}
.tags a:hover {
color: #FF7354;
}
.blog-share.pull-right a {
margin-left: 5px;
border: 1px solid #ddd;
width: 24px;
display: inline-block;
line-height: 22px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: center;
}
.blog-share.pull-right a:hover {
color: #ffffff;
background-color: #FF7354;
border-color: #FF7354;
}
.blog-author {
padding: 15px 15px 20px;
border: 1px solid #e7e7e7;
border-radius: 0;
margin-bottom: 30px;
}
.blog-author .blog-author-img {
float: left;
max-width: 110px;
}
.blog-author .blog-author-detail {
padding-left: 120px;
}
.blog-author .blog-author-detail .blog-author-name {
font-size: 1.43em;
font-weight: 300;
margin-top: 0;
}
.blog-author .blog-author-detail .blog-author-link + .blog-author-link {
margin-left: 15px;
padding-left: 15px;
position: relative;
}
.blog-author .blog-author-detail .blog-author-link + .blog-author-link:before {
content: "";
height: 12px;
width: 1px;
background-color: #ddd;
position: absolute;
top: 50%;
margin-top: -6px;
left: 0;
}
.blog-links {
margin-bottom: 30px;
}
.blog-links ul li {
line-height: 26px;
}
.blog-links ul li .fa {
margin-right: 10px;
}
.blog-navigation {
padding: 10px 20px;
margin-bottom: 30px;
background: #f8f8f8;
border-radius: 3px;
}
@media (max-width: 480px) {
.blog-navigation {
display: none;
}
}
.list-comments h3 {
margin-bottom: 30px;
}
.list-comments .item-comment {
margin-bottom: 30px;
position: relative;
}
.list-comments .item-comment .comment-left {
position: absolute;
top: 0;
left: 0;
}
.list-comments .item-comment .comment-left img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.list-comments .item-comment .comment-right {
margin-left: 80px;
border: 1px solid #dcdcdc;
padding: 15px;
background-color: #fcfcfc;
position: relative;
}
.list-comments .item-comment .comment-right p {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #ddd;
}
.list-comments .item-comment .comment-right:before,
.list-comments .item-comment .comment-right:after {
position: absolute;
display: block;
content: "";
border-style: solid;
}
.list-comments .item-comment .comment-right:after {
border-width: 10px 10px 10px 0;
border-color: transparent #dcdcdc transparent transparent;
top: 19px;
left: -10px;
z-index: 0;
}
.list-comments .item-comment .comment-right:before {
border-width: 9px 9px 9px 0;
border-color: transparent #fcfcfc transparent transparent;
top: 20px;
left: -9px;
z-index: 1;
}
.list-comments .item-comment .comment-right .commentInfo {
margin-bottom: 20px;
color: #999;
}
.list-comments .item-comment.reply {
margin-bottom: 0;
margin-top: 30px;
margin-left: 45px;
}
@media (max-width: 560px) {
.list-comments .item-comment.reply .comment-right:before,
.list-comments .item-comment.reply .comment-right:after {
display: block !important;
}
.list-comments .item-comment.reply .comment-right:after {
border-width: 0 10px 10px 10px;
border-color: transparent transparent #dcdcdc transparent;
top: -10px;
left: 14px;
}
.list-comments .item-comment.reply .comment-right:before {
border-width: 0 9px 9px 9px;
border-color: transparent transparent #fcfcfc transparent;
top: -9px;
left: 15px;
}
}
.list-comments .pagination-wrap {
margin-left: 80px;
border: 1px solid #dcdcdc;
padding: 5px;
background-color: #fcfcfc;
position: relative;
text-align: center;
margin-bottom: 40px;
}
.list-comments .pagination-wrap .pagination > li > a,
.list-comments .pagination-wrap .pagination > li > span,
.list-comments .pagination-wrap .pagination > .disabled > span,
.list-comments .pagination-wrap .pagination > .disabled > span:hover,
.list-comments .pagination-wrap .pagination > .disabled > span:focus,
.list-comments .pagination-wrap .pagination > .disabled > a,
.list-comments .pagination-wrap .pagination > .disabled > a:hover,
.list-comments .pagination-wrap .pagination > .disabled > a:focus {
background-color: transparent;
}
.list-comments .pagination-wrap .pagination > li > a:hover,
.list-comments .pagination-wrap .pagination > li > span:hover,
.list-comments .pagination-wrap .pagination > li > a:focus,
.list-comments .pagination-wrap .pagination > li > span:focus {
background-color: #FF7354;
}
.list-comments .pagination-wrap .pagination > .active > a,
.list-comments .pagination-wrap .pagination > .active > span,
.list-comments .pagination-wrap .pagination > .active > a:hover,
.list-comments .pagination-wrap .pagination > .active > span:hover,
.list-comments .pagination-wrap .pagination > .active > a:focus,
.list-comments .pagination-wrap .pagination > .active > span:focus {
background-color: transparent;
}
.blog-comments-form h3 {
margin-bottom: 20px;
}
.blog-comments-form p {
margin-bottom: 20px;
font-size: 90%;
margin: 20px 0;
color: #999;
font-style: italic;
}
.news-features .news-features-item {
position: relative;
}
.news-features .news-features-item .news-feature-content {
position: absolute;
bottom: 20px;
left: 20px;
max-width: 66%;
background-color: rgba(0, 0, 0, 0.75);
padding: 15px 20px;
}
.news-features .news-features-item .news-feature-content a {
color: #ffffff;
}
@media (max-width: 560px) {
.news-features .news-features-item .news-feature-content {
padding: 10px 15px 0px;
bottom: 0;
left: 0;
right: 0;
max-width: 100%;
}
}
.news .news-features {
margin-bottom: 30px;
}
.news .news-item {
margin-bottom: 25px;
}
.news .news-item h4 {
margin-top: 20px;
}
.news .news-item h4 a:not(:hover) {
color: #555;
}
@media (max-width: 991px) {
.news .news-item {
overflow: hidden;
}
.news .news-item h4 {
margin-top: 0;
}
.news .news-item p {
margin-bottom: 0;
}
.news .news-item > a {
width: 200px;
float: left;
margin: 0 15px 5px 0;
}
}
.list-links {
padding-top: 30px;
border-top: 1px solid #ddd;
}
.list-links .link-item img {
width: 30px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-right: 10px;
}
.list-links .link-item + .link-item {
margin-top: 10px;
}
.infoBlog {
padding: 4px 0;
margin-bottom: 10px;
}
.infoBlog > * {
display: inline-block;
color: #888;
margin: 0;
}
.infoBlog > .comment {
float: right;
}
.img-revievs {
display: inline-block;
float: left;
}
.img-revievs img {
width: 120px;
position: relative;
display: block;
float: left;
max-width: 100%;
margin-right: 20px;
}
.post-2 img {
margin-bottom: 20px;
}
.la-rev + .la-rev {
margin-top: 20px;
}
.nav.nav-pills.news-tabs > li > a {
padding: 8px 20px;
}
.news-slide {
position: relative;
}
.news-slide .owl-pagination {
position: absolute;
top: -55px;
right: 15px;
}
.news-slide .owl-pagination > div {
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid #ddd;
border-radius: 100%;
margin-left: 5px;
}
.news-slide .owl-pagination > div.active {
border-color: #FF7354;
}
@media (max-width: 480px) {
.news-slide .owl-pagination {
display: none;
}
}
.photo-news .big {
width: 60%;
}
.photo-news .small {
width: 20%;
padding: 0 12px;
}
.photo-news .zoom {
margin-bottom: 20px;
}
.photo-news .zoom img {
margin-bottom: 0;
}
@media (max-width: 560px) {
.photo-news .big {
width: 100%;
}
.photo-news .small {
width: 50%;
}
}
.zoom {
overflow: hidden;
}
.zoom img {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.zoom:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-home .news-item {
position: relative;
background-size: cover;
}
.news-home .news-item .news-item-img {
display: block;
}
.news-home .news-item .news-item-img img {
width: 100%;
}
.news-home .news-item .news-item-title {
position: absolute;
bottom: 12px;
left: 100px;
right: 10px;
color: #ffffff;
z-index: 1;
margin-bottom: 0;
}
.news-home .news-item .f5host-news-item-title {
position: absolute;
bottom: 12px;
left: 100px;
right: 10px;
color: #ffffff;
z-index: 1;
margin-bottom: 0;
}
.news-home .news-item .f5host-news-item-title:hover {
color: #FF7354;
padding:40px;
box-shadow: inset 0 0 200px 100px rgba(0,0,0,.8);
opacity:0.90;
filter: alpha(opacity=90);
-moz-opacity:0.90;
font-size: 11px;
font-weight: bold;
}
.news-home .news-item .news-item-date {
position: absolute;
bottom: 0;
left: 0;
background-color: #FF7354;
color: #ffffff;
text-align: center;
display: block;
width: 84px;
height: 62px;
padding-top: 6px;
z-index: 1;
}
.news-home .news-item .news-item-date span {
display: block;
}
.news-home .news-item .news-item-date span.month {
font-size: 12px;
line-height: 1 ;
}
.news-home .news-item .news-item-date span.date {
font-size: 40px;
line-height: 1;
}
.news-home .news-item:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 50px;
z-index: 0;
-webkit-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: -moz-linear-gradient(top, transparent 0%, transparent 5%, rgba(0, 0, 0, 0.13) 33%, rgba(0, 0, 0, 0.31) 60%, rgba(0, 0, 0, 0.62) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(5%, transparent), color-stop(33%, rgba(0, 0, 0, 0.13)), color-stop(60%, rgba(0, 0, 0, 0.31)), color-stop(100%, rgba(0, 0, 0, 0.62)));
background: -webkit-linear-gradient(top, transparent 0%, transparent 5%, transparent 33%, transparent 60%, transparent 100%);
background: -o-linear-gradient(top, transparent 0%, transparent 5%, rgba(0, 0, 0, 0.13) 33%, rgba(0, 0, 0, 0.31) 60%, rgba(0, 0, 0, 0.62) 100%);
background: -ms-linear-gradient(top, transparent 0%, transparent 5%, rgba(0, 0, 0, 0.13) 33%, rgba(0, 0, 0, 0.31) 60%, rgba(0, 0, 0, 0.62) 100%);
background: linear-gradient(to bottom, transparent 0%, transparent 5%, rgba(0, 0, 0, 0.13) 33%, rgba(0, 0, 0, 0.31) 60%, rgba(0, 0, 0, 0.62) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9e000000',GradientType=0 );
}
.news-home .news-item:hover::after {
height: 65px;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
@media (max-width: 991px) {
.news-home .news-item {
margin: 15px 0;
}
}
/*------------------------------------------------------------------
8. Portfolio
-------------------------------------------------------------------*/
.portfolio-filter {
margin-bottom: 30px;
}
.portfolio-filter li {
margin: 0 6px 6px 0;
display: inline-block;
}
.portfolio-filter li h5 {
margin: 0;
}
.portfolio-filter li a {
padding: 10px 25px;
border: 1px solid #ddd;
display: block;
}
.portfolio-filter li.uk-active a {
color: #ffffff;
background-color: #FF7354;
border-color: #FF884D;
}
.portfolio.mfp-wrap .mfp-content {
border-radius: 5px;
overflow: hidden;
}
.portfolio.mfp-wrap .mfp-iframe-holder .mfp-close {
margin: 0;
padding: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 100%;
top: 23px;
right: 25px;
opacity: 1;
background-color: #FF7354;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.portfolio.mfp-wrap .mfp-iframe-holder .mfp-close:hover {
-webkit-box-shadow: inset 0 0 0 1px #FF7354;
-moz-box-shadow: inset 0 0 0 1px #FF7354;
box-shadow: inset 0 0 0 1px #FF7354;
background-color: transparent;
color: #FF7354;
}
.portfolio-item {
position: relative;
}
[class*="col-"].portfolio-item {
margin-bottom: 30px;
}
.portfolio-item .portfolio-image {
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.portfolio-item .portfolio-image img {
width: 100%;
}
.portfolio-item .portfolio-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: rgba(26, 188, 156, 0.9);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
[class*="col-"].portfolio-item .portfolio-overlay {
left: 15px;
right: 15px;
}
.portfolio-item .portfolio-overlay:before,
.portfolio-item .portfolio-overlay:after {
content: "";
display: block;
position: absolute;
z-index: 2;
border: 1px solid rgba(255, 255, 255, 0.8);
width: 0;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.portfolio-item .portfolio-overlay:before {
top: 5px;
right: 5px;
border-width: 1px 1px 0 0;
}
.portfolio-item .portfolio-overlay:after {
left: 5px;
bottom: 5px;
border-width: 0 0 1px 1px;
}
.portfolio-item .portfolio-links {
position: absolute;
width: 100%;
left: 0;
top: 50%;
margin-top: -22px;
text-align: center;
z-index: 3;
}
.portfolio-item .portfolio-links a {
display: inline-block;
margin: 0 3px;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 18px;
text-align: center;
color: #fff;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.portfolio-item .portfolio-links a:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.portfolio-item .portfolio-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 20px 15px 20px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
z-index: 3;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #ffffff;
}
[class*="col-"].portfolio-item .portfolio-info {
left: 15px;
right: 15px;
}
.portfolio-item .portfolio-info a:not(:hover) {
color: #ffffff;
}
.portfolio-item .portfolio-info .portfolio-detail > span {
display: inline-block;
}
.portfolio-item .portfolio-info .portfolio-detail > span + span {
margin-left: 10px;
}
@media (max-width: 767px) {
.portfolio-item .portfolio-info .portfolio-detail > span {
font-size: 12px;
}
.portfolio-item .portfolio-info .portfolio-detail > span + span {
margin-left: 6px;
}
}
.portfolio-item:hover .portfolio-overlay {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.portfolio-item:hover .portfolio-overlay:before,
.portfolio-item:hover .portfolio-overlay:after {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
width: 70%;
height: 70%;
}
.portfolio-item:hover .portfolio-links a {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.portfolio-item:hover .portfolio-info {
opacity: 1;
}
@media (min-width: 560px) and (max-width: 767px) {
.portfolio-item .portfolio-links {
margin-top: -40px;
}
}
@media (max-width: 559px) {
.portfolio-item .portfolio-overlay {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
background-color: rgba(0, 0, 0, 0.35);
}
.portfolio-item .portfolio-links a {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.portfolio-item .portfolio-info {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
}
.portfolio-loadmore {
margin-top: 20px;
margin-bottom: 40px;
}
.portfolio-full {
margin-bottom: -30px;
}
.portfolio-full .portfolio-filter {
margin-top: -30px;
}
.portfolio-full .col-md-3 {
padding: 0;
margin-bottom: 0;
}
@media (min-width: 1200px) {
.portfolio-full .col-md-3 {
width: 20%;
}
}
.portfolio-full .col-md-3 .portfolio-overlay,
.portfolio-full .col-md-3 .portfolio-info {
left: 0;
right: 0;
}
.portfolio-full .portfolio-loadmore {
margin: 40px 0;
}
.portfolio-full .pagination-wrap {
padding-left: 30px;
padding-right: 30px;
}
.p-popup.portfolio-single .portfolio-single-head {
padding: 15px 30px;
border-bottom: 5px solid #FF7354;
}
.portfolio-single .portfolio-single-head .portfolio-single-title {
font-size: 28px;
margin-top: 0;
margin-bottom: 10px;
}
.p-popup.portfolio-single .portfolio-single-head .portfolio-single-title {
text-transform: uppercase;
}
.portfolio-single .portfolio-single-head .portfolio-single-cat {
color: #999;
}
.portfolio-single .portfolio-single-body {
padding-top: 30px;
}
.p-popup.portfolio-single .portfolio-single-body {
padding: 30px;
}
.portfolio-single .portfolio-single-body .portfolio-single-img {
position: relative;
}
.portfolio-single .portfolio-single-body .portfolio-single-img .viewImages {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.portfolio-single .portfolio-single-body .portfolio-single-img .viewImages .fa {
width: 44px;
height: 44px;
position: absolute;
top: 50%;
margin-top: -22px;
left: 50%;
margin-left: -22px;
border-radius: 100%;
color: #fff;
font-size: 20px;
text-align: center;
line-height: 44px;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.portfolio-single .portfolio-single-body .portfolio-single-img .viewImages:hover .fa {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
@media (max-width: 767px) {
.portfolio-single .portfolio-single-body .portfolio-single-img {
margin-bottom: 30px;
}
}
.portfolio-single .portfolio-single-body .portfolio-single-info {
margin: 16px 0;
padding: 16px 0;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
.portfolio-single .portfolio-single-body .portfolio-single-info p:last-child {
margin-bottom: 0;
}
.portfolio-single .portfolio-single-body .portfolio-single-info p > span {
min-width: 145px;
font-weight: 600;
font-family: "Tahoma";
display: inline-block;
}
.portfolio-single .portfolio-single-body .portfolio-single-info p > span.text-primary {
min-width: 0;
}
.portfolio-single .portfolio-single-body .portfolio-single-button .btn + .btn {
margin-left: 10px;
}
.portfolio-single .portfolio-single-wapper {
position: absolute;
top: 93px;
bottom: 0;
left: 0;
right: 0;
overflow-y: auto;
}
/*------------------------------------------------------------------
9. Contact
-------------------------------------------------------------------*/
.contactInfo .jv-service .service-wrap {
border: 1px solid #ddd;
border-radius: 2px;
padding-bottom: 20px;
padding-top: 0;
}
.contactInfo .jv-service .service-wrap .btn-primary {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
margin-bottom: 6px;
}
.contactInfo .jv-service .service-list .style-1 .title {
margin-bottom: 8px;
margin-top: 5px;
}
.contactInfoDetail p {
overflow: hidden;
}
.contactInfoDetail p i {
float: left;
width: 32px;
height: 32px;
display: block;
background: #FF7354;
color: #fff;
text-align: center;
line-height: 32px;
font-size: 18px;
border-radius: 100%;
}
.contactInfoDetail p i + span,
.contactInfoDetail p i + a {
display: block;
padding-left: 42px;
padding-top: 7px;
}
@media (max-width: 480px) {
.contactInfoDetail {
margin-bottom: 30px;
}
}
#map {
height: 490px;
}
.blk-map {
position: relative;
overflow: hidden;
}
.blk-map .shadow {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
height: 1px;
position: relative;
z-index: 1;
}
.blk-map [class*="col-"] {
position: absolute;
top: 0;
bottom: 0;
background: #fff;
z-index: 1;
max-width: 390px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.blk-map form {
padding: 0 10px;
}
.blk-map form .titleform {
margin-bottom: 15px;
margin-top: 0;
}
.blk-map form .form-control {
border-radius: 0;
}
.blk-map form .field-message {
min-height: 155px;
}
@media (max-width: 480px) {
.blk-map .shadow {
display: none;
}
.blk-map [class*="col-"] {
width: 100%;
float: none;
max-width: inherit;
position: static;
padding-bottom: 20px;
}
.blk-map #map {
height: 300px;
}
.blk-map form {
padding: 0;
}
}
/*------------------------------------------------------------------
10. Sidebar
-------------------------------------------------------------------*/
.block {
margin-bottom: 30px;
}
.block .title-module {
margin-bottom: 20px;
text-transform: uppercase;
}
.block.inverse h3 {
background-color: #60778d;
color: #ffffff;
padding: 13px 20px;
text-transform: none;
margin-bottom: 0;
border-bottom: 3px solid #8698aa;
margin-top: 0;
}
.block.background {
color: #ffffff;
}
.block.banner {
padding: 0;
}
.block .box-servicer {
padding-bottom: 20px;
}
.block .box-servicer .boxHeader {
background-color: #FF7354;
overflow: hidden;
}
.block .box-servicer .boxHeader .h1 {
margin: 0;
display: inline-block;
font-size: 46px;
padding: 10px 0 0 12px;
text-transform: uppercase;
}
.block .box-servicer .boxHeader .h2 {
margin: 0;
display: inline-block;
font-size: 19px;
line-height: 1.25;
text-transform: uppercase;
}
.block .box-servicer .boxHeader .icon {
float: right;
}
.block .box-servicer .boxContent {
padding: 25px 25px 10px;
font-weight: 300;
}
.block .box-servicer .boxFooter {
margin: 0 25px;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 10px;
overflow: hidden;
}
.block .box-servicer .boxFooter .btn {
margin: 0;
float: left;
}
.block .box-servicer .boxFooter .price {
position: relative;
margin: 0;
float: left;
margin-left: 8px;
}
.block .box-servicer .boxFooter .price > span {
position: absolute;
top: 0;
left: 0;
font-size: 16px;
}
.block .box-servicer .boxFooter .price > span + span {
position: absolute;
top: -5px;
left: 12px;
font-size: 39px;
}
.block .box-servicer .boxFooter .price > span + span + span {
position: absolute;
top: 0;
left: 34px;
font-size: 18px;
}
.block .box-servicer .boxFooter .price > span + span + span + span {
position: absolute;
top: 19px;
left: 34px;
font-size: 13px;
}
ul.accordion {
background-color: #60778d;
color: #ffffff;
padding: 10px 0;
}
ul.accordion li p {
padding: 11px 20px;
margin-bottom: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
ul.accordion li .nav-header,
ul.accordion li a {
font-family: inherit !important;
display: inline-block;
margin: 0 !important;
color: #ffffff;
font-size: 12.5px;
}
ul.accordion li:hover > p,
ul.accordion li.active:hover > p,
ul.accordion li.active > p {
background-color: #4d647a;
}
ul.accordion li .divsubmenu {
display: none;
}
ul.accordion li .divsubmenu ul {
margin: 0;
padding: 0;
}
ul.accordion li .divsubmenu ul .nav-header,
ul.accordion li .divsubmenu ul li p {
padding-left: 35px;
}
ul.accordion li .divsubmenu ul ul li p {
padding-left: 50px;
}
ul.accordion li i {
margin-right: 5px;
min-width: 12px;
text-align: center;
}
ul.accordion li.parent > * > i {
cursor: pointer;
font-size: 14px;
}
ul.accordion li.parent > * > i:before {
content: "\f196";
}
ul.accordion li.parent > * > i.min:before {
content: "\f147";
}
ul.categories {
list-style: none;
padding: 0;
margin: 0;
}
ul.categories li {
margin: 1px 0;
}
ul.categories li a {
display: block;
background-color: #60778d;
padding: 12px 15px;
color: #ffffff;
font-size: .96em;
}
ul.categories li a .fa {
margin-right: 10px;
}
ul.categories li a .count {
display: block;
float: right;
background-color: #ffffff;
color: #60778d;
padding: 0 8px;
min-width: 30px;
text-align: center;
border-radius: 20px;
}
ul.categories li a:hover {
color: #ffffff;
background-color: #FF7354;
}
ul.categories li a:hover .count {
color: #FF7354;
}
.blog-feature .item .item-img {
display: block;
width: 40%;
margin-right: 10px;
}
.blog-feature .item .item-title {
margin-top: 0;
margin-bottom: 5px;
}
.blog-feature .item .item-content {
font-size: 95%;
}
.blog-feature .item + .item {
margin-top: 20px;
}
.blog-feature .item:after {
content: "";
display: block;
clear: both;
float: none;
}
.blog-feature .item .blog-info {
margin-top: 10px;
margin-bottom: 0;
}
.blog-feature .item .blog-info .blog-rating {
margin-right: 8px;
}
.blog-feature .item .blog-info > span:last-child {
margin: 0;
}
.blog-popular .item {
position: relative;
}
.blog-popular .item .item-img {
margin-bottom: 10px;
display: block;
}
.blog-popular .item + .item {
margin-top: 20px;
}
.blog-popular .item + .item .item-img {
width: 40%;
margin-right: 10px;
margin-bottom: 0;
}
.blog-popular .item + .item .blog-info {
margin-bottom: 0;
}
.blog-popular .item:after {
content: "";
display: block;
clear: both;
float: none;
}
.blog-popular .item .item-number {
position: absolute;
top: 5px;
left: -5px;
width: 30px;
height: 30px;
background-color: rgba(96, 119, 141, 0.9);
text-align: center;
line-height: 30px;
color: #ffffff;
}
.blog-popular .item .item-number:after {
content: "";
display: block;
position: absolute;
bottom: -5px;
left: 0;
border: 5px solid #253544;
border-width: 0 5px 5px 0;
border-bottom-color: transparent;
}
.blog-popular .item .item-number:before {
font-weight: 700;
}
.blog-popular .item:nth-child(1) .item-number {
background-color: rgba(231, 76, 60, 0.9);
}
.blog-popular .item:nth-child(1) .item-number:after {
border-right-color: #8a1f14;
}
.blog-popular .item:nth-child(1) .item-number:before {
content: "1";
}
.blog-popular .item:nth-child(2) .item-number:before {
content: "2";
}
.blog-popular .item:nth-child(3) .item-number:before {
content: "3";
}
.blog-popular .item:nth-child(4) .item-number:before {
content: "4";
}
.blog-popular .item:nth-child(5) .item-number:before {
content: "5";
}
.blog-popular .item:nth-child(6) .item-number:before {
content: "6";
}
.blog-popular .item:nth-child(7) .item-number:before {
content: "7";
}
.blog-popular .item:nth-child(8) .item-number:before {
content: "8";
}
.blog-popular .item:nth-child(9) .item-number:before {
content: "9";
}
.blog-popular .item:nth-child(10) .item-number:before {
content: "10";
}
.blog-hot .blog-hot-item h4 {
margin: 0;
display: block;
padding: 10px;
line-height: 22px;
background-color: #FF7354;
font-weight: 100;
}
.blog-hot .blog-hot-item h4 a:not(:hover) {
color: #ffffff;
}
.blog-hot .owl-controls {
position: absolute;
bottom: 45px;
right: 5px;
}
.blog-hot .owl-controls .owl-page {
display: inline-block;
width: 10px;
height: 10px;
background-color: #ffffff;
margin: 0 5px;
border: 2px solid #ffffff;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blog-hot .owl-controls .owl-page.active {
background-color: transparent;
border: 2px solid #FF7354;
width: 20px;
background-color: rgba(255, 255, 255, 0.1);
}
.tags-cloud a {
display: inline-block;
border: 1px solid #ddd;
padding: 1px 8px 1px 22px;
margin: 0 5px 6px 0;
background-color: transparent;
line-height: normal;
border-radius: 100px;
position: relative;
}
.tags-cloud a:before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 8px;
margin-top: -4px;
border: 1px solid #dcdcdc;
border-radius: 100%;
background-color: #ffffff;
}
.tags-cloud a:hover {
color: #ffffff;
background-color: #FF7354;
border-color: #FF7354;
}
.tags-cloud a:hover::before {
border-color: #ffffff;
}
/*------------------------------------------------------------------
11. Plugin
-------------------------------------------------------------------*/
.plugin .plugin-item {
border-bottom: 1px solid #ddd!important;
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
}
.plugin .plugin-item .image {
max-width: 105px;
margin-right: 20px;
}
@media (max-width: 480px) {
.plugin .plugin-item .image {
max-width: 80px;
}
}
.plugin .plugin-item h4 {
margin-top: 0;
font-size: 16px;
}
.plugin .plugin-item:after {
content: "";
clear: both;
display: block;
}
.plugin .plugin-item .btn {
margin: 0 0 10px 0;
}
@media (min-width: 561px) {
.plugin .plugin-item .btn {
position: absolute;
top: 0;
right: 0;
}
}
/*------------------------------------------------------------------
12. Tutorial
-------------------------------------------------------------------*/
.list-links-icon li {
padding: 10px 0;
}
.list-links-icon li .fa {
margin-right: 10px;
}
.video-tutorial .video-tutorial-item {
position: relative;
}
.video-tutorial .video-tutorial-item .video-tutorial-image {
margin: 10px 0;
}
.video-tutorial .video-tutorial-item .video-tutorial-image .fa {
position: absolute;
top: 50%;
margin-top: -27px;
left: 50%;
margin-left: -27px;
width: 54px;
height: 54px;
border: 2px solid #ffffff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: center;
line-height: 50px;
color: #ffffff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
font-size: 20px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.video-tutorial .video-tutorial-item .video-tutorial-title {
position: absolute;
top: 50%;
margin-top: -18px;
line-height: 36px;
text-align: center;
display: block;
width: 100%;
left: 0;
background-color: #FF7354;
color: #ffffff;
font-weight: 100;
text-transform: uppercase;
font-size: 12px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.video-tutorial .video-tutorial-item:hover .video-tutorial-title {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.video-tutorial .video-tutorial-item:hover .video-tutorial-image .fa {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
@media (max-width: 767px) {
.video-tutorial .video-tutorial-item {
margin-bottom: 30px;
}
}
/*------------------------------------------------------------------
13. 404 Page
-------------------------------------------------------------------*/
.error404 {
background: #ffffff url(../images/404bg.png);
}
.error404 .banner-default {
position: relative;
height: 195px;
}
.error404 .banner-default:before {
content: "";
position: absolute;
display: block;
bottom: -20px;
height: 32px;
width: 100%;
left: 0;
background: transparent url(../images/404top.png) repeat-x top;
}
.error404 .blk-bottom {
position: relative;
}
.error404 .blk-bottom:before {
content: "";
position: absolute;
display: block;
top: -15px;
height: 27px;
width: 100%;
left: 0;
background: transparent url(../images/404bottom.png) repeat-x top;
}
.error404 .blk-content .container {
padding: 100px 0;
display: block;
}
.f5host-banner-planos {
background: url("../images/bg/banner-planos.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100%;
}
.f5host-banner-planos1 {
background: url("../images/bg/banner-planos01.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100%;
}
.f5host-banner-planos2 {
background: url("../images/bg/banner-planos-2.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100%;
}
.f5host-banner-planos3 {
background: url("../images/bg/banner-planos3.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100%;
}
/*------------------------------------------------------------------
14. Footer
-------------------------------------------------------------------*/
.blk-bottom {
color: #c6c6c6;
padding: 60px 0;
font-size: 14px;
font-weight: bold;
background: url("../images/bg/banner-footer.jpg") no-repeat center center fixed;
width: 100%;
}
.f5host-blk-bottom-footer {
position:relative;
background-color: rgba(0, 0, 0, 0.05);
width: 100%;
filter:opacity(alpha=65);
-moz-opacity:0.25;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-position: center;
}
.blk-bottom h4 {
margin-top: 0;
font-weight: 300;
color: #fff;
margin-bottom: 23px;
font-family: inherit;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
.blk-bottom ul li {
line-height: 22px;
font-weight: bold;
font-size: 14px;
}
.blk-bottom ul li a {
font-size: 13px;
color: #c6c6c6;
font-weight: 100;
line-height: 22px;
font-weight: bold;
font-size: 14px;
}
.blk-bottom ul li a:hover {
color: #FF7354;
padding:40px;
box-shadow: inset 0 0 200px 100px rgba(255,255,255,.8);
}
.blk-bottom .newsletter .input-group {
position: relative;
}
.blk-bottom .newsletter .input-group .fa {
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -9px;
left: 6px;
z-index: 999;
color: #888;
}
.blk-bottom .newsletter .input-group .form-control {
border: none;
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
padding-left: 30px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.blk-bottom .newsletter .input-group .btn {
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
.blk-bottom {
padding-bottom: 40px;
}
.blk-bottom [class*="col-"] {
margin-bottom: 30px;
}
}
@media (max-width: 767px) and (min-width: 560px) {
.blk-bottom [class*="col-"] {
width: 50%;
float: left;
}
.blk-bottom [class*="col-"]:nth-child(2n+1) {
clear: both;
}
}
.blk-footer {
background-color: rgba(0,0,0,1.0);
border-top: 2px solid #fff;
padding: 0px;
font-size: 14px;
font-weight: bold;
}
.blk-footer a {
color: #ffffff;
}
.blk-footer a:hover {
color: #FF7354;
}
.blk-footer .copyright {
color: #fff;
min-height: 25px;
padding-left: 50px;
background: transparent url(../images/logo-footer.png) no-repeat left top;
font-weight: bold;
}
@media (max-width: 991px) {
.blk-footer .copyright {
padding: 0;
background: none;
margin-bottom: 15px;
font-weight: bold;
font-weight: bold;
}
}
.blk-footer .menubottom {
list-style: none;
margin: 9px 9px 0;
padding: 0;
font-weight: bold;
}
.blk-footer .menubottom li {
display: inline-block;
padding-left: 10px;
margin-left: 10px;
position: relative;
font-weight: bold;
}
.blk-footer .menubottom li:before {
content: "";
position: absolute;
width: 1px;
height: 12px;
background-color: #fff;
top: 50%;
margin-top: -6px;
left: 0;
font-weight: bold;
}
.blk-footer .menubottom li:first-child {
padding-left: 0;
margin-left: 0;
font-weight: bold;
}
.blk-footer .menubottom li:first-child:before {
display: none;
font-weight: bold;
}
.blk-footer .menubottom li a {
text-transform: uppercase;
font-weight: 100;
font-weight: bold;
}
@media (max-width: 991px) {
.blk-footer .menubottom {
float: none !important;
margin-bottom: 10px;
font-weight: bold;
}
}
.blk-footer .socialpublic a {
margin: 0 2px;
font-size: 16px;
display: inline-block;
border: 1px solid #fff;
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
position: relative;
}
.blk-footer .socialpublic a:hover {
background: #FF7354;
color: #ffffff;
}
@media (max-width: 991px) {
.blk-footer .socialpublic {
float: none !important;
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.blk-footer {
text-align: center;
}
}
/*------------------------------------------------------------------
15. Back to top
-------------------------------------------------------------------*/
.back-to-top {
display: none;
position: fixed;
bottom: 120px;
right: 10px;
width: 46px;
height: 46px;
font-size: 24px;
color: #888888;
text-align: center;
line-height: 42px;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: rgba(255, 255, 255, 0.09);
z-index: 1002;
}
/*------------------------------------------------------------------
16. Responsive
-------------------------------------------------------------------*/
@media (min-width: 992px) {
.btn-canvas {
display: none;
}
.col-md-jvoffset-12 {
margin-left: -100%;
}
.col-md-jvoffset-11 {
margin-left: -91.66666667%;
}
.col-md-jvoffset-10 {
margin-left: -83.33333333%;
}
.col-md-jvoffset-9 {
margin-left: -75%;
}
.col-md-jvoffset-8 {
margin-left: -66.66666667%;
}
.col-md-jvoffset-7 {
margin-left: -58.33333333%;
}
.col-md-jvoffset-6 {
margin-left: -50%;
}
.col-md-jvoffset-5 {
margin-left: -41.66666667%;
}
.col-md-jvoffset-4 {
margin-left: -33.33333333%;
}
.col-md-jvoffset-3 {
margin-left: -25%;
}
.col-md-jvoffset-2 {
margin-left: -16.66666667%;
}
.col-md-jvoffset-1 {
margin-left: -8.33333333%;
}
.col-md-jvoffset-0 {
margin-left: 0;
}
}
@media (max-width: 991px) {
.btn-canvas {
display: inline-block;
}
nav {
display: none;
}
.main-content {
margin-bottom: 55px;
}
.exItem .btn {
margin-bottom: 10px;
}
.service,
.piechartWrapper {
margin-bottom: 25px;
}
.jvtabs .nav-tabs a,
.jvtabs .nav-pills a {
padding: 9px 14px;
font-size: 15px;
}
.jvtabs .nav-pills.host li {
margin: 0;
width: 50%;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.jvtabs .nav-pills.host li:first-child {
margin: 0;
}
.jvtabs .nav-pills.host li a,
.jvtabs .nav-pills.host li a > * {
-webkit-transform: skewX(0deg) skewY(0deg);
-ms-transform: skewX(0deg) skewY(0deg);
-o-transform: skewX(0deg) skewY(0deg);
transform: skewX(0deg) skewY(0deg);
}
}
@media (max-width: 767px) {
.mfp-iframe-scaler {
padding-top: 100%;
}
.jvtabs .nav-pills.host li {
width: 50%;
}
}
@media (max-width: 560px) {
.jvtabs .nav-pills.host li {
width: 100%;
}
.jvtabs .nav-pills:not(.host) {
margin: 0 -2px;
}
.jvtabs .nav-pills:not(.host) li {
width: 50%;
padding: 2px;
margin: 0;
}
.jvtabs .nav-tabs {
margin: 0 -2px;
border-bottom: 0;
}
.jvtabs .nav-tabs li {
width: 50%;
padding: 2px;
margin: 0;
}
.jvtabs .nav-tabs li a {
border-radius: 4px;
margin: 0;
}
.jvtabs .nav-tabs > li.active > a,
.jvtabs .nav-tabs > li.active > a:hover,
.jvtabs .nav-tabs > li.active > a:focus {
border-bottom-color: #ddd;
}
.jvtabs .nav-tabs + .tab-content {
border-width: 1px;
border-radius: 4px;
}
}
@media (max-width: 480px) {
[class*="col-xs-"] {
width: 100%;
}
.p-popup.portfolio-single .portfolio-single-body .portfolio-single-button {
overflow: hidden;
}
.p-popup.portfolio-single .portfolio-single-body .portfolio-single-button .btn {
float: left;
}
.p-popup.portfolio-single .portfolio-single-body .portfolio-single-button .btn + .btn {
margin-left: 0;
margin-top: 10px;
clear: both;
}
.testimonials.classic.slide-1 .tmnItem .tmnAvatar {
position: relative;
margin: 0 auto -25px auto;
float: none;
z-index: 1;
border: 2px solid #ffffff;
box-shadow: 0 0 0 1px #ddd;
width: 80px;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent {
padding-left: 0;
}
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner:before,
.testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner:after {
display: none;
}
}
/*------------------------------------------------------------------
17. Demo
-------------------------------------------------------------------*/
.exItem {
margin-bottom: 45px;
}
/* Switcher */
#switcher {
margin-left: 0;
-webkit-transition: left 0.2s;
-o-transition: left 0.2s;
transition: left 0.2s;
background: rgba(0, 0, 0, 0.7);
top: 160px;
position: absolute;
width: 292px;
margin: 0;
padding: 24px 0 10px;
list-style: none;
z-index: 1040;
left: -292px;
}
#switcher #button-switch {
position: absolute;
left: 100%;
height: 42px;
width: 42px;
line-height: 42px;
text-align: center;
background: rgba(0, 0, 0, 0.7);
font-size: 17px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
#switcher.show-switcher {
left: 0;
}
#switcher.show-switcher #button-switch .fa:before {
content: "\f00d";
}
#switcher.hide-switcher {
left: -292px;
}
#switcher .switcher-box {
border-bottom: 2px solid rgba(255, 255, 255, 0.12);
color: #f2f2f2;
margin: 0 0 18px;
padding: 0 30px 15px;
position: relative;
text-align: left;
}
#switcher .switcher-box h5 {
font-size: 18px!important;
line-height: normal;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 300;
}
#switcher .switcher-box:last-child {
border-bottom: none;
margin: 0;
}
#switcher .demo-list-box {
position: relative;
padding: 0;
list-style-type: none;
margin: 25px 0 10px;
}
#switcher .demo-list-box:before {
content: "";
position: absolute;
top: 0;
height: 4px;
background-color: rgba(255, 255, 255, 0.3);
left: 32px;
right: 32px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
#switcher .demo-list-box:after {
content: "";
display: block;
clear: both;
}
#switcher .demo-list-box li {
display: block;
float: left;
width: 25%;
text-align: center;
}
#switcher .demo-list-box li a {
display: block;
position: relative;
line-height: 20px;
font-size: .9em;
color: #ffffff;
padding-top: 20px;
}
#switcher .demo-list-box li a:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: -4px;
left: 50%;
margin-left: -6px;
background: #ffffff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
}
#switcher .demo-list-box li a.active:before {
background-color: #FF7354;
-webkit-box-shadow: 0 0 0 4px rgba(26, 188, 156, 0.2);
-moz-box-shadow: 0 0 0 4px rgba(26, 188, 156, 0.2);
box-shadow: 0 0 0 4px rgba(26, 188, 156, 0.2);
}
#switcher .themecolor li {
float: none;
height: 28px;
width: 28px;
overflow: hidden;
display: inline-block;
margin: 1px;
padding: 0;
}
#switcher .themecolor li a {
display: block;
width: 100%;
height: 100%;
position: relative;
border: 3px solid rgba(255, 255, 255, 0.6);
}
#switcher .themecolor li a.turquoise {
background-color: #FF7354;
}
#switcher .themecolor li a.alizarin {
background-color: #e74c3c;
}
#switcher .themecolor li a.carrot {
background-color: #e67e22;
}
#switcher .themecolor li a.emerland {
background-color: #3ed37d;
}
#switcher .themecolor li a.peter-river {
background-color: #3498db;
}
#switcher .themecolor li a.amethyst {
background-color: #9b59b6;
}
#switcher .themecolor li a.green {
background-color: #b2d231;
}
#switcher .themecolor li a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#switcher .themecolor li a:hover::before {
border-width: 16px;
}
#switcher .themebg li {
display: inline-block;
margin: 0 1px;
padding: 0;
}
#switcher .themebg li a {
border: 1px solid rgba(255, 255, 255, 0.5);
height: 28px;
width: 28px;
display: block;
}
#switcher .themebg li a.body-bg-0 {
background: url(../images/background/thumbnail/bg-0.png) no-repeat center;
}
#switcher .themebg li a.body-bg-1 {
background: url(../images/background/thumbnail/bg-1.png) no-repeat center;
}
#switcher .themebg li a.body-bg-2 {
background: url(../images/background/thumbnail/bg-2.png) no-repeat center;
}
#switcher .themebg li a.body-bg-3 {
background: url(../images/background/thumbnail/bg-3.png) no-repeat center;
}
#switcher .themebg li a.body-bg-4 {
background: url(../images/background/thumbnail/bg-4.png) no-repeat center;
}
#switcher .themebg li a.body-bg-5 {
background: url(../images/background/thumbnail/bg-5.png) no-repeat center;
}
#switcher .themebg li a.body-bg-6 {
background: url(../images/background/thumbnail/bg-6.png) no-repeat center;
}
#switcher .themebg li a:hover,
#switcher .themebg li a.active {
border-color: #FF7354;
}
#switcher .font-head {
margin: 0 0 2px 0;
}
#switcher .font-body {
margin-bottom: 10px;
}
#switcher .font-body select {
box-shadow: none;
border: none;
}
#switcher .font-note {
margin-bottom: 0;
font-size: 12px;
font-style: italic;
}
.uk-offcanvas-page #switcher {
display: none;
}
body.f-menu-1 nav ul.nav-pills li.drop > a {
font-family: 'Oswald', sans-serif;
}
body.f-menu-2 nav ul.nav-pills li.drop > a {
font-family: "Open sans", sans-serif;
padding: 0 18px;
font-size: 16px;
}
body.f-menu-3 nav ul.nav-pills li.drop > a {
font-family: "Lato", sans-serif;
padding: 0 18px;
font-size: 16px;
}
body.f-menu-4 nav ul.nav-pills li.drop > a {
font-family: "Raleway", sans-serif;
padding: 0 15px;
font-size: 16px;
}
body.f-menu-5 nav ul.nav-pills li.drop > a {
font-family: 'Source Sans Pro', sans-serif;
padding: 0 18px;
font-size: 16px;
}
body.f-menu-6 nav ul.nav-pills li.drop > a {
font-family: 'PT Sans', sans-serif;
padding: 0 18px;
font-size: 16px;
}
body.f-menu-7 nav ul.nav-pills li.drop > a {
font-family: 'Droid Serif', sans-serif;
padding: 0 15px;
font-size: 16px;
}
body.f-menu-8 nav ul.nav-pills li.drop > a {
font-family: 'Roboto Condensed', sans-serif;
}
body.f-body-2 {
font-family: 'Oswald', sans-serif;
}
body.f-body-1 {
font-family: "Open sans", sans-serif;
}
body.f-body-3 {
font-family: "Lato", sans-serif;
}
body.f-body-4 {
font-family: "Raleway", sans-serif;
}
body.f-body-5 {
font-family: 'Source Sans Pro', sans-serif;
}
body.f-body-6 {
font-family: 'PT Sans', sans-serif;
}
body.f-body-7 {
font-family: 'Droid Serif', sans-serif;
}
body.f-body-8 {
font-family: 'Roboto Condensed', sans-serif;
}
/*------------------------------------------------------------------
Aplicando cor a barra de rolagem
-------------------------------------------------------------------*/
body::-webkit-scrollbar {width: 12px; height: 12px; background-color: #FFFFFF; border: 5px solid #EF7257;}
body::-webkit-scrollbar-button:vertical {display: block;}
body::-webkit-scrollbar-thumb:vertical {background-color: #ffffff; background-image: url('../images/rolagen.png'); border-radius: 10px;}
body::-webkit-scrollbar-button:horizontal {display:block;}
body::-webkit-scrollbar-thumb:horizontal {background-color: #ffffff; background-image: url('../images/rolagen-top.png'); border-radius: 10px;}
}
/*------------------------------------------------------------------ */
/* Caixa com alinhamento de textos imahens com até 200px
-------------------------------------------------------------------- */
.featurette-divider {
margin: 80px 0; /* Espaço fora do Bootstrap
mais */
}
.featurette {
padding-top: 5px; /* Verticalmente centro imagens parte 1: adicionar preenchimento acima e abaixo do texto. */
overflow: hidden; /* VVerticalmente centro imagens parte 2: limpar a sua floats. */
}
.featurette-image {
margin-top: 0; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}
/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
margin-right: 385px;
}
.featurette-image.pull-right {
margin-left: 100px;
}
.featurette-01-image.pull-left {
margin-right: 60px;
}
.featurette-01-image.pull-right {
margin-left: 100px;
}
.f5host-direita-featurette-image.pull-right {
margin-left: 80px;
}
/*------------------------------------------------------------------ */
/* Caixa com alinhamento de textos imahens com até 400px
-------------------------------------------------------------------- */
.f5host-esquerda-featurette-divider {
margin: 80px 0; /* Espaço fora do Bootstrap
mais */
}
.f5host-esquerda-featurette {
padding-top: 5px; /* Verticalmente centro imagens parte 1: adicionar preenchimento acima e abaixo do texto. */
overflow: hidden; /* VVerticalmente centro imagens parte 2: limpar a sua floats. */
}
.f5host-esquerda-featurette-image {
margin-top: 0; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}
/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.f5host-esquerda-featurette-image.pull-left {
margin-right: 200px;
}
.-f5host-esquerdafeaturette-image.pull-right {
margin-left: 80px;
}
.-f5host-direita-featurette-image.pull-right {
margin-left: 120px;
}
/*------------------------------------------------------------------
Base coluna estrutura tabela planos
-------------------------------------------------------------------*/
.f5host-base-estrutura-planos {
width: 100%;
padding: 0 0;
background: url(../images/bg/bg-planos.jpg) fixed no-repeat;
background-position: center;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.blk-base-planos {
background-color: #black;
padding: 0 0;
}
/*------------------------------------------------------------------
Base estrutura texto tranparente
-------------------------------------------------------------------*/
.f5host-base-transparente {
width: 100%;
}
.blk-base-transparente {
background-color: #FFFFFF;
}
/*------------------------------------------------------------------
Base coluna estrutura texto preto
-------------------------------------------------------------------*/
.f5host-base-preto {
width: 100%;
background: no-repeat center top black;
}
.blk-base-preto {
background-color: #black;
}
/*------------------------------------------------------------------
Base coluna estrutura texto cinza
-------------------------------------------------------------------*/
.f5host-base-cinza {
width: 100%;
height: 100%;
background: no-repeat center top #EEEEEE;
}
.f5host-base-laranja {
background: no-repeat center top #FF7354;
}
.f5host-base-cinza-nl {
background: no-repeat #EEEEEE;
}
.blk-base-cinza {
background-color: #EEEEEE;
border-top: 1px solid #EEEEEE;
padding: 0 0;
}
/*------------------------------------------------------------------
Aplicando dimencinamento lado a lado na pagina
-------------------------------------------------------------------*/
.wrapper-f5host {
width: 100%;
padding: 25px 0;
margin: 0 auto;
max-width: 1130px;
}
.wrapper-f5host-termos{
width: 100%;
padding: 25px 0;
margin: 0 auto;
max-width: 1130px;
}
.wrapper-f5host-privacidade{
width: 100%;
padding: 25px 0;
margin: 0 auto;
max-width: 1130px;
}
.wrapper-f5host-whmcs {
width: 100%;
padding: 0;
margin: 0 auto;
max-width: 1100px;
}
/*------------------------------------------------------------------
Aplicando botao Grande ao estilo
-------------------------------------------------------------------*/
.f5hButton {
-moz-box-shadow: 3px 4px 0px 0px #332e33;
-webkit-box-shadow: 3px 4px 0px 0px #332e33;
box-shadow: 3px 4px 0px 0px #332e33;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EF7257), color-stop(1, #694747));
background:-moz-linear-gradient(top, #EF7257 5%, #694747 100%);
background:-webkit-linear-gradient(top, #ff0000 5%, #694747 100%);
background:-o-linear-gradient(top, #EF7257 5%, #694747 100%);
background:-ms-linear-gradient(top, #EF7257 5%, #694747 100%);
background:linear-gradient(to bottom, #EF7257 5%, #694747 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF7257', endColorstr='#694747',GradientType=0);
background-color:#EF7257;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Verdana;
font-size:28px;
font-weight:bold;
padding:12px 30px;
text-decoration:none;
text-shadow:0px 2px 0px #ffffff;
text-decoration:none;
outline: none;
}
.f5hButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #694747), color-stop(1, #EF7257));
background:-moz-linear-gradient(top, #694747 5%, #EF7257 100%);
background:-webkit-linear-gradient(top, #694747 5%, #EF7257 100%);
background:-o-linear-gradient(top, #694747 5%, #EF7257 100%);
background:-ms-linear-gradient(top, #694747 5%, #EF7257 100%);
background:linear-gradient(to bottom, #694747 5%, #EF7257 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#694747', endColorstr='#EF7257',GradientType=0);
background-color:#694747;
}
.f5hButton:active {
position:relative;
top:1px;
}
.f5h-contratar-Button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#031314;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Verdana;
font-size:18px;
font-weight:bold;
padding:14px 16px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.f5h-contratar-Button:hover {
background-color:#EE7257;
color:#ffffff;
}
.f5h-contratar-Button:active {
position:relative;
top:1px;
}
.f5host-contratar-Button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#031314;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Verdana;
font-size:16px;
font-weight:bold;
padding:6px 10px;
text-decoration:none;
box-shadow: none;
}
.f5host-contratar-Button:hover {
background-color:#1E9FB4;
color:#ffffff;
}
.f5host-contratar-Button:active {
position:relative;
top:1px;
color:#fff;
}
/*************BUTTON medio************/
.f5host-medio_btn a {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 5px;
border: 2px solid #EF7257;
font-size: 18px;
line-height: 42px;
padding: 0 30px;
font-family:Verdana;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #63a31e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%, #000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%, #000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%, #000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
margin: 0.2em 0 0em;
}
.f5host-medio_btn a:hover {
opacity: 0.8;
background: #FF7354; /* Old browsers */
border: 2px solid #000000;
}
.f5host-medio_btn:active {
position:relative;
top:1px;
color:#fff;
}
/*************BUTTON medio************/
.f5host-icone_btn a {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 5px;
border: 2px solid #EF7257;
border-width: 0px 4px 4px 0px;
font-size: 23px;
line-height: 46px;
padding: 0 15px;
font-family:Verdana;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #63a31e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%, #000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%, #000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%, #000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
margin: 0.2em 0 0em;
}
.f5host-icone_btn a:hover {
opacity: 0.8;
background: #FF7354; /* Old browsers */
border: 2px solid #000000;
border-width: 0px 4px 4px 0px;
color: #fff;
}
.f5host-icone_btn:active {
position:relative;
top:1px;
color:#fff;
}
/*************BUTTON medio************/
.f5host-inverso_btn a {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 5px;
border: 2px solid #fff;
font-size: 18px;
line-height: 42px;
padding: 0 30px;
font-family:Verdana;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #63a31e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%, #000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%, #000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%, #000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
margin: 0.2em 0 0em;
}
.f5host-inverso_btn a:hover {
opacity: 0.8;
background: #fff; /* Old browsers */
color: #000000;
border: 2px solid #000000;
}
.f5host-inverso_btn:active {
position:relative;
top:1px;
color:#000000;
}
.f5host-contato_btn a {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 5px;
border: 2px solid #EF7257;
font-size: 15px;
line-height: 32px;
padding: 0 20px;
font-family:Verdana;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #63a31e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%, #000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%, #000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%, #000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
margin: 0.2em 0 0em;
}
.f5host-contato_btn a:hover {
opacity: 0.8;
background: #FF7354; /* Old browsers */
border: 2px solid #000000;
}
.f5host-contato_btn:active {
position:relative;
top:1px;
color:#fff;
}
/*************BUTTON menu************/
.f5host-menu_btn a {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 5px;
border: 2px solid #EF7257;
font-size: 15px;
line-height: 42px;
padding: 0 30px;
font-family:Verdana;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #63a31e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%, #000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%, #000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%, #000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
margin: 0.2em 0 0em;
}
.f5host-menu_btn a:hover {
opacity: 0.8;
background: #FF7354; /* Old browsers */
border: 2px solid #fff;
color: #fff;
}
.f5host-menu_btn:active {
position:relative;
top:1px;
color:#fff;
}
/******************************************************/
/*********************Caixa Busca Dominio ******/
/******************************************************/
.dominio_pesquisar {
float: left;
width: 100%;
background: #000000;
font-family: 'Roboto', sans-serif;
margin:auto;
}
.dominio_pesquisar .serch_area {
float: left;
width: 100%;
padding: 60px 0px 45px 0px;
border-bottom: 1px solid #FFFFFF;
}
.dominio_pesquisar .serch_area h5 {
float: left;
margin: 14px 12px 0px 0px;
}
.dominio_pesquisar .serch_area .seu_dominio_input {
float: left;
font-family: 'Roboto', sans-serif;
padding: 3px 0px 4px 20px;
height: 46px;
width: 58.2%;
background: #fff;
border-radius: 3px;
border: none;
color: #727272;
font-size: 18px;
}
.dominio_pesquisar .serch_area .input_submit {
float: left;
font-family: 'Roboto', sans-serif;
padding: 10px 25px 10px 25px;
border: 2px solid #fff;
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
transition: all 0.3s ease;
border-radius: 3px;
margin-left: 12px;
font-family:Verdana;
background: #FF7354; /* Old browsers */
background: -moz-linear-gradient(top, #FF7354 0%, #63a31e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF7354), color-stop(100%, #FF7354)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FF7354 0%, #FF7354 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FF7354 0%, #FF7354 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FF7354 0%, #FF7354 100%); /* IE10+ */
background: linear-gradient(to bottom, #FF7354 0%, #FF7354 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.dominio_pesquisar .serch_area .input_submit:hover {
opacity: 0.8;
background: #000000; /* Old browsers */
border: 2px solid #FF7354;
}
.dominio_pesquisar .serch_area .input_submit:active {
position:relative;
top:1px;
color:#fff;
}
.dominio_pesquisar .offers {
float: left;
width: 100%;
border-top: 1px solid #FFFFFF;
}
.dominio_pesquisar .offers ul {
float: right;
padding: 0px;
margin: 0px;
}
.dominio_pesquisar .offers li {
float: left;
padding: 30px 18px 35px 18px;
margin: 0px;
color: #fff;
font-size: 22px;
font-weight: 200;
border-left: 1px solid #FFFFFF;
}
.dominio_pesquisar .offers li.last {
padding-bottom: 30px;
}
.dominio_pesquisar .offers li p {
color: #86C724;
font-size: 14px;
line-height: 14px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
margin: 0;
line-height: 14px;
}
/*------------------------------------------------------------------
Base coluna estrutura dominio preto degrade
-------------------------------------------------------------------*/
.f5h-base-estrutura-preto-dm {
float: left;
width: 100%;
padding: 0 0;
}
.f5h-base-estrutura-espaço-dm {
float: left;
width: 100%;
padding: 50 0;
}
/******************************************************/
/******************Mudanca de cor texto */
/******************************************************/
.f5host-color-branco {
font-size: 23px;
line-height: auto;
font-family: Verdana;
color: #FFFFFF;
}
.f5host-color-addons {
font-size: 28px;
font-weight: bold;
line-height: auto;
font-family: Verdana;
color: #1C9ADC;
}
.f5host-color-addons-smal {
font-size: 15px;
line-height: auto;
font-family: Verdana;
color: #1C9ADC;
}
.f5host-color-branco-small {
font-size: 15px;
line-height: auto;
font-family: Verdana;
color: #FFFFFF;
}
.f5host-color-branco-tbl {
color: #FFFFFF;
}
/******************************************************/
/******************Mudanca de cor texto caixa dominios*/
/******************************************************/
#f5host-font-color-branco-dm {
float: left;
margin: 14px 12px 0px 25px;
font-size: 18px;
line-height: auto;
font-family: Verdana;
color: #FFFFFF;
}
/*------------------------------------------------------------------
Aplicando cor branca os titulos do estilo
-------------------------------------------------------------------*/
#cliente-area {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #FFFFFF;
outline: none;
text-decoration: none;
text-align: left;
/*padding:15px 0;*/
}
#f5host-font-color-titulo-extra {
font-family: 'Monoton', cursive;
font-size:160px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: left;
}
#f5host-font-color-titulo-extra1 {
font-family: 'Monoton', cursive;
font-size:38px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: left;
}
#f5host-font-color-titulo-brc-0 {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #FFFFFF;
outline: none;
text-decoration: none;
text-align: left;
padding:15px 0;
}
#f5host-font-color-titulo-brc-01 {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #FFFFFF;
outline: none;
text-decoration: none;
text-align: left;
padding:15px 0;
text-align: center;
}
#f5host-font-color-titulo-brc-02 {
font-family: 'Alfa Slab One', cursive;
font-size:28px;
line-height: 24px;
color: #FFFFFF;
outline: none;
text-decoration: none;
text-align: center;
line-height: auto;
padding:15px 0;
}
#f5host-font-color-titulo-brc-03 {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #FFFFFF;
outline: none;
text-decoration: none;
padding:15px 0;
}
#f5host-font-color-titulo-brc-04 {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: center;
line-height: 24px;
padding:15px 0;
}
#f5host-font-color-titulo-brc-efeito {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #FFFFFF;
outline: none;
text-decoration: none;
padding:15px 0;
text-shadow: 3px 2px 1px #0171BC;
}
/*------------------------------------------------------------------
Aplicando cor azul nos titulos do estilo
-------------------------------------------------------------------*/
#f5host-font-color-titulo {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: left;
padding:15px 0;
}
#f5host-font-color-titulo-01 {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: right;
padding:15px 0;
}
#f5host-font-color-titulo-02 {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: center;
padding:15px 0;
}
#f5host-font-color-titulo-03 {
font-family: 'Alfa Slab One', cursive;
font-size:32px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
padding:15px 0;
}
#f5host-font-color-titulo-04 {
font-family: 'Alfa Slab One', cursive;
font-size:18px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: center;
padding:15px 0;
}
#f5host-font-color-titulo-justificado {
font-family: 'Alfa Slab One', cursive;
font-size:28px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
padding:15px 0;
}
/*------------------------------------------------------------------
Aplicando cor preta a fontes textos a esquerda do estilo
-------------------------------------------------------------------*/
#f5host-font-color-brc-min {
font-family: Verdana;
color: #fff;
outline: none;
text-decoration: none;
text-align: left;
}
/*------------------------------------------------------------------
Aplicando cor azul ao titulo com reducao ao estilo a direita
Usado em base com colunas necessita redução para aparelhos movel
-------------------------------------------------------------------*/
#f5host-fonte-titulo-cnt-02 {
font-family: 'Alfa Slab One', cursive;
font-size:24px;
line-height: auto;
color: #666666;
text-align: center;
padding:15px 0;
}
.f5host-pd-5 {
padding: 5px;
}
.f5host-pd-10 {
padding: 10px;
}
.f5host-pd-15 {
padding: 15px;
}
.f5host-pd-20 {
padding: 20px;
}
.f5host-pd-25 {
padding: 25px;
}
.f5host-pd-30 {
padding: 30px;
}
.f5host-pd-35 {
padding: 35px;
}
.f5host-pd-40 {
padding: 40px;
}
.f5host-pd-45 {
padding: 45px;
}
.f5host-pd-50 {
padding: 60px 0 60px;
}
.f5host-pd-55 {
padding: 55px;
}
.f5host-pd-60 {
padding: 60px 0 60px;
}
.f5host-pd-65 {
padding: 50px;
}
.f5host-pd-70 {
padding: 70px 10px;
}
.f5host-pd-80 {
padding: 80px;
}
.f5host-pd-85 {
padding: 85px;
}
.f5host-pd-90 {
padding: 90px;
}
.f5host-pd-95 {
padding: 95px;
}
.f5host-pd-100 {
padding: 100px;
}
body.f-head-1 h1,
body.f-head-1 h2,
body.f-head-1 h3,
body.f-head-1 h4,
body.f-head-1 h5,
body.f-head-1 h6,
body.f-head-1 .h1,
body.f-head-1 .h2,
body.f-head-1 .h3,
body.f-head-1 .h4,
body.f-head-1 .h5,
body.f-head-1 .h6 {
font-family: 'Oswald', sans-serif;
}
body.f-head-2 h1,
body.f-head-2 h2,
body.f-head-2 h3,
body.f-head-2 h4,
body.f-head-2 h5,
body.f-head-2 h6,
body.f-head-2 .h1,
body.f-head-2 .h2,
body.f-head-2 .h3,
body.f-head-2 .h4,
body.f-head-2 .h5,
body.f-head-2 .h6 {
font-family: "Open sans", sans-serif;
}
body.f-head-3 h1,
body.f-head-3 h2,
body.f-head-3 h3,
body.f-head-3 h4,
body.f-head-3 h5,
body.f-head-3 h6,
body.f-head-3 .h1,
body.f-head-3 .h2,
body.f-head-3 .h3,
body.f-head-3 .h4,
body.f-head-3 .h5,
body.f-head-3 .h6 {
font-family: "Lato", sans-serif;
}
body.f-head-4 h1,
body.f-head-4 h2,
body.f-head-4 h3,
body.f-head-4 h4,
body.f-head-4 h5,
body.f-head-4 h6,
body.f-head-4 .h1,
body.f-head-4 .h2,
body.f-head-4 .h3,
body.f-head-4 .h4,
body.f-head-4 .h5,
body.f-head-4 .h6 {
font-family: "Raleway", sans-serif;
}
body.f-head-5 h1,
body.f-head-5 h2,
body.f-head-5 h3,
body.f-head-5 h4,
body.f-head-5 h5,
body.f-head-5 h6,
body.f-head-5 .h1,
body.f-head-5 .h2,
body.f-head-5 .h3,
body.f-head-5 .h4,
body.f-head-5 .h5,
body.f-head-5 .h6 {
font-family: 'Source Sans Pro', sans-serif;
}
body.f-head-6 h1,
body.f-head-6 h2,
body.f-head-6 h3,
body.f-head-6 h4,
body.f-head-6 h5,
body.f-head-6 h6,
body.f-head-6 .h1,
body.f-head-6 .h2,
body.f-head-6 .h3,
body.f-head-6 .h4,
body.f-head-6 .h5,
body.f-head-6 .h6 {
font-family: 'PT Sans', sans-serif;
}
body.f-head-7 h1,
body.f-head-7 h2,
body.f-head-7 h3,
body.f-head-7 h4,
body.f-head-7 h5,
body.f-head-7 h6,
body.f-head-7 .h1,
body.f-head-7 .h2,
body.f-head-7 .h3,
body.f-head-7 .h4,
body.f-head-7 .h5,
body.f-head-7 .h6 {
font-family: 'Droid Serif', sans-serif;
}
body.f-head-8 h1,
body.f-head-8 h2,
body.f-head-8 h3,
body.f-head-8 h4,
body.f-head-8 h5,
body.f-head-8 h6,
body.f-head-8 .h1,
body.f-head-8 .h2,
body.f-head-8 .h3,
body.f-head-8 .h4,
body.f-head-8 .h5,
body.f-head-8 .h6 {
font-family: 'Roboto Condensed', sans-serif;
}
}
/*----------------------------------------------------------------------------------------
PADDING-MARGEM ESTILOS
-----------------------------------------------------------------------------------------*/
.inline-block {
display: inline-block;
}
.pt-0 {
padding-top: 0;
}
.pb-0 {
padding-bottom: 0;
}
.pt-25 {
padding-top: 25px;
}
.pb-25 {
padding-bottom: 25px;
}
.pt-30,
.pt-md-30 {
padding-top: 30px;
}
.pb-30,
.pb-md-30 {
padding-bottom: 30px;
}
.pt-50,
.pt-md-50 {
padding-top: 50px;
}
.pb-50,
.pb-md-50 {
padding-bottom: 50px;
}
.pt-75,
.pt-md-75 {
padding-top: 75px;
}
.pb-75,
.pb-md-75 {
padding-bottom: 75px;
}
.pt-100,
.pt-md-100 {
padding-top: 100px;
}
.pb-100,
.pb-md-100 {
padding-bottom: 100px;
}
.pt-125,
.pt-md-125 {
padding-top: 125px;
}
.pb-125,
.pb-md-125 {
padding-bottom: 125px;
}
.pt-150,
.pt-md-150 {
padding-top: 150px;
}
.pb-150,
.pb-md-150 {
padding-bottom: 150px;
}
.pt-200,
.pt-md-200 {
padding-top: 200px;
}
.pb-200,
.pb-md-200 {
padding-bottom: 200px;
}
.pt-250,
.pt-md-250 {
padding-top: 250px;
}
.pb-250,
.pb-md-250 {
padding-bottom: 250px;
}
.pt-300,
.pt-md-300 {
padding-top: 300px;
}
.pb-300,
.pb-md-300 {
padding-bottom: 300px;
}
.pt-350,
.pt-md-350 {
padding-top: 350px;
}
.pb-350,
.pb-md-350 {
padding-bottom: 350px;
}
.pt-400,
.pt-md-400 {
padding-top: 400px;
}
.pb-400,
.pb-md-400 {
padding-bottom: 400px;
}
.mt-0 {
margin-top: 0px;
}
.mb-0 {
margin-bottom: 0px;
}
.mt-5 {
margin-top: 5px;
}
.mb-5 {
margin-bottom: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mb-10 {
margin-bottom: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mb-15 {
margin-bottom: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mb-25 {
margin-bottom: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mb-50 {
margin-bottom: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
.mt-75 {
margin-top: 75px;
}
.mb-75 {
margin-bottom: 75px;
}
.mt-100,
.mt-md-100 {
margin-top: 100px;
}
.mb-100,
.mb-md-100 {
margin-bottom: 100px;
}
.mt-125,
.mt-md-125 {
margin-top: 125px;
}
.mb-125,
.mb-md-125 {
margin-bottom: 125px;
}
.mt-150,
.mt-md-150 {
margin-top: 150px;
}
.mb-150,
.mb-md-150 {
margin-bottom: 150px;
}
.mt-200,
.mt-md-200 {
margin-top: 200px;
}
.mb-200,
.mb-md-200 {
margin-bottom: 200px;
}
.mt-250,
.mt-md-250 {
margin-top: 250px;
}
.mb-250,
.mb-md-250 {
margin-bottom: 250px;
}
.mt-300,
.mt-md-300 {
margin-top: 300px;
}
.mb-300,
.mb-md-300 {
margin-bottom: 300px;
}
.no-side-pad [class^=col-] {
padding-left: 0;
padding-right: 0;
}
.row [class^=col-]>*:not([class*=mb-]):last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.container-fluid.pad-x2 {
padding-left: 60px;
padding-right: 60px;
}
}
@media (max-width: 992px) {
.pt-400 {
padding-top: 200px;
}
.pb-400 {
padding-bottom: 200px;
}
.pt-350,
.pt-300 {
padding-top: 150px;
}
.pb-350,
.pb-300 {
padding-bottom: 150px;
}
.pt-250,
.pt-200,
.pt-150,
.pt-125 {
padding-top: 100px;
}
.pb-250,
.pb-200,
.pb-150,
.pb-125 {
padding-bottom: 100px;
}
.mt-300,
.mt-250,
.mt-200,
.mt-150,
.mt-125 {
margin-top: 100px;
}
.mb-300,
.mb-250,
.mb-200,
.mb-150,
.mb-125 {
margin-bottom: 100px;
}
.row:not(.no-pad)>[class^=col-] {
margin-bottom: 40px;
}
.row [class^=col-]:not(.card):last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.row [class^=col-]>*:not([class*=mb-]):last-child {
margin-bottom: 0;
}
[class*=pb-md-] {
padding-bottom: 0;
}
[class*=pt-md-] {
padding-top: 0;
}
[class*=mt-md-] {
margin-top: 0;
}
[class*=mb-md-] {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.pt-150,
.pt-125 {
padding-top: 80px;
}
.pt-100 {
padding-top: 60px;
}
.pb-150,
.pb-125 {
padding-bottom: 80px;
}
.pb-100 {
padding-bottom: 60px;
}
.pb-75 {
padding-bottom: 50px;
}
.pt-75 {
padding-top: 50px;
}
.pb-50 {
padding-bottom: 25px;
}
.pt-50 {
padding-top: 25px;
}
.mt-150,
.mt-125 {
margin-top: 80px;
}
.mt-100 {
margin-top: 60px;
}
.mt-75 {
margin-top: 50px;
}
.mb-150,
.mb-125 {
margin-bottom: 80px;
}
.mb-100 {
margin-bottom: 60px;
}
.mb-75 {
margin-bottom: 50px;
}
.mb-50 {
margin-bottom: 25px;
}
.mt-50 {
margin-top: 25px;
}
}
/*----------------------------------------------------------------------------------------
FLEX BOX STYLES
-----------------------------------------------------------------------------------------*/
.flex-md-vmiddle,
.flex-vmiddle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-md-vbottom,
.flex-vbottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-md-vmiddle-hjustify {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-md-vstretch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.flex-md-vstretch:before,
.row.flex-md-vstretch:after {
display: none;
}
.flex-center,
.flex-md-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
}
.flex-row-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-row-inline>*+* {
margin-left: 10px;
}
.flex-vert-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-vert-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-vert-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-vert-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flex-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-grow-2 {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.chart-line {
padding: 4px;
line-height: 1.1;
}
.flex-horiz-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-horiz-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-horiz-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.text-center.flex-horiz-box {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.text-right.flex-horiz-box {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 992px) {
.flex-md-vmiddle,
.flex-md-vmiddle-hjustify,
.flex-md-vbottom,
.flex-md-center {
display: block;
}
.flex-md-vmiddle-hjustify>* {
padding: 20px;
max-width: 100%;
display: block;
}
.flex-vertical-middle {
display: block;
}
}
.f5h-pd-horizontal {
background: transparent;
display:block;
box-shadow: 5px 10px #888888;
position: relative;
}
.f5h-pd-horizontal:hover {
background: transparent;
display:block;
box-shadow: 5px 10px #FF7354;
position: relative;
}
.f5h-pd-horizontal-down {
background:#fff; /* cinza claro */
display:block;
box-shadow: 5px 10px #888888;
position: relative;
}
.f5h-pd-horizontal-down:hover {
background:#fff; /* cinza claro */
display:block;
box-shadow: 5px 10px #B10000;
position: relative;
}
.f5h-pd-horizontal.item-highlight {
margin-top: -20px;
margin-bottom: -20px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border: none;
}
.f5h-pd-horizontal .jvpricing-head {
background-color: #FF7354;
color: #ffffff;
text-align: center;
padding: 30px 0 6px;
}
.f5h-branco-page #preloader>div, .f5h-branco-page #preloader>div>*, .f5h-branco-page #preloader>div::before, .f5h-branco-page #preloader>div::after {
border-color: #DDD;
}
.f5h-preto-page #preloader>div, .f5h-preto-page #preloader>div>*, .f5h-preto-page #preloader>div::before, .f5h-preto-page #preloader>div::after {
border-color: #888;
}
.f5h-intel {
content:url(../images/hosting/stamp-2-primary-f5h-intel.png);
float:right;
border-width:0px;
width:80px;
top:-85px;
margin: -32px;
margin-top: -20px;
/*margin:-25px;
margin-top: -12px;*/
}
.f5h-amd {
content:url(../images/hosting/stamp-2-primary-f5h-amd.png);
float:right;
border-width:0px;
width:80px;
top:-85px;
right:-5px;
margin: -32px;
margin-top: -20px;
/*margin:-25px;
margin-top: -12px;*/
}
.f5h-servidor {
content:url(../images/hosting/stamp-2-primary-f5h-servidor.png);
float: left;
border-width: 0px;
width: 80px;
top: -85px;
margin: -25px;
margin-top: -22px;
/*margin:-25px;
margin-top: -12px;*/
}
.f5h-cpanel {
content:url(../images/hosting/stamp-2-primary-f5h-cpanel.png);
float: left;
border-width: 0px;
width: 80px;
top: -85px;
margin: -25px;
margin-top: -22px;
/*margin:-25px;
margin-top: -12px;*/
}
.f5h-server {
content:url(../images/hosting/stamp-2-primary-f5h-server.png);
float:right;
border-width:0px;
width:80px;
top:-85px;
right:-5px;
margin: -32px;
margin-top: -20px;
/*margin:-25px;
margin-top: -12px;*/
}
.f5h-amd-cloud {
content:url(../images/hosting/stamp-2-primary-f5h-amd.png);
float:right;
border-width:0px;
width:80px;
top:-85px;
right:-5px;
margin: -32px;
margin-top: -20px;
/*margin:-25px;
margin-top: -12px;*/
}
.f5h-server-s {
content:url(../images/hosting/stamp-2-primary-f5h-server-s.png);
float:right;
border-width:0px;
width:80px;
top:-85px;
right:-5px;
margin: -32px;
margin-top: -20px;
/*margin:-25px;
margin-top: -12px;*/
}
/* Elemento para rotacionar objetos dentro das divs */
.f5h-elemento-rt {
text-indent:-22px;
}
.table-f5h {
border: 1px solid transparent;
border-collapse: collapse;
margin: 0 auto;
padding: 0px;
table-layout: fixed;
min-width: 100%;
font-size:14px;
white-space: nowrap;
width: 12em;
}
table th {
text-align: center;
padding: 8px;
border: 1px solid transparent;
background: transparent;
color: #808080;
font-weight: bold;
font-size:15px;
max-width:12em;
}
table td {
padding: 8px;
border: 1px solid transparent;
text-align: center;
}
table tr {
background-color: transparent;
color: #808080;
text-align: left;
}
table tr:nth-child(odd) {
background-color: transparent;
color: #3a3a3a
}
table .mobile-head {
display: none;
}
@media screen and (max-width: 600px){
table {
border: 1px solid #transparent;
border-collapse: collapse;
margin: 0 auto;
padding: 0px;
table-layout: fixed;
min-width: 100%;
}
table td {
padding: 4px;
border: 1px solid #transparent;
display: block;
text-align: right;
width: 100%\9;
float: left\9;
font-size:15px;
}
table tr {
background-color: #transparent;
color: #808080;
text-align: right;
margin: 8px
}
table tr:first-child {
}
table tr {
display: block;
}
table td:not(:first-child) {
border-top: 0px;
}
table .mobile-head {
font-weight: bold;
color: #808080;
float: left;
text-align: left;
display: block
}
}
.f5h_reponda_container {
position: relative;
width: 100%;
height: auto;
max-width: 100%;
margin: 0 auto;
line-height: 150%;
}
.question-container {
position: relative;
width: 100%;
height: auto;
}
.question-container .single-question-container {
border: 1px solid #808080;
padding: 10px;
border-radius: 6px;
margin-bottom: 5px;
background: #FFFFFF
}
.question-container .question {
padding: 5px 10px;
border-radius: 5px 5px 0px 0px;
background: #808080;
color: #FFFFFF;
}
.question-container .questionNum {
float: left;
}
.question-container .questionName {
padding-left: 25px;
}
.options-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.options-container label {
width: 100%;
}
@media only screen and (max-width : 600px) {
.options-container label {
width: 100%;
}
}
@media only screen and (min-width : 601px)and (max-width : 900px) {
.options-container label {
width: 50%;
}
}
@media only screen and (min-width: 900px) {
.options-container label {
width: 25%;
}
}
.options-container.radio-type1 input[type='radio'] {
display: none;
}
.options-container.radio-type1 .label-child {
border: 1px solid #FFFFFF;
height: 100%;
background-color: #d5d5d5;
color: #000000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.options-container.radio-type1 .label-content {
display: table;
width: 100%;
height: 100%;
}
.options-container.radio-type1 .label-middle {
display: table-cell;
vertical-align: middle;
padding: 5px;
}
.options-container.radio-type1 .label-radio-parent {
width: 25px;
height: 25px;
}
.options-container.radio-type1 .label-radio {
width: 25px;
height: 25px;
background: #9e9e9e;
margin: 0px;
padding: 0px;
border-radius: 15px;
}
.options-container.radio-type1 .label-radio div {
position: relative;
width: 10px;
height: 10px;
background: #808080;
left: 7px;
top: 8px;
border-radius: 15px;
}
.options-container.radio-type1 input[type='radio']:checked+label .label-child {
background: #9e9e9e;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.options-container.radio-type1 input[type='radio']:checked+label .label-radio {
background: #1b90bb;
}
.options-container.radio-type1 input[type='radio']:checked+label .label-radio div {
background: #FFFFFF;
}
.options-container.radio-type1 input[type='radio']:enabled:not(:checked)+label:hover .label-child {
background: #9e9e9e;
color: #FFFFFF;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.options-container.radio-type1 input[type='radio']:enabled:not(:checked)+label:hover .label-radio {
background: #1b90bb;
}
.options-container.radio-type1 input[type='radio']:enabled:not(:checked)+label:hover .label-radio div {
background: #808080;
}
.options-container.radio-type1 input[type='radio'].correct+label .label-child {
background: #228B22;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.options-container.radio-type1 input[type='radio'].incorrect+label .label-child {
background: #FFA500;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.options-container.checkbox-type1 input[type='checkbox'] {
display: none;
}
.options-container.checkbox-type1 .label-child {
border: 1px solid #FFFFFF;
height: 100%;
background-color: #d5d5d5;
color: #000000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.options-container.checkbox-type1 .label-content {
display: table;
width: 100%;
height: 100%;
}
.options-container.checkbox-type1 .label-middle {
display: table-cell;
vertical-align: middle;
padding: 5px;
}
.options-container.checkbox-type1 .label-checkbox-parent {
width: 25px;
height: 25px;
}
.options-container.checkbox-type1 .label-checkbox {
width: 25px;
height: 25px;
background: #9e9e9e;
margin: 0px;
padding: 0px;
}
.options-container.checkbox-type1 .label-checkbox div {
position: relative;
top: 0px;
text-align: center;
color: #808080;
}
.options-container.checkbox-type1 input[type='checkbox']:checked+label .label-child {
background: #9e9e9e;
color: #FFFFFF;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.options-container.checkbox-type1 input[type='checkbox']:checked+label .label-checkbox {
background: #1b90bb;
}
.options-container.checkbox-type1 input[type='checkbox']:checked+label .label-checkbox div {
color: #FFFFFF;
}
.options-container.checkbox-type1 input[type='checkbox']:enabled:not(:checked)+label:hover .label-child {
background: #9e9e9e;
color: #FFFFFF;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.options-container.checkbox-type1 input[type='checkbox']:enabled:not(:checked)+label:hover .label-checkbox {
background: #1b90bb;
}
.options-container.checkbox-type1 input[type='checkbox']:enabled:not(:checked)+label:hover .label-checkbox div {
color: #808080;
}
.options-container.checkbox-type1 input[type='checkbox'].correct+label .label-child {
background: #228B22;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.options-container.checkbox-type1 input[type='checkbox'].incorrect+label .label-child {
background: #FFA500;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.options-container .right-mark {
display: none !important;
color: #FFFFFF;
font-size: 30px;
}
.options-container .wrong-mark {
display: none !important;
color: #8B0000;
font-size: 30px;
text-align: left;
}
.options-container .correct+label .right-mark, .options-container .incorrect+label .wrong-mark {
display: table-cell !important;
}
.question-container .explanation {
background: #d5d5d5;
color: #000000;
padding: 5px;
margin: 4px 1px;
border: 1px solid gray;
}
.question-container .submitPrnt {
background: #d5d5d5;
color: #000000;
padding: 5px;
border-radius: 2px;
border: 1px solid gray;
}
.startQuizPrnt {
width: 150px;
margin: 0 auto;
}
.question-container .timer {
float: right;
padding-right: 5px;
}
.question-container .submit-button, .question-container .prev-button, .question-container .reset-button, .question-container .next-button, .start-quiz-button {
background: #2196F3;
color: #FFFFFF;
padding: 5px 32px;
cursor: pointer;
border: 0px;
margin-right: 5px;
}
.question-container .submit-button,.question-container .reset-button {
float: right;
}
.question-container .submit-button:hover,.question-container .prev-button:hover,.question-container .reset-button:hover, .question-container .next-button:hover, .start-quiz-button:hover {
background: #216ff3;
color: #FFFFFF;
}
.question-container .submit-button:disabled,.question-container .prev-button:disabled,.question-container .reset-button:disabled, .question-container .next-button:disabled, .start-quiz-button:disabled {
background: #808080;
color: #FFFFFF;
cursor: default;
}
@media only screen and (max-width : 600px) {
.question-container .submit-button, .question-container .prev-button, .question-container .reset-button, .question-container .next-button {
width: 46%;
margin: 0px;
float: none;
margin: 3px;
}
.question-container .timer {
float: none;
padding: 0px;
}
}
.textareadField {
width: calc(100% - 12px);
height: 50px;
margin-top: 5px;
border: 1px solid gray;
padding: 5px;
}
.prev-button {
float: left;
}
.question-container .submit-button, .question-container .prev-button, .question-container .reset-button, .question-container .next-button, .start-quiz-button, .show-answer-button, .hide-answer-button {
padding: 10px 50px;
}
.question-container .submitPrnt {
padding: 10px;
}
@media only screen and (max-width : 600px) {
.question-container .submitPrnt {
padding: 0px 10px 10px;
}
.question-container .submit-button, .question-container .prev-button, .question-container .reset-button, .question-container .next-button {
width: 100%;
margin: 0px;
float: none;
margin-top: 10px;
}
}
.active {
animation: fadeIn 2s ease-out 0s 1 alternate forwards running;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.inactive {
display: none;
}
.question-container .feedback {
background: #d5d5d5;
padding: 5px;
border-radius: 2px;
border: 1px solid gray;
text-align: center;
}
.question-container .fail, .question-container .success {
display: none;
}
.hover-image span {
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 200px;
width: 100%;
line-height: 45px;
height: 45px;
display: block;
background-color: #000;
color: #FFF;
text-align: center;
font-family: "Roboto";
left: 0;
top: 0;
margin: auto;
transition: all 0.4s ease;
}
.hover-image:hover span {
opacity: 1;
visibility: visible;
bottom: 0;
}
.hover-image {
position: absolute;
left: 0;
top: 0;
margin: auto;
}
.hover-image span {
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 200px;
width: 100%;
line-height: 45px;
height: 45px;
display: block;
background-color: #000;
color: #FFF;
text-align: center;
font-family: "Roboto";
left: 0;
top: 0;
margin: auto;
transition: all 0.4s ease;
}
.hover-image:hover span {
opacity: 1;
visibility: visible;
bottom: 0;
}
/* Inciciando Estilização Modal Login e Registrar */
.f5h-modal-lg-rg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-family: Arial, Helvetica, sans-serif;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.f5h-modal-lg-rg:target {
opacity: 1;
pointer-events: auto;
}
.f5h-modal-lg-rg > div {
width: 40%;
height:auto;
position: relative;
margin: 10% auto;
padding: 15px 20px;
background: #fff;
box-shadow: rgb(255 255 255) 5px 5px 5px;
border-right: 5px solid;
border-bottom: 5px solid
}
.f5h-modal-fechar {
position: absolute;
width: 30px;
right: -13px;
top: -20px;
text-align: center;
line-height: 30px;
margin-top: 6px;
background: #ff0000;
border-radius: 50%;
font-size: 20px;
color: #8d0000;
}
.f5h-modal-fechar{
color:#8d0000 !important;
}
.f5h-modal-fechar:hover{
color:#fff !important;
}
/*// Estilizando Base de Conhecimento //*/
.f5h-base-de-conhecimento{
background:#fff;
padding: 15px;
overflow: auto;
margin:0;
border-radius: 5px;
border:1px solid #ccc;
display: flex;
justify-content: space-between;
align-content: stretch;
align-items: center;
}
/*// Tabela de Servidores Produtos em coluna table //*/
.row-f5h-1{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
#f5h-wrapper-1 {
width: 100%;
overflow-x: hidden;
display: -ms-flex;
display: -webkit-flex;
display: flex;
}
.f5h-wrapper-1 {
padding: 0 20px;
}
.wrapper-content {
padding: 20px 10px 40px;
}
.wrapper-content-tabela-info {
padding: 20px 0 0;
margin-bottom: -30px;
}
#page-wrapper {
padding: 0 15px;
position: relative !important;
flex-shrink: 1;
width: calc(100% - 220px);
}
.border-bottom {
border-bottom: 0px solid #e7eaec;
}
.md-skin .ibox.border-bottom {
border-bottom: none !important;
}
.page-heading {
border-top: 0;
padding: 0 10px 0;
}
.md-skin .page-heading {
border-bottom: none !important;
border-top: 0;
padding: 0 10px 20px 10px;
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
}
.row-tables-sv {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
margin-top: 5px;
}
.ibox {
clear: both;
margin-bottom: 25px;
margin-top: 0;
padding: 0;
}
.ibox.collapsed .ibox-content {
display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
content: "\f077";
}
.f5h-ibox.collapsed .fa.fa-chevron-up:before {
content: "\f078";
}
.ibox:after,
.ibox:before {
display: table;
}
.ibox-title {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffffff;
border-color: #e7eaec;
color: #777 !important;
border-image: none;
border-style: solid solid none;
border-width: 2px 0 0;
color: inherit;
margin-bottom: 0;
padding:5px 15px 4px 15px;
min-height: 48px;
position: relative;
clear: both;
}
.ibox-content {
background-color: #ffffff;
color: inherit;
padding: 5px 20px 20px 20px;
border-color: #e7eaec;
border-image: none;
border-style: solid solid none;
border-width: 1px 0;
}
.md-skin .ibox {
clear: both;
margin-bottom: 25px;
margin-top: 0;
padding: 0;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
/* Resizable */
.resizable-panels .ibox {
clear: none;
margin: 10px;
float: left;
overflow: hidden;
min-height: 150px;
min-width: 150px;
}
.resizable-panels .ibox .ibox-content {
height: calc(100% - 49px);
}
/* UI Sortable */
.ui-sortable .ibox-title {
cursor: move;
}
.ui-sortable-placeholder {
border: 1px dashed #cecece !important;
visibility: visible !important;
background: #e7eaec;
}
.ibox.ui-sortable-placeholder {
margin: 0 0 23px !important;
}
.ui-draggable .ibox-title {
cursor: move;
}
.ibox-content {
clear: both;
}
.ibox-content.text-box {
padding-bottom: 0;
padding-top: 15px;
}
.md-skin .ibox-title,
.md-skin .ibox-content {
border-style: none;
}
.resizable-panels .ibox .ibox-content {
height: calc(100% - 49px);
}
.ibox.fullscreen .ibox-content {
min-height: calc(100% - 48px);
}
.ibox-heading {
background-color: #f3f6fb;
border-bottom: none;
}
.article .ibox-content {
padding: 40px;
}
.product-detail .ibox-content {
padding: 30px 30px 50px 30px;
}
.ibox-content > .sk-spinner {
display: none;
}
.ibox-content.sk-loading {
position: relative;
}
.ibox-content.sk-loading:after {
content: '';
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ibox-content.sk-loading > .sk-spinner {
display: block;
position: absolute;
top: 40%;
left: 0;
right: 0;
z-index: 2000;
}
.ibox-heading h3 {
font-weight: 200;
font-size: 24px;
}
.ibox-title h5 {
display: inline-block;
font-size: 14px;
margin: 0 0 7px;
padding: 0;
text-overflow: ellipsis;
float: none;
}
.ibox-title .label {
margin-left: 4px;
}
.ibox-title .pull-right {
position: absolute;
right: 15px;
top: 15px;
}
.ibox-tools {
display: block;
float: none;
margin-top: 0;
position: absolute;
top: 15px;
right: 15px;
padding: 0;
text-align: right;
}
.ibox-tools a {
cursor: pointer;
margin-left: 5px;
color: #c4c4c4 !important;
}
.ibox-tools a.btn-primary {
color: #fff !important;
}
.ibox-tools {
float: none;
text-align: right;
display: block;
}
.ibox-tools {
float: none;
text-align: left;
display: inline-block;
}
body.rtls .ibox-tools {
float: left;
position: static;
}
body.rtls .ibox-title h5 {
float: right;
}
body.rtls .float-right {
float: left !important;
}
body.rtls .float-left {
float: right !important;
}
body.rtls .ibox-title {
padding: 15px 15px 8px 15px;
}
body.rtls .ibox-title .label {
float: left;
}
/* COLORS */
.text-navy {
color: #1ab394 !important;
}
.ibox-tools .dropdown-menu > li > a {
padding: 4px 10px;
font-size: 12px;
color: #676a6c !important;
}
.ibox .ibox-tools.open > .dropdown-menu {
left: auto;
right: 0;
}
.ibox.fullscreen .collapse-link {
display: none;
}
.ibox.fullscreen .ibox-content {
min-height: calc(100% - 48px);
}
.show-grid [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee !important;
color:#444444;
text-align:center;
}
_::-webkit-full-page-media,
_:future,
:root body.modal-open .wrapper-content.animated {
-webkit-animation: none;
-ms-animation-nam: none;
animation: none;
}
.show-grid {
margin: 15px 0;
}
.tabela-font-ajusta{
font-weight: 700;
}
.tabela-font-ajusta-preco{
font-weight: 900;
color:#444444;
padding-inline: 0 20px;
padding-top: 7px;
font-size:2.2em;
}
.tabela-ajusta-preco{
display: flex;
justify-content: flex-end;
}
/* PAGINATIN */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
border-color: #DDDDDD;
cursor: default;
z-index: 2;
}
.pagination > li > a,
.pagination > li > span {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
color: inherit;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 4px 10px;
position: relative;
text-decoration: none;
}
.pagination .footable-page.active a {
background-color: #1ab394;
border-color: #1ab394;
color: white;
}
/* TABLES */
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 1px solid #e7eaec;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
border: 1px solid #e7e7e7;
}
.table td, .table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.05);
}
.table-responsive>.table-bordered {
border: 0;
}
.table-bordered td, .table-bordered th{
border: 1px solid #dee2e6;
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-bordered {
border: 1px solid #EBEBEB;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
background-color: #F5F5F6;
border-bottom-width: 1px;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #e7e7e7;
}
.table > thead > tr > th {
border-bottom: 1px solid #DDDDDD;
vertical-align: bottom;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
background-color: #F5F5F6;
border-bottom-width: 1px;
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width: 2px;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-top: 1px solid #e7eaec;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
/* DATATABLES */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
background: transparent;
}
table.table-mail tr td {
padding: 12px;
}
/* AGILE BOARD */
.sortable-list {
padding: 10px 0;
}
.table-mail .check-mail {
padding-left: 20px;
}
.table-mail .mail-date {
padding-right: 20px;
}
.dataTables_wrapper {
padding-bottom: 30px;
}
.dataTables_length {
float: left;
}
.dataTables_filter label {
margin-right: 5px;
}
.right.chat-element > .float-right {
margin-left: 10px;
}
.tabela-ajusta-tx-sv{
float:left;
font-weight: 700;
}
.tabela-ajusta-tx-sv1{
display: flex;
margin-left: 30px;
}
.table-cor-click{
background: #fff;
border: 1px solid #dee2e6;
}
.table-cor-click:hover{
background-color:#EEEEEE;
color:#444444;
}
.footable-row-detail-name {
display: flex !important;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 8px;
white-space: nowrap;
}
.ajuste-container{
padding: 0 5px 0 5px;
}
.efeito-mc-footable{
background: url("../images/mascote-hero-f5host.png");
background-position: bottom 0 right -20px;
background-repeat: no-repeat;
/* background-attachment: fixed; */
position: relative;
display: revert;
}
/* Mantem as tebaleas posicionadas em seus lugares de origem*/
.esc-tb{
display:none;
}
.preco-inteiro{
font-size: 5.9em;
font-weight: 800;
text-shadow: #999 3px 1px 0px;
}
.preco-centavos{
font-size: 1.9em;
font-weight: 800;
padding-bottom: 20px;
bottom: 45px;
position: relative;
color: #3c3c3ce6;
text-shadow: #999 1px 2px 0px;
}
.dec-preco-gr{
text-align:center !important;
margin-bottom: 5px;
}
.dec-preco-rs-mes{
font-size:15px;
}.aviso-tb-desktop{
display:none;
/
/*// Finalizando Tabela de Servidores Produtos em coluna table //*/
/* Pesquisar por dominios*/
}
.tamanho{
margin-left:35px;
}
.buscar_dominio {
float: left;
width: 100%;
background:#000;
padding: 15px 0 20px;
}
.buscar_dominio .esquerdo {
float: left;
width: 54%;
padding: 16px 0px 5px 0px;
}
.buscar_dominio .direito {
width: 57%;
min-height: 90px;
padding: 20px 0px 16px 0px;
}
.buscar_dominio .bg-transparente {
float: right;
width: 43%;
margin-right:16px;
min-height: 90px;
padding: 45px 0 0 0;
font:normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
color: #f7f7f9;
}
.buscar_dominio .porque {
font:normal 13pt Arial;
line-height:auto;
width:90%;
margin:10px 0px 0px 7%;
color: #777;
text-align:center; }
.buscar_dominio .titulo {
font-size: 20px;
font-family:Tahoma, Geneva, sans-serif;}
.buscar_dominio .esquerdo .buscar_secao {
float: left;
width: 100%;
margin-left: 15px;
padding: 1.4% 1.6%;
background: #fff;
border-radius: 4px;
border: 1px solid #E0E0E0; }
#dominio-form-busca { margin: 0; padding: 0; }
#dominio-form-busca #s , .dnm{
border: 1px solid #fff;
border-left: 1px solid #F5F5F5;
width: 56%;
height:45px;
padding:7px 10px 7px 10px;
color: #393a3b;
float: left;
border-radius: 0px;
font-size: 16px;
background-color: #f3f3f3; }
.www {
border: 1px solid #fff;
width: 10%;
height:45px;
margin-right: -5px;
margin-bottom:1px;
text-align: center;
padding:7px 10px 7px 10px;
color: #fff;
float: left;
border-radius: 4px 0px 0px 4px;
font: normal 14px arial;
line-height: 2.2;
background-color: #040303; }
.www-texto {
margin-top:0;
cursor:default;
font-size:14px;
}
.buscar_dominio .esquerdo .buscar_secao .witch {
float: left;
width: 87px;
height: 44px;
font-size: 16px;
color: #fff;
padding: 10px 10px 10px 10px;
margin: 1px 0px 0px -10px;
border: none;
border-radius: 0px 4px 4px 0px;
background-color: #040303; }
.buscar_dominio .esquerdo .buscar_secao #botao-busca{
float: right;
width: 120px;
height: 44px;
margin-top: 1px;
text-align: center;
cursor:pointer;
overflow:hidden;
color: #fff;
font: normal 16px tahoma;
text-transform: uppercase;
transition: all 0.3s ease;
border-radius: 3px;
border: 2px solid #000000;
margin-left: 12px;
font-family:Verdana;
background: #FF7354; /* Old browsers */
background: -moz-linear-gradient(top, #FF7354 0%, #63a31e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF7354), color-stop(100%, #FF7354)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FF7354 0%, #FF7354 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FF7354 0%, #FF7354 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FF7354 0%, #FF7354 100%); /* IE10+ */
background: linear-gradient(to bottom, #FF7354 0%, #FF7354 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */ }
.buscar_dominio .esquerdo .buscar_secao #botao-busca:hover {
background: #000000; /* Old browsers */
border: 2px solid #FF7354;
}
.buscar_dominio .esquerdo .buscar_secao #botao-busca:active {
position:relative;
top:1px;
color:#fff;
}
.buscar_dominio .esquerdo .sm_links {
float: left;
margin-left: 15px;
color: #999;
font-size: 13px;
margin-top: 5px;
}
.buscar_dominio .esquerdo .sm_links a {
color: #fff;
}
.buscar_dominio .esquerdo .sm_links a:hover {
color: #0099FF;
}
.buscar_dominio .esquerdo .sm_links a:hover {
color: #FF7354;
}
.buscar_dominio .direito ul {
padding: 0px;
margin-right: 15px; }
.buscar_dominio .direito li {
float: left;
padding: 10px 8px 10px 8px;
margin: 0px 0px 15px 15px;
width: 17.3%;
background-color: #fff;
border-radius: 4px;
font-size: 11pt;
color: #444b;
text-align: center;
border: 1px solid #DBDBDB;
font-weight: 600;
}
.buscar_dominio .direito li em {
font-size: 12px;
color: #727272;
font-style: normal;
display: block;
line-height: 16px; }
.buscar_dominio .direito s { color: #C30; }
.buscar_dominio .direito .promo{
color: #376A0C;
font-weight: 600;
}
ul li {list-style: none;
}
.show-grid-neutro [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 0px solid #ddd;
background-color: #fff;
color:#444444;
text-align:center;
}
.show-grid-neutro {
margin: 0;
}
.show-grid-selo-verifica [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 0px solid #ddd;
background-color: #fff;
color:#444444;
text-align:center;
}
.show-grid-selo-verifica {
margin: 0;
}
.selo-verifica-status{
float:right;
margin-right: 30px;
}
.selo-verifica-status-texto{
color:#333 !important;
}
.selo-verifica-dcma {
content: url(../images/site-protegido/stamp-2-primary-f5h-dcma.png);
float: left;
border-width: 0px;
width: 80px;
top: -85px;
margin: -30px;
margin-top: -44px;
margin-bottom: -44PX;
}
.show-grid-selo [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee;
color:#444444;
text-align:center;
}
.show-grid-selo {
margin: 0;
}
.selo-seguro-modal-img{
bottom:0;
position:fixed;
right:-15px;
bottom:0px;
z-index:4000;
}
.ssl-emitido-selo-seguro{
background-color: #71C474;
padding: 5px 0px 5px;
font-weight: 600;
color: #fff;
font-size: 15px;
margin-top: 10px;
}
.ssl-valido-selo-seguro{
background-color: #FF7354;
padding: 5px 0px 5px;
font-weight: 600;
color: #fff;
font-size: 15px;
}
.protecao-tiva{
font-weight: 700;
}
.protecao-ativa-titulo{
color: #444d;
font-size: 14px;
font-weight: 700;
}
.protecao-ativa-texto{
color: #444d;
font-size: 12px;
}
/* Estilizando Modal Pagamentos */
.modal-pagamentos-0{
background-color: #FF7354;
padding: 5px 0px 5px;
font-weight: 600;
color: #fff;
font-size: 15px;
margin-top: 10px;
}
.modal-pagamentos-1{
background-color: #000;
padding: 5px 0px 5px;
font-weight: 600;
color: #fff;
font-size: 15px;
}
.show-grid-pagamentos [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee;
color:#444444;
text-align:center;
}
.show-grid-pagamentos {
margin: 0;
}
.modal-pagamentos-texto{
font-weight: 700;
}
.modal-pagamento-titulo{
font-weight: 700;
float: left;
margin-left: 15px;
font-size: x-large;
}
.otima-escolha-img{
display: flex !important;
justify-content: center;
margin-right: 0 !important;
}
/* Estilizando Modal Diversos */
.show-grid-diversos [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee !important;
color:#444444;
text-align:center;
}
.show-grid-diversos {
margin: 0;
}
.modal-diversos-0{
background-color: #FF7354;
padding: 5px 0px 5px;
font-weight: 600;
color: #fff;
font-size: 15px;
margin-top: 10px;
}
.modal-diversos-1{
background-color: #000;
padding: 5px 0px 5px;
font-weight: 600;
color: #fff;
font-size: 15px;
}
.modal-diversos-titulo{
font-weight: 700;
float: left;
margin-left: 15px;
font-size: x-large;
}
.modal-diversos-texto{
font-weight: 700;
}
.modal-diversos-img{
display: flex !important;
justify-content: center;
margin-right: 0 !important;
}
.status-produto-ativo{
text-decoration: line-through;
color: #AC0606;
/*// Estilizando versão mobile Modal //*/
}
}
@media(max-width:768px){
.f5h-modal-lg-rg > div {
width: 80%;
height:auto;
position: relative;
margin: 10% auto;
padding: 15px 20px;
background: #fff;
box-shadow: rgb(255 255 255) 5px 5px 5px;
border-right: 5px solid;
border-bottom: 5px solid
}
}
@media(max-width:480px){
.f5h-modal-lg-rg > div {
width: 80%;
height:auto;
position: relative;
margin: 10% auto;
padding: 15px 20px;
background: #fff;
box-shadow: rgb(255 255 255) 5px 5px 5px;
border-right: 5px solid;
border-bottom: 5px solid
}
}
@media(max-width:768px){
#f5host-font-color-titulo-extra {
font-family: 'Monoton', cursive;
font-size:100px;
line-height: auto;
color: #666666;
outline: none;
text-decoration: none;
text-align: center;
}
}
@media (min-width: 576px){
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
}
@media (max-width: 576px){
.row-f5h-1 {
display: -ms-flexbox;
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
}
@media (max-width: 768px) {
.html5buttons {
float: none;
margin-top: 10px;
}
.dataTables_length {
float: none;
}
}
@media (max-width: 768px) {
.tabela-ajusta-tx-sv1{
margin-left: 5px;
}
}
@media (max-width: 768px) {
.footable-row-detail-name {
}
}
@media (max-width: 768px) {
.tabela-ajusta-preco{
display: flex;
justify-content: space-between;
margin-top: 0;
}
}
@media (max-width: 768px) {
.efeito-mc-footable{
background:background: transparent;
}
}
@media (max-width: 768px) {
.table-cor-click {
background: #fff;
border: 1px solid #dee2e6;
padding-bottom: 35px !important;
}
}
@media (max-width: 768px) {
.tabela-ajusta-tx-sv {
float: left;
font-weight: 700;
margin-top: 2px;
}
}
@media (max-width: 768px) {
.esconde-tb-movel {
display:none;
}
}
@media (max-width: 768px) {
.aviso-tb-desktop{
display: inherit !important;
color: #333;
margin: 0 20px;
padding-bottom: 20px;
}
}
/* Pesquisar Dominio*/
@media (max-width: 768px) {
.tamanho{
margin-left: 5px;
}
}
@media (max-width: 768px) {
.buscar_dominio .esquerdo .buscar_secao {
float: left;
width: 22.9em;
margin-left: 15px;
padding: 1.4% 1.6%;
background: #fff;
border-radius: 4px;
border: 1px solid #E0E0E0;
}
}
@media (max-width: 768px) {
.buscar_dominio .bg-transparente{
margin: 0 15px;
min-height: 90px;
padding-top: 10px;
font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #f7f7f9;
width: auto;
text-align: left;
padding-bottom: 20px;
}
}
@media (max-width: 768px) {
.buscar_dominio .direito{
width: 95%;
}
@media (max-width: 768px) {
.buscar_dominio .direito li{
float: left;
padding: 10px 10px 10px 10px;
margin: 0 0 20px 15px;
width: 100%;
background-color: #fff;
border-radius: 4px;
font-size: 11pt;
color: #444b;
text-align: center;
border: 1px solid #DBDBDB;
font-weight: 600;
}
}
@media (max-width: 768px) {
.buscar_dominio .porque {
font: normal 13pt Arial;
width: auto;
color: #777;
margin-top: 10px;
padding-right: 23px;
margin-left: 0;
text-align: left;
}
}
@media (max-width: 768px) {
.buscar_dominio .esquerdo .sm_links {
float: left;
margin-left: 15px;
color: #999;
font-size: 13px;
margin-top: 10px;
width: 24.4em;
position: relative;
}
}