html {
overflow-x: hidden;
overflow-y: auto;
}
html,
body {
height: 100%;
}
body {
background-color: #FFF;
color: #666666;
font-family: "Open Sans", Arial, sans-serif;
font-size: 13px;
line-height: 23px;
margin: 0;
}
div.body {
height: 100%;
width: 100%;
} header {
clear: both;
background: #FFF;
padding: 16px 0 8px;
position: fixed;
top: 0;
width: 100%;
z-index: 1001;
border-bottom: 3px solid #E5E7E9;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
} body.no-page-top {
background: #EDEFF2;
}
body {
padding-top: 84px;
}
body.header-top {
padding-top: 134px;
}
body.sticky-menu-active header {
padding: 2px 0 2px;
}
body.sticky-menu-active header h1 {
margin: 7px -32px -17px 0;
padding: 10px 30px;
}
header > .container {
position: relative
}
body.header-top.sticky-menu-active header {
padding: 12px 0 2px;
}
body.sticky-menu-down.header-top.sticky-menu-active header {
top: -40px;
} header div.header-top {
background: #F6F8FB;
width: 100%;
z-index: 1002;
margin: -18px 0 12px;
min-height: 50px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
body.sticky-menu-active header div.header-top {
margin-bottom: 0;
}
header div.header-top p {
float: left;
font-size: 0.9em;
line-height: 50px;
margin: 0;
}
header div.header-top ul.social-icons {
float: right;
list-style: none;
margin: 0 0 0 25px;
padding: 0;
position: relative;
top: 11px;
right: 11px;
}
header div.header-top ul.social-icons li {
display: inline-block;
margin: 0;
padding: 0;
}
header div.header-top ul.social-icons li a {
display: inline-block;
width: 28px;
color: #2D343E;
height: 25px;
text-align: center;
line-height: 25px;
font-size: 14px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
header div.header-top i.icon {
margin-left: 6px;
margin-right: 6px;
position: relative;
top: 1px;
}
header div.header-top nav i.icon {
top: 0;
}
header div.header-top nav {
float: right;
}
header div.header-top nav ul.nav-top li a,
header div.header-top nav ul.nav-top li span {
color: #999;
font-size: 0.9em;
line-height: 50px;
padding: 0 6px;
}
header div.header-top nav ul.nav-top li a:before {
display: none;
}
header div.header-top.color nav ul.nav-top li a,
header div.header-top.color nav ul.nav-top li span,
header div.header-top.color ul.social-icons li a {
color: #FFF;
} button.btn-responsive-nav {
display: none;
} header h1.logo {
background: #FFF;
color: #000;
display: block;
float: left;
height: 100%;
margin: 7px -32px -25px 0;
padding: 10px 30px 20px;
border-bottom: 3px solid #E5E7E9;
z-index: 100;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
header h1.logo a {
position: relative;
z-index: 1;
}
header h1.logo img {
position: relative;
color: transparent;
} header div.search {
float: right;
position: relative;
}
header div.search a {
display: block;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
color: #2D343E;
position: relative;
z-index: 9999;
-webkit-transform: translate3d(0,0,0);
}
header div.search-input {
position: absolute;
right: -12px;
top: 20px;
background: #434A54;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 6px;
width: 260px;
z-index: 9998;
filter: alpha(opacity=0);
opacity: 0;
display: none;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
header div.search-input.active {
top: 40px;
filter: alpha(opacity=100);
opacity: 100;
}
header div.search-input input {
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
header div.search-input .btn {
padding-top: 12px;
padding-bottom: 11px;
margin-top: -1px;
}
html.webkit header div.search-input .btn {
margin-top: 0;
}
header div.search-input:after {
display: block;
content: " ";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #434A54;
position: absolute;
top: -8px;
right: 15px;
} header div.cart {
float: right;
position: relative;
}
header div.cart > a {
display: block;
min-width: 40px;
height: 25px;
text-align: center;
line-height: 25px;
color: #2D343E;
position: relative;
z-index: 9999;
padding-left: 10px;
margin-left: 10px;
font-size: 1.2em;
}
header div.cart > a:before {
background: none repeat scroll 0 0 #F1F1F1;
content: " ";
display: block;
height: 20px;
position: absolute;
left: 0;
top: 3px;
width: 1px;
} header nav.nav-main {
float: right;
}
header div.nav-main-collapse {
margin-top: 17px;
}
header div.nav-main-collapse,
header div.nav-main-collapse.in {
overflow-y: visible;
}
header div.nav-main-collapse.in {
overflow-y: visible;
float: none;
margin: 0;
}
header nav ul.nav-main {
margin: -7px 10px 8px 0;
}
header nav ul.nav-main i.icon-caret-down {
background: transparent;
border-radius: 100%;
color: #ADB0AD;
display: inline-block;
font-size: 12px;
height: 14px;
line-height: 15px;
position: relative;
text-align: center;
top: -1px;
width: 14px;
}
header nav ul.nav-main > li + li {
margin-left: -4px;
}
header nav ul.nav-main .dropdown-submenu {
position: relative;
}
header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
display: block;
}
header nav ul.nav-main .dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #CCC;
margin-top: 5px;
margin-right: -10px;
}
header nav ul.nav-main .dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
header nav ul.nav-main .dropdown-submenu.pull-left {
float: none;
}
header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
header nav ul.nav-main ul.dropdown-menu,
header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header nav ul.nav-main li.active a {
background-color: transparent;
}
header nav ul.nav-main ul.dropdown-menu {
-moz-border-radius: 6px;
-moz-box-shadow: 0 0 0;
-webkit-border-radius: 6px;
-webkit-box-shadow: 0 0 0;
border: 0;
border-radius: 6px;
box-shadow: 0 0 0;
margin: 0 0 0 3px;
padding: 10px 5px;
top: auto;
background: #434A54;
}
header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-left: 3px solid #393F48;
margin-left: -6px !important;
margin-top: -10px;
}
header nav ul.nav-main ul.dropdown-menu li:hover > a {
filter: none;
background: #393F48;
}
header nav ul.nav-main ul.dropdown-menu > li > a {
color: #ECECED;
font-weight: 400;
padding-bottom: 4px;
padding-top: 4px;
text-transform: none;
position: relative;
padding: 8px 20px 8px 12px;
font-size: 0.9em;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
header nav ul.nav-main ul.dropdown-menu > li > a:hover {
padding-left: 16px;
padding-right: 16px;
}
header nav ul.nav-main ul.dropdown-menu li:last-child > a {
border-bottom: 0;
}
header nav ul.nav-main li a {
background: none;
font-style: normal;
line-height: 20px;
margin-left: 3px;
margin-right: 3px;
color: #9C9C9C;
font-weight: 100;
position: relative;
font-size: 1.1em;
}
header nav ul.nav-pills > li > a:before {
background: #F1f1f1;
display: block;
content: " ";
width: 1px;
height: 20px;
position: absolute;
right: 0;
top: 10px;
}
header ul.nav-pills > li.active > a {
color: #9C9C9C;
}
header nav ul.nav-pills > li > a,
header nav ul.nav-pills > li > a:hover,
header nav ul.nav-pills > li > a:focus,
header nav ul.nav-pills > li.active > a,
header nav ul.nav-pills > li.active > a:hover,
header nav ul.nav-pills > li.active > a:focus {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background: none;
border: 0;
}
header nav ul.nav-main li ul a {
text-transform: none;
font-weight: normal;
font-size: 0.9em;
}
header nav ul.nav-main li.dropdown:hover > a {
padding-bottom: 11px;
margin-bottom: -1px;
position: relative;
}
header nav ul.nav-main li.dropdown:hover > a:after {
display: block;
content: " ";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #434A54;
position: absolute;
bottom: -3px;
left: 40%;
}
header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
header nav ul.nav-main li.dropdown:hover > ul {
display: block;
} header.big-logo h1.logo {
margin-top: -60px;
padding-top: 20px;
min-height: 162px;
}
body.header-top.sticky-menu-active header {
top: -40px !important;
}
body.sticky-menu-active header.big-logo h1.logo {
margin: -25px -32px -17px 0;
padding: 10px 30px;
min-height: 0;
}
header.big-logo div.header-top {
background: #FFF;
margin-top: 5px;
margin-bottom: -10px;
}
body.sticky-menu-active header.big-logo div.header-top {
opacity: 0;
}
header.big-logo div.header-top p {
float: right;
padding-left: 20px;
margin-left: 0;
margin-right: 20px;
} @media (min-width: 992px) {
nav.mega-menu .nav,
nav.mega-menu .dropup,
nav.mega-menu .dropdown,
nav.mega-menu .collapse {
position: static;
}
header nav.mega-menu ul.nav-main .mega-menu-content {
text-shadow: none;
}
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
background: #434A54 !important;
border-top: 6px solid #434A54;
color: #666666;
padding: 0;
margin: 0 15px;
}
header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
color: #ECECED;
display: block;
font-size: 1em;
font-weight: 600;
padding-bottom: 5px;
text-transform: uppercase;
}
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
list-style: none;
padding: 0;
margin: 0;
}
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu a {
color: #AFAFAF;
text-shadow: none;
margin: 0 0 0 -8px;
padding: 3px 8px;
text-transform: none;
font-size: 0.9em;
display: block;
font-weight: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu a:hover {
padding-left: 12px;
padding-right: 4px;
}
header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.dropdown-menu li:hover a:hover {
background: #393F48 !important;
text-decoration: none;
}
nav.mega-menu .navbar-inner,
nav.mega-menu .container {
position: relative;
}
nav.mega-menu .dropdown-menu {
left: auto;
}
nav.mega-menu .dropdown-menu > li {
display: block;
}
nav.mega-menu .nav.pull-right .dropdown-menu {
right: 0;
}
nav.mega-menu .mega-menu-content {
padding: 20px 30px;
}
nav.mega-menu .mega-menu-content:before,
nav.mega-menu .mega-menu-content:after {
display: table;
content: "";
line-height: 0;
}
nav.mega-menu .mega-menu-content:after {
clear: both;
}
nav.mega-menu.navbar .nav > li > .dropdown-menu:after,
nav.mega-menu.navbar .nav > li > .dropdown-menu:before {
display: none;
}
nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
width: auto;
}
}
section.home-top {
background-image: url(//www.carpenteriacosta.com/wp-content/themes/carpenteriacosta_com/img/home-bg.jpg);
background-position: center 0;
background-repeat: no-repeat;
margin-bottom: 60px;
margin-top: -65px;
position: relative;
}
section.home-top.with-carousel {
min-height: 1171px;
}
section.home-top-clean {
margin-bottom: 85px;
margin-top: -65px;
position: relative;
} div.main-carousel {
margin-top: -60px;
overflow: hidden;
padding-bottom: 120px;
padding-top: 120px;
position: relative;
visibility: hidden;
width: 100%;
} div.main-carousel .owl-controls {
text-align: right;
position: absolute;
bottom: -165px;
right: 15px;
}
div.main-carousel .owl-pagination {
visibility: hidden;
}
div.main-carousel .owl-buttons {
display: none;
}
div.main-carousel .owl-carousel .owl-wrapper-outer {
overflow: visible;
}
div.main-carousel .owl-carousel .owl-item > div {
position: relative;
padding: 10px;
} div.main-carousel div.carousel-overlay {
position: absolute;
top: -15%;
width: 100%;
left: 0;
right: 0;
bottom: -100px;
height: 115%;
display: none;
background: transparent;
z-index: 10;
} div.main-carousel .img-thumbnail {
padding: 13px;
min-width: 250px;
}
div.main-carousel .img-thumbnail,
div.main-carousel .img-thumbnail img,
div.main-carousel a.thumb-info,
div.main-carousel a.thumb-info span.thumb-info-image:before  {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
} div.main-carousel a.carousel-nav {
width: 70px;
position: absolute;
top: 50%;
left: 10px;
bottom: 0;
background: #F7F9FC;
height: 70px;
z-index: 11;
display: block;
filter: alpha(opacity=100);
opacity: 100;
padding: 0;
border-top: 0;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
font-size: 22px;
color: #787F89;
line-height: 68px;
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
div.main-carousel a.carousel-nav:hover {
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
div.main-carousel a.carousel-nav.next {
left: auto;
right: 10px;
} div.main-carousel div.carousel-nav-overlay.prev,
div.main-carousel div.carousel-nav-overlay.next {
width: 90px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: transparent;
height: 100%;
z-index: 10;
}
div.main-carousel div.carousel-nav-overlay.next {
left: auto;
right: 0;
} div.main-carousel div.carousel-clone {
position: absolute;
top: 120px;
width: 100%;
left: 0;
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-filter: blur(3px);
}
div.main-carousel div.carousel-clone div.owl-carousel {
filter: alpha(opacity=0) !important;
opacity: 0 !important;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
div.main-carousel div.carousel-clone div.owl-carousel.owl-carousel-init {
filter: alpha(opacity=22) !important;
opacity: 0.22 !important;
}
div.main-carousel div.carousel-clone .img-thumbnail {
background: #EDEDED;
}
div.main-carousel div.carousel-clone-overlay {
position: absolute;
top: -18%;
width: 100%;
left: 0;
right: 0;
bottom: -100px;
height: 120%;
background: transparent;
} div.main-carousel-tooltip {
background: #222831;
position: absolute;
top: -9999px;
left: -9999px;
padding: 10px;
color: #C7CDD3;
width: 200px;
text-align: center;
min-height: 35px;
z-index: 10;
font-size: 0.9em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.main-carousel-tooltip:after {
display: block;
content: " ";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #222831;
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -10px;
} div.home-player {
background: #EDEFF2;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 90px;
height: 90px;
margin: 0 auto;
text-align: center;
padding-top: 5px;
position: relative;
top: 45px;
visibility: hidden;
}
div.home-player.visible {
visibility: visible;
}
div.home-player a.home-player-icon {
font-size: 80px;
display: block;
-webkit-transform: translate3d(0, 0, 0); }
div.home-player a.home-player-icon i.icon {
-webkit-text-stroke: 0.5px;
} div.main {
background-color: #EDEFF2;
padding: 50px 0;
}
div.main:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
body.no-page-top div.main {
padding-top: 60px;
} section.featured {
background: #D0D6DF;
border-bottom: 5px solid #B5BBC4;
margin: 15px 0;
padding: 40px 0 0;
clear: both;
}
section.featured.footer {
margin: 10px 0 -20px;
}
section.featured.footer.call-to-action {
margin-top: 65px;
} section.highlight {
background: #CCC;
boder-left: 0;
boder-right: 0;
border: 3px solid #CCC;
margin: 35px 0 45px;
padding: 40px 0;
clear: both;
}
section.highlight div.img-thumbnail {
background-color: #FFF;
}
section.highlight,
section.highlight > p,
section.highlight > a,
section.highlight h1,
section.highlight h2,
section.highlight h3,
section.highlight h4,
section.highlight h5 {
color: #FFF;
}
section.highlight.footer {
margin: 45px 0 -45px;
}
section.highlight.top {
margin-top: 0;
}
section.highlight div.counters strong {
color: #FFF;
}
section.highlight + section.parallax {
margin-top: -45px;
}
section.highlight.footer + section.parallax {
margin-top: 45px;
} section.call-to-action {
position: relative;
clear: both;
overflow: hidden;
background: #C9D0DA;
padding-left: 35px;
padding-right: 35px;
border-bottom: 3px solid #B6BDC7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
section.call-to-action h3 {
text-transform: none;
color: #121212;
}
section.call-to-action h3 .btn {
margin-left: 10px;
} aside h5 {
font-size: 1.1em;
letter-spacing: 1px;
color: #777;
margin-bottom: 15px;
margin-top: 20px;
}
aside hr {
margin: 22px 0;
visibility: hidden;
} .parallax {
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
margin: 70px 0;
padding: 80px 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.parallax.parallax-init {
filter: alpha(opacity=100);
opacity: 1;
}
.parallax.parallax-top {
margin-top: -57px;
}
.parallax.disabled {
background-size: auto;
} .parallax blockquote {
border: 0;
padding: 0 10%;
}
.parallax blockquote i.icon-quote-left {
font-size: 34px;
position: relative;
left: -5px;
}
.parallax blockquote p {
font-size: 24px;
line-height: 30px;
font-family: 'Oswald', sans-serif;
color: #3F3F3F;
}
.parallax blockquote span {
color: #555;
font-size: 16px;
font-weight: 300;
left: -5px;
line-height: 20px;
position: relative;
} div.slider-container {
background: #666;
max-height: 580px;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
div.slider-container ul {
list-style: none;
margin: 0;
padding: 0;
}
div.slider > ul > li > img {
visibility: hidden;
}
div.slider {
max-height: 580px;
position: relative;
}
div.slider div.slider-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1000;
background: transparent;
filter: alpha(opacity=75);
opacity: 0.75;
}
div.slider-container-fullscreen,
div.slider-container-fullscreen div.slider {
max-height: none;
}
div.slider div.tp-bannertimer {
display: none;
}
div.slider-container {
background: transparent;
}
div.slider-container div.tp-caption {
filter: alpha(opacity=0);
opacity: 0;
}
.tp-bannershadow {
display: none;
}
div.slider-container div.tp-caption a,
div.slider-container div.tp-caption a:hover {
color: #FFF;
}
div.slider a.main-button {
font-family: 'Oswald', sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 20px;
padding: 20px 55px;
} div.slider-container .tp-caption.fullscreenvideo {
left: 0 !important;
} div.slider-container div.top-label {
color: #9a9a9a;
font-size: 32px;
font-weight: 300;
font-family: 'Alegreya SC', sans-serif;
-webkit-text-stroke: 0.2px;
}
div.slider-container div.top-label.md {
font-size: 28px;
-webkit-text-stroke: 0;
}
div.slider-container div.main-label {
color: #222831;
font-size: 130px;
line-height: 150px;
font-weight: 900;
-webkit-text-stroke: 0.6px;
}
div.slider-container div.main-label.md {
font-size: 100px;
line-height: 100px;
}
div.slider-container div.bottom-label {
color: #666;
font-size: 20px;
font-weight: 100;
-webkit-text-stroke: 0.2px;
}
div.slider-container div.bottom-label.md {
font-size: 16px;
line-height: 16px;
}
div.slider-container div.top-line {
height: 1px;
width: 200px;
background: #B7BDC0;
}
div.slider-container.light div.top-label,
div.slider-container.light div.main-label,
div.slider-container.light div.bottom-label,
div.slider-container.light div.tp-caption a,
div.slider-container.light div.tp-caption a:hover {
color: #333;
}
div.slider-container div.top-label.white,
div.slider-container div.main-label.white,
div.slider-container div.bottom-label.white,
div.slider-container div.tp-caption a.white,
div.slider-container div.tp-caption a.white:hover {
color: #FFF;
}
div.slider-container div.top-label.dark,
div.slider-container div.main-label.dark,
div.slider-container div.bottom-label.dark,
div.slider-container div.tp-caption a.dark,
div.slider-container div.tp-caption a.dark:hover {
color: #444;
}
div.slider-container div.top-label.text-bg,
div.slider-container div.main-label.text-bg,
div.slider-container div.bottom-label.text-bg,
div.slider-container div.tp-caption a.text-bg,
div.slider-container div.tp-caption a.text-bg:hover {
padding: 10px;
} section.page-top {
background: transparent;
margin: -65px 0 50px;
min-height: 50px;
padding: 0 0 5px 0;
text-align: left;
}
section.page-top div.slider {
height: 250px;
overflow: hidden;
clear: both;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
section.page-top div.slider.slider-init {
filter: alpha(opacity=100);
opacity: 1;
}
section.page-top .tp-loader {
display: none;
}
section.page-top div.page-top-info ul.breadcrumb {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: -3px 0 0;
padding: 1px 10px;
position: relative;
display: inline-block;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
top: -30px;
filter: alpha(opacity=0);
opacity: 0;
}
section.page-top div.page-top-info ul.breadcrumb > li {
text-shadow: none;
color: #DFDFDF;
font-size: 75%;
}
section.page-top div.page-top-info ul.breadcrumb > li span.label {
font-size: 100%;
}
section.page-top div.page-top-info h2 {
background: #2D343E;
color: #FFF;
display: inline-block;
font-weight: 200;
font-size: 3.2em;
line-height: 1em;
position: relative;
letter-spacing: -2px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
top: 30px;
padding: 10px;
filter: alpha(opacity=0);
opacity: 0;
}
section.page-top div.page-top-info.init ul.breadcrumb,
section.page-top div.page-top-info.init h2 {
filter: alpha(opacity=100);
opacity: 1;
top: 0;
clear: both;
}
section.page-top div.page-top-info.init a {
color: #FFF;
}
section.page-top div.page-top-info.with-slider {
margin-top: -130px;
margin-bottom: 20px;
position: relative;
z-index: 100;
}
section.page-top .parallax {
min-height: 300px;
}
section.page-top div.page-top-info.with-parallax {
margin-top: -200px;
margin-bottom: 0;
position: relative;
z-index: 100;
} section.page-not-found {
margin: 50px 0;
}
section.page-not-found h2 {
font-size: 140px;
font-weight: 600;
letter-spacing: -10px;
line-height: 140px;
}
section.page-not-found h4 {
color: #87919F;
}
section.page-not-found p {
font-size: 1.4em;
line-height: 36px;
}
div.page-not-found-main {
margin-top: 25px;
text-align: center;
}
section.page-top.basic {
background: #2D343E;
margin: -55px 0 50px;
padding-top: 50px;
}
section.page-top.basic div.page-top-info h2 {
margin-bottom: 25px;
padding: 0;
}
section.page-top.basic div.page-top-info ul.breadcrumb {
background-color: transparent;
margin: 0;
padding: 0 0 0 5px;
} footer {
background: #2D343E;
font-size: 0.9em;
margin-top: -7px;
padding: 80px 0 0;
position: relative;
clear: both;
}
footer div.container div.row > div {
margin-bottom: 25px;
}
footer div.container input:focus {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
} footer div.newsletter form {
width: 100%;
max-width: 262px;
}
footer div.newsletter form input.form-control {
height: 34px;
padding: 6px 12px;
} footer a.twitter-account {
color: #FFF;
display: block;
font-size: 0.9em;
margin: -15px 0 15px;
filter: alpha(opacity=55);
opacity: 0.55;
}
footer a.twitter-account:hover {
filter: alpha(opacity=100);
opacity: 1;
}
footer div.twitter {
padding-left: 26px;
line-height: 20px;
position: relative;
}
footer div.twitter .icon {
clear: both;
font-size: 1.5em;
left: 1px;
position: absolute;
margin-top: 2px;
}
footer div.twitter a.time {
color: #999;
display: block;
font-size: 0.9em;
padding-top: 3px;
margin-bottom: 15px;
}
footer div.twitter a.time:last-child {
margin-bottom: 0;
}
footer div.twitter ul {
list-style: none;
margin: 0;
padding: 0;
} footer ul.social-icons {
clear: both;
float: right;
list-style: none;
margin: 0;
padding: 0;
}
footer ul.social-icons li {
display: inline-block;
margin: 0;
padding: 0;
}
footer ul.social-icons li a {
display: inline-block;
width: 35px;
color: #5B616A !important;
height: 25px;
text-align: center;
line-height: 25px;
font-size: 20px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
} footer ul.recent-work li {
float: left;
width: 30%;
margin: 10px 3% 0 0;
}
footer ul.recent-work li a.thumb-info {
float: left;
display: inline-block;
background: transparent;
border-color: #2C333D;
}
footer ul.recent-work img {
width: 100%;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 100%;
opacity: 0.5;
}
footer ul.recent-work li img:hover  {
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none;
opacity: 1;
filter: none;
-webkit-filter: none;
}
footer a.view-more-recent-work {
padding: 12px;
} footer ul.contact {
list-style: none;
margin: 0;
padding: 0;
}
footer ul.contact li {
clear: both;
}
footer ul.contact i {
display: block;
float: left;
font-size: 1.2em;
margin: 7px 8px 10px 0;
position: relative;
text-align: center;
top: -2px;
width: 16px;
}
footer ul.contact i.icon-envelope {
font-size: 1em;
top: 0;
}
footer ul.contact p {
margin-bottom: 10px;
} footer a.logo {
display: block;
}
footer a.logo.push-bottom {
margin-bottom: 12px;
}
footer form {
filter: alpha(opacity=85);
opacity: 0.85;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer a {
color: #FFF !important;
}
footer h5 {
color: #CCC !important;
}
footer p {
color: #7A8089;
}
footer a:hover {
color: #CCC;
}
footer h4 {
font-size: 1.8em;
font-weight: 200;
font-family: 'Oswald',sans-serif;
} div.footer-copyright {
background: #292F38;
margin-top: 40px;
padding: 30px 0 10px;
}
div.footer-copyright nav {
float: right;
}
div.footer-copyright nav ul {
list-style: none;
margin: 0;
padding: 0;
}
div.footer-copyright nav ul li {
border-left: 1px solid #505050;
display: inline-block;
line-height: 12px;
margin: 0;
padding: 0 8px;
}
div.footer-copyright nav ul li:first-child {
border: medium none;
padding-left: 0;
}
div.footer-copyright p {
color: #5B616A;
margin: 0;
padding: 0;
}
footer div.alert a {
color: #222 !important;
}
footer div.alert a:hover {
color: #666 !important;
}
footer span.phone {
color: #FFF;
font-size: 26px;
font-weight: bold;
display: block;
padding-bottom: 15px;
margin-top: -5px;
}
footer.short {
padding-top: 50px;
}
footer ul.nav-list.primary > li a {
border-bottom: 1px solid rgba(255,255,255,0.1);
line-height: 20px;
padding-bottom: 11px;
}
footer ul.nav-list.primary > li a:hover {
background-color: rgba(255,255,255,0.05);
padding-left: 12px;
}
footer ul.list.icons li {
margin-bottom: 5px;
}h1,
h2,
h3,
h4,
h5,
h6 {
color: #2D343E;
font-weight: 200;
letter-spacing: -1px;
margin: 0;
}
h1 {
font-size: 2em;
line-height: 40px;
margin: 0 0 30px 0;
}
h2 {
font-size: 2.2em;
font-weight: 300;
line-height: 42px;
margin: 0 0 32px 0;
}
h3 {
color: #CCC;
font-size: 1.8em;
font-weight: 400;
letter-spacing: normal;
line-height: 24px;
margin-bottom: 33px;
text-transform: uppercase;
}
h4 {
color: #CCC;
font-size: 1.4em;
font-weight: 400;
letter-spacing: normal;
line-height: 27px;
margin: 0 0 14px 0;
}
h5 {
color: #CCC;
font-size: 1em;
font-weight: 600;
letter-spacing: normal;
line-height: 18px;
margin: 0 0 14px 0;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 1em;
font-weight: 400;
letter-spacing: normal;
line-height: 18px;
margin: 0 0 14px 0;
}
h1.lead {
font-size: 4.2em;
line-height: 54px;
}
h2.lead {
font-size: 2.8em;
}
h1.short,
h2.short {
margin-bottom: 15px;
}
h3.short,
h4.short,
h5.short,
h6.short {
margin-bottom: 9px;
}
h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
margin-bottom: 0;
}
h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
margin-bottom: 33px;
}
h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
margin-bottom: 44px;
}
h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
margin-top: 22px;
}
h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
margin-top: 44px;
}
div.modal-header h3 {
color: #333;
text-transform: none;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
color: #FFF;
}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark {
color: #2D343E;
}
h2 .inverted {
min-height: 60px;
}
h2.word-rotator-title {
line-height: 54px;
} body .text-bg-grey {
background: #989898;
}
body .text-bg-white {
background: #FFF;
}
body .text-bg-dark {
background: #2D343E;
} p {
color: #87919F;
line-height: 22px;
margin: 0 0 20px;
}
p .alternative-font {
display: inline-block;
font-size: 1.3em;
letter-spacing: -1px;
margin-bottom: -6px;
margin-left: 1px;
margin-top: -15px;
position: relative;
top: 0;
}
p.featured {
font-size: 1.6em;
line-height: 1.5em;
}
p.short {
margin-bottom: 0;
}
p.tall {
margin-bottom: 20px;
}
p.taller {
margin-bottom: 40px;
}
p.white {
color: #FFF;
}
p.dark {
color: #4D4D4D;
}
p.darken {
color: #111;
} p.drop-caps:first-child:first-letter {
float: left;
font-size: 75px;
line-height: 60px;
padding: 4px;
margin-right: 5px;
margin-top: 5px;
font-family: Georgia;
}
p.drop-caps.secundary:first-child:first-letter {
background-color: #CCC;
color: #FFF;
padding: 6px;
margin-right: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
} hr {
border: 0;
height: 1px;
margin: 22px 0 22px 0;
background: #DDDEE2;
}
hr.short {
margin: 11px 0 11px 0;
}
hr.tall {
margin: 44px 0 44px 0;
}
hr.taller {
margin: 66px 0 66px 0;
}
hr.invisible {
background: transparent;
}
.divider {
border: 0;
height: 1px;
margin: 44px 0;
background: #DDDEE2;
text-align: center;
position: relative;
clear: both;
}
.divider.tall {
margin: 66px 0 66px 0;
}
.divider .icon {
text-align: center;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background: #EDEFF2;
border-radius: 50px;
color: #BBB;
display: inline-block;
height: 50px;
line-height: 50px;
position: absolute;
text-align: center;
width: 50px;
font-size: 20px;
margin: 0 auto 0 -25px;
top: -25px;
left: 50%;
}
.divider.dark .icon {
color: #2D343E;
}
.divider.white .icon {
color: #FFF;
} div.center {
text-align: center;
}
body a {
outline: none !important;
}
.push-bottom {
margin-bottom: 35px;
}
.push-top {
margin-top: 35px;
}
.bold {
font-weight: bold;
}
li {
line-height: 22px;
}
.inverted {
color: #FFF;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
} blockquote {
border-left: 5px solid #CCC;
font-size: 1.3em;
font-style: normal;
letter-spacing: -1px;
margin: 25px 0 25px 12px;
padding: 0 0 0 25px;
position: relative;
}
blockquote cite {
display: block;
font-size: 0.75em;
padding-top: 10px;
color: #9CA6B4;
} .progress {
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
height: 20px;
background: #FAFAFA;
overflow: visible;
}
.progress-bar {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
span.progress-bar-tooltip {
position: absolute;
padding: 4px 8px;
background-color: #333;
color: #FFF;
line-height: 15px;
font-size: 11px;
display: block;
position: absolute;
top: -28px;
right: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
filter: alpha(opacity=0);
opacity: 0;
}
span.progress-bar-tooltip:after {
border-color: #333 transparent;
border-style: solid;
border-width: 5px 5px 0;
bottom: -5px;
content: "";
display: block;
left: 13px;
position: absolute;
width: 0;
} .panel-group {
padding: 3px;
background: #fff;
border: 0;
border-bottom: 3px solid #E5E7E9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.panel {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
border: 0;
}
.panel-default > .panel-heading {
background: #F5F7F7;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 11px 15px;
}
.panel-heading .icon {
display: inline-block;
font-size: 14px;
font-style: normal;
font-weight: normal;
height: 25px;
margin-right: 2px;
padding: 5px;
position: relative;
text-align: right;
top: -1px;
width: 25px;
}
.panel-body {
padding: 21px;
} .clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
} .btn {
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
border: 0;
border-bottom: 3px solid #CCC;
padding: 8px 18px;
outline: 0;
}
.btn:focus {
outline: 0;
}
.btn:active,
.btn.active {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-lg {
border-bottom-width: 4px;
padding: 12px 32px;
}
.btn-sm {
border-bottom-width: 2px;
padding: 6px 16px;
}
.btn-xs {
border-bottom-width: 2px;
padding: 3px 13px;
}
.btn-default {
border: 2px solid #CCC;
}
.btn-default.btn-lg {
border: 3px solid #CCC;
}
.btn-default.btn-sm {
border: 1px solid #CCC;
}
.btn-default.btn-xs {
border: 1px solid #CCC;
}
.btn-primary.disabled,
.btn-primary[disabled] {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled] {
background: transparent;
color: #999;
}
.btn-icon i {
margin-right: 10px;
}
.btn-icon-right i {
margin-right: 0;
margin-left: 10px;
}
.input-group-btn .btn {
padding: 12px 18px 11px;
} .label {
font-weight: normal;
padding: 0.4em 0.8em 0.5em;
display: inline-block;
}
.label-default {
border: 1px solid #CCC;
padding: 0.3em 0.7em 0.4em;
} .alert {
border: 0;
} .pagination {
border: 0;
border-bottom: 2px solid #E5E7E9;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.pagination.pagination-lg {
border-bottom-width: 3px;
}
.pagination.pagination-sm {
border-bottom-width: 1px;
}
.pagination > li > a,
.pagination > li > span {
border: 0;
margin-left: 1px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background: #F5F7F7;
} div.show-grid [class*="col-md-"] span.show-grid-block {
background-color: #FFF;
line-height: 40px;
min-height: 40px;
text-align: center;
display: block;
} div.tooltip {
} div.fontawesome-icon-list [class*="col-md-"] {
margin-bottom: 9px;
}
div.fontawesome-icon-list i {
font-size: 1.3em;
margin-right: 5px;
display: inline-block;
width: 30px;
text-align: center;
position: relative;
top: 2px;
} .form-group:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
form label {
font-weight: normal;
}
.form-control {
height: 46px;
padding: 12px;
border: 2px solid #E5E7E9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:focus {
border-color: #CCC;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
textarea {
resize: vertical;
}
select {
border: 2px solid #E5E7E9;
border-radius: 6px;
height: 46px;
padding: 12px;
outline: none;
}
input[type="radio"],
input[type="checkbox"] {
margin-top: 6px;
} label.valid {
display: inline-block;
text-indent: -9999px;
}
label.error {
color: #C10000;
font-size: 0.9em;
margin-top: -5px;
padding: 0;
} .alternative-font {
color: #CCC;
font-family: Georgia, sans-serif;
font-size: 1.3em;
font-style: italic;
}
.alternative-font.default {
color: #111 !important;
} .img-thumbnail {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 0;
position: relative;
border: 0;
border-bottom: 3px solid #E3E4E8;
}
.img-thumbnail span.zoom {
background: #CCC;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
bottom: 8px;
color: #FFF;
display: block;
height: 30px;
padding: 6px;
position: absolute;
right: 8px;
text-align: center;
width: 30px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.img-thumbnail:hover span.zoom {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.img-thumbnail span.zoom i {
font-size: 14px;
left: 0;
position: relative;
top: -1px;
} .thumb-info {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 0;
position: relative;
border: 0;
border-bottom: 3px solid #E3E4E8;
background: #F7F9FC;
display: block;
overflow: hidden;
position: relative;
text-decoration: none;
max-width: 100%;
text-align: center;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.thumb-info,
.thumb-info:hover {
text-decoration: none;
}
.thumb-info + .thumb-info {
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
margin-top: -5px;
}
.thumb-info span.thumb-info-touch-hover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
background-color: transparent;
}
.thumb-info.hover span.thumb-info-touch-hover {
display: block;
}
.thumb-info span.thumb-info-image {
display: block;
position: relative;
}
.thumb-info span.thumb-info-image:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2D343E;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
opacity: 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.full-width .thumb-info span.thumb-info-image:before {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.thumb-info:hover span.thumb-info-image:before {
filter: alpha(opacity=80);
opacity: 0.8;
}
.thumb-info span.thumb-info-act {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
color: #FFF;
}
.thumb-info a,
.thumb-info a:hover {
text-decoration: none;
display: inline-block;
width: 100%;
}
.thumb-info span.thumb-info-act em {
font-style: normal;
position: relative;
font-size: 1.2em;
font-weight: 100;
}
.thumb-info span.thumb-info-act-left,
.thumb-info span.thumb-info-act-right {
float: left;
overflow: hidden;
}
.thumb-info span.thumb-info-act-left {
text-align: right;
width: 45%;
}
.thumb-info span.thumb-info-act-right {
text-align: left;
margin-left: 2%;
width: 53%;
}
.thumb-info span.thumb-info-act-left em {
left: 100%;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.thumb-info:hover span.thumb-info-act-left em {
left: 0;
}
.thumb-info span.thumb-info-act-right em {
right: 200%;
font-weight: 600;
-moz-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.thumb-info:hover span.thumb-info-act-right em {
right: 0;
}
.thumb-info img {
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.thumb-info span.thumb-info-content {
padding: 15px;
text-align: left;
display: block;
}
.thumb-info span.thumb-info-caption {
padding: 0 15px 15px;
text-align: left;
display: block;
}
.thumb-info span.thumb-info-caption p {
margin: 0;
padding: 0 0 10px;
}
.thumb-info .thumb-info-extra {
clear: both;
padding: 10px 0 0;
margin: 10px 0 0;
border-top: 1px solid #EBEBF4;
display: block;
}
.thumb-info .thumb-info-extra.social {
text-align: center;
}
.thumb-info .thumb-info-extra.social a {
border-right: 1px solid #EBEBF4;
display: inline-block;
margin-right: 10px;
padding-right: 10px;
font-size: 0.9em;
color: #ACACAC;
width: auto;
}
.thumb-info .thumb-info-extra.social a:last-child {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
.thumb-info h4 {
color: #404751;
letter-spacing: -1px;
font-weight: 600;
font-size: 1.4em;
line-height: 1.1em;
margin: 0;
padding: 0;
}
.thumb-info span.date {
color: #9AA1AB;
font-size: 0.9em;
}
.thumb-info:hover {
background-color: #FFF;
}
.thumb-info.secundary span.thumb-info-content {
text-align: center;
}
.thumb-info.secundary span.thumb-info-content h4 {
color: #FFF;
position: relative;
top: -25%;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.thumb-info.secundary span.thumb-info-content span.date {
position: relative;
top: 25%;
display: block;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.thumb-info.secundary:hover span.thumb-info-content h4 {
top: 0;
filter: alpha(opacity=100);
opacity: 1;
}
.thumb-info.secundary:hover span.thumb-info-content span.date {
top: 0;
filter: alpha(opacity=100);
opacity: 1;
}
.thumb-info.secundary span.thumb-info-act {
top: 30%;
}
.thumb-info.secundary span.label {
clear: both;
display: inline-block;
margin-top: 15px;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.thumb-info.secundary:hover span.label {
filter: alpha(opacity=100);
opacity: 1;
} ul.thumbnail-gallery {
list-style: none;
margin: 10px 0;
padding: 0;
}
ul.thumbnail-gallery li {
display: inline-block;
margin: 10px 10px 0 0;
padding: 0;
} ul.nav-list.primary > li {
margin: 0;
padding: 0;
}
ul.nav-list.primary > li a {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
border-bottom: 1px solid #DDDEE2;
padding: 8px 20px 8px 2px;
transition: all 0.3s;
}
ul.nav-list.primary > li:hover a {
padding-left: 7px;
} ul.nav-pills > li > a,
ul.nav-pills > li > a:hover,
ul.nav-pills > li > a:focus {
color: #87919F;
}
ul.nav-pills > li.active > a,
ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
border-bottom: 3px solid #CCC;
color: #FFF;
} div.tabs {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 35px;
}
div.tabs div.tab-content {
-moz-border-radius: 0 6px 6px 6px;
-webkit-border-radius: 0 6px 6px 6px;
background-color: #FFF;
border: 0;
border-bottom: 3px solid #E5E7E9;
border-radius: 0 6px 6px 6px;
padding: 17px;
}
div.tabs ul.nav-tabs {
margin: 0;
border: 0;
}
div.tabs ul.nav-tabs li.active a {
background: #FFF;
border: 0;
border-top: 3px solid #CCC;
color: #CCC;
}
div.tabs ul.nav-tabs a {
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
background: #F5F7F7;
border: 1px solid #EEE;
border-bottom: 0;
border-radius: 6px 6px 0 0;
color: #666;
margin-right: 1px;
padding: 15px 25px;
}
div.tabs ul.nav-tabs a:hover {
border-top: 2px solid #CCC;
}
div.tabs ul.nav-tabs a:active,
div.tabs ul.nav-tabs a:focus {
border-bottom: 0;
}
div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
border: 1px solid #EEE;
border-bottom: 0;
border-top: 2px solid #F5F7F7;
color: #CCC;
} a.read-more,
a.learn-more {
display: inline-block;
white-space: nowrap;
} div.featured-box {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #FFFfff;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
min-height: 100px;
position: relative;
text-align: center;
z-index: 1;
border-bottom: 3px solid #E5E7E9;
}
div.featured-box div.box-content {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-top: 3px solid #FFF;
border-top-width: 4px;
padding: 30px 30px 10px 30px;
}
div.featured-box.default div.box-content {
text-align: left;
}
div.featured-box p a.learn-more {
display: block;
margin-top: 10px;
}
div.featured-box i.image-icon,
i.icon-featured {
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 100%;
color: #FFF;
font-size: 40px;
line-height: 100px;
margin: 25px 0;
padding: 25px;
}
i.icon-featured {
display: inline-block;
padding: 0;
width: 100px;
height: 100px;
position: relative;
}
i.icon-featured:after {
background: transparent;
pointer-events: none;
content: '';
display: block;
border-radius: 50%;
border: 2px solid #CCC;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin-top: -100%;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
div.box-content:hover i.icon-featured:after,
i.icon-featured:hover:after {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
div.featured-box h4 {
font-weight: 400;
letter-spacing: -0.7px;
margin-top: 5px;
}
div.read-more,
div.read-more a,
div.learn-more,
div.learn-more a {
display: inline-block;
white-space: nowrap;
}
div.featured-boxes div.featured-box {
margin-bottom: 20px;
margin-top: 20px;
} div.featured-box-primary i.icon-featured,
div.featured-box-primary i.image-icon {
background-color: #CCC;
}
div.featured-box-primary h4 {
color: #CCC;
}
div.featured-box-primary div.box-content {
border-top-color: #CCC;
} div.featured-box-secundary i.icon-featured,
div.featured-box-secundary i.image-icon {
background-color: #CCC;
}
div.featured-box-secundary h4 {
color: #CCC;
}
div.featured-box-secundary div.box-content {
border-top-color: #CCC;
} div.featured-box-tertiary i.icon-featured,
div.featured-box-tertiary i.image-icon {
background-color: #CCC;
}
div.featured-box-tertiary h4 {
color: #CCC;
}
div.featured-box-tertiary div.box-content {
border-top-color: #CCC;
} div.featured-box-quartenary i.icon-featured,
div.featured-box-quartenary i.image-icon {
background-color: #CCC;
}
div.featured-box-quartenary h4 {
color: #CCC;
}
div.featured-box-quartenary div.box-content {
border-top-color: #CCC;
} div.featured-boxes.secundary div.featured-box,
div.featured-boxes.tertiary div.featured-box {
background: none;
border: 0;
margin: 0;
}
div.featured-boxes.secundary div.featured-box div.box-content,
div.featured-boxes.tertiary div.featured-box div.box-content {
border: 0;
padding-top: 0;
padding-bottom: 0;
}
div.featured-boxes.secundary div.featured-box i.icon-featured,
div.featured-boxes.tertiary div.featured-box i.icon-featured {
display: inline-block;
font-size: 30px;
height: 75px;
line-height: 75px;
padding: 0;
width: 75px;
margin-top: 0;
}
div.featured-boxes.tertiary div.featured-box i.icon-featured {
background: transparent;
border: 3px solid #CCC;
color: #CCC;
line-height: 68px;
}
div.featured-boxes.tertiary div.featured-box i.icon-featured:after {
display: none;
} div.feature-box {
clear: both;
}
div.feature-box div.feature-box-icon {
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
background: #CCC;
border-radius: 35px;
color: #FFF;
display: inline-block;
float: left;
height: 35px;
line-height: 35px;
margin-right: 10px;
position: relative;
text-align: center;
top: 5px;
width: 35px;
left: 10px;
}
div.feature-box div.feature-box-info {
padding-left: 65px;
} div.feature-box.secundary h4 {
color: #2D343E;
font-family: 'Oswald', sans-serif;
font-size: 1.6em;
margin-bottom: 3px;
font-weight: 300;
}
div.feature-box.secundary div.feature-box-icon {
background: #BFBFBF;
width: 50px;
height: 50px;
line-height: 50px;
top: -8px;
position: relative;
left: 0;
}
div.feature-box.secundary div.feature-box-icon:before {
background: #EAECEE;
border: 1px solid #D2D2D2;
width: 52px;
height: 50px;
display: block;
content: "";
position: absolute;
top: -2px;
left: -1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
div.feature-box.secundary div.feature-box-icon i.icon {
font-size: 21px;
position: relative;
left: 1px;
}
div.feature-box.secundary div.feature-box-info {
padding-left: 67px;
} .content-box {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #FFF;
border: 0;
border-bottom: 3px solid #E5E7E9;
border-radius: 6px;
padding: 25px;
} blockquote.testimonial {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #E7E7E7;
border: 0;
border-bottom: 3px solid #E0E0E0;
border-radius: 10px;
color: #666;
font-style: italic;
margin: 0;
padding: 20px;
position: relative;
text-align: left;
clear: both;
}
blockquote.testimonial p {
font-size: 1em;
font-style: normal;
letter-spacing: -1px;
}
blockquote.testimonial.secundary p {
color: #FFF;
}
div.testimonial-arrow-down {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #E7E7E7;
height: 0;
margin: 0 0 0 25px;
width: 0;
top: -3px;
position: relative;
}
div.testimonial-author {
margin: 8px 0 0 8px;
padding-bottom: 10px;
}
div.testimonial-author div.img-thumbnail {
float: left;
margin-right: 10px;
margin-bottom: 10px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
div.testimonial-author div.img-thumbnail img {
max-width: 60px;
}
div.testimonial-author strong {
color: #111;
display: block;
padding-top: 7px;
}
div.testimonial-author span {
color: #666;
display: block;
font-size: 12px;
}
div.testimonial-author p {
color: #999;
margin: 0 0 0 25px;
text-align: left;
}
blockquote.testimonial.tertiary {
background: #FFF;
}
div.testimonial-arrow-down.tertiary {
border-top-color: #FFF;
} .icon-rounded {
border-radius: 25px;
display: inline-block;
height: 25px;
line-height: 23px;
text-align: center;
width: 25px;
border-bottom: 2px solid #FFF;
color: transparent;
margin: 0 3px 5px 0;
}
.icon-rounded .icon {
color: #FFF;
font-size: 0.9em;
font-weight: normal;
}
span.featured-icon {
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
background: #CCC;
border-radius: 35px;
color: #FFF;
display: inline-block;
height: 35px;
line-height: 35px;
margin-right: 10px;
position: relative;
text-align: center;
top: 5px;
width: 35px;
}
span.featured-icon i {
color: #FFF;
font-size: 0.9em;
font-weight: normal;
} .video-container {
padding-top: 25px;
padding-bottom: 50.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
height: 0;
}
.video-container.vimeo {
padding-top: 0;
padding-bottom: 60.9%;
}
.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} ul.list li {
margin-bottom: 13px;
}
ul.list.icons li i {
color: #CCC;
margin-right: 5px;
}
ul.list.pull-left li {
text-align: left;
} ul.sitemap > li > a {
font-weight: bold;
}
ul.sitemap.list li {
margin: 0 0 3px 0;
}
ul.sitemap.list ul {
margin-bottom: 5px;
margin-top: 5px;
} ul.icons {
list-style: none;
}
ul.icons [class^="icon-"] {
margin-right: 5px;
} div.recent-posts h4 {
margin-bottom: 3px;
}
div.recent-posts div.date {
float: left;
margin-right: 12px;
margin-top: 1px;
text-align: center;
border: 1px solid #E2E8F0;
}
div.recent-posts div.date span.month {
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
background: #CCC;
border-radius: 0 0 2px 2px;
color: #FFFFFF;
font-size: 0.9em;
padding: 0 10px 2px;
}
div.recent-posts div.date span.day {
background: #F7F7F7;
color: #CCC;
display: block;
font-size: 18px;
font-weight: 500;
font-weight: bold;
padding: 8px;
}
section.featured div.recent-posts div.date span.day {
background: #FFF;
}
div.recent-posts article.recent-post h4 {
margin: 0 0 3px 0;
}
div.recent-posts article.recent-post h4 a {
display: block;
} ul.simple-post-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.simple-post-list li {
line-height: 20px;
}
ul.simple-post-list div.post-image {
float: left;
margin-right: 12px;
}
ul.simple-post-list div.post-image .img-thumbnail {
border: 0;
}
ul.simple-post-list div.post-meta {
color: #888;
font-size: 0.8em;
}
ul.simple-post-list li {
min-height: 90px;
padding: 15px 0;
border-bottom: 1px solid #EBECF0;
}
ul.simple-post-list li:last-child {
border-bottom: 0;
padding-right: 0;
} div.pricing-table {
margin: 25px 0 0 -15px;
padding-left: 0;
text-align: center;
}
body.boxed div.pricing-table {
margin-left: -31px;
}
div.pricing-table div.most-popular {
border: 3px solid #CCC;
padding: 30px 20px;
top: -10px;
z-index: 2;
}
div.pricing-table div.most-popular h3 {
background-color: #666;
color: #FFF;
padding-top: 30px;
margin-left: -21px;
margin-right: -21px;
}
div.pricing-table div.plan {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #FFF;
border-radius: 5px;
color: #333;
margin-bottom: 35px;
margin-right: -28px;
padding: 20px;
position: relative;
border-bottom: 3px solid #E5E7E9;
}
body.boxed div.pricing-table div.plan {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
div.pricing-table a.btn {
margin-top: 5px;
}
div.pricing-table ul {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
div.pricing-table h3 {
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
background-color: #F6F8FA;
border-radius: 2px 2px 0 0;
font-size: 1.3em;
font-weight: normal;
margin: -20px -20px 50px -20px;
padding: 20px;
}
body.boxed div.pricing-table h3 {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
div.pricing-table h3 span {
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
background: #FFF;
border: 5px solid #FFF;
border-radius: 100px;
color: #87919F;
display: block;
font-size: 1.5em;
font-family: Georgia, Serif;
line-height: 100px;
height: 100px;
margin: 20px auto -65px;
width: 100px;
}
div.pricing-table li {
border-top: 1px solid #F4F4F4;
padding: 10px 0;
}
div.plan-ribbon-wrapper {
height: 88px;
overflow: hidden;
position: absolute;
right: -5px;
top: -5px;
width: 85px;
} .accordion-group {
clear: both;
} div.portfolio-title {
margin-bottom: -10px;
}
div.portfolio-title a {
display: inline-block;
}
div.portfolio-title p.sub-title {
margin: 0;
font-size: 1.1em;
}
div.portfolio-title div.portfolio-nav {
display: inline-block;
font-size: 3em;
margin-top: 15px;
}
div.portfolio-title div.portfolio-nav.next {
text-align: right;
}
div.portfolio-title div.portfolio-nav .icon {
color: #999;
}
div.portfolio-info {
margin: 2px 0 20px;
}
p.portfolio-description {
font-size: 1.2em;
line-height: 1.5em;
}
div.portfolio-info ul {
list-style: none;
padding: 0;
margin: 15px 0 0 0;
}
div.portfolio-info ul li {
display: inline-block;
border-right: 1px solid #E6E6E6;
color: #B1B1B1;
padding-right: 8px;
margin-right: 8px;
font-size: 0.9em;
}
div.portfolio-info ul li:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0;
}
div.portfolio-info ul li a {
text-decoration: none;
color: #B1B1B1;
}
div.portfolio-info ul li i.icon {
margin-right: 4px;
}
div.portfolio-info ul li a:hover i.icon-heart {
color: #E53F51;
} ul.portfolio-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.portfolio-list .col-md-4 .portfolio-item {
max-width: 350px;
} ul.portfolio-details {
list-style: none;
padding: 0;
margin: 45px 0 0 5px;
font-size: 0.9em;
}
ul.portfolio-details li {
padding: 0;
margin: 0 0 20px;
}
ul.portfolio-details p {
padding: 0;
margin: 0;
}
ul.portfolio-details blockquote {
padding: 0 0 0 10px;
margin: 15px 0 0;
color: #999;
}
ul.portfolio-details ul.list-skills li {
margin-right: 10px;
margin-bottom: 5px;
} ul.team-list {
list-style: none;
margin: 0;
padding: 0;
} div.circular-bar {
margin-bottom: 25px;
min-height: 210px;
}
div.circular-bar input.knob {
visibility: hidden;
}
div.circular-bar strong {
display: block;
font-weight: 600;
font-size: 22px;
line-height: 30px;
}
div.circular-bar label {
display: block;
font-weight: 100;
font-size: 17px;
line-height: 20px;
}
div.circular-bar-content {
margin-bottom: 70px;
margin-top: -125px;
text-align: center;
} section.toggle {
margin: 10px 0 0;
position: relative;
clear: both;
}
section.toggle > input {
cursor: pointer;
filter: alpha(opacity=0);
height: 45px;
margin: 0;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}
section.toggle > label {
-moz-transition: all .15s ease-out;
-o-transition: all .15s ease-out;
-webkit-transition: all .15s ease-out;
background: #FFF;
color: #CCC;
display: block;
font-size: 1.1em;
min-height: 20px;
padding: 12px 20px;
position: relative;
cursor: pointer;
font-weight: 400;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
transition: all .15s ease-out;
}
section.toggle.active > label {
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
div.toogle.secundary section.toggle > label {
margin-bottom: 10px;
}
div.toogle.secundary section.toggle.active > label {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
div.toogle.secundary section.toggle > label + p {
padding-left: 20px;
}
section.toggle div.toggle-content {
display: none;
padding: 15px 20px;
background: #fff;
border: 0;
border-bottom: 3px solid #E5E7E9;
margin-top: -5px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
section.toggle > label::-moz-selection {
background: none;
}
section.toggle > label::selection {
background: none;
}
section.toggle > label:before {
border: 6px solid transparent;
border-top-color: inherit;
content: '';
margin-top: -6px;
position: absolute;
right: 14px;
margin-top: -3px;
top: 50%;
}
section.toggle > label:hover {
background: #f5f5f5;
}
section.toggle > label + p {
color: #999;
display: block;
overflow: hidden;
padding-left: 30px;
text-overflow: ellipsis;
white-space: nowrap;
height: 25px;
}
section.toggle > label i {
font-size: 0.7em;
margin-right: 8px;
position: relative;
top: -1px;
}
section.toggle.active > label {
background: #F5F7F7;
border-color: #CCC;
}
section.toggle.active > label:before {
border: 6px solid transparent;
border-bottom-color: #FFF;
margin-top: -10px;
right: 14px;
}
section.toggle > p.preview-active {
height: auto;
}
section.toggle > p.preview-active,
section.toggle.active > p {
white-space: normal;
} a.accordion-toggle:hover,
a.accordion-toggle:focus {
text-decoration: none;
}
a.accordion-toggle [class^="icon-"] {
margin-right: 4px;
position: relative;
top: 1px;
} .owl-carousel .owl-wrapper-outer {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.owl-carousel.owl-boxed .owl-item {
background: #F7F7F7;
border: 0;
padding: 4px;
border-bottom: 3px solid #E5E7E9;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.owl-carousel .img-responsive {
display: inline-block;
}
.owl-theme .owl-controls {
margin-top: 20px;
}
.owl-theme .owl-controls .owl-buttons div {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-bottom: 2px solid transparent;
filter: alpha(opacity=100);
opacity: 1;
padding: 1px 9px;
margin: 2px;
} section.timeline {
width: 75%;
margin: 50px 13% 0;
position: relative;
float: left;
padding-bottom: 120px;
}
section.timeline:after {
background: rgb(80,80,80);
background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
content: "";
display: block;
height: 100%;
left: 50%;
margin-left: -2px;
position: absolute;
top: -60px;
width: 3px;
z-index: 0;
filter: alpha(opacity=35);
opacity: 0.35;
}
section.timeline div.timeline-date {
position: relative;
display: block;
clear: both;
width: 200px;
height: 45px;
padding: 5px;
border: 1px solid #E5E5E5;
margin: 0 auto 10px;
text-shadow: 0 1px 1px #fff;
border-radius: 4px;
background: #FFF;
z-index: 1;
}
section.timeline div.timeline-date h3 {
display: block;
text-align: center;
color: #757575;
font-size: 0.9em;
line-height: 32px;
}
section.timeline .timeline-title {
background: #F5F7F7;
padding: 12px;
}
section.timeline .timeline-title h4 {
padding: 0;
margin: 0;
color: #171717;
font-size: 1.4em;
}
section.timeline .timeline-title a {
color: #171717;
}
section.timeline .timeline-title div.timeline-title-tags,
section.timeline .timeline-title div.timeline-title-tags a {
color: #B1B1B1;
font-size: 0.9em;
}
section.timeline .timeline-box {
border-radius: 6px;
margin: 20px 10px 10px 10px;
padding: 20px;
position: relative;
width: 45.7%;
float: left;
z-index: 1;
margin-bottom: 30px;
background: #FFF;
border-bottom: 3px solid #E5E7E9;
}
section.timeline .timeline-box.left {
clear: both;
}
section.timeline .timeline-box.left:before {
background: none repeat scroll 0 0 #E5E5E5;
border-radius: 50%;
content: "";
display: block;
height: 7px;
margin-right: -5px;
position: absolute;
right: -6.2%;
top: 22px;
width: 8px;
}
section.timeline .timeline-box.left:after {
background: #FFF;
border-right: 1px solid #E5E5E5;
border-top: 1px solid #E5E5E5;
content: "";
display: block;
height: 14px;
position: absolute;
right: -8px;
top: 20px;
width: 14px;
z-index: 0;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
section.timeline .timeline-box.right {
clear: right;
float: right;
right: -1px;
margin-top: 40px;
}
section.timeline .timeline-box.right:before {
background: none repeat scroll 0 0 #E5E5E5;
border-radius: 50%;
content: "";
display: block;
height: 7px;
margin-left: -5px;
position: absolute;
left: -7.2%;
top: 32px;
width: 8px;
}
section.timeline .timeline-box.right:after {
background: #FFF;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
content: "";
display: block;
height: 14px;
position: absolute;
left: -8px;
top: 30px;
width: 14px;
z-index: 0;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
section.timeline .timeline-box .img-thumbnail,
section.timeline .timeline-box .img-thumbnail img {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 0;
border: 0;
}
section.timeline .timeline-box .thumb-info {
float: left;
margin-bottom: -5px;
}
section.timeline .timeline-box .owl-carousel {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 0;
border: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
} div.sort-source-wrapper {
clear: both;
}
ul.sort-source {
clear: both;
}
div.sort-source-wrapper .sort-source-title {
float: left;
font-size: 1.4em;
line-height: 1em;
color: #ABB2BC;
min-height: 55px;
}
div.sort-source-wrapper .sort-source-title strong {
color: #2D343E;
font-size: 1.5em;
display: block;
position: relative;
top: 4px;
}
div.sort-source-wrapper ul.sort-source {
float: right;
clear: none;
margin-bottom: 30px;
}
div.sort-source-wrapper.full-width ul.sort-source {
margin-bottom: 0;
}
div.sort-source-wrapper.full-width {
background: #2D343E;
margin: -53px 0 0;
padding: 14px 0 12px;
position: relative;
z-index: 1000;
}
div.sort-source-wrapper.full-width .nav > li > a {
color: #FFF;
}
div.sort-source-wrapper.full-width .nav > li > a:hover {
background: transparent;
border-bottom-color: transparent;
} .sort-destination {
list-style: none;
margin: 0;
padding: 0;
}
.sort-destination li {
margin-bottom: 35px;
}
.sort-destination.full-width {
margin: 0;
width: 101%;
}
.sort-destination.full-page {
margin: 0 0 -45px 0;
}
.sort-destination.full-width .isotope-item {
width: 16.6%;
float: left;
margin: 0 0 0 -0.02%;
padding: 0;
}
.sort-destination.full-width .isotope-item .img-thumbnail,
.sort-destination.full-width .isotope-item a,
.sort-destination.full-width .isotope-item .thumb-info img {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 0;
}
.sort-destination.full-width .isotope-item .img-thumbnail {
float: left;
}
.sort-destination.full-width .isotope-item .img-thumbnail {
border: 0;
padding: 0;
margin: 0;
} div.google-map {
background: #E5E3DF;
height: 400px;
margin: -55px 0 30px;
width: 100%;
}
.parallax + div.google-map {
margin-top: -70px;
}
div.google-map img {
max-width: 9999px;
} div.map-overlay {
margin-top: -390px;
}
div.map-overlay div.box-content {
border-top: 0;
text-align: left;
} div.search-results {
min-height: 300px;
} div.counters strong {
display: block;
font-weight: 600;
font-size: 60px;
line-height: 60px;
}
div.counters label {
display: block;
font-weight: 100;
font-size: 20px;
line-height: 20px;
font-family: 'Alegreya SC', sans-serif;
} span.word-rotate {
visibility: hidden;
width: 100px;
height: 0px;
margin-bottom: -7px;
display: inline-block;
overflow: hidden;
text-align: left;
position: relative;
}
h1 span.word-rotate,
h2 span.word-rotate {
margin-bottom: -15px;
}
span.word-rotate.active {
visibility: visible;
width: auto;
}
span.word-rotate-items {
position: relative;
top: 0;
width: 100%;
}
span.word-rotate-items span {
display: block;
white-space: nowrap;
} .masonry-list {
margin: 0;
padding: 0;
list-style: none;
width: 101%;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.masonry-list.init {
filter: alpha(opacity=100);
opacity: 1;
}
.masonry-list div.featured-box {
margin-bottom: 0;
}
.masonry-list.full {
margin-left: 1.2%;
width: 99.5%;
}
.masonry-list.full div.featured-box {
margin-bottom: 15px;
} .masonry-list .masonry-item {
width: 18%;
margin: 0 1.9% 0 0%;
float: left;
min-height: 1px;
position: relative;
}
.masonry-list .masonry-item.w2 {
width: 37.9%;
} .col-md-12 .masonry-list .masonry-item {
width: 31.4%;
}
.col-md-12 .masonry-list .masonry-item.w2 {
width: 64.7%;
} .col-md-9 .masonry-list {
margin-top: -18px;
}
.col-md-9 .masonry-list .masonry-item {
width: 48.1%;
}
.col-md-9 .masonry-list .masonry-item.w2 {
width: 98%;
}
.masonry-item div.featured-box div.box-content {
padding: 15px;
text-align: left;
} .popup-inline-content {
background: none repeat scroll 0 0 #FFF;
margin: 40px auto;
max-width: 1170px;
padding: 20px 30px;
position: relative;
text-align: left;
display: none;
}
.mfp-wrap .popup-inline-content {
display: block;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
button.mfp-close,
button.mfp-arrow {
outline: none;
}.appear-animation {
opacity: 0;
}
.appear-animation-visible {
opacity: 1;
}
.animated,
.appear-animation {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);opacity: 1;}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);opacity: 1;}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);opacity: 1;}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);opacity: 1;}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);opacity: 1;}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);opacity: 1;}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);opacity: 1;}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);opacity: 1;}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);opacity: 1;}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);opacity: 1;}
}
@keyframes tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);opacity: 1;}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); }
100% { -webkit-transform: rotate(0deg); opacity: 1;}
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
80% { -moz-transform: rotate(-5deg); }
100% { -moz-transform: rotate(0deg); opacity: 1;}
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
80% { -o-transform: rotate(-5deg); }
100% { -o-transform: rotate(0deg); opacity: 1;}
}
@keyframes swing {
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
80% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); opacity: 1;}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); opacity: 1;}
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); opacity: 1;}
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); opacity: 1;}
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); opacity: 1;}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); opacity: 1;}
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); opacity: 1;}
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); opacity: 1;}
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); opacity: 1;}
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
opacity: 1;
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
opacity: 1;
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}h3,
h4,
h5 {
color: #3b679e;
}
a {
color: #3b679e;
}
a:hover {
color: #0f5372;
}
a:active {
color: #df4c43;
}
.alternative-font {
color: #3b679e;
}
.text-bg {
background: #3b679e;
}
p.drop-caps:first-child:first-letter {
color: #3b679e;
}
p.drop-caps.secundary:first-child:first-letter {
background-color: #3b679e;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #3b679e;
}
.btn-primary,
.pagination > .active > a,
ul.nav-pills > li.active > a {
border-color: #2d5281;
background-color: #3b679e;
}
.btn-primary:hover,
.pagination > .active > a:hover,
ul.nav-pills > li.active > a:hover {
border-color: #286300;
background-color: #348000;
}
.btn-primary:focus,
.pagination > .active > a:focus,
ul.nav-pills > li.active > a:focus {
border-color: #e05048;
background-color: #e05048;
}
.progress-bar-primary {
background-color: #3b679e;
}
.btn-default,
.btn-default.btn-lg,
.btn-default.btn-sm,
.btn-default.btn-xs {
border-color: #3b679e;
background-color: transparent;
color: #3b679e;
}
.btn-default:hover,
.btn-default.btn-lg:hover,
.btn-default.btn-sm:hover,
.btn-default.btn-xs:hover {
border-color: #0f5372;
background-color: rgba(13, 13, 13, 0);
color: #0f5372;
}
.btn-default:focus,
.btn-default.btn-lg:focus,
.btn-default.btn-sm:focus,
.btn-default.btn-xs:focus {
border-color: #df4c43;
background-color: rgba(0, 0, 0, 0);
color: #df4c43;
}
.btn-success {
border-color: #87c940;
background-color: #a0d468;
}
.btn-success:hover {
border-color: #91cd50;
background-color: #a5d670;
}
.btn-success:focus {
border-color: #96cf58;
background-color: #96cf58;
}
.btn-info {
border-color: #22b1e3;
background-color: #4fc1e9;
}
.btn-info:hover {
border-color: #34b7e6;
background-color: #58c4ea;
}
.btn-info:focus {
border-color: #3dbbe7;
background-color: #3dbbe7;
}
.btn-warning {
border-color: #f6b81c;
background-color: #f8c74d;
}
.btn-warning:hover {
border-color: #f7be30;
background-color: #f8ca57;
}
.btn-warning:focus {
border-color: #f7c139;
background-color: #f7c139;
}
.btn-danger {
border-color: #d61629;
background-color: #ea3547;
}
.btn-danger:hover {
border-color: #e7192e;
background-color: #eb3e4f;
}
.btn-danger:focus {
border-color: #e82336;
}
.label-primary {
background-color: #3b679e;
}
.label-default {
color: #3b679e;
background-color: transparent;
border-color: #3b679e;
}
.label-success {
background-color: #a0d468;
}
.label-info {
background-color: #4fc1e9;
}
.label-warning {
background-color: #f8c74d;
}
.label-danger {
background-color: #ea3547;
}
.label-dark {
background-color: #2d343e;
}
.alert-success {
background-color: #d2ebb7;
}
.alert-info {
background-color: #aae1f4;
}
.alert-warning {
background-color: #fce6af;
}
.alert-danger {
background-color: #f8c0c5;
}
.progress-bar-success {
background-color: #a0d468;
}
.progress-bar-info {
background-color: #4fc1e9;
}
.progress-bar-warning {
background-color: #f8c74d;
}
.progress-bar-danger {
background-color: #ea3547;
}
section.highlight {
background-color: #3b679e;
border-color: #df4c43;
}
section.toggle > label {
color: #3b679e;
}
section.toggle.active > label {
background-color: #3b679e;
border-color: #3b679e;
color: #FFF;
}
section.page-top.basic div.page-top-info.init a {
color: #3b679e;
}
section.page-top.custom-product {
background-color: #df4c43;
border-top-color: #e25950;
}
div.feature-box div.feature-box-icon {
background-color: #3b679e;
}
ul.history li div.featured-box div.box-content {
border-top-color: #3b679e;
}
div.feature-box.secundary div.feature-box-icon i.icon {
color: #3b679e;
}
div.featured-box-primary i.icon-featured,
div.featured-box-primary i.image-icon {
background-color: #3b679e;
}
div.featured-box-primary i.icon-featured:after {
border-color: #3b679e;
}
div.featured-box-primary h4 {
color: #3b679e;
}
div.featured-box-primary div.box-content {
border-top-color: #3b679e;
}
div.featured-boxes.tertiary div.featured-box-primary i.icon-featured {
border: 2px solid #3b679e;
color: #3b679e;
}
div.featured-box-secundary i.icon-featured,
div.featured-box-secundary i.image-icon {
background-color: #48cfad;
}
div.featured-box-secundary i.icon-featured:after {
border-color: #48cfad;
}
div.featured-box-secundary h4 {
color: #48cfad;
}
div.featured-box-secundary div.box-content {
border-top-color: #48cfad;
}
div.featured-boxes.tertiary div.featured-box-secundary i.icon-featured {
border: 2px solid #48cfad;
color: #48cfad;
}
div.featured-box-tertiary i.icon-featured,
div.featured-box-tertiary i.image-icon {
background-color: #4fc1e9;
}
div.featured-box-tertiary i.icon-featured:after {
border-color: #4fc1e9;
}
div.featured-box-tertiary h4 {
color: #4fc1e9;
}
div.featured-box-tertiary div.box-content {
border-top-color: #4fc1e9;
}
div.featured-boxes.tertiary div.featured-box-tertiary i.icon-featured {
border: 2px solid #4fc1e9;
color: #4fc1e9;
}
div.featured-box-quartenary i.icon-featured,
div.featured-box-quartenary i.image-icon {
background-color: #ac92ec;
}
div.featured-box-quartenary i.icon-featured:after {
border-color: #ac92ec;
}
div.featured-box-quartenary h4 {
color: #ac92ec;
}
div.featured-box-quartenary div.box-content {
border-top-color: #ac92ec;
}
div.featured-boxes.tertiary div.featured-box-quartenary i.icon-featured {
border: 2px solid #ac92ec;
color: #ac92ec;
}
.divider.colored .icon {
color: #3b679e;
}
div.counters strong {
color: #3b679e;
}
a.thumb-info span.thumb-info-type {
background-color: #3b679e;
}
a.thumb-info span.thumb-info-action-icon {
background-color: #3b679e;
}
.thumbnail span.zoom {
background-color: #3b679e;
}
span.thumb-info-social-icons a {
background-color: #3b679e;
}
.inverted {
background-color: #3b679e;
}
div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
color: #3b679e;
}
div.tabs ul.nav-tabs a:hover {
border-top-color: #3b679e;
}
div.tabs ul.nav-tabs li.active a {
border-top-color: #3b679e;
color: #3b679e;
}
ul.list.icons li i {
color: #3b679e;
}
.icon-rounded {
background-color: #3b679e;
border-bottom-color: #2d5281;
}
i.icon-featured {
background-color: #3b679e;
}
.parallax blockquote i.icon-quote-left {
color: #3b679e;
}
.img-thumbnail span.zoom {
background-color: #3b679e;
}
div.sort-source-wrapper.full-width .nav > li.active > a:hover {
background-color: #3b679e;
}
header nav ul.nav-main > li:hover > a,
header nav ul.nav-main li.active > a,
header nav ul.nav-main li.active > a:hover,
header nav ul.nav-main li.active > a:focus,
header nav ul.nav-main li.active i.icon-caret-down {
color: #3b679e;
}
header div.header-top.color {
background-color: #3b679e;
}
div.slider div.tp-bannertimer {
background-color: #3b679e;
}
div.slider div.slider-overlay {
background-color: #3b679e;
}
.owl-theme .owl-controls .owl-buttons div {
border-color: #2d5281;
background-color: #3b679e;
}
.owl-theme .owl-controls .owl-buttons div:hover {
border-color: #286300;
background-color: #348000;
}
.owl-theme .owl-controls .owl-buttons div:focus {
border-color: #e05048;
background-color: #e05048;
}
blockquote.testimonial.secundary {
background: #0f5372;
border-bottom-color: #2d5281;
}
div.testimonial-arrow-down.secundary {
border-top-color: #0f5372;
}
blockquote.secundary {
border-left-color: #3b679e;
}
div.recent-posts div.date span.month,
article.post div.post-date span.month {
background-color: #3b679e;
}
div.recent-posts div.date span.day,
article.post div.post-date span.day {
color: #3b679e;
}
ul.post-share-icons li a:hover {
color: #3b679e;
}
section.page-top div.page-top-info ul.breadcrumb {
background-color: #3b679e;
}
div.pricing-table div.most-popular {
border-color: #3b679e;
}
div.pricing-table div.most-popular h3 {
background-color: #3b679e;
}
section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
background: #3b679e;
box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #3b679e;
}
footer {
background-color: #2d343e;
}
footer div.footer-copyright {
background-color: #292f38;
}
footer ul.social-icons li a:hover {
color: #3b679e !important;
}
div.shop ul.products li.product .onsale {
background-color: #3b679e;
border-bottom-color: #2d5281;
}
div.shop .star-rating span,
div.shop .cart-totals tr.total .amount {
color: #3b679e;
}footer {
font-size: 0.9em;
margin-top: 0;
padding: 0;
position: relative;
clear: both;
}
div.footer-copyright {
background: #292F38;
margin-top: 0;
padding: 10px 0;
}
footer div.container div.row > div {
margin-bottom: 0;
}
footer a {
color: #ffffff !important;
}
header.big-logo div.header-top a {
color: #666666;
}
section.page-top {
background: transparent;
margin: 0;
min-height: 50px;
padding: 0 0 5px 0;
text-align: left;
height: 220px;
}
.owl-theme .owl-controls .owl-buttons div {
border-color: #1b7aa5;
background-color: #004f98;
}
.owl-theme .owl-controls .owl-buttons div:hover {
border-color: #666;
background-color: #999;
}
header.big-logo h1.logo {
margin-top: -80px;
padding-top: 57px;
height: auto;
width: 264px;
}
header h1.logo {
background: transparent; 
color: #000;
display: block;
float: left;
height: 100%;
margin: 7px -32px -25px 0;
padding: 10px 0px ;
border-bottom: 0px solid #E5E7E9;
z-index: 100;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
header.big-logo div.header-top {
background:transparent;
margin-top: -20px;
}
div.main {
padding: 70px 0;
margin-top:-11px
}
div.main_int {
padding: 0;
margin-top:-6px
}
header nav.nav-main {
float: right;
margin-bottom: -20px;
margin-right: -20px;
margin-top: -10px;
}
div.featured-box-primary h4 {
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px #333;
}
div.featured-box-primary a:hover {
opacity:0.5;
text-decoration:none;
color: #fff; }
div.featured-box-primary div.box-content {
border-top-color: #E5E7E9;
}
header {
clear: both;
background: #FFF;
padding: 25px 0 21px;
position: fixed;
top: 0;
width: 100%;
z-index: 1001;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
background: #feffff;
box-shadow: 0 0 30px #333;
background-image: url(//www.carpenteriacosta.com/wp-content/themes/carpenteriacosta_com/images/bgheader.jpg);
border-bottom:0;
background-position: bottom;
background-repeat: repeat-x;
}
div.slider-container {
border-bottom: 5px solid #004f98;
}
.tp-simpleresponsive >ul >li {
border-bottom: 1px solid #fff;
}
header nav ul.nav-main li a {
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
margin:0;
color: #004f98;
}
header nav ul.nav-main li a:hover, header nav ul.nav-main li a:active {
color: #00aa56;
}
.social-icons {
float: right;
list-style: none;
margin: 0 0 0 25px;
padding: 0;
position: relative;
top: 11px;
right: 11px;
}
.social-icons li {
display: inline-block;
margin: 0;
padding: 0;
}
.social-icons li a {
display: inline-block;
width: 20px;
color: #2D343E;
height: 25px;
text-align: center;
line-height: 25px;
font-size: 13px;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
body.sticky-menu-active header.big-logo h1.logo {
margin:-5px -32px 0px 0;
padding: 10px 0px;
min-height: 0;
}
header.big-logo div.header-top p {
float: right;
padding-left: 20px;
margin-left: 0;
margin-right: 20px;
margin-top: -20px;
}
div.main {
background-color: #fff;
}
.lead {
font-size: 1.3em;
color: #00aa56;
font-family: 'Oswald', sans-serif;
font-weight: 300;
line-height: 1.3em;
}
.lead p {
font-size: 1em;
color: #00aa56; font-weight: 300;
line-height: 1.3em;
}
div.feature-box.secundary div.feature-box-icon {
background: #BFBFBF;
width: 40px;
height: 40px;
line-height: 40px;
top: -2px;
position: relative;
}
div.feature-box.secundary div.feature-box-icon:before {
background: #EAECEE;
border: 1px solid #D2D2D2;
width: 42px;
height: 40px;
display: block;
content: "";
position: absolute;
top: -2px;
left: -1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
div.feature-box.secundary div.feature-box-info {
padding-left: 49px;
}
.push-top {
margin-top: 15px;
min-height: 54px;
} span.wpcf7-not-valid-tip { color: #f00;
font-size: 0.9em;
display: block;
background-color: #ffecec;
border: 1px solid #f5aca6;
position: relative;
top: -20px;
left: 0%;
padding: 5px 10px;
width: 95%;
}
div.wpcf7-validation-errors {
background-color: #fff8c4;
border: 1px solid #f2c779;
padding: 10px;
text-align: center;
position: relative;
z-index: 9;
box-shadow: 1px 1px 10px #ccc;
}
div.wpcf7-mail-sent-ok {
background-color: #e9ffd9;
border: 1px solid #a6ca8a;
padding: 10px;
text-align: center;
position: relative;
z-index: 9;
box-shadow: 1px 1px 10px #ccc;
}
ul.nav-list.primary > li.current_page_item a {
font-weight:bold !important;
}
.menusx2 {
padding-left: 10px !important;
}
.menusx2 a {
color:#264895;
line-height: 15px;
}
.menusx2 a.act {
font-weight:bold !important;
}
.menusx3 {
padding-left: 20px !important;
}
.menusx3 a {
color:#264895;
line-height: 15px;
}
.menusx3 a.act {
font-weight:bold !important;
}
ul.nav-list.primary > li {
margin: 0;
padding: 0;
}
ul#menu-servizi-posizionamento > li a {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
border-bottom: 1px solid #DDDEE2;
padding: 8px 20px 8px 2px;
transition: all 0.3s;
}
ul#menu-servizi-posizionamento > li:hover a {
padding-left: 7px;
}
ul#menu-servizi-posizionamento > li.current_page_item a {
font-weight:bold !important;
}
ul#menu-servizi-posizionamento > li  {
position: relative;
display: block;
margin: 0;
padding: 0;
}
ul#menu-servizi-posizionamento > li > a {
position: relative;
display: block;
}
ul#menu-servizi-posizionamento > li > a:hover, ul#menu-servizi-posizionamento > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
::selection {
background: #5e6166;
color: #fff;
text-shadow: none;
}
p {
color: #004f98;
line-height: 20px;
margin: 0 0 20px;
font-size: 14px;
text-align: justify;
}
.text-container ul{
margin: 0 20px;
} .text-container ul li {
padding: 5px 20px;
list-style-type: none;
box-shadow: 0 0 5px #ccc; border-bottom: 0;
margin-bottom: 5px;
}
.text-container ul li {
padding: 0px;
list-style-type: disc;
box-shadow:none;
color:#004f98
}
h4 {
font-size: 1.2em;
font-weight: bold;
letter-spacing: normal;
line-height: 27px;
margin: 0;
}
.img-left {
float:left;
margin-right:20px;
margin-bottom:20px
}
.img-right {
float:left;
margin-left:20px;
margin-bottom:20px
}
div.featured-box-primary div.box-content { }
div.featured-box-primary h4 { font-weight: bold;
text-shadow: none;
}
div.featured-box-primary p {
color: #004f98;
line-height: 18px;
margin: 0 0 20px;
font-size: 12px;
text-align: justify;
}
.gallery-size-thumbnail img {
border: 0px solid #cfcfcf !important;
width: 100%;
height: auto;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 0;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.gallery-size-thumbnail a {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
padding: 0;
position: relative;
border: 0;
border: 1px solid #fff;
background: #fff;
display: block;
overflow: hidden;
position: relative;
text-decoration: none;
max-width: 100%;
text-align: center;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
box-shadow: 1px 1px 5px #666;
margin: 5px;
}
.gallery-columns-6 .gallery-item {
width: 16.668% !important;
}
body {
color: #004f98;
line-height: 20px;
font-size: 14px;
}
#mainMenu li ul {
box-shadow: 0 0 4px rgba(136, 136, 136, 0.6);
background-color:#fff;
}
#mainMenu li ul {
padding-left: 10px;
margin-top: 10px;
}
#mainMenu ul {
position:		absolute;
top:			-999em;
width:			250px; }
#mainMenu ul li,
#language-selection ul li {
width: 100%;
letter-spacing: 0;
border-bottom: #e8e8e8 1px solid;
padding: 10px;
background: #fff;
font-size: 11px;
text-transform: uppercase;
}
#mainMenu li:hover ul, #mainMenu li.sfHover ul {
left: 0.01em;
top: 30px;
z-index: 99;
}
#navigation li a:hover span,
#navigation li:hover span,
#navigation li.current-menu-item a span {
color: #1c1c1c;
}
#navigation li li.current-menu-item,
#navigation li li.current_page_item,
#navigation li li:hover {
border-bottom: none;
}
#navigation li li,
#navigation li li:hover {
text-transform: none;
letter-spacing: 0;
border-bottom: #e8e8e8 1px solid;
}
#navigation li li a.sf-with-ul:after {
background: url(//www.carpenteriacosta.com/wp-content/themes/carpenteriacosta_com/images/arrows2.png) no-repeat;
width: 8px;
height: 8px;
content: '';
position: absolute;
top: 36%;
right: 1em;
}
#navigation li li a {
padding: 15px 20px;
background: #fff;
font-size: 13px;
text-transform:uppercase
}
#navigation li li a:hover {
background: #fafafa;
}
#navigation .current-menu-item,
#navigation .current_page_item,
#navigation li:hover {
border-bottom: 4px solid;
}
#navigation li ul {
box-shadow: 0 0 4px rgba(136, 136, 136, 0.6);
}
.div-contact-submit input[type="submit"] {
border: 1px solid;
padding: 10px 15px;
font-size: 14px !important;
font-weight: 600;
display: block;
line-height: 1;
text-decoration: none;
cursor: pointer;
background: #004f98;
color: #fff;
margin: 0 auto !important;
width: auto !important;
}
.div-contact-submit input[type="submit"]:hover {
color: #fff;
background-color: #004f98 !important;
}
.widget_text {
border: 1px solid #DDD;
display: block;
padding: 8px;
outline: 0px none;
color: #666;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
text-align: center;
padding: 10px;
}
.widget_text h4 {
font-size: 1.2em;
font-weight: bold;
letter-spacing: normal;
line-height: 27px;
margin: 10px;
font-size: 1.7em;
color: #004f98;
font-family: 'Oswald', sans-serif;
font-weight: 300;
line-height: 1.3em;
}
.comm_form_contatti {
display: inline-block;
color: #666;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
margin: 0 0 10px 0 !important;
width: 100%;
text-align: center;
}
input[type="checkbox"] {
vertical-align: bottom;
}
div.tabs div.tab-content {    border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
padding: 17px;
border: 1px solid #EDEDED;
background-color: rgb(246, 246, 246);
}
div.tabs ul.nav-tabs a, div.tabs ul.nav-tabs a:hover {
border: 1px solid #EDEDED;
border-bottom: 0;
border-top: 2px solid #F5F7F7;
color: #666;
background: #eee -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
background: #eee -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
background: #eee -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
background: #eee linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
border: 1px solid #aaa;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
text-decoration: none;
text-shadow: 0 1px rgba(255,255,255,.75);
}
div.tabs ul.nav-tabs li.active a {
background: #eee -webkit-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(246,246,246,1) 100%);
background: #eee -webkit-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(246,246,246,1) 100%);
background: #eee -o-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(246,246,246,1) 100%);
background: #eee -ms-linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(246,246,246,1) 100%);
background: #eee linear-gradient(top,rgba(0,0,0,.1) 0%,rgba(246,246,246,1)  100%);
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
select {
border: 0px solid #E5E7E9; 
border-radius: 0px; 
padding: 12px;
outline: none;
border: 1px solid #DDD;
display: block;
padding:0 8px;
outline: 0px none;
color: #666;
background: -moz-linear-gradient(center top , #FFF, #EEE 1px, #FFF 25px) repeat scroll 0% 0% transparent;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
height:36px
}
.btn {
padding: 6px 18px;
}
.btn-primary, .pagination > .active > a, ul.nav-pills > li.active > a {
border-color: #004f98;
background-color: #004f98;
}
.thumb-info h4 {
color: #004f98;
font-size: 1em;
}
header nav ul.nav-main li ul a {
text-transform: uppercase;
font-weight: normal;
font-size: 1em;
}
.gallery-columns-8 .gallery-item {
width: 12.5% !important;
}
div.footer-copyright p {
color: #5B616A;
font-size: 12px;
}
div.footer-copyright {
color: #5B616A;
}
.img-thumbnail span.zoom {
background-color: #004f98 !important;
}
a {
color: #004f98 !important;
}
#servizi_menu li {
float:left
}
#servizi_menu li {
position: relative; 
-moz-border-radius: 4px;
z-index: 99;
-webkit-border-radius: 4px;
border-radius: 4px; 
margin-top: 20px; 
background: #004f98 !important; 
box-shadow: 1px 2px 2px #333; 
border-bottom: 3px solid #b3bddc; 
padding: 5px 15px; 
font-size: 1.2em; 
font-weight:bold; 
text-decoration:none; 
color:#fff;
margin:0 2px
}
#servizi_menu li:hover, #servizi_menu li:active {
background: #00aa56 !important;
box-shadow: 1px 2px 2px #333;
border-bottom: 3px solid #b3dfc2;
}
#servizi_menu li a, #servizi_menu li a:hover, #servizi_menu li a:active {
color:#fff !important;
text-transform:uppercase;
text-decoration:none;
font-size:15px
}
header nav ul.nav-main {
margin: 10px 10px 0px 0 !important;
}
header {
padding: 35px 0 21px !important;
}
header.big-logo div.header-top {
margin-top: -20px !important;
margin-bottom: -20px !important;
}
#cookieAccept a, #cookie_access_form a{ color:white !important; text-decoration: underline;  }
div.body {
height: auto;
width: 100%;
}
#cookie_access_form{
color:#5B616A !important;
padding:10px 0;
background:#1a1f26 !important;
font:13px/1.8em Helmet, Freesans, sans-serif !important
}
#cookie_access_form a{
color:#5B616A !important;
font:13px Helmet, Freesans, sans-serif !important;
text-transform:uppercase !important;
font-weight:bold !important;
}
section.page-top div.page-top-info ul.breadcrumb {
background-color: #004f98;
color: #fff;
font-weight: normal;
font-size: 11px;
opacity: 0.8 !important;
}
section.page-top div.page-top-info.init a {
color: #FFF !important;
}
#consenso span input, .gdpr span input {
margin: 0 !important;
width: unset !important;
display: inline-block;
}#servizi_menu{ float:right ;margin-top: 50px;position: relative;margin-bottom: -90px;margin-right: 15px; }
section.page-top{ height:300px }
.corr-home .col-md-3 .featured-box.featured-box-primary{  
min-height: 143px; 
box-shadow: rgb(153, 153, 153) 1px 1px 20px; 
height: 143px;	
}
#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 50%;
}
#gallery-1 img {
border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}
@media (min-width: 991px) { 
.corr-home .col-md-3{ width:20%; padding:0 5px  }
}
@media (max-width: 991px) {
#mainMenu li ul{
padding-left:0px;
}
#mainMenu li:hover ul, #mainMenu li.sfHover ul{ top:0;  }
#mainMenu ul{ 
position: relative;
top: 0;
width: auto;
background: #2D343E;
}
#mainMenu ul li, #language-selection ul li{ background: #2D343E !important; }
div.body{ height:auto; }
section.page-top{ height:auto; }
#servizi_menu{ display:none; float:none; margin-top:15px; margin-bottom:15px; margin-right:0px; clear: both; }
#servizi_menu li{ background: none !important; font-size: 12px; border: 0px; width: auto; height: auto; box-shadow: none; border-right: 1px solid black; border-radius: 0px; }
#servizi_menu a{ color:black !important; }
#servizi_menu li:hover{ background: none !important; }
.corr-home .col-md-3 .img-responsive{ float:left; }
.big-logo{ 
background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 61%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(61%,#e0e0e0)); background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 61%); background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 61%); background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 61%); background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 61%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); }
header{ border-top: 10px solid rgb(60, 103, 158);	}
header{ border-bottom: 5px solid rgb(60, 103, 158); } 
header{ background-image:none; }
body {
padding-top: 0 !important;
} header {
position: relative;
padding-bottom: 3px;
}
header .container {
width: auto;
}
header div.cart {
display: none;
} aside {
clear: both;
} header div.nav-main-collapse,
header div.nav-main-collapse.in {
width: 100%;
overflow: hidden;
overflow-y: hidden;
overflow-x: hidden;
}
header div.nav-main-collapse {
float: none;
margin: 0;
}
header nav.nav-main ul.nav-main {
float: none;
position: static;
margin: 8px 0;
}
header div.nav-main-collapse.collapse {
display: none !important;
}
header div.nav-main-collapse {
top: 8px;
position: relative;
}
header div.nav-main-collapse.in {
display: block !important;
}
header div.nav-collapse div.container nav.nav-main {
float: left;
width: 100%;
}
header div.nav-main-collapse {
background: #2D343E;
max-height: none;
margin: 0 -15px !important;
max-height: none;
padding: 0 15px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
header div.nav-main-collapse > nav {
padding-left: 25px;
padding-right: 25px;
}
header > div.container {
margin-bottom: 0;
}
header nav ul.nav-main {
margin-right: -10px;
}
header div.nav-collapse {
background: #2D343E;
width: 100%;
clear: both;
width: 100%;
}
header nav.nav-main {
padding: 10px 0;
clear: both;
display: block;
float: none;
width: 100%;
}
header nav.nav-main ul,
header nav.nav-main ul li {
padding: 0;
margin: 0;
}
header nav.nav-main ul li {
clear: both;
float: none;
display: block;
border-bottom: 1px solid #383F49;
}
header nav ul.nav-main > li + li {
margin-left: 0;
}
header nav ul.nav-main li a,
header nav ul.nav-main ul.dropdown-menu li > a {
padding: 9px 8px;
border: 0;
border-top: 0;
margin: 0;
}
header nav.nav-main ul li:last-child,
header nav ul.nav-main ul.dropdown-menu li > a {
border-bottom: none;
}
header nav ul.nav-main li.dropdown:hover > a {
margin-bottom: -2px;
}
header nav ul.nav-main li a {
color: #FFF;
clear: both;
float: none;
display: block;
padding-left: 0;
}
header nav ul.nav-main li a i.icon-angle-down {
position: absolute;
right: 5px;
top: 10px;
}
header nav.nav-main ul ul {
margin-left: 20px !important;
}
header nav.nav-main ul.dropdown-menu {
position: static;
clear: both;
float: none;
display: none !important;
}
header nav ul.nav-main ul.dropdown-menu {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
header nav.nav-main li.resp-active > ul.dropdown-menu {
display: block !important;
}
header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
border: 0;
margin: 0 5px;
padding-left: 35px;
}
header nav ul.nav-main .dropdown-submenu > a:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #FFF;
}
header nav ul.nav-main .dropdown-submenu:hover > a:after {
border-left-color: transparent;
}
body header nav ul.nav-pills > li > a:before,
body header nav ul.nav-main li.dropdown:hover > a:after {
display: none;
}
body header nav ul.nav-main i.icon-caret-down {
float: right;
}
body header nav ul.nav-main ul.dropdown-menu,
body header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
body header nav ul.nav-main li a,
body header nav ul.nav-main li.active a,
body header nav ul.nav-main li.dropdown:hover a,
body header nav ul.nav-main ul.dropdown-menu li:hover > a,
body header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
background: none !important;
background-color: transparent !important;
color: #FFF !important;
}
header.center nav ul.nav-main > li {
display: block;
}
header nav ul.nav-main ul.dropdown-menu {
padding: 0;
margin: 0 0 10px 0;
}
header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
margin-top: 10px;
}
header nav ul.nav-main i.icon-caret-down {
color: #ADB0AD !important;
} button.btn-responsive-nav {
background: #2D343E;
top: 25px;
display: block;
position: absolute;
right: 20px;
color: #FFF;
border-bottom-color: #2D343E;
}
button.btn-responsive-nav:hover,
button.btn-responsive-nav:active,
button.btn-responsive-nav:focus {
color: #CCC;
} header h1.logo {
border: 0;
margin-bottom: 0;
}
header h1.logo img {
max-width: 180px;
}
header.center h1.logo {
text-align: left;
} header div.header-top ul.nav-top {
float: left;
margin: 7px 0 0 -15px;
min-height: 5px;
} header div.social-icons {
display: none;
} header div.search {
display: none;
} a.thumb-info span.thumb-info-title {
font-size: 14px;
}
a.thumb-info span.thumb-info-more {
font-size: 11px;
} div.featured-boxes.secundary div.featured-box,
div.featured-boxes.tertiary div.featured-box {
margin-bottom: 35px;
} div.portfolio-title div.portfolio-nav {
display: none;
} div.counters label {
margin-bottom: 20px;
} .parallax {
background-position: 0 50% !important;
background-size: auto !important;
} .thumbnail {
border: 0;
} div.sort-source-wrapper.full-width {
margin-top: -60px;
}
ul.sort-destination.isotope {
overflow: visible !important;
height: auto !important;
}
ul.sort-destination.full-width.isotope {
overflow: hidden !important;
}
.isotope-item {
position: static !important;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
}
.isotope-hidden {
display: none !important;
} ul.team-list div.team-item {
margin: 0 auto 35px;
max-width: 270px;
} .isotope-item.col-md-3 {
max-width: 292px;
} section.timeline .timeline-box,
section.timeline .timeline-box.right {
float: none;
clear: both;
right: auto;
left: auto;
margin: 25px auto;
max-width: 70%;
width: auto;
}
section.timeline .timeline-box.left:after,
section.timeline .timeline-box.right:after,
section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before  {
display: none;
} section.call-to-action .btn {
clear: both;
display: block;
float: none;
margin: 20px auto !important;
max-width: 250px;
} footer span.phone {
font-size: 20px;
} a.scroll-to-top {
display: none !important;
}
header.big-logo h1.logo{ 
margin-top: auto;
padding: 0;
min-height: 0px;
}
}
@media (max-width: 767px) {
.corr-home .col-md-3 .img-responsive{ float:none; }
.corr-home .col-md-3 .featured-box.featured-box-primary{ height:auto !important; } h1.big {
font-size: 3.2em;
line-height: 42px;
} .center-sm {
text-align: center;
} body.boxed {
background: none !important;
}
body.boxed div.body {
border: 0;
border-bottom: 0;
border-top: 0;
box-shadow: none;
margin: 0;
width: auto;
}
body.boxed header {
padding: 5px 20px 15px 20px !important;
} header {
display: block;
}
header > div.container {
width: 100%;
}  header.center nav {
width: auto;
}
header nav ul.nav-top {
float: right;
margin-right: 0;
} header div.social-icons {
display: none;
} div.sort-source-wrapper {
background: #2D343E;
margin-top: -40px;
}
.sort-destination,
.isotope-item {
margin-left: auto !important;
margin-right: auto !important;
max-width: 380px;
}
.sort-destination.full-width,
.sort-destination.full-width .isotope-item {
max-width: none;
} div.slider > ul > li > div.caption {
margin-left: 20px !important;
}
div.slider > ul > li > div.center-caption {
margin-left: 0 !important;
} div.main-carousel .owl-carousel .owl-item > div {
top: 70px !important;
} div.pricing-table {
margin-left: 0px;
}
div.pricing-table div.plan {
margin-right: 0;
} div.map-overlay {
margin-top: 0;
}
div.google-map {
margin-top: -62px;
} .masonry-list {
margin: 0 2% !important;
width: 96% !important;
}
.masonry-list.full {
margin: 0 3% !important;
width: 93% !important;
}
.masonry-list .masonry-item {
float: none !important;
width: auto !important;
margin: 0 0 25px 0 !important;
position: static !important;
} footer span.phone {
font-size: 20px;
}
} @media (max-width: 600px) {
iframe{ max-width:100% !important; }
header nav ul.nav-top li {
display: none;
}
header nav ul.nav-top li.phone {
display: block;
}
div.feature-box.secundary div.feature-box-info{ padding-left: 0px; }
.gallery-item img {
width: 100%;
height: auto;
}
}
@media (max-width: 479px) {
.social-icons{ display:none; }
#gallery-1 .gallery-item {
float: none;
max-width: 100%;
width: auto;
} body {
font-size: 13px;
}
h2 {
line-height: 40px;
} .center-xs {
text-align: center;
} .nav-tabs > li {
float: none;
} span.arrow {
display: none;
} header nav ul.nav-top{
display: none;
} div.main-carousel .owl-carousel .owl-item > div {
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
top: 50px !important;
}
div.main-carousel a.carousel-nav,
div.main-carousel a.carousel-nav:hover {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
div.main-carousel a.carousel-nav.prev {
-webkit-border-radius: 0 100% 100% 0;
-moz-border-radius: 0 100% 100% 0;
border-radius: 0 100% 100% 0;
left: -20px;
}
div.main-carousel a.carousel-nav.next {
-webkit-border-radius: 100% 0 0 100%;
-moz-border-radius: 100% 0 0 100%;
border-radius: 100% 0 0 100%;
right: -20px;
}
div.main-carousel {
margin-bottom: -80px;
} section.page-top h2 {
line-height: 38px;
}
section.page-top div.page-top-info.with-slider {
margin-bottom: -50px;
margin-top: -55px;
}
section.page-top .parallax {
min-height: 200px;
} ul.comments li {
border-left: 8px solid #DDDDDD;
clear: both;
padding: 0 0 0 10px;
}
ul.comments li div.img-thumbnail,
ul.comments div.comment-arrow {
display: none;
}
article.post-large-image div.post-image,
article.post-large-image div.post-date,
article.post-large-image {
margin-left: 0;
} section.page-not-found {
margin: 0;
}
section.page-not-found h2 {
font-size: 100px;
letter-spacing: 0;
line-height: 100px;
} div.featured-boxes div.featured-box {
max-width: none;
} .sort-destination,
.isotope-item {
margin-left: auto !important;
margin-right: auto !important;
max-width: 240px;
}
.sort-destination.full-width {
margin-top: -35px;
}
.sort-destination.full-width .isotope-item {
position: static !important;
clear: both;
float: none;
width: auto;
}
.sort-destination.full-width .isotope-item .img-thumbnail {
width: 100%;
}
.sort-destination.full-width .isotope-item .img-thumbnail,
.sort-destination.full-width .isotope-item a,
.sort-destination.full-width .isotope-item .thumb-info img {
text-align: center;
}
div.sort-source-wrapper {
display: none;
} ul.history li div.thumb {
display: none;
}
ul.history li div.featured-box {
margin-left: 0;
} section.timeline {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
}
section.timeline .timeline-box,
section.timeline .timeline-box.right {
margin: 15px auto;
max-width: 90%;
} .thumb-info img {
margin: 0 auto;
} div.shop .actions-continue {
float: none;
}
div.shop table.cart th.product-price,
div.shop table.cart td.product-price,
div.shop table.cart th.product-quantity,
div.shop table.cart td.product-quantity {
display: none;
}
section.page-top div.page-top-info.with-slider{ margin: 10px 0 10px 0; }
}