html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%} abbr,
acronym{
border-bottom: 1px dotted;
cursor: help;
font-variant: small-caps;
}
address,cite,em,i{font-style: italic;}
a, #side-nav-bar a>i {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
text-decoration: none;
outline: none;
}
a:active,
a:focus {text-decoration: underline;}
a[href^=tel]{ color:inherit;
text-decoration:none;
} @font-face {
font-family: 'MonoSocialIconsFont';
src: url(//www.trinisinlondon.com/wp-content/themes/odio/font/mono/MonoSocialIconsFont-1.10.eot);
src: url(//www.trinisinlondon.com/wp-content/themes/odio/font/mono/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'),
url(//www.trinisinlondon.com/wp-content/themes/odio/font/mono/MonoSocialIconsFont-1.10.woff) format('woff'),
url(//www.trinisinlondon.com/wp-content/themes/odio/font/mono/MonoSocialIconsFont-1.10.woff2) format('woff2'),
url(//www.trinisinlondon.com/wp-content/themes/odio/font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'MonoSocialIconsFont';
src: url(//www.trinisinlondon.com/wp-content/themes/odio/font/mono/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg');
}
}
span.symbol, a.symbol:before {
font-family: 'MonoSocialIconsFont';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
} .container{overflow: hidden;}
#content {
width: 508px; margin: 0;
overflow: hidden;
}
#content.no-sidebar {width: 100%;}
body.single-post #content.no-sidebar {width: 100%;}
#sidebar {
width: 184px; float: right;
margin: 0;
padding: 20px;
overflow: hidden;
}
::selection {background: #c6d8cd;}
::-moz-selection {background: #c6d8cd;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;} body.admin-bar #header{margin-top:32px;}
#wpadminbar{
-webkit-backface-visibility:hidden !important;
backface-visibility:hidden !important;
} .serif,cite,blockquote {
font-family: 'times new roman', palatino,platino linotype,georgia,times,serif;
font-weight: normal;
}
.post h2,.post h3,.post h4,.post h5,.post h6 {margin: 12px 0 12px 0;}
.monospace,var,code {font-family: courier new, courier, monospace;}
.amp {
font-style: italic;
font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif;
font-weight: normal;
}
a:link {}
a:visited {text-decoration: underline !important;}
a:hover,a:active {text-decoration: underline;}
.post-content ul,
.post-content ol {padding-left: 24px;}
.post-content,
.page-content {word-wrap: break-word;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {opacity:1;}
input,
textarea,
select {
border: none;
padding: 12px 30px;
outline: none;
-webkit-transition: all .2s;
transition: all .2s;
resize: none;
}
#content input[type=submit] {
text-transform:uppercase;
letter-spacing:2px;
}
#content textarea,
#content select,
#content input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
#sidebar input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
#sidebar textarea,
#sidebar select {
text-transform:uppercase;
letter-spacing:2px;
border-bottom: 2px solid #fff;
padding: 8px 0;
margin:0;
width:100%;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {}
textarea {
min-height: 150px;
width: 100%;
}
blockquote:before {
font-family: 'ozythemes';
content:"\e4c6";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 20px;
left: 20px;
}
blockquote {
text-align: justify;
padding: 20px 20px 20px 60px;
font-size: 28px;
line-height: 35px;
position: relative;
border: 1px solid #dedede;
margin: 20px;
font-style:italic;
}
blockquote p {padding: 0 !important;}
blockquote p:first-letter
blockquote:first-letter {
font-size: 24px;
padding-right: 1px;
}
blockquote cite {font-size: 20px;}
.post-excerpt-quote blockquote {
border: none !important;
margin: 0 !important;
padding: 0 0 0 20px !important;
}
.post-excerpt-quote blockquote p {padding: inherit !important;}
.post-excerpt-quote blockquote:before {
top: 0 !important;
left: 0 !important;
} *,
*:after {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
min-width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-ms-overflow-x:hidden;
} body.logged-in.admin-bar #main #header {margin-top: 32px !important;} #wpstats {display: none !important;} #main>.container {
overflow: auto;
position: relative;
z-index: 1;
margin:0 auto;
}
body.single #main>.container #content,
body.single #main>.container #sidebar {
margin-top:40px;
margin-bottom:40px;
}
body.no-page-title #main>.container {padding-top: 40px;}
body.single #main>.container {padding-top: 0;}
body.single #main>.container #content.has-super-header,
body.single #main>.container #sidebar.has-super-header{padding-top: 25px;}
#title {
display:block;
float:left;
position: relative;
z-index: 1;
}
#title>a {
height: 100%;
display: inline-block;
vertical-align: middle;
}
#title img {
vertical-align: middle !important;
max-width: 100% !important;
}
#content {position: relative;}
.page-content img,
.page-content .wp-caption,
.post-content img,
.post-content .wp-caption,
#content img[class^="wp-image"] {
max-width: 100%;
height: auto;
}
#page-title-wrapper {position: relative;}
#page-title-wrapper>div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
width: 100%;
}
.page-title {font-weight: 300 !important;}
.page-title a {text-decoration: none;}
#widget-alert {
background: #C6D8CD;
border: 1px #5b816a solid;
padding: 24px;
margin-bottom: 24px;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6,
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 6px 0;}
.page-content p:empty,.post-content p:empty {display: none;}
#content iframe {
max-width:100%;
height:100%;
}
.page-content [class^="embed-"],
.post-content [class^="embed-"] {max-width: 100%;}
.left-sidebar .page-content [class^="embed-"]>iframe[class*="-player"],
.left-sidebar .post-content [class^="embed-"]>iframe[class*="-player"],
.right-sidebar .page-content [class^="embed-"]>iframe[class*="-player"],
.right-sidebar .post-content [class^="embed-"]>iframe[class*="-player"],
.right-sidebar .page-content iframe[src*="//player.vimeo"],
.right-sidebar .post-content iframe[class*="//player.vimeo"] {
max-width: 100%;
height: 420px;
}
.page-content [class^="embed-"]>iframe[class*="-player"],
.post-content [class^="embed-"]>iframe[class*="-player"],
.right-sidebar .page-content iframe[src*="//player.vimeo"],
.right-sidebar .post-content iframe[class*="//player.vimeo"] {
max-width: 100%;
height: 520px;
}
#sidebar {padding: 0;}
body.no-page-title #sidebar {margin-top:36px;}
#sidebar.left-sidebar {float: left;}
#sidebar .widget {margin-bottom: 20px;}
#footer-widget-bar ul,
#footer-widget-bar li,
#sidebar ul,
#sidebar li {
padding: 0;
margin: 0 ;
list-style: none;
-webkit-transition: all .2s;
transition: all .2s;
}
#sidebar .widget>h4{
margin-bottom:20px !important;
padding-bottom:20px !important;
border-bottom: 1px solid #dedede;
}
#sidebar .widget {margin-bottom: 30px !important;}
#footer-widget-bar li {
padding: 5px 0 5px 0;
}
#sidebar .widget li {
border-bottom: 1px solid #dedede;
padding: 8px 0 8px 0;
}
#sidebar .widget li:first-child {padding-top: 0 !important;}
#footer-widget-bar .children,
#sidebar .children {padding-left: 10px;}
#footer-widget-bar .children .children,
#sidebar .children .children {padding-left: 10px;}
#footer {
clear: both;
z-index: 3;
}
#footer-wrapper {position:relative;}
#footer footer {
height: 100%;
line-height: 180%;
}
#footer .container {
padding: 0;
overflow:inherit !important;
}
#footer .container>div {
width: 100%;
overflow: hidden;
text-align:center; }
#footer .container>div:not(.top-social-icons),
body.odio-mp3-player #footer .container>div.top-social-icons {
padding-bottom:50px !important;
}
#footer .top-social-icons>a {
height:100% !important;
width:35px !important;
}
#footer .top-social-icons>a>span {font-size:32px !important;}
#footer .top-social-icons>a:hover>span {opacity:1;}
div.top-social-icons {
display:inline-block;
text-align:right;
float:right;
}
div.top-social-icons>a {
display: inline-block;
font-size: 32px !important;
line-height: 32px !important;
text-align:center !important;
font-weight:300 !important;
text-decoration: none !important;
overflow: hidden;
width:16px;
height:16px;
}
div.top-social-icons>a>span,
div#social-icons>a>span {
-webkit-transition: all .4s;
transition: all .4s;
}
#footer-content {padding: 20px;}
#footer-widget-bar {
padding-top: 4px;
padding-bottom: 4px;
}
#footer-widget-bar>.container {
padding-left:16px;
padding-right:16px;
}
#footer-widget-bar>.container>section {
width: 50%;
position: relative;
padding:100px 20px 0 20px;
float: left;
text-align:center;
}
#footer-widget-bar>.container>section>div.widget {padding-bottom:50px;}
#footer-widget-bar>.container>section>div.widget>div.separator {
margin:0 auto 50px auto;
width:90%;
height:1px;
border-bottom:1px solid #dedede;
}
#footer-widget-bar>.container>section>div.widget:first-child>div.separator {display:none;}
#footer-widget-bar>.container>section>div.separator {
position:absolute;
right:-10px;
top:0;
margin:0 10px;
border-right:1px solid #dedede;
width:1px;
height:100%;
}
#footer-widget-bar>.container>section:nth-child(3){clear: right;}
#footer-widget-bar>.container>section>div.widget>h4,
#footer-widget-bar>.container>section>div.widget h4.footer-widget-title {margin-bottom:20px;}
#footer-widget-bar>.container>section>div.widget>span.line {
display: block;
border: 1px solid red;
width: 40px;
position: relative;
margin-top: -17px;
margin-bottom: 27px;
}
#footer-widget-bar>.container>section>div.widget>#mc_signup {
margin:0 auto !important;
}
#footer-widget-bar>.container>section>div.widget>#mc_signup .mc_merge_var {margin-bottom:3px !important;}
#footer-widget-bar>.container>section>div.widget>#mc_signup form {margin-bottom:0 !important;} form {margin-bottom: 1.5em;}
#commentform,
#comments-form form {
clear: both;
margin-top: 12px;
}
#commentform .half-input input,
#comments-form form .half-input input,
#comments-form form .full-input input {width: 100% !important;}
textarea,
input:not([type=submit]) {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#commentform textarea,
#commentform input:not([type=submit]),
#comments-form form p textarea,
#comments-form form p input:not([type=submit]),
#footer-widget-bar .widget input:not([type=submit]),
#sidebar .widget input:not([type=submit]) {width: 100%;}
#footer-widget-bar .widget input {
border-width:2px !important;
border-style:solid !important;
background-color:transparent;
}
input[type=submit] {
margin: 0;
cursor: pointer;
}
#commentform p,
#comments-form form p {margin: 0 0 12px;}
#commentform .half-input:nth-child(2),
#comments-form form .half-input:nth-child(2) {float: left !important;}
#commentform .full-input,
#comments-form form .full-input {
float: left;
display: inline-block;
width: 100%;
}
#commentform .half-input,
#comments-form form .half-input {
float: right;
width: 49%;
}
#comments #respond {margin-bottom: 24px;}
#comments>h3 {
padding-bottom: .5em;
text-transform:uppercase;
}
#comments #cancel-comment-reply-link {
display: inherit;
float: right;
padding-bottom: 12px;
}
.ozy-half-input {
float:left;
width: 48%;
overflow:hidden;
}
.ozy-half-input-last {
float: right;
width: 48%;
overflow:hidden;
}
p.ozy-half-input input,
p.ozy-half-input-last input {
width:100%;
}
.ozy-full-input,
.ozy-full-input input {width: 100%;}
#commentform .required,
#comments-form form .required {color: #F00;}
#comments-form #reply-title{text-transform:uppercase} #comments li.comment ul,
#comments li.comment ol {padding-left: 24px;}
#comments ol li.comment {
clear: both;
list-style: none;
overflow: auto;
}
.comment-body {
padding: 30px;
clear: both;
border-left:2px solid #dedede;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #F0F0F0;
}
.author-box>div{display: inline-block;}
.comment-body .reply>a {
display: inline-block;
padding: 6px 10px;
text-decoration: none;
}
.comment-body .reply{
text-align:right;
padding-top: 12px;
}
.comment-body{margin-bottom:20px;}
#comments-form #respond {margin-top: 55px;}
.comment-body>div>img,
.author-box>div>img{
display:block;
float:left;
margin:0 10px 0 0;
}
#comments .children li.comment {
width:95%;
float:right;
}
#post-author {
float: left;
clear: both;
padding: 30px 0;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
width: 100%;
}
#post-author h3 {
padding-bottom: .5em;
margin-left: 0;
}
#post-author .gravatar {
display: block;
float: left;
width: 95px;
padding: 0 !important;
}
#post-author #author-link p {
padding: 12px;
text-align: right;
padding-right: 0;
}
.comment .comment-meta>a {font-size: 80%;}
.post-content .more-link {font-weight: bold;}
.comment .comment-body {position: relative;}
.comment .comment-body .reply {
position: absolute;
padding: 0 !important;
top: 30px;
right: 30px;
opacity:0;
-webkit-transition: all .4s;
transition: all .4s;
}
.comment .comment-body:hover .reply,
.comment .comment-body.hover .reply {opacity:1;} .author-page .author-bio {
display: inline-block;
clear: both;
margin-bottom: 2.5em;
}
.author-page .author-bio .avatar {
width: 80px;
padding-right: 12px;
float: left;
}
.author-page .post-single:last-child {border-bottom: 1px solid transparent !important;} .post-excerpt-aside>div,
.post-excerpt-status>div {
font-family: "Times New Roman", Times, serif;
font-size: 19px;
}
.post-format-status .post-submeta,
.post-format-aside .post-submeta,
.post-format-audio .post-submeta {margin-top: 10px;}
.simple-post-format {margin-bottom: 20px;}
.simple-post-format>div {
padding: 60px 90px 55px 60px;
background-color: rgba(0,0,0, 0.8);
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.simple-post-format>div>span {
display: block;
position: absolute;
right: 0;
top: 0;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 28px;
padding-top: 5px;
}
.post-excerpt-status>div>h2,
.post-excerpt-quote>div>h2{display:none !important;}
.simple-post-format>div>span:before{font-family: "ozythemes";}
.post-excerpt-status>div>span:before{content: "\e4b9";}
.post-excerpt-aside>div>span:before{content: "\e017";}
.post-excerpt-link>div>span:before{content: "\e122";}
.post-excerpt-quote>div>span:before{content: "\e017";}
.post-excerpt-audio>div>span:before{content: "\e0c5";}
.post-excerpt-audio>div {
padding: 0 !important;
height: 150px;
}
.post-excerpt-audio .audio-thumb {
position: absolute;
left:0;
top: 0;
width: 150px;
}
.post-excerpt-audio>div>div {
margin-left: 150px;
padding-left: 20px;
height: 100%;
position: relative;
}
.post-excerpt-audio>div>div>p {padding-right:100px;}
.post-excerpt-audio>div>div .mejs-container {
position: absolute;
bottom: 0;
left: 0;
}
.a-page-title {
border-bottom: 1px solid transparent;
-webkit-transition: all .2s;
transition: all .2s;
}
.a-page-title:hover {text-decoration: none;}
.post-title {
margin:0 0 12px 0;
font-style:inherit !important;
}
.post:not(.has_thumb){padding-top:40px}
.post.has_thumb .post-title {margin:12px 0 12px 0 !important;}
.post .pagination {
margin-top:10px;
font-weight: 700;
}
.post .pagination>a {
display:inline-block;
padding:5px 10px;
margin:0 5px;
border:1px solid #dedede;
}
.post .post-content {margin-top: 0 !important;}
.post-single {
padding-bottom: 40px;
margin-bottom: 20px;
margin-top: 22px;
width: 100%;
clear: both;
float: left;
}
div.sticky.post-single {
border:2px solid #000;
padding:10px;
}
.post-single:first-child {margin-top: 0 !important;}
#content>.post-single:first-of-type {margin-top: 0 !important;}
#content>.post-single:first-of-type .postGallerySlider, #content>.post-single:first-of-type .featured-thumbnail {margin-top: 0 !important;}
.postGallerySlider,
.featured-thumbnail {margin: 0 0 22px 0;}
.post-single .post-content {margin: 0 !important;}
#single-blog-category:empty {display: none !important;}
#single-blog-category {
display: inline-block;
width: 100%;
}
#single-blog-tags {
display:block;
float:right;
line-height:32px;
padding-right:10px;
}
#single-blog-tags>a {
opacity:.8;
padding-left:5px;
}
#single-blog-category>.post-categories>li{
list-style-type:none;
display:inline-block;
}
#single-blog-category>.post-categories>li>a {
display: inline-block;
padding: 0 10px;
margin-right: 4px;
margin-bottom: 6px;
background-color: #222222;
color: #fff;
text-decoration: none;
font-size: 12px;
line-height: 32px;
}
#single-blog-category>.post-categories>li>a:before{content: '· ';}
.page-content,
.post-content {position: relative;}
.post .post-content,
.post-single .post-content {margin: 22px 0;}
body.single-post .p-wrapper{
padding:0 120px;
margin-bottom: 10px;
}
.post-audio,
.post-video {margin-bottom: 22px;}
.post-submeta {
position: relative;
display: inline-block;
width: 100%;
margin-top: 30px;
line-height: 46px;
}
.single .post-submeta {
border: 2px solid #dedede;
padding: 10px 3px;
}
.post-submeta>a.button {
display: block;
float: left;
position: relative;
width:auto;
height: 32px;
margin-right: 4px;
padding-left:8px;
padding-right:8px;
font-size: 20px;
line-height: 37px;
text-align: center;
text-decoration: none;
}
.post-submeta>a.button.blog-like-link>i{line-height:41px !important}
.post-submeta>a.button.post-share {font-size:15px!important}
.post-submeta>span.share-buttons>a {
font-size:36px;
text-decoration:none;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s
}
.post-submeta>span.share-buttons>a:hover {
opacity:.7;
}
.post-submeta>a>span {
display:inline-block;
float:right;
padding-left:10px;
font-size:11px !important;
}
.post-submeta>a:not(.button) {
display: inline-block;
float: right;
font-weight: 300;
}
.post-submeta>div {
position: relative;
float: left;
height: 32px;
line-height:28px; width: 220px;
margin-left: 30px;
display: none;
}
.post-submeta>div>div {float: left;}
.post-submeta>div>div.button {
background-color: #222222;
padding: 0 10px;
}
.post-submeta>div>div.button>a {
text-decoration: none;
font-size: 24px;
display: inline-block;
}
.post-submeta>div>div.button>a>span {
color: #fff;
opacity: 0.5;
}
.post-submeta>div>div.button>a:hover>span {opacity: 1;}
.post-submeta>div>div.arrow {
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 6px 6px 0;
border-color: transparent #222222 transparent transparent;
margin-top: 10px;
}
.post-content .post-audio {margin-bottom: 12px;}
.post-content .post-audio iframe {width: 100%;}
.post-content .post-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.post-video iframe, .post-video object, .post-video embed,
.post-audio iframe, .post-audio object, .post-audio embed {
width: 100%;
max-width: 100%;
}
.chat-transcript {margin-bottom: 24px;}
.chat-row {margin-bottom: 12px;}
.chat-row .fn {font-weight: 700;}
.chat-row .chat-text {
border: 1px solid #dedede;
padding: 12px;
} @keyframes animation-right-arrow{0%{margin-left:0;opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-moz-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-o-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@-ms-keyframes animation-right-arrow{0%{margin-left:0;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:30px}100%{margin-left:0}}@keyframes animation-left-arrow{0%{margin-left:0;opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-moz-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-webkit-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-o-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-o-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}@-ms-keyframes animation-left-arrow{0%{margin-left:0;opacity:1;-ms-transform:rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg)}50%{margin-left:-30px}100%{margin-left:0}}
#ozy-related-posts-wrapper{
position:relative;
margin-top:35px;
}
#newer-older-posts-wrapper{position:relative;}
.newer-older {
position:absolute;
right:0;
top:0;
text-align: right;
}
.newer-older>a {padding-left: 20px;}
.newer-older.newer-older-blog {margin-top: 1em;} .page-pagination>a,
.page-pagination>span {
display: block;
float: left;
width: 32px;
height: 32px;
line-height: 28px;
font-size: 16px;
text-align: center;
text-decoration: none;
margin-right: 6px;
transition: all .2s;
border: 1px solid #dedede;
}
.page-pagination>a:hover {background-color: transparent;}
#comment-navigation {
display:inline-block;
width:100%;
} .ozy-left-column,
.ozy-right-column{
float:left;
width:50%;
}
.ozy-left-column{padding-right:10px}
.ozy-right-column{padding-left:10px}
@media screen and (max-width:1024px){
.ozy-left-column,
.ozy-right-column{
float:none;
width:100%;
padding-left:0;
padding-right:0;
}
} .featured-thumbnail {
position: relative;
background-size:cover;
background-position: center center;
}
body.single .featured-thumbnail {
margin-bottom: 72px;
}
.featured-thumbnail>img {display: block;visibility:hidden;max-width:100%;}
.featured-thumbnail:hover>a {
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.featured-thumbnail>a {
display: block;
position: absolute;
background-color:#000000;
background-color:rgba(0,0,0,0.2);
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
z-index: 99;
}
.featured-thumbnail>a>span {
position:absolute;
background-color:#fff;
}
.featured-thumbnail>a>span:first-child {
width:160px;
height:1px;
top:115px;
left:35px;
}
.featured-thumbnail>a>span:last-child {
width:1px;
height:160px;
top:35px;
left:115px;
}
.featured-thumbnail-header {
max-width:1140px;
width:100%;
height:400px;
overflow:hidden;
margin:40px auto 0 auto;
background-position:center center;
background-size:cover;
}
.featured-thumbnail-header>div {
position:relative;
height:100%;
width:100%;
}
.featured-thumbnail-header>div>div {
position: absolute;
width: 100%;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}
.featured-thumbnail-header>div>div>div {
position:relative;
max-width:1140px;
margin:0 auto;
text-align:center;
}
.featured-thumbnail-header>div>div>div>h1 {
text-align:center;
padding-bottom:20px;
}
.post-meta {
display: inline-block;
width: 100%;
}
.post-meta.regular p:empty {display: none;}
.post-meta.regular p {
display: block;
position: relative;
float: left;
margin: 0 4px 0 0 !important;
font-weight: 500 !important;
overflow: visible;
}
#sidebar.has-super-header{padding-top:35px;} .tooltipsy {
padding: 6px;
max-width: 200px;
color: #000 !important;
background-color: #fff !important;
margin-bottom: 5px;
font-size: 11px !important;
transition: all .4s;
-webkit-transition: all .4s;
}
.tooltipsy:after {
content: '';
position: absolute;
border: 10px solid transparent;
border-left-color: #fff !important;
bottom: -3px;
left: 50%;
z-index: -1;
}
.tooltipsy.white{
color: #fff !important;
background-color: #000 !important;
}
.tooltipsy.white:after {
bottom:10px;
top: -10px;
border-left-color: #000 !important;
}
.tooltipsy.black{
color: #fff !important;
background-color: #000 !important;
}
.tooltipsy.black:after {
border-left-color: #000 !important;
} #ozy-google-map-background {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 0;
}
#google-maps-info-box {
width:200px;
height:60px;
} #to-top-button {
position:absolute;
top:0px;
left:50%;
margin-top:-20px;
margin-left: -25px;
border:2px solid red;
width:50px;
height:100px;
display:inline-block;
z-index:1;
transition: all .2s;
-webkit-transition: all .2s;
}
#to-top-button>span {
position: absolute;
bottom: -49px;
white-space: nowrap;
margin-left: 25px;
transform: translate(-50%,0);
}
#to-top-button>svg{
position:absolute;
top:35px;
left:0;
width:37px;
height:60px;
margin-left:10px;
fill:yellow;
z-index:0;
transform:rotate(-180deg);
transition: all .2s;
-webkit-transition: all .2s;
}
#to-top-button:hover>svg{top:20px} .mejs-controls .mejs-time-rail .mejs-time-current { background:#333;background:rgba(200,200,200,0.8) !important;background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8))) !important;background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8)) !important;
}
.wp-caption {
margin-top: 12px;
margin-bottom: 12px;
position: relative;
display: inline-block !important;
width: auto !important;
}
.wp-caption img {display: block;}
.wp-caption:hover>p {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.wp-caption>p {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
padding: 6px 12px !important;
*background-color:#000000;
background-color: rgba(0,0,0,.5);
color: #fff;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
}
.alignleft {
float: left;
margin: 0 12px 12px 0;
}
.textaligncenter {text-align: center;}
.aligncenter {
margin: 0 auto;
display: block;
}
.alignright {
float: right;
margin: 0 0 12px 12px;
}
.none { display: none;
}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.left-w-padding {float: left;padding-right:20px;}
.right-w-padding {float: right;;padding-left:20px;}
.bypostauthor,.gallery-caption,.wp-caption-text,.sticky { }
dt {
font-weight: bold;
text-decoration: underline;
padding: 0.5em 0 0 0;
}
dd {
margin: 0;
padding: 0 0 0.5em 0;
}
#content table {
max-width: 100%;
width: 100%;
border-spacing:0;
border-collapse:collapse;
margin-bottom: 1.5em;
}
#content table th,
#content table td {
border: 1px solid #dedede;
padding: 6px;
}
#content br {
margin-top: 0.5em;
display: block;
content: ' ';
}
#side-extended-content p,
#request-a-rate p,
#content p {
margin: 0;
padding-top: .50em;
padding-bottom: .50em;
} .wp-search-form { position: relative; }
.wp-search-form i.oic-simple-line-icons-129,
.wp-search-form i.oic-pe-icon-7-stroke-24,
.wp-search-form i.oic-pe-icon-7-stroke-139,
.wp-search-form i.oic-zoom {
position: absolute;
width: 22px;
height: 22px;
top: 50%;
left: 12px;
margin-top: -8px;
opacity:0.6;
-moz-opacity:0.6;
-webkit-opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
.wp-search-form i.oic-pe-icon-7-stroke-139,
.wp-search-form i.oic-simple-line-icons-129 {
left: inherit;
cursor:pointer;
right: 12px;
}
.wp-search-form #search { padding-left: 32px !important;} body.search article.result {
border: 1px solid #dedede;
width: 366px;
margin-bottom: 20px;
padding: 20px;
}
body.search article.result img {
max-width:100%;
height: auto;
}
body.search #gutter-sizer {width:3%;} .ozy-masonry-gallery {
width:calc(100% + 10px);
margin-left:-10px;
}
.ozy-masonry-gallery>div{
width:calc(25% - 10px);
margin:0 0 10px 10px;
}
.ozy-masonry-gallery>div>a {
position:relative;
display:block;
}
.ozy-masonry-gallery>div>a>span {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,.75);
opacity:0;
text-align:center;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
}
.ozy-masonry-gallery>div>a:hover>span {
opacity:1;
}
.ozy-masonry-gallery>div>a>span>h5 {
position:absolute;
top: 50%;
width:100%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
color:#fff !important;
}
.ozy-masonry-gallery>div img {
max-width:100%;
display:block;
} div.video-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
vertical-align: top;
}
div.video-background video {
min-height: 100%;
min-width:100%;
z-index: -2 !important;
}
div.video-background .ui-video-background { display: none !important; }
div.video-background>div {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:url(//www.trinisinlondon.com/wp-content/themes/odio/images/video-pattern.png) repeat fixed !important;
z-index:10;
}
#video-background>video{ max-width: none !important; } #tubular-container {
top: 0;
left: 0;
z-index: -2 !important;
}
#tubular-shield {
position: fixed !important;
background:url(//www.trinisinlondon.com/wp-content/themes/odio/images/video-pattern.png) repeat fixed !important;
z-index: -1 !important;
} .ozy-related-posts {
width: 100% !important;
padding: 10px 0 0 0 !important;
margin-left: 0 !important;
list-style: none;
display: inline-block;
} .ozy-video-wrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.ozy-video-wrapper iframe,
.ozy-video-wrapper object,
.ozy-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ozy-video-wrapper[data-twttr-id*="twttr-sandbox"] {
position: inherit !important;
height: inherit !important;
padding: 0;
}
.post-audio .ozy-video-wrapper {
padding-bottom: inherit !important;
padding-top: inherit !important;
height: inherit !important;
}
.post-audio .ozy-video-wrapper iframe,
.post-audio .ozy-video-wrapper object,
.post-audio .ozy-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto !important;
}
.ozy-video-wrapper .twitter-tweet {height: auto !important;}
.ozy-header-slider,
.ozy-footer-slider {
width:100%;
min-height: 100px;
position:relative;
z-index:0;
} .post-content form.post-password-form label {font-weight:700;}
.post-content form.post-password-form input {width:inherit !important;} #content .wpb_wrapper>.post .addthis_sharing_toolbox a>span,
div.share-box>i{
cursor:pointer;
}
#content .wpb_wrapper>.post .addthis_sharing_toolbox a,
body.page-template-page-isotope-blog .featured-thumbnail>img,
div.share-box>i{
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
}
body.page-template-page-isotope-blog .featured-thumbnail>img{
visibility:visible !important;
}
body.page-template-page-isotope-blog .post .featured-thumbnail .ozy-video-wrapper,
body.page-template-page-isotope-blog .post .featured-thumbnail>img,
body.page-template-page-isotope-blog .post .featured-thumbnail .owl-item>img{
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%);
filter: url(#grayscale);
filter: gray;
filter: grayscale(100%);
max-width:100%;
height: auto;
}
body.page-template-page-isotope-blog .post:hover .featured-thumbnail .ozy-video-wrapper,
body.page-template-page-isotope-blog .post:hover .featured-thumbnail>img,
body.page-template-page-isotope-blog .post:hover .featured-thumbnail .owl-item>img{
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
transition: 1s;
}
body.page-template-page-isotope-blog h1.isotope-blog-page-title{
padding: 10px 24px 9px 20px;
white-space: nowrap;
background: #99A5BE;
display:inline-block;
float:left;
margin-right:20px;
font-weight:bold !important;
}
.isotope-blog-navigation.heading-font {
display: inline-flex;
margin-bottom: 20px;
}
body.page-template-page-isotope-blog .isotope-blog-navigation {
position: absolute;
bottom: 14px;
}
body.search .isotope-blog-navigation{
margin-top:30px;
margin-bottom:40px;
}
.isotope-blog-navigation>a {
padding:7px 15px;
font-weight:700;
text-decoration:none;
}
.isotope-blog-navigation>a:hover {opacity:.8}
.isotope-blog-navigation>a:first-child {margin-right:10px} .flickr-widget>li {
display: inline-block !important;
width: auto !important;
border: none !important;
padding: 0 !important;
}
.widget li>a {text-decoration: none;}
#footer-text>div {
display: inline-block;
float: left;
}
.ozy-latest-posts {
display: inline-block;
clear: both;
}
.ozy-latest-posts>a {
position: relative;
display: inline-block;
width: 48%;
margin-bottom: 12px;
float: left;
text-transform: uppercase;
font-weight: 700;
}
.ozy-latest-posts>a:hover>span {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100)
}
.ozy-latest-posts>a>span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.ozy-latest-posts>a:nth-child(odd){float:left;}
.ozy-latest-posts>a:nth-child(even){float:right;}
.ozy-latest-posts>a>img {
display: block;
width: 100%;
height: auto;
}
.ozy-latest-posts-with-thumbs>li>a>span>small,
.ozy-simple-latest-posts>li>small {display: block;}
.ozy-latest-posts-with-thumbs>li {border:1px solid transparent !important;}
.ozy-latest-posts-with-thumbs>li>a{
display:table;
width: 100%;
}
.ozy-simple-latest-posts>li>a,
.ozy-latest-posts-with-thumbs>li>a {text-transform:uppercase;}
.ozy-latest-posts-with-thumbs>li>a>img {
width: 100px !important;
max-width: none !important;
height: auto;
float: left;
}
.ozy-latest-posts-with-thumbs>li>a>span {
vertical-align: top; display: table-cell;
width: 100%;
padding-left: 15px;
}
.tagcloud>a {
text-decoration: none;
padding: 5px 10px;
display: inline-block;
margin-bottom: 4px;
font-size: 80%;
}
.widget li>span.post-date { display: block;
font-size: 80%;
}
.widget ul ul { border-top: 1px solid #dedede;
padding-top: 8px !important;
margin-top: 8px !important;
margin-left: 20px !important;
}
.widget ul.menu li a>i {
margin-left: 0 !important;
margin-right: 5px !important;
}
.widget ul.menu li .dropdown-menu {
padding-top: 0 !important;
}
.widget ul.menu li a>i,
.widget ul.menu li[class^="oic-"]:before {
padding-right: 6px;
vertical-align: middle;
}
.widget ul ul>li:last-child {
border-bottom: 1px solid transparent !important;
padding-bottom: 0 !important;
} #footer-widget-bar ul.menu li {
display:inline-block !important;
padding:0 25px 0 0;
}
#footer-widget-bar ul.menu li:last-child {padding-right:0 !important;} .widget br{
content: ' ';
display:block;
margin-bottom:.5em;
}
.widget img{max-width:100%;}
.widget select {width: 100%;max-width:100%;}
.widget>ul>li>a.rsswidget{
display:inline-block;
width:100%;
font-weight:700;
}
.widget>ul>li>div.rssSummary{
border-top:1px solid #dedede;
margin-top:10px;
padding-top:10px;
} .widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px;text-align:center; }
#wp-calendar tbody td { border: 1px solid #fff; text-align: center; padding:8px 0;}
#wp-calendar tbody td:hover { background: #fff;color:#000 }
#wp-calendar tbody .pad,#wp-calendar tbody .pad:hover { background: none;border:none !important; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
.opening-time {
display:inline-block;
padding:20px;
border:2px solid #000;
width:100%;
}
.opening-time dl dt,
.opening-time dl dd {
float:left;
display:block;
padding:0;
text-decoration:none;
font-weight:normal;
width:50%;
}
.widget .testimonial-box {
text-align:center !important;
border-bottom:2px solid #444;
padding-bottom:20px;
margin-bottom:20px;
}
.widget .testimonial-box>p {
padding:10px 30px 0 30px;
position:relative;
}
.widget .testimonial-box>p>i.icon-1,
.widget .testimonial-box>p>i.icon-2 {
position:absolute;
font-size:22px !important;
}
.widget .testimonial-box>p>i.icon-1 {
left:0;
top:0;
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-ms-transform:scaleX(-1);
transform:scaleX(-1);
}
.widget .testimonial-box>p>i.icon-2 {
right:0;
bottom:-10px;
-webkit-transform: rotate(-180deg) scaleX(-1);
-moz-transform: rotate(-180deg) scaleX(-1);
-o-transform: rotate(-180deg) scaleX(-1);
-ms-transform: rotate(-180deg) scaleX(-1);
transform: rotate(-180deg) scaleX(-1);
}
.widget .testimonial-box>p {
font-size:1.2em !important;
}
.widget .testimonial-box>h6 {
margin-top:30px !important;
font-size:1.8em !important;
font-weight:300 !important;
} .ozy-wide-box {width:100%}
.wpcf7{clear:both} .wpb_revslider_element ul,
.wpb_revslider_element ol {
padding-left:0 !important;
} .ozy-revo-button {
position: relative;
display: inline-block;
margin-right: 10px;
margin-left: 0;
vertical-align: middle;
text-align: center;
font-weight: 700;
cursor: pointer;
zoom: 1;
text-decoration: none !important;
letter-spacing: 1px;
-webkit-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
-moz-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
-ms-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
-o-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;
}
.ozy-revo-button.large {
padding: 15px 24px;
font-size: 14px;
line-height: 100%;
}
.ozy-revo-button.medium {
padding:12px 26px;
font-size:12px;
line-height:100%
}
.ozy-revo-button.outline {
border-width: 1px!important;
border-style: solid!important;
}
.ozy-revo-button.light {
border-color: #fff!important;
color: #fff;
}
.ozy-revo-button.light:hover {
background-color: #fff;
color: #222222;
}
.ozy-revo-button.dark {
border-color: #222!important;
color: #222;
}
.ozy-revo-button.dark:hover {
background-color: #222222;
color: #fff;
}
.ozy-revo-button.light.filled {
background-color: #fff;
border-color: #222!important;
color: #222;
}
.ozy-revo-button.light.filled:hover {
background-color: #222;
border-color: #fff!important;
color: #fff;
}
.ozy-revo-button.dark.filled {
background-color: #222;
border-color: #222!important;
color: #fff;
}
.ozy-revo-button.dark.filled:hover {
background-color: #fff;
border-color: #fff!important;
color: #222;
} .ozy-waypoint-animate { opacity: 0; }
.ozy-start-animation.ozy-appear {
animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);
-webkit-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);
-moz-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);
-o-animation:ozy-appear .7s 1 cubic-bezier(.175, .885, .32, 1.275);
opacity:1;
}
@-webkit-keyframes ozy-appear {
0%{-webkit-transform:translate(0, -10%); opacity:0;}
100%{-webkit-transform:translate(0, 0); opacity:1;}
}
@-moz-keyframes ozy-appear {
0%{-moz-transform:translate(0, -10%); opacity:0;}
100%{-moz-transform:translate(0, 0); opacity:1;}
}
@-o-keyframes ozy-appear {
0%{-o-transform:translate(0, -10%); opacity:0;}
100%{-o-transform:translate(0, 0); opacity:1;}
}
@keyframes ozy-appear {
0%{transform:translate(0, -10%); opacity:0;}
100%{transform:translate(0, 0); opacity:1;}
}
.ozy-start-animation.ozy-fade-appear {
animation:ozy-fade-appear;
-webkit-animation:ozy-fade-appear;
-moz-animation:ozy-fade-appear;
-o-animation:ozy-fade-appear;
opacity:1;
}
@-webkit-keyframes ozy-fade-appear {
0% { opacity: 0.1; }
100% { opacity: 1;}
}
@-moz-keyframes ozy-fade-appear {
0% { opacity: 0.1; }
100% { opacity: 1;}
}
@-o-keyframes ozy-fade-appear {
0% { opacity: 0.1; }
100% { opacity: 1;}
}
@keyframes ozy-fade-appear {
0% { opacity: 0.1; }
100% { opacity: 1;}
} .wpb_row {position: relative; }
.wpb_row.ozy-custom-row {background-repeat:no-repeat;}
.wpb_row.ozy-custom-row.parallax {background-position: 50% 50%;background-size:cover;}
.wpb_row.ozy-custom-row.parallax .parallax-wrapper {position: relative;} #footer>footer>.container,
#page-title-wrapper>div {
padding-left: 36px;
padding-right: 36px;
}
.ozy-page-model-full #footer>footer>.container,
.ozy-page-model-full #footer-widget-bar>.container {width: 100%;}
.ozy-page-model-no-sidebar.ozy-page-model-full:not(.woocommerce-page) #main>.container {width: 100%;}
.ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row.ozy-custom-full-row>.parallax-wrapper {
padding-left: inherit;
padding-right: inherit;
}
.ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left: 36px;}
.ozy-page-model-has-sidebar #main>.container>#content {float: left;}
.ozy-page-model-full #main>.container>#content,
.ozy-page-model-full #footer-widget-bar>.widget-container,
.ozy-page-model-full #footer>footer>.container {margin: 0 auto;}
.ozy-page-model-full #footer-widget-bar,
.ozy-page-model-full #footer {width: 100%;}
.ozy-custom-fullheight-row {
overflow: hidden;
padding: 0 !important;
}
.ozy-page-model-full #content .wpb_row.vc_row-fluid>div.parallax-wrapper,
.ozy-page-model-full #content .wpb_row,
.ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-row.parallax .parallax-wrapper {
max-width: 1242px; margin-left: auto;
margin-right: auto;
} .vc_row:not(.ozy-custom-full-row) div.parallax-wrapper div.parallax-wrapper {
margin-left:-15px !important;
margin-right:-15px !important;
}
.ozy-page-model-full #page-title-wrapper>div,
.ozy-page-model-full #page-title-wrapper>div.parallax-wrapper {
max-width: 1212px; margin-left: auto;
margin-right: auto;
}
.ozy-page-model-full #footer-widget-bar>.container,
.ozy-page-model-full #footer>footer {
max-width:100%;
}
#content.no-vc {
max-width: 1140px;
padding-bottom:40px;
}
.ozy-page-model-full #page-title-wrapper.ozy-custom-full-row>div.parallax-wrapper,
.ozy-page-model-full #content .wpb_row.vc_row-fluid.ozy-custom-full-row>div.parallax-wrapper,
.ozy-page-model-full #page-title-wrapper,
.ozy-page-model-full #content .wpb_row.vc_row,
.ozy-page-model-full #content .wpb_row.vc_row-fluid {
width: 100%;
max-width: 100% !important;
}
.ozy-page-model-boxed.ozy-page-model-no-sidebar #main {
position: relative;
max-width:1212px;
margin-left:auto;
margin-right:auto;
}
.ozy-row-has-video {
position: relative;
overflow: hidden;
}
.ozy-row-has-video .video-mask {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background:url(//www.trinisinlondon.com/wp-content/themes/odio/images/video-pattern.png);
}
.ozy-row-has-video .video-mask.has-bg {
filter: alpha(opacity=0.7);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#content>.wpb_row.vc_row-fluid:first-child {padding-top: 0 !important;}
.container.no-vc .vc_col-sm-12.wpb_column.vc_column_container,
.ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row:not(.ozy-custom-full-row) {
padding-left: 36px !important;
padding-right: 36px !important;
}
.ozy-row-zero-space .wpb_column {
padding-left: 0 !important;
padding-right: 0 !important;
} .responsive-map div{max-width:none !important;} ul.wp-block-gallery {
padding-left: 0!important;
}
blockquote.wp-block-quote.is-large:before {
top: 0px;
left: 5px;
font-size: 24px;
} .wpb_widgetised_column ul{padding-left: inherit !important;}
.wpb_row>.video-mask.has-bg {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
}
.wpb_gmaps_widget .gmaps-cover {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
bottom:0;
right:0;
z-index:1;
}
.wpb_gmaps_widget .wpb_wrapper{padding: 0 !important;}
.vc_heading_white h1,
.vc_heading_white h2,
.vc_heading_white h3,
.vc_heading_white h4,
.vc_heading_white h5,
.vc_heading_white h6 {color:#fff !important;}
.wpb_button_a,
.vc_btn {margin-right: 10px;}
.vc_btn-lg {padding:20px 22px !important;}
.vc_btn_full_width {
margin-top:0 !important;
margin-right:0 !important;
width:100% !important;
text-align:center !important;
padding-top:30px !important;
padding-bottom:30px !important;
}
.wpb_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.wpb_row > .wpb_column > .wpb_wrapper .wpb_content_element:last-child {margin-bottom: 35px;}
.vc-icon-ozy_vc_before_after {background:url(//www.trinisinlondon.com/wp-content/themes/odio/images/admin/tweet_32.png) no-repeat;} .vc_separator {margin-top: 35px;} .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {background-color: transparent !important;}
.wpb_tabs .wpb_tabs_nav li{
border: 1px solid #dedede;
margin-right: -1px !important;
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {padding: 1em 0 !important;}
.full-tabs .wpb_wrapper ul.wpb_tabs_nav:before,
.full-tabs .wpb_wrapper ul.wpb_tabs_nav:after {display: none !important;}
.full-tabs ul.wpb_tabs_nav {
width: 100%;
display: table;
table-layout: fixed; border-collapse: separate;
}
.full-tabs.wpb_tabs .wpb_tabs_nav li {
display: table-cell;
text-align: center;
vertical-align: middle;
float: none;
max-width: 100%;
font-size: 120%;
} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
border: 1px solid #dedede;
margin-bottom: -1px !important;
outline: none;
} .wpb_button {
text-shadow: none !important;
-webkit-transition: all .4s;
transition: all .4s;
}
.wpb_call_to_action {
background-color:transparent !important;
border: 1px solid transparent !important;
padding: 0 !important; } .wpb_map_wraper {padding: 0 !important;}
.gm-style img {max-width: none;}
[data-icon]:before{display:none;} .wpb_single_image img {
display: block;
clear: both;
}
.wpb_single_image.vc_align_center>div img {margin: 0 auto;}
.zoom.wpb_single_image {overflow: hidden;} .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li {
border: 1px solid #dedede;
margin-bottom: -1px !important;
}
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li>a {
-webkit-transition: all .4s;
transition: all .4s;
}
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active>a,
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover>a {padding-left: 1.5em;}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {padding: 0 1em !important;} .flexslider{ border: none !important; } .ozy-icon {
overflow: hidden !important;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.ozy-icon-a,
.ozy-icon-a:hover,
.ozy-icon-a:active {text-decoration: none;}
.ozy-icon.align-center {
display: inline-block !important;
text-align: center;
margin: 0 auto;
}
.ozy-icon.regular { font-size: 16px !important; width: 50px; height: 50px; line-height: 44px; }
.ozy-icon.large { font-size: 32px !important; width: 80px; height: 80px; line-height: 78px; }
.ozy-icon.xlarge { font-size: 48px !important; width: 120px; height: 120px; line-height: 120px; }
.ozy-icon.xxlarge { font-size: 64px !important; width: 180px; height: 180px; line-height: 187px; }
.ozy-icon.xxxlarge { font-size: 128px !important; width: 256px; height: 256px; line-height: 283px;}
.ozy-icon.square,
.ozy-icon.circle,
.ozy-icon.circle2 {
text-align: center;
margin-bottom: 0.5em;
display: inline-block;
overflow: visible;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.ozy-icon.square {
padding: 6px;
background:#686868;
color:#fff;
}
.ozy-icon.circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 6px;
background:#686868;
color:#fff;
}
.ozy-icon.circle2 {
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
padding: 4px;
border:2px solid #686868;
color:#686868;
}
.ozy-icon.diamond {
border:1px solid #dedede;
border-radius:4px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
float:left;
margin:0 20px;
}
.ozy-icon.diamond{margin-bottom:30px !important;}
.ozy-icon.diamond:before {
position:absolute;
top:50%;
left:50%;
margin-top:-2px;
margin-left:-2px;
transform: rotate(-45deg) translate(0, -50%);
-webkit-transform: rotate(-45deg) translate(0, -50%);
-ms-transform: rotate(-45deg) translate(0, -50%);
}
a>.ozy-icon {
-webkit-transition: all .4s;
transition: all .4s;
opacity: 1;
} .ozy-custom-list {padding: 0 !important;}
.ozy-custom-list>li { list-style: none; }
.ozy-custom-list>li>span.oic {padding-right: 6px; font-size: 22px; }
.ozy-custom-list>li>span:not(.oic){vertical-align:top;line-height:22px;} .clean-slider .nivo-directionNav,
.clean-slider .nivo-controlNav,
.clean-slider .flex-direction-nav,
.clean-slider .flex-control-nav {display: none;}
.nivoSlider,
.flexslider {
border: 0px solid transparent !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-o-border-radius: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
}  .ozy-team_member figure {
margin: 0;
position: relative;
}
.ozy-team_member figure img {
max-width: 100%;
display: block;
position: relative;
}
.ozy-team_member figcaption {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: #222222;
}
.ozy-team_member figcaption h3 {
font-size: 19px !important;
font-weight: 700 !important;
}
.ozy-team_member figcaption h5 {font-size: 14px !important;}
.ozy-team_member figcaption p {font-size: 12px !important;}
.ozy-team_member figcaption h3,
.ozy-team_member figcaption p {
margin: 0;
padding: 0;
color: #fff !important;
}
.ozy-team_member figure {overflow: hidden;}
.ozy-team_member figure img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
} .ozy-team_member figure:hover img,
.ozy-team_member figure.hover img {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.ozy-team_member figcaption {
height: 200px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
text-align: center;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
} .ozy-team_member figure:hover figcaption,
.ozy-team_member figure.hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.ozy-team_member figure figcaption>div {margin-top: 10px;}
.ozy-team_member figure figcaption>div>a {
padding: 0 5px;
text-decoration: none !important;
}
.ozy-team_member figure figcaption>div>a>span {
font-size: 24px !important;
color: #fff !important;
filter: alpha(opacity=0.6);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all .4s;
transition: all .4s;
}
.ozy-team_member figure figcaption>div>a:hover>span {
filter: alpha(opacity=1);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
color: #fff !important;
} .ozy-content-divider { clear: both; }
.ozy-divider-cap-left,
.ozy-divider-cap-right,
.ozy-divider-cap-center {clear: both;}
.ozy-content-divider {
position:relative;
border-top:1px solid #dedede;
border-bottom:none;
border-left:none;
border-right:none;
}
.ozy-content-divider legend {
font-weight: 400;
font-size: 140%;
}
.ozy-content-divider legend.dcenter {padding: 0 18px 0 18px;}
.ozy-content-divider legend.dleft {padding: 0 18px 0 0;}
.ozy-content-divider legend.dright {padding: 0 0 0 18px;}
h1.ozy-divider-cap-center,
h2.ozy-divider-cap-center,
h3.ozy-divider-cap-center,
h4.ozy-divider-cap-center,
h5.ozy-divider-cap-center,
h6.ozy-divider-cap-center {text-align: center;}
h1.ozy-divider-cap-right,
h2.ozy-divider-cap-right,
h3.ozy-divider-cap-right,
h4.ozy-divider-cap-right,
h5.ozy-divider-cap-right,
h6.ozy-divider-cap-right {text-align: right;} .title-with-icon-wrapper.connected {
position: relative;
margin-bottom: 35px;
}
.title-with-icon-wrapper .title-with-icon span {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.title-with-icon-wrapper.connected:before {
content: '';
width: 0px;
height: auto;
border-left: 1px solid #222222;
position: absolute;
left: 25px;
top: 50px;
bottom: -36px;
}
.title-with-icon-wrapper.connected:last-child {margin-bottom: 0;}
.title-with-icon-wrapper.connected:last-child:before {display: none;}
.title-with-icon-wrapper.connected.large:before {
left: 40px;
top: 80px;
}
.title-with-icon-wrapper.connected.xlarge:before {
left: 60px;
top: 120px;
}
.title-with-icon-wrapper.connected.xxlarge:before {
left: 90px;
top: 180px;
}
.title-with-icon-wrapper.connected.xxxlarge:before {
left: 128px;
top: 256px;
}
.title-with-icon-wrapper>.title-with-icon {margin-bottom: 0 !important;}
.title-with-icon-wrapper>.top-cs.title-with-icon-content {text-align: center;}
.title-with-icon-wrapper>.left-cs.title-with-icon-content.medium {padding-left: 65px;}
.title-with-icon-wrapper>.left-cs.title-with-icon-content.large {padding-left: 95px;}
.title-with-icon-wrapper>.left-cs.title-with-icon-content.xlarge {padding-left: 135px;}
.title-with-icon-wrapper>.left-cs.title-with-icon-content.xxlarge {padding-left: 195px;}
.title-with-icon-wrapper>.left-cs.title-with-icon-content.xxxlarge{padding-left: 271px;}
.title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.medium {padding-left: 65px;}
.title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.large {padding-left: 56px;}
.title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xlarge {padding-left: 77px;}
.title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxlarge {padding-left: 106px;}
.title-with-icon-wrapper.clear>.left-cs.title-with-icon-content.xxxlarge{padding-left: 145px;}
.title-with-icon {
display:table !important;
cursor:default;
}
.title-with-icon.top-style {
text-align:center !important;
width:100%;
}
.title-with-icon>h1,
.title-with-icon>h2,
.title-with-icon>h3,
.title-with-icon>h4,
.title-with-icon>h5,
.title-with-icon>h6 {
display:table-cell;
vertical-align:middle !important;
border-left:15px solid transparent;
}
.title-with-icon>h1>a,.title-with-icon>h2>a,.title-with-icon>h3>a,.title-with-icon>h4>a,.title-with-icon>h5>a,.title-with-icon>h6>a{text-decoration:none;}
.title-with-icon>h1.no-icon,
.title-with-icon>h2.no-icon,
.title-with-icon>h3.no-icon,
.title-with-icon>h4.no-icon,
.title-with-icon>h5.no-icon,
.title-with-icon>h6.no-icon {border-left:none !important;}
.title-with-icon.top-style>h1,
.title-with-icon.top-style>h2,
.title-with-icon.top-style>h3,
.title-with-icon.top-style>h4,
.title-with-icon.top-style>h5,
.title-with-icon.top-style>h6 {
display:block !important;
float:none !important;
border-left:none !important;
}
.title-with-icon.top-style>span:after,
.title-with-icon.top-style>a>span:after {
display:table !important;
clear:both !important;
content:'' !important;
}
.title-with-icon.top-style>span,
.title-with-icon.top-style>a>span {
margin-right:0px !important;
float:none !important;
display:block !important;
margin:0 auto 20px auto !important;
text-decoration: none !important;
}
.title-with-icon.top-style>a {text-decoration: none !important;}
.title-with-icon>span.medium,
.title-with-icon>span.large,
.title-with-icon>span.xlarge,
.title-with-icon>span.xxlarge,
.title-with-icon>span.xxxlarge,
.title-with-icon>a>span.medium,
.title-with-icon>a>span.large,
.title-with-icon>a>span.xlarge,
.title-with-icon>a>span.xxlarge,
.title-with-icon>a>span.xxxlarge {
width:50px;
height:50px;
line-height:56px !important;
font-size:16px !important;
text-align:center;
display:inline-block !important;
background-image:none !important;
text-decoration:none !important;
}
.title-with-icon>span.large,
.title-with-icon>a>span.large {
width:80px;
height:80px;
line-height:90px !important;
font-size:32px !important;
}
.title-with-icon>span.xlarge,
.title-with-icon>a>span.xlarge {
width:120px;
height:120px;
line-height:134px !important;
font-size:48px !important;
}
.title-with-icon>span.xxlarge,
.title-with-icon>a>span.xxlarge {
width:180px;
height:180px;
line-height:200px !important;
font-size:64px !important;
}
.title-with-icon>span.xxxlarge,
.title-with-icon>a>span.xxxlarge {
width:256px;
height:256px;
line-height:294px !important;
font-size:128px !important;
}
.title-with-icon>span.large.clear,
.title-with-icon>a>span.large.clear {
width:40px !important;
height:40px !important;
line-height:55px !important;
margin-bottom:0 !important;
}
.title-with-icon>span.xlarge.clear,
.title-with-icon>a>span.xlarge.clear {
width:60px !important;
height:60px !important;
line-height:60px !important;
margin-bottom:0 !important;
}
.title-with-icon>span.xxlarge.clear,
.title-with-icon>a>span.xxlarge.clear {
width:90px !important;
height:90px !important;
line-height:90px !important;
margin-bottom:0 !important;
}
.title-with-icon>span.xxxlarge.clear,
.title-with-icon>a>span.xxxlarge.clear {
width:128px !important;
height:128px !important;
line-height:128px !important;
margin-bottom:0 !important;
}
.title-with-icon>span.rounded,
.title-with-icon>a>span.rounded {border-bottom:none !important;}
.title-with-icon>span.medium.rounded,
.title-with-icon>a>span.medium.rounded,
.title-with-icon>span.large.rounded,
.title-with-icon>a>span.large.rounded,
.title-with-icon>span.xlarge.rounded,
.title-with-icon>a>span.xlarge.rounded,
.title-with-icon>span.xxlarge.rounded,
.title-with-icon>a>span.xxlarge.rounded,
.title-with-icon>span.xxxlarge.rounded,
.title-with-icon>a>span.xxxlarge.rounded,
.title-with-icon>span.circle,
.title-with-icon>a>span.circle {
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.title-with-icon>span.clear,
.title-with-icon>a>span.clear {
background-color:transparent !important;
border-bottom:none !important;
}
.title-with-icon>span.rounded,
.title-with-icon>span.rectangle,
.title-with-icon>span.circle {overflow: hidden;}
.title-with-icon>a>span.circle,
.title-with-icon>span.circle {border:1px solid #dedede;} .ozy-iabox-wrapper {}
.ozy-iabox {
position: relative;
padding: 30px 36px !important;
background-size: cover;
background-position: center center;
overflow: hidden;
}
.ozy-iabox>a {
display: block;
position: absolute;
width: 100%;
height: 100%;
padding: 30px 36px !important;
top: 0;
left: 0;
text-decoration: none;
z-index: 1;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.ozy-iabox>i,
.ozy-iabox>a>i {
display: block;
position: absolute;
font-size: 32px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
padding-top: 2px;
right: 36px;
bottom: 36px;
}
.ozy-iabox:hover>a {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.ozy-iabox>div,
.ozy-iabox>h2 {
position: relative;
z-index: 1;
}
.ozy-iabox>a>.heading,
.ozy-iabox>.heading {
margin-bottom: 15px;
font-weight: 300 !important;
}
.ozy-iabox>video {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: inline-block;
z-index: 0;
} .ozy-testimonials .owl-prev,
.ozy-testimonials .owl-next{
display:none !important;
}
.ozy-testimonials.ozy-owlcarousel .owl-pagination {
bottom:-50px !important;
}
.ozy-testimonials { backround-color: transparent !important; margin-bottom: 3.5em; }
.ozy-testimonials .thumb {
float: right;
display: block;
width: 48px !important;
height: 48px !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.ozy-testimonials img {
width: 48px !important;
height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
}
.ozy-testimonials .username {
line-height: 48px;
padding-right: 10px;
}
.ozy-testimonials .thumb>span {
display: block;
overflow: hidden;
width: 48px;
height: 48px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.ozy-testimonials .owl-item>div {
text-align: center;
position: relative;
width: auto;
}
.ozy-testimonials .owl-item .info .itext {
float: right;
text-align: right;
padding-right: 10px;
}
.ozy-testimonials .owl-item .info {
white-space:nowrap;
text-align: right !important;
margin-top: 40px;
display: inline-block;
position: relative;
width: auto;
}
.ozy-testimonials .owl-item .subtitle {top: 30px;}
.ozy-testimonials .owl-item .username {top: 20px;}
.ozy-testimonials {width: 100% !important;}
.ozy-testimonials .testimonial {
font-size: 140%;
line-height: 140%;
font-weight: 300;
width:70%;
margin:0 auto;
} .ozy-counter>.timer {
font-size: 57px;
font-weight: bold;
line-height: 57px;
text-align: center;
}
.ozy-counter>span {
display: block;
font-size: 13px;
text-align: center;
}
.ozy-counter>.hr {
display: block;
margin: 20px auto;
width: 30px;
height: 1px;
background-color: #000;
} .row-botton-button {
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -30px;
width: 60px;
height: 60px;
font-size: 32px !important;
line-height: 60px !important;
text-align: center;
font-weight: 700;
}
.ozy-floating-box {
position: relative;
}
.ozy-vertical-centered-element,
.ozy-floating-box>div {
position: absolute;
width: 100%;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}  .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.ozy-owlcarousel.navigation-off .owl-controls,
.owl-carousel.with-feed .owl-controls>.owl-pagination {
display: none !important;
}
.owl-carousel.with-feed .owl-buttons {
position:absolute;
bottom:-60px;
width:90px;
height:40px;
left:50%;
margin-left:-45px;
}
.ozy-owlcarousel.single.with-feed {margin-bottom:110px;}
.ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev{margin-right:10px !important}
.ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev,
.ozy-owlcarousel.single.with-feed .owl-buttons .owl-next{
position:relative !important;
width:40px;
height:40px;
left:0;
font-size:15px;
line-height:40px;
background-color:#fff !important;
color:#000;
border-radius:4px;
border:1px solid #dedede;
opacity:1 !important;
}
.ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev:hover,
.ozy-owlcarousel.single.with-feed .owl-buttons .owl-next:hover {opacity:.5 !important}
.ozy-owlcarousel.single.with-feed .owl-buttons .owl-prev>i,
.ozy-owlcarousel.single.with-feed .owl-buttons .owl-next>i{padding-top:3px} .owl-carousel,
.owl-carousel div {
max-width: none !important;
}
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
overflow:hidden;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .ozy-owlcarousel .item,
.grabbing {cursor:url(//www.trinisinlondon.com/wp-content/themes/odio/images/handnmove.cur) 8 8, move;} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
} .owl-post-slider {
margin-bottom:25px;
}
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 8px;
height: 8px;
margin: 5px 5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #000;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 100px;
background: url(//www.trinisinlondon.com/wp-content/themes/odio/images/progress.gif) no-repeat center center
}
.ozy-owlcarousel[data-items="1"] .item {
margin: 0 !important;
}
.ozy-owlcarousel .item>img {
display: block;
width: 100%;
height: auto;
}
.ozy-owlcarousel .item.item-extended {
position: relative;
overflow: hidden; }
.ozy-owlcarousel .item.item-extended p.instagram-meta {text-align: center;}
.ozy-owlcarousel .item.item-extended p.instagram-meta span {
font-size:32px;
padding-right:20px;
}
.ozy-owlcarousel .item.item-extended p.instagram-meta span i {
padding-top:10px;
padding-right:10px;
}
.ozy-owlcarousel .item.item-extended>a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ozy-owlcarousel.with-feed .item.item-extended>a:hover .overlay-two {background-color:rgba(0,0,0,0)}
.ozy-owlcarousel.with-feed .item{margin:0 10px}
.zoom.wpb_single_image div>img,
.zoom.wpb_single_image div>a>img,
.ozy-image-with-caption>figure>img,
.ozy-fancyimagebox>img {
max-width:100%;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}
.zoom.wpb_single_image div:hover>a>img,
.zoom.wpb_single_image div:hover>img,
.ozy-image-with-caption:hover>figure>img,
.ozy-fancyimagebox:hover>img {
-moz-transform:scale(1.3) rotate(-10deg);
-webkit-transform:scale(1.3) rotate(-10deg);
-o-transform:scale(1.3) rotate(-10deg);
transform:scale(1.3) rotate(-10deg);
}
.ozy-owlcarousel .item.item-extended>a>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ozy-owlcarousel .item.item-extended>a .overlay-one {
position: relative;
-webkit-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.ozy-owlcarousel .item.item-extended>a .overlay-one>* {
-moz-box-sizing: border-box;
color: #FFFFFF;
position: absolute;
text-align: center;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -43%);
-ms-transform: translate(0px, -43%);
width: 100%;
text-align: center;
margin: 0 !important;
}
.ozy-owlcarousel .item.item-extended>a .overlay-one>h4 {padding:10px;}
.ozy-owlcarousel .item.item-extended>a .overlay-one>span {
font-size: 80px;
line-height: 100px;
display: block;
}
.ozy-owlcarousel .item.item-extended>a .overlay-two {
background-color: rgba(0,0,0,0.5);
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.ozy-owlcarousel .item.item-extended>a .overlay-two>p {
position: absolute;
bottom: 10px;
padding: 30px;
font-size: 20px;
line-height: 27px;
font-weight: 300 !important;
}
.ozy-owlcarousel .item.item-extended>a .overlay-two>p>span {
display: block;
font-size: 26px;
line-height: 36px;
padding-top: 30px;
}
.ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div {padding: 14px 30px;}
.ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>h3,
.ozy-owlcarousel.with-feed .item.item-extended>a .overlay-two>div>p {
text-align: left !important;
opacity:.5;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
}
.ozy-owlcarousel.with-feed .item.item-extended:hover>a .overlay-two>div>h3,
.ozy-owlcarousel.with-feed .item.item-extended:hover>a .overlay-two>div>p {opacity:1;} .ozy-owlcarousel.single .owl-item .caption {
padding:0 150px;
position:absolute;
width: 100%;
left:0;
top: 50%;
-webkit-transform: translate(100px,-50%);
-moz-transform: translate(100px,-50%);
-ms-transform: translate(100px,-50%);
transform: translate(100px,-50%);
transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.ozy-owlcarousel.single .owl-item.active .caption {
-webkit-transform: translate(0px,-50%);
-moz-transform: translate(0px,-50%);
-ms-transform: translate(0px,-50%);
transform: translate(0px,-50%);
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.ozy-owlcarousel.single .owl-item .caption a.generic-button,
.ozy-owlcarousel.single .owl-item .caption a.frame {
display:inline-block;
margin-top:10px;
border:2px solid #ffffff;
padding:6px 14px;
text-decoration:none;
}
.ozy-owlcarousel.single .owl-item .caption a.generic-button {
border:none !important;
}
.ozy-owlcarousel.single .owl-buttons .owl-prev,
.ozy-owlcarousel.single .owl-buttons .owl-next {
position: absolute;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
top:0;
height:100%;
left:0;
width:100px;
height:100%;
text-align:center;
line-height:64px;
font-size:64px;
background-color:transparent !important;
padding:0 !important;
margin:0 !important;
}
.ozy-owlcarousel.single .owl-buttons .owl-prev i,
.ozy-owlcarousel.single .owl-buttons .owl-next i {
display:block;
position:absolute;
width:100%;
text-align:center;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ozy-owlcarousel.single .owl-buttons .owl-next {
left:inherit;
right:0;
}
.ozy-owlcarousel.single .owl-controls {
text-align: center;
margin-top: -28px;
}
.ozy-owlcarousel.single .owl-pagination {display:none;}
@media only screen and (max-width: 1200px) {
.ozy-owlcarousel.single .owl-pagination {bottom: 40px; }
}
@media only screen and (max-width: 760px) {
.ozy-owlcarousel.single .owl-pagination { bottom: 20px; }
}
.ozy-owlcarousel.single .owl-pagination .progressbar {
position: absolute;
top: 0;
bottom: 0;
left: 5px;
max-width: 97%;
width: 0px;
background: white;
z-index: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box; transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.ozy-owlcarousel.single .owl-pagination .owl-page {
display: inline-block;
z-index: 10;
position: relative;
width: 20px;
height: 20px;
background: #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
background-clip: padding-box; margin-left: 80px;
top:-5px;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
}
.ozy-owlcarousel.single .owl-controls .owl-page span {
width: 10px !important;
height: 10px !important;
}
@media only screen and (max-width: 1200px) {
.ozy-owlcarousel.single .owl-pagination .owl-page { margin-left: 40px; }
}
.ozy-owlcarousel.single .owl-pagination .owl-page:after {
content: '';
display: block;
position: absolute;
top: -1px;
left: -1px;
width: 22px;
height: 22px;
background: none;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
border-radius: 12px;
background-clip: padding-box; border: 9px solid white;
transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.ozy-owlcarousel.single .owl-pagination .owl-page.active:after { border-width: 6px; }
.ozy-owlcarousel.single .owl-pagination .owl-page:first-child { margin-left: 0; } .ozy-owlcarousel .item.item-extended.testimonial {
border-radius:4px;
margin:0 10px;
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a {text-decoration:none;}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>img {float:left;}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div {
position:absolute;
background-color:#000;
background-color:rgba(0,0,0,.8);
color:#fff;
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one { bottom:80px;
opacity:0;
border-top-left-radius:4px;
border-top-right-radius:4px;
padding:36px;
text-align:center;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1,
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 {
position:absolute;
font-size:18px !important;
opacity:.5;
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-1 {
left:15px;
top:15px;
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-ms-transform:scaleX(-1);
transform:scaleX(-1);
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.one i.icon-2 {
right:15px;
bottom:15px;
-webkit-transform: rotate(-180deg) scaleX(-1);
-moz-transform: rotate(-180deg) scaleX(-1);
-o-transform: rotate(-180deg) scaleX(-1);
-ms-transform: rotate(-180deg) scaleX(-1);
transform: rotate(-180deg) scaleX(-1);
}
.ozy-owlcarousel .item.item-extended.testimonial:hover>div>a>div.one {
opacity:1;
bottom:100px;
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two {
bottom:0;
height:100px;
padding:15px;
width:100%;
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span {
position:absolute;
top:50%;
width:62%;
transform: translate(15px, -50%);
-webkit-transform: translate(15px, -50%);
-ms-transform: translate(15px, -50%);
font-size:90%;
}
.ozy-owlcarousel .item.item-extended.testimonial>div>a>div.two>span>br{margin:0 !important;}
.ozy-owlcarousel .item.item-extended.testimonial>div>a .profile-pic {
float:left;
width:70px;
height:70px;
border-radius:4px;
} .ozy-owlcarousel.woocommerce-carousel .item-extended figure {position:relative;}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.7);
opacity:0;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
}
.ozy-owlcarousel.woocommerce-carousel .item-extended:hover div.overlay {
opacity:1;
}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.info {text-align:center;}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div {
position:absolute;
width:50%;
height:110px;
top:50%;
left:50%;
margin-left:-25%;
margin-top:-60px;
}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a {
display:inline-block;
width:100%;
line-height:50px;
text-align:center;
font-size:12px;
text-decoration:none;
}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button {
background-color:#fff !important;
color:#000 !important;
margin-bottom:10px;
}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details {
background-color:#000 !important;
color:#fff !important;
}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.button:hover {background-color:rgba(255,255,255,0.7) !important;}
.ozy-owlcarousel.woocommerce-carousel .item-extended div.overlay>div>a.product-details:hover {background-color:rgba(0,0,0,0.7) !important;} .ms-moz .ms-slide-bgcont>img { transform: translateX(0px); } .ms-tabs .ms-thumb>h2{line-height:inherit !important;}
.master-slider div:not(.ms-tooltip), .master-slider img { max-width: none !important; }
.master-slider a { -webkit-transition: none !important; -moz-transition : none !important; transition: none !important; }
.wpb_row .master-slider-parent * { -webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center{margin: -6px 0 0 -6px !important;}
.ms-tooltip-point .ms-point-center{border-color:#FF0004 !important;background-color:#CC0003 !important;}
.ms-skin-black-1 .ms-tabs .ms-thumb-frame {
background-color: #2c2c2c;
text-shadow: none !important;
color: #fff;
border: solid 1px #000;
}
.ms-skin-black-1 .ms-tabs .ms-thumb-frame-selected {background: #000 !important;}
.ms-skin-black-1 .ms-thumb-ol {border-bottom-color:#000 !important;}
.page-template-page-masterslider-full-php #main {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.page-template-page-masterslider-full-php #main>.container {
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
.master-slider-parent {	padding-bottom:0 !important; }
div.ms-thumbs-cont { max-width: none !important; } #mc_signup{
max-width:340px;
margin:0 auto;
}
#mc_signup #mc_signup_submit {
width:100% !important;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
}
#mc_signup #mc_mv_EMAIL {
padding:12px 15px;
background-color:#fff !important;
border-radius:2px;
}
.mc_custom_border_hdr,
.mc_var_label.mc_header.mc_header_email,
.mergeRow{display:none !important;}
.mc_form_inside{position: relative;}
.mc_merge_var{width: 100%;padding-right: 86px;}
.mc_signup_submit{
min-width: 140px;
position: absolute;
right: 0;
padding: 0;
text-align: right;
bottom: 0;
}
.mc_signup_submit>input{
padding:12px 10px;
}
#footer-wrapper #mc_signup_form .mc_input {
border-top-right-radius:0!important;
border-bottom-right-radius:0!important;
}
#footer-wrapper #mc_signup_submit {
border-top-left-radius:0!important;
border-bottom-left-radius:0!important;
} form.ns_widget_mailchimp_form{
position: relative;
padding-bottom: 20px;
}
form.ns_widget_mailchimp_form input[type=email] {
position: absolute;
left: 0;
background-color:transparent !important;
}
form.ns_widget_mailchimp_form input.button {
position: absolute;
right: 0;
padding-left: 15px;
padding-right: 15px;
}
form.ns_widget_mailchimp_form label{display: none !important;}
.wpb_content_element #mc_signup_submit {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
@-moz-document url-prefix() {
#mc_signup_submit{height:47px;}
} .ozy-grid-gallery {
width: 100%;
height: auto;
}
.ozy-grid-gallery>ul {
padding:0 !important;
}
.ozy-grid-gallery li {
width: 25%;
position: relative;
float: left;
overflow: hidden;
}
.ozy-grid-gallery .transform {
-webkit-transition: all .25s cubic-bezier(.2, .31, .36, 1);
-moz-transition: all .25s cubic-bezier(.2, .31, .36, 1);
-o-transition: all .25s cubic-bezier(.2, .31, .36, 1);
transition: all .25s cubic-bezier(.2, .31, .36, 1);
}
.ozy-grid-gallery span {
width: 100%;
height: 100%;
display: block;
}
.ozy-grid-gallery img {
position: relative;
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.ozy-grid-gallery .info {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
background: #000;
text-align: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.ozy-grid-gallery .info h3 {color:#fff !important;}
.ozy-grid-gallery .title {
font-weight: bold;
font-size: 20px;
color: rgb(43, 43, 43);
position: relative;
top: 45%;
}
.page-template-page-grid-gallery-php #main>.container {
padding:0 !important;
}
.page-template-page-grid-gallery-php #main>.container>#content {
max-width:100% !important;
width:100% !important;
padding:0 !important;
} body.page-template-page-countdown-php #ozycounter,
body.error404 #error404 {
padding-top: 60px;
position: relative;
z-index: 1;
}
body.page-template-page-countdown-php #ozycounter h1,
body.page-template-page-countdown-php #ozycounter p,
body.error404 #error404 h1,
body.error404 #error404 p {
color: #fff !important;
text-align: center;
}
body.error404 #error404 input {
margin-top: 60px;
width: 100%;
}
body.error404 #error404 .wp-search-form {margin-top:35px;}
body.page-template-page-countdown-php #canvas,
body.error404 #canvas {
display: block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:0;
}
body.page-template-page-countdown-php .post-content {
margin-top:30px !important;
text-align:center;
}
body.page-template-page-countdown-php #ozycounter #counter {
margin-top:30px;
display:inline-block;
}
body.page-template-page-countdown-php #ozycounter .desc>div {
width:25%;
text-align:center;
float:left;
}
body.page-template-page-countdown-php #ozycounter #counter .cntSeparator {
font-size:32px;
font-weight:700;
color:#fff;
margin:0 10px;
line-height:71px;
}
body.page-template-page-countdown-php #trees,
body.error404 #trees {
position:absolute;
bottom:0;
left:0;
width:100%;
height:457px;
background:url(//www.trinisinlondon.com/wp-content/themes/odio/images/assets/trees2.png) no-repeat bottom center;
background-size:cover;
} body.error404,
body.page-template-page-countdown-php,
body.page-template-page-masterslider-full-php {
padding: 0 !important;
margin: 0 !important;
}
body.error404 #main,
body.page-template-page-countdown-php #main,
.page-template-page-masterslider-full-php #main {
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate(0, 0);
-ms-transition: -ms-transform 0.28s ease-in-out;
-moz-transition: -moz-transform 0.28s ease-in-out;
-webkit-transition: -webkit-transform 0.28s ease-in-out;
transition: transform 0.28s ease-in-out;
position: relative;
} .ozy-anything-wrapper.center{text-align:center;}
.ozy-anything-wrapper.left{text-align:left;}
.ozy-anything-wrapper.right{text-align:right;}
.ozy-anything-wrapper.center>*,
.ozy-anything-wrapper.left>*,
.ozy-anything-wrapper.right>*{display:inline-block;}
.ozy-anything-wrapper-x .parallax-wrapper {max-width:100% !important;}
.ozy-anything-wrapper-x.v-center {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.ozy-anything-wrapper-x.v-bottom {
position: absolute;
top:inherit;
bottom:0;
}
.ozy-anything-wrapper-x.h-center {
position: absolute;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.ozy-anything-wrapper-x.h-right {
position: absolute;
right:0;
transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
}
.ozy-anything-wrapper-x.v-center.h-center {
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.ozy-anything-wrapper-x.v-center.h-right {
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
} .autoAlbums-breadcrumb{
background-color:transparent !important;
padding:10px 0 10px 0 !important;
margin-bottom: 30px;
}
.autoAlbums-breadcrumb li {
color:inherit !important;
text-shadow:none !important;
}  .flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
max-width: inherit !important;
}
.flip-container.has-extended-content {cursor:pointer;}
.flip-container .extended-content {display:none;}
#side-extended-content-overlay {
background-color:#000;
background-color:rgba(0,0,0,.5);
position:fixed;
width:100%;
height:100%;
top:0;
left:100%;
right:0;
bottom:0;
z-index:1000;
opacity:0;
}
#side-extended-content {
position:fixed;
right:-300px;
top:0;
bottom:0;
opacity:0;
width:600px;
background-color:#fff;
overflow-y:scroll;
display:none;
}
#side-extended-content button.close {
position:absolute;
right:38px;
top:10px;
background-color:transparent;
border:none;
outline:none;
font-size:32px;
height:32px;
width:32px;
line-height:32px;
cursor:pointer;
}
#side-extended-content h3.title {
padding:15px 50px;
background-color:#f8f8f8;
color:#000;
}
#side-extended-content div.content {
padding:20px 50px 50px 50px;
color:#000;
}
#side-extended-content div.content ul,
#side-extended-content div.content ol {padding-left:24px;}
.flip-container p>br {margin-bottom: 1em !important;} .flip-container:hover .back,.flip-container.hover .back {-webkit-transform:rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
.flip-container:hover .front, .flip-container.hover .front{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);} .flip-container, .flip-container .front,.flip-container .back {width:100%;height:100%;}
.flip-container .front>section,.flip-container .back>section {position:absolute;bottom:0;width:100%;padding:0 30px 30px 30px;}
.flip-container .back>section {bottom:inherit;top:0;padding:30px;height:100%;}
.flip-container .back>section>span.content-color-alternate{position:absolute;bottom:30px;left:30px;}
.flip-container .front h4,.flip-container .front p, .flip-container .back h4, .flip-container .back p {padding:0 !important;}
.flip-container .front i,.flip-container .back i {display: block;font-size: 48px;line-height: 48px;margin: 20px 0;}
.flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-ms-transition: 0.6s;-moz-transition: 0.6s;-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;display: block;position: relative;height: 100%;}
.flip-container .front,.flip-container .back {background-size:cover;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;-ms-transition: 0.6s;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;display: block;position: absolute;top: 0;left: 0; background-repeat: no-repeat;background-position: center center;}
.flip-container .front{-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);z-index: 2;}
.flip-container .back{-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);} .vertical.flip-container{position: relative;}
.vertical .back{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);transform: rotateX(180deg);}
.vertical.flip-container .flipper{-webkit-transform-origin: 100% 213.5px;-moz-transform-origin: 100% 213.5px;-ms-transform-origin: 100% 213.5px;transform-origin: 100% 213.5px;} .vertical.flip-container:hover .back,.vertical.flip-container.hover .back{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);}
.vertical.flip-container:hover .front,.vertical.flip-container.hover .front{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}  #header,
#head-mobile {
width: 100%;
z-index: 3;
position:fixed;
top:0;
padding:40px;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
}
#header.wider{padding:0 !important;}
#header.wider nav#top-menu .right-part,
#header.wider nav#top-menu.left .right-part,
#header.wider nav#top-menu{border-radius:0 !important;}
body.ozy-page-model-boxed #header {
max-width:1212px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
#header #slide-menu {
float: right;
position: absolute;
right: 0;
top: 0;
z-index: 999;
-webkit-transition: background .2s;
transition: background .2s;
}
#header .container {
margin:0 auto;
padding: 0 36px;
overflow: inherit !important;
}
#header>header>div.container{position:relative;}
#top-search {
position: relative;
width:100%;
z-index:-10;
opacity:0;
top:0;
left:0;
-webkit-transition:opacity .25s linear;
-moz-transition:opacity .25s linear;
transition:opacity .25s linear
}
.search-input-unfold {
width:100%;
height:0;
display:block;
overflow:hidden;
position:relative;
-webkit-transition:height .25s .2s;
-moz-transition:height .25s .2s;
transition:height .25s .2s;
-webkit-perspective:1600;
-moz-perspective:1600;
perspective:1600px
}
.search-input-unfold form {
background-color:#fff;
height:100px;
position:relative;
-webkit-transform:rotateX(-100deg);
-moz-transform:rotateX(-100deg);
-ms-transform:rotateX(-100deg);
-o-transform:rotateX(-100deg);
transform:rotateX(-100deg);
-webkit-transform-origin:top center;
-moz-transform-origin:top center;
-ms-transform-origin:top center;
-o-transform-origin:top center;
transform-origin:top center;
-webkit-transition:all .25s linear;
-moz-transition:all .25s linear;
transition:all .25s linear
}
.search-input-unfold.open {
height:100px;
-webkit-transition-delay:0;
-moz-transition-delay:0;
transition-delay:0;
}
.search-input-unfold.open form {
-webkit-transform:rotateX(0);
-moz-transform:rotateX(0);
-ms-transform:rotateX(0);
-o-transform:rotateX(0);
transform:rotateX(0);
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
transition-delay:.2s;
}
#top-search.open {
opacity:1;
z-index:10
}
#top-search>form>* {color:#444444 !important;}
#top-search>form>input[type=text]{
border:none !important;
background-color: transparent !important;
width:100%;
font-size:40px;
line-height:60px;
padding-top:20px !important;
padding-left:80px !important;
padding-right:80px !important;
}
#top-search i {
font-size:40px !important;
width:40px !important;
height:40px !important;
margin-top:-20px !important;
}
#top-search i.oic-pe-icon-7-stroke-24 {left:20px;}
#top-search i.oic-pe-icon-7-stroke-139 {right:20px;} .ozy-simlple-info-box {
position:relative;
transform-origin:top center;
-webkit-transition:all .10s ease-in-out;
-moz-transition:all .10s ease-in-out;
transition:all .10s ease-in-out;
}
.ozy-simlple-info-box:hover {
margin-top:-20px;
}
.ozy-simlple-info-box>img {
display:block;
max-width:100%;
border-radius:4px;
}
.ozy-simlple-info-box>section {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:10px 30px;
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%);
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
border-radius:4px;
}
.ozy-simlple-info-box>section>a {
display:inline-block;
border:1px solid #fff;
padding:6px 18px;
font-size:11px !important;
margin-top:20px;
border-radius:220px;
text-decoration:none;
} .ozy-spacer{clear:both} .fancybox-inner img{max-width:100%;}
.fancybox-inner img.block{display:block;} @-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
body .vinyl-player-wrapper>span,
body .vinyl-player-wrapper>h5 {text-align:center;}
body .vinyl-player-wrapper>span {
display:block;
width:100%;
}
body .vinyl-player-wrapper>span:first-child {padding-top:10px;}
body .vinyl-player-wrapper>span.vinyl-title {font-weight:700;}
body .vinyl-player-wrapper>span.vinyl-artist {
line-height:110%;
font-size:80%;
}
body .vinyl-player-wrapper>span.vinyl-genre {
line-height:110%;
font-size:80%;
opacity:.8;
padding-bottom:10px;
}
body .vinyl-player-container {
height: 190px;
width: 190px;
position: relative;
margin: 15px auto;
}
body .vinyl-player-container:hover .vinyl-player-cover a.vinyl-player-play .vinyl-player-play-button,
body .vinyl-player-container:hover .vinyl-player-cover a.vinyl-player-pause .vinyl-player-pause-button {opacity: .9;}
body .vinyl-player-container:hover .vinyl-player-vinyl {left: 110px;}
body .vinyl-player-container.open .vinyl-player-vinyl {left: 110px;}
body .vinyl-player-cover {
height: 190px;
width: 190px;
position: absolute;
top: 0;
left: 0;
background-position:center center;
background-size: cover;
z-index: 2;
border-radius: 2px;
box-shadow: inset 0 0px 1px 1px rgba(255, 255, 255, 0.4), inset 0 0 160px 0 rgba(0, 0, 0, 0.4);
}
body .vinyl-player-cover a {
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
body .vinyl-player-cover a .vinyl-player-play-button,
body .vinyl-player-cover a .vinyl-player-play-button:after,
body .vinyl-player-cover a .vinyl-player-play-button:before {
width: 30px;
height: 30px;
position: absolute;
background: white;
border-top-right-radius: 30%;
margin: 0 0 0 72px;
-webkit-transition: margin .2s;
transition: margin .2s;
}
body .vinyl-player-cover a .vinyl-player-play-button {
-webkit-transform: rotate(-90deg) skewX(-30deg) scale(1, 0.866);
-moz-transform: rotate(-90deg) skewX(-30deg) scale(1, 0.866);
transform: rotate(-90deg) skewX(-30deg) scale(1, 0.866);
opacity: .6;
-webkit-transition: opacity .2s, top .2s;
transition: opacity .2s, top .2s;
top: -72px;
}
body .vinyl-player-cover a .vinyl-player-play-button:before {
content: '';
position: absolute;
left: 0;
margin: 0;
-webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
-moz-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
body .vinyl-player-cover a .vinyl-player-play-button:after {
content: '';
position: absolute;
left: 0;	
margin: 0;
-webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
-moz-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}
body .vinyl-player-cover a .vinyl-player-pause-button,
body .vinyl-player-cover a .vinyl-player-pause-button:after {
height: 54px;
width: 12px;
background: white;
border-radius: 5px;
position: absolute;
top: 216px;
left: 78px;
opacity: .6;
-webkit-transition: top .2s, opacity .2s;
transition: top .2s, opacity .2s;
}
body .vinyl-player-cover a .vinyl-player-pause-button:after {
content: '';
top: 0;
left: 26px;
opacity: 1;
}
body .vinyl-player-cover a.vinyl-player-play .vinyl-player-play-button {top: 72px;}
body .vinyl-player-cover a.vinyl-player-pause .vinyl-player-pause-button {top: 66px;}
body .vinyl-player-vinyl {
position: absolute;
height: 180px;
width: 180px;
background: #121316;
background-image: radial-gradient(ellipse at center, #121316 29%, #151515 30%, #151515 31%, #121316 32%, #121316 33%, #101010 34%, #101010 35%, #121316 36%, #121316 37%, #080808 38%, #080808 39%, #121316 40%, #121316 41%, #151515 42%, #151515 43%, #121316 44%, #121316 45%, #080808 46%, #080808 47%, #121316 48%, #121316 49%, #0b0b0b 50%, #0b0b0b 51%, #121316 52%, #121316 53%, #101010 54%, #101010 55%, #121316 56%, #121316 57%, #080808 58%, #080808 59%, #121316 60%, #121316 61%, #1a1a1a 62%, #1a1a1a 63%, #121316 64%, #121316 65%, #101010 66%, #101010 67%, #121316 68%);
left: 5px;
top: 5px;
border-radius: 50%;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px #111111;
-webkit-transition: left .2s;
transition: left .2s;
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
body .vinyl-player-vinyl.animated {
-webkit-animation-play-state: running;
animation-play-state: running;
}
body .vinyl-player-vinyl .light {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
overflow: hidden;
background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.08)), color-stop(70%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
}
body .vinyl-player-vinyl .noise {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
overflow: hidden;
background: url(data:image/png;base64,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) transparent;
}
body .vinyl-player-vinyl .vinyl-player-inner {
width: 62px;
height: 62px;
border-radius: 50%;
background: #F0A700;
border: solid 4px #bd8400;
top: 59px;
left: 59px;
position: absolute;
transform-origin: center center;
}
body .vinyl-player-vinyl .vinyl-player-inner:after {
content: '';
position: absolute;
background: #585d69;
border: solid 1px #1e161f;
height: 10px;
width: 10px;
border-radius: 50%;
left: 22px;
top: 22px;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
} .ozy-simple-hove-box>h5 {
position:relative;
padding-left:30px;
margin-bottom:10px;
}
.ozy-simple-hove-box>h5>span.cbox{
width:18px;
height:18px;
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-9px;
}
.ozy-simple-hove-box>a {
position:relative;
display:block;
}
.ozy-simple-hove-box>a>img {
display:block;
max-width:100%;
}
.ozy-simple-hove-box>a>section {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
-webkit-transition: all .2s;
transition: all .2s;
}
.ozy-simple-hove-box>a>section>p {
padding:20px;
text-align:center;
}
.ozy-simple-hove-box>a:hover>section {
opacity:1;
} #ozy-background-cycler{
padding:0;
margin:0;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:0;
display:none;
}
#ozy-background-cycler>div{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
background-position:center center;
background-size:cover;
}
#ozy-background-cycler>div.active{z-index:3} ul.blog-listing-latest { list-style-type:none !important;padding-left:0 !important;}
ul.blog-listing-latest>li{
float:left;
clear:both;
margin-bottom:20px;
}
ul.blog-listing-latest>li h4{line-height:1em !important;}
ul.blog-listing-latest>li div.box-date{background-color:#000;float:left;margin:0 20px 20px 0;min-height:60px;width:50px}
ul.blog-listing-latest>li div.box-date>span{display:block;text-align:center}
ul.blog-listing-latest>li div.box-date>span.d{background-color:#666;font-size:22px;font-weight:700;line-height:40px}
ul.blog-listing-latest>li div.box-date>span.m{font-size:12px;text-transform:uppercase}
ul.blog-listing-latest>li div.info-bar{font-size:90%}
ul.blog-listing-latest>li div.box-wrapper{margin-left:70px} .ozy-spinner-list>ul {
padding:0 !important;
}
.ozy-spinner-list>ul>li {
list-style:none;
}
.ozy-spinner-list>ul>li>div {
position: relative;
margin:0 auto;
padding:0 36px;
-webkit-transition: all .2s;
transition: all .2s;
}
.ozy-spinner-list>ul>li>div>a {
display:inline-block;
font-size:30px;
text-decoration:none !important;
width:100%;
padding:60px 0;
}
.ozy-spinner-list>ul>li>div:hover {
padding-left:76px;
}
.ozy-spinner-list>ul>li>div>a>span {
display:block;
font-size:11px;
font-style:italic;
padding-top:10px;
} .ozy-news-bar>ul {
padding:0 !important;
}
.ozy-news-bar>ul>li {
list-style:none;
float:left;
width:25%;
padding-right:36px;
}
.ozy-news-bar>ul>li:first-child {
padding-left:36px;
}
.ozy-news-bar>ul>li>h1 {
margin:0 0 10px 0 !important;
line-height:1em !important;
}
.ozy-news-bar>ul>li a {
font-weight:700;
}
.ozy-news-bar>ul>li:first-child>h1 {
font-size:68px !important;
font-weight:700 !important;
}
.ozy-news-bar>ul>li:first-child>h2 {
font-size:34px !important;
font-weight:700 !important;
}
.ozy-news-bar>ul>li:first-child>a {
display:inline-block;
padding:6px 2px 6px 18px;
border-radius:22px;
margin-top:10px;
font-weight:500 !important;
text-decoration:none !important;
}
.ozy-news-bar>ul>li:first-child>a>i {
padding-left:20px !important;
font-size:24px !important;
vertical-align: text-top;
transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
}
.ozy-news-bar>ul>li:first-child>a:hover>i{padding-left:30px !important;} .ozy-colored-content-box>section {text-align:center;}
.ozy-colored-content-box img {max-width:100%;}
.ozy-colored-content-box>section.overlay {
position:absolute;
width:100%;
height:80px;
bottom:0;
left:0;
transition: all .6s;
-moz-transition: all .6s;
-webkit-transition: all .6s;
}
.ozy-colored-content-box:hover>section.overlay {
bottom:100%;
opacity:0;
}
.ozy-colored-content-box>section>span.caption:after {
content: "";
display: table;
clear:both;
}
.ozy-colored-content-box>section>span.tag {
display:block;
font-size:12px;
}
.ozy-colored-content-box>section>span.caption {
padding:6px 10px;
margin-bottom: 10px;
display:inline-block !important;
}
.ozy-colored-content-box:hover>section.overlay-two {
top:0;
margin-top:0;
}
.ozy-colored-content-box>section.overlay-two {
position:absolute;
width:100%;
height:100%;
top:100%;
margin-top:-6px;
z-index:1;
transition: all .6s;
-moz-transition: all .6s;
-webkit-transition: all .6s;
} .ozy-image-with-caption section {padding:30px;}
.ozy-image-with-caption section span.tag{
display:inline-block;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.ozy-image-with-caption figure {
overflow:hidden;
position:relative;
}
.ozy-image-with-caption figure>span {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
opacity:0;
-webkit-transition: all .2s;
transition: all .2s;
}
.ozy-image-with-caption:hover figure>span {opacity:1;}
.ozy-image-with-caption figure>span>i {
font-size:128px;
line-height:128px;
width:128px;
height:128px;
position:absolute;
top:50%;
margin-top:-64px;
left:50%;
margin-left:-64px;
} .ozy-colored-content-box,
.ozy-image-with-caption,
.ozy-fancyimagebox {
position: relative;
overflow:hidden;
display:block;
text-decoration:none !important;
}
.ozy-colored-content-box img,
.ozy-image-with-caption img,
.ozy-fancyimagebox img {
position:relative;
display:block;
}
.ozy-fancyimagebox>section {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.75) 3%, rgba(0, 0, 0, 0) 100%);
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
}
.ozy-fancyimagebox>section>section {
position:absolute;
bottom:0;
width:100%;
padding-bottom:40px;
text-align:center;
}
.ozy-fancyimagebox>section>section>span.tag {
display:inline-block;
padding:3px 9px;
border:1px solid red;
font-size:80%;
background-color:rgba(0,0,0,0.40);
}
.ozy-fancyimagebox>section>section>span.line {
width:50px;
height:1px;
display:inline-block;
border-bottom:1px solid red;
} .ozy-timeline-wrapper { position: relative; padding-top: 40px; } .ozy-timeline-wrapper>.timeline-caption { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; font-weight: 300 !important; } .ozy-timeline-wrapper>.timeline-caption>span { padding: 10px 15px; border-radius: 2px; background-color: #222222; color: #fff; } .timeline { list-style: none; padding: 20px 0 20px 0 !important; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 55px; font-size: 1.5em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-title{margin-top: 0;color:inherit;}
.timeline-body > p,.timeline-body > ul{margin-bottom: 0;}
.timeline-body > p + p{margin-top: 5px;}
@media (max-width: 767px) {
ul.timeline:before{left: 40px;}
ul.timeline > li > .timeline-panel{width: calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);}
ul.timeline > li > .timeline-badge{left:15px;margin-left: 0;top: 16px;}
ul.timeline > li > .timeline-panel{float: right;}
ul.timeline > li > .timeline-panel:before{border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
ul.timeline > li > .timeline-panel:after{border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
} .ozy-event-list>table th,
.ozy-event-list>table td {
padding:20px 0 20px 40px !important;
text-align:left;
border:none !important;
}
.ozy-event-list>table th.link,
.ozy-event-list>table td.link{
text-align:right;
padding-right:40px !important;
}
.ozy-event-list>table td>a {
padding:10px 20px;
text-decoration:none;
}
.ozy-event-list>table td.separator {
height:1px !important;
background-color:transparent !important;
padding:0 !important;
} .ozy-popup-lightbox-wrapper {
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
max-width:100%;
max-height:100%;
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,.7);
}
.ozy-popup-lightbox-wrapper {
z-index: 1000;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.ozy-popup-lightbox-wrapper.active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.ozy-popup-lightbox-center {
position:absolute;
top:50%;
left:50%;
margin-top:-225px;
margin-left:-250px;
width:500px;
height:450px;
padding: 30px;
background: #fff;
}
.ozy-popup-lightbox-center h3 {
margin-bottom:30px !important;
}
.ozy-popup-lightbox-center h3:first-letter {
border-bottom:2px solid #444;
}
.ozy-popup-lightbox-center .ozy-popup-window-close {
position:absolute;
right:30px;
top:30px;
font-size:16px;
line-height:16px;
text-decoration:none !important;
}
.ozy-popup-lightbox-wrapper.wpml .ozy-popup-lightbox-center{
margin-top: -150px;
margin-left: -120px;
width: 300px;
height: 240px;
}
.ozy-popup-lightbox-wrapper.wpml .ozy-popup-lightbox-center li{list-style:none}
.ozy-popup-lightbox-wrapper.wpml .ozy-popup-lightbox-center li>a>img {padding-right:5px}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  { .ozy-event-list>table,
.ozy-event-list>table thead,
.ozy-event-list>table tbody,
.ozy-event-list>table th,
.ozy-event-list>table td,
.ozy-event-list>table tr {display: block}
.ozy-event-list>table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.ozy-event-list>table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding:10px 0 10px 50% !important
}
.ozy-event-list>table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.ozy-event-list>table th.link,
.ozy-event-list>table td.link{text-align:left}
.ozy-event-list>table td:before{
padding-left:10px;
font-weight:700;
}
.ozy-event-list>table td>a{
display:inline-block;
margin-bottom:5px;
}
} @media screen and (min-width:1280px){
#top-menu .menu-item-wpml>a,
#top-menu .menu-item-search>a {padding-right:0 !important;}
#top-menu>ul .menu-item-wpml>a {padding-right:17px !important;}
#top-menu .menu-item-wpml>ul {width:140px !important;}
#top-menu .menu-item-wpml>a:before,
#top-menu .menu-item-wpml>a:after {display:none !important;}
#top-menu .menu-item-wpml>a>span,
#top-menu .menu-item-search>a>span {
width:44px;
height:44px;
display:inline-block;
text-align: center;
}
#top-menu .menu-item.mobile-only{display:none}
#top-menu .menu-item-search>a>span {text-indent:4px;}
#top-menu .menu-item-search:last-child {margin-right:17px;}
#top-menu.left .logo {
left:inherit;
right:0;
}
#top-menu.left>ul {float:left;}
#top-menu.left .menu-item-wpml:first-child>a {
margin-left:17px;
padding-right:0 !important;
}
#top-menu .dropdown-menu {z-index:999;}
#top-menu .logo>a>img {display:block}
}
li.menu-item-side-menu .menu {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translate3d(0, -50%, 0);
width: 20px;
padding: 18px 14px;
margin: auto;
cursor: pointer;
}
li.menu-item-side-menu .menu span {
display: block;
position: relative;
width: 20px;
height: 2px;
margin-bottom: 3px;
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
li.menu-item-side-menu .menu span:first-child:after,
li.menu-item-side-menu .menu span:first-child:before {transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);}
li.menu-item-side-menu .menu span:nth-child(2):after,
li.menu-item-side-menu .menu span:nth-child(2):before {transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.08s;}
li.menu-item-side-menu .menu span:last-child {margin-bottom: 0;}
li.menu-item-side-menu .menu span:last-child:after,
li.menu-item-side-menu .menu span:last-child:before {transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s, opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0.18s;}
li.menu-item-side-menu .menu span:after,
li.menu-item-side-menu .menu span:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
pointer-events: none;
}
li.menu-item-side-menu .menu span:before {background: #ffffff;opacity: 1;transform: translate3d(0%, 0, 0);}
li.menu-item-side-menu .menu span:after {background: #000000;opacity: 0;transform: translate3d(100%, 0, 0);}
li.menu-item-side-menu .menu:hover span:before {opacity: 0;transform: translate3d(-100%, 0, 0);}
li.menu-item-side-menu .menu:hover span:after {opacity: 1;transform: translate3d(0%, 0, 0);}
li.menu-item-side-menu .menu.is-active span:nth-child(2) {opacity: 0;}
li.menu-item-side-menu .menu.is-active span:first-child {transform: translate3d(0, 5px, 0) rotate3d(0, 0, 1, -45deg);}
li.menu-item-side-menu .menu.is-active span:last-child {transform: translate3d(0, -5px, 0) rotate3d(0, 0, 1, 45deg);}
li.menu-item-wc {padding-right:30px;}
li.menu-item-wc>a{text-decoration:none;}
li.menu-item-wc>a>span {
display:block;
position:absolute;
top:50%;
right:-12px;
margin-top:-25px;
width:18px;
height:18px;
border-radius:50%;
background-color:rgba(255,166,0,1.00);
line-height:18px !important;
text-align:center !important;
font-size:10px !important;
font-weight:100 !important;
}
#top-menu .logo{
padding-left:4px; position:absolute;
left:0;
top:0;
}
#top-menu .logo>a>img {
vertical-align:middle;
max-height: 100%;
}
nav#top-menu{
position:relative;
width:100%;
border-radius:4px;
z-index:-2;
-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.4);
}
nav#top-menu .right-part {
position:relative;
padding-left:82px;
padding-right:64px;
display:inline-block;
height:100%;
right:-1px;
z-index:-1;
overflow:hidden;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
float:right;
}
nav#top-menu .right-part>div {
width:100%;
height:100%;
position:absolute;
right:-34px;
z-index:-1;
transform: rotate(0deg) scale(1) skew(-30deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(-30deg) translate(0px);
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#000000 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#000000 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}
nav#top-menu .right-part>ul {
display:block;
width:auto;
margin-left:0;
}
nav#top-menu .right-part>ul>li {float:left;}
nav#top-menu.left li.menu-item-side-menu .menu{left:-58px}
nav#top-menu.left li.menu-item-wc{
padding-right:0;
padding-left:10px;
}
nav#top-menu.left .right-part {
float:left;
right:0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding-left: 64px;
padding-right: 102px;
}
nav#top-menu.left .right-part>div {
right:inherit;
left:-34px;
transform: rotate(0deg) scale(1) skew(30deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(30deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(30deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(30deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(30deg) translate(0px);
}
#top-menu > ul {
display:inline-block;
float:right;
position:absolute;
top:50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}
#top-menu ul ul ul{z-index:1}
#top-menu,
#top-menu ul,
#top-menu ul li,
#top-menu ul li a,
#top-menu #head-mobile{
border:0;
list-style:none;
line-height:1;
display:block;
position:relative;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
} #top-menu>ul>li>a,
#top-menu>ul>li>a:after,
#top-menu>ul>li>a:before {
transition: all .5s;
}
#top-menu>ul>li>a {
position: relative;
}
#top-menu>ul>li>a:after{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: '.';
color: transparent !important;
background: #aaa;
height: 2px !important;
}
#top-menu>ul>li.active>a:after,
#top-menu>ul>li>a:hover:after {width: calc(100% - 30px);} #top-menu ul li a>img {padding-right:5px;}
#top-menu:after,
#top-menu > ul:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
#top-menu #head-mobile{display:none}
#top-menu > ul > li{float:left}
#top-menu > ul > li > a{
position:relative;
padding:0 15px 0 15px;
font-size:12px;
letter-spacing:1px;
text-decoration:none;
color:#ddd;
font-weight:700;
}
nav#top-menu .right-part>ul>li.separator>span,
#top-menu > ul > li > a > span.s {
display:inline-block;
height:10px;
position:absolute;
right:0;
top:50%;
margin-top:-5px;
border-left:1px solid #000000;
}
#top-menu ul ul{
position:absolute;
left:-9999px;
}
#top-menu ul ul li{
height:0;
-webkit-transition:all .25s ease;
-ms-transition:all .25s ease;
background:#333;
transition:all .25s ease;
}
#top-menu li:hover > ul{left:auto}
#top-menu li:hover > ul > li{min-height:35px;}
#top-menu ul ul ul{
margin-left:100%;
top:0;
}
#top-menu ul ul li a{
border-bottom:1px solid rgba(150,150,150,0.15);
padding:11px 15px;
min-width:200px;
font-size:12px;
text-decoration:none;
color:#ddd;
font-weight:500;
}
#top-menu ul ul li:last-child > a,
#top-menu ul ul li.last-item > a{border-bottom:0}
#top-menu ul ul li.has-sub > a:after{
position:absolute;
top:16px;
right:11px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:'';
}
#top-menu ul ul li.has-sub > a:before{
position:absolute;
top:13px;
right:14px;
display:block;
width:2px;
height:8px;
background:#ddd;
content:'';
-webkit-transition:all .25s ease;
-ms-transition:all .25s ease;
transition:all .25s ease;
}
#top-menu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#top-menu ul ul li.has-sub:hover,
#top-menu > ul ul{
box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05);
-moz-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05);
-webkit-box-shadow: 0px 10px 10px 5px rgba(119, 119, 119, 0.05);
} .wp-video video{width: 100%; height: 100%; max-width: 100%;}.wp-video{width: 100% !important;margin:20px 0;}
body.single .post-content .mejs-container{margin:20px 0;}
@media screen and (max-width:1280px){
body.admin-bar #header{margin-top:0px;}
#page-title-wrapper{margin-top:72px;} .logo{
position:absolute;
top:0;
left: 0;
width:100%;
height:46px;
text-align:center;
float:none;
}
.logo>a>img {
max-height:46px !important;
width:inherit;
}
.logo2{display:none}
nav#top-menu{width:100%;}
#top-menu{width:100%}
#top-menu,
#top-menu .logo	{
line-height:72px !important;
height:72px !important;
}
#top-menu ul{
width:100%;
display:none;
}
#top-menu .logo {
background: var(--menu-bg-color);
z-index: 1;
}
#top-menu > ul{
top: -100vh;
height: auto !important;
line-height: inherit !important;
opacity: 0;
z-index: -1;
transition: all .5s ease;
}
#top-menu > ul.open {
opacity: 1;
top: 0;
z-index: -1;
transform: none;
-webkit-transform: none;
-ms-transform: none;
}
#top-menu > ul > li > a > span.s {
display: none;
}
#top-menu ul li{
width:100%;
border-top:1px solid #444;
}
#top-menu>ul>li:last-child {border-bottom:1px solid #444;}
#top-menu ul li:hover{background:#363636;}
#top-menu ul ul li,
#top-menu li:hover > ul > li{height:auto}
#top-menu ul li a,
#top-menu ul ul li a{
width:100%;
border-bottom:0;
}
#top-menu > ul > li{float:none}
#top-menu ul ul li a{padding-left:25px}
#top-menu ul ul ul li a{padding-left:35px}
#top-menu ul ul li a{background:none;}
#top-menu ul ul li:hover > a,
#top-menu ul ul,
#top-menu ul ul ul{
position:relative;
left:0;
width:100%;
margin:0;
text-align:left;
}
#top-menu ul ul > li.has-sub > a:after,
#top-menu ul ul > li.has-sub > a:before{display:none}
#top-menu #head-mobile{
display:block;
padding:23px;
color:#ddd;
font-size:12px;
font-weight:700;
z-index: 0;
}
#top-menu .menu-button{
width:55px;
height:46px;
position:absolute;
right:0;
top:14px;
cursor:pointer;
z-index: 12399994;
}
#top-menu .menu-button:after{
position: absolute;
top: 22px;
right: 20px;
display: block;
height: 8px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';
}
#top-menu .menu-button:before{
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
position:absolute;
top:16px;
right:20px;
display:block;
height:2px;
width:20px;
background:#ddd;
content:'';
}
#top-menu .menu-button.menu-opened:after{
-webkit-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
top:23px;
border:0;
height:2px;
width:19px;
background:#fff;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
#top-menu .menu-button.menu-opened:before{
top:23px;
background:#fff;
width:19px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#top-menu .submenu-button{
position:absolute;
z-index:99;
right:0;
top:0;
display:block;
border-left:1px solid #444;
height:46px;
width:46px;
cursor:pointer;
}
#top-menu .submenu-button.submenu-opened{background:#262626}
#top-menu ul ul .submenu-button{
height:34px;
width:34px;
}
#top-menu .submenu-button:after{
position:absolute;
top:22px;
right:19px;
width:8px;
height:2px;
display:block;
content:'';
}
#top-menu ul ul .submenu-button:after{
top:15px;
right:13px;
}
#top-menu .submenu-button:before{
position:absolute;
top:19px;
right:22px;
display:block;
width:2px;
height:8px;
content:'';
}
#top-menu ul ul .submenu-button:before{
top:12px;
right:16px;
}
#top-menu .submenu-button.submenu-opened:before{display:none}
#top-menu ul ul ul li.active a{border-left:none;}
#top-menu > ul > li.has-sub > ul > li.active > a,
#top-menu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#top-menu .menu-item-search>a>span>i,
#top-menu .menu-item-wpml>a>span>img {padding-right:5px;}
#footer .container>div.top-social-icons {
padding-bottom: 10px !important;
}
body.odio-mp3-player #footer .container>div.top-social-icons {
padding-bottom: 120px !important;
}
#top-search>form>input[type=text] {
font-size: 20px;
}
#top-search i.oic-pe-icon-7-stroke-139 {right:10px;}
}
.slider-video {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} #sidr {-webkit-backface-visibility:hidden;}
#sidr-menu {
height:32px;
text-decoration:none;
}
.sidr {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 260px;
overflow-x: none;
overflow-y: auto;
}
.sidr .widget-area {
padding: 30px 30px 0 30px;
margin-bottom: 10px;
display: inline-block;
width:100%;
}
.sidr .widget-area>ul>li>a.rsswidget{
display:inline-block;
width:100%;
font-weight:700 !important;
}
.sidr .widget-area>ul>li>div.rssSummary{
border-top:1px solid #dedede;
margin-top:10px;
padding-top:10px;
font-weight:300 !important;
}
.sidr .widget-area .wp-search-form i {
color:#000;
}
#footer-widget-bar .widget .tagcloud>a,
.sidr .tagcloud>a {border:1px solid #fff;}
.sidr .widget-area img {max-width:100%;}
.sidr>h5 {
padding-left: 30px;
padding-right: 30px;
}
.sidr>div>.widget-area>ul>h4 {
padding: 12px 0;
font-weight: 700;
}
.sidr.right {
left: auto;
right: -260px;
}
.sidr.left {
left: -260px;
right: auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
font-weight: normal;
line-height: 24px;
}
.sidr li a { text-decoration: none; }
.sidr a  {
text-decoration: underline;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
}
.sidr ul  {
display: block;
padding: 0;
}
.sidr ul li  {
display: block;
margin: 0;
padding: 6px 0 6px 0;
}
.sidr ul li ul li {padding: 6px 0 6px 12px;}
.sidr ul li[class^="oic-"] ul li{padding: 6px 0 6px 26px;} .sidr ul li::before {padding-right:12px;}
.sidr li.menu-item-has-children {position:relative;}
.sidr li.menu-item-has-children:after {
position:absolute;
top:5px;
right:0;
font-family:'ozythemes';
content:"\e445";
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
width: 100%;
padding: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
border-radius: 0px !important;
border: none;
display: block;
clear: both;
border:1px solid #dedede;
background-color:#fff;
}
#sidr a,
#sidr p {font-weight:300 !important;}
#sidr img {max-width:100%;height:auto;}
#nav-primary.right .menu-item.menu-item-side-menu {margin-right:0 !important;}
#nav-primary>nav>div>ul>li.menu-item.menu-item-side-menu>a {padding:0 !important;} @media only screen and (min-width: 1280px) {}
@media only screen and (max-width: 1280px) {
.ozy-page-model-boxed #main {display: block !important;}
.ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row>.parallax-wrapper{
padding-left:0 !important;
padding-right:0 !important;
} .mc_signup_submit{position:inherit !important;}
.mc_merge_var{padding:0 !important;}
.mc_merge_var input,
.mc_signup_submit #mc_signup_submit {
width:100% !important;
margin:0 !important;
} #footer-wrapper #mc_signup_form .mc_input {
border-top-right-radius:30px !important;
border-bottom-right-radius:30px !important;
}
#footer-wrapper #mc_signup_submit {
border-top-left-radius:30px !important;
border-bottom-left-radius:30px !important;
}
#main,
#header{padding:0 !important}
nav#top-menu{border-radius:0 !important}
nav#top-menu>.right-part{display:none !important}
#footer footer{line-height:140% !important}
}
@media only screen and (max-width: 920px) { .ozy-anything-wrapper {padding: 20px !important;}
.ozy-fancyaccordion-feed span.category{display:none;}
.wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {margin-bottom: 35px !important;}
.wpb_gmaps_widget.wpb_content_element {margin-bottom:0 !important;}
#footer-widget-bar,
#footer-widget-bar>.container {padding-bottom:0 !important;}
#footer-widget-bar{padding-top:160px;}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.ozy-page-model-full .container {
width: 100%;
-webkit-text-size-adjust: 100%; }
.ozy-page-model-boxed  #main>.container{padding: 0;}
.ozy-page-model-boxed  #main>.container,
.ozy-page-model-boxed .container{
width: 100%;
-webkit-text-size-adjust: 100%;
}
#title {height: 60px !important;}
#tagline {line-height: 20px !important;}
#content {width: 100%;}
#sidebar {width: 100%;}
.ozy-latest-posts>a {
width: 15.66666666666667%;
margin-right: 1%;
}
.ozy-icon {margin-bottom:20px !important;}
.ozy-spinner-list>ul>li>div,
.ozy-fancyaccordion-feed>div.panel,
.ozy-fancyaccordion-feed>a>span {padding-left:36px;	}
span.plus-icon {right:36px;} #page-title-wrapper {min-height:80px !important;} #footer>footer>.container,
#footer-widget-bar>.container,
#page-title-wrapper>div,
body.page-template-default.ozy-page-model-full #main>.container.no-vc,
.ozy-page-model-full #main>.container.no-vc,
.ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) {
padding-left:20px !important;
padding-right:20px !important;
}
}
@media only screen and (max-width: 800px) {
#footer-widget-bar>.container>section{padding:0px 20px 0 20px;}
div.parallax-wrapper div.parallax-wrapper{
margin-left:0 !important;
margin-right:0 !important;
}
.ozy-page-model-has-sidebar #main>.container #content.left-sidebar {margin-left:0 !important;} body.page-template-page-row-slider-php .ozy-page-model-full #content>.wpb_row.vc_row-fluid>div.parallax-wrapper,
#full-page .wpb_row>div.parallax-wrapper {height:100% !important;}
#full-page #content>.wpb_row>div.parallax-wrapper>div.vc_column_container {height:50% !important;}
#full-page .ozy-anything-wrapper-x {width:100% !important;} .ozy-spinner-list>ul>li>div,
.ozy-fancyaccordion-feed>div.panel,
.ozy-fancyaccordion-feed>a>span {padding-left:15px;	}
.ozy-fancyaccordion-feed>a>span>.d {display:none !important;}
.ozy-fancyaccordion-feed>a>span>h3.t{margin-left:0 !important;}
.ozy-fancyaccordion-feed>div.panel>div{
margin-left:0 !important;
border:none !important;
padding:20px 0 !important;
}
span.plus-icon {right:15px;} .ozy-owlcarousel.single .owl-item .caption {
padding-top:20px !important;
}
.ozy-owlcarousel.single .owl-item .caption h1 {
font-size:20px !important;
line-height:1em !important;
} .ozy-news-bar>ul>li{
width:100%;
padding:20px 36px;
}
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
.ozy-page-model-full  .container {
width: 100%;
-webkit-text-size-adjust: 100%;
}
.ozy-page-model-boxed  #main>.container{padding: 0;}
.ozy-page-model-boxed  #main>.container,
.ozy-page-model-boxed .container{
width: 100%;
-webkit-text-size-adjust: 100%;
}
#content {width: 100%;}
#sidebar {width: 100%;}
#footer .container {padding-top: 0;}
#footer-content {
border: 0;
padding: 10px;
}
#single-blog-category>.post-categories>li>a {
display: inline-block;
float: left;
margin-bottom: 6px;
} .ozy-news-bar>ul>li{
width:100%;
padding:20px 36px;
} #ozy-share-div>span {display: none !important;}
#ozy-share-div>.share-icon {padding: 2px !important;}
#ozy-related-posts-wrapper > .newer-older {top: -25px !important;}
#ozy-related-posts-wrapper>h4{margin-top: 30px !important;}
.ozy-icon {margin-bottom:20px !important;} body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container {
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
}
.vc_responsive .wpb_row .vc_col-sm-4 {
width: 100% !important;
padding-bottom:36px;
}
#page-title-wrapper>div,
.ozy-page-model-full .container.no-vc,
.ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) {
padding-left:36px !important;
padding-right:36px !important;
} #footer-widget-bar>.container>section {	width: 100% !important;	}
.ozy-spinner-list>ul>li>div,
.ozy-fancyaccordion-feed>div.panel,
.ozy-fancyaccordion-feed>a>span {padding-left:36px;	}
span.plus-icon {right:36px;}
body.single-post .p-wrapper{
padding:0 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 479px) {
.container {
padding: 0 10px !important;
width: 100%;
-webkit-text-size-adjust: 100%; }
#main>.container {padding: 0 !important;}
#page-title-wrapper>div,
body.page-template-default.ozy-page-model-full #main>.container.no-vc,
.parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container {
padding-left: 10px !important;
padding-right: 10px !important;
}
#page-title-wrapper {
max-height:200px !important;
overflow:visible !important;
}
.wpb_row,
.ozy-page-model-full #content .wpb_row.ozy-custom-full-row .parallax-wrapper .vc_col-sm-12.wpb_column.vc_column_container  {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ozy-page-model-boxed.ozy-page-model-no-sidebar #main>.container .wpb_row,
.ozy-page-model-full .container.no-vc,
.ozy-page-model-full.ozy-page-model-no-sidebar #content>div>article>div>.wpb_row:not(.ozy-custom-full-row) { padding-left:0 !important;
padding-right:0 !important;
}
body.has-page-title #main>.container {padding-top: 0 !important;}
#tagline {line-height: 20px !important;}
#content.left-sidebar,
#content.right-sidebar,
#content {width: 100%;}
#content.no-vc{padding:10px !important;}
.ozy-spacer {height:10px !important;}
.ozy-owlcarousel .item.item-extended>a .overlay-two>p,
.ozy-team_member figcaption p {display:none !important;}
.ozy-team_member figcaption {height:170px !important;}
.full-tabs.wpb_tabs .wpb_tabs_nav li {display:block !important;margin-top:-1px !important;}
#sidebar {
padding: 15px;
width: 100%; float: none;
}
#sidebar>ul:first-child>li>h4 {border-bottom: none !important;}
#footer-widget-bar .widget-area>.separator{display:none;}
#footer .container {padding-top: 0;}
#footer .top-social-icons>a{border-color:transparent !important}
#footer-content {
border: 0;
padding: 10px;
}
#footer>footer>.container{height:100% !important;line-height:1.5em !important;}
#footer>footer>.container>div{padding-top:15px !important;width: 100% !important;}
.simple-post-format>div {padding: 10px 10px 5px 10px !important;}
.simple-post-format>div>span {display: none !important;}
.post-excerpt-quote blockquote,
.simple-post-format.post-excerpt-aside>div {max-width: 230px !important;}
blockquote {
padding: 10px 10px 10px 30px !important;
text-align: inherit !important;
}
blockquote:before {
top: 10px !important;
left: 10px !important;
}
blockquote,
.post-excerpt-quote blockquote {
font-size: 14px !important;
line-height: 21px !important;
}
.post-excerpt-quote blockquote>p {max-width: 190px !important;}
.post-excerpt-audio>div>div {
margin-left:0 !important;
padding-left: 0 !important;
max-width: 210px !important;
}
.post-excerpt-audio>div img {display:none !important;} .ozy-related-posts>li {
width: 100% !important;
padding-left: 0 !important;
margin-bottom: 20px !important;
}
#ozy-share-div>span {display: none !important;}
#ozy-share-div>.share-icon {padding: 2px !important;}
#ozy-related-posts-wrapper > .newer-older {top: -25px !important;}
#ozy-related-posts-wrapper > .newer-older a {font-size: 80%;}
body.single-post .p-wrapper{padding:0;} #footer-widget-bar>.container>section {
width: 99% !important;
margin-right: 0;
}
#footer .top-social-icons>a>span{line-height:inherit !important;}
.ozy-icon {margin-bottom:20px !important;}
#main>.container>#content{padding:0  !important}
body.single-post .p-wrapper{
padding:0 10px;
margin-bottom: 10px;
} .ozy-spinner-list>ul>li>div,
.ozy-fancyaccordion-feed>div.panel,
.ozy-fancyaccordion-feed>a>span {padding-left:15px;	}
.ozy-fancyaccordion-feed>a>span>.d {display:none !important;}
.ozy-fancyaccordion-feed>a>span>h3.t{margin-left:0 !important;}
.ozy-fancyaccordion-feed>div.panel>div{
margin-left:0 !important;
border:none !important;
padding:20px 0 !important;
}
span.plus-icon {display:none !important;}
.ozy-tlt,
h1{
font-size:26px !important;
line-height:32px !important;
}
h2{
font-size:22px !important;
line-height:30px !important;
}
h3{
font-size:18px !important;
line-height:22px !important;
}
h6{
font-size:12px !important;
line-height:20px !important;
letter-spacing:normal !important;
} .ozy-news-bar>ul>li{
width:100%;
padding:20px 36px;
} .ozy-anything-wrapper-x {padding:20px !important;} .ozy-owlcarousel.single .owl-item .caption{padding:0 !important;} .vc_col-xs-1,.vc_col-sm-1,.vc_col-md-1,.vc_col-lg-1,.vc_col-xs-2,.vc_col-sm-2,.vc_col-md-2,.vc_col-lg-2,.vc_col-xs-3,.vc_col-sm-3,
.vc_col-md-3,.vc_col-lg-3,.vc_col-xs-4,.vc_col-sm-4,.vc_col-md-4,.vc_col-lg-4,.vc_col-xs-5,.vc_col-sm-5,.vc_col-md-5,.vc_col-lg-5,
.vc_col-xs-6,.vc_col-sm-6,.vc_col-md-6,.vc_col-lg-6,.vc_col-xs-7,.vc_col-sm-7,.vc_col-md-7,.vc_col-lg-7,.vc_col-xs-8,.vc_col-sm-8,
.vc_col-md-8,.vc_col-lg-8,.vc_col-xs-9,.vc_col-sm-9,.vc_col-md-9,.vc_col-lg-9,.vc_col-xs-10,.vc_col-sm-10,.vc_col-md-10,.vc_col-lg-10,
.vc_col-xs-11,.vc_col-sm-11,.vc_col-md-11,.vc_col-lg-11,.vc_col-xs-12,.vc_col-sm-12,.vc_col-md-12,.vc_col-lg-12{padding-left:10px;padding-right:10px;}
body.ozy-page-model-full:not(.page-template-page-row-slider-php) .wpb_row:not(.ozy-custom-full-row) .parallax-wrapper>.vc_column_container {
margin-left:0 !important;
margin-right:0 !important;
padding-left:10px !important;
padding-right:10px !important;
}
.vc_responsive .wpb_row .vc_col-sm-4 {
width: 100% !important;
padding-bottom:20px;
}
} .animation{-webkit-animation: infinite;-moz-animation: infinite;animation: infinite;}.animated{-webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both;}.animated.hinge{-webkit-animation-duration:2s; -moz-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s;}@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@-moz-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@-o-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }@keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} }.flash{-webkit-animation-name:flash; -moz-animation-name:flash; -o-animation-name:flash; animation-name:flash;} @-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);} }@-moz-keyframes shake{0%, 100%{-moz-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-moz-transform:translateX(10px);} }@-o-keyframes shake{0%, 100%{-o-transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-o-transform:translateX(-10px);} 20%, 40%, 60%, 80%{-o-transform:translateX(10px);} }@keyframes shake{0%, 100%{transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);} 20%, 40%, 60%, 80%{transform:translateX(10px);} }.shake{-webkit-animation-name:shake; -moz-animation-name:shake; -o-animation-name:shake; animation-name:shake;} @-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);} 40%{-webkit-transform:translateY(-30px);} 60%{-webkit-transform:translateY(-15px);} }@-moz-keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);} 40%{-moz-transform:translateY(-30px);} 60%{-moz-transform:translateY(-15px);} }@-o-keyframes bounce{0%, 20%, 50%, 80%, 100%{-o-transform:translateY(0);} 40%{-o-transform:translateY(-30px);} 60%{-o-transform:translateY(-15px);} } @keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);} 40%{transform:translateY(-30px);} 60%{transform:translateY(-15px);} }.bounce{-webkit-animation-name:bounce; -moz-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce;} @-webkit-keyframes tada{0%{-webkit-transform:scale(1);} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);} }@-moz-keyframes tada{0%{-moz-transform:scale(1);} 10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);} 100%{-moz-transform:scale(1) rotate(0);} }@-o-keyframes tada{0%{-o-transform:scale(1);} 10%, 20%{-o-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);} 100%{-o-transform:scale(1) rotate(0);} }@keyframes tada{0%{transform:scale(1);} 10%, 20%{transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);} 100%{transform:scale(1) rotate(0);} }.tada{-webkit-animation-name:tada; -moz-animation-name:tada; -o-animation-name:tada; animation-name:tada;} @-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center;} 20%{-webkit-transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0deg);} }@-moz-keyframes swing{20%{-moz-transform:rotate(15deg);} 40%{-moz-transform:rotate(-10deg);} 60%{-moz-transform:rotate(5deg);} 80%{-moz-transform:rotate(-5deg);} 100%{-moz-transform:rotate(0deg);} }@-o-keyframes swing{20%{-o-transform:rotate(15deg);} 40%{-o-transform:rotate(-10deg);} 60%{-o-transform:rotate(5deg);} 80%{-o-transform:rotate(-5deg);} 100%{-o-transform:rotate(0deg);} }@keyframes swing{20%{transform:rotate(15deg);} 40%{transform:rotate(-10deg);} 60%{transform:rotate(5deg);} 80%{transform:rotate(-5deg);} 100%{transform:rotate(0deg);} }.swing{-webkit-transform-origin:top center; -moz-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; -moz-animation-name:swing; -o-animation-name:swing; animation-name:swing;} @-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);} 30%{-webkit-transform:translateX(20%) rotate(3deg);} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);} 60%{-webkit-transform:translateX(10%) rotate(2deg);} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);} 100%{-webkit-transform:translateX(0%);} }@-moz-keyframes wobble{0%{-moz-transform:translateX(0%);} 15%{-moz-transform:translateX(-25%) rotate(-5deg);} 30%{-moz-transform:translateX(20%) rotate(3deg);} 45%{-moz-transform:translateX(-15%) rotate(-3deg);} 60%{-moz-transform:translateX(10%) rotate(2deg);} 75%{-moz-transform:translateX(-5%) rotate(-1deg);} 100%{-moz-transform:translateX(0%);} }@-o-keyframes wobble{0%{-o-transform:translateX(0%);} 15%{-o-transform:translateX(-25%) rotate(-5deg);} 30%{-o-transform:translateX(20%) rotate(3deg);} 45%{-o-transform:translateX(-15%) rotate(-3deg);} 60%{-o-transform:translateX(10%) rotate(2deg);} 75%{-o-transform:translateX(-5%) rotate(-1deg);} 100%{-o-transform:translateX(0%);} }@keyframes wobble{0%{transform:translateX(0%);} 15%{transform:translateX(-25%) rotate(-5deg);} 30%{transform:translateX(20%) rotate(3deg);} 45%{transform:translateX(-15%) rotate(-3deg);} 60%{transform:translateX(10%) rotate(2deg);} 75%{transform:translateX(-5%) rotate(-1deg);} 100%{transform:translateX(0%);} }.wobble{-webkit-animation-name:wobble; -moz-animation-name:wobble; -o-animation-name:wobble; animation-name:wobble;} @-webkit-keyframes pulse{0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.1);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes pulse{0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.1);} 100%{-moz-transform:scale(1);} } @-o-keyframes pulse{0%{-o-transform:scale(1);} 50%{-o-transform:scale(1.1);} 100%{-o-transform:scale(1);} } @keyframes pulse{0%{transform:scale(1);} 50%{transform:scale(1.1);} 100%{transform:scale(1);} }.pulse{-webkit-animation-name:pulse; -moz-animation-name:pulse; -o-animation-name:pulse; animation-name:pulse;} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in;} } @-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out;} 40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out;} 50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in;} 80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function:ease-in;} 100%{-moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in;} } @-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0); -o-animation-timing-function:ease-out;} 40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function:ease-out;} 50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function:ease-in;} 80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function:ease-in;} 100%{-o-transform:perspective(400px) scale(1); -o-animation-timing-function:ease-in;} } @keyframes flip{0%{transform:perspective(400px) rotateY(0); animation-timing-function:ease-out;} 40%{transform:perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function:ease-out;} 50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function:ease-in;} 80%{transform:perspective(400px) rotateY(360deg) scale(.95); animation-timing-function:ease-in;} 100%{transform:perspective(400px) scale(1); animation-timing-function:ease-in;} }.flip{-webkit-backface-visibility:visible !important; -webkit-animation-name:flip; -moz-backface-visibility:visible !important; -moz-animation-name:flip; -o-backface-visibility:visible !important; -o-animation-name:flip; backface-visibility:visible !important; animation-name:flip;} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);} 70%{-webkit-transform:perspective(400px) rotateX(10deg);} 100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;} } @-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-moz-transform:perspective(400px) rotateX(-10deg);} 70%{-moz-transform:perspective(400px) rotateX(10deg);} 100%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1;} } @-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{-o-transform:perspective(400px) rotateX(-10deg);} 70%{-o-transform:perspective(400px) rotateX(10deg);} 100%{-o-transform:perspective(400px) rotateX(0deg); opacity:1;} } @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg); opacity:0;} 40%{transform:perspective(400px) rotateX(-10deg);} 70%{transform:perspective(400px) rotateX(10deg);} 100%{transform:perspective(400px) rotateX(0deg); opacity:1;} }.flipInX{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipInX; -moz-backface-visibility:visible !important; -moz-animation-name:flipInX; -o-backface-visibility:visible !important; -o-animation-name:flipInX; backface-visibility:visible !important; animation-name:flipInX;} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;} }@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0;} }@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{-o-transform:perspective(400px) rotateX(90deg); opacity:0;} }@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg); opacity:1;} 100%{transform:perspective(400px) rotateX(90deg); opacity:0;} }.flipOutX{-webkit-animation-name:flipOutX; -webkit-backface-visibility:visible !important; -moz-animation-name:flipOutX; -moz-backface-visibility:visible !important; -o-animation-name:flipOutX; -o-backface-visibility:visible !important; animation-name:flipOutX; backface-visibility:visible !important;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1;} } @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;} } @-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-o-transform:perspective(400px) rotateY(-10deg);} 70%{-o-transform:perspective(400px) rotateY(10deg);} 100%{-o-transform:perspective(400px) rotateY(0deg); opacity:1;} } @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{transform:perspective(400px) rotateY(-10deg);} 70%{transform:perspective(400px) rotateY(10deg);} 100%{transform:perspective(400px) rotateY(0deg); opacity:1;} }.flipInY{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipInY; -moz-backface-visibility:visible !important; -moz-animation-name:flipInY; -o-backface-visibility:visible !important; -o-animation-name:flipInY; backface-visibility:visible !important; animation-name:flipInY;} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0;} } @-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0;} } @-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{-o-transform:perspective(400px) rotateY(90deg); opacity:0;} } @keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg); opacity:1;} 100%{transform:perspective(400px) rotateY(90deg); opacity:0;} }.flipOutY{-webkit-backface-visibility:visible !important; -webkit-animation-name:flipOutY; -moz-backface-visibility:visible !important; -moz-animation-name:flipOutY; -o-backface-visibility:visible !important; -o-animation-name:flipOutY; backface-visibility:visible !important; animation-name:flipOutY;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@-moz-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@-o-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }@keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} }.fadeIn{-webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn;} @-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInUp{0%{opacity:0; -moz-transform:translateY(20px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInUp{0%{opacity:0; -o-transform:translateY(20px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInUp{0%{opacity:0; transform:translateY(20px);} 100%{opacity:1; transform:translateY(0);} }.fadeInUp{-webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp;} @-webkit-keyframes fadeInDown{0%{opacity:0; -webkit-transform:translateY(-20px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInDown{0%{opacity:0; -moz-transform:translateY(-20px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInDown{0%{opacity:0; -o-transform:translateY(-20px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInDown{0%{opacity:0; transform:translateY(-20px);} 100%{opacity:1; transform:translateY(0);} }.fadeInDown{-webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown;} @-webkit-keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-20px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInLeft{0%{opacity:0; -moz-transform:translateX(-20px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInLeft{0%{opacity:0; -o-transform:translateX(-20px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInLeft{0%{opacity:0; transform:translateX(-20px);} 100%{opacity:1; transform:translateX(0);} }.fadeInLeft{-webkit-animation-name:fadeInLeft; -moz-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft;} @-webkit-keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(20px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInRight{0%{opacity:0; -moz-transform:translateX(20px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInRight{0%{opacity:0; -o-transform:translateX(20px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInRight{0%{opacity:0; transform:translateX(20px);} 100%{opacity:1; transform:translateX(0);} }.fadeInRight{-webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight;} @-webkit-keyframes fadeInUpBig{0%{opacity:0; -webkit-transform:translateY(2000px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInUpBig{0%{opacity:0; -moz-transform:translateY(2000px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInUpBig{0%{opacity:0; -o-transform:translateY(2000px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInUpBig{0%{opacity:0; transform:translateY(2000px);} 100%{opacity:1; transform:translateY(0);} }.fadeInUpBig{-webkit-animation-name:fadeInUpBig; -moz-animation-name:fadeInUpBig; -o-animation-name:fadeInUpBig; animation-name:fadeInUpBig;} @-webkit-keyframes fadeInDownBig{0%{opacity:0; -webkit-transform:translateY(-2000px);} 100%{opacity:1; -webkit-transform:translateY(0);} }@-moz-keyframes fadeInDownBig{0%{opacity:0; -moz-transform:translateY(-2000px);} 100%{opacity:1; -moz-transform:translateY(0);} }@-o-keyframes fadeInDownBig{0%{opacity:0; -o-transform:translateY(-2000px);} 100%{opacity:1; -o-transform:translateY(0);} }@keyframes fadeInDownBig{0%{opacity:0; transform:translateY(-2000px);} 100%{opacity:1; transform:translateY(0);} }.fadeInDownBig{-webkit-animation-name:fadeInDownBig; -moz-animation-name:fadeInDownBig; -o-animation-name:fadeInDownBig; animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0; -webkit-transform:translateX(-2000px);} 100%{opacity:1; -webkit-transform:translateX(0);} } @-moz-keyframes fadeInLeftBig{0%{opacity:0; -moz-transform:translateX(-2000px);} 100%{opacity:1; -moz-transform:translateX(0);} } @-o-keyframes fadeInLeftBig{0%{opacity:0; -o-transform:translateX(-2000px);} 100%{opacity:1; -o-transform:translateX(0);} } @keyframes fadeInLeftBig{0%{opacity:0; transform:translateX(-2000px);} 100%{opacity:1; transform:translateX(0);} }.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig; -moz-animation-name:fadeInLeftBig; -o-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRightBig{0%{opacity:0; -webkit-transform:translateX(2000px);} 100%{opacity:1; -webkit-transform:translateX(0);} }@-moz-keyframes fadeInRightBig{0%{opacity:0; -moz-transform:translateX(2000px);} 100%{opacity:1; -moz-transform:translateX(0);} }@-o-keyframes fadeInRightBig{0%{opacity:0; -o-transform:translateX(2000px);} 100%{opacity:1; -o-transform:translateX(0);} }@keyframes fadeInRightBig{0%{opacity:0; transform:translateX(2000px);} 100%{opacity:1; transform:translateX(0);} }.fadeInRightBig{-webkit-animation-name:fadeInRightBig; -moz-animation-name:fadeInRightBig; -o-animation-name:fadeInRightBig; animation-name:fadeInRightBig;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@-moz-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@-o-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }@keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} }.fadeOut{-webkit-animation-name:fadeOut; -moz-animation-name:fadeOut; -o-animation-name:fadeOut; animation-name:fadeOut;} @-webkit-keyframes fadeOutUp{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(-20px);} } @-moz-keyframes fadeOutUp{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(-20px);} } @-o-keyframes fadeOutUp{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(-20px);} } @keyframes fadeOutUp{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(-20px);} }.fadeOutUp{-webkit-animation-name:fadeOutUp; -moz-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; animation-name:fadeOutUp;} @-webkit-keyframes fadeOutDown{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(20px);} }@-moz-keyframes fadeOutDown{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(20px);} }@-o-keyframes fadeOutDown{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(20px);} }@keyframes fadeOutDown{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(20px);} }.fadeOutDown{-webkit-animation-name:fadeOutDown; -moz-animation-name:fadeOutDown; -o-animation-name:fadeOutDown; animation-name:fadeOutDown;} @-webkit-keyframes fadeOutLeft{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(-20px);} }@-moz-keyframes fadeOutLeft{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(-20px);} }@-o-keyframes fadeOutLeft{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(-20px);} }@keyframes fadeOutLeft{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(-20px);} }.fadeOutLeft{-webkit-animation-name:fadeOutLeft; -moz-animation-name:fadeOutLeft; -o-animation-name:fadeOutLeft; animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutRight{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(20px);} }@-moz-keyframes fadeOutRight{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(20px);} }@-o-keyframes fadeOutRight{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(20px);} }@keyframes fadeOutRight{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(20px);} }.fadeOutRight{-webkit-animation-name:fadeOutRight; -moz-animation-name:fadeOutRight; -o-animation-name:fadeOutRight; animation-name:fadeOutRight;} @-webkit-keyframes fadeOutUpBig{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(-2000px);} }@-moz-keyframes fadeOutUpBig{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(-2000px);} }@-o-keyframes fadeOutUpBig{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(-2000px);} }@keyframes fadeOutUpBig{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(-2000px);} }.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig; -moz-animation-name:fadeOutUpBig; -o-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig;} @-webkit-keyframes fadeOutDownBig{0%{opacity:1; -webkit-transform:translateY(0);} 100%{opacity:0; -webkit-transform:translateY(2000px);} }@-moz-keyframes fadeOutDownBig{0%{opacity:1; -moz-transform:translateY(0);} 100%{opacity:0; -moz-transform:translateY(2000px);} }@-o-keyframes fadeOutDownBig{0%{opacity:1; -o-transform:translateY(0);} 100%{opacity:0; -o-transform:translateY(2000px);} }@keyframes fadeOutDownBig{0%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(2000px);} }.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig; -moz-animation-name:fadeOutDownBig; -o-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(-2000px);} }@-moz-keyframes fadeOutLeftBig{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(-2000px);} }@-o-keyframes fadeOutLeftBig{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(-2000px);} }@keyframes fadeOutLeftBig{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(-2000px);} }.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig; -moz-animation-name:fadeOutLeftBig; -o-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRightBig{0%{opacity:1; -webkit-transform:translateX(0);} 100%{opacity:0; -webkit-transform:translateX(2000px);} } @-moz-keyframes fadeOutRightBig{0%{opacity:1; -moz-transform:translateX(0);} 100%{opacity:0; -moz-transform:translateX(2000px);} } @-o-keyframes fadeOutRightBig{0%{opacity:1; -o-transform:translateX(0);} 100%{opacity:0; -o-transform:translateX(2000px);} } @keyframes fadeOutRightBig{0%{opacity:1; transform:translateX(0);} 100%{opacity:0; transform:translateX(2000px);} }.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig; -moz-animation-name:fadeOutRightBig; -o-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig;} @-webkit-keyframes bounceIn{0%{opacity:0; -webkit-transform:scale(.3);} 50%{opacity:1; -webkit-transform:scale(1.05);} 70%{-webkit-transform:scale(.9);} 100%{-webkit-transform:scale(1);} }@-moz-keyframes bounceIn{0%{opacity:0; -moz-transform:scale(.3);} 50%{opacity:1; -moz-transform:scale(1.05);} 70%{-moz-transform:scale(.9);} 100%{-moz-transform:scale(1);} }@-o-keyframes bounceIn{0%{opacity:0; -o-transform:scale(.3);} 50%{opacity:1; -o-transform:scale(1.05);} 70%{-o-transform:scale(.9);} 100%{-o-transform:scale(1);} }@keyframes bounceIn{0%{opacity:0; transform:scale(.3);} 50%{opacity:1; transform:scale(1.05);} 70%{transform:scale(.9);} 100%{transform:scale(1);} }.bounceIn{-webkit-animation-name:bounceIn; -moz-animation-name:bounceIn; -o-animation-name:bounceIn; animation-name:bounceIn;} @-webkit-keyframes bounceInUp{0%{opacity:0; -webkit-transform:translateY(2000px);} 60%{opacity:1; -webkit-transform:translateY(-30px);} 80%{-webkit-transform:translateY(10px);} 100%{-webkit-transform:translateY(0);} } @-moz-keyframes bounceInUp{0%{opacity:0; -moz-transform:translateY(2000px);} 60%{opacity:1; -moz-transform:translateY(-30px);} 80%{-moz-transform:translateY(10px);} 100%{-moz-transform:translateY(0);} }@-o-keyframes bounceInUp{0%{opacity:0; -o-transform:translateY(2000px);} 60%{opacity:1; -o-transform:translateY(-30px);} 80%{-o-transform:translateY(10px);} 100%{-o-transform:translateY(0);} }@keyframes bounceInUp{0%{opacity:0; transform:translateY(2000px);} 60%{opacity:1; transform:translateY(-30px);} 80%{transform:translateY(10px);} 100%{transform:translateY(0);} }.bounceInUp{-webkit-animation-name:bounceInUp; -moz-animation-name:bounceInUp; -o-animation-name:bounceInUp; animation-name:bounceInUp;} @-webkit-keyframes bounceInDown{0%{opacity:0; -webkit-transform:translateY(-2000px);} 60%{opacity:1; -webkit-transform:translateY(30px);} 80%{-webkit-transform:translateY(-10px);} 100%{-webkit-transform:translateY(0);} }@-moz-keyframes bounceInDown{0%{opacity:0; -moz-transform:translateY(-2000px);} 60%{opacity:1; -moz-transform:translateY(30px);} 80%{-moz-transform:translateY(-10px);} 100%{-moz-transform:translateY(0);} }@-o-keyframes bounceInDown{0%{opacity:0; -o-transform:translateY(-2000px);} 60%{opacity:1; -o-transform:translateY(30px);} 80%{-o-transform:translateY(-10px);} 100%{-o-transform:translateY(0);} }@keyframes bounceInDown{0%{opacity:0; transform:translateY(-2000px);} 60%{opacity:1; transform:translateY(30px);} 80%{transform:translateY(-10px);} 100%{transform:translateY(0);} }.bounceInDown{-webkit-animation-name:bounceInDown; -moz-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{0%{opacity:0; -webkit-transform:translateX(-2000px);} 60%{opacity:1; -webkit-transform:translateX(30px);} 80%{-webkit-transform:translateX(-10px);} 100%{-webkit-transform:translateX(0);} }@-moz-keyframes bounceInLeft{0%{opacity:0; -moz-transform:translateX(-2000px);} 60%{opacity:1; -moz-transform:translateX(30px);} 80%{-moz-transform:translateX(-10px);} 100%{-moz-transform:translateX(0);} }@-o-keyframes bounceInLeft{0%{opacity:0; -o-transform:translateX(-2000px);} 60%{opacity:1; -o-transform:translateX(30px);} 80%{-o-transform:translateX(-10px);} 100%{-o-transform:translateX(0);} }@keyframes bounceInLeft{0%{opacity:0; transform:translateX(-2000px);} 60%{opacity:1; transform:translateX(30px);} 80%{transform:translateX(-10px);} 100%{transform:translateX(0);} }.bounceInLeft{-webkit-animation-name:bounceInLeft; -moz-animation-name:bounceInLeft; -o-animation-name:bounceInLeft; animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{0%{opacity:0; -webkit-transform:translateX(2000px);} 60%{opacity:1; -webkit-transform:translateX(-30px);} 80%{-webkit-transform:translateX(10px);} 100%{-webkit-transform:translateX(0);} }@-moz-keyframes bounceInRight{0%{opacity:0; -moz-transform:translateX(2000px);} 60%{opacity:1; -moz-transform:translateX(-30px);} 80%{-moz-transform:translateX(10px);} 100%{-moz-transform:translateX(0);} }@-o-keyframes bounceInRight{0%{opacity:0; -o-transform:translateX(2000px);} 60%{opacity:1; -o-transform:translateX(-30px);} 80%{-o-transform:translateX(10px);} 100%{-o-transform:translateX(0);} }@keyframes bounceInRight{0%{opacity:0; transform:translateX(2000px);} 60%{opacity:1; transform:translateX(-30px);} 80%{transform:translateX(10px);} 100%{transform:translateX(0);} }.bounceInRight{-webkit-animation-name:bounceInRight; -moz-animation-name:bounceInRight; -o-animation-name:bounceInRight; animation-name:bounceInRight;} @-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);} 25%{-webkit-transform:scale(.95);} 50%{opacity:1; -webkit-transform:scale(1.1);} 100%{opacity:0; -webkit-transform:scale(.3);} }@-moz-keyframes bounceOut{0%{-moz-transform:scale(1);} 25%{-moz-transform:scale(.95);} 50%{opacity:1; -moz-transform:scale(1.1);} 100%{opacity:0; -moz-transform:scale(.3);} }@-o-keyframes bounceOut{0%{-o-transform:scale(1);} 25%{-o-transform:scale(.95);} 50%{opacity:1; -o-transform:scale(1.1);} 100%{opacity:0; -o-transform:scale(.3);} }@keyframes bounceOut{0%{transform:scale(1);} 25%{transform:scale(.95);} 50%{opacity:1; transform:scale(1.1);} 100%{opacity:0; transform:scale(.3);} }.bounceOut{-webkit-animation-name:bounceOut; -moz-animation-name:bounceOut; -o-animation-name:bounceOut; animation-name:bounceOut;} @-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);} 20%{opacity:1; -webkit-transform:translateY(20px);} 100%{opacity:0; -webkit-transform:translateY(-2000px);} }@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0);} 20%{opacity:1; -moz-transform:translateY(20px);} 100%{opacity:0; -moz-transform:translateY(-2000px);} }@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0);} 20%{opacity:1; -o-transform:translateY(20px);} 100%{opacity:0; -o-transform:translateY(-2000px);} }@keyframes bounceOutUp{0%{transform:translateY(0);} 20%{opacity:1; transform:translateY(20px);} 100%{opacity:0; transform:translateY(-2000px);} }.bounceOutUp{-webkit-animation-name:bounceOutUp; -moz-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp;} @-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);} 20%{opacity:1; -webkit-transform:translateY(-20px);} 100%{opacity:0; -webkit-transform:translateY(2000px);} }@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0);} 20%{opacity:1; -moz-transform:translateY(-20px);} 100%{opacity:0; -moz-transform:translateY(2000px);} }@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0);} 20%{opacity:1; -o-transform:translateY(-20px);} 100%{opacity:0; -o-transform:translateY(2000px);} }@keyframes bounceOutDown{0%{transform:translateY(0);} 20%{opacity:1; transform:translateY(-20px);} 100%{opacity:0; transform:translateY(2000px);} }.bounceOutDown{-webkit-animation-name:bounceOutDown; -moz-animation-name:bounceOutDown; -o-animation-name:bounceOutDown; animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);} 20%{opacity:1; -webkit-transform:translateX(20px);} 100%{opacity:0; -webkit-transform:translateX(-2000px);} }@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0);} 20%{opacity:1; -moz-transform:translateX(20px);} 100%{opacity:0; -moz-transform:translateX(-2000px);} }@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0);} 20%{opacity:1; -o-transform:translateX(20px);} 100%{opacity:0; -o-transform:translateX(-2000px);} }@keyframes bounceOutLeft{0%{transform:translateX(0);} 20%{opacity:1; transform:translateX(20px);} 100%{opacity:0; transform:translateX(-2000px);} }.bounceOutLeft{-webkit-animation-name:bounceOutLeft; -moz-animation-name:bounceOutLeft; -o-animation-name:bounceOutLeft; animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);} 20%{opacity:1; -webkit-transform:translateX(-20px);} 100%{opacity:0; -webkit-transform:translateX(2000px);} }@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0);} 20%{opacity:1; -moz-transform:translateX(-20px);} 100%{opacity:0; -moz-transform:translateX(2000px);} }@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0);} 20%{opacity:1; -o-transform:translateX(-20px);} 100%{opacity:0; -o-transform:translateX(2000px);} }@keyframes bounceOutRight{0%{transform:translateX(0);} 20%{opacity:1; transform:translateX(-20px);} 100%{opacity:0; transform:translateX(2000px);} }.bounceOutRight{-webkit-animation-name:bounceOutRight; -moz-animation-name:bounceOutRight; -o-animation-name:bounceOutRight; animation-name:bounceOutRight;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center; -webkit-transform:rotate(-200deg); opacity:0;} 100%{-webkit-transform-origin:center center; -webkit-transform:rotate(0); opacity:1;} } @-moz-keyframes rotateIn{0%{-moz-transform-origin:center center; -moz-transform:rotate(-200deg); opacity:0;} 100%{-moz-transform-origin:center center; -moz-transform:rotate(0); opacity:1;} } @-o-keyframes rotateIn{0%{-o-transform-origin:center center; -o-transform:rotate(-200deg); opacity:0;} 100%{-o-transform-origin:center center; -o-transform:rotate(0); opacity:1;} } @keyframes rotateIn{0%{transform-origin:center center; transform:rotate(-200deg); opacity:0;} 100%{transform-origin:center center; transform:rotate(0); opacity:1;} }.rotateIn{-webkit-animation-name:rotateIn; -moz-animation-name:rotateIn; -o-animation-name:rotateIn; animation-name:rotateIn;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(90deg); opacity:0;} 100%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1;} }@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom; -moz-transform:rotate(90deg); opacity:0;} 100%{-moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1;} }@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom; -o-transform:rotate(90deg); opacity:0;} 100%{-o-transform-origin:left bottom; -o-transform:rotate(0); opacity:1;} }@keyframes rotateInUpLeft{0%{transform-origin:left bottom; transform:rotate(90deg); opacity:0;} 100%{transform-origin:left bottom; transform:rotate(0); opacity:1;} }.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft; -moz-animation-name:rotateInUpLeft; -o-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(-90deg); opacity:0;} 100%{-webkit-transform-origin:left bottom; -webkit-transform:rotate(0); opacity:1;} }@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom; -moz-transform:rotate(-90deg); opacity:0;} 100%{-moz-transform-origin:left bottom; -moz-transform:rotate(0); opacity:1;} }@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}} .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}} @-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}} @-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}} .rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}} @-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}} @-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}} @keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}} .rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}} @-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}} @-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0;}} @keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center; transform:rotate(200deg);opacity:0;}} .rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}} @-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}} @-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}} .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}} @-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}} @-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0;}} @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}} .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}} @-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}} @-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}} .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}} @-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}} @-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}} @keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}} .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;} @-webkit-keyframes hinge{0%{-webkit-transform:rotate(0); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}20%, 60%{-webkit-transform:rotate(80deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}40%{-webkit-transform:rotate(60deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}80%{-webkit-transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform:translateY(700px); opacity:0;}} @-moz-keyframes hinge{0%{-moz-transform:rotate(0); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}20%, 60%{-moz-transform:rotate(80deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}40%{-moz-transform:rotate(60deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}80%{-moz-transform:rotate(60deg) translateY(0); opacity:1; -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out;}100%{-moz-transform:translateY(700px); opacity:0;}} @-o-keyframes hinge{0%{-o-transform:rotate(0); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}20%, 60%{-o-transform:rotate(80deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}40%{-o-transform:rotate(60deg); -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}80%{-o-transform:rotate(60deg) translateY(0); opacity:1; -o-transform-origin:top left; -o-animation-timing-function:ease-in-out;}100%{-o-transform:translateY(700px); opacity:0;}} @keyframes hinge{0%{transform:rotate(0); transform-origin:top left; animation-timing-function:ease-in-out;}20%, 60%{transform:rotate(80deg); transform-origin:top left; animation-timing-function:ease-in-out;} 40%{transform:rotate(60deg); transform-origin:top left; animation-timing-function:ease-in-out;}80%{transform:rotate(60deg) translateY(0); opacity:1; transform-origin:top left; animation-timing-function:ease-in-out;}100%{transform:translateY(700px); opacity:0;}} .hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge;} @-webkit-keyframes rollIn{0%{opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -webkit-transform:translateX(0px) rotate(0deg);}} @-moz-keyframes rollIn{0%{opacity:0; -moz-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -moz-transform:translateX(0px) rotate(0deg);}} @-o-keyframes rollIn{0%{opacity:0; -o-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; -o-transform:translateX(0px) rotate(0deg);}} @keyframes rollIn{0%{opacity:0; transform:translateX(-100%) rotate(-120deg);}100%{opacity:1; transform:translateX(0px) rotate(0deg);}} .rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn;} @-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);}} @-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg);}} @-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg);}} @keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg);}100%{opacity:0;transform:translateX(100%) rotate(120deg);}} .rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut;} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-webkit-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-webkit-transform:translateX(0%) skewX(-15deg); opacity:1;}100%{-webkit-transform:translateX(0%) skewX(0deg); opacity:1;}} @-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-moz-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-moz-transform:translateX(0%) skewX(-15deg); opacity:1;}100%{-moz-transform:translateX(0%) skewX(0deg); opacity:1;}} @-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg); opacity:0;}60%{-o-transform:translateX(-20%) skewX(30deg); opacity:1;}80%{-o-transform:translateX(0%) skewX(-15deg); opacity:1;} 100%{-o-transform:translateX(0%) skewX(0deg); opacity:1;}} @keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg); opacity:0;}60%{transform:translateX(-20%) skewX(30deg); opacity:1;}80%{transform:translateX(0%) skewX(-15deg); opacity:1;}100%{transform:translateX(0%) skewX(0deg); opacity:1;}} .lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;} .animated.lightSpeedIn{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;} @-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-webkit-transform:translateX(100%) skewX(-30deg); opacity:0;}} @-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-moz-transform:translateX(100%) skewX(-30deg); opacity:0;}} @-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg); opacity:1;}100%{-o-transform:translateX(100%) skewX(-30deg); opacity:0;}} @keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg); opacity:1;}100%{transform:translateX(100%) skewX(-30deg); opacity:0;}} .lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;} .animated.lightSpeedOut{-webkit-animation-duration:0.25s;-moz-animation-duration:0.25s;-o-animation-duration:0.25s;animation-duration:0.25s;} @-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg);}10%{-webkit-transform:skewX(-8deg);}20%{-webkit-transform:skewX(7deg);}30%{-webkit-transform:skewX(-6deg);}40%{-webkit-transform:skewX(5deg);}50%{-webkit-transform:skewX(-4deg);}60%{-webkit-transform:skewX(3deg);}70%{-webkit-transform:skewX(-2deg);}80%{-webkit-transform:skewX(1deg);}90%{-webkit-transform:skewX(0deg);}100%{-webkit-transform:skewX(0deg);}} @-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg);}10%{-moz-transform:skewX(-8deg);}20%{-moz-transform:skewX(7deg);}30%{-moz-transform:skewX(-6deg);}40%{-moz-transform:skewX(5deg);}50%{-moz-transform:skewX(-4deg);}60%{-moz-transform:skewX(3deg);}70%{-moz-transform:skewX(-2deg);}80%{-moz-transform:skewX(1deg);}90%{-moz-transform:skewX(0deg);}100%{-moz-transform:skewX(0deg);}} @-o-keyframes wiggle{0%{-o-transform:skewX(9deg);}10%{-o-transform:skewX(-8deg);}20%{-o-transform:skewX(7deg);}30%{-o-transform:skewX(-6deg);}40%{-o-transform:skewX(5deg);}50%{-o-transform:skewX(-4deg);}60%{-o-transform:skewX(3deg);}70%{-o-transform:skewX(-2deg);}80%{-o-transform:skewX(1deg);}90%{-o-transform:skewX(0deg);}100%{-o-transform:skewX(0deg);}} @keyframes wiggle{0%{transform:skewX(9deg);} 10%{transform:skewX(-8deg);} 20%{transform:skewX(7deg);} 30%{transform:skewX(-6deg);} 40%{transform:skewX(5deg);} 50%{transform:skewX(-4deg);} 60%{transform:skewX(3deg);} 70%{transform:skewX(-2deg);} 80%{transform:skewX(1deg);} 90%{transform:skewX(0deg);} 100%{transform:skewX(0deg);}} .wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;} .animated.wiggle{-webkit-animation-duration:0.75s;-moz-animation-duration:0.75s;-o-animation-duration:0.75s;animation-duration:0.75s;}