#wrapper,
.ohidden {
position: relative
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent
}
@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:750px}}@media(min-width:992px){.container{max-width:970px}}@media(min-width:1200px){.container{max-width:1170px}}.dropdown-menu,body{font-size:.875rem}dd,dl,dt,li,ol,ul{margin:0;padding:0}.clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;overflow:hidden}::selection{background:#1abc9c;color:#fff;text-shadow:none}::-moz-selection{background:#1abc9c;color:#fff;text-shadow:none}::-webkit-selection{background:#1abc9c;color:#fff;text-shadow:none}:active,:focus{outline:0!important}body{line-height:1.5;color:#555;font-family:Lato,sans-serif}a{text-decoration:none!important;color:#1abc9c}a:hover{color:#222}a img {
border: none
}
img {
max-width: 100%
}
iframe {
border: none!important
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #444;
font-weight: 600;
line-height: 1.5;
margin: 0 0 30px;
font-family: Raleway, sans-serif
}
.font-body,
small {
font-family: Lato, sans-serif
}
h1 {
font-size: 36px
}
h2 {
font-size: 30px
}
h3 {
font-size: 24px
}
h4 {
font-size: 18px;
font-weight: 600
}
h5 {
font-size: 14px
}
h6 {
font-size: 12px
}
h5,
h6 {
margin-bottom: 20px;
font-weight: 700
}
h1>span:not(.nocolor):not(.badge),
h2>span:not(.nocolor):not(.badge),
h3>span:not(.nocolor):not(.badge),
h4>span:not(.nocolor):not(.badge),
h5>span:not(.nocolor):not(.badge),
h6>span:not(.nocolor):not(.badge) {
color: #1abc9c
}
address,
blockquote,
dd,
dl,
fieldset,
form,
ol,
p,
pre,
table,
ul {
margin-bottom: 30px
}
.uppercase {
text-transform: uppercase!important
}
.lowercase {
text-transform: lowercase!important
}
.capitalize {
text-transform: capitalize!important
}
.nott {
text-transform: none!important
}
.tright {
text-align: right!important
}
.tleft {
text-align: left!important
}
.fright {
float: right!important
}
.fleft {
float: left!important
}
.fnone {
float: none!important
}
.ohidden {
overflow: hidden!important
}
#wrapper {
float: none;
width: 1220px;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
#top-search form input,
.noshadow {
box-shadow: none!important
}
.double-line,
.line {
clear: both;
position: relative;
width: 100%;
margin: 60px 0;
border-top: 1px solid #eee
}
.divcenter,
.emptydiv,
.noabsolute {
position: relative!important
}
.line.line-sm {
margin: 30px 0
}
span.middot {
display: inline-block;
margin: 0 5px
}
.double-line {
border-top: 3px double #e5e5e5
}
.emptydiv {
display: block!important
}
.allmargin {
margin: 50px!important
}
.leftmargin {
margin-left: 50px!important
}
.rightmargin {
margin-right: 50px!important
}
.topmargin {
margin-top: 50px!important
}
.bottommargin {
margin-bottom: 50px!important
}
.clear-bottommargin {
margin-bottom: -50px!important
}
.allmargin-sm {
margin: 30px!important
}
.leftmargin-sm {
margin-left: 30px!important
}
.rightmargin-sm {
margin-right: 30px!important
}
.topmargin-sm {
margin-top: 30px!important
}
.bottommargin-sm {
margin-bottom: 30px!important
}
.clear-bottommargin-sm {
margin-bottom: -30px!important
}
.allmargin-lg {
margin: 80px!important
}
.leftmargin-lg {
margin-left: 80px!important
}
.rightmargin-lg {
margin-right: 80px!important
}
.topmargin-lg {
margin-top: 80px!important
}
.bottommargin-lg {
margin-bottom: 80px!important
}
.clear-bottommargin-lg {
margin-bottom: -80px!important
}
.nomargin {
margin: 0!important
}
.noleftmargin {
margin-left: 0!important
}
.norightmargin {
margin-right: 0!important
}
.notopmargin {
margin-top: 0!important
}
.nobottommargin {
margin-bottom: 0!important
}
.header-stick {
margin-top: -50px!important
}
.content-wrap .header-stick {
margin-top: -80px!important
}
.footer-stick {
margin-bottom: -50px!important
}
.content-wrap .footer-stick {
margin-bottom: -80px!important
}
.noborder {
border: none!important
}
.noleftborder {
border-left: none!important
}
.norightborder {
border-right: none!important
}
.notopborder {
border-top: none!important
}
.nobottomborder {
border-bottom: none!important
}
.noradius {
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
-ms-border-radius: 0!important;
-o-border-radius: 0!important;
border-radius: 0!important
}
.col-padding {
padding: 60px
}
.nopadding {
padding: 0!important
}
.noleftpadding {
padding-left: 0!important
}
.norightpadding {
padding-right: 0!important
}
.notoppadding {
padding-top: 0!important
}
.nobottompadding {
padding-bottom: 0!important
}
.notextshadow {
text-shadow: none!important
}
#primary-menu.style-3>ul>li.current>a,
#top-cart>a>span,
#top-social li a:hover {
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}
.hidden {
display: none!important
}
.nothidden {
display: block!important
}
.inline-block {
float: none!important;
display: inline-block!important
}
.center {
text-align: center!important
}
.divcenter {
float: none!important;
margin-left: auto!important;
margin-right: auto!important
}
.bgcolor,
.bgcolor #header-wrap {
background-color: #1abc9c!important
}
.color {
color: #1abc9c!important
}
.border-color {
border-color: #1abc9c!important
}
.nobg {
background: 0 0!important
}
.nobgcolor {
background-color: transparent!important
}
.t300 {
font-weight: 300!important
}
.t400 {
font-weight: 400!important
}
.t500 {
font-weight: 500!important
}
.t600 {
font-weight: 600!important
}
.t700 {
font-weight: 700!important
}
.ls0 {
letter-spacing: 0!important
}
.ls1 {
letter-spacing: 1px!important
}
.ls2 {
letter-spacing: 2px!important
}
.ls3 {
letter-spacing: 3px!important
}
.ls4 {
letter-spacing: 4px!important
}
.ls5 {
letter-spacing: 5px!important
}
.noheight {
height: 0!important
}
.nolineheight {
line-height: 0!important
}
#logo,
#primary-menu ul li>a,
.font-primary {
font-family: Raleway, sans-serif
}
.entry-meta li,
.font-secondary {
font-family: crete round, serif
}
.bgicon {
display: block;
position: absolute;
bottom: -60px;
right: -50px;
font-size: 210px;
color: rgba(0, 0, 0, .1)
}
.imagescale,
.imagescalein {
display: block;
overflow: hidden
}
.imagescale img,
.imagescalein img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.imagescale:hover img,
.imagescalein img {
-webkit-transform: scale(1);
transform: scale(1)
}
.imagescalein:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.grayscale {
filter: brightness(80%) grayscale(1) contrast(90%);
-webkit-filter: brightness(80%) grayscale(1) contrast(90%);
-moz-filter: brightness(80%) grayscale(1) contrast(90%);
-o-filter: brightness(80%) grayscale(1) contrast(90%);
-ms-filter: brightness(80%) grayscale(1) contrast(90%);
transition: 1s filter ease;
-webkit-transition: 1s -webkit-filter ease;
-moz-transition: 1s -moz-filter ease;
-ms-transition: 1s -ms-filter ease;
-o-transition: 1s -o-filter ease
}
.grayscale:hover {
filter: brightness(100%) grayscale(0);
-webkit-filter: brightness(100%) grayscale(0);
-moz-filter: brightness(100%) grayscale(0);
-o-filter: brightness(100%) grayscale(0);
-ms-filter: brightness(100%) grayscale(0)
}
.bganimate {
-webkit-animation: BgAnimated 30s infinite linear;
-moz-animation: BgAnimated 30s infinite linear;
-ms-animation: BgAnimated 30s infinite linear;
-o-animation: BgAnimated 30s infinite linear;
animation: BgAnimated 30s infinite linear
}
@-webkit-keyframes BgAnimated {
from {
background-position: 0 0
}
to {
background-position: 0 400px
}
}
@-moz-keyframes BgAnimated {
from {
background-position: 0 0
}
to {
background-position: 0 400px
}
}
@-ms-keyframes BgAnimated {
from {
background-position: 0 0
}
to {
background-position: 0 400px
}
}
@-o-keyframes BgAnimated {
from {
background-position: 0 0
}
to {
background-position: 0 400px
}
}
@keyframes BgAnimated {
from {
background-position: 0 0
}
to {
background-position: 0 400px
}
}
.input-block-level {
display: block;
width: 100%!important;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.vertical-middle {
height: auto!important;
left: 0;
max-width: none!important;
z-index: 2
}
.vertical-middle+.video-wrap {
z-index: 1!important
}
.magnific-max-width .mfp-content {
max-width: 800px
}
.section {
position: relative;
margin: 60px 0;
padding: 0px 0;
background-color: #f9f9f9;
overflow: hidden
}
.parallax {
background-color: transparent;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
overflow: hidden;
will-change: transform
}
.mobile-parallax,
.video-placeholder {
background-size: cover!important;
background-attachment: scroll!important;
background-position: center center!important
}
.section .container {
z-index: 2
}
.section .container+.video-wrap {
z-index: 1
}
.revealer-image {
position: relative;
bottom: -100px;
transition: bottom .3s ease-in-out;
-webkit-transition: bottom .3s ease-in-out;
-o-transition: bottom .3s ease-in-out
}
.section:hover .revealer-image {
bottom: -50px
}
.col_full {
width: 100%
}
.col_half,
.postcontent.bothsidebar {
width: 48%
}
.col_one_third {
width: 30.63%
}
.col_two_third {
width: 65.33%
}
.col_one_fourth,
.sidebar {
width: 22%
}
.col_three_fourth,
.postcontent {
width: 74%
}
.col_one_fifth {
width: 16.8%
}
.col_two_fifth {
width: 37.6%
}
.col_three_fifth {
width: 58.4%
}
.col_four_fifth {
width: 79.2%
}
.col_one_sixth {
width: 13.33%
}
.col_five_sixth {
width: 82.67%
}
body.stretched .container-fullwidth {
position: relative;
padding: 0 60px;
width: 100%
}
.col_five_sixth,
.col_four_fifth,
.col_full,
.col_half,
.col_one_fifth,
.col_one_fourth,
.col_one_sixth,
.col_one_third,
.col_three_fifth,
.col_three_fourth,
.col_two_fifth,
.col_two_third,
.postcontent,
.sidebar {
display: block;
position: relative;
margin-right: 4%;
margin-bottom: 50px;
float: left
}
.col_full {
clear: both;
float: none;
margin-right: 0
}
.col_last {
margin-right: 0!important;
float: right;
clear: right
}
.top-links,
.top-links ul li {
float: left;
position: relative
}
.fslider,
.fslider .flexslider,
.fslider .slide,
.fslider .slide>a,
.fslider .slide>a>img,
.fslider .slide>img,
.fslider .slider-wrap {
position: relative;
display: block;
width: 100%;
height: auto;
overflow: hidden;
-webkit-backface-visibility: hidden
}
.fslider {
min-height: 32px
}
.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
outline: 0;
border: none
}
.flex-control-nav,
.flex-direction-nav,
.slider-wrap {
margin: 0;
padding: 0;
list-style: none;
border: none
}
.flexslider {
position: relative;
margin: 0;
padding: 0
}
.flexslider .slider-wrap>.slide {
display: none;
-webkit-backface-visibility: hidden
}
.flexslider .slider-wrap img {
width: 100%;
display: block
}
.flex-pauseplay span {
text-transform: capitalize
}
.slider-wrap:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .slider-wrap {
display: block
}
* html .slider-wrap {
height: 1%
}
.no-js .slider-wrap>.slide:first-child {
display: block
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.flex-control-nav {
position: absolute;
z-index: 10;
text-align: center;
top: 14px;
right: 10px;
margin: 0
}
.flex-control-nav li {
float: left;
display: block;
margin: 0 3px;
width: 10px;
height: 10px
}
.flex-control-nav li a {
display: block;
cursor: pointer;
text-indent: -9999px;
width: 10px!important;
height: 10px!important;
border: 1px solid #fff;
border-radius: 50%;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.flex-control-nav li a.flex-active,
.flex-control-nav li:hover a {
background-color: #fff
}
#top-bar {
position: relative;
border-bottom: 1px solid #eee;
height: 45px;
line-height: 44px;
font-size: 13px
}
#top-bar .col_half {
width: auto
}
.top-links ul {
margin: 0;
list-style: none
}
.top-links ul li {
height: 44px;
border-left: 1px solid #eee
}
.top-links ul li:first-child,
.top-links ul ul li {
border-left: 0!important
}
.top-links li>a {
display: block;
padding: 0 12px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
height: 44px;
color: #666
}
.top-links li i {
vertical-align: top
}
.top-links li i.icon-angle-down {
margin: 0 0 0 5px!important
}
.top-links li i:first-child {
margin-right: 3px
}
.top-links li.full-icon i {
top: 2px;
font-size: 14px;
margin: 0
}
.top-links li:hover {
background-color: #eee
}
.top-links ul div.top-link-section,
.top-links ul ul {
display: none;
pointer-events: none;
position: absolute;
z-index: 210;
line-height: 1.5;
background: #fff;
border: 0;
top: 44px;
left: 0;
width: 140px;
margin: 0;
border-top: 1px solid #1abc9c;
border-bottom: 1px solid #eee;
box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2)
}
#header,
#header .container,
#logo,
#primary-menu ul li,
#top-login .form-control,
.top-links ul ul img {
position: relative
}
#top-social li,
.top-links ul ul li {
border-left: 1px solid #eee
}
.top-links li:hover div.top-link-section,
.top-links li:hover ul {
pointer-events: auto
}
.top-links ul ul li {
float: none;
height: 36px;
border-top: 1px solid #f5f5f5
}
.top-links ul ul li:hover {
background-color: #f9f9f9
}
.top-links ul ul li:first-child {
border-top: none!important;
border-left: 1px solid #eee
}
.top-links ul ul a {
height: 36px;
line-height: 36px;
font-size: 12px
}
.top-links ul ul img {
display: inline-block;
top: -1px;
width: 16px;
height: 16px;
margin-right: 4px
}
#logo a,
#logo a.standard-logo,
#logo img {
display: block
}
.top-links ul ul.top-demo-lang img {
top: 4px;
width: 16px;
height: 16px
}
.top-links ul div.top-link-section {
padding: 25px;
left: 0;
width: 280px
}
.fright .top-links ul div.top-link-section,
.top-links.fright ul div.top-link-section {
left: auto;
right: 0
}
#top-social,
#top-social ul {
margin: 0
}
#top-social li,
#top-social li .ts-icon,
#top-social li .ts-text,
#top-social li a {
display: block;
position: relative;
float: left;
width: auto;
overflow: hidden;
height: 44px;
line-height: 44px
}
#top-social li:first-child {
border-left: 0!important
}
#top-social li a {
float: none;
width: 40px;
font-weight: 700;
color: #666;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out
}
#top-social li a:hover {
color: #fff!important
}
#top-social li .ts-icon {
width: 40px;
text-align: center;
font-size: 14px
}
#top-login {
margin-bottom: 0
}
#top-login .checkbox {
margin-bottom: 10px
}
#top-login .form-control:focus {
border-color: #ccc
}
#top-login .input-group#top-login-username {
margin-bottom: -1px
}
#top-login #top-login-username .input-group-addon,
#top-login #top-login-username input {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
#top-login .input-group#top-login-password {
margin-bottom: 10px
}
#top-login #top-login-password .input-group-addon,
#top-login #top-login-password input {
border-top-left-radius: 0;
border-top-right-radius: 0
}
#header {
background-color: #fff;
border-bottom: 1px solid #f5f5f5
}
#header.transparent-header {
background: 0 0;
border-bottom: none;
z-index: 199
}
#header.semi-transparent {
background-color: rgba(255, 255, 255, .8)
}
#header.transparent-header.floating-header {
margin-top: 60px
}
#header.transparent-header.floating-header .container {
width: 1190px;
max-width: 1190px;
background-color: #fff;
padding: 0 40px;
border-radius: 2px
}
#header.transparent-header.floating-header.sticky-header .container {
width: 1140px;
max-width: 1140px;
padding: 0 15px
}
#header.transparent-header+#google-map,
#header.transparent-header+#page-title.page-title-parallax,
#header.transparent-header+#slider,
#slider+#header.transparent-header {
top: -100px;
margin-bottom: -100px
}
#header.transparent-header.floating-header+#google-map,
#header.transparent-header.floating-header+#slider {
top: -160px;
margin-bottom: -160px
}
#header.transparent-header+#page-title.page-title-parallax .container {
z-index: 5;
padding-top: 100px
}
#header.full-header {
border-bottom-color: #eee
}
body.stretched #header.full-header .container {
width: 100%;
max-width: none;
padding: 0 30px
}
#header.transparent-header.full-header #header-wrap {
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
#slider+#header.transparent-header.full-header #header-wrap {
border-top: 1px solid rgba(0, 0, 0, .1);
border-bottom: none
}
#logo {
float: left;
font-size: 36px;
line-height: 100%;
margin-right: 40px
}
#header.full-header #logo {
padding-right: 30px;
margin-right: 30px;
border-right: 1px solid #eee
}
#header.transparent-header.full-header #logo {
border-right-color: rgba(0, 0, 0, .1)
}
#logo a {
color: #000
}
#logo img {
max-width: 100%
}
#logo a.retina-logo {
display: none
}
.header-extras {
float: right;
margin: 30px 0 0
}
.header-extras li {
float: left;
margin-left: 20px;
height: 40px;
overflow: hidden;
list-style: none
}
.header-extras li i {
margin-top: 3px!important
}
.header-extras li:first-child {
margin-left: 0
}
.header-extras li .he-text {
float: left;
padding-left: 10px;
font-weight: 700;
font-size: 14px;
line-height: 1.43
}
.header-extras li .he-text span {
display: block;
font-weight: 400;
color: #1abc9c
}
#primary-menu {
float: right
}
#primary-menu ul.mobile-primary-menu {
display: none
}
#header.full-header #primary-menu>ul {
float: left;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #eee
}
#header.transparent-header.full-header #primary-menu>ul {
border-right-color: rgba(0, 0, 0, .1)
}
#page-submenu-trigger,
#primary-menu-trigger {
opacity: 0;
pointer-events: none;
cursor: pointer;
font-size: 14px;
position: absolute;
top: 50%;
margin-top: -25px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
#primary-menu ul {
list-style: none;
margin: 0
}
#primary-menu>ul {
float: left
}
#primary-menu ul li.mega-menu {
position: inherit
}
#primary-menu ul>li {
float: left;
margin-left: 2px
}
#primary-menu>ul>li:first-child {
margin-left: 0
}
#primary-menu ul li>a {
display: block;
line-height: 22px;
padding: 39px 15px;
color: #444;
font-weight: 700;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: margin .4s ease, padding .4s ease;
-o-transition: margin .4s ease, padding .4s ease;
transition: margin .4s ease, padding .4s ease
}
#primary-menu ul li>a span {
display: none
}
#primary-menu ul li>a i {
position: relative;
top: -1px;
font-size: 14px;
width: 16px;
text-align: center;
margin-right: 6px;
vertical-align: top
}
#primary-menu ul li>a i.icon-angle-down:last-child {
font-size: 12px;
margin: 0 0 0 5px
}
#primary-menu ul li.current>a,
#primary-menu ul li:hover>a {
color: #1abc9c
}
body.no-superfish #primary-menu li:hover>.mega-menu-content,
body.no-superfish #primary-menu li:hover>ul:not(.mega-menu-column) {
display: block
}
#primary-menu ul li .mega-menu-content,
#primary-menu ul ul:not(.mega-menu-column) {
display: none;
position: absolute;
width: 220px;
background-color: #fff;
box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
border: 1px solid #eee;
border-top: 2px solid #1abc9c;
height: auto;
z-index: 199;
top: 100%;
left: 0;
margin: 0
}
#primary-menu ul li .mega-menu-content {
display: -ms-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch
}
#primary-menu ul ul:not(.mega-menu-column) ul {
top: -2px!important;
left: 218px
}
#primary-menu ul li .mega-menu-content.menu-pos-invert,
#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column) {
left: auto;
right: 0
}
#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {
right: 218px
}
#primary-menu ul ul li {
float: none;
margin: 0
}
#primary-menu ul ul li:first-child {
border-top: 0
}
#primary-menu ul ul li>a {
font-size: 12px;
font-weight: 700;
color: #666;
padding-top: 10px;
padding-bottom: 10px;
border: 0;
letter-spacing: 0;
font-family: Lato, sans-serif;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
#primary-menu ul ul li>a i {
vertical-align: middle
}
#primary-menu ul ul li:hover>a {
background-color: #f9f9f9;
padding-left: 18px;
color: #1abc9c
}
#primary-menu ul ul>li.sub-menu:hover>a,
#primary-menu ul ul>li.sub-menu>a {
background-image: url(images/icons/submenu.png);
background-position: right center;
background-repeat: no-repeat
}
#primary-menu ul li .mega-menu-content,
#primary-menu ul li.mega-menu-small .mega-menu-content {
width: 720px;
max-width: 400px
}
#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
margin: 0 15px;
width: 1140px;
max-width: none
}
.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
margin: 0;
width: 1190px
}
body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content {
margin: 0 60px
}
body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
margin: 0 30px
}
#primary-menu ul li.mega-menu .mega-menu-content.style-2 {
padding: 0 10px
}
#primary-menu ul li .mega-menu-content ul {
display: block;
position: relative;
top: 0;
min-width: inherit;
border: 0;
box-shadow: none;
background-color: transparent
}
#primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) {
display: block!important;
opacity: 1!important;
top: 0;
left: 0
}
#primary-menu ul li .mega-menu-content ul.mega-menu-column {
float: left;
margin: 0;
padding-left: 0;
padding-right: 0
}
#primary-menu ul li .mega-menu-content ul.mega-menu-column.col-5 {
width: 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
#primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) {
width: 100%
}
#primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {
border-left: 1px solid #f2f2f2
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
padding: 30px 20px
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title {
margin-top: 20px
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:first-child {
margin-top: 0
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a {
font-size: 13px;
font-weight: 700;
font-family: Raleway, sans-serif;
letter-spacing: 1px;
text-transform: uppercase!important;
margin-bottom: 15px;
color: #444;
padding: 0!important;
line-height: 1.3!important
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a {
background-color: transparent
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover {
color: #1abc9c
}
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title.sub-menu:hover>a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title.sub-menu>a {
background: 0 0
}
#primary-menu ul li .mega-menu-content.style-2 li {
border: 0
}
#primary-menu ul li .mega-menu-content.style-2 ul li>a {
padding-left: 5px;
padding-top: 7px;
padding-bottom: 7px
}
#primary-menu ul li .mega-menu-content.style-2 ul li>a:hover {
padding-left: 12px
}
.mega-menu-column .entry-meta {
margin: 8px -10px 0 0!important;
border: none!important;
padding: 0!important
}
.mega-menu-column .entry-meta li {
float: left!important;
border: none!important;
margin: 0 10px 0 0!important
}
#primary-menu.style-2 {
float: none;
max-width: none;
border-top: 1px solid #f5f5f5
}
#primary-menu.style-2>div>ul {
float: left
}
#primary-menu.style-2>div>ul>li>a {
padding-top: 19px;
padding-bottom: 19px
}
#logo+#primary-menu.style-2 {
border-top: 0
}
#primary-menu.style-2>div #side-panel-trigger,
#primary-menu.style-2>div #top-cart,
#primary-menu.style-2>div #top-search {
margin-top: 20px;
margin-bottom: 20px
}
body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center>div,
body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center>ul {
float: none;
display: inline-block!important;
width: auto;
text-align: left
}
#primary-menu.style-3>ul>li>a {
margin: 28px 0;
padding-top: 11px;
padding-bottom: 11px;
border-radius: 2px
}
#primary-menu.style-3>ul>li:hover>a {
color: #444;
background-color: #f5f5f5
}
#primary-menu.style-3>ul>li.current>a {
color: #fff;
background-color: #1abc9c
}
#primary-menu.style-4>ul>li>a {
margin: 28px 0;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 2px;
border: 1px solid transparent
}
#primary-menu.style-4>ul>li.current>a,
#primary-menu.style-4>ul>li:hover>a {
border-color: #1abc9c
}
#primary-menu.style-5>ul {
padding-right: 10px;
margin-right: 5px;
border-right: 1px solid #eee
}
#primary-menu.style-5>ul>li:not(:first-child) {
margin-left: 15px
}
#primary-menu.style-5>ul>li>a {
padding-top: 25px;
padding-bottom: 25px;
line-height: 14px
}
#primary-menu.style-5>ul>li>a i {
display: block;
width: auto;
margin: 0 0 8px;
font-size: 28px;
line-height: 1
}
#primary-menu.style-6 ul>li>a {
position: relative
}
#primary-menu.style-6>div>ul>li.current>a:after,
#primary-menu.style-6>div>ul>li>a:after,
#primary-menu.style-6>ul>li.current>a:after,
#primary-menu.style-6>ul>li>a:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 0;
border-top: 2px solid #1abc9c;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease
}
#primary-menu.style-6>div>ul>li.current>a:after,
#primary-menu.style-6>div>ul>li:hover>a:after,
#primary-menu.style-6>ul>li.current>a:after,
#primary-menu.style-6>ul>li:hover>a:after {
width: 100%
}
#primary-menu.sub-title.style-2>div>ul>li,
#primary-menu.sub-title>ul>li {
background: url(images/icons/menu-divider.png) right center no-repeat;
margin-left: 1px
}
#primary-menu.sub-title ul li:first-child {
padding-left: 0;
margin-left: 0
}
#primary-menu.sub-title>div>ul>li>a,
#primary-menu.sub-title>ul>li>a {
line-height: 14px;
padding: 27px 20px 32px;
text-transform: uppercase;
border-top: 5px solid transparent
}
#primary-menu.sub-title>div>ul>li>a span,
#primary-menu.sub-title>ul>li>a span {
display: block;
margin-top: 10px;
line-height: 12px;
font-size: 11px;
font-weight: 400;
color: #888;
text-transform: capitalize
}
#primary-menu.sub-title>div>ul>li.current>a,
#primary-menu.sub-title>div>ul>li:hover>a,
#primary-menu.sub-title>ul>li.current>a,
#primary-menu.sub-title>ul>li:hover>a {
background-color: #1abc9c;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .1)
}
#primary-menu.sub-title.style-2>div>ul>li.current>a span,
#primary-menu.sub-title.style-2>div>ul>li:hover>a span,
#primary-menu.sub-title>ul>li.current>a span,
#primary-menu.sub-title>ul>li:hover>a span {
color: #eee
}
#primary-menu.sub-title.style-2 ul ul span {
display: none
}
#primary-menu.sub-title.style-2>div>ul>li {
background-position: left center
}
#primary-menu.sub-title.style-2>div #side-panel-trigger,
#primary-menu.sub-title.style-2>div #top-cart,
#primary-menu.sub-title.style-2>div #top-search {
float: right;
margin-top: 30px;
margin-bottom: 30px
}
#primary-menu.sub-title.style-2 div ul li:first-child,
#primary-menu.sub-title.style-2>div>ul>li.current+li,
#primary-menu.sub-title.style-2>div>ul>li:hover+li {
background-image: none
}
#primary-menu.sub-title.style-2>div>ul>li>a {
padding-top: 17px;
padding-bottom: 22px
}
@media(min-width:992px){#header.split-menu #logo {
position: absolute;
width: 100%;
text-align: center;
margin: 0;
float: none;
height: 100px
}
#header.split-menu #logo a.standard-logo {
display: inline-block
}
}
#header.split-menu #primary-menu {
float: none;
margin: 0
}
#header.split-menu #primary-menu>ul {
z-index: 199
}
#header.split-menu #primary-menu>ul:nth-child(1) {
float: left
}
#header.split-menu #primary-menu>ul:nth-child(2) {
float: right
}
@media(min-width:992px){.overlay-menu:not(.top-search-open) #primary-menu-trigger {
opacity: 1;
pointer-events: auto;
left: auto;
right: 75px;
width: 20px;
height: 20px;
line-height: 20px;
margin-top: -10px
}
.overlay-menu:not(.top-search-open) .full-header #primary-menu-trigger {
right: 90px
}
.overlay-menu #primary-menu>#overlay-menu-close {
opacity: 0;
pointer-events: none;
position: fixed;
top: 25px;
left: auto;
right: 25px;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 24px;
text-align: center;
color: #444;
z-index: 300;
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-o-transform: translateY(-80px);
transform: translateY(-80px);
-webkit-transition: opacity .4s ease, transform .45s .15s ease;
-o-transition: opacity .4s ease, transform .45s .15s ease;
transition: opacity .4s ease, transform .45s .15s ease
}
.overlay-menu #primary-menu>ul {
opacity: 0!important;
pointer-events: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%!important;
z-index: 299;
background: rgba(255, 255, 255, .95);
-webkit-transition: opacity .7s ease;
-o-transition: opacity .7s ease;
transition: opacity .7s ease
}
.overlay-menu #primary-menu>ul.d-block {
opacity: 1!important;
display: inherit!important;
pointer-events: auto
}
.overlay-menu #primary-menu>ul.d-block~#overlay-menu-close {
opacity: 1;
-webkit-transition: opacity .7s .4s ease, transform .45s .15s ease;
-o-transition: opacity .7s .4s ease, transform .45s .15s ease;
transition: opacity .7s .4s ease, transform .45s .15s ease;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
pointer-events: auto
}
.overlay-menu #primary-menu>ul>li {
float: none;
text-align: center;
max-width: 400px;
margin: 0 auto
}
.overlay-menu #primary-menu>ul>li>a {
font-size: 24px;
padding-top: 19px;
padding-bottom: 19px;
letter-spacing: 2px;
text-transform: none;
opacity: 0;
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-o-transform: translateY(-80px);
transform: translateY(-80px);
-webkit-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
-o-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear
}
.overlay-menu #primary-menu>ul.d-block>li>a {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
#side-panel-trigger,
#top-account,
#top-cart,
#top-search {
float:right;
margin:40px 0 40px 15px
}
#top-cart {
position:relative;
margin-right:0
}
#side-panel-trigger a,
#top-cart>a,
#top-search a {
display:block;
position:relative;
width:14px;
height:14px;
font-size:14px;
line-height:20px;
text-align:center;
color:#333;
-webkit-transition:color .3s ease-in-out;
-o-transition:color .3s ease-in-out;
transition:color .3s ease-in-out
}
#top-search a {
z-index:11
}
#top-search a i {
position:absolute;
top:0;
left:0;
-webkit-transition:opacity .3s ease;
-o-transition:opacity .3s ease;
transition:opacity .3s ease
}
#top-search a i.icon-line-cross,
body.top-search-open #top-search a i.icon-search3 {
opacity:0
}
body.top-search-open #top-search a i.icon-line-cross {
opacity:1;
z-index:11;
font-size:16px
}
#top-cart>a:hover {
color:#1abc9c
}
#top-search form {
opacity:0;
z-index:-2;
position:absolute;
width:100%!important;
height:100%!important;
padding:0 15px;
margin:0;
top:0;
left:0;
-webkit-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out
}
body.top-search-open #top-search form {
opacity:1;
z-index:10
}
#top-search form input {
pointer-events:none;
border-radius:0;
border:0;
outline:0!important;
font-size:32px;
padding:10px 80px 10px 0;
height:100%;
background-color:transparent;
color:#333;
font-weight:700;
margin-top:0!important;
font-family:Raleway,
sans-serif;
letter-spacing:2px
}
body:not(.device-md):not(.device-sm):not(.device-xs) #header.full-header #top-search form input {
padding-left:40px
}
body:not(.device-md):not(.device-sm):not(.device-xs) .container-fullwidth #top-search form input {
padding-left:60px
}
body.top-search-open #top-search form input {
pointer-events:auto
}
body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {
border-bottom:2px solid rgba(0,
0,
0,
.1)
}
#top-search form input::-moz-placeholder {
color:#555;
opacity:1;
text-transform:uppercase
}
#top-search form input:-ms-input-placeholder {
color:#555;
text-transform:uppercase
}
#top-search form input::-webkit-input-placeholder {
color:#555;
text-transform:uppercase
}
#primary-menu .container #top-search form input,
.sticky-header #top-search form input {
border:none!important
}
#top-cart>a>span {
display:block;
position:absolute;
top:-7px;
left:auto;
right:-14px;
font-size:10px;
color:#fff;
width:16px;
height:16px;
line-height:16px;
text-align:center;
background-color:#1abc9c;
border-radius:50%
}
#top-cart .top-cart-content {
opacity:0;
z-index:-2;
position:absolute;
width:180px;
background-color:#fff;
box-shadow:0 20px 50px 10px rgba(0,
0,
0,
.05);
border:1px solid #eee;
border-top:2px solid #1abc9c;
top:60px;
right:-15px;
left:auto;
margin:-10000px 0 0;
-webkit-transition:opacity .5s ease,
top .4s ease;
-o-transition:opacity .5s ease,
top .4s ease;
transition:opacity .5s ease,
top .4s ease
}
.style-2 .container #top-cart .top-cart-content {
top:40px
}
.style-2.sub-title .container #top-cart .top-cart-content {
top:50px
}
#top-cart.top-cart-open .top-cart-content {
opacity:1;
z-index:11;
margin-top:0
}
.top-cart-title {
padding:12px 15px;
border-bottom:1px solid #eee
}
.top-cart-title h4 {
margin-bottom:0;
font-size:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px
}
.top-cart-items {
padding:15px
}
.top-cart-item {
padding-top:15px;
margin-top:15px;
border-top:1px solid #f5f5f5
}
.top-cart-item:first-child {
padding-top:0;
margin-top:0;
border-top:0
}
.top-cart-item-image {
float:left;
margin-right:15px;
width:48px!important;
height:48px!important;
border:2px solid #eee;
-webkit-transition:border-color .2s linear;
-o-transition:border-color .2s linear;
transition:border-color .2s linear
}
.top-cart-item-image a,
.top-cart-item-image img {
display:block;
width:44px!important;
height:44px!important
}
.top-cart-item-image:hover {
border-color:#1abc9c
}
.top-cart-item-desc {
position:relative;
overflow:hidden
}
.top-cart-item-desc a {
max-width:85%;
display:block;
text-align:left!important;
font-size:13px!important;
width:auto!important;
height:auto!important;
color:#333;
font-weight:700
}
.top-cart-item-desc a:hover {
color:#1abc9c!important
}
.top-cart-item-desc span.top-cart-item-price {
display:block;
line-height:20px;
font-size:12px!important;
color:#999
}
.top-cart-item-desc span.top-cart-item-quantity {
display:block;
position:absolute;
font-size:12px!important;
right:0;
top:2px;
color:#444
}
.top-cart-action {
padding:15px;
border-top:1px solid #eee
}
#header.sticky-header.sticky-style-2 #primary-menu,
#header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu,
#header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu {
border-top:0
}
.top-cart-action span.top-checkout-price {
font-size:20px;
color:#1abc9c
}
#top-account {
margin:35px 0 34px 20px
}
#top-account a {
-webkit-transition:color .3s ease-in-out;
-o-transition:color .3s ease-in-out;
transition:color .3s ease-in-out
}
#top-account a span {
margin-left:5px;
font-weight:700
}
#top-account a i.icon-angle-down {
margin-left:5px;
font-size:12px
}
#top-account .dropdown-menu {
padding:10px 0
}
#top-account .dropdown-menu li a {
font-family:Lato,
sans-serif;
font-weight:400;
text-align:left;
line-height:22px
}
#top-account .dropdown-menu li a .badge {
display:block;
float:right;
margin:2px 0 0
}
#top-account .dropdown-menu li a i:last-child {
position:relative;
top:1px;
margin-left:5px
}
#header,
#header-wrap,
#logo img {
height:100px;
-webkit-transition:height .4s ease,
opacity .3s ease;
-o-transition:height .4s ease,
opacity .3s ease;
transition:height .4s ease,
opacity .3s ease
}
#header.sticky-style-2 {
height:161px
}
#header.sticky-style-3 {
height:181px
}
#header.sticky-style-2 #header-wrap {
height:60px
}
#header.sticky-style-3 #header-wrap {
height:80px
}
#primary-menu>ul>li.mega-menu>.mega-menu-content,
#primary-menu>ul>li>.mega-menu-content,
#primary-menu>ul>li>ul {
-webkit-transition:top .4s ease;
-o-transition:top .4s ease;
transition:top .4s ease
}
#top-cart,
#top-search {
-webkit-transition:margin .4s ease,
opacity .3s ease;
-o-transition:margin .4s ease,
opacity .3s ease;
transition:margin .4s ease,
opacity .3s ease
}
body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu>.container>ul,
body:not(.top-search-open) #primary-menu>ul,
body:not(.top-search-open) #side-panel-trigger,
body:not(.top-search-open) #top-account,
body:not(.top-search-open) #top-cart {
opacity:1;
-webkit-transition:height .4s ease,
margin .4s ease,
opacity .2s .2s ease;
-o-transition:height .4s ease,
margin .4s ease,
opacity .2s .2s ease;
transition:height .4s ease,
margin .4s ease,
opacity .2s .2s ease
}
body.top-search-open #header-wrap #logo,
body.top-search-open #primary-menu>.container>ul,
body.top-search-open #primary-menu>ul,
body.top-search-open #side-panel-trigger,
body.top-search-open #top-account,
body.top-search-open #top-cart {
opacity:0
}
#header.sticky-header.semi-transparent {
background-color:transparent
}
#header-wrap {
position:relative;
z-index:199;
-webkit-backface-visibility:hidden
}
#header.sticky-header #header-wrap {
position:fixed;
top:0;
left:0;
width:100%;
background-color:#fff;
box-shadow:0 0 10px rgba(0,
0,
0,
.1)
}
#header.semi-transparent.sticky-header #header-wrap {
background-color:rgba(255,
255,
255,
.8)
}
#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
height:60px
}
#header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a {
padding-top:19px;
padding-bottom:19px
}
#header.sticky-header:not(.static-sticky).sticky-style-2,
#header.sticky-header:not(.static-sticky).sticky-style-3 {
height:161px
}
#header.sticky-header:not(.static-sticky) #side-panel-trigger,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #top-search {
margin-top:20px!important;
margin-bottom:20px!important
}
#header.sticky-header:not(.static-sticky) #top-account {
margin-top:15px!important;
margin-bottom:14px!important
}
#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content {
top:40px
}
#header.sticky-header:not(.static-sticky) #primary-menu.style-3>ul>li>a {
margin:0;
border-radius:0
}
#header.sticky-header:not(.static-sticky) #primary-menu.style-4>ul>li>a {
padding-top:8px;
padding-bottom:8px;
margin:10px 0
}
#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li {
margin-left:2px
}
#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li:first-child {
margin-left:0
}
#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li>a {
line-height:22px;
padding-top:19px;
padding-bottom:19px
}
#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li>a>div {
padding:0
}
#header.sticky-header:not(.static-sticky) #primary-menu.style-5>ul>li>a i {
display:inline-block;
width:16px;
top:-1px;
margin:0 6px 0 0;
font-size:14px;
line-height:22px
}
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2>div>ul>li,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li {
background:0 0!important;
margin-left:2px
}
#page-menu nav li.current a,
#page-menu nav li:hover a,
#page-menu ul ul a {
background-color:rgba(0,
0,
0,
.15)
}
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2>div>ul>li:first-child,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li:first-child {
margin-left:0
}
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>div>ul>li>a,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title>ul>li>a {
line-height:22px;
padding:19px 15px;
text-transform:none;
font-size:14px;
border-top:0
}
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span {
display:none
}
#page-menu,
#page-menu-wrap {
position:relative;
height:44px;
line-height:44px;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.1)
}
#page-menu-wrap {
z-index:99;
background-color:#1abc9c;
-webkit-transform:translate3d(0,
0,
0);
-ms-transform:translate3d(0,
0,
0);
-o-transform:translate3d(0,
0,
0);
transform:translate3d(0,
0,
0);
-webkit-backface-visibility:hidden
}
#page-menu.sticky-page-menu #page-menu-wrap {
position:fixed;
z-index:99;
left:0;
width:100%;
box-shadow:0 0 15px rgba(0,
0,
0,
.3)
}
#header.static-sticky~#content #page-menu.sticky-page-menu #page-menu-wrap,
#header.static-sticky~#page-menu.sticky-page-menu #page-menu-wrap {
top:100px
}
#header.no-sticky~#content #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky~#page-menu.sticky-page-menu #page-menu-wrap,
#header~#content #page-menu.sticky-page-menu #page-menu-wrap,
#header~#page-menu.sticky-page-menu #page-menu-wrap {
top:0
}
#header.sticky-header~#content #page-menu.sticky-page-menu #page-menu-wrap,
#header.sticky-header~#page-menu.sticky-page-menu #page-menu-wrap {
top:60px
}
#page-submenu-trigger {
top:0;
margin-top:0;
left:auto;
right:15px;
width:40px;
height:44px;
line-height:44px
}
#page-menu .menu-title {
float:left;
color:#fff;
font-size:20px;
font-weight:300
}
#page-menu .menu-title span {
font-weight:700
}
#page-menu nav {
position:relative;
float:right
}
#page-menu nav ul {
margin-bottom:0;
height:44px
}
#page-menu nav li {
position:relative;
float:left;
list-style:none
}
#page-menu nav li a {
display:block;
height:28px;
line-height:28px;
margin:8px 4px;
padding:0 14px;
color:#fff;
font-size:14px;
border-radius:14px
}
#page-menu nav li a .icon-angle-down {
margin-left:5px
}
body:not(.device-touch) #page-menu nav li a {
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#page-menu li:hover ul {
display:block
}
#page-menu ul ul {
display:none;
position:absolute;
width:150px;
top:44px;
left:0;
z-index:149;
height:auto;
background-color:#1abc9c
}
#page-menu ul ul ul {
display:none!important
}
#page-menu ul ul li {
float:none
}
#page-menu ul ul a {
height:auto;
line-height:22px;
margin:0;
padding:8px 14px;
border-radius:0
}
#page-menu ul ul li.current a,
#page-menu ul ul li:hover a {
background-color:rgba(0,
0,
0,
.3)
}
@media(min-width:992px){#page-menu.dots-menu,#page-menu.dots-menu #page-menu-wrap {
position:fixed;
z-index:99;
top:50%;
left:auto;
right:20px;
width:24px;
height:auto;
line-height:1.5;
background-color:transparent;
text-shadow:none
}
#page-menu.dots-menu #page-menu-wrap {
position:relative;
box-shadow:none
}
#page-menu.dots-menu .menu-title {
display:none
}
#page-menu.dots-menu nav {
float:none;
width:24px
}
#page-menu.dots-menu nav ul {
height:auto
}
#page-menu.dots-menu nav ul li {
float:none;
width:14px;
height:14px;
margin:10px 6px
}
#page-menu.dots-menu nav li a {
position:relative;
width:10px;
height:10px;
line-height:1.5;
padding:0;
margin:0 2px;
background-color:rgba(0,
0,
0,
.4);
border-radius:50%;
color:#777
}
#page-menu.dots-menu nav li a:hover {
background-color:rgba(0,
0,
0,
.7)
}
#page-menu.dots-menu nav li.current a {
background-color:#1abc9c
}
#page-menu.dots-menu nav li div {
position:absolute;
width:auto;
top:-11px;
right:25px;
background-color:#1abc9c;
color:#fff;
padding:5px 14px;
white-space:nowrap;
pointer-events:none;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15);
border-radius:2px;
opacity:0
}
body:not(.device-touch) #page-menu.dots-menu nav li div {
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#page-menu.dots-menu nav li div:after {
position:absolute;
content:'';
top:50%;
margin-top:-6px;
left:auto;
right:-5px;
width:0;
height:0;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
border-left:6px solid #1abc9c
}
#page-menu.dots-menu nav li a:hover div {
opacity:1;
right:30px
}
}
.one-page-arrow {
position:absolute;
z-index:3;
bottom:20px;
left:50%;
margin-left:-16px;
width:32px;
height:32px;
font-size:32px;
text-align:center;
color:#222
}
@media(min-width:992px){.side-header #header {
position:fixed;
top:0;
left:0;
z-index:10;
width:260px;
height:100%;
height:calc(100vh);
background-color:#fff;
border:none;
border-right:1px solid #eee;
overflow:hidden;
box-shadow:0 0 15px rgba(0,
0,
0,
.065)
}
.side-header #header-wrap {
width:300px;
height:100%;
overflow:auto;
padding-right:40px
}
.side-header #header .container {
width:260px!important;
padding:0 30px!important;
margin:0!important
}
.side-header #logo {
float:none;
margin:60px 0 40px
}
.side-header #logo img {
height:auto!important
}
.side-header #logo:not(.nobottomborder):after,
.side-header #primary-menu:not(.nobottomborder):after {
display:block;
content:'';
width:20%;
border-bottom:1px solid #e5e5e5
}
.side-header .center #logo:after {
margin:0 auto
}
.side-header #primary-menu {
margin-bottom:30px
}
.side-header #primary-menu:not(.nobottomborder):after {
margin-top:40px
}
.side-header #primary-menu,
.side-header #primary-menu ul {
float:none;
height:auto
}
.side-header #primary-menu ul li {
float:none;
margin:15px 0 0
}
.side-header #primary-menu ul li:first-child {
margin-top:0
}
.side-header #primary-menu ul li a {
height:25px;
line-height:25px;
padding:0;
text-transform:uppercase
}
.side-header #primary-menu ul li i {
line-height:24px
}
.side-header #primary-menu ul ul {
position:relative;
width:100%;
background-color:transparent;
box-shadow:none;
border:none;
height:auto;
z-index:1;
top:0;
left:0;
margin:5px 0;
padding-left:12px
}
.side-header #primary-menu ul ul ul {
top:0!important;
left:0
}
.side-header #primary-menu ul ul.menu-pos-invert {
left:0;
right:auto
}
.side-header #primary-menu ul ul ul.menu-pos-invert {
right:auto
}
.side-header #primary-menu ul ul li {
margin:0;
border:0
}
.side-header #primary-menu ul ul li:first-child {
border-top:0
}
.side-header #primary-menu ul ul a {
font-size:12px;
height:auto!important;
line-height:24px!important;
padding:2px 0!important
}
.side-header #primary-menu ul ul li:hover>a {
background-color:transparent!important;
color:#444!important
}
.side-header #primary-menu ul>li.sub-menu:hover>a,
.side-header #primary-menu ul>li.sub-menu>a {
background-image:none!important
}
.side-header #primary-menu ul>li.sub-menu>a:after {
position:absolute;
content:'\e7a5';
top:1px;
right:0;
-webkit-transition:transform .2s linear;
-o-transition:transform .2s linear;
transition:transform .2s linear
}
.side-header #primary-menu ul>li.sub-menu:hover>a:after {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.side-header:not(.open-header) #wrapper {
margin:0 0 0 260px!important;
width:auto!important
}
.side-header:not(.open-header) #wrapper .container {
width:auto;
max-width:none;
margin:0 40px
}
.side-header.open-header.push-wrapper {
overflow-x:hidden
}
.side-header.open-header #header {
left:-260px
}
.side-header.open-header #wrapper,
.side-header.open-header.side-header-open #header {
left:0
}
.side-header.open-header.push-wrapper.side-header-open #wrapper {
left:260px
}
#header-trigger {
display:none
}
.side-header.open-header #header-trigger {
display:block;
position:fixed;
cursor:pointer;
top:20px;
left:20px;
z-index:11;
font-size:16px;
width:32px;
height:32px;
line-height:32px;
background-color:#fff;
text-align:center;
border-radius:2px
}
.side-header.open-header.side-header-open #header-trigger {
left:280px
}
.side-header.open-header #header-trigger i:nth-child(1),
.side-header.open-header.side-header-open #header-trigger i:nth-child(2) {
display:block
}
.side-header.open-header #header-trigger i:nth-child(2),
.side-header.open-header.side-header-open #header-trigger i:nth-child(1) {
display:none
}
.side-header.open-header #header,
.side-header.open-header #header-trigger,
.side-header.open-header.push-wrapper #wrapper {
-webkit-transition:left .4s ease;
-o-transition:left .4s ease;
transition:left .4s ease
}
.side-header.side-header-right #header {
left:auto;
right:0;
border:none;
border-left:1px solid #eee
}
.side-header.side-header-right:not(.open-header) #wrapper {
margin:0 260px 0 0!important
}
.side-header.side-header-right.open-header #header {
left:auto;
right:-260px
}
.side-header.side-header-right.open-header.side-header-open #header {
left:auto;
right:0
}
.side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper {
left:-260px
}
.side-header.side-header-right.open-header #header-trigger {
left:auto;
right:20px
}
.side-header.side-header-right.open-header.side-header-open #header-trigger {
left:auto;
right:280px
}
.side-header.side-header-right.open-header #header,
.side-header.side-header-right.open-header #header-trigger {
-webkit-transition:right .4s ease;
-o-transition:right .4s ease;
transition:right .4s ease
}
}
body.side-push-panel {
overflow-x:hidden
}
#side-panel {
position:fixed;
top:0;
right:-300px;
z-index:399;
width:300px;
height:100%;
background-color:#f5f5f5;
overflow:hidden;
-webkit-backface-visibility:hidden
}
body.side-panel-left #side-panel {
left:-300px;
right:auto
}
body.side-push-panel.stretched #header.sticky-header .container,
body.side-push-panel.stretched #wrapper {
right:0
}
body.side-panel-left.side-push-panel.stretched #header.sticky-header .container,
body.side-panel-left.side-push-panel.stretched #wrapper {
left:0;
right:auto
}
#side-panel .side-panel-wrap {
position:absolute;
top:0;
left:0;
bottom:0;
width:330px;
height:100%;
overflow:auto;
padding:50px 70px 50px 40px
}
body.device-touch #side-panel .side-panel-wrap {
overflow-y:scroll
}
#content,
#page-title.page-title-video,
.grid-container,
.portfolio-notitle .iportfolio,
.portfolio-notitle .portfolio-item,
.slider-element,
.swiper_wrapper,
.swiper_wrapper .swiper-slide,
.video-wrap {
overflow:hidden
}
#side-panel .widget {
margin-top:40px;
padding-top:40px;
width:220px;
border-top:1px solid #e5e5e5
}
#side-panel .widget:first-child {
padding-top:0;
border-top:0;
margin:0
}
body.side-panel-open #side-panel {
right:0
}
body.side-panel-left.side-panel-open #side-panel {
left:0;
right:auto
}
body.side-push-panel.side-panel-open.stretched #header.sticky-header .container,
body.side-push-panel.side-panel-open.stretched #wrapper {
right:300px
}
body.side-push-panel.side-panel-open.stretched.device-lg .slider-parallax-inner,
body.side-push-panel.side-panel-open.stretched.device-xl .slider-parallax-inner {
left:-300px
}
body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container,
body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner {
left:300px;
right:auto
}
#side-panel-trigger {
display:block;
cursor:pointer;
z-index:11;
margin-right:5px
}
#side-panel-trigger-close a {
display:none
}
#side-panel,
body.side-push-panel.stretched #header .container,
body.side-push-panel.stretched #wrapper {
-webkit-transition:right .4s ease;
-o-transition:right .4s ease;
transition:right .4s ease
}
body.side-panel-left #side-panel,
body.side-panel-left.side-push-panel.stretched #header .container,
body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched .slider-parallax-inner {
-webkit-transition:left .4s ease;
-o-transition:left .4s ease;
transition:left .4s ease
}
.body-overlay {
opacity:0;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,
0,
0,
.6);
z-index:-1;
pointer-events:none;
-webkit-backface-visibility:hidden;
-webkit-transition:opacity .3s ease;
-o-transition:opacity .3s ease;
transition:opacity .3s ease
}
.slider-element,
.slider-parallax {
position:relative
}
body.side-panel-open .body-overlay {
opacity:1;
z-index:298;
pointer-events:auto
}
body.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover {
cursor:url(images/icons/close.png) 15 15,
default
}
.slider-element {
width:100%
}
.slider-parallax,
.slider-parallax .swiper-container {
visibility:visible;
-webkit-backface-visibility:hidden
}
.slider-parallax .slider-parallax-inner {
position:fixed;
width:100%;
height:100%
}
.device-touch .slider-parallax .slider-parallax-inner {
position:relative
}
body:not(.side-header) .slider-parallax .slider-parallax-inner {
left:0
}
body:not(.stretched) .slider-parallax .slider-parallax-inner {
left:auto
}
#header.transparent-header+.slider-parallax .slider-parallax-inner {
top:0
}
.slider-parallax .slider-caption,
.slider-parallax .slider-parallax-inner {
will-change:transform;
-webkit-transform:translate3d(0,
0,
0);
-webkit-transition:transform 0s linear;
-webkit-backface-visibility:hidden
}
.boxed-slider {
padding-top:40px
}
.fslider.testimonial[data-animation=fade] .flexslider,
.fslider[data-animation=fade][data-thumbs=true] .flexslider {
height:auto!important
}
.flex-control-nav.flex-control-thumbs {
position:relative;
top:0;
left:0;
right:0;
margin:2px -2px -2px 0;
height:75px
}
.flex-control-nav.flex-control-thumbs li {
margin:0 2px 2px 0
}
.flex-control-nav.flex-control-thumbs li img {
cursor:pointer;
text-indent:-9999px;
border:0;
border-radius:0;
margin:0;
opacity:.5;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
display:block;
width:100px!important;
height:auto!important
}
.flex-control-nav.flex-control-thumbs li img.flex-active,
.flex-control-nav.flex-control-thumbs li:hover img {
border-width:0;
opacity:1
}
.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
margin:2px -2px -2px 0;
height:auto
}
.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
width:25%!important;
height:auto!important;
margin:0;
padding:0 2px 2px 0
}
.fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li {
width:33.3%!important
}
.fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li {
width:20%!important
}
.fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li {
width:16.66%!important
}
.fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li {
width:12.5%!important
}
.fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li {
width:10%!important
}
.fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li {
width:8.33%!important
}
.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
width:100%!important;
height:auto!important
}
.swiper_wrapper {
width:100%;
height:500px
}
.full-screen .swiper_wrapper {
height:auto
}
.swiper_wrapper .swiper-container {
position:relative;
width:100%;
height:100%;
margin:0;
background:url(images/pattern2.png)
}
.swiper_wrapper .swiper-slide {
position:relative;
margin:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.swiper-slide[data-caption-animate] {
-webkit-backface-visibility:hidden
}
.section .video-wrap,
.section .yt-bg-player,
.swiper-slide .video-wrap,
.swiper-slide .yt-bg-player {
position:absolute;
width:100%;
height:100%;
z-index:-1;
top:0;
left:0
}
.yt-bg-player .inlinePlayButton,
.yt-bg-player .loading {
display:none!important
}
.slider-element .container {
position:relative;
height:100%
}
.slider-element.canvas-slider .swiper-slide img {
width:100%
}
.slider-element.canvas-slider a {
display:block;
height:100%
}
.swiper-pagination {
position:absolute;
width:100%;
z-index:20;
margin:0;
top:auto;
bottom:20px!important;
text-align:center;
line-height:1
}
.swiper-pagination span {
display:inline-block;
cursor:pointer;
width:10px;
height:10px;
margin:0 4px;
opacity:1;
background-color:transparent;
border:1px solid #fff;
border-radius:50%;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.swiper-pagination span.swiper-pagination-bullet-active,
.swiper-pagination span:hover {
background-color:#fff!important
}
.tp-banner .button {
height:auto!important
}
.video-wrap {
width:100%;
position:relative
}
.video-wrap video {
position:relative;
z-index:1;
width:100%
}
.video-overlay,
.video-placeholder {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:5;
background:url(images/grid.png);
-webkit-backface-visibility:hidden
}
.video-placeholder {
z-index:4;
background-repeat:no-repeat!important
}
.flex-caption,
.slider-caption {
position:absolute;
top:0;
left:15px;
z-index:20;
max-width:550px;
color:#eee;
font-size:1.375rem;
font-weight:300;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15);
-webkit-transition:top .3s ease;
-o-transition:top .3s ease;
transition:top .3s ease
}
.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
color:#222;
text-shadow:none
}
.slider-caption h2 {
font-size:4rem;
letter-spacing:2px;
text-transform:uppercase;
font-weight:700;
line-height:1;
margin-bottom:0
}
.slider-caption p {
margin-top:30px;
margin-bottom:10px;
font-size:24px
}
.slider-caption.slider-caption-right {
left:auto;
right:15px
}
.slider-caption.slider-caption-center {
position:relative;
max-width:800px;
text-align:center;
margin:0 auto;
left:0;
right:0
}
.slider-caption-bg {
padding:5px 12px;
border-radius:2px;
background-color:rgba(0,
0,
0,
.6);
top:auto;
bottom:50px;
left:50px
}
.slider-caption-bg.slider-caption-bg-light {
background-color:rgba(255,
255,
255,
.8);
color:#333;
font-weight:400;
text-shadow:none
}
.slider-caption-top-left {
top:50px;
bottom:auto
}
.slider-caption-top-right {
top:50px;
bottom:auto;
left:auto;
right:50px
}
.slider-caption-bottom-right {
left:auto;
right:50px
}
.slider-element .owl-carousel {
margin:0
}
.flex-next,
.flex-prev,
.slider-arrow-bottom-sm,
.slider-arrow-left,
.slider-arrow-right,
.slider-arrow-top-sm {
position:absolute;
cursor:pointer;
z-index:10;
top:50%;
left:0;
margin-top:-26px;
background-color:rgba(0,
0,
0,
.3);
width:52px;
height:52px;
border:0;
border-radius:0 3px 3px 0;
-webkit-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out
}
.slider-arrow-bottom-sm,
.slider-arrow-top-sm {
top:auto;
bottom:57px;
left:auto;
right:20px;
margin:0;
width:32px;
height:32px;
border-radius:3px 3px 0 0
}
.slider-arrow-bottom-sm {
bottom:20px;
border-radius:0 0 3px 3px
}
.fslider[data-thumbs=true] .flex-next,
.fslider[data-thumbs=true] .flex-prev {
margin-top:-64px
}
.flex-next,
.slider-arrow-right,
.slider-element .owl-next {
left:auto;
right:0;
border-radius:3px 0 0 3px
}
.flex-next i,
.flex-prev i,
.slider-arrow-bottom-sm i,
.slider-arrow-left i,
.slider-arrow-right i,
.slider-arrow-top-sm i {
line-height:50px;
width:34px;
height:52px;
color:#ddd;
color:rgba(255,
255,
255,
.8);
text-shadow:1px 1px 1px rgba(0,
0,
0,
.1);
font-size:34px;
text-align:center;
margin-left:7px
}
.slider-arrow-bottom-sm i,
.slider-arrow-top-sm i {
width:32px;
height:32px;
margin:0;
line-height:30px;
font-size:18px;
color:#fff;
color:#fff
}
.flex-prev i {
margin-left:9px
}
.slider-element .owl-prev i {
margin-left:0
}
.slider-arrow-right i {
margin-left:10px
}
.flex-next i {
margin-left:11px
}
.slider-element .owl-next i {
margin-right:4px
}
.flex-next:hover,
.flex-prev:hover,
.slider-arrow-bottom-sm:hover,
.slider-arrow-left:hover,
.slider-arrow-right:hover,
.slider-arrow-top-sm:hover {
background-color:rgba(0,
0,
0,
.6)!important
}
.slide-number {
position:absolute;
opacity:0;
top:auto;
right:20px;
bottom:20px;
z-index:20;
width:36px;
height:40px;
text-align:center;
color:rgba(255,
255,
255,
.8);
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15);
font-size:18px;
font-weight:300;
-webkit-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}
.slider-element:hover .slide-number {
opacity:1
}
.slide-number-current,
.slide-number-total {
position:absolute;
line-height:1;
top:5px;
left:0
}
.slide-number-total {
top:auto;
bottom:5px;
left:auto;
right:0
}
.slide-number span {
display:block;
font-size:32px;
line-height:40px
}
.slider-element .owl-dots {
position:absolute;
width:100%;
z-index:20;
margin:0;
top:auto;
bottom:15px
}
#page-title,
#page-title .container {
position:relative
}
.slider-element .owl-dots button {
width:10px;
height:10px;
margin:0 3px;
opacity:1!important;
background-color:transparent!important;
border:1px solid #fff
}
.breadcrumb,
.breadcrumb i {
width:auto!important
}
.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover {
background-color:#fff!important
}
#page-title {
padding:50px 0;
background-color:#f5f5f5;
border-bottom:1px solid #eee
}
#page-title h1 {
padding:0;
margin:0;
line-height:1;
font-weight:600;
letter-spacing:1px;
color:#333;
font-size:28px;
text-transform:uppercase
}
#page-title span {
display:block;
margin-top:10px;
font-weight:300;
color:#777;
font-size:18px
}
.breadcrumb {
position:absolute!important;
top:50%!important;
left:auto!important;
right:15px!important;
margin:-10px 0 0!important;
background-color:transparent!important;
padding:0!important;
font-size:12px
}
body.stretched .container-fullwidth .breadcrumb {
right:60px!important
}
#header.transparent-header+#page-title.page-title-parallax .breadcrumb {
margin-top:35px!important
}
.breadcrumb a {
color:#555
}
.breadcrumb a:hover {
color:#1abc9c
}
#page-title.page-title-dark {
background-color:#333;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15)!important;
border-bottom:none
}
#page-title.page-title-dark h1 {
color:rgba(255,
255,
255,
.9)!important
}
#page-title.page-title-dark span {
color:rgba(255,
255,
255,
.7)
}
#page-title.page-title-dark .breadcrumb>.active {
color:rgba(255,
255,
255,
.6)
}
#page-title.page-title-dark .breadcrumb a {
color:rgba(255,
255,
255,
.8)
}
#page-title.page-title-dark .breadcrumb a:hover {
color:rgba(255,
255,
255,
.95)
}
#page-title.page-title-right {
text-align:right
}
#page-title.page-title-right .breadcrumb {
left:15px!important;
right:auto!important
}
#page-title.page-title-center {
text-align:center
}
#page-title.page-title-center span {
max-width:700px;
margin-left:auto;
margin-right:auto
}
#page-title.page-title-center .breadcrumb {
position:relative!important;
top:0!important;
left:0!important;
right:0!important;
margin:20px 0 0!important;
justify-content:center
}
#page-title.page-title-pattern {
background-image:url(images/pattern.png);
background-repeat:repeat;
background-attachment:fixed
}
#page-title.page-title-parallax {
padding:100px 0;
text-shadow:none;
border-bottom:none;
background-color:transparent;
background-image:url(images/parallax/parallax-bg.jpg);
background-attachment:fixed;
background-position:50% 0;
background-repeat:no-repeat
}
#page-title.page-title-parallax h1 {
font-size:40px;
font-weight:600;
letter-spacing:2px
}
#page-title.page-title-parallax span {
font-size:22px
}
#page-title.page-title-parallax .breadcrumb {
font-size:13px
}
#page-title.page-title-mini {
padding:20px 0
}
#page-title.page-title-mini h1 {
font-weight:600;
font-size:18px;
color:#444
}
#page-title.page-title-mini span {
display:none
}
#page-title.page-title-nobg {
background:0 0!important;
border-bottom:1px solid #f5f5f5
}
#page-title.page-title-video {
background:0 0;
position:relative
}
#page-title.page-title-video .container {
z-index:3
}
#page-title.page-title-video .video-wrap {
position:absolute;
width:100%;
height:100%;
top:0;
left:0
}
#content,
#content .container,
.content-wrap,
.grid-container,
.portfolio-filter,
.portfolio-filter li {
position:relative
}
#page-title.page-title-video .video-wrap video {
width:100%
}
#content {
background-color:#fff
}
#content p {
line-height:1.8
}
.content-wrap {
padding:10px 0
}
body:not(.device-touch) .grid-container {
-webkit-transition:height .4s ease;
-o-transition:height .4s ease;
transition:height .4s ease
}
.portfolio-filter {
margin:0 0 40px;
list-style:none;
border:1px solid rgba(0,
0,
0,
.07);
float:left;
border-radius:4px
}
.portfolio-filter li {
float:left
}
.portfolio-filter li a {
display:block;
position:relative;
padding:12px 18px;
font-size:13px;
line-height:15px;
color:#666;
border-left:1px solid rgba(0,
0,
0,
.07)
}
.portfolio-filter li:first-child a {
border-left:none;
border-radius:4px 0 0 4px
}
.portfolio-filter li:last-child a {
border-radius:0 4px 4px 0
}
.portfolio-filter li a:hover {
color:#1abc9c
}
.portfolio-filter li.activeFilter a {
color:#fff!important;
background-color:#1abc9c;
margin:-1px 0;
padding:13px 18px;
font-weight:700
}
.bothsidebar .portfolio-filter li a {
padding:12px 14px
}
.bothsidebar .portfolio-filter li.activeFilter a {
padding:13px 18px
}
.portfolio-filter.style-2,
.portfolio-filter.style-3,
.portfolio-filter.style-4 {
border:none;
border-radius:0
}
.portfolio-filter.style-2 li,
.portfolio-filter.style-3 li,
.portfolio-filter.style-4 li {
margin-bottom:10px
}
.portfolio-filter.style-2 li:not(:first-child),
.portfolio-filter.style-3 li:not(:first-child) {
margin-left:10px
}
.portfolio-filter.style-2 li a,
.portfolio-filter.style-3 li a,
.portfolio-filter.style-4 li a {
padding-top:9px;
padding-bottom:9px;
font-size:14px;
line-height:16px;
border-radius:22px;
border:none
}
.portfolio-filter.style-2 li.activeFilter a {
color:#fff!important;
margin:0
}
.portfolio-filter.style-3 li a {
border:1px solid transparent
}
.portfolio-filter.style-3 li.activeFilter a {
color:#1abc9c!important;
border-color:#1abc9c;
background-color:transparent;
margin:0
}
.portfolio-filter.style-4 li:not(:first-child) {
margin-left:30px
}
.portfolio-filter.style-4 li a {
padding:13px 5px;
font-size:15px;
border-radius:0
}
.portfolio-filter.style-4 li a:after {
content:'';
position:absolute;
top:auto;
bottom:0;
left:50%;
width:0;
height:2px;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.portfolio-filter.style-4 li.activeFilter a {
color:#444!important;
background-color:transparent;
margin:0
}
.portfolio-filter.style-4 li.activeFilter a:after {
width:100%;
left:0;
background-color:#1abc9c
}
.portfolio-filter.center.style-2 li,
.portfolio-filter.center.style-3 li,
.portfolio-filter.center.style-4 li {
display:inline-block;
float:none
}
.portfolio-shuffle {
float:right;
width:41px;
height:41px;
border:1px solid rgba(0,
0,
0,
.07);
font-size:14px;
text-align:center;
line-height:41px;
color:#333;
border-radius:4px;
cursor:pointer;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear
}
.portfolio-shuffle:hover {
background-color:#1abc9c;
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2)
}
.portfolio {
position:relative;
margin:0 -12px -12px 0
}
body:not(.device-touch) .portfolio {
-webkit-transition:height .4s linear;
-o-transition:height .4s linear;
transition:height .4s linear
}
.portfolio-item {
float:left;
position:relative;
width:25%;
height:auto;
padding:0 12px 12px 0
}
.portfolio-item .portfolio-image {
position:relative;
overflow:hidden
}
.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
display:block;
width:100%;
height:auto
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-image img {
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.portfolio-desc {
z-index:3;
padding:15px 5px 10px
}
.portfolio-desc h3 {
margin:0;
padding:0;
font-size:19px
}
.portfolio-desc h3 a {
color:#222
}
.portfolio-desc h3 a:hover {
color:#1abc9c
}
.portfolio-desc span {
display:block;
margin-top:3px;
color:#888
}
.portfolio-desc span a {
color:#888
}
.portfolio-desc span a:hover {
color:#000
}
.portfolio-notitle .portfolio-desc {
position:absolute;
display:block!important;
width:100%;
height:78px;
padding:15px 5px;
top:auto;
bottom:-79px;
left:0;
background-color:#fff;
border-bottom:1px solid #eee
}
.bothsidebar .portfolio-desc,
body.device-touch.device-sm .portfolio-notitle .portfolio-desc,
body.device-touch.device-xs .portfolio-notitle .portfolio-desc {
display:none!important
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-desc {
-webkit-transition:bottom .2s ease-in-out;
-o-transition:bottom .2s ease-in-out;
transition:bottom .2s ease-in-out
}
.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-78px;
border-bottom:0
}
.portfolio-notitle .iportfolio:hover .portfolio-desc,
.portfolio-notitle .portfolio-item:hover .portfolio-desc {
bottom:0!important
}
.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .iportfolio:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-item:hover .portfolio-image img {
-webkit-transform:translateY(-20px);
-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px);
-o-transform:translateY(-20px);
transform:translateY(-20px)
}
.portfolio.portfolio-full,
.portfolio.portfolio-nomargin {
margin:0!important
}
.portfolio-full .portfolio-item,
.portfolio-nomargin .portfolio-item {
padding:0!important
}
.portfolio-nomargin .portfolio-desc {
padding:15px 10px
}
.portfolio.portfolio-full {
margin:0!important;
width:100%
}
.portfolio-full .portfolio-item {
overflow:hidden!important
}
.portfolio-full .portfolio-desc {
padding:15px
}
.postcontent .portfolio-desc h3 {
font-size:17px
}
.postcontent .portfolio-desc span {
font-size:12px
}
.postcontent .portfolio-notitle .portfolio-desc {
height:70px;
bottom:-71px
}
.postcontent .portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-70px
}
.postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
margin-top:-50px!important
}
.bothsidebar .portfolio {
margin:0
}
.bothsidebar .portfolio-item {
padding:0
}
.bothsidebar .portfolio-1 .iconlist,
.bothsidebar .portfolio-1 .portfolio-desc,
.bothsidebar .portfolio-3 .portfolio-desc {
display:block!important
}
.portfolio.portfolio-3 {
margin:0 -15px -15px 0
}
.portfolio-3 .portfolio-item {
width:33.33333333%;
padding:0 15px 15px 0
}
.postcontent .portfolio-3 .portfolio-desc h3 {
font-size:18px
}
.postcontent .portfolio-3 .portfolio-desc span {
font-size:13px
}
.postcontent .portfolio-3.portfolio-notitle .portfolio-desc {
height:72px;
bottom:-73px
}
.postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-72px
}
.postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
margin-top:-40px!important
}
.bothsidebar .portfolio.portfolio-3 {
margin:0 -11px -11px 0
}
.bothsidebar .portfolio-3 .portfolio-item {
padding:0 11px 11px 0
}
.bothsidebar .portfolio-3 .portfolio-desc h3 {
font-size:15px
}
.bothsidebar .portfolio-3 .portfolio-desc span {
font-size:12px
}
.bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {
height:68px;
bottom:-69px
}
.bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-68px
}
.bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
margin-top:-50px!important
}
.portfolio.portfolio-2 {
margin:0 -20px -20px 0
}
.portfolio-2 .portfolio-item {
width:50%;
padding:0 20px 20px 0
}
.portfolio-2 .portfolio-desc {
padding:20px 5px 10px
}
.portfolio-2 .portfolio-desc h3 {
font-size:21px
}
.portfolio-2 .portfolio-desc span {
margin-top:4px;
font-size:14px
}
.bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a,
.postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
margin-top:-40px!important
}
.portfolio-2.portfolio-nomargin .portfolio-desc {
padding:20px 15px
}
.portfolio-2.portfolio-notitle .portfolio-desc {
height:90px;
bottom:-91px
}
.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-90px
}
.postcontent .portfolio-2 .portfolio-desc h3 {
font-size:21px
}
.postcontent .portfolio-2 .portfolio-desc span {
font-size:14px
}
.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc {
padding-bottom:20px
}
.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {
height:90px;
bottom:-91px
}
.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-90px
}
.bothsidebar .portfolio-2 .portfolio-desc {
display:block!important;
padding-top:15px;
padding-bottom:0
}
.bothsidebar .portfolio-2 .portfolio-desc h3 {
font-size:19px
}
.bothsidebar .portfolio-2 .portfolio-desc span {
font-size:13px
}
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc {
padding-bottom:15px
}
.bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {
height:75px;
bottom:-76px
}
.bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-75px
}
.portfolio.portfolio-5 {
margin:0 -10px -10px 0
}
.portfolio-5 .portfolio-item {
width:20%;
padding:0 10px 10px 0
}
.portfolio-5 .portfolio-desc h3 {
font-size:17px
}
.portfolio-5.portfolio-notitle .portfolio-desc {
height:71px;
bottom:-72px
}
.portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-71px
}
.portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
margin-top:-30px!important
}
.postcontent .portfolio.portfolio-5 {
margin:0
}
.postcontent .portfolio-5 .portfolio-item {
padding:0
}
.postcontent .portfolio-5 .portfolio-desc h3 {
font-size:15px
}
.postcontent .portfolio-5 .portfolio-desc span {
font-size:12px
}
.postcontent .portfolio-5 .portfolio-desc {
padding:15px 10px
}
.postcontent .portfolio-5.portfolio-notitle .portfolio-desc {
height:68px;
bottom:-69px
}
.postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-68px
}
.postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
margin-top:-50px!important
}
.portfolio.portfolio-6 {
margin:0 -6px -6px 0
}
.portfolio-6 .portfolio-item {
width:16.66666667%;
padding:0 6px 6px 0
}
.portfolio-6 .portfolio-desc h3 {
font-size:15px
}
.portfolio-6 .portfolio-desc span {
font-size:12px
}
.portfolio-6.portfolio-notitle .portfolio-desc {
height:68px;
bottom:-69px
}
.portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc {
bottom:-68px
}
.portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {
margin-top:-40px!important
}
.portfolio.portfolio-1 {
margin:0 0 -40px
}
.portfolio-1 .portfolio-item {
float:none;
width:100%;
margin:0 0 40px;
padding-bottom:40px;
padding-right:0;
border-bottom:1px solid #eee
}
.portfolio-1 .portfolio-item .portfolio-image {
float:left;
margin-right:0;
width:65%;
height:auto
}
.portfolio-1 .portfolio-item.alt .portfolio-image {
float:right;
margin:0
}
.portfolio-1 .portfolio-desc {
float:left;
width:35%;
padding:10px 0 10px 40px
}
.portfolio-1 .alt .portfolio-desc {
float:right;
padding-left:0;
padding-right:40px
}
.portfolio-1 .portfolio-desc h3 {
font-size:22px
}
.portfolio-1 .portfolio-desc span {
margin-top:6px;
font-size:14px
}
.portfolio-1 .portfolio-desc p {
margin:20px 0 25px;
font-size:14px
}
.portfolio-1 .portfolio-desc li {
margin:3px 0
}
.bothsidebar .portfolio-1 .portfolio-item {
width:100%!important
}
.bothsidebar .portfolio-1 .portfolio-item .portfolio-desc,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image {
float:none;
margin:0!important
}
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image {
margin-bottom:20px!important
}
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
width:100%;
height:auto
}
.bothsidebar .portfolio-1 .portfolio-desc {
position:relative!important;
width:100%!important;
padding:0!important;
background-color:transparent!important;
left:0!important;
right:0!important
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a {
left:50%
}
.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
left:auto;
right:50%
}
.portfolio.portfolio-1.portfolio-fullwidth {
margin:0 0 -60px
}
.portfolio-1.portfolio-fullwidth .portfolio-item {
margin-bottom:60px;
padding:0;
border-bottom:0;
overflow:hidden
}
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
float:none;
width:100%;
margin:0!important
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
-webkit-transform:translateX(-60px);
-moz-transform:translateX(-60px);
-ms-transform:translateX(-60px);
-o-transform:translateX(-60px);
transform:translateX(-60px)
}
.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
-webkit-transform:translateX(60px);
-moz-transform:translateX(60px);
-ms-transform:translateX(60px);
-o-transform:translateX(60px);
transform:translateX(60px)
}
.portfolio-1.portfolio-fullwidth .portfolio-desc {
position:absolute;
float:none;
width:35%;
height:100%;
padding:30px;
background-color:#f9f9f9;
top:0;
left:auto;
right:-35%
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-desc {
-webkit-transition:right .3s ease-in-out;
-o-transition:right .3s ease-in-out;
transition:right .3s ease-in-out
}
.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc {
right:0
}
.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
left:-35%;
right:auto
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
-webkit-transition:left .3s ease-in-out;
-o-transition:left .3s ease-in-out;
transition:left .3s ease-in-out
}
.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc {
left:0
}
.portfolio-1.portfolio-fullwidth .portfolio-overlay a {
left:33%
}
.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
left:auto;
right:33%
}
.postcontent .portfolio.portfolio-1.portfolio-fullwidth {
margin:0 0 -40px
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item {
margin-bottom:40px
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
-webkit-transform:translateX(-40px);
-moz-transform:translateX(-40px);
-ms-transform:translateX(-40px);
-o-transform:translateX(-40px);
transform:translateX(-40px)
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
-webkit-transform:translateX(40px);
-moz-transform:translateX(40px);
-ms-transform:translateX(40px);
-o-transform:translateX(40px);
transform:translateX(40px)
}
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {
padding:25px
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
margin-bottom:20px!important
}
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img,
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.portfolio.portfolio-parallax {
margin:0!important
}
.portfolio.portfolio-parallax .portfolio-item {
float:none;
width:100%!important;
height:500px!important;
margin:0!important;
padding:0!important
}
.portfolio.portfolio-parallax .portfolio-item .portfolio-image {
width:100%!important;
height:500px!important;
background-attachment:fixed
}
.portfolio.portfolio-parallax .portfolio-desc {
position:absolute;
top:50%;
left:0;
margin-top:-57px;
width:100%;
text-align:center;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15);
padding:0;
opacity:0
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc {
-webkit-transition:opacity .15s ease-in-out;
-o-transition:opacity .15s ease-in-out;
transition:opacity .15s ease-in-out
}
.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc {
opacity:1
}
.portfolio.portfolio-parallax .portfolio-desc h3 {
font-size:44px;
font-weight:300;
letter-spacing:-1px
}
.entry-link,
.entry-title h2 {
text-transform:uppercase;
letter-spacing:1px
}
.portfolio.portfolio-parallax .portfolio-desc h3 a {
color:#fff
}
.portfolio.portfolio-parallax .portfolio-desc h3 a:hover {
color:#ddd
}
.portfolio.portfolio-parallax .portfolio-desc span {
margin-top:12px;
font-size:16px;
color:#ccc
}
.portfolio.portfolio-parallax .portfolio-desc span a {
color:#ddd
}
.portfolio.portfolio-parallax .portfolio-desc span a:hover {
color:#bbb
}
.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {
width:100%;
text-align:center;
margin:15px 0 0
}
.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
display:inline-block;
width:50px;
height:0;
border-bottom:1px solid #fff
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
-webkit-transition:width .5s ease-in-out;
-o-transition:width .5s ease-in-out;
transition:width .5s ease-in-out
}
.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div {
width:120px
}
.portfolio.portfolio-parallax .portfolio-overlay {
background-color:rgba(0,
0,
0,
.4)
}
.portfolio-overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
z-index:2;
text-align:center;
background-color:rgba(0,
0,
0,
.5)
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay {
-webkit-transition:opacity .4s ease-in-out;
-o-transition:opacity .4s ease-in-out;
transition:opacity .4s ease-in-out
}
.iportfolio:hover .portfolio-overlay,
.portfolio-item:hover .portfolio-overlay {
opacity:1
}
.portfolio-overlay a {
position:absolute;
top:50%;
left:50%;
background-color:#f5f5f5;
width:40px!important;
height:40px!important;
margin:-28px 0 0 -44px;
font-size:18px;
line-height:40px;
text-align:center;
color:#444;
border-radius:50%;
-webkit-backface-visibility:hidden
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a {
-webkit-transition:color .2s linear,
background-color .2s linear,
margin-top .2s linear,
opacity .2s linear;
-o-transition:color .2s linear,
background-color .2s linear,
margin-top .2s linear,
opacity .2s linear;
transition:color .2s linear,
background-color .2s linear,
margin-top .2s linear,
opacity .2s linear
}
.portfolio-overlay a.right-icon {
left:auto;
right:50%;
margin-left:0;
margin-right:-44px
}
.portfolio-overlay a.center-icon {
display:block;
margin:-20px 0 0 -20px;
opacity:0
}
.iportfolio:hover a.center-icon,
.portfolio-item:hover a.center-icon {
opacity:1
}
.portfolio-overlay a:hover {
color:#1abc9c;
background-color:#eee
}
.iportfolio:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-icon,
.portfolio-item:hover .portfolio-overlay a.left-icon,
.portfolio-item:hover .portfolio-overlay a.right-icon {
margin-top:-18px
}
.portfolio-overlay a i.icon-line-play {
position:relative;
left:2px
}
.portfolio-overlay .portfolio-desc {
position:relative;
padding:0!important;
margin:0;
text-align:center
}
.masonry-thumbs .overlay,
.masonry-thumbs img {
padding:0 1px 1px 0
}
.portfolio-overlay .portfolio-desc a {
display:inline;
position:relative;
top:0;
left:0;
margin:0;
font-size:inherit;
width:auto!important;
height:auto!important;
line-height:1;
background-color:transparent!important;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15)
}
.entry-link:hover,
.overlay-icon i,
.product-overlay a:hover,
.sale-flash {
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2)
}
.portfolio-overlay .portfolio-desc h3 {
font-weight:600;
color:#f5f5f5!important;
line-height:1
}
.portfolio-overlay .portfolio-desc h3 a {
color:#f5f5f5!important
}
.portfolio-overlay .portfolio-desc span {
margin-top:7px;
color:#ddd!important
}
.portfolio-overlay .portfolio-desc span a {
color:#ddd!important;
font-size:inherit
}
.portfolio-overlay .portfolio-desc~a {
display:inline-block;
position:relative;
top:0;
left:0;
margin:20px 0 0!important
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay .portfolio-desc~a {
-webkit-transition:color .2s linear,
background-color .2s linear,
opacity .2s linear;
-o-transition:color .2s linear,
background-color .2s linear,
opacity .2s linear;
transition:color .2s linear,
background-color .2s linear,
opacity .2s linear
}
.portfolio-overlay .portfolio-desc~a.right-icon {
left:0;
right:0;
margin-left:5px!important;
margin-right:0!important
}
.portfolio-overlay .portfolio-desc a:hover {
background:0 0
}
body.device-touch.device-sm .portfolio-notitle .portfolio-overlay,
body.device-touch.device-xs .portfolio-notitle .portfolio-overlay {
display:none!important
}
.portfolio-single-image .slide a,
.portfolio-single-image iframe,
.portfolio-single-image img,
.portfolio-single-image video,
.portfolio-single-image>a {
display:block;
width:100%
}
.portfolio-single-image-full {
position:relative;
height:600px;
overflow:hidden;
margin:-80px 0 80px!important
}
.portfolio-single-video {
height:auto!important
}
.portfolio-single-image-full .swiper-container {
width:100%;
height:600px;
background-color:#333
}
.portfolio-single-image-full .swiper-nested-1,
.portfolio-single-image-full .swiper-nested-2 {
width:100%
}
.portfolio-single-image-full .swiper-slide {
overflow:hidden
}
.portfolio-single-image-full .swiper-slide img {
width:100%;
height:auto
}
.masonry-thumbs {
position:relative
}
.masonry-thumbs a {
position:relative;
float:left;
width:25%;
max-width:100%!important;
overflow:hidden
}
.masonry-thumbs.grid-2 a {
width:50%
}
.masonry-thumbs.grid-3 a {
width:33.3%
}
.masonry-thumbs.grid-4 a {
width:25%
}
.masonry-thumbs.grid-5 a {
width:20%
}
.masonry-thumbs.grid-6 a {
width:16.6%
}
.masonry-thumbs a,
.masonry-thumbs img {
display:block;
height:auto!important
}
.masonry-thumbs img {
width:100%;
border-radius:0!important
}
.entry-image img,
.entry-link {
border-radius:3px
}
.portfolio-single-content {
font-size:14px
}
.portfolio-single-content h2 {
margin:0 0 20px;
padding:0;
font-size:20px;
font-weight:600!important
}
#respond,
#respond form,
.ipost .entry-content p {
margin-bottom:0
}
.portfolio-ajax-modal {
width:1000px!important
}
.modal-padding {
padding:40px
}
.ajax-modal-title {
background-color:#f9f9f9;
border-bottom:1px solid #eee;
padding:25px 40px
}
.entry-link,
.entry:after {
background-color:#f5f5f5
}
.ajax-modal-title h2 {
font-size:26px;
margin-bottom:0
}
#portfolio-ajax-wrap {
position:relative;
max-height:0;
overflow:hidden;
-webkit-transition:max-height .4s ease;
-o-transition:max-height .4s ease;
transition:max-height .4s ease
}
#portfolio-ajax-wrap.portfolio-ajax-opened {
max-height:1200px
}
#portfolio-ajax-container {
display:none;
padding-bottom:60px
}
#portfolio-ajax-title h2 {
font-size:26px
}
.portfolio-meta,
.portfolio-share {
list-style:none;
font-size:14px
}
.portfolio-meta li {
margin:10px 0;
color:#666
}
.portfolio-meta li:first-child {
margin-top:0
}
.portfolio-meta li span {
display:inline-block;
width:150px;
font-weight:700;
color:#333
}
.portfolio-meta li span i {
position:relative;
top:1px;
width:14px;
text-align:center;
margin-right:7px
}
.well .line {
margin:20px 0;
border-color:#e5e5e5
}
#portfolio-navigation {
position:absolute;
top:50%;
left:auto;
right:10px;
max-width:96px;
height:24px;
margin-top:-12px
}
.page-title-right #portfolio-navigation {
left:10px;
right:auto
}
.page-title-center #portfolio-navigation {
position:relative;
top:0;
left:0;
margin:20px auto 0
}
#portfolio-navigation a {
display:block;
float:left;
margin-left:12px;
width:24px;
height:24px;
text-align:center;
color:#444;
transition:color .3s linear;
-webkit-transition:color .3s linear;
-o-transition:color .3s linear
}
.page-title-dark #portfolio-navigation a {
color:#eee
}
.page-title-parallax #portfolio-navigation a {
color:#fff
}
#portfolio-navigation a i {
position:relative;
top:-1px;
font-size:24px;
line-height:1
}
#portfolio-navigation a i.icon-angle-left,
#portfolio-navigation a i.icon-angle-right {
font-size:32px;
top:-6px
}
#portfolio-navigation a i.icon-angle-right {
left:-1px
}
#portfolio-navigation a:first-child {
margin-left:0
}
#portfolio-navigation a:hover {
color:#1abc9c
}
#portfolio-ajax-show #portfolio-navigation {
top:0;
margin-top:0
}
.iportfolio {
position:relative;
float:none;
width:100%;
margin:0;
padding:0
}
.iportfolio .portfolio-image {
position:relative;
overflow:hidden
}
.iportfolio .portfolio-image,
.iportfolio .portfolio-image a,
.iportfolio .portfolio-image img {
display:block;
width:100%;
height:auto
}
.iportfolio .portfolio-overlay {
height:100%!important
}
#posts {
position:relative
}
.entry {
position:relative;
margin:0 0 50px
}
.entry:after {
content:'';
position:relative;
height:2px;
margin-top:50px
}
.entry-image {
margin-bottom:30px
}
.entry-image,
.entry-image .slide a,
.entry-image img,
.entry-image>a {
display:block;
position:relative;
width:100%;
height:auto
}
.entry-image iframe {
display:block
}
.entry-image video {
display:block;
width:100%
}
.entry-title h2 {
margin:0;
font-size:24px;
font-weight:600
}
.entry-title h2 a {
color:#333
}
.entry-title h2 a:hover {
color:#1abc9c
}
.entry-meta {
margin:10px -10px -15px 0;
list-style:none
}
.single-post .entry-meta {
margin-bottom:20px
}
.entry-meta li {
float:left;
font-size:13px;
line-height:14px;
margin:0 10px 15px 0;
color:#999;
font-style:italic
}
.entry-meta li:before {
content:'/';
display:inline-block;
margin-right:10px;
opacity:.5
}
.entry-meta li i {
position:relative;
top:1px;
font-size:14px;
margin-right:3px
}
.entry-meta li a {
color:#999
}
.entry-meta li a:hover {
color:#1abc9c
}
.entry-meta li:first-child:before {
display:none
}
.entry-meta li ins {
font-weight:700;
text-decoration:none
}
.entry-c {
position:relative;
overflow:hidden
}
#posts .entry-content {
padding:8px;
}
.single-post .entry-content .entry-image {
max-width:350px
}
.entry-content {
position:relative
}
.entry-link {
display:block;
width:100%;
padding:30px 0;
text-align:center;
color:#444;
font-family:Raleway,
sans-serif;
font-size:24px;
font-weight:700
}
.entry blockquote p,
.entry-link span {
font-weight:400;
font-family:crete round,
serif;
font-style:italic
}
body:not(.device-touch) .entry-link {
-webkit-transition:background-color .3s ease-in-out;
-o-transition:background-color .3s ease-in-out;
transition:background-color .3s ease-in-out
}
.entry-link:hover {
color:#fff;
background-color:#1abc9c
}
.entry-link span {
display:block;
margin-top:5px;
text-transform:none;
letter-spacing:0;
font-size:14px;
color:#aaa
}
.entry-link:hover span {
color:#eee
}
.ievent .entry-image,
.small-thumbs .entry-image {
float:left;
width:300px;
margin:0 30px 0 0
}
.ievent .entry-image img,
.small-thumbs .entry-image img {
border-radius:0
}
.ievent .entry-c .entry-image,
.small-thumbs .entry-c .entry-image {
float:none;
width:100%;
margin:0 0 20px
}
.ievent .entry-c .entry-image img,
.small-thumbs .entry-c .entry-image img {
border-radius:5px
}
.ievent .entry-title h2,
.small-thumbs .entry-title h2 {
font-size:20px;
font-weight:600
}
.small-thumbs.alt .entry-image {
float:right;
margin:0 0 0 30px
}
.small-thumbs.alt .entry-c .entry-image {
float:none;
margin:0 0 20px
}
.bothsidebar .small-thumbs .entry-image {
width:200px;
margin:0 25px 0 0
}
.bothsidebar .small-thumbs.alt .entry-image {
margin:0 0 0 25px
}
.bothsidebar .small-thumbs .entry-c .entry-image {
width:100%;
margin:0 0 20px
}
.bothsidebar .small-thumbs .entry-title h2 {
font-size:18px
}
.post-grid {
margin-right:-28px
}
.post-grid .entry {
float:left;
width:25%;
padding-right:28px
}
.post-grid .entry-image img {
border-radius:0
}
.post-grid .entry-title h2 {
font-size:17px;
font-weight:600
}
.post-grid .entry-link {
font-size:24px
}
.post-grid .entry-link span {
font-size:13px
}
.post-grid.grid-3 {
margin-right:-30px
}
.post-grid.grid-3 .entry {
width:33.33333333%;
padding-right:30px
}
.post-grid.grid-3 .entry-title h2 {
font-size:18px
}
.postcontent .post-grid.grid-3 {
margin-right:-25px
}
.postcontent .post-grid.grid-3 .entry {
padding-right:25px
}
.postcontent .post-grid.grid-3 .entry-title h2 {
font-size:16px
}
.post-grid.grid-2 {
margin-right:-40px
}
.post-grid.grid-2 .entry {
width:50%;
padding-right:40px
}
.post-grid.grid-2 .entry-title h2 {
font-size:20px
}
.postcontent .post-grid.grid-2 .entry-title h2 {
font-size:18px
}
.bothsidebar .post-grid.grid-2 .entry-title h2 {
font-size:16px
}
.post-masonry .entry-image,
.post-masonry .entry-image img {
height:auto!important
}
.post-masonry-full {
margin:-80px 0 -80px -1px!important
}
.post-masonry-full .entry {
width:24.9%!important;
margin:0!important;
padding:40px 30px;
border-bottom:1px dashed;
border-left:1px dashed;
border-color:#e5e5e5
}
.post-masonry-full .entry:after {
display:none
}
.post-masonry-full.grid-3 .entry {
width:33.3%!important
}
.timeline-border {
position:absolute;
top:0;
left:50%;
margin-left:-71px;
width:0;
border-left:1px dashed #ccc;
height:100%
}
.post-timeline {
margin-right:-140px!important
}
.post-timeline .entry {
width:500px!important;
margin-right:140px!important;
padding-right:0!important
}
.entry.entry-date-section {
width:100%!important;
margin:50px -70px 80px;
padding:0;
border:0;
text-align:center
}
.entry.entry-date-section span {
display:inline-block;
padding:10px 15px;
background-color:#fff;
border:2px solid #eee;
font-size:18px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
font-family:Raleway,
sans-serif
}
.post-timeline .entry-timeline {
display:none;
position:absolute;
border:2px solid #ccc;
background-color:#fff;
padding-top:0;
text-indent:-9999px;
top:40px;
left:auto;
right:-76px;
width:13px;
height:13px;
border-radius:50%;
font-size:26px;
font-weight:700;
color:#aaa;
text-align:center;
line-height:1;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.post-timeline .entry-timeline div.timeline-divider {
position:absolute;
top:4px;
left:-58px;
width:50px;
height:0;
border-top:1px dashed #ccc;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.post-timeline .alt .entry-timeline {
right:auto;
left:-77px
}
.post-timeline .alt .entry-timeline div.timeline-divider {
left:auto;
right:-58px
}
.post-timeline .entry-timeline span {
display:block;
margin-top:3px;
font-size:13px;
font-weight:400
}
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider {
border-color:#1abc9c;
color:#1abc9c
}
.postcontent .timeline-border {
left:-68px;
margin-left:0
}
.postcontent .post-timeline {
padding-left:0;
margin-left:100px;
margin-right:0!important;
overflow:visible
}
.postcontent .post-timeline .entry {
width:100%!important;
margin-right:0!important
}
.postcontent .post-timeline .entry-timeline {
display:block;
border:3px solid #ccc;
background-color:#fff;
padding-top:10px;
text-indent:0;
top:20px;
left:-100px;
right:auto;
width:64px;
height:64px;
font-size:24px
}
.postcontent .post-timeline .entry-timeline div.timeline-divider {
top:29px;
left:64px;
width:32px
}
.overlay-icon,
.spost .entry-image,
.spost .entry-image a,
.spost .entry-image i,
.spost .entry-image img {
width:48px;
height:48px
}
.ipost .entry-image img {
border-radius:0
}
.ipost .entry-title h3,
.ipost .entry-title h4 {
margin:0;
font-size:16px;
font-weight:600
}
.ipost .entry-content,
.mpost,
.spost {
margin-top:20px
}
.ipost .entry-title h4 {
font-size:15px
}
.ipost .entry-title h3 a,
.ipost .entry-title h4 a {
color:#333
}
.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover {
color:#1abc9c
}
.ipost .entry-meta {
margin-right:-10px
}
.ipost .entry-meta li {
font-size:13px;
margin-right:10px
}
.more-link {
display:inline-block;
border-bottom:1px solid #1abc9c;
padding:5px 2px;
font-family:crete round,
serif;
font-style:italic
}
.more-link:hover {
border-bottom-color:#555
}
.overlay-icon {
position:absolute;
left:auto;
right:0;
top:auto;
bottom:0;
background-color:rgba(0,
0,
0,
.2);
text-align:center
}
#comments,
.author-desc,
.comment-wrap,
.commentlist li {
position:relative
}
.overlay-icon i {
line-height:48px;
font-size:28px;
color:#fff
}
.mpost,
.spost {
padding-top:20px;
border-top:1px dashed #e5e5e5
}
.mpost {
margin-top:25px;
padding-top:25px
}
.mpost:first-child,
.spost:first-child {
margin-top:0;
padding-top:0;
border-top:0
}
.mpost .entry-image,
.spost .entry-image {
float:left;
margin:0 15px 0 0;
text-align:center
}
.mpost .entry-image a i,
.spost .entry-image a i {
font-size:28px;
line-height:48px;
color:#666;
background-color:#eee
}
.mpost .entry-title h4,
.spost .entry-title h4 {
margin:0;
font-size:14px;
font-weight:600
}
.mpost .entry-title h4 a,
.spost .entry-title h4 a {
color:#333
}
.mpost .entry-title h4 a:hover,
.spost .entry-title h4 a:hover {
color:#1abc9c
}
.spost .entry-meta {
margin:8px -10px 0 0
}
.mpost .entry-meta li,
.spost .entry-meta li {
font-size:13px;
margin:0 10px 0 0
}
.mpost .entry-image {
margin-right:20px
}
.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image i,
.mpost .entry-image img {
width:170px;
height:128px
}
.author-image,
.author-image img {
width:64px;
height:64px
}
.mpost .entry-image a,
.mpost .entry-image img {
border-radius:2px
}
.mpost .entry-image a i {
font-size:42px;
line-height:128px
}
.mpost .entry-title h4 {
margin:0;
font-size:17px;
font-weight:600
}
.mpost .entry-meta {
margin-top:5px
}
.mpost .entry-meta li i {
margin-right:2px
}
.mpost .entry-content {
margin-top:15px
}
.post-navigation+.line {
margin:40px 0 50px
}
.author-image {
float:left;
margin-right:15px
}
.author-desc {
overflow:hidden
}
#comments {
margin-top:50px;
padding-top:50px;
border-top:1px solid #eee
}
.commentlist {
list-style:none;
padding-bottom:50px;
margin:0 0 50px;
border-bottom:1px solid #eee
}
#reviews .commentlist {
padding-bottom:30px;
margin:0 0 20px
}
.commentlist ul {
list-style:none
}
.commentlist li,
.commentlist li ul,
.commentlist li ul li {
margin:30px 0 0
}
.commentlist ul:first-child {
margin-top:0
}
.commentlist li {
margin:30px 0 0 30px
}
#reviews .commentlist li {
margin-top:20px
}
.comment-wrap {
border:1px solid #e5e5e5;
border-radius:5px;
padding:20px 20px 20px 35px
}
.commentlist ul .comment-wrap {
margin-left:25px;
padding-left:20px
}
#reviews .comment-wrap {
border:0;
padding:10px 0 0 35px
}
#reviews .commentlist>li:first-child,
.commentlist>li:first-child {
padding-top:0;
margin-top:0
}
.commentlist li .children {
margin-top:0
}
.commentlist li li .children {
margin-left:30px
}
.commentlist li .comment-content,
.pingback {
position:relative;
overflow:hidden
}
.commentlist li .comment-content p,
.pingback p {
margin:20px 0 0
}
.commentlist li .comment-content {
padding:0 0 0 15px
}
.commentlist li .comment-meta {
float:left;
margin-right:0;
line-height:1
}
.comment-avatar {
position:absolute;
top:15px;
left:-35px;
padding:4px;
background:#fff;
border:1px solid #e5e5e5;
border-radius:50%
}
.comment-avatar img {
display:block;
border-radius:50%
}
.commentlist li .children .comment-avatar {
left:-25px
}
.comment-content .comment-author {
margin-bottom:-10px;
font-size:16px;
font-weight:700;
color:#555
}
.comment-content .comment-author a {
border:none;
color:#333
}
.comment-content .comment-author a:hover {
color:#1abc9c
}
.comment-content .comment-author span {
display:block
}
.comment-content .comment-author span,
.comment-content .comment-author span a {
font-size:12px;
font-weight:400;
font-family:crete round,
serif;
font-style:italic;
color:#aaa
}
.comment-content .comment-author span a:hover {
color:#888
}
.comment-reply-link,
.review-comment-ratings {
display:block;
position:absolute;
top:4px;
left:auto;
text-align:center;
right:0;
width:14px;
height:14px;
color:#ccc;
font-size:14px;
line-height:1
}
.review-comment-ratings {
width:auto;
color:#333
}
.comment-reply-link:hover {
color:#888
}
.commentlist li #respond {
margin:30px 0 0
}
.commentlist li li #respond {
margin-left:30px
}
#respond p {
margin:10px 0 0
}
#respond p:first-child {
margin-top:0
}
#respond label small {
color:#999;
font-weight:400
}
#respond input[type=text],
#respond textarea {
margin-bottom:0
}
#respond .col_full,
#respond .col_one_third {
margin-bottom:20px
}
.fb-comments,
.fb-comments>span,
.fb-comments>span>iframe,
.fb_iframe_widget,
.fb_iframe_widget>span,
.fb_iframe_widget>span>iframe {
display:block!important;
width:100%!important;
margin:0
}
div.alignleft,
img.alignleft {
float:left;
margin:5px 20px 13px 0;
max-width:100%
}
div.aligncenter>img,
div.alignleft>img,
div.alignnone>img,
div.alignright>img {
display:block;
float:none
}
div.aligncenter,
div.alignnone,
img.aligncenter,
img.alignnone {
display:block;
margin:10px 0;
float:none
}
div.aligncenter,
div.aligncenter img,
img.aligncenter {
margin-left:auto;
margin-right:auto;
clear:both
}
div.alignright,
img.alignright {
float:right;
margin:5px 0 13px 20px
}
.wp-caption {
text-align:center;
margin:10px 20px 13px;
font-family:Lato,
Georgia,
times new roman,
Times,
serif;
font-style:italic
}
.wp-caption img,
.wp-caption img a {
display:block;
margin:0
}
p.wp-caption-text {
display:inline-block;
margin:10px 0 0;
padding:5px 10px;
background-color:#eee;
border-radius:50px
}
.wp-smiley {
max-height:13px;
margin:0!important
}
#infscr-loading,
#portfolio-ajax-loader {
position:fixed;
z-index:20;
top:50%;
left:50%;
width:48px;
height:48px;
margin:-24px 0 0 -24px;
background-color:rgba(0,
0,
0,
.7);
border-radius:3px;
line-height:48px;
font-size:24px;
color:#fff;
text-align:center
}
#infscr-loading img,
#portfolio-ajax-loader img {
display:none;
width:24px;
height:24px;
margin:12px
}
#portfolio-ajax-loader {
display:none
}
#portfolio-ajax-loader img {
display:block
}
.page-load-status {
position:relative;
display:none;
padding:30px 0
}
.page-load-status .css3-spinner {
position:absolute;
z-index:auto;
background-color:transparent!important
}
.product,
.product-image,
.shop {
position:relative
}
.page-load-status .css3-spinner-ball-pulse-sync>div {
background-color:#333
}
.shop {
margin:0 -20px -20px 0
}
.shop .product {
float:left;
padding:0 20px 20px 0;
width:25%
}
.product-image {
width:100%;
height:auto;
overflow:hidden
}
.product-image .slide a,
.product-image img,
.product-image>a {
display:block;
width:100%;
height:100%
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image>a {
-webkit-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
.product-image>a:nth-of-type(2) {
opacity:0;
position:absolute;
z-index:-1;
top:0;
left:0
}
.product-image:hover>a:nth-of-type(2) {
opacity:1;
z-index:2
}
.product-desc {
padding:15px 0;
font-size:14px
}
.product-title {
margin-bottom:7px
}
.product-title h3 {
margin:0;
font-size:20px
}
.product-title h3 a,
.single-product .product-title h2 a {
color:#333
}
.product-title h3 a:hover,
.single-product .product-title h2 a:hover {
color:#1abc9c
}
.product-price {
font-size:18px;
font-weight:700;
color:#444;
margin-bottom:4px
}
.product-price del {
font-weight:400;
font-size:90%;
color:#888
}
.product-price ins {
text-decoration:none;
color:#1abc9c
}
.product-overlay {
position:absolute;
width:100%;
height:44px;
line-height:44px;
top:auto;
bottom:-44px;
left:0;
z-index:6;
overflow:hidden
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay {
-webkit-transition:bottom .3s ease-in-out;
-o-transition:bottom .3s ease-in-out;
transition:bottom .3s ease-in-out
}
.product:hover .product-overlay {
bottom:0
}
.product-overlay a {
display:block;
float:left;
width:50%;
font-size:13px;
color:#333;
background-color:#f5f5f5;
text-align:center;
border-right:1px solid rgba(0,
0,
0,
.1)
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a {
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.product-overlay a.item-quick-view {
border-right:0
}
.product-overlay a i {
position:relative;
top:1px;
font-size:14px;
margin-right:3px
}
.product-overlay a:hover {
background-color:#333;
color:#fff
}
.sale-flash {
position:absolute;
top:10px;
left:10px;
padding:6px 10px;
background-color:#1abc9c;
color:#fff;
border-radius:2px;
z-index:5
}
.sale-flash.out-of-stock {
background-color:#777
}
.shop.product-3 {
margin:0 -30px -30px 0
}
.product-3 .product {
padding:0 30px 30px 0;
width:33.33333333%
}
.postcontent .shop.product-3 {
margin:0 -25px -25px 0
}
.postcontent .product-3 .product {
padding:0 25px 25px 0
}
.postcontent .shop.product-2 {
margin:0 -40px -40px 0
}
.postcontent .product-2 .product {
padding:0 40px 40px 0;
width:50%
}
.bothsidebar .shop.product-2 {
margin:0 -40px -20px 0
}
.bothsidebar .product-2 .product {
padding:0 40px 20px 0
}
.shop.product-1 {
margin:0 0 -40px
}
.product-1 .product {
float:none;
margin:0 0 40px;
padding:0;
width:100%
}
.product-1 .product-image {
float:left;
width:300px;
height:400px;
margin-right:30px
}
.product-1 .product.alt .product-image {
float:right;
margin:0 0 0 30px
}
.product-1 .product-desc {
padding:0;
position:relative;
overflow:hidden
}
.product-1 .product-title h3 {
font-size:22px
}
.bothsidebar .product-1 .product-title h3,
.product-1 .product-desc .product-price {
font-size:20px
}
.product-1 .product-desc .product-rating {
margin-bottom:15px
}
.bothsidebar .product-1 .product {
border-top:1px solid #f5f5f5;
padding-top:40px
}
.bothsidebar .product-1 .product:first-child {
border-top:0;
padding-top:0
}
.bothsidebar .product-1 .product-image {
width:240px;
height:320px
}
.bothsidebar .product-1 .product-desc .product-price {
font-size:16px
}
.single-product .product {
width:100%;
margin:0
}
.portfolio-ajax-modal,
.shop-quick-view-ajax {
position:relative;
background-color:#fff;
width:800px;
margin:0 auto
}
.single-product .product-image,
.single-product .product-image img {
height:auto
}
.quantity .qty,
.single-product .add-to-cart.button {
height:40px;
line-height:40px
}
.single-product .product-desc {
padding:0
}
.single-product .product-title h2 {
font-size:28px;
margin-bottom:8px
}
.single-product .product-price {
float:left;
font-size:24px;
color:#1abc9c;
margin-bottom:0
}
.single-product .product-rating {
float:right;
position:relative;
top:9px
}
.single-product .product-desc .line {
margin:20px 0
}
.quantity {
float:left;
margin-right:30px
}
.quantity .qty {
float:left;
width:50px;
border:0;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background-color:#eee;
text-align:center;
margin-bottom:0
}
.quantity .minus,
.quantity .plus {
display:block;
float:left;
cursor:pointer;
border:0 transparent;
padding:0;
width:36px;
height:40px;
line-height:40px;
text-align:center;
background-color:#eee;
font-size:16px;
font-weight:700;
transition:background-color .2s linear;
-webkit-transition:background-color .2s linear;
-o-transition:background-color .2s linear
}
.quantity .minus:hover,
.quantity .plus:hover {
background-color:#ddd
}
.quantity .minus:focus,
.quantity .plus:focus,
.quantity .qty:focus {
box-shadow:none!important;
outline:0!important
}
.product-meta {
font-size:13px;
color:#777
}
.product-meta>.panel-body {
margin-bottom:-5px
}
.product-meta>.panel-body>span {
display:block;
margin-bottom:5px
}
.single-product .feature-box.fbox-plain.fbox-small {
padding-left:26px
}
.single-product .feature-box.fbox-plain.fbox-small .fbox-icon {
width:20px
}
.single-product .feature-box.fbox-plain.fbox-small h3 {
font-size:15px;
font-weight:700;
line-height:18px;
margin-bottom:7px
}
.single-product .feature-box.fbox-plain.fbox-small p {
margin-left:-26px
}
.single-product .feature-box.fbox-plain.fbox-small .fbox-icon i {
font-size:18px
}
.product.iproduct {
float:none;
margin:0;
padding:0;
width:100%
}
.cart td,
.cart th {
padding:12px 15px!important
}
.iproduct .product-image,
.iproduct .product-image a,
.iproduct .product-image img {
height:auto
}
.cart .remove {
font-size:14px;
color:red
}
.cart .remove:hover {
color:#000
}
.cart th {
font-size:14px;
color:#555
}
.cart td {
vertical-align:middle!important;
border-color:#e5e5e5!important
}
.cart-product-thumbnail a {
display:block;
width:68px
}
.cart-product-thumbnail img {
display:block;
width:64px;
height:64px;
border:2px solid #eee
}
.cart-product-thumbnail img:hover {
border-color:#1abc9c
}
.cart-product-name a,
.product-name a {
font-weight:700;
font-size:13px;
color:#333
}
.cart-product-name a:hover,
.product-name a:hover {
color:#666
}
.cart-product-price,
.cart-product-quantity,
.cart-product-subtotal {
text-align:center!important
}
.cart-product-quantity .quantity {
display:inline-block;
margin:0;
float:none
}
.events .entry:after,
.owl-carousel .owl-nav .disabled {
display:none!important
}
td.actions {
padding:20px 15px!important;
vertical-align:top!important;
background-color:#f5f5f5
}
.events .entry,
.ievent {
padding:20px;
background-color:#f9f9f9;
border-bottom:3px solid #eee
}
.events .entry-image .entry-date,
.ievent .entry-image .entry-date {
position:absolute;
top:10px;
left:10px;
background-color:rgba(0,
0,
0,
.7);
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2);
width:60px;
height:64px;
text-align:center;
padding-top:9px;
font-size:26px;
line-height:1
}
.events .entry-image .entry-date span,
.ievent .entry-image .entry-date span {
display:block;
font-size:12px;
margin-top:7px
}
.events .entry-c,
.ievent .entry-c {
padding:5px 0
}
.single-event .entry-image img {
border-radius:0
}
.single-event .events-meta {
font-size:14px
}
.parallax .iconlist li,
.single-event .events-meta .iconlist li {
margin:5px 0
}
.parallax .entry-overlay-meta,
.single-event .entry-overlay {
position:absolute;
top:auto;
bottom:0;
left:0;
width:100%;
height:80px;
background-color:rgba(0,
0,
0,
.85);
text-align:center;
line-height:80px;
font-size:22px;
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.3);
z-index:5
}
.button,
.button i,
.countdown-row,
.ievent,
.single-event .col_full .entry-overlay,
.single-event .col_three_fourth .entry-overlay {
position:relative
}
.single-event .countdown {
display:inline-block;
position:relative;
top:7px
}
.single-event .countdown-section {
padding:0 15px;
border-left-color:rgba(255,
255,
255,
.3);
color:#ccc
}
.parallax .entry-overlay-meta h2 a,
.single-event .countdown-amount {
color:#fff
}
.parallax .entry-overlay,
.parallax .entry-overlay-meta {
background:0 0;
width:auto;
text-align:right;
bottom:30px;
left:auto;
right:30px
}
.parallax .entry-overlay-meta {
padding:20px;
font-size:14px;
text-align:left;
right:38px;
bottom:130px;
width:368px;
height:auto;
line-height:inherit;
background-color:rgba(0,
0,
0,
.7);
border-radius:3px
}
.parallax.overlay-left .entry-overlay,
.parallax.overlay-left .entry-overlay-meta {
right:auto;
left:30px
}
.parallax.overlay-left .entry-overlay-meta {
left:38px
}
.parallax.overlay-center .entry-overlay,
.parallax.overlay-center .entry-overlay-meta {
bottom:100px;
right:auto;
left:50%;
margin-left:-192px
}
.parallax.overlay-center .entry-overlay-meta {
top:100px;
bottom:auto;
margin-left:-184px
}
.parallax .entry-overlay-meta h2 {
font-size:20px;
text-transform:uppercase;
border-bottom:1px dashed rgba(255,
255,
255,
.2);
padding-bottom:17px
}
.parallax .entry-overlay-meta h2 a:hover {
color:#ddd
}
.parallax .countdown {
top:0
}
.parallax .countdown-section {
border-left:0;
width:80px;
height:80px;
margin:0 8px;
font-size:13px;
background-color:rgba(0,
0,
0,
.7);
border-radius:3px;
padding-top:14px
}
.parallax .countdown-amount {
font-size:28px;
margin-bottom:6px
}
.ievent {
margin-top:20px
}
.ievent:first-child {
margin-top:0
}
.ievent .entry-image {
width:30%;
margin-right:20px
}
.ievent .entry-content {
margin-top:20px
}
.ievent .entry-title h2 {
font-size:18px
}
.ievent .entry-meta {
margin-right:-10px
}
.ievent .entry-meta li {
font-size:13px;
margin-right:10px;
padding-left:10px
}
.ievent .entry-meta li:first-child {
padding-left:0
}
.countdown {
display:block
}
.countdown-row {
display:block;
text-align:center
}
.countdown-section {
display:inline-block;
font-size:11px;
line-height:1;
text-align:center;
width:25%;
border-left:1px dotted #bbb;
color:#888;
text-transform:capitalize
}
.countdown-section:first-child {
border-left:0
}
.countdown-amount {
display:block;
font-size:20px;
color:#333;
margin-bottom:5px
}
.countdown-descr {
display:block;
width:100%
}
.countdown-medium .countdown-section {
font-size:14px
}
.countdown-medium .countdown-amount {
font-size:30px;
margin-bottom:7px
}
.countdown-large .countdown-section {
font-size:18px
}
.countdown-large .countdown-amount {
font-size:44px;
font-weight:700;
margin-bottom:8px
}
.countdown.countdown-inline {
display:inline-block
}
.countdown.countdown-inline .countdown-row {
display:inline-block;
text-align:center
}
.countdown.countdown-inline .countdown-section {
display:inline-block;
font-size:inherit;
line-height:inherit;
width:auto;
border:none;
color:inherit;
margin-left:7px;
text-transform:inherit
}
.countdown.countdown-inline .countdown-section:first-child {
margin-left:0
}
.countdown.countdown-inline .countdown-amount {
display:inline-block;
font-size:inherit;
color:inherit;
font-weight:700;
margin:0 3px 0 0
}
.countdown.countdown-inline .countdown-descr {
display:inline-block;
width:auto
}
body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-section {
border:none;
padding:15px
}
body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-amount {
height:140px;
line-height:140px;
border-radius:50%;
background-color:rgba(0,
0,
0,
.2);
margin-bottom:15px!important
}
.button {
display:inline-block;
cursor:pointer;
outline:0;
white-space:nowrap;
margin:5px;
padding:0 22px;
font-size:14px;
height:40px;
line-height:40px;
background-color:#1abc9c;
color:#fff;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
border:none;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2)
}
body:not(.device-touch) .button {
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.button-dark {
background-color:#444
}
.button-light {
background-color:#eee;
color:#333;
text-shadow:none!important
}
.button:hover {
background-color:#444;
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2)
}
.button.button-dark:hover {
background-color:#1abc9c
}
.button.button-mini {
padding:0 14px;
font-size:11px;
height:28px;
line-height:28px
}
.button.button-small {
padding:0 17px;
font-size:12px;
height:34px;
line-height:34px
}
.button.button-large {
padding:0 26px;
font-size:16px;
height:46px;
line-height:46px
}
.button.button-xlarge {
padding:0 32px;
font-size:18px;
letter-spacing:2px;
height:52px;
line-height:52px
}
.button.button-desc {
text-align:left;
padding:24px 34px;
font-size:22px;
height:auto;
line-height:1;
font-family:Raleway,
sans-serif
}
.button.button-desc span {
display:block;
margin-top:10px;
font-size:14px;
font-weight:400;
letter-spacing:1px;
font-family:crete round,
serif;
font-style:italic;
text-transform:none
}
.button i {
top:1px;
line-height:1;
margin-right:5px;
width:16px;
text-align:center
}
.button.tright i {
margin:0 0 0 5px
}
.button-mini i {
margin-right:3px
}
.button-mini.tright i {
margin:0 0 0 3px
}
.button-small i {
margin-right:4px
}
.button-small.tright i {
margin:0 0 0 4px
}
.button-xlarge i {
top:2px;
margin-right:8px
}
.button-xlarge.tright i {
margin:0 0 0 8px
}
.button.button-desc i {
top:1px;
font-size:48px;
width:48px;
text-align:center;
margin-right:12px
}
.button.button-desc.tright i {
margin:0 0 0 12px
}
.button.button-desc div {
display:inline-block
}
.button.button-rounded {
border-radius:3px
}
.button.button-border {
border:2px solid #444;
background-color:transparent;
color:#333;
line-height:36px;
font-weight:700;
text-shadow:none
}
.button.button-border-thin {
border-width:1px;
line-height:38px
}
.button.button-border.button-mini {
line-height:24px
}
.button.button-border.button-small {
line-height:30px
}
.button.button-border.button-large {
line-height:42px
}
.button.button-border.button-xlarge {
line-height:48px
}
.button.button-border-thin.button-mini {
line-height:26px
}
.button.button-border-thin.button-small {
line-height:32px
}
.button.button-border-thin.button-large {
line-height:44px
}
.button.button-border-thin.button-xlarge {
line-height:50px
}
.button.button-border.button-desc {
line-height:1
}
.button.button-border:not(.button-fill):hover {
background-color:#444;
color:#fff;
border-color:transparent!important;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2)
}
.button.button-border.button-light {
border-color:#eee;
color:#eee
}
.button.button-border.button-light:hover {
background-color:#eee;
color:#333;
text-shadow:none
}
.button.button-3d {
border-radius:3px;
border-bottom:3px solid rgba(0,
0,
0,
.15);
-webkit-transition:none;
-o-transition:none;
transition:none
}
.button.button-3d:hover {
background-color:#1abc9c!important;
opacity:.9
}
.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {
text-shadow:none;
color:#333
}
.button.button-reveal {
padding:0 28px;
overflow:hidden
}
.button.button-reveal i {
display:block;
position:absolute;
top:0;
left:-32px;
width:32px;
height:40px;
line-height:40px;
margin:0;
text-align:center;
background-color:rgba(0,
0,
0,
.1)
}
.button.button-reveal.button-border i {
top:-2px
}
.button.button-reveal.tright i {
left:auto;
right:-32px
}
.button.button-reveal.button-3d i,
.button.button-reveal.button-rounded i {
border-radius:3px 0 0 3px
}
.button.button-reveal.button-3d.tright i,
.button.button-reveal.button-rounded.tright i {
border-radius:0 3px 3px 0
}
.button.button-reveal span {
display:inline-block;
position:relative;
left:0
}
body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {
-webkit-transition:left .3s ease,
right .3s ease;
-o-transition:left .3s ease,
right .3s ease;
transition:left .3s ease,
right .3s ease
}
.button.button-reveal.button-mini {
padding:0 17px
}
.button.button-reveal.button-mini i {
left:-22px;
width:22px;
height:28px;
line-height:28px
}
.button.button-reveal.button-mini.tright i {
left:auto;
right:-22px
}
.button.button-reveal.button-small {
padding:0 22px
}
.button.button-reveal.button-small i {
left:-26px;
width:26px;
height:34px;
line-height:34px
}
.button.button-reveal.button-small.tright i {
left:auto;
right:-26px
}
.button.button-reveal.button-large {
padding:0 32px
}
.button.button-reveal.button-large i {
left:-38px;
width:38px;
height:46px;
line-height:46px
}
.button.button-reveal.button-large.tright i {
left:auto;
right:-38px
}
.button.button-reveal.button-xlarge {
padding:0 40px
}
.button.button-reveal.button-xlarge i {
left:-44px;
width:44px;
height:52px;
line-height:52px
}
.button.button-reveal.button-xlarge.tright i {
left:auto;
right:-44px
}
.button.button-reveal:hover i {
left:0
}
.button.button-reveal.tright:hover i {
left:auto;
right:0
}
.button.button-reveal:hover span {
left:16px
}
.button.button-reveal.button-mini:hover span {
left:11px
}
.button.button-reveal.button-small:hover span {
left:13px
}
.button.button-reveal.button-large:hover span {
left:19px
}
.button.button-reveal.button-xlarge:hover span {
left:22px
}
.button.button-reveal.tright:hover span {
left:-16px
}
.button.button-reveal.button-mini.tright:hover span {
left:-11px
}
.button.button-reveal.button-small.tright:hover span {
left:-13px
}
.button.button-reveal.button-large.tright:hover span {
left:-19px
}
.button.button-reveal.button-xlarge.tright:hover span {
left:-22px
}
.button.button-full {
display:block;
width:100%;
white-space:normal;
margin:0;
height:auto;
line-height:1.6;
padding:30px 0;
font-size:30px;
font-weight:300;
text-transform:none;
border-radius:0;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.1)
}
.feature-box h3,
.promo-uppercase {
text-transform:uppercase
}
.button.button-full.button-light {
border-bottom:1px solid rgba(0,
0,
0,
.15)
}
.button.button-full strong {
font-weight:700;
border-bottom:2px solid #eee
}
body:not(.device-touch) .button.button-full strong {
-webkit-transition:border .2s ease-in-out;
-o-transition:border .2s ease-in-out;
transition:border .2s ease-in-out
}
.button.button-full.button-light strong {
border-bottom-color:#333
}
.button.button-full.button-light:hover strong {
border-bottom-color:#eee
}
.button.button-circle {
border-radius:20px
}
.button.button-mini.button-circle {
border-radius:14px
}
.button.button-small.button-circle {
border-radius:17px
}
.button.button-large.button-circle {
border-radius:23px
}
.button.button-xlarge.button-circle {
border-radius:26px
}
.button.button-border.button-fill {
overflow:hidden;
transform-style:preserve-3d;
-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
-webkit-backface-visibility:hidden
}
.button.button-border.button-fill span {
position:relative
}
.button.button-border.button-fill:hover {
background-color:transparent!important;
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2)
}
.button.button-border.button-fill.button-light:hover {
border-color:#eee!important;
color:#333!important;
text-shadow:none
}
.button.button-border.button-fill:before {
content:'';
position:absolute;
background-color:#444;
top:0;
left:0;
width:0;
height:100%;
-webkit-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
-webkit-backface-visibility:hidden
}
.button.button-border.button-fill.fill-from-right:before,
.promo a.button {
left:auto;
right:0
}
.button.button-border.button-fill.button-light:before {
background-color:#eee
}
.button.button-border.button-fill:hover:before {
width:100%
}
.button.button-border.button-fill.fill-from-bottom:before,
.button.button-border.button-fill.fill-from-top:before {
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.button.button-border.button-fill.fill-from-top:before {
width:100%;
height:0
}
.button.button-border.button-fill.fill-from-top:hover:before {
height:100%
}
.button.button-border.button-fill.fill-from-bottom:before {
width:100%;
height:0;
top:auto;
bottom:0
}
.button.button-border.button-fill.fill-from-bottom:hover:before {
height:100%
}
.button-red {
background-color:#c02942
}
.button-3d.button-red:hover,
.button-border.button-red.button-fill:before,
.button-border.button-red:hover,
.button-reveal.button-red:hover {
background-color:#c02942!important
}
.button-border.button-red {
color:#c02942;
border-color:#c02942
}
.button-teal {
background-color:#53777a
}
.button-3d.button-teal:hover,
.button-border.button-teal.button-fill:before,
.button-border.button-teal:hover,
.button-reveal.button-teal:hover {
background-color:#53777a!important
}
.button-border.button-teal {
color:#53777a;
border-color:#53777a
}
.button-yellow {
background-color:#ecd078
}
.button-3d.button-yellow:hover,
.button-border.button-yellow.button-fill:before,
.button-border.button-yellow:hover,
.button-reveal.button-yellow:hover {
background-color:#ecd078!important
}
.button-border.button-yellow,
.button-border.button-yellow.button-fill.button-light:hover {
color:#ecd078!important;
border-color:#ecd078!important
}
.button-border.button-yellow.button-fill.button-light:hover,
.button-border.button-yellow:hover {
color:#333!important
}
.button-green {
background-color:#59ba41
}
.button-3d.button-green:hover,
.button-border.button-green.button-fill:before,
.button-border.button-green:hover,
.button-reveal.button-green:hover {
background-color:#59ba41!important
}
.button-border.button-green {
color:#59ba41;
border-color:#59ba41
}
.button-brown {
background-color:#774f38
}
.button-3d.button-brown:hover,
.button-border.button-brown.button-fill:before,
.button-border.button-brown:hover,
.button-reveal.button-brown:hover {
background-color:#774f38!important
}
.button-border.button-brown {
color:#774f38;
border-color:#774f38
}
.button-aqua {
background-color:#40c0cb
}
.button-3d.button-aqua:hover,
.button-border.button-aqua.button-fill:before,
.button-border.button-aqua:hover,
.button-reveal.button-aqua:hover {
background-color:#40c0cb!important
}
.button-border.button-aqua {
color:#40c0cb;
border-color:#40c0cb
}
.button-lime {
background-color:#aee239
}
.button-3d.button-lime:hover,
.button-border.button-lime.button-fill:before,
.button-border.button-lime:hover,
.button-reveal.button-lime:hover {
background-color:#aee239!important
}
.button-border.button-lime {
color:#aee239;
border-color:#aee239
}
.button-purple {
background-color:#5d4157
}
.button-3d.button-purple:hover,
.button-border.button-purple.button-fill:before,
.button-border.button-purple:hover,
.button-reveal.button-purple:hover {
background-color:#5d4157!important
}
.button-border.button-purple {
color:#5d4157;
border-color:#5d4157
}
.button-leaf {
background-color:#a8caba
}
.button-3d.button-leaf:hover,
.button-border.button-leaf.button-fill:before,
.button-border.button-leaf:hover,
.button-reveal.button-leaf:hover {
background-color:#a8caba!important
}
.button-border.button-leaf {
color:#a8caba;
border-color:#a8caba
}
.button-pink {
background-color:#f89fa1
}
.button-3d.button-pink:hover,
.button-border.button-pink.button-fill:before,
.button-border.button-pink:hover,
.button-reveal.button-pink:hover {
background-color:#f89fa1!important
}
.button-border.button-pink {
color:#f89fa1;
border-color:#f89fa1
}
.button-dirtygreen {
background-color:#1693a5
}
.button-3d.button-dirtygreen:hover,
.button-border.button-dirtygreen.button-fill:before,
.button-border.button-dirtygreen:hover,
.button-reveal.button-dirtygreen:hover {
background-color:#1693a5!important
}
.button-border.button-dirtygreen {
color:#1693a5;
border-color:#1693a5
}
.button-blue {
background-color:#1265a8
}
.button-3d.button-blue:hover,
.button-border.button-blue.button-fill:before,
.button-border.button-blue:hover,
.button-reveal.button-blue:hover {
background-color:#1265a8!important
}
.button-border.button-blue {
color:#1265a8;
border-color:#1265a8
}
.button-amber {
background-color:#eb9c4d
}
.button-3d.button-amber:hover,
.button-border.button-amber.button-fill:before,
.button-border.button-amber:hover,
.button-reveal.button-amber:hover {
background-color:#eb9c4d!important
}
.button-border.button-amber {
color:#eb9c4d;
border-color:#eb9c4d
}
.button-black {
background-color:#111
}
.button-3d.button-black:hover,
.button-border.button-black.button-fill:before,
.button-border.button-black:hover,
.button-reveal.button-black:hover {
background-color:#111!important
}
.button-border.button-black {
color:#111;
border-color:#111
}
.button-white {
background-color:#f9f9f9
}
.button-3d.button-white:hover,
.button-reveal.button-white:hover {
background-color:#f9f9f9!important
}
.button.button-nohover:hover {
opacity:inherit!important;
background-color:inherit!important;
color:inherit!important;
border-color:inherit!important
}
.promo {
position:relative;
padding:30px 200px 30px 0
}
.promo h3 {
font-weight:700;
margin-bottom:0
}
.promo>.container>span,
.promo>span {
display:block;
color:#444;
font-weight:300;
font-size:16px;
margin-top:6px
}
.promo a.button {
position:absolute;
top:50%;
margin:-18px 0 0
}
.promo.promo-border a.button,
.promo.promo-dark a.button,
.promo.promo-light a.button {
right:30px
}
.promo a.button.button-mini {
margin-top:-12px
}
.promo a.button.button-small {
margin-top:-15px
}
.promo a.button.button-large {
margin-top:-22px
}
.promo a.button.button-xlarge {
margin-top:-25px
}
.promo a.button.button-desc {
margin-top:-40px
}
.promo-uppercase h3 {
font-size:22px
}
.promo-uppercase>.container>span,
.promo-uppercase>span {
font-size:15px
}
.promo.promo-border {
border:1px solid #e5e5e5;
border-radius:3px;
padding-left:30px
}
.promo.promo-light {
background-color:#f5f5f5;
border-radius:3px;
padding-left:30px
}
.promo.promo-dark {
border:0!important;
background-color:#333;
padding:30px 200px 30px 30px;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2);
border-radius:3px
}
.promo.promo-dark h3 {
color:#fff
}
.promo.promo-dark>.container>h3 span,
.promo.promo-dark>h3 span {
padding:2px 8px;
border-radius:3px;
background-color:rgba(0,
0,
0,
.15);
color:#fff;
font-weight:400
}
.promo.promo-dark>.container>span,
.promo.promo-dark>span {
color:#ccc;
margin-top:8px
}
.promo.promo-flat {
background-color:#1abc9c
}
.promo.promo-flat>.container>span,
.promo.promo-flat>span {
color:rgba(255,
255,
255,
.9)
}
.promo.promo-flat a.button:not(.button-border) {
background-color:rgba(0,
0,
0,
.2);
color:#fff
}
.promo.promo-flat a.button:hover {
background-color:#fff;
border-color:#fff;
color:#444;
text-shadow:none
}
.promo-full {
border-radius:0!important;
border-left:0!important;
border-right:0!important;
padding:40px 0!important
}
.promo-full a.button {
right:15px!important
}
.promo-full.promo-right a.button {
right:auto!important;
left:15px!important
}
.promo.parallax {
padding:80px 0!important
}
.promo.promo-right {
text-align:right;
padding:30px 0 30px 200px
}
.promo.promo-right a.button {
left:0;
right:auto
}
.promo.promo-dark.promo-right:not(.promo-mini),
.promo.promo-right.promo-border:not(.promo-mini) {
padding-right:30px
}
.promo.promo-dark.promo-right a.button,
.promo.promo-right.promo-border a.button {
left:30px
}
.promo.promo-center a.button,
.promo.promo-mini a.button {
margin:20px 0 0;
left:0!important;
position:relative;
top:0;
right:0
}
.promo.promo-center {
text-align:center;
padding:30px 20px
}
.promo.promo-mini {
text-align:left;
padding:20px 25px
}
.promo.promo-mini h3 {
font-size:20px;
line-height:1.5
}
.promo.promo-mini.promo-uppercase h3 {
font-size:18px
}
.promo.promo-mini.promo-dark h3 {
line-height:1.7
}
.promo.promo-mini.promo-center {
text-align:center
}
.promo.promo-mini.promo-right {
text-align:right
}
.feature-box {
position:relative;
margin-top:20px;
padding:0 0 0 80px
}
.feature-box:first-child {
margin-top:0
}
.feature-box .fbox-icon {
display:block;
position:absolute;
width:64px;
height:64px;
top:0;
left:0
}
.feature-box .fbox-icon a,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
display:block;
position:relative;
width:100%;
height:100%;
color:#fff
}
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
border-radius:50%;
background-color:#1abc9c
}
.feature-box .fbox-icon i {
font-style:normal;
font-size:28px;
text-align:center;
line-height:64px
}
.feature-box h3 {
font-size:16px;
font-weight:700;
letter-spacing:1px;
margin-bottom:0;
color:#333
}
.feature-box p {
margin:8px 0 0;
color:#999
}
.feature-box .before-heading {
font-size:14px
}
.feature-box.fbox-large {
padding:0 0 0 115px
}
.feature-box.fbox-large .fbox-icon {
width:96px;
height:96px
}
.feature-box.fbox-large .fbox-icon i {
font-size:42px;
line-height:96px
}
.feature-box.fbox-outline .fbox-icon {
border:1px solid #1abc9c;
border-radius:50%;
padding:3px
}
.feature-box.fbox-outline .fbox-icon i {
line-height:56px
}
.feature-box.fbox-outline.fbox-large .fbox-icon {
padding:4px
}
.feature-box.fbox-outline.fbox-large .fbox-icon i {
line-height:86px
}
.feature-box.fbox-rounded .fbox-icon,
.feature-box.fbox-rounded .fbox-icon i,
.feature-box.fbox-rounded .fbox-icon img {
border-radius:3px!important
}
.feature-box.fbox-rounded.fbox-large .fbox-icon,
.feature-box.fbox-rounded.fbox-large .fbox-icon i,
.feature-box.fbox-rounded.fbox-large .fbox-icon img {
border-radius:4px!important
}
.feature-box.fbox-light.fbox-outline .fbox-icon {
border-color:#e5e5e5
}
.feature-box.fbox-light .fbox-icon i,
.feature-box.fbox-light .fbox-icon img {
border:1px solid #e5e5e5;
background-color:#f5f5f5;
color:#444
}
.feature-box.fbox-light .fbox-icon i {
line-height:62px
}
.feature-box.fbox-light.fbox-outline .fbox-icon i {
line-height:54px
}
.feature-box.fbox-light.fbox-large .fbox-icon i {
line-height:96px
}
.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i {
line-height:84px
}
.feature-box.fbox-dark.fbox-outline .fbox-icon {
border-color:#444
}
.feature-box.fbox-dark .fbox-icon i,
.feature-box.fbox-dark .fbox-icon img {
background-color:#333
}
.feature-box.fbox-border .fbox-icon {
border:1px solid #1abc9c;
border-radius:50%;
padding:0
}
.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img {
border:none;
background-color:transparent!important;
color:#1abc9c
}
.feature-box.fbox-border .fbox-icon i {
line-height:62px!important
}
.feature-box.fbox-border.fbox-large .fbox-icon i {
line-height:94px!important
}
.feature-box.fbox-border.fbox-light .fbox-icon {
border-color:#e5e5e5
}
.feature-box.fbox-border.fbox-light .fbox-icon i,
.feature-box.fbox-border.fbox-light .fbox-icon img {
color:#888
}
.feature-box.fbox-border.fbox-dark .fbox-icon {
border-color:#333
}
.feature-box.fbox-border.fbox-dark .fbox-icon i,
.feature-box.fbox-border.fbox-dark .fbox-icon img {
color:#444
}
.feature-box.fbox-plain .fbox-icon {
border:none!important;
height:auto!important
}
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img {
border:none!important;
background-color:transparent!important;
color:#1abc9c;
border-radius:0
}
.feature-box.fbox-plain .fbox-icon i {
font-size:48px;
line-height:1!important
}
.feature-box.fbox-plain .fbox-icon img {
height:64px
}
.feature-box.fbox-plain.fbox-image .fbox-icon {
width:auto
}
.feature-box.fbox-plain.fbox-image .fbox-icon img {
width:auto;
display:inline-block
}
.feature-box.fbox-plain.fbox-small {
padding-left:42px
}
.feature-box.fbox-plain.fbox-small .fbox-icon {
width:28px
}
.feature-box.fbox-plain.fbox-small h3 {
font-size:15px;
line-height:26px;
margin-bottom:10px
}
.feature-box.fbox-plain.fbox-small p {
margin-left:-42px
}
.feature-box.fbox-plain.fbox-small .fbox-icon i {
font-size:28px
}
.feature-box.fbox-plain.fbox-small .fbox-icon img {
height:28px
}
.feature-box.fbox-plain.fbox-large .fbox-icon i {
font-size:72px
}
.feature-box.fbox-plain.fbox-large .fbox-icon img {
height:96px
}
.feature-box.fbox-plain.fbox-light .fbox-icon i,
.feature-box.fbox-plain.fbox-light .fbox-icon img {
color:#888
}
.feature-box.fbox-plain.fbox-dark .fbox-icon i,
.feature-box.fbox-plain.fbox-dark .fbox-icon img {
color:#444
}
.feature-box.fbox-center {
padding:0;
text-align:center
}
.feature-box.fbox-center.fbox-small {
padding-left:0!important
}
.feature-box.fbox-center .fbox-icon {
position:relative;
width:96px;
height:96px;
margin:0 auto 30px
}
.feature-box.fbox-center .fbox-icon i {
font-size:42px;
line-height:96px
}
.feature-box.fbox-center.fbox-outline .fbox-icon i {
line-height:88px
}
.feature-box.fbox-center p {
font-size:14px;
margin-top:15px
}
.feature-box.fbox-center.fbox-large .fbox-icon {
width:128px;
height:128px
}
.feature-box.fbox-center.fbox-large .fbox-icon i {
font-size:70px;
line-height:128px
}
.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i {
line-height:118px
}
.feature-box.fbox-center.fbox-light .fbox-icon i {
line-height:94px
}
.feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i {
line-height:86px
}
.feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i {
line-height:114px
}
.feature-box.fbox-center.fbox-border .fbox-icon i {
line-height:94px!important
}
.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i {
line-height:126px!important
}
.feature-box.fbox-center.fbox-plain .fbox-icon i {
font-size:84px
}
.feature-box.fbox-center.fbox-plain .fbox-icon img {
height:96px
}
.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i {
font-size:112px
}
.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img {
height:128px
}
.feature-box.fbox-center.fbox-small .fbox-icon {
width:64px;
height:64px
}
.feature-box.fbox-center.fbox-small .fbox-icon i {
font-size:28px;
line-height:64px
}
.feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i {
line-height:58px
}
.feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i {
line-height:54px
}
.feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i {
line-height:62px!important
}
.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i {
font-size:56px
}
.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img {
height:64px
}
.feature-box.fbox-center.fbox-small p {
font-size:14px;
margin-top:10px
}
.feature-box.fbox-center.fbox-plain.fbox-small p {
margin-left:0
}
.feature-box.fbox-right {
padding:0 80px 0 0;
text-align:right
}
.feature-box.fbox-right.fbox-large {
padding-right:115px
}
.feature-box.fbox-right .fbox-icon {
left:auto;
right:0
}
.feature-box.fbox-right.fbox-plain.fbox-small {
padding:0 42px 0 0
}
.feature-box.fbox-right.fbox-plain.fbox-small p {
margin:0 -42px 0 0
}
.feature-box h3+.fbox-icon {
margin-top:20px!important
}
.feature-box h3 span.subtitle {
display:block;
margin-top:5px;
color:#444;
font-weight:300;
text-transform:none
}
.feature-box.fbox-center:not(.fbox-bg) h3:after {
content:'';
display:block;
margin:20px auto;
width:30px;
border-top:2px solid #555;
-webkit-transition:width .3s ease;
-o-transition:width .3s ease;
transition:width .3s ease
}
.feature-box.fbox-center:not(.fbox-bg):hover h3:after {
width:50px
}
.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after,
.feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after {
display:none
}
.feature-box.fbox-center.fbox-italic p {
font-style:italic;
font-family:Lato,
sans-serif
}
.feature-box.fbox-bg.fbox-center {
margin-top:68px;
padding:68px 30px 30px;
background-color:#fff;
border:1px solid #e5e5e5;
border-radius:5px
}
.feature-box.fbox-bg.fbox-center:first-child {
margin-top:48px
}
.feature-box.fbox-bg.fbox-center.fbox-large {
margin-top:84px;
padding-top:84px
}
.feature-box.fbox-bg.fbox-center.fbox-large:first-child {
margin-top:64px
}
.feature-box.fbox-bg.fbox-center .fbox-icon {
position:absolute;
top:-48px;
left:50%;
margin:0 0 0 -48px
}
.feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {
top:-64px;
left:50%;
margin-left:-64px
}
.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon {
background-color:#fff
}
.fbox-effect .fbox-icon i {
z-index:1;
-webkit-transition:background-color .3s,
color .3s;
-o-transition:background-color .3s,
color .3s;
transition:background-color .3s,
color .3s
}
.fbox-effect .fbox-icon i:after {
pointer-events:none;
position:absolute;
width:100%;
height:100%;
border-radius:50%;
content:'';
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
top:-3px;
left:-3px;
padding:3px;
box-shadow:0 0 0 2px #333;
-webkit-transition:-webkit-transform .3s,
opacity .3s;
-webkit-transform:scale(.8);
-moz-transition:-moz-transform .3s,
opacity .3s;
-moz-transform:scale(.8);
-ms-transform:scale(.8);
transition:transform .3s,
opacity .3s;
transform:scale(.8);
opacity:0
}
.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after,
.fbox-rounded.fbox-effect .fbox-icon i:after {
border-radius:3px
}
.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
background-color:#333;
color:#fff
}
.fbox-effect.fbox-dark .fbox-icon i:after {
box-shadow:0 0 0 2px #1abc9c
}
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i {
background-color:#1abc9c
}
.fbox-effect .fbox-icon i:hover:after,
.fbox-effect:hover .fbox-icon i:after {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
.fbox-border.fbox-effect .fbox-icon i {
-webkit-transition:color .5s,
box-shadow .5s,
background-color .5s;
-o-transition:color .5s,
box-shadow .5s,
background-color .5s;
transition:color .5s,
box-shadow .5s,
background-color .5s
}
.fbox-border.fbox-effect .fbox-icon i:after {
top:-2px;
left:-2px;
padding:2px;
z-index:-1;
box-shadow:none;
background-image:url(images/icons/iconalt.svg);
background-position:center center;
background-size:100% 100%;
-webkit-transition:-webkit-transform .5s,
opacity .5s,
background-color .5s;
-o-transition:-moz-transform .5s,
opacity .5s,
background-color .5s;
transition:transform .5s,
opacity .5s,
background-color .5s;
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);
opacity:0;
background-color:#333
}
.fbox-border.fbox-effect .fbox-icon i:hover,
.fbox-border.fbox-effect:hover .fbox-icon i {
color:#fff;
box-shadow:0 0 0 1px #333
}
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
box-shadow:0 0 0 1px #1abc9c
}
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {
background-color:#1abc9c
}
.fbox-border.fbox-effect .fbox-icon i:hover:after,
.fbox-border.fbox-effect:hover .fbox-icon i:after {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
.feature-box.media-box {
padding:0
}
.feature-box.media-box .fbox-media {
margin:0 0 25px
}
.feature-box.media-box .fbox-media,
.feature-box.media-box .fbox-media a,
.feature-box.media-box .fbox-media img {
position:relative;
display:block;
width:100%;
height:auto
}
.feature-box.media-box .fbox-media iframe {
display:block
}
.feature-box.media-box p {
margin-top:17px
}
.feature-box.media-box.fbox-bg .fbox-media {
margin:0
}
.feature-box.media-box.fbox-bg .fbox-desc {
padding:25px;
background-color:#fff;
border:1px solid #e5e5e5;
border-top:0;
border-radius:0 0 5px 5px
}
.feature-box.media-box.fbox-bg .fbox-media img {
border-radius:5px 5px 0 0
}
.flipbox {
perspective:1000px
}
.flipbox-inner {
transition:.5s;
transition-timing-function:ease;
position:relative;
transform-style:preserve-3d
}
.flipbox-back,
.flipbox-front {
-webkit-backface-visibility:hidden
}
.flipbox-front {
z-index:2
}
.flipbox-back {
position:absolute;
width:100%;
height:100%;
top:0;
left:0
}
.flipbox:not(.flipbox-vertical) .flipbox-front {
transform:rotateY(0)
}
.flipbox:not(.flipbox-vertical) .flipbox-back {
transform:rotateY(-180deg)
}
.flipbox.flipbox-vertical .flipbox-front {
transform:rotateX(0)
}
.flipbox.flipbox-vertical .flipbox-back {
transform:rotateX(-180deg)
}
.flipbox:not(.flipbox-vertical).hover .flipbox-inner,
.flipbox:not(.flipbox-vertical):hover .flipbox-inner {
transform:rotateY(180deg)
}
.flipbox.flipbox-vertical.hover .flipbox-inner,
.flipbox.flipbox-vertical:hover .flipbox-inner {
transform:rotateX(180deg)
}
.flip-card,
.owl-carousel .owl-item img,
.slider-element .owl-carousel .owl-item img {
-webkit-transform-style:preserve-3d
}
.process-steps {
margin:0 0 40px;
list-style:none
}
.process-steps li {
float:left;
position:relative;
width:25%;
text-align:center;
overflow:hidden
}
.process-steps.process-2 li {
width:50%
}
.process-steps.process-3 li {
width:33.33%
}
.process-steps.process-5 li {
width:20%
}
.process-steps li .i-circled {
margin-bottom:0!important
}
.process-steps li .i-bordered {
background-color:#fff
}
.process-steps li h5 {
margin:15px 0 0;
font-size:16px;
font-weight:300
}
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
font-weight:600;
color:#1abc9c
}
.process-steps li.active a,
.process-steps li.ui-tabs-active a {
background-color:#1abc9c!important;
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2);
border-color:#1abc9c!important
}
.process-steps li:after,
.process-steps li:before {
content:'';
position:absolute;
top:30px;
left:0;
margin-left:-26px;
width:50%;
border-top:1px dashed #ddd
}
.process-steps li:after {
left:auto;
right:0;
margin:0 -26px 0 0
}
.process-steps li:first-child:before,
.process-steps li:last-child:after {
display:none
}
.style-msg,
.style-msg2 {
position:relative;
display:block;
color:#444;
border-left:4px solid rgba(0,
0,
0,
.1);
margin-bottom:20px
}
.style-msg2 {
border-left:4px solid rgba(0,
0,
0,
.2)
}
.successmsg {
background:#c5ebd4;
color:#184b21
}
.errormsg {
background:#fcc;
color:#740d0a
}
.infomsg {
background:#b9dff4;
color:#124f70
}
.alertmsg {
background:#fce0b6;
color:#975e06
}
.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {
display:block;
padding:15px;
border-left:1px solid rgba(255,
255,
255,
.5);
font-size:14px;
text-shadow:1px 1px 1px rgba(255,
255,
255,
.6)
}
.style-msg2 .msgtitle {
background:rgba(0,
0,
0,
.15);
border-top:none;
border-bottom:none;
font-size:15px;
font-weight:700
}
.style-msg-light .msgtitle,
.style-msg-light .sb-msg {
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.3)
}
.style-msg2 .sb-msg {
font-weight:400
}
.acctitle,
.si-share span,
.toggle .toggleta {
font-weight:700
}
.style-msg2 ol,
.style-msg2 ul {
margin:0 0 0 30px
}
.style-msg2 ol {
list-style-type:decimal
}
.style-msg2 ul {
list-style-type:disc
}
.alert i,
.msgtitle i,
.sb-msg i {
position:relative;
top:1px;
font-size:14px;
width:14px;
text-align:center;
margin-right:5px
}
.style-msg .close {
position:absolute;
top:10px;
left:auto;
right:10px
}
.i-bordered,
.i-circled,
.i-plain,
.i-rounded,
.social-icon {
display:block;
float:left;
margin:4px 11px 7px 0;
text-align:center!important;
font-size:28px;
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.3);
cursor:pointer;
font-style:normal
}
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-rounded,
body:not(.device-touch) .social-icon {
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.i-bordered,
.i-circled,
.i-rounded {
width:52px!important;
height:52px!important;
line-height:52px!important;
background-color:#444;
border-radius:3px
}
.i-bordered {
border:1px solid #555;
line-height:50px!important;
background-color:transparent!important;
color:#444;
text-shadow:none
}
.i-light,
.i-plain {
text-shadow:1px 1px 1px #fff
}
.i-plain {
width:36px!important;
height:36px!important;
font-size:28px;
line-height:36px!important;
color:#444
}
.i-plain:hover {
color:#777
}
.i-circled {
border-radius:50%
}
.i-light {
background-color:#f5f5f5;
color:#444;
box-shadow:inset 0 0 15px rgba(0,
0,
0,
.2)
}
.i-alt {
background-image:url(images/icons/iconalt.svg);
background-position:center center;
background-size:100% 100%
}
.i-circled:hover,
.i-rounded:hover {
background-color:#1abc9c;
color:#fff;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.3);
box-shadow:0 0 0 rgba(0,
0,
0,
.2)
}
.i-bordered:hover {
background-color:#444!important;
color:#fff;
border-color:#444
}
.i-small.i-bordered,
.i-small.i-circled,
.i-small.i-plain,
.i-small.i-rounded {
margin:4px 11px 7px 0;
font-size:14px
}
.i-small.i-bordered,
.i-small.i-circled,
.i-small.i-rounded {
width:28px!important;
height:28px!important;
line-height:28px!important
}
.i-small.i-bordered {
line-height:26px!important
}
.i-small.i-plain {
width:18px!important;
height:18px!important;
font-size:14px;
line-height:18px!important
}
.i-medium.i-bordered,
.i-medium.i-circled,
.i-medium.i-plain,
.i-medium.i-rounded {
margin:6px 13px 9px 0;
font-size:21px
}
.i-medium.i-bordered,
.i-medium.i-circled,
.i-medium.i-rounded {
width:36px!important;
height:36px!important;
line-height:36px!important
}
.i-medium.i-bordered {
line-height:34px!important
}
.i-medium.i-plain {
width:28px!important;
height:28px!important;
font-size:20px;
line-height:28px!important
}
.i-large.i-bordered,
.i-large.i-circled,
.i-large.i-plain,
.i-large.i-rounded {
margin:4px 11px 7px 0;
font-size:42px
}
.i-large.i-bordered,
.i-large.i-circled,
.i-large.i-rounded {
width:64px!important;
height:64px!important;
line-height:64px!important
}
.i-large.i-bordered {
line-height:62px!important
}
.i-large.i-plain {
width:48px!important;
height:48px!important;
font-size:42px;
line-height:48px!important
}
.i-xlarge.i-bordered,
.i-xlarge.i-circled,
.i-xlarge.i-plain,
.i-xlarge.i-rounded {
margin:4px 11px 7px 0;
font-size:56px
}
.i-xlarge.i-bordered,
.i-xlarge.i-circled,
.i-xlarge.i-rounded {
width:84px!important;
height:84px!important;
line-height:84px!important
}
.i-xlarge.i-bordered {
line-height:82px!important
}
.i-xlarge.i-plain {
width:64px!important;
height:64px!important;
font-size:56px;
line-height:64px!important
}
.i-xxlarge.i-bordered,
.i-xxlarge.i-circled,
.i-xxlarge.i-plain,
.i-xxlarge.i-rounded {
margin:6px 15px 10px 0;
font-size:64px
}
.i-xxlarge.i-bordered,
.i-xxlarge.i-circled,
.i-xxlarge.i-rounded {
width:96px!important;
height:96px!important;
line-height:96px!important
}
.i-xxlarge.i-bordered {
line-height:94px!important
}
.i-xxlarge.i-plain {
width:80px!important;
height:80px!important;
font-size:64px;
line-height:80px!important
}
.i-overlay,
.i-overlay a {
display:block;
position:absolute;
width:100%!important;
height:100%!important;
top:0;
left:0;
text-align:center;
background:url(images/grid.png) rgba(0,
0,
0,
.2)
}
.i-overlay a {
background:0 0
}
.i-overlay i,
.i-overlay img {
display:block;
position:absolute;
top:50%;
left:50%;
margin:-24px 0 0 -24px;
width:48px!important;
height:48px!important;
font-size:48px;
line-height:1;
color:#e5e5e5;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15)
}
.i-overlay i {
margin:-18px 0 0 -18px;
width:36px!important;
height:36px!important;
line-height:36px;
font-size:24px
}
.on-hover.i-overlay {
opacity:0
}
body:not(.device-touch) .on-hover.i-overlay {
-webkit-transition:opacity .3s linear;
-o-transition:opacity .3s linear;
transition:opacity .3s linear
}
.on-hover.i-overlay:hover {
opacity:1
}
.social-icon {
margin:0 5px 5px 0;
width:40px;
height:40px;
font-size:20px;
line-height:38px!important;
color:#555;
text-shadow:none;
border:1px solid #aaa;
border-radius:3px;
overflow:hidden
}
.si-rounded {
border-radius:50%
}
.si-borderless {
border-color:transparent!important
}
.si-dark,
.si-light {
border-color:transparent
}
.si-dark {
background-color:#444;
color:#fff!important
}
.si-light {
background-color:rgba(0,
0,
0,
.05);
color:#666!important
}
.si-colored {
border-color:transparent!important
}
.si-colored.social-icon,
.social-icon:hover {
border-color:transparent
}
.si-colored i {
color:#fff
}
.social-icon.si-large {
margin:0 10px 10px 0;
width:56px;
height:56px;
font-size:30px;
line-height:54px!important
}
.social-icon.si-small {
width:32px;
height:32px;
font-size:14px;
line-height:30px!important
}
.social-icon i {
display:block;
position:relative
}
body:not(.device-touch) .social-icon i {
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.social-icon i:last-child {
color:#fff!important
}
.social-icon:hover i:first-child {
margin-top:-38px
}
.social-icon.si-large:hover i:first-child {
margin-top:-54px
}
.social-icon.si-small:hover i:first-child {
margin-top:-30px
}
.social-icon:hover {
color:#555
}
.si-sticky {
position:fixed;
top:50%;
left:5px;
width:36px;
z-index:100
}
.si-share,
.toggle {
position:relative
}
.si-sticky.si-sticky-right {
left:auto;
right:8px
}
.si-share {
padding-left:5px;
border-top:1px solid #eee;
border-bottom:1px solid #eee
}
.si-share span {
line-height:36px;
font-size:13px
}
.si-share div {
float:right
}
.si-share .social-icon {
margin:-1px 0;
border-radius:0;
font-size:15px
}
.si-colored.si-facebook,
.si-facebook:hover {
background-color:#3b5998!important
}
.si-colored.si-delicious,
.si-delicious:hover {
background-color:#205cc0!important
}
.si-colored.si-paypal,
.si-paypal:hover {
background-color:#00588b!important
}
.si-colored.si-flattr,
.si-flattr:hover {
background-color:#f67c1a!important
}
.si-android:hover,
.si-colored.si-android {
background-color:#a4c639!important
}
.si-colored.si-smashmag,
.si-smashmag:hover {
background-color:#e53b2c!important
}
.si-colored.si-gplus,
.si-gplus:hover {
background-color:#dd4b39!important
}
.si-colored.si-wikipedia,
.si-wikipedia:hover {
background-color:#333!important
}
.si-colored.si-stumbleupon,
.si-stumbleupon:hover {
background-color:#f74425!important
}
.si-colored.si-foursquare,
.si-foursquare:hover {
background-color:#25a0ca!important
}
.si-call:hover,
.si-colored.si-call {
background-color:#444!important
}
.si-colored.si-ninetyninedesigns,
.si-ninetyninedesigns:hover {
background-color:#f26739!important
}
.si-colored.si-forrst,
.si-forrst:hover {
background-color:#5b9a68!important
}
.si-colored.si-digg,
.si-digg:hover {
background-color:#191919!important
}
.si-colored.si-spotify,
.si-spotify:hover {
background-color:#81b71a!important
}
.si-colored.si-reddit,
.si-reddit:hover {
background-color:#c6c6c6!important
}
.si-blogger:hover,
.si-colored.si-blogger {
background-color:#fc4f08!important
}
.si-cc:hover,
.si-colored.si-cc {
background-color:#688527!important
}
.si-colored.si-dribbble,
.si-dribbble:hover {
background-color:#ea4c89!important
}
.si-colored.si-evernote,
.si-evernote:hover {
background-color:#5ba525!important
}
.si-colored.si-flickr,
.si-flickr:hover {
background-color:#ff0084!important
}
.si-colored.si-google,
.si-google:hover {
background-color:#dd4b39!important
}
.si-colored.si-instapaper,
.si-instapaper:hover {
background-color:#333!important
}
.si-colored.si-klout,
.si-klout:hover {
background-color:#ff5f52!important
}
.si-colored.si-linkedin,
.si-linkedin:hover {
background-color:#0e76a8!important
}
.si-colored.si-vk,
.si-vk:hover {
background-color:#2b587a!important
}
.si-colored.si-rss,
.si-rss:hover {
background-color:#ee802f!important
}
.si-colored.si-skype,
.si-skype:hover {
background-color:#00aff0!important
}
.si-colored.si-twitter,
.si-twitter:hover {
background-color:#00acee!important
}
.si-colored.si-youtube,
.si-youtube:hover {
background-color:#c4302b!important
}
.si-colored.si-vimeo,
.si-vimeo:hover {
background-color:#86c9ef!important
}
.si-aim:hover,
.si-colored.si-aim {
background-color:#fcd20b!important
}
.si-colored.si-yahoo,
.si-yahoo:hover {
background-color:#720e9e!important
}
.si-colored.si-email3,
.si-email3:hover {
background-color:#6567a5!important
}
.si-colored.si-macstore,
.si-macstore:hover {
background-color:#333!important
}
.si-colored.si-myspace,
.si-myspace:hover {
background-color:#666!important
}
.si-colored.si-podcast,
.si-podcast:hover {
background-color:#e4b21b!important
}
.si-cloudapp:hover,
.si-colored.si-cloudapp {
background-color:#525557!important
}
.si-colored.si-dropbox,
.si-dropbox:hover {
background-color:#3d9ae8!important
}
.si-colored.si-ebay,
.si-ebay:hover {
background-color:#89c507!important
}
.si-colored.si-github,
.si-github:hover {
background-color:#171515!important
}
.si-colored.si-googleplay,
.si-googleplay:hover {
background-color:#dd4b39!important
}
.si-colored.si-itunes,
.si-itunes:hover {
background-color:#222!important
}
.si-colored.si-plurk,
.si-plurk:hover {
background-color:#cf5a00!important
}
.si-colored.si-pinboard,
.si-pinboard:hover {
background-color:#0000e6!important
}
.si-colored.si-soundcloud,
.si-soundcloud:hover {
background-color:#f70!important
}
.si-colored.si-tumblr,
.si-tumblr:hover {
background-color:#34526f!important
}
.si-colored.si-wordpress,
.si-wordpress:hover {
background-color:#1e8cbe!important
}
.si-colored.si-yelp,
.si-yelp:hover {
background-color:#c41200!important
}
.si-colored.si-intensedebate,
.si-intensedebate:hover {
background-color:#009ee4!important
}
.si-colored.si-eventbrite,
.si-eventbrite:hover {
background-color:#f16924!important
}
.si-colored.si-scribd,
.si-scribd:hover {
background-color:#666!important
}
.si-colored.si-stripe,
.si-stripe:hover {
background-color:#008cdd!important
}
.si-colored.si-print,
.si-print:hover {
background-color:#111!important
}
.si-colored.si-dwolla,
.si-dwolla:hover {
background-color:#ff5c03!important
}
.si-colored.si-statusnet,
.si-statusnet:hover {
background-color:#131a30!important
}
.si-acrobat:hover,
.si-colored.si-acrobat {
background-color:#d3222a!important
}
.si-colored.si-drupal,
.si-drupal:hover {
background-color:#27537a!important
}
.si-buffer:hover,
.si-colored.si-buffer {
background-color:#333!important
}
.si-colored.si-pocket,
.si-pocket:hover {
background-color:#ee4056!important
}
.si-bitbucket:hover,
.si-colored.si-bitbucket {
background-color:#0e4984!important
}
.si-colored.si-stackoverflow,
.si-stackoverflow:hover {
background-color:#ef8236!important
}
.si-colored.si-hackernews,
.si-hackernews:hover {
background-color:#f60!important
}
.si-colored.si-xing,
.si-xing:hover {
background-color:#126567!important
}
.si-colored.si-instagram,
.si-instagram:hover {
background-color:#3f729b!important
}
.si-colored.si-quora,
.si-quora:hover {
background-color:#a82400!important
}
.si-colored.si-openid,
.si-openid:hover {
background-color:#e16309!important
}
.si-colored.si-steam,
.si-steam:hover {
background-color:#111!important
}
.si-amazon:hover,
.si-colored.si-amazon {
background-color:#e47911!important
}
.si-colored.si-disqus,
.si-disqus:hover {
background-color:#e4e7ee!important
}
.si-colored.si-plancast,
.si-plancast:hover {
background-color:#222!important
}
.si-appstore:hover,
.si-colored.si-appstore {
background-color:#000!important
}
.si-colored.si-pinterest,
.si-pinterest:hover {
background-color:#c8232c!important
}
.si-colored.si-fivehundredpx,
.si-fivehundredpx:hover {
background-color:#111!important
}
.si-text-color.si-facebook i {
color:#3b5998
}
.si-text-color.si-delicious i {
color:#205cc0
}
.si-text-color.si-paypal i {
color:#00588b
}
.si-text-color.si-flattr i {
color:#f67c1a
}
.si-text-color.si-android i {
color:#a4c639
}
.si-text-color.si-smashmag i {
color:#e53b2c
}
.si-text-color.si-gplus i {
color:#dd4b39
}
.si-text-color.si-wikipedia i {
color:#333
}
.si-text-color.si-stumbleupon i {
color:#f74425
}
.si-text-color.si-foursquare i {
color:#25a0ca
}
.si-text-color.si-call i {
color:#444
}
.si-text-color.si-ninetyninedesigns i {
color:#f26739
}
.si-text-color.si-forrst i {
color:#5b9a68
}
.si-text-color.si-digg i {
color:#191919
}
.si-text-color.si-spotify i {
color:#81b71a
}
.si-text-color.si-reddit i {
color:#c6c6c6
}
.si-text-color.si-blogger i {
color:#fc4f08
}
.si-text-color.si-cc i {
color:#688527
}
.si-text-color.si-dribbble i {
color:#ea4c89
}
.si-text-color.si-evernote i {
color:#5ba525
}
.si-text-color.si-flickr i {
color:#ff0084
}
.si-text-color.si-google i {
color:#dd4b39
}
.si-text-color.si-instapaper i {
color:#333
}
.si-text-color.si-klout i {
color:#ff5f52
}
.si-text-color.si-linkedin i {
color:#0e76a8
}
.si-text-color.si-vk i {
color:#2b587a
}
.si-text-color.si-rss i {
color:#ee802f
}
.si-text-color.si-skype i {
color:#00aff0
}
.si-text-color.si-twitter i {
color:#00acee
}
.si-text-color.si-youtube i {
color:#c4302b
}
.si-text-color.si-vimeo i {
color:#86c9ef
}
.si-text-color.si-aim i {
color:#fcd20b
}
.si-text-color.si-yahoo i {
color:#720e9e
}
.si-text-color.si-email3 i {
color:#6567a5
}
.si-text-color.si-macstore i {
color:#333
}
.si-text-color.si-myspace i {
color:#666
}
.si-text-color.si-podcast i {
color:#e4b21b
}
.si-text-color.si-cloudapp i {
color:#525557
}
.si-text-color.si-dropbox i {
color:#3d9ae8
}
.si-text-color.si-ebay i {
color:#89c507
}
.si-text-color.si-github i {
color:#171515
}
.si-text-color.si-googleplay i {
color:#dd4b39
}
.si-text-color.si-itunes i {
color:#222
}
.si-text-color.si-plurk i {
color:#cf5a00
}
.si-text-color.si-pinboard i {
color:#0000e6
}
.si-text-color.si-soundcloud i {
color:#f70
}
.si-text-color.si-tumblr i {
color:#34526f
}
.si-text-color.si-wordpress i {
color:#1e8cbe
}
.si-text-color.si-yelp i {
color:#c41200
}
.si-text-color.si-intensedebate i {
color:#009ee4
}
.si-text-color.si-eventbrite i {
color:#f16924
}
.si-text-color.si-scribd i {
color:#666
}
.si-text-color.si-stripe i {
color:#008cdd
}
.si-text-color.si-print i {
color:#111
}
.si-text-color.si-dwolla i {
color:#ff5c03
}
.si-text-color.si-statusnet i {
color:#131a30
}
.si-text-color.si-acrobat i {
color:#d3222a
}
.si-text-color.si-drupal i {
color:#27537a
}
.si-text-color.si-buffer i {
color:#333
}
.si-text-color.si-pocket i {
color:#ee4056
}
.si-text-color.si-bitbucket i {
color:#0e4984
}
.si-text-color.si-stackoverflow i {
color:#ef8236
}
.si-text-color.si-hackernews i {
color:#f60
}
.si-text-color.si-xing i {
color:#126567
}
.si-text-color.si-instagram i {
color:#3f729b
}
.si-text-color.si-quora i {
color:#a82400
}
.si-text-color.si-openid i {
color:#e16309
}
.si-text-color.si-steam i {
color:#111
}
.si-text-color.si-amazon i {
color:#e47911
}
.si-text-color.si-disqus i {
color:#e4e7ee
}
.si-text-color.si-plancast i {
color:#222
}
.si-text-color.si-appstore i {
color:#000
}
.si-text-color.si-pinterest i {
color:#c8232c
}
.si-text-color.si-fivehundredpx i {
color:#111
}
.si-text-color:hover {
color:#fff
}
.toggle {
display:block;
margin:0 0 20px
}
.toggle .togglet,
.toggle .toggleta {
display:block;
position:relative;
line-height:24px;
padding:0 0 0 24px;
margin:0;
font-size:16px;
font-weight:700;
color:#444;
cursor:pointer
}
.toggle .togglet i {
position:absolute;
top:0;
left:0;
width:16px;
text-align:center;
font-size:16px;
line-height:24px
}
.toggle .togglet i.toggle-open,
.toggle .toggleta i.toggle-closed {
display:none
}
.toggle .toggleta i.toggle-open {
display:block
}
.toggle .togglet.toggleta span.toggle-closed,
.toggle .togglet:not(.toggleta) span.toggle-open {
display:none
}
.acctitle,
.toggle .togglet.toggleta span.toggle-open,
.toggle .togglet:not(.toggleta) span.toggle-closed {
display:block
}
.toggle .togglec {
display:block;
position:relative;
padding:10px 0 0 24px
}
.toggle.toggle-bg .togglet,
.toggle.toggle-bg .toggleta {
background-color:#eee;
line-height:44px;
padding:0 0 0 36px;
border-radius:2px
}
.toggle.toggle-bg .togglet i {
left:14px;
line-height:44px
}
.toggle.toggle-bg .togglec {
padding:12px 0 0 36px
}
.toggle.toggle-border {
border:1px solid #ccc;
border-radius:4px
}
.toggle.toggle-border .togglet,
.toggle.toggle-border .toggleta {
line-height:44px;
padding:0 15px 0 36px
}
.toggle.toggle-border .togglet i {
left:14px;
line-height:44px
}
.toggle.toggle-border .togglec {
padding:0 15px 15px 36px
}
.faqs .toggle {
border-bottom:1px solid #eee;
padding-bottom:12px;
margin-bottom:12px
}
.faqs .toggle .togglet,
.faqs .toggle .toggleta {
font-size:15px
}
.faqs .toggle .togglet i {
top:1px;
font-size:14px
}
.faqs .toggle .togglec {
padding-bottom:10px
}
.accordion {
margin-bottom:20px
}
.acctitle {
position:relative;
line-height:24px;
margin:0;
font-size:14px;
color:#444;
cursor:pointer;
border-top:1px dotted #ddd;
padding:10px 0 10px 20px
}
.acctitlec {
cursor:auto
}
.acctitle:first-child {
border-top:none
}
.acctitle i {
position:absolute;
top:0;
left:0;
width:14px;
text-align:center;
font-size:14px;
line-height:44px
}
.acc_content,
.tabs,
ul.tab-nav-lg li {
position:relative
}
.accordion.accordion-bg .acctitle i,
.accordion.accordion-border .acctitle i {
left:14px;
line-height:44px
}
.acctitle i.acc-open,
.acctitlec i.acc-closed {
display:none
}
.acctitlec i.acc-open {
display:block
}
.acc_content {
padding:0 0 15px 20px
}
.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
background-color:#eee;
line-height:44px;
padding:0 0 0 36px;
margin-bottom:5px;
border-top:0
}
.accordion.accordion-bg .acc_content {
padding:10px 0 15px 36px
}
.accordion.accordion-border {
border:1px solid #ddd;
border-radius:4px
}
.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {
border-color:#ccc;
line-height:44px;
padding:0 15px 0 36px
}
.accordion.accordion-border .acc_content {
padding:0 15px 15px 36px
}
.accordion.accordion-lg .acctitle {
font-size:23px;
line-height:44px;
padding-left:30px;
font-weight:400
}
.accordion.accordion-lg .acctitle i {
width:20px;
font-size:20px;
line-height:64px
}
.accordion.accordion-lg .acc_content {
padding:10px 0 30px 30px
}
.tabs {
margin:0 0 30px
}
ul.tab-nav:not(.tab-nav-lg) {
margin:0;
border-bottom:1px solid #ddd;
list-style:none
}
ul.tab-nav:not(.tab-nav-lg) li {
float:left;
border:1px solid #ddd;
border-bottom:0;
border-left:0;
height:41px;
text-align:center
}
ul.tab-nav:not(.tab-nav-lg) li:first-child {
margin-left:15px;
border-left:1px solid #ddd
}
ul.tab-nav:not(.tab-nav-lg) li a {
display:block;
padding:0 15px;
color:#444;
height:40px;
line-height:40px;
background-color:#f2f2f2;
font-size:14px;
font-weight:700
}
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
position:relative;
top:1px;
background-color:#fff
}
.tabs.tabs-alt ul.tab-nav li {
border-color:transparent
}
.tabs.tabs-alt ul.tab-nav li:first-child {
border-left:0
}
.tabs.tabs-alt ul.tab-nav li a {
background-color:#fff
}
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
border:1px solid #ddd;
border-bottom:0
}
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
top:-1px;
height:43px;
line-height:38px;
border-top:2px solid #1abc9c
}
.side-tabs ul.tab-nav li a,
.tabs-bordered.side-tabs ul.tab-nav li a {
line-height:44px;
height:auto
}
.tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a {
height:42px
}
.tabs.tabs-bb ul.tab-nav li {
border:0;
margin:0
}
.tabs.tabs-bb ul.tab-nav li a {
background-color:transparent;
border-bottom:2px solid transparent
}
.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
border-bottom:2px solid #1abc9c;
top:-2px;
height:44px;
line-height:44px
}
ul.tab-nav.tab-nav2 {
border-bottom:0
}
ul.tab-nav.tab-nav2 li {
border:0;
margin-left:10px
}
ul.tab-nav.tab-nav2 li:first-child {
margin-left:0;
border-left:0
}
ul.tab-nav.tab-nav2 li a {
background-color:#f5f5f5;
border-radius:2px;
box-shadow:inset 0 1px 2px rgba(0,
0,
0,
.1)
}
ul.tab-nav.tab-nav2 li.ui-state-active a {
top:0;
background-color:#1abc9c;
color:#fff
}
ul.tab-nav-lg {
margin-bottom:20px;
list-style:none
}
ul.tab-nav-lg li {
float:left;
text-align:center;
padding:15px
}
ul.tab-nav-lg li a {
display:inline-block;
color:#444;
font-family:Raleway,
sans-serif;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px
}
.team-title span,
.testi-content p {
font-family:crete round,
serif;
font-style:italic
}
ul.tab-nav.tab-nav-lg li i {
display:block;
font-size:28px;
margin:0 0 7px
}
ul.tab-nav-lg li.ui-tabs-active a {
color:#1abc9c
}
ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after,
ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before {
content:'';
position:absolute;
z-index:2;
top:auto;
bottom:-50px;
border:solid transparent;
border-top-color:#fff;
border-width:16px;
left:50%;
margin-left:-16px
}
.tab-container {
position:relative;
padding:20px 0 0
}
ul.tab-nav li a i {
position:relative;
top:1px;
font-size:14px;
margin-right:3px
}
.tabs-bordered ul.tab-nav li:first-child {
margin-left:0
}
.tabs-bordered .tab-container {
border:1px solid #ddd;
border-top:0;
padding:20px
}
.side-tabs ul.tab-nav {
float:left;
width:200px;
padding:20px 0;
border-bottom:0;
border-right:1px solid #ddd
}
.side-tabs ul.tab-nav li {
float:none;
border:1px solid #ddd;
border-right:0;
border-top:0;
height:auto;
text-align:left
}
.sidenav li i,
.team-desc,
.testi-image i {
text-align:center
}
.side-tabs ul.tab-nav li:first-child {
margin-left:0;
border-top:1px solid #ddd;
border-left:1px solid #ddd
}
.side-tabs ul.tab-nav li.ui-tabs-active a {
top:0;
right:-1px
}
.side-tabs .tab-container {
overflow:hidden;
padding:15px 0 0 20px
}
.ui-tabs .ui-tabs-hide {
position:absolute!important;
left:-10000px!important;
display:block!important
}
.side-tabs ul.tab-nav.tab-nav2 {
border:0
}
.side-tabs ul.tab-nav.tab-nav2 li {
border:0;
margin:6px 0 0
}
.side-tabs ul.tab-nav.tab-nav2 li:first-child {
margin-top:0
}
.side-tabs ul.tab-nav.tab-nav2 li a {
box-shadow:inset 0 1px 3px rgba(0,
0,
0,
.1)
}
.side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a {
right:0
}
.tabs-bordered.side-tabs ul.tab-nav {
position:relative;
padding:0;
z-index:2;
margin-right:-1px
}
.tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {
right:-1px;
border-right:1px solid #fff
}
.tabs-bordered.side-tabs .tab-container {
overflow:hidden;
padding:20px;
border-top:1px solid #ddd
}
.sidenav {
width:100%;
padding:0;
background-color:#fff;
border-radius:4px
}
.sidenav li {
list-style-type:none
}
.sidenav li a {
display:block;
position:relative;
margin:0 0 -1px;
padding:11px 20px 11px 14px;
font-size:14px;
border:1px solid #e5e5e5;
border-right-width:2px;
color:#666
}
.sidenav>li:first-child>a {
border-radius:4px 4px 0 0
}
.sidenav>li:last-child>a {
border-radius:0 0 4px 4px;
border-bottom-width:2px
}
.sidenav>.ui-tabs-active>a,
.sidenav>.ui-tabs-active>a:hover {
position:relative;
z-index:2;
border-color:rgba(0,
0,
0,
.1)!important;
color:#fff!important;
font-weight:700;
background-color:#1abc9c!important;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2)
}
.sidenav li ul {
display:none
}
.sidenav li.ui-tabs-active ul {
display:block
}
.sidenav li li a {
padding:6px 20px 6px 35px;
font-size:14px;
border-top:none;
border-bottom:none
}
.sidenav li li:first-child a {
padding-top:20px
}
.sidenav li li:last-child a {
padding-bottom:20px
}
.sidenav li i {
position:relative;
top:1px;
margin-right:6px;
font-size:14px;
width:16px
}
.sidenav .icon-chevron-right {
position:absolute;
width:14px;
height:14px;
top:50%;
left:auto;
right:6px;
margin-top:-8px;
margin-right:0;
opacity:.4;
font-size:12px!important
}
.sidenav>li>a:hover {
background-color:#f5f5f5;
color:#222
}
.sidenav a:hover .icon-chevron-right {
opacity:.5
}
.sidenav .ui-tabs-active .icon-chevron-right,
.sidenav .ui-tabs-active a:hover .icon-chevron-right {
opacity:1
}
.faqlist li {
margin-bottom:5px;
font-size:15px
}
.faqlist li a {
color:#444
}
.faqlist li a:hover {
color:#1abc9c!important
}
.clients-grid,
.testimonials-grid {
list-style:none;
overflow:hidden
}
.clients-grid li,
.testimonials-grid li {
float:left;
position:relative;
width:20%;
padding:20px 0;
-webkit-backface-visibility:hidden
}
.clients-grid.grid-2 li {
width:50%;
padding:25px 0
}
.clients-grid.grid-3 li {
width:33.33%
}
.clients-grid.grid-4 li {
width:25%
}
.clients-grid.grid-6 li {
width:16.66%
}
.clients-grid li a {
opacity:.6
}
body:not(.device-touch) .clients-grid li a {
-webkit-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
.clients-grid li a:hover {
opacity:1
}
.clients-grid li a,
.clients-grid li img {
display:block;
width:75%;
margin-left:auto;
margin-right:auto
}
.clients-grid li a img {
width:100%
}
.clients-grid li:after,
.clients-grid li:before,
.testimonials-grid li:after,
.testimonials-grid li:before {
content:'';
position:absolute
}
.team,
.team-image,
.team-title,
.testi-content,
.testimonial {
position:relative
}
.clients-grid li:before,
.testimonials-grid li:before {
height:100%;
top:0;
left:-1px;
border-left:1px dashed #ddd
}
.clients-grid li:after,
.testimonials-grid li:after {
width:100%;
height:0;
top:auto;
left:0;
bottom:-1px;
border-bottom:1px dashed #ddd
}
.testimonials-grid li {
width:50%;
padding:25px
}
.testimonials-grid.grid-3 li {
width:33.33%
}
.testimonials-grid.grid-1 li {
width:100%
}
.testimonials-grid li .testimonial {
padding:0;
background-color:transparent!important;
border:0!important;
box-shadow:none!important
}
.testimonial {
padding:20px;
background-color:#fff;
border:1px solid rgba(0,
0,
0,
.1);
border-radius:5px;
box-shadow:0 1px 1px rgba(0,
0,
0,
.1)
}
.testi-image i,
.testi-image img {
border-radius:50%
}
.testi-image {
float:left;
margin-right:15px
}
.testi-image,
.testi-image a,
.testi-image i,
.testi-image img {
display:block;
width:64px;
height:64px
}
.testi-image i {
background-color:#eee;
line-height:64px;
font-size:28px;
color:#888;
text-shadow:1px 1px 1px #fff
}
.testi-content {
overflow:hidden
}
.testi-content p {
margin-bottom:0
}
.testi-content p:after,
.testi-content p:before {
content:'"'
}
.testi-meta {
margin-top:10px;
font-size:13px;
font-weight:700;
text-transform:uppercase
}
.testi-meta:before {
content:'\2013'
}
.counter.counter-lined+h5:before,
.pricing-price:after,
.team-overlay:before,
.testimonial.twitter-scroll .testi-content p:after,
.testimonial.twitter-scroll .testi-content p:before,
.testimonial.twitter-scroll .testi-meta:before {
content:''
}
.testi-meta span {
display:block;
font-weight:400;
color:#999;
font-size:12px;
text-transform:none;
padding-left:10px
}
.testimonial.twitter-scroll .testi-meta span {
padding-left:0
}
.testimonial.twitter-scroll .testi-meta span a {
color:#999
}
.testimonial.twitter-scroll .testi-meta span a:hover {
color:#222
}
.testimonial.testimonial-full,
.testimonial.testimonial-full[data-animation=fade] {
padding:30px
}
.testimonial.testimonial-full[data-animation=fade] .flexslider {
overflow:visible!important
}
.testimonial-full .testi-image {
float:none;
margin:0 auto 20px
}
.testimonial-full .testi-image,
.testimonial-full .testi-image a,
.testimonial-full .testi-image i,
.testimonial-full .testi-image img {
display:block;
width:72px;
height:72px
}
.testimonial-full .testi-image i {
line-height:72px
}
.testimonial-full .testi-content {
text-align:center;
font-size:18px
}
.testimonial-full .testi-meta {
margin-top:15px
}
.testimonial-full .testi-meta span {
padding-left:0
}
.section>.testimonial {
padding:0;
background-color:transparent!important;
border:0!important;
box-shadow:none!important;
max-width:800px;
margin:0 auto
}
.section>.testimonial[data-animation=fade] {
padding:0
}
.section>.testimonial .testi-content {
font-size:22px
}
.section>.testimonial .testi-meta,
.section>.testimonial .testi-meta span {
font-size:14px
}
.testimonial .flex-control-nav {
top:auto;
bottom:6px;
right:0
}
.testimonial .flex-control-nav li {
margin:0 2px;
width:6px;
height:6px
}
.team-content p:last-child,
.team-title h4 {
margin-bottom:0
}
.testimonial .flex-control-nav li a {
width:6px!important;
height:6px!important;
border:none;
background-color:#1abc9c;
opacity:.5
}
.testimonial .flex-control-nav li:hover a {
opacity:.75
}
.testimonial .flex-control-nav li a.flex-active {
opacity:1
}
.testimonial.testimonial-full .flex-control-nav {
position:relative;
top:0;
bottom:0;
right:0;
left:0;
height:6px;
margin-top:20px
}
.testimonial.testimonial-full .flex-control-nav li {
display:inline-block;
float:none
}
.team-image img,
.team-image>a {
display:block;
width:100%
}
.team-desc.team-desc-bg {
background-color:#fff;
padding:10px 0 30px
}
.team .si-share {
margin-top:30px;
text-align:left
}
.team .si-share .social-icon {
font-size:14px;
width:34px
}
.team-title {
padding-top:20px
}
.team-title h4 {
display:block;
font-size:19px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700
}
.team-title span {
display:block;
color:#1abc9c;
font-weight:400;
font-size:15px;
margin-top:5px
}
.counter,
label {
font-family:Raleway,
sans-serif
}
.team-content {
margin-top:15px;
color:#777
}
.team-overlay,
.team-overlay:before {
opacity:0;
position:absolute;
z-index:2;
width:100%;
height:100%;
top:0;
left:0;
text-align:center
}
body:not(.device-touch) .team-overlay {
-webkit-transition:opacity .3s ease;
-o-transition:opacity .3s ease;
transition:opacity .3s ease
}
.team-overlay:before {
z-index:auto;
background-color:#fff;
opacity:.75
}
.team-overlay .social-icon {
float:none;
position:relative;
z-index:3;
margin:0 3px!important;
display:inline-block
}
.team:hover .team-overlay {
opacity:1
}
.team.center .team-title:after {
left:50%;
margin-left:-40px
}
.team.team-list .team-image {
float:left;
width:250px;
margin-right:30px
}
.team.team-list .team-desc {
position:relative;
overflow:hidden;
text-align:left
}
.team.team-list .team-title {
padding-top:0
}
.team .team-desc>.social-icon {
margin-top:20px
}
.team .team-content~.social-icon {
margin-top:30px
}
.team:not(.team-list) .social-icon {
display:inline-block;
float:none;
margin-left:6px;
margin-right:6px
}
.pricing {
position:relative
}
.pricing[class^=col-] {
padding:0;
margin-top:20px
}
.pricing-box {
position:relative;
border:1px solid rgba(0,
0,
0,
.075);
border-radius:3px;
text-align:center;
box-shadow:0 1px 1px rgba(0,
0,
0,
.1);
background-color:#f5f5f5
}
.pricing-title {
padding:15px 0;
background-color:#f9f9f9;
border-radius:3px 3px 0 0;
text-shadow:1px 1px 1px #fff;
border-bottom:1px solid rgba(0,
0,
0,
.05)
}
.pricing-title h3 {
margin:0;
font-size:20px;
letter-spacing:1px;
font-weight:700;
text-transform:uppercase;
color:#555
}
.pricing-title span {
display:block;
color:#999;
font-weight:300;
font-size:14px;
margin-top:3px;
text-transform:uppercase
}
.pricing-price {
position:relative;
padding:25px 0;
color:#333;
font-weight:300;
font-size:64px;
line-height:1
}
.pricing-price:after {
position:absolute;
width:100px;
border-top:1px solid rgba(0,
0,
0,
.1);
top:auto;
bottom:0;
left:50%;
margin-left:-50px
}
.pricing-price span {
display:inline-block;
vertical-align:top;
margin:7px 3px 0 0;
font-size:28px;
font-weight:400
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price:after,
.pricing-box.pricing-minimal .pricing-price:after {
display:none
}
.pricing-price span.price-tenure {
vertical-align:baseline;
font-size:16px;
font-weight:400;
color:#999;
margin:0 0 0 3px
}
.pricing-features {
border-bottom:1px solid rgba(0,
0,
0,
.075)
}
.pricing-features ul {
margin:0;
padding:15px 0;
list-style:none
}
.pricing-features li {
padding:6px 0;
font-size:14px
}
.pricing-action {
padding:15px 30px
}
.pricing-box.best-price {
background-color:#fff;
box-shadow:0 0 8px rgba(0,
0,
0,
.1);
z-index:10;
margin:-20px -1px 0
}
.pricing-box.best-price .pricing-title {
background-color:#fff;
padding:20px 0
}
.pricing-box.best-price .pricing-title h3 {
font-size:22px
}
.pricing-box.best-price .pricing-price {
color:#1abc9c;
font-size:72px
}
.pricing-box.pricing-minimal .pricing-price {
background-color:#fff;
border-bottom:1px solid rgba(0,
0,
0,
.075)
}
.pricing.pricing-5 .pricing-box {
float:left;
width:20%;
margin-top:20px
}
.pricing.pricing-5 .pricing-box.best-price {
margin-top:0
}
.pricing.pricing-5 .pricing-box:nth-child(5) {
margin-left:-1px
}
.pricing.pricing-5 .pricing-title h3 {
font-size:18px
}
.pricing.pricing-5 .best-price .pricing-title h3 {
font-size:20px
}
.pricing-box.pricing-extended {
background-color:#fff;
text-align:left
}
.pricing-box.pricing-extended .pricing-desc {
float:left;
width:75%;
padding:25px
}
.pricing-box.pricing-extended .pricing-title {
background-color:transparent;
padding-top:0;
text-align:left
}
.pricing-box.pricing-extended .pricing-features {
border:0
}
.pricing-box.pricing-extended .pricing-features ul {
padding:15px 0 0
}
.pricing-box.pricing-extended .pricing-features li {
padding:6px 0;
font-size:15px;
width:50%;
float:left
}
.pricing-box.pricing-extended .pricing-features ul li i {
position:relative;
top:1px;
width:16px;
margin-right:2px
}
.pricing-box.pricing-extended .pricing-action-area {
position:absolute;
top:0;
left:auto;
right:0;
width:25%;
height:100%;
border-left:1px solid rgba(0,
0,
0,
.05);
background-color:#f9f9f9;
padding:30px;
border-radius:0 3px 3px 0;
text-align:center
}
.pricing-box.pricing-extended .pricing-action-area .pricing-action,
.pricing-box.pricing-extended .pricing-action-area .pricing-price {
padding:0
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price {
padding-bottom:20px
}
.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
display:block;
margin:10px 0 0;
font-weight:300;
text-transform:uppercase;
font-size:14px
}
.pricing-box.pricing-extended .pricing-meta {
color:#999;
font-weight:300;
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
padding-bottom:10px
}
.table-comparison,
.table-comparison th {
text-align:center
}
.table-comparison td:first-child,
.table-comparison th:first-child {
text-align:left;
font-weight:700
}
.counter {
font-size:42px;
font-weight:600
}
.counter.counter-small {
font-size:28px
}
.counter.counter-large {
font-size:56px
}
.counter.counter-xlarge {
font-size:64px;
font-weight:400
}
.counter.counter-inherit {
font-size:inherit;
font-weight:inherit
}
.counter+h5 {
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
margin-top:10px
}
.counter.counter-lined+h5:before {
display:block;
position:relative;
margin:20px auto 25px;
width:15%;
border-top:2px solid #444;
opacity:.9
}
.rounded-skill,
.text-rotater>.t-rotate>.animated {
display:inline-block
}
.counter.counter-small+h5 {
font-size:13px
}
.counter.counter-large+h5,
.counter.counter-xlarge+h5 {
font-size:15px;
font-weight:300
}
.widget .counter+h5 {
opacity:.7
}
.rounded-skill {
margin:0 15px 15px;
position:relative;
text-align:center;
font-size:22px;
font-weight:700;
color:#333
}
body:not(.device-touch) .rounded-skill {
-webkit-transition:opacity .4s ease;
-o-transition:opacity .4s ease;
transition:opacity .4s ease
}
.rounded-skill+h5 {
margin-bottom:0
}
.rounded-skill i {
font-size:42px
}
.rounded-skill canvas {
position:absolute;
top:0;
left:0
}
.skills {
margin:0;
list-style:none;
padding-top:25px
}
.skills li {
position:relative;
margin-top:38px;
height:4px;
background-color:#f5f5f5;
box-shadow:inset 0 1px 2px rgba(0,
0,
0,
.1);
border-radius:2px
}
.skills li:first-child {
margin-top:0
}
.skills li .progress {
position:absolute;
top:0;
left:0;
width:0;
height:100%;
background-color:#1abc9c;
overflow:visible!important;
border-radius:2px;
-webkit-transition:width 1.2s ease-in-out;
-o-transition:width 1.2s ease-in-out;
transition:width 1.2s ease-in-out
}
.skills li .progress-percent {
position:absolute;
top:-28px;
right:0;
background-color:#333;
color:#f9f9f9;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.2);
height:22px;
line-height:22px;
padding:0 5px;
font-size:11px;
border-radius:2px
}
.skills li .progress-percent .counter {
font-weight:400;
font-family:Lato,
sans-serif
}
.progress-percent:after,
.progress-percent:before {
top:100%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
.progress-percent:after {
border-top-color:#333;
border-width:4px;
left:50%;
margin-left:-4px
}
.progress-percent:before {
border-top-color:#333;
border-width:5px;
left:50%;
margin-left:-5px
}
.skills li>span {
position:absolute;
z-index:1;
top:-23px;
left:0;
line-height:20px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
color:#222
}
.quote,
.quote p {
position:relative
}
blockquote p {
margin-bottom:15px
}
blockquote {
padding:10px 20px;
margin:0 0 20px;
font-size:17px;
border-left:5px solid #eee
}
.blockquote-reverse {
padding-right:15px;
padding-left:0;
border-right:5px solid #eee;
border-left:0;
text-align:right
}
blockquote.float-left {
max-width:300px;
margin:5px 20px 10px 0;
padding-right:0
}
blockquote.float-right {
max-width:300px;
margin:5px 0 10px 20px;
padding-left:0
}
.quote {
border:none!important
}
.quote:before {
font-family:font-icons;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
content:"\e7ad";
position:absolute;
width:48px;
height:48px;
line-height:48px;
font-size:42px;
top:0;
left:0;
color:#eee
}
.quote.blockquote-reverse:before {
content:"\e7ae";
left:auto;
right:0
}
.dropcap {
float:left;
font-size:42px;
line-height:1;
margin:0 5px 0 0;
text-transform:uppercase
}
.highlight {
padding:2px 5px;
background-color:#444;
color:#fff;
border-radius:2px
}
.owl-carousel .animated {
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in {
z-index:0
}
.owl-carousel .owl-animated-out {
z-index:1
}
.owl-carousel .fadeOut {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
-webkit-transition:height .5s ease-in-out;
-o-transition:height .5s ease-in-out;
transition:height .5s ease-in-out
}
.owl-carousel {
display:none;
position:relative;
z-index:1;
width:100%
}
.owl-carousel .owl-stage {
position:relative;
-ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.owl-carousel .owl-stage-outer {
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0,
0,
0)
}
.owl-carousel.owl-loading {
min-height:100px;
background:url(images/preloader.gif) center center no-repeat
}
.owl-carousel .owl-refresh .owl-item {
display:none
}
.owl-carousel .owl-item {
position:relative;
min-height:1px;
float:left;
-webkit-touch-callout:none
}
.owl-carousel .owl-item img {
display:block;
width:100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display:none
}
.owl-dot,
.owl-dots button,
.owl-nav .owl-next,
.owl-nav .owl-prev {
cursor:pointer;
cursor:hand;
padding:0;
border:0;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-loaded {
display:block
}
.owl-carousel.owl-loading {
opacity:0;
display:block
}
.owl-carousel.owl-hidden {
opacity:0
}
.mega-menu-content .owl-carousel.owl-hidden {
opacity:1
}
.owl-carousel.owl-refresh .owl-item {
display:none
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-grab {
cursor:move;
cursor:-webkit-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab
}
.owl-carousel.owl-rtl {
direction:rtl
}
.owl-carousel.owl-rtl .owl-item {
float:right
}
.no-js .owl-carousel {
display:block
}
.owl-carousel .owl-item .owl-lazy {
opacity:0;
-webkit-transition:opacity .4s ease;
-o-transition:opacity .4s ease;
transition:opacity .4s ease
}
.owl-carousel .owl-item img {
transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper {
position:relative;
height:100%;
background:#111
}
.owl-carousel .owl-video-play-icon {
position:absolute;
height:64px;
width:64px;
left:50%;
top:50%;
margin-left:-32px;
margin-top:-32px;
background:url(images/icons/play.png) no-repeat;
cursor:pointer;
z-index:1;
-webkit-backface-visibility:hidden;
-webkit-transition:scale .1s ease;
-o-transition:scale .1s ease;
transition:scale .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition:scale(1.3,
1.3);
-o-transition:scale(1.3,
1.3);
transition:scale(1.3,
1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display:none
}
.owl-carousel .owl-video-tn {
opacity:0;
height:100%;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
-webkit-transition:opacity .4s ease;
-o-transition:opacity .4s ease;
transition:opacity .4s ease
}
.owl-carousel .owl-video-frame {
position:relative;
z-index:1;
height:100%;
width:100%
}
.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
text-align:center;
-webkit-tap-highlight-color:transparent;
line-height:1
}
.owl-carousel .owl-nav[class*=owl-] {
position:absolute;
top:50%;
margin-top:-18px;
left:-36px;
zoom:1;
width:36px;
height:36px;
line-height:32px;
border:1px solid rgba(0,
0,
0,
.2);
color:#666;
background-color:#fff;
font-size:18px;
border-radius:50%;
opacity:0;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.owl-carousel.with-carousel-dots .owl-nav[class*=owl-] {
margin-top:-38px
}
.owl-carousel-full .owl-nav[class*=owl-],
.slider-element .owl-nav[class*=owl-] {
margin-top:-30px;
left:0!important;
height:60px;
line-height:60px;
border:none;
color:#eee;
background-color:rgba(0,
0,
0,
.4);
font-size:28px;
border-radius:0 3px 3px 0
}
.owl-carousel-full .with-carousel-dots .owl-nav[class*=owl-] {
margin-top:-50px
}
.owl-carousel .owl-nav .owl-next {
left:auto;
right:-36px
}
.owl-carousel-full .owl-nav .owl-next,
.slider-element .owl-nav .owl-next {
left:auto!important;
right:0!important;
border-radius:3px 0 0 3px
}
.owl-carousel:hover .owl-nav[class*=owl-] {
opacity:1;
left:-18px
}
.owl-carousel:hover .owl-nav .owl-next {
left:auto;
right:-18px
}
.owl-carousel .owl-nav[class*=owl-]:hover {
background-color:#1abc9c!important;
color:#fff!important;
text-decoration:none
}
.owl-carousel .owl-dots .owl-dot {
display:inline-block;
zoom:1;
width:8px;
height:8px;
margin:30px 4px 0;
opacity:.5;
border-radius:50%;
background-color:#1abc9c;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover {
opacity:1
}
.flip-card {
transform-style:preserve-3d;
-webkit-perspective:1000px;
perspective:1000px
}
.flip-card-back,
.flip-card-front {
background-size:cover;
background-position:center;
-webkit-transition:-webkit-transform .7s cubic-bezier(.4,
.2,
.2,
1);
-o-transition:transform .7s cubic-bezier(.4,
.2,
.2,
1);
transition:transform .7s cubic-bezier(.4,
.2,
.2,
1);
transition:transform .7s cubic-bezier(.4,
.2,
.2,
1),
-webkit-transform .7s cubic-bezier(.4,
.2,
.2,
1);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
width:100%;
height:280px;
border-radius:6px;
color:#fff;
font-size:1.5rem
}
.flip-card-back {
background-color:#af2f2f;
position:absolute;
top:0;
left:0;
width:100%
}
.flip-card-back.no-after:after,
.flip-card-front.no-after:after {
content:none
}
.flip-card-back:after,
.flip-card-front:after {
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
content:"";
display:block;
opacity:.6;
background-color:#0006;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
border-radius:6px
}
.flip-card:hover .flip-card-back,
.flip-card:hover .flip-card-front {
-webkit-transition:-webkit-transform .7s cubic-bezier(.4,
.2,
.2,
1);
-o-transition:transform .7s cubic-bezier(.4,
.2,
.2,
1);
transition:transform .7s cubic-bezier(.4,
.2,
.2,
1);
transition:transform .7s cubic-bezier(.4,
.2,
.2,
1),
-webkit-transform .7s cubic-bezier(.4,
.2,
.2,
1)
}
.flip-card-inner {
-webkit-transform:translateY(-50%) translateZ(60px) scale(.94);
transform:translateY(-50%) translateZ(60px) scale(.94);
top:50%;
position:absolute;
left:0;
width:100%;
padding:2rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
outline:transparent solid 1px;
-webkit-perspective:inherit;
perspective:inherit;
z-index:2
}
.flip-card-back {
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.flip-card-front,
.flip-card:hover .flip-card-back {
-webkit-transform:rotateY(0);
transform:rotateY(0);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.flip-card:hover .flip-card-front {
-webkit-transform:rotateY(-180deg);
transform:rotateY(-180deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.top-to-bottom .flip-card-back {
-webkit-transform:rotateX(180deg);
transform:rotateX(180deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.top-to-bottom .flip-card-front,
.top-to-bottom:hover .flip-card-back {
-webkit-transform:rotateX(0);
transform:rotateX(0);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.top-to-bottom:hover .flip-card-front {
-webkit-transform:rotateX(-180deg);
transform:rotateX(-180deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.flip-card-inner span {
font-size:18px;
line-height:20px;
font-weight:300
}
.flip-card-inner p {
position:relative;
font-size:16px;
margin-bottom:0;
color:rgba(255,
255,
255,
.7)
}
.owl-carousel .owl-stage {
padding:20px 0
}
.overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.overlay .overlay-wrap,
.text-overlay {
opacity:0;
position:relative;
width:100%;
height:100%;
background-color:rgba(0,
0,
0,
.6)
}
body:not(.device-touch) .overlay .overlay-wrap,
body:not(.device-touch) .text-overlay {
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.overlay .overlay-wrap i {
position:absolute;
opacity:.8;
font-size:24px;
line-height:1;
width:24px;
height:24px;
text-align:center;
top:50%;
margin-top:-12px;
left:50%;
margin-left:-12px;
color:#fff
}
.overlay:hover .overlay-wrap,
.overlay:hover .text-overlay {
opacity:1
}
.text-overlay {
position:absolute;
opacity:.85;
top:auto;
bottom:0;
height:auto;
padding:40px 15px 15px;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.3);
background:-moz-linear-gradient(top,
rgba(0,
0,
0,
0) 0,
rgba(0,
0,
0,
.85) 100%);
background:-webkit-gradient(linear,
left top,
left bottom,
color-stop(0,
rgba(0,
0,
0,
0)),
color-stop(100%,
rgba(0,
0,
0,
.85)));
background:-webkit-linear-gradient(top,
rgba(0,
0,
0,
0) 0,
rgba(0,
0,
0,
.85) 100%);
background:-o-linear-gradient(top,
rgba(0,
0,
0,
0) 0,
rgba(0,
0,
0,
.85) 100%);
background:-ms-linear-gradient(top,
rgba(0,
0,
0,
0) 0,
rgba(0,
0,
0,
.85) 100%);
background:linear-gradient(to bottom,
rgba(0,
0,
0,
0) 0,
rgba(0,
0,
0,
.85) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
endColorstr='#a6000000',
GradientType=0);
backface-visibility:hidden
}
.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4 {
margin:0;
color:#f5f5f5
}
.text-overlay-title h2 {
font-size:28px
}
.text-overlay-title h3 {
font-size:17px;
font-weight:600
}
.text-overlay-meta,
.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4 {
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.text-overlay-meta {
color:#ccc;
font-size:13px
}
.text-overlay-meta span i {
position:relative;
top:1px;
font-size:14px
}
.news-carousel .text-overlay {
padding:40px 30px 25px
}
.news-carousel .text-overlay-title {
margin:15px 0 10px
}
.news-carousel .text-overlay-title h2,
.news-carousel .text-overlay-title h3,
.news-carousel .text-overlay-title h4 {
line-height:1.2;
text-overflow:none;
white-space:normal
}
.news-carousel .text-overlay-meta {
font-size:14px
}
.news-carousel .rounded-skill {
position:absolute;
margin:0!important;
top:30px;
right:30px;
color:#fff;
font-weight:700
}
.sm-form-control {
display:block;
width:100%;
padding:8px 14px;
font-size:15px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:2px solid #ddd;
border-radius:0!important;
-webkit-transition:border-color ease-in-out .15s;
-o-transition:border-color ease-in-out .15s;
transition:border-color ease-in-out .15s;
height:auto
}
.sm-form-control:focus {
border-color:#aaa;
outline:0;
-webkit-box-shadow:none;
box-shadow:none
}
.sm-form-control::-moz-placeholder {
color:#999;
opacity:1
}
.sm-form-control:-ms-input-placeholder {
color:#999
}
.sm-form-control::-webkit-input-placeholder {
color:#999
}
.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
cursor:not-allowed;
background-color:#eee;
opacity:1
}
.form-control {
border-radius:3px
}
.form-control:active,
.form-control:focus {
border-color:#999;
box-shadow:none
}
label {
display:inline-block;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
color:#555;
margin-bottom:10px;
cursor:pointer
}
label.label-muted {
color:#999;
font-weight:400;
margin-right:5px
}
form .col_five_sixth,
form .col_four_fifth,
form .col_full,
form .col_half,
form .col_one_fifth,
form .col_one_fourth,
form .col_one_sixth,
form .col_one_third,
form .col_three_fifth,
form .col_three_fourth,
form .col_two_fifth,
form .col_two_third {
margin-bottom:25px
}
#contact-form-overlay,
#contact-form-overlay-mini {
position:relative;
max-width:800px;
background-color:#fff;
padding:40px;
margin:0 auto;
z-index:10;
border-radius:4px;
box-shadow:0 1px 10px rgba(0,
0,
0,
.15)
}
#contact-form-overlay-mini {
float:right;
width:380px;
margin:0
}
label.error {
margin-top:5px;
color:#e42c3e;
font-weight:400;
display:none!important
}
.show-error-msg+label.error,
input[type=checkbox]:not(:checked)+label.error {
display:block!important
}
.form-control.error,
.sm-form-control.error {
border-color:#e42c3e
}
#google-map {
position:relative;
width:100%;
height:450px
}
.gmap img {
max-width:none!important
}
.gm-style .gm-style-iw h3 span {
font-size:inherit;
font-family:inherit
}
#map-overlay {
position:relative;
padding:100px 0
}
#map-overlay #google-map {
position:absolute;
height:100%;
top:0;
left:0
}
#content .cse .gsc-control-cse,
#content .gsc-above-wrapper-area,
#content .gsc-adBlock,
#content .gsc-control-cse,
#content .gsc-result,
#content .gsc-table-result,
#content .gsc-thumbnail-inside,
#content .gsc-url-top,
#content .gsc-webResult {
padding:0!important
}
#content .gsc-selected-option-container {
width:auto!important
}
#content .gsc-result-info {
padding-left:0!important
}
#content .gsc-above-wrapper-area-container,
#content .gsc-table-result {
margin-bottom:10px
}
#content .gcsc-branding {
display:none
}
#content .gsc-results,
#content .gsc-webResult {
width:100%!important
}
#content .gs-error-result .gs-snippet,
#content .gs-no-results-result .gs-snippet {
margin:0!important
}
.title-block {
padding:2px 0 3px 20px;
border-left:7px solid #1abc9c;
margin-bottom:30px
}
.title-block-right {
padding:2px 20px 3px 0;
border-left:0;
border-right:7px solid #1abc9c;
text-align:right
}
.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4 {
margin-bottom:0
}
.title-block>span {
display:block;
margin-top:4px;
color:#555;
font-weight:300
}
.title-block h1+span {
font-size:22px
}
.title-block h2+span {
font-size:19px
}
.title-block h3+span {
font-size:17px
}
.title-block h4+span {
font-size:15px;
margin-top:3px
}
.heading-block {
margin-bottom:50px
}
.emphasis-title h1,
.emphasis-title h2,
.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4 {
margin-bottom:0;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
color:#333
}
.emphasis-title h1,
.emphasis-title h2 {
font-weight:400;
text-transform:none
}
.bnews-title,
.nav-tree li a,
.widget>h4 {
text-transform:uppercase
}
.heading-block h1 {
font-size:32px
}
.heading-block h2 {
font-size:30px
}
.heading-block h3 {
font-size:26px
}
.heading-block h4 {
font-size:20px;
font-weight:700
}
.heading-block>span:not(.before-heading) {
display:block;
margin-top:10px;
font-weight:300;
color:#777
}
.heading-block .before-heading {
margin-bottom:7px
}
.center .heading-block>span,
.heading-block.center>span,
.heading-block.title-center>span {
max-width:700px;
margin-left:auto;
margin-right:auto
}
.heading-block h1+span {
font-size:24px
}
.heading-block h2+span {
font-size:22px
}
.heading-block h3+span,
.heading-block h4+span {
font-size:20px
}
.heading-block~p:not(.lead) {
font-size:15px
}
.heading-block:after {
content:'';
display:block;
margin-top:30px;
width:40px;
}
.center .heading-block:after,
.heading-block.center:after,
.heading-block.title-center:after {
margin:30px auto 0
}
.heading-block.title-right,
.heading-block.tright,
.tright .heading-block {
direction:rtl
}
.heading-block.noborder:after,
.heading-block.nobottomborder:after {
display:none
}
.heading-block.border-color:after {
border-color:#1abc9c
}
.emphasis-title {
margin:0 0 50px
}
.emphasis-title h1,
.emphasis-title h2 {
font-size:64px;
letter-spacing:-2px
}
.emphasis-title h1 strong,
.emphasis-title h2 strong {
font-weight:700
}
.fancy-title {
position:relative;
margin-bottom:30px
}
.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
position:relative;
display:inline-block;
background-color:#fff;
padding-right:15px;
margin-bottom:0px
}
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
padding-right:10px
}
.fancy-title.title-border-color:before,
.fancy-title.title-border:before,
.fancy-title.title-double-border:before {
content:'';
position:absolute;
width:100%;
height:0;
border-top:3px double #e5e5e5;
left:auto;
top:46%;
right:0
}
.fancy-title.title-border:before {
top:49%;
border-top:1px solid #eee
}
.fancy-title.title-border-color:before {
top:49%;
border-top:1px solid #1abc9c;
opacity:.6
}
.title-center {
text-align:center
}
.title-center h1,
.title-center h2,
.title-center h3 {
padding:0 15px
}
.title-center h4,
.title-center h5,
.title-center h6 {
padding:0 10px
}
.title-right {
text-align:right
}
.title-right h1,
.title-right h2,
.title-right h3 {
padding:0 0 0 15px
}
.title-right h4,
.title-right h5,
.title-right h6 {
padding:0 0 0 10px
}
.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
display:block;
background:0 0;
padding:0 0 10px;
border-bottom:2px solid #1abc9c
}
.fancy-title.title-dotted-border {
background:url(images/icons/dotted.png) center repeat-x
}
.before-heading {
display:block;
margin:0 0 5px;
font-size:16px;
font-family:crete round,
serif;
font-style:italic;
font-weight:400;
color:#999
}
.divider {
position:relative;
overflow:hidden;
margin:35px 0;
color:#e5e5e5;
width:100%
}
.divider.divider-margin {
margin:70px 0
}
.divider.divider-center.divider-short:before,
.divider.divider-center:before,
.divider:after {
content:'';
position:absolute;
width:100%;
top:8px;
left:30px;
height:0;
border-top:1px solid #eee
}
.divider.divider-center.divider-short.divider-thick:before,
.divider.divider-center.divider-thick:before,
.divider.divider-thick:after {
border-top-width:3px
}
.divider.divider-short:after {
width:30%
}
.divider.divider-vshort:after {
width:12%
}
.divider i {
position:relative;
width:18px;
height:18px;
line-height:1;
font-size:18px!important;
text-align:center
}
.divider a {
position:relative;
display:inline-block;
color:inherit;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.bnews-title,
.top-advert a,
.top-advert img {
display:block
}
.divider a:hover {
color:#888
}
.divider.divider-right {
text-align:right
}
.divider.divider-right:after {
left:auto;
right:30px
}
.divider.divider-center,
.divider.divider-center.divider-short {
text-align:center
}
.divider.divider-center:before {
left:-50%!important;
right:0;
margin-left:-20px
}
.divider.divider-center:after {
left:50%!important;
right:0;
margin-left:20px
}
.divider.divider-center.divider-short:before {
left:auto!important;
right:50%;
margin-right:20px;
width:15%
}
.divider.divider-center.divider-short:after {
left:50%!important;
right:auto!important;
margin-left:20px;
width:15%
}
.divider.divider-center.divider-vshort:after,
.divider.divider-center.divider-vshort:before {
width:6%
}
.divider.divider-rounded {
color:#bbb
}
.divider.divider-border.divider-center:before,
.divider.divider-border.divider-short:before,
.divider.divider-border:after,
.divider.divider-rounded.divider-center:before,
.divider.divider-rounded.divider-short:before,
.divider.divider-rounded:after {
top:19px;
left:40px
}
.divider.divider-border i,
.divider.divider-rounded i {
width:40px;
height:40px;
line-height:40px;
background-color:#f5f5f5;
border-radius:50%
}
.divider.divider-border.divider-right:after,
.divider.divider-rounded.divider-right:after {
left:auto;
right:40px
}
.divider.divider-border {
color:#e5e5e5
}
.divider.divider-border i {
line-height:38px;
background-color:transparent;
border:1px solid #eee
}
.divider.divider-line:after,
.divider.divider-line:before {
margin-left:0!important;
margin-right:0!important
}
.top-advert {
float:right;
padding:5px;
border-left:1px solid #eee;
border-right:1px solid #eee
}
.bnews-title {
float:left;
margin-top:2px;
padding-top:.3em
}
.bnews-slider {
float:left;
width:970px;
margin-left:20px;
min-height:0
}
#gotoTop {
display:none;
z-index:299;
position:fixed;
width:40px;
height:40px;
background-color:#333;
background-color:rgba(0,
0,
0,
.3);
font-size:20px;
line-height:36px;
text-align:center;
color:#fff;
top:auto;
left:auto;
right:30px;
bottom:50px;
cursor:pointer;
border-radius:2px
}
body:not(.device-touch) #gotoTop {
transition:background-color .2s linear;
-webkit-transition:background-color .2s linear;
-o-transition:background-color .2s linear
}
.stretched #gotoTop {
bottom:30px
}
#gotoTop:hover {
background-color:#1abc9c
}
.error404 {
display:block;
font-size:216px;
font-weight:700;
color:#ddd;
line-height:1.35;
letter-spacing:4px
}
.error404-wrap .container {
z-index:7
}
.error404-wrap .error404 {
line-height:.9;
margin-bottom:40px;
font-weight:700;
font-size:244px;
color:#fff!important;
opacity:.2;
text-shadow:1px 1px 5px rgba(0,
0,
0,
.4)
}
.error404-wrap .heading-block h4 {
font-weight:300;
margin-bottom:8px
}
.error404-wrap .heading-block span {
font-size:17px
}
.error404-wrap form {
max-width:500px
}
.landing-wide-form {
background:rgba(0,
0,
0,
.3);
padding:30px;
border-radius:3px
}
.landing-form-overlay {
position:absolute;
z-index:10;
top:auto;
left:auto;
right:0;
bottom:-154px;
background-color:rgba(0,
0,
0,
.6);
border-radius:3px 3px 0 0
}
.landing-video {
z-index:1;
width:560px;
height:315px;
margin:22px 0 0 95px;
overflow:hidden
}
.landing-promo h3 {
font-size:26px
}
.landing-promo>.container>span {
font-size:17px
}
.form-process,
.preloader,
.preloader2 {
display:block;
width:100%;
height:100%;
background:url(images/preloader.gif) center center no-repeat #fff
}
.preloader2 {
background-color:transparent
}
.form-process {
display:none;
position:absolute;
z-index:3;
background-color:rgba(255,
255,
255,
.7)
}
.toast-title {
font-weight:700
}
.toast-message {
-ms-word-wrap:break-word;
word-wrap:break-word
}
.toast-message a,
.toast-message label {
color:#fff
}
.toast-message a:hover {
color:#ccc;
text-decoration:none
}
.toast-close-button {
position:relative;
right:-.3em;
top:-.3em;
float:right;
font-size:20px;
font-weight:700;
color:#fff;
-webkit-text-shadow:0 1px 0 #fff;
text-shadow:0 1px 0 #fff;
opacity:.8;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter:alpha(opacity=80);
line-height:1
}
.toast-close-button:focus,
.toast-close-button:hover {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.4;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter:alpha(opacity=40)
}
.rtl .toast-close-button {
left:-.3em;
float:left;
right:.3em
}
button.toast-close-button {
padding:0;
cursor:pointer;
background:0 0;
border:0;
-webkit-appearance:none
}
.toast-top-center {
top:0;
right:0;
width:100%
}
.toast-bottom-center {
bottom:0;
right:0;
width:100%
}
.toast-top-full-width {
top:0;
right:0;
width:100%
}
.toast-bottom-full-width {
bottom:0;
right:0;
width:100%
}
.toast-top-left {
top:12px;
left:12px
}
.toast-top-right {
top:12px;
right:12px
}
.toast-bottom-right {
right:12px;
bottom:12px
}
.toast-bottom-left {
bottom:12px;
left:12px
}
#toast-container {
position:fixed;
z-index:999999;
pointer-events:none
}
#toast-container * {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
#toast-container>div {
position:relative;
pointer-events:auto;
overflow:hidden;
margin:0 0 6px;
padding:20px 25px;
width:300px;
-moz-border-radius:3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px;
background-repeat:no-repeat;
-moz-box-shadow:0 0 12px #999;
-webkit-box-shadow:0 0 12px #999;
box-shadow:0 0 12px #999;
color:#fff;
opacity:.8;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter:alpha(opacity=80)
}
#toast-container>div.rtl {
direction:rtl
}
#toast-container>div:hover {
-moz-box-shadow:0 0 12px #000;
-webkit-box-shadow:0 0 12px #000;
box-shadow:0 0 12px #000;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter:alpha(opacity=100);
cursor:pointer
}
#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
width:300px;
margin-left:auto;
margin-right:auto
}
#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
width:96%;
margin-left:auto;
margin-right:auto
}
.toast {
background-color:#030303
}
.toast-success {
background-color:#51a351
}
.toast-error {
background-color:#bd362f
}
.toast-info {
background-color:#2f96b4
}
.toast-warning {
background-color:#f89406
}
.toast-progress {
position:absolute;
left:0;
bottom:0;
height:4px;
background-color:#000;
opacity:.4;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter:alpha(opacity=40)
}
@media all and (max-width: 240px) {
#toast-container>div {
padding:10px 15px;
width:11em
}
#toast-container .toast-close-button {
right:-.2em;
top:-.2em
}
#toast-container .rtl .toast-close-button {
left:-.2em;
right:.2em
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container>div {
padding:10px 15px;
width:18em
}
#toast-container .toast-close-button {
right:-.2em;
top:-.2em
}
#toast-container .rtl .toast-close-button {
left:-.2em;
right:.2em
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container>div {
padding:15px 20px;
width:25em
}
}
#footer {
position:relative;
background-color:#eee;
border-top:5px solid rgba(0,
0,
0,
.2)
}
.device-lg.sticky-footer #top-bar,
.device-xl.sticky-footer #top-bar {
z-index:299
}
.device-lg.sticky-footer #header,
.device-xl.sticky-footer #header {
z-index:199
}
.device-lg.sticky-footer #content,
.device-lg.sticky-footer #page-submenu,
.device-lg.sticky-footer #page-title,
.device-lg.sticky-footer #slider:not(.slider-parallax-invisible),
.device-xl.sticky-footer #content,
.device-xl.sticky-footer #page-submenu,
.device-xl.sticky-footer #page-title,
.device-xl.sticky-footer #slider:not(.slider-parallax-invisible) {
z-index:2
}
.device-lg.sticky-footer #footer,
.device-xl.sticky-footer #footer {
position:fixed;
top:auto;
bottom:0;
left:0;
width:100%;
z-index:1
}
#copyrights i.footer-icon,
#template-contactform,
.quick-contact-widget.form-widget form,
.widget {
position:relative
}
.device-lg.sticky-footer:not(.stretched) #footer,
.device-xl.sticky-footer:not(.stretched) #footer {
left:50%;
margin-left:-610px;
width:1220px
}
.device-lg.sticky-footer:not(.stretched) #footer {
margin-left:-500px;
width:1000px
}
#footer .footer-widgets-wrap {
position:relative;
padding:80px 0
}
.footer-widgets-wrap .col_five_sixth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_two_third {
margin-bottom:0
}
#copyrights {
padding:40px 0;
background-color:#ddd;
font-size:14px;
line-height:1.8
}
#copyrights i.footer-icon {
top:1px;
font-size:14px;
width:14px;
text-align:center;
margin-right:3px
}
.copyright-links a {
display:inline-block;
margin:0 3px;
color:#333;
border-bottom:1px dotted #444
}
.copyright-links a:hover {
color:#555;
border-bottom:1px solid #666
}
.copyrights-menu {
margin-bottom:10px
}
.copyrights-menu a {
font-size:14px;
margin:0 10px;
border-bottom:0!important
}
#copyrights .col_half {
margin-bottom:0!important
}
#copyrights a:first-child {
margin-left:0
}
#copyrights .tright a:last-child {
margin-right:0
}
.footer-logo {
display:block;
margin-bottom:30px
}
.widget {
margin-top:50px
}
.widget p {
line-height:1.7
}
.sidebar-widgets-wrap .widget {
padding-top:50px;
border-top:1px solid #eee
}
.widget:first-child {
margin-top:0
}
.sidebar-widgets-wrap .widget:first-child {
padding-top:0;
border-top:0
}
.widget>h4 {
margin-bottom:25px;
font-size:15px;
font-weight:600;
letter-spacing:2px
}
.sidebar-widgets-wrap .widget>h4 {
letter-spacing:1px
}
.widget p:not(.lead) {
font-size:14px
}
.tagcloud {
margin-bottom:-2px
}
.tagcloud a {
display:block;
float:left;
margin-right:4px;
margin-bottom:4px;
padding:3px 6px;
border:1px solid #e5e5e5;
font-size:13px!important;
color:#666;
border-radius:2px
}
body:not(.device-touch) .tagcloud a {
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.tagcloud a:hover {
border-color:#1abc9c!important;
color:#1abc9c!important
}
.widget_archive li,
.widget_archive ul,
.widget_categories li,
.widget_categories ul,
.widget_links li,
.widget_links ul,
.widget_meta li,
.widget_meta ul,
.widget_nav_menu li,
.widget_nav_menu ul,
.widget_pages li,
.widget_pages ul,
.widget_recent_comments li,
.widget_recent_comments ul,
.widget_recent_entries li,
.widget_recent_entries ul,
.widget_rss li,
.widget_rss ul {
list-style:none;
margin:0
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_rss li {
padding:4px
}
.widget_archive li a,
.widget_categories li a,
.widget_links li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a,
.widget_recent_comments li,
.widget_recent_entries li a,
.widget_rss li a {
display:inline-block;
padding:0 3px 0 12px
}
.widget_recent_comments li {
display:block;
background:url(images/icons/widget-comment.png) left top no-repeat;
padding:4px 0 4px 20px
}
.widget_archive li a,
.widget_categories li a,
.widget_links li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a,
.widget_recent_comments li a,
.widget_recent_entries li a,
.widget_rss li a {
background:url(images/icons/widget-link.png) left top no-repeat;
border:none!important;
color:#444;
font-size:14px
}
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_pages li a:hover,
.widget_recent_comments li a:hover,
.widget_recent_entries li a:hover,
.widget_rss li a:hover {
color:#000
}
.widget_recent_comments li a {
display:inline;
padding:0;
background:0 0!important
}
.widget_archive>ul>li:first-child,
.widget_categories>ul>li:first-child,
.widget_links>ul>li:first-child,
.widget_meta>ul>li:first-child,
.widget_nav_menu>ul>li:first-child,
.widget_pages>ul>li:first-child,
.widget_recent_comments>ul>li:first-child,
.widget_recent_entries>ul>li:first-child,
.widget_rss>ul>li:first-child {
border-top:0!important
}
.widget_archive>ul,
.widget_categories>ul,
.widget_links>ul,
.widget_meta>ul,
.widget_nav_menu>ul,
.widget_pages>ul,
.widget_recent_comments>ul,
.widget_recent_entries>ul,
.widget_rss>ul {
margin-top:-4px!important
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
margin-left:15px
}
.widget .testimonial.no-image .testi-image {
display:none
}
.widget .testimonial.twitter-scroll .testi-image {
margin-right:10px
}
.widget .testimonial:not(.twitter-scroll) .testi-image,
.widget .testimonial:not(.twitter-scroll) .testi-image a,
.widget .testimonial:not(.twitter-scroll) .testi-image img {
width:42px;
height:42px
}
.widget .testimonial.twitter-scroll .testi-image,
.widget .testimonial.twitter-scroll .testi-image a,
.widget .testimonial.twitter-scroll .testi-image i,
.widget .testimonial.twitter-scroll .testi-image img {
width:28px;
height:28px
}
.widget .testimonial.twitter-scroll .testi-image i {
background-color:#eee;
line-height:28px;
font-size:14px;
color:#888
}
.widget .testimonial p {
font-size:14px
}
.quick-contact-widget.form-widget .form-control,
.quick-contact-widget.form-widget .input-group,
.quick-contact-widget.form-widget .sm-form-control {
margin-bottom:10px
}
.quick-contact-widget.form-widget .input-group .form-control {
margin-bottom:0
}
.subscribe-widget h5 {
font-weight:300;
font-size:14px;
line-height:1.5
}
.widget-twitter-feed li {
margin:15px 0 0
}
.widget-twitter-feed li:first-child {
margin-top:0
}
.widget-twitter-feed small {
display:block;
margin-top:3px
}
.widget-twitter-feed small a {
color:#999
}
.widget-twitter-feed .twitter-feed.twitter-feed-avatar i.icon-twitter,
.widget-twitter-feed .twitter-feed:not(.twitter-feed-avatar) a.twitter-avatar {
display:none
}
.widget-twitter-feed .twitter-feed-avatar {
margin-left:44px
}
.widget-twitter-feed .twitter-feed-avatar>li a.twitter-avatar {
display:block;
position:absolute;
left:-44px;
text-align:center;
top:2px;
width:32px;
height:32px
}
.twitter-feed-avatar a.twitter-avatar img {
border-radius:50%
}
.widget-filter-links ul {
list-style:none;
margin-bottom:0
}
.widget-filter-links .widget-filter-reset {
position:absolute;
top:0;
left:auto;
right:0;
font-size:12px;
line-height:22px
}
.widget:not(:first-child) .widget-filter-reset {
top:50px
}
.widget-filter-links .widget-filter-reset a {
color:red
}
.widget-filter-links .widget-filter-reset.active-filter {
display:none
}
.nav-tree li a,
.widget-filter-links li a {
display:block;
font-family:Raleway,
sans-serif
}
.widget-filter-links li {
position:relative;
font-size:15px;
line-height:24px
}
.widget-filter-links li:not(:first-child) {
margin-top:10px
}
.widget-filter-links li a {
color:#444;
font-weight:500
}
.nav-tree li a,
.widget-filter-links li.active-filter a {
font-weight:700
}
.widget-filter-links li span {
position:absolute;
top:1px;
left:auto;
right:0;
font-size:11px;
width:22px;
height:22px;
line-height:22px;
text-align:center;
color:#777;
background-color:#eee;
border-radius:50%
}
.nav-tree,
.nav-tree li,
.wedding-head {
position:relative
}
.input-group-lg>.input-group-addon,
.wedding-head {
line-height:1
}
.widget-filter-links li:hover a {
color:#777
}
.widget-filter-links li.active-filter span {
color:#fff;
background-color:#1abc9c;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.1)
}
.nav-tree {
margin-bottom:40px
}
.nav-tree ul {
margin-bottom:0;
list-style:none
}
.nav-tree>ul {
margin:-8px 0
}
.nav-tree li a {
padding:8px 0;
color:#333;
font-size:13px;
letter-spacing:2px
}
.nav-tree li i {
font-size:14px;
width:16px;
text-align:center
}
.nav-tree li i:not(.icon-angle-down) {
margin-right:8px;
position:relative;
top:1px
}
.nav-tree li a i.icon-angle-down {
width:auto;
font-size:12px;
margin-left:2px
}
.nav-tree li.active>a,
.nav-tree li.current>a,
.nav-tree li:hover>a {
color:#1abc9c!important
}
.nav-tree ul ul {
display:none
}
.nav-tree li.current>ul {
display:block
}
.nav-tree ul ul a {
font-size:12px;
padding:6px 0 6px 20px;
letter-spacing:1px;
font-family:Lato,
sans-serif
}
.nav-tree ul ul a i.icon-angle-down {
font-size:12px
}
.nav-tree ul ul ul a {
padding-left:40px
}
.nav-tree ul ul ul ul a {
padding-left:60px
}
.nav-tree ul ul ul ul ul a {
padding-left:80px
}
.wedding-head {
font-size:80px;
text-shadow:1px 1px 1px rgba(0,
0,
0,
.15)
}
.wedding-head .and,
.wedding-head .first-name,
.wedding-head .last-name {
display:inline-block;
margin-right:15px;
font-weight:700;
text-align:right;
text-transform:uppercase;
font-family:Raleway,
sans-serif;
letter-spacing:2px
}
.wedding-head .last-name {
margin:0 0 0 15px;
text-align:left
}
.wedding-head .first-name span,
.wedding-head .last-name span {
display:block;
margin-top:10px;
font-size:56px;
font-weight:400;
font-style:italic;
font-family:crete round,
serif;
text-transform:none
}
.wedding-head .and {
margin:0;
font-size:200px;
font-family:times new roman,
serif
}
.table .success {
color:#3c763d
}
.table .info {
color:#31708f
}
.table .warning {
color:#8a6d3b
}
.table .danger {
color:#a94442
}
.btn-link,
.page-link,
.page-link:focus,
.page-link:hover {
color:#1abc9c
}
.btn-link:focus,
.btn-link:hover {
color:#222
}
.boot-tabs {
margin-bottom:20px!important
}
.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {
position:absolute;
top:47.5%;
z-index:5;
display:inline-block
}
.carousel-control .icon-chevron-left {
left:50%
}
.carousel-control .icon-chevron-right {
right:50%
}
.responsive-utilities th small {
display:block;
font-weight:400;
color:#999
}
.show-grid[class^=col-] {
padding-top:10px;
padding-bottom:10px;
background-color:#eee;
border:1px solid #ddd
}
.img-circle {
border-radius:50%!important
}
.page-item.active .page-link,
.page-link:focus,
.page-link:hover {
color:#fff!important;
background-color:#1abc9c!important;
border-color:#1abc9c!important
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
background-color:#1abc9c
}
label.checkbox,
label.radio {
padding-left:20px
}
#cookie-notification {
position:fixed;
opacity:0;
top:auto;
bottom:-70px;
left:0;
width:100%;
padding:20px 0;
line-height:24px;
background-color:#eee;
color:#444;
z-index:99;
-webkit-box-shadow:0 -1px 4px 0 rgba(0,
0,
0,
.15);
-moz-box-shadow:0 -1px 4px 0 rgba(0,
0,
0,
.15);
box-shadow:0 -1px 4px 0 rgba(0,
0,
0,
.15);
-webkit-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease
}
#cookie-notification .container {
padding-right:100px;
position:relative
}
#cookie-notification .cookie-noti-btn {
position:absolute;
top:0;
left:auto;
right:0
}
.stretched #wrapper {
width:100%;
margin:0;
box-shadow:none
}
.animsition-overlay,
body:not(.no-transition) #wrapper {
position:relative;
opacity:0;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.css3-spinner {
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:1000;
text-align:center;
background-color:#fff;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-perspective:1000
}
.css3-spinner>div {
position:absolute;
top:50%;
left:50%;
margin-top:-9px;
margin-left:13px;
width:18px;
height:18px;
background-color:#ddd;
border-radius:100%;
display:inline-block;
-webkit-animation:bouncedelay 1.4s infinite ease-in-out;
animation:bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.css3-spinner .css3-spinner-bounce1 {
margin-left:-31px;
-webkit-animation-delay:-.32s;
animation-delay:-.32s
}
.css3-spinner .css3-spinner-bounce2 {
margin-left:-9px;
-webkit-animation-delay:-.16s;
animation-delay:-.16s
}
@-webkit-keyframes bouncedelay {
0%,
100%,
80% {
-webkit-transform:scale(0)
}
40% {
-webkit-transform:scale(1)
}
}
@keyframes bouncedelay {
0%,
100%,
80% {
transform:scale(0);
-webkit-transform:scale(0)
}
40% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.css3-spinner>.css3-spinner-flipper {
width:32px;
height:32px;
margin-top:-16px;
margin-left:-16px;
border-radius:0;
-webkit-animation:rotateplane 1.2s infinite ease-in-out;
animation:rotateplane 1.2s infinite ease-in-out
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform:perspective(120px)
}
50% {
-webkit-transform:perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes rotateplane {
0% {
transform:perspective(120px) rotateX(0) rotateY(0);
-webkit-transform:perspective(120px) rotateX(0) rotateY(0)
}
50% {
transform:perspective(120px) rotateX(-180.1deg) rotateY(0);
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.css3-spinner>.css3-spinner-double-bounce1,
.css3-spinner>.css3-spinner-double-bounce2 {
width:40px;
height:40px;
margin-top:-20px;
margin-left:-20px;
border-radius:50%;
opacity:.6;
-webkit-animation:cssspinnerbounce 2s infinite ease-in-out;
animation:cssspinnerbounce 2s infinite ease-in-out
}
.css3-spinner>.css3-spinner-double-bounce2 {
-webkit-animation-delay:-1s;
animation-delay:-1s
}
@-webkit-keyframes cssspinnerbounce {
0%,
100% {
-webkit-transform:scale(0)
}
50% {
-webkit-transform:scale(1)
}
}
@keyframes cssspinnerbounce {
0%,
100% {
transform:scale(0);
-webkit-transform:scale(0)
}
50% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.css3-spinner>.css3-spinner-rect1,
.css3-spinner>.css3-spinner-rect2,
.css3-spinner>.css3-spinner-rect3,
.css3-spinner>.css3-spinner-rect4,
.css3-spinner>.css3-spinner-rect5 {
height:30px;
width:6px;
margin-top:-15px;
margin-left:-21px;
border-radius:0;
-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
animation:stretchdelay 1.2s infinite ease-in-out
}
.css3-spinner>.css3-spinner-rect2 {
margin-left:-12px;
-webkit-animation-delay:-1.1s;
animation-delay:-1.1s
}
.css3-spinner>.css3-spinner-rect3 {
margin-left:-3px;
-webkit-animation-delay:-1s;
animation-delay:-1s
}
.css3-spinner>.css3-spinner-rect4 {
margin-left:6px;
-webkit-animation-delay:-.9s;
animation-delay:-.9s
}
.css3-spinner>.css3-spinner-rect5 {
margin-left:15px;
-webkit-animation-delay:-.8s;
animation-delay:-.8s
}
@-webkit-keyframes stretchdelay {
0%,
100%,
40% {
-webkit-transform:scaleY(.4)
}
20% {
-webkit-transform:scaleY(1)
}
}
@keyframes stretchdelay {
0%,
100%,
40% {
transform:scaleY(.4);
-webkit-transform:scaleY(.4)
}
20% {
transform:scaleY(1);
-webkit-transform:scaleY(1)
}
}
.css3-spinner>.css3-spinner-cube1,
.css3-spinner>.css3-spinner-cube2 {
width:16px;
height:16px;
border-radius:0;
margin-top:-20px;
margin-left:-20px;
-webkit-animation:cubemove 1.8s infinite ease-in-out;
animation:cubemove 1.8s infinite ease-in-out
}
.css3-spinner>.css3-spinner-cube2 {
-webkit-animation-delay:-.9s;
animation-delay:-.9s
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)
}
50% {
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)
}
100% {
-webkit-transform:rotate(-360deg)
}
}
@keyframes cubemove {
25% {
transform:translateX(42px) rotate(-90deg) scale(.5);
-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)
}
50% {
transform:translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)
}
50.1% {
transform:translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);
-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)
}
100% {
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg)
}
}
.css3-spinner>.css3-spinner-scaler {
width:40px;
height:40px;
margin-top:-20px;
margin-left:-20px;
-webkit-animation:scaleout 1s infinite ease-in-out;
animation:scaleout 1s infinite ease-in-out
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform:scale(0)
}
100% {
-webkit-transform:scale(1);
opacity:0
}
}
@keyframes scaleout {
0% {
transform:scale(0);
-webkit-transform:scale(0)
}
100% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:0
}
}
.css3-spinner>.css3-spinner-grid-pulse {
width:48px;
height:48px;
margin-top:-24px;
margin-left:-24px;
background-color:transparent!important;
-webkit-animation:none;
animation:none
}
.css3-spinner-grid-pulse>div {
background-color:#ddd;
width:12px;
height:12px;
border-radius:100%;
margin:2px;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
display:inline-block;
float:left;
-webkit-animation-name:ball-grid-pulse;
animation-name:ball-grid-pulse;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-delay:0;
animation-delay:0
}
.css3-spinner-grid-pulse>div:nth-child(1) {
-webkit-animation-delay:.73s;
animation-delay:.73s;
-webkit-animation-duration:1.3s;
animation-duration:1.3s
}
.css3-spinner-grid-pulse>div:nth-child(2) {
-webkit-animation-delay:.32s;
animation-delay:.32s;
-webkit-animation-duration:1.3s;
animation-duration:1.3s
}
.css3-spinner-grid-pulse>div:nth-child(3) {
-webkit-animation-delay:.71s;
animation-delay:.71s;
-webkit-animation-duration:.88s;
animation-duration:.88s
}
.css3-spinner-grid-pulse>div:nth-child(4) {
-webkit-animation-delay:.62s;
animation-delay:.62s;
-webkit-animation-duration:1.06s;
animation-duration:1.06s
}
.css3-spinner-grid-pulse>div:nth-child(5) {
-webkit-animation-delay:.31s;
animation-delay:.31s;
-webkit-animation-duration:.62s;
animation-duration:.62s
}
.css3-spinner-grid-pulse>div:nth-child(6) {
-webkit-animation-delay:-.14s;
animation-delay:-.14s;
-webkit-animation-duration:1.48s;
animation-duration:1.48s
}
.css3-spinner-grid-pulse>div:nth-child(7) {
-webkit-animation-delay:-.1s;
animation-delay:-.1s;
-webkit-animation-duration:1.47s;
animation-duration:1.47s
}
.css3-spinner-grid-pulse>div:nth-child(8) {
-webkit-animation-delay:.4s;
animation-delay:.4s;
-webkit-animation-duration:1.49s;
animation-duration:1.49s
}
.css3-spinner-grid-pulse>div:nth-child(9) {
-webkit-animation-delay:.73s;
animation-delay:.73s;
-webkit-animation-duration:.7s;
animation-duration:.7s
}
@-webkit-keyframes ball-grid-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.7
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes ball-grid-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(.5);
transform:scale(.5);
opacity:.7
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
.css3-spinner>.css3-spinner-clip-rotate {
width:33px;
height:33px;
margin-top:-17px;
margin-left:-17px;
background-color:transparent!important;
-webkit-animation:none;
animation:none
}
.css3-spinner-clip-rotate>div {
border-radius:100%;
border:2px solid #ddd;
border-bottom-color:transparent!important;
height:33px;
width:33px;
background:0 0!important;
-webkit-animation:rotate 1s 0s linear infinite;
animation:rotate 1s 0s linear infinite
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0) scale(1);
transform:rotate(0) scale(1)
}
50% {
-webkit-transform:rotate(180deg) scale(.6);
transform:rotate(180deg) scale(.6)
}
100% {
-webkit-transform:rotate(360deg) scale(1);
transform:rotate(360deg) scale(1)
}
}
.css3-spinner>.css3-spinner-ball-rotate {
width:12px;
height:12px;
margin-top:-6px;
margin-left:-6px;
background-color:transparent!important;
-webkit-animation:ballrotate 1s 0s cubic-bezier(.7,
-.13,
.22,
.86) infinite;
animation:ballrotate 1s 0s cubic-bezier(.7,
-.13,
.22,
.86) infinite
}
.css3-spinner-ball-rotate>div {
background-color:#ddd;
width:12px;
height:12px;
border-radius:100%;
position:relative
}
.css3-spinner-ball-rotate>div:nth-child(1),
.css3-spinner-ball-rotate>div:nth-child(3) {
width:12px;
height:12px;
border-radius:100%;
content:"";
position:absolute;
opacity:.7
}
.css3-spinner-ball-rotate>div:nth-child(1) {
top:0;
left:-22px
}
.css3-spinner-ball-rotate>div:nth-child(3) {
top:0;
left:22px
}
@-webkit-keyframes ballrotate {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes ballrotate {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.css3-spinner>.css3-spinner-zig-zag {
background-color:transparent!important;
-webkit-transform:translate(-15px,
-15px);
-ms-transform:translate(-15px,
-15px);
transform:translate(-15px,
-15px);
-webkit-animation:none;
animation:none
}
.css3-spinner-zig-zag>div {
background-color:#ddd;
width:12px;
height:12px;
border-radius:100%;
position:absolute;
margin-left:15px;
top:4px;
left:-7px;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.css3-spinner-zig-zag>div:first-child {
-webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;
animation:ball-zig-deflect 1.5s 0s infinite linear
}
.css3-spinner-zig-zag>div:last-child {
-webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;
animation:ball-zag-deflect 1.5s 0s infinite linear
}
@-webkit-keyframes ball-zig-deflect {
17%,
84% {
-webkit-transform:translate(-15px,
-30px);
transform:translate(-15px,
-30px)
}
34%,
67% {
-webkit-transform:translate(15px,
-30px);
transform:translate(15px,
-30px)
}
100%,
50% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@keyframes ball-zig-deflect {
17%,
84% {
-webkit-transform:translate(-15px,
-30px);
transform:translate(-15px,
-30px)
}
34%,
67% {
-webkit-transform:translate(15px,
-30px);
transform:translate(15px,
-30px)
}
100%,
50% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@-webkit-keyframes ball-zag-deflect {
17%,
84% {
-webkit-transform:translate(15px,
30px);
transform:translate(15px,
30px)
}
34%,
67% {
-webkit-transform:translate(-15px,
30px);
transform:translate(-15px,
30px)
}
100%,
50% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@keyframes ball-zag-deflect {
17%,
84% {
-webkit-transform:translate(15px,
30px);
transform:translate(15px,
30px)
}
34%,
67% {
-webkit-transform:translate(-15px,
30px);
transform:translate(-15px,
30px)
}
100%,
50% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
.css3-spinner>.css3-spinner-ball-scale-multiple {
width:60px;
height:60px;
margin-left:-30px;
margin-top:-30px;
background-color:transparent!important;
-webkit-animation:none;
animation:none
}
.css3-spinner-ball-scale-multiple>div {
background-color:#ddd;
border-radius:100%;
position:absolute;
left:0;
top:0;
opacity:0;
width:60px;
height:60px;
-webkit-animation:ball-scale-multiple 1.25s 0s linear infinite;
animation:ball-scale-multiple 1.25s 0s linear infinite
}
.css3-spinner-ball-scale-multiple>div:nth-child(2) {
-webkit-animation-delay:-.4s;
animation-delay:-.4s
}
.css3-spinner-ball-scale-multiple>div:nth-child(3) {
-webkit-animation-delay:-.2s;
animation-delay:-.2s
}
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
5% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes ball-scale-multiple {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:0
}
5% {
opacity:1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.css3-spinner>.css3-spinner-triangle-path {
background-color:transparent!important;
-webkit-transform:translate(-29.99px,
-37.51px);
-ms-transform:translate(-29.99px,
-37.51px);
transform:translate(-29.99px,
-37.51px);
-webkit-animation:none;
animation:none
}
.css3-spinner-triangle-path>div {
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
position:absolute;
width:10px;
height:10px;
border-radius:100%;
background-color:#ddd
}
.css3-spinner-triangle-path>div:nth-child(1) {
-webkit-animation:ball-triangle-path-1 2s 0s ease-in-out infinite;
animation:ball-triangle-path-1 2s 0s ease-in-out infinite
}
.css3-spinner-triangle-path>div:nth-child(2) {
-webkit-animation:ball-triangle-path-2 2s 0s ease-in-out infinite;
animation:ball-triangle-path-2 2s 0s ease-in-out infinite
}
.css3-spinner-triangle-path>div:nth-child(3) {
-webkit-animation:ball-triangle-path-3 2s 0s ease-in-out infinite;
animation:ball-triangle-path-3 2s 0s ease-in-out infinite
}
.css3-spinner-triangle-path>div:nth-of-type(1) {
top:50px
}
.css3-spinner-triangle-path>div:nth-of-type(2) {
left:25px
}
.css3-spinner-triangle-path>div:nth-of-type(3) {
top:50px;
left:50px
}
@-webkit-keyframes ball-triangle-path-1 {
33% {
-webkit-transform:translate(25px,
-50px);
transform:translate(25px,
-50px)
}
66% {
-webkit-transform:translate(50px,
0);
transform:translate(50px,
0)
}
100% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@keyframes ball-triangle-path-1 {
33% {
-webkit-transform:translate(25px,
-50px);
transform:translate(25px,
-50px)
}
66% {
-webkit-transform:translate(50px,
0);
transform:translate(50px,
0)
}
100% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@-webkit-keyframes ball-triangle-path-2 {
33% {
-webkit-transform:translate(25px,
50px);
transform:translate(25px,
50px)
}
66% {
-webkit-transform:translate(-25px,
50px);
transform:translate(-25px,
50px)
}
100% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@keyframes ball-triangle-path-2 {
33% {
-webkit-transform:translate(25px,
50px);
transform:translate(25px,
50px)
}
66% {
-webkit-transform:translate(-25px,
50px);
transform:translate(-25px,
50px)
}
100% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@-webkit-keyframes ball-triangle-path-3 {
33% {
-webkit-transform:translate(-50px,
0);
transform:translate(-50px,
0)
}
66% {
-webkit-transform:translate(-25px,
-50px);
transform:translate(-25px,
-50px)
}
100% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
@keyframes ball-triangle-path-3 {
33% {
-webkit-transform:translate(-50px,
0);
transform:translate(-50px,
0)
}
66% {
-webkit-transform:translate(-25px,
-50px);
transform:translate(-25px,
-50px)
}
100% {
-webkit-transform:translate(0,
0);
transform:translate(0,
0)
}
}
.css3-spinner>.css3-spinner-ball-pulse-sync {
width:70px;
height:34px;
margin-left:-35px;
margin-top:-17px;
background-color:transparent!important;
-webkit-animation:none;
animation:none
}
.css3-spinner-ball-pulse-sync>div {
display:inline-block;
background-color:#ddd;
width:14px;
height:14px;
margin:10px 3px 0;
border-radius:100%;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.css3-spinner-ball-pulse-sync>div:nth-child(0) {
-webkit-animation:ball-pulse-sync .7s -.21s infinite ease-in-out;
animation:ball-pulse-sync .7s -.21s infinite ease-in-out
}
.css3-spinner-ball-pulse-sync>div:nth-child(1) {
-webkit-animation:ball-pulse-sync .7s -.14s infinite ease-in-out;
animation:ball-pulse-sync .7s -.14s infinite ease-in-out
}
.css3-spinner-ball-pulse-sync>div:nth-child(2) {
-webkit-animation:ball-pulse-sync .7s -70ms infinite ease-in-out;
animation:ball-pulse-sync .7s -70ms infinite ease-in-out
}
.css3-spinner-ball-pulse-sync>div:nth-child(3) {
-webkit-animation:ball-pulse-sync .7s 0s infinite ease-in-out;
animation:ball-pulse-sync .7s 0s infinite ease-in-out
}
@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
opacity:.85
}
66% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px);
opacity:.7
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@keyframes ball-pulse-sync {
33% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
opacity:.85
}
66% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px);
opacity:.7
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
.css3-spinner>.css3-spinner-scale-ripple {
width:50px;
height:50px;
margin-left:-25px;
margin-top:-25px;
background-color:transparent!important;
-webkit-animation:none;
animation:none
}
.css3-spinner-scale-ripple>div {
position:absolute;
top:0;
width:50px;
height:50px;
border-radius:100%;
border:2px solid #ddd;
-webkit-animation:ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21,
.53,
.56,
.8);
animation:ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21,
.53,
.56,
.8)
}
.css3-spinner-scale-ripple>div:nth-child(0) {
-webkit-animation-delay:-.8s;
animation-delay:-.8s
}
.css3-spinner-scale-ripple>div:nth-child(1) {
-webkit-animation-delay:-.6s;
animation-delay:-.6s
}
.css3-spinner-scale-ripple>div:nth-child(2) {
-webkit-animation-delay:-.4s;
animation-delay:-.4s
}
.css3-spinner-scale-ripple>div:nth-child(3) {
-webkit-animation-delay:-.2s;
animation-delay:-.2s
}
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform:scale(.1);
transform:scale(.1);
opacity:1
}
70% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.7
}
100% {
opacity:0
}
}
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform:scale(.1);
transform:scale(.1);
opacity:1
}
70% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.7
}
100% {
opacity:0
}
}
.mb_YTVPlayer:focus {
outline:0
}
.mb_YTVPlayer {
display:block;
transform:translateZ(0);
transform-style:preserve-3d;
perspective:1000;
backface-visibility:hidden;
transform:translate3d(0,
0,
0);
animation-timing-function:linear
}
.mb_YTVPlayer.fullscreen {
display:block!important;
position:fixed!important;
width:100%!important;
height:100%!important;
top:0!important;
left:0!important;
margin:0!important;
border:none!important
}
.mb_YTVPlayer.fullscreen .mbYTP_wrapper {
opacity:1!important
}
.mbYTP_wrapper iframe {
max-width:4000px!important
}
.inline_YTPlayer {
margin-bottom:20px;
vertical-align:top;
position:relative;
left:0;
overflow:hidden;
border-radius:4px;
-moz-box-shadow:0 0 5px rgba(0,
0,
0,
.7);
-webkit-box-shadow:0 0 5px rgba(0,
0,
0,
.7);
box-shadow:0 0 5px rgba(0,
0,
0,
.7);
background:rgba(0,
0,
0,
.5)
}
.inline_YTPlayer img {
border:none!important;
-moz-transform:none!important;
-webkit-transform:none!important;
-o-transform:none!important;
transform:none!important;
margin:0!important;
padding:0!important
}
.datepicker td,
.datepicker th {
padding:5px
}
.rating-xl {
font-size:3rem!important
}
.rating-lg {
font-size:2.5rem!important
}
.rating-md {
font-size:2rem!important
}
.rating-sm {
font-size:1.75rem!important
}
.rating-xs {
font-size:1.25rem!important
}
.rating-container .star {
margin:0 2px!important
}
.rating-container .filled-stars {
-webkit-text-stroke:0!important;
text-shadow:none!important
}