.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.vidbg-container {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #444; }
.vidbg-container video {
margin: auto;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
opacity: 0; } .vidbg-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
transition: opacity 0.5s ease; }
.vidbg-tap-to-unmute {
cursor: pointer;
position: absolute;
top: 20px;
left: 20px;
background-color: rgba(255, 255, 255, 0.9);
padding: 5px 10px;
border-radius: 5px;
transition: background-color 0.2s ease-in-out;
display: flex;
align-items: center; }
.vidbg-tap-to-unmute img {
width: 20px;
height: 20px;
margin-right: 7px; }
.vidbg-tap-to-unmute:hover {
background-color: rgba(230, 229, 229, 0.9); }html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background: 0 0;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace,monospace;
font-size: 1em;
}
blockquote {
margin: 0;
font-size: 18px;
line-height: 1.7em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
border-radius: 0;
}
input[type=email], input[type=password], input[type=submit], input[type=text], input[type=url], textarea {
-webkit-appearance: none;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
background-color: transparent;
}
td, th {
padding: 0;
text-align: left;
}
*, ::after, ::before {
outline: 0;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent;
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
outline: 0;
}
a {
text-decoration: none;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
@-ms-viewport {
width: device-width;
} .clearfix:after,
.clearfix:before,
.container:after,
.container:before {
content: " ";
display: table;
}
.clearfix:after,
.container:after {
clear: both;
}
.hidden {
display: none;
}
.visuallyhidden {
opacity: 0;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.text-bold {
font-weight: bold;
}
.wp-video {
height: auto !important;
max-width: 100% !important;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
body {
font-size: 18px;
line-height: 1.8em;
color: #555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 0.8em 0;
line-height: 1.2em;
color: #000;
font-weight: bold;
}
h1 {
font-size: 42px;
line-height: 1em;
}
h2 {
font-size: 36px;
line-height: 1.1em;
}
h3 {
font-size: 30px;
line-height: 1.2em;
}
h4 {
font-size: 24px;
line-height: 1.3em;
}
h5 {
font-size: 20px;
line-height: 1.3em;
}
h6 {
font-size: 16px;
line-height: 1.3em;
}
p {
margin: 0 0 20px;
}
blockquote {
position: relative;
font-style: italic;
padding-left: 40px;
color: #000;
}
blockquote::before {
font-family: 'mt-icons';
content: "\e900";
position: absolute;
top: 0;
left: 0;
font-size: 24px;
}
.mt-pullquote-left {
width: 100%;
margin: 0 1em 0.5em 0;
float: none;
}
.mt-pullquote-right {
width: 100%;
margin: 0 0 0.5em 1em;
float: none;
}
@media (min-width: 544px) {
.mt-pullquote-left {
width: 40%;
margin: 0 1em 0.5em 0;
float: left;
}
.mt-pullquote-right {
width: 40%;
margin: 0 0 0.5em 1em;
float: right;
}
}
.mt-highlight {
background-color: #f71616;
color: #fff;
padding: 0 6px;
border-radius: 2px;
}
.mt-dropcap {
font-size: 80px;
line-height: 80px;
font-weight: 900;
float: left;
margin-right: 10px;
color: #f71616;
}
.mt-heading {
position: relative;
margin: 0 0 30px;
padding-bottom: 10px;
}
.mt-heading span {
display: inline-block;
position: relative;
color: #000;
}
.mt-heading span::after {
content: '';
position: absolute;
bottom: -0.4em;
left: 0;
width: 40px;
height: 2px;
background: #f71616;
}
.mt-heading.text-center span::after {
left: 50%;
margin-left: -20px;
}
.mt-heading.text-right span::after {
left: auto;
right: 0;
}
code, kbd, pre, samp {
background: rgba(0, 0, 0, 0.05);
font-size: 14px;
line-height: 20px;
padding: 5px;
}
pre {
padding: 20px;
}
hr {
margin-bottom: 65px;
}
::-moz-selection {
background-color: #f71616;
}
::selection {
background-color: #f71616;
}
::-moz-selection {
color: #fff;
}
::selection {
color: #fff;
}
.alignnone {
margin: 0 0 20px;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0 auto 5px;
}
.alignright {
float: right;
margin: 0 0 10px 20px;
}
.alignleft {
float: left;
margin: 0 20px 10px 0;
}
a img.alignright {
float: right;
margin: 5px 0 15px 20px;
}
a img.alignnone {
margin: 5px 0 20px;
}
a img.alignleft {
float: left;
margin: 5px 20px 15px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
a {
color: #000;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s, opacity 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s, opacity 0.2s;
}
a:hover {
color: #000;
border-color: #f71616;
}
p > a {
font-weight: 600;
border-bottom: 1px solid #ccc;
}
.mt-anim,
.mt-anim::before,
.mt-anim::after {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@font-face {
font-family: 'mt-icons';
src: url(//www.ucpa.in/wp-content/themes/dosei/fonts/mt-icons.ttf?s0v7tc) format("truetype"), url(//www.ucpa.in/wp-content/themes/dosei/fonts/mt-icons.woff?s0v7tc) format("woff"), url(//www.ucpa.in/wp-content/themes/dosei/fonts/mt-icons.svg?s0v7tc#mt-icons) format("svg");
font-weight: normal;
font-style: normal;
}
[class^="mt-icon-"], [class*=" mt-icon-"] { font-family: 'mt-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mt-icon-heart-outlined:before {
content: "\e901";
}
.mt-icon-heart:before {
content: "\e902";
}
.mt-icon-quote:before {
content: "\e900";
}
.mt-icon-envelope-o:before {
content: "\f003";
}
.mt-icon-twitter:before {
content: "\f099";
}
.mt-icon-facebook:before {
content: "\f09a";
}
.mt-icon-facebook-f:before {
content: "\f09a";
}
.mt-icon-feed:before {
content: "\f09e";
}
.mt-icon-rss:before {
content: "\f09e";
}
.mt-icon-pinterest:before {
content: "\f0d2";
}
.mt-icon-google-plus:before {
content: "\f0d5";
}
.mt-icon-linkedin:before {
content: "\f0e1";
}
.mt-icon-angle-left:before {
content: "\f104";
}
.mt-icon-angle-right:before {
content: "\f105";
}
.mt-icon-angle-down:before {
content: "\f107";
}
.mt-icon-calendar-o:before {
content: "\f133";
}
.mt-icon-youtube:before {
content: "\f167";
}
.mt-icon-dropbox:before {
content: "\f16b";
}
.mt-icon-instagram:before {
content: "\f16d";
}
.mt-icon-flickr:before {
content: "\f16e";
}
.mt-icon-bitbucket:before {
content: "\f171";
}
.mt-icon-dribbble:before {
content: "\f17d";
}
.mt-icon-skype:before {
content: "\f17e";
}
.mt-icon-foursquare:before {
content: "\f180";
}
.mt-icon-stumbleupon:before {
content: "\f1a4";
}
.mt-icon-delicious:before {
content: "\f1a5";
}
.mt-icon-digg:before {
content: "\f1a6";
}
.mt-icon-behance:before {
content: "\f1b4";
}
.mt-icon-steam:before {
content: "\f1b6";
}
.mt-icon-deviantart:before {
content: "\f1bd";
}
.mt-icon-soundcloud:before {
content: "\f1be";
}
.mt-icon-git:before {
content: "\f1d3";
}
.mt-icon-twitch:before {
content: "\f1e8";
}
.mt-icon-yelp:before {
content: "\f1e9";
}
.mt-icon-paypal:before {
content: "\f1ed";
}
.mt-icon-500px:before {
content: "\f26e";
}
.mt-icon-amazon:before {
content: "\f270";
}
.mt-icon-vimeo:before {
content: "\f27d";
}
.mt-icon-eye:before {
content: "\e000";
}
.mt-icon-link:before {
content: "\e005";
}
.mt-icon-lock:before {
content: "\e007";
}
.mt-icon-ribbon:before {
content: "\e009";
}
.mt-icon-image:before {
content: "\e010";
}
.mt-icon-clock:before {
content: "\e014";
}
.mt-icon-camera:before {
content: "\e017";
}
.mt-icon-layers:before {
content: "\e031";
}
.mt-icon-stack:before {
content: "\e032";
}
.mt-icon-stack-2:before {
content: "\e033";
}
.mt-icon-paper:before {
content: "\e034";
}
.mt-icon-search:before {
content: "\e036";
}
.mt-icon-microphone:before {
content: "\e048";
}
.mt-icon-skip-back:before {
content: "\e050";
}
.mt-icon-play:before {
content: "\e052";
}
.mt-icon-speech-bubble:before {
content: "\e076";
}
.mt-icon-share:before {
content: "\e081";
}
.mt-icon-arrow-left:before {
content: "\e094";
}
.mt-icon-arrow-right:before {
content: "\e095";
}
.mt-icon-arrow-up:before {
content: "\e096";
}
.mt-icon-arrow-down:before {
content: "\e097";
}
.mt-icon-bag:before {
content: "\e106";
}
.mt-icon-cross:before {
content: "\e117";
}
.mt-icon-ellipsis:before {
content: "\e129";
}
@font-face {
font-family: 'Pe-icon-7-stroke';
src: url(//www.ucpa.in/wp-content/themes/dosei/fonts/Pe-icon-7-stroke.woff?d7yf1v) format("woff"), url(//www.ucpa.in/wp-content/themes/dosei/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format("truetype"), url(//www.ucpa.in/wp-content/themes/dosei/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format("svg");
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-airplay:before {
content: "\e67f";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-wristwatch:before {
content: "\e690";
}  input, textarea, select {
box-sizing: border-box;
width: 100%;
padding: 5px 10px;
margin-top: 5px;
margin-bottom: 15px;
font-size: 1em;
border: 1px solid #eee;
-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
transition: background-color 0.3s, color 0.3s, border 0.3s;
}
input:focus, textarea:focus, select:focus {
background-color: #f6f6f6;
color: #000;
}
.wpcf7-form h1, .wpcf7-form h2, .wpcf7-form h3, .wpcf7-form h4, .wpcf7-form h5, .wpcf7-form h6,
.mc4wp-form h1,
.mc4wp-form h2,
.mc4wp-form h3,
.mc4wp-form h4,
.mc4wp-form h5,
.mc4wp-form h6 {
margin: 0 0 0.3em 0;
}
.wpcf7-form p,
.mc4wp-form p {
margin-bottom: 0;
}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select,
.mc4wp-form input,
.mc4wp-form textarea,
.mc4wp-form select {
box-sizing: border-box;
width: 100%;
padding: 5px 10px;
margin-top: 5px;
margin-bottom: 15px;
font-size: 1em;
border: 1px solid #eee;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus,
.mc4wp-form input:focus,
.mc4wp-form textarea:focus,
.mc4wp-form select:focus {
background-color: #f6f6f6;
color: #000;
}
.wpcf7-form textarea,
.mc4wp-form textarea {
height: 100px;
}
.wpcf7-form input.wpcf7-submit,
.wpcf7-form input[type="submit"],
.mc4wp-form input.wpcf7-submit,
.mc4wp-form input[type="submit"] {
width: auto;
border: none;
}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"],
.mc4wp-form input[type="radio"],
.mc4wp-form input[type="checkbox"] {
width: auto;
}
.wpcf7-form [class^="col-md-"], .wpcf7-form [class*=" col-md-"],
.mc4wp-form [class^="col-md-"],
.mc4wp-form [class*=" col-md-"] {
padding-bottom: 0;
}
.wpcf7-form .wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-response-output,
.mc4wp-form .wpcf7-not-valid-tip,
.mc4wp-form .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
padding: 6px 10px;
border: none;
border-radius: 4px;
color: #fff;
}
.wpcf7-form .wpcf7-not-valid-tip,
.mc4wp-form .wpcf7-not-valid-tip {
background: #E74C3C;
}
.wpcf7-form .wpcf7-validation-errors,
.mc4wp-form .wpcf7-validation-errors {
margin-top: 10px;
padding: 10px 14px;
background: #F1C40F;
}
.wpcf7-form .wpcf7-mail-sent-ok,
.mc4wp-form .wpcf7-mail-sent-ok {
margin-top: 10px;
padding: 10px 14px;
background: #2ECC71;
}
.mc4wp-form label {
text-align: center;
}
.mc4wp-form input, .mc4wp-form textarea, .mc4wp-form select {
padding: 10px;
font-size: 14px;
}
.mc4wp-form button, .mc4wp-form input[type=button], .mc4wp-form input[type=submit] {
width: auto;
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #000;
opacity: 0.9;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #000;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #000;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #fff;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #fff;
font-weight: bold;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 16px;
font-size: 14px;
color: #fff;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.mfp-gallery .mfp-first .mfp-arrow-left,
.mfp-gallery .mfp-last .mfp-arrow-right {
display: none;
} .mfp-preloader {
width: 30px;
height: 30px;
background-color: #ddd;
margin: 0 auto;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
text-indent: -9999px;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes rotateplane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}  .modal-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
transform: scale(0.8);
} .modal-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .modal-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
} .modal-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .modal-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .modal-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-arrow {
position: absolute;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:after {
font-family: "mt-icons";
font-size: 24px;
color: #fff;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover {
opacity: 0.5;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
content: "\e094";
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
content: "\e095";
} .mfp-ready .mfp-figure {
opacity: 0;
}
.mfp-zoom-in .mfp-figure,
.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
opacity: 0;
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-bg,
.mfp-zoom-in .mfp-preloader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg,
.mfp-zoom-in.mfp-ready .mfp-preloader {
opacity: 0.95;
}
.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg,
.mfp-zoom-in.mfp-removing .mfp-preloader {
opacity: 0;
}
.mfp-iframe-scaler {
overflow: visible; }
.mfp-zoom-out-cur {
cursor: auto;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
} .pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
} .pswp--animate_opacity { opacity: 0.001;
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
} .pswp__img--placeholder {
-webkit-backface-visibility: hidden;
} .pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
} .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
} .pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//www.ucpa.in/wp-content/themes/dosei/images/photoswipe-skin/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//www.ucpa.in/wp-content/themes/dosei/images/photoswipe-skin/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
} .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
} .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
} .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
transform: translateY(0);
} .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
} .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
} .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: center;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
} .pswp__caption--fake {
visibility: hidden;
} .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn { background: url(//www.ucpa.in/wp-content/themes/dosei/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
} .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
} .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
} .pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
} .pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
} .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001;
} .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 1;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track::before,
.slick-track::after {
display: table;
content: '';
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(//www.ucpa.in/wp-content/themes/dosei/images/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
position: absolute;
z-index: 2;
top: 50%;
display: block;
width: 40px;
height: 80px;
line-height: 80px;
margin-top: -40px;
font-size: 36px;
text-align: center;
cursor: pointer;
overflow: hidden;
background: #fff;
color: #000;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slick-prev i,
.slick-next i {
line-height: 80px;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: 0.2;
}
.slick-prev:hover,
.slick-next:hover {
width: 60px;
color: #000;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
} .slick-dots {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 4px;
cursor: pointer;
}
.slick-dots li a {
opacity: 0.2;
display: block;
width: 4px;
height: 4px;
border-radius: 50em;
cursor: pointer;
background: #000;
-webkit-transition: opacity 0.3s, width 0.3s;
transition: opacity 0.3s, width 0.3s;
}
.slick-dots li a:hover, .slick-dots li a:focus {
outline: none;
}
.slick-dots li a:hover::before, .slick-dots li a:focus::before {
opacity: 1;
}
.slick-dots li.slick-active a {
opacity: 1;
width: 20px;
}  .animsition,
.animsition-overlay {
position: relative;
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .animsition-loading,
.animsition-loading:after {
width: 32px;
height: 32px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
z-index: 100;
}
.animsition-loading {
background-color: transparent;
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: animsition-loading;
animation-name: animsition-loading;
}
@-webkit-keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes animsition-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .fade-in {
-webkit-animation-name: fade-in;
animation-name: fade-in;
}
.fade-out {
-webkit-animation-name: fade-out;
animation-name: fade-out;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}  .gallery {
margin-bottom: 0;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item a,
.tiled-gallery-item a {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.gallery-item a:hover,
.tiled-gallery-item a:hover {
opacity: 0.7;
}
.gallery-icon {
margin: 0;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: none;
}
.wp-caption {
max-width: 100%;
text-align: center;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
line-height: 16px;
margin: 0;
padding: 12px 10px;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
font-size: 12px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
border-bottom: 1px solid #eee;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
text-align: center;
font-size: 12px;
padding: 0;
height: 30px;
line-height: 30px;
max-width: 14%;
border: 1px solid #eee;
}
#wp-calendar tbody td:hover {
background: rgba(0, 0, 0, 0.02);
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tbody .pad:hover {
background: none;
}
#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;
}
#wp-calendar td a {
font-weight: bold;
} .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
background: #f71616;
}
.mejs-container .mejs-poster {
background-size: cover;
}
.mt-fluid-vid {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.mt-fluid-vid iframe,
.mt-fluid-vid object,
.mt-fluid-vid embed,
.mt-fluid-vid video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .mt-accordion {
margin-bottom: 20px;
}
.mt-accordion-panel[aria-hidden="true"] {
visibility: hidden;
height: 0;
}
.mt-accordion-panel[aria-hidden="false"] {
visibility: visible;
}
.mt-accordion-is-ready .mt-accordion-header {
cursor: pointer;
}
.mt-accordion-is-ready .mt-accordion-panel {
overflow: hidden;
}
.mt-accordion-is-ready .mt-accordion-header {
display: block;
position: relative;
text-decoration: none;
font-size: 1em;
margin-bottom: 0;
padding: 15px 30px;
border-bottom: 1px solid #eee;
background-color: #f6f6f6;
-webkit-transition: background-color 0.1s ease, color 0.1s ease;
transition: background-color 0.1s ease, color 0.1s ease;
}
.mt-accordion-is-ready .mt-accordion-header:after {
content: '';
position: absolute;
top: 50%;
right: 30px;
height: 0;
width: 0;
margin-top: -0.25rem;
border-left: 0.5rem solid transparent;
border-right: 0.5rem solid transparent;
border-top: 0.5rem solid rgba(0, 0, 0, 0.5);
}
.mt-accordion-header[aria-selected=true] {
background-color: #f71616;
color: #fff;
}
.mt-accordion-header[aria-selected=true]:after {
border-bottom: 0.5rem solid #fff;
border-top: 0;
}
.mt-accordion-header[aria-selected=false]:focus,
.mt-accordion-header[aria-selected=false]:hover {
background-color: #eee;
}
.mt-accordion-is-ready .mt-accordion-panel {
-webkit-transition: height 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945), visibility 0.3s;
transition: height 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945), visibility 0.3s;
}
.mt-accordion-is-ready .mt-accordion-inner {
padding: 30px 30px 10px;
border-bottom: 1px solid #eee;
} .mt-alert {
position: relative;
padding: 30px 30px 10px;
margin-bottom: 30px;
background: #f6f6f6;
color: #000;
}
.mt-alert.mt-alert-success {
background: #0bd072;
color: #fff;
}
.mt-alert.mt-alert-warning {
background: #fcfb73;
color: #000;
}
.mt-alert.mt-alert-danger {
background: #f12f3d;
color: #fff;
}
.mt-alert.mt-alert-info {
background: #3585eb;
color: #fff;
}
.mt-alert-title {
color: #000;
}
.mt-alert-success .mt-alert-title,
.mt-alert-danger .mt-alert-title,
.mt-alert-info .mt-alert-title {
color: #fff;
}
.mt-alert-dismiss {
position: absolute;
top: 2px;
right: 2px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border: none;
margin: 0;
padding: 0;
background: rgba(0, 0, 0, 0.1);
}
.mt-btn,
.wpcf7-form input.wpcf7-submit,
#commentform input#submit,
.mc4wp-form button,
.mc4wp-form input[type=button],
.mc4wp-form input[type=submit],
.tagcloud a {
position: relative;
text-align: center;
width: auto;
display: inline-block;
font-size: 14px;
line-height: 1em;
font-weight: 600;
padding: 16px 34px;
border: none;
color: #fff;
background: #f71616;
-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.mt-btn:hover,
.wpcf7-form input.wpcf7-submit:hover,
#commentform input#submit:hover,
.mc4wp-form button:hover,
.mc4wp-form input[type=button]:hover,
.mc4wp-form input[type=submit]:hover,
.tagcloud a:hover {
color: #fff;
background: #000;
}
.mt-btn.mt-btn-round,
.wpcf7-form input.wpcf7-submit.mt-btn-round,
#commentform input#submit.mt-btn-round,
.mc4wp-form button.mt-btn-round,
.mc4wp-form input[type=button].mt-btn-round,
.mc4wp-form input[type=submit].mt-btn-round,
.tagcloud a.mt-btn-round {
border-radius: 10em;
}
.mt-btn i,
.wpcf7-form input.wpcf7-submit i,
#commentform input#submit i,
.mc4wp-form button i,
.mc4wp-form input[type=button] i,
.mc4wp-form input[type=submit] i,
.tagcloud a i {
position: relative;
top: 4px;
line-height: 0;
font-size: 1.8em;
margin-right: 0.2em;
}
.mt-btn.mt-btn-after i,
.wpcf7-form input.wpcf7-submit.mt-btn-after i,
#commentform input#submit.mt-btn-after i,
.mc4wp-form button.mt-btn-after i,
.mc4wp-form input[type=button].mt-btn-after i,
.mc4wp-form input[type=submit].mt-btn-after i,
.tagcloud a.mt-btn-after i {
margin-right: 0;
margin-left: 0.2em;
}
.mt-btn {
margin: 4px;
}
.mt-btn-sm {
font-size: 12px;
padding: 12px 24px;
}
.mt-btn-lg {
font-size: 16px;
padding: 20px 44px;
}
.mt-btn-block {
display: block;
clear: both;
}
ul, ol {
margin: 0 0 20px;
padding-left: 35px;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0;
}
.list-inline,
.list-unstyled {
padding-left: 0;
margin: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.list-inline > li:first-child {
padding-left: 0;
}
.mt-menu-modal {
position: relative;
padding: 40px 40px 20px;
width: auto;
max-width: 1140px;
margin: 20px auto;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
background: #fff;
}
@media (min-width: 992px) {
.mt-menu-modal {
padding: 60px 80px 0;
}
img.mb0 {
margin-bottom: 0;
}
} .mt-milestone {
position: relative;
margin-bottom: 20px;
text-align: center;
}
.mt-milestone-icon {
font-size: 60px;
line-height: 60px;
color: #f71616;
}
.mt-milestone-number {
position: relative;
margin-bottom: 20px;
font-size: 70px;
line-height: 70px;
font-weight: 300;
color: #000;
}
.mt-milestone-title {
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
}
.mt-milestone-light .mt-milestone-title,
.mt-milestone-light .mt-milestone-number {
color: #fff;
}
.mt-pricing {
position: relative;
width: 100%;
padding: 2em 0;
margin-bottom: 20px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
background: rgba(255, 255, 255, 0.3);
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.mt-pricing p {
margin: 0;
padding: 0;
}
.mt-pricing ul {
list-style: none;
padding: 0 2.5em;
margin: 30px 0 0;
font-size: 0.9em;
}
.mt-pricing li {
padding: 6px 0;
}
.mt-pricing li:last-child {
border-bottom: 0;
}
.mt-pricing .mt-btn {
margin-top: 30px;
}
.mt-pricing::after {
content: '';
pointer-events: none;
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border: 4px solid #f71616;
border-radius: 4px;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.mt-pricing:hover, .mt-pricing:focus {
border-color: #f71616;
}
.mt-pricing:hover::after, .mt-pricing:focus::after {
opacity: 1;
}
.mt-pricing.mt-pricing-recommended {
margin-top: -1.5em;
padding-top: 3.5em;
padding-bottom: 3.5em;
border-color: rgba(0, 0, 0, 0.12);
}
.mt-pricing-icon {
font-size: 40px;
margin-bottom: 20px;
color: #f71616;
}
.mt-pricing-title {
font-size: 24px;
margin-bottom: 20px;
color: #000;
font-weight: bold;
}
.mt-pricing-value {
font-size: 40px;
font-weight: bold;
padding: 20px 0;
margin-bottom: 20px;
background: rgba(0, 0, 0, 0.05);
color: #000;
}
.mt-pricing-value span {
font-weight: normal;
}
.mt-pricing-currency {
font-size: 16px;
vertical-align: text-top;
opacity: 0.6;
}
.mt-pricing-period {
font-size: 14px;
vertical-align: text-bottom;
color: #000;
opacity: 0.4;
}
.mt-pricing-light {
border: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(0, 0, 0, 0.3);
}
.mt-pricing-light .mt-pricing-title {
color: #eee;
}
.mt-pricing-light .mt-pricing-value {
background: rgba(255, 255, 255, 0.02);
color: #fff;
}
.mt-pricing-light li {
color: #ccc;
}
.mt-pricing-light.mt-pricing-recommended {
border-color: rgba(255, 255, 255, 0.12);
}
.mt-pricing-light .mt-pricing-period {
color: #fff;
}
.mt-service {
position: relative;
margin-bottom: 20px;
}
.mt-service-icon {
position: absolute;
top: 0;
font-size: 48px;
opacity: 0.5;
}
.mt-service-icon.mt-service-icon-accent {
color: #f71616;
opacity: 1;
}
.mt-service-title {
font-size: 18px;
}
.mt-service-left .mt-service-icon {
left: 0;
}
.mt-service-left .mt-service-content {
padding-left: 70px;
}
.mt-service-right .mt-service-icon {
right: 0;
}
.mt-service-right .mt-service-content {
text-align: right;
padding-right: 70px;
}
.mt-service-top {
padding-top: 70px;
}
.mt-service-top .mt-service-icon {
left: 50%;
width: 80px;
margin-left: -40px;
text-align: center;
}
.mt-service-top .mt-service-content {
text-align: center;
}
.mt-service-link {
font-size: 14px;
font-weight: 600;
padding-bottom: 3px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mt-service-link:hover {
border-color: #f71616;
}
.mt-service-light {
color: #fff;
}
.mt-service-light h6,
.mt-service-light a {
color: #fff;
}
.mt-service-light p {
opacity: 0.7;
}
.mt-service-light .mt-service-link {
color: #fff;
}
.mt-service-light .mt-service-link:hover {
opacity: 0.7;
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
table > thead > tr > td, table > thead > tr > th,
table > tbody > tr > td, table > tbody > tr > th,
table > tfoot > tr > td, table > tfoot > tr > th {
padding: 8px;
line-height: 1.42857143;
border-top: 1px solid #ddd;
}
table > thead > tr > th {
border-bottom: 2px solid #ddd;
}
table > caption + thead > tr:first-child > td, table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > td, table > thead:first-child > tr:first-child > th {
border-top: 0;
}
table > tbody + tbody {
border-top: 2px solid #ddd;
} .mt-tabs {
margin-bottom: 20px;
}
.mt-tabs-is-ready .mt-tabs-tablist-item {
display: inline;
}
.mt-tabs-panel[aria-hidden="true"] {
display: none;
}
.mt-tabs:not(.mt-tabs-is-ready) .mt-tabs-tablist {
margin-bottom: 30px;
margin-left: 30px;
}
.mt-tabs-is-ready .mt-tabs-tablist {
list-style: none;
margin: 0;
padding: 0;
}
.mt-tabs-tab {
display: inline-block;
width: 100%;
font-size: 1em;
line-height: 1.25;
text-decoration: none;
font-weight: 600;
color: #000;
}
.mt-tabs-tab:hover {
color: #000;
}
.mt-tabs-is-ready .mt-tabs-tab {
padding: 13px 30px 15px;
border-top: 2px solid transparent;
background-color: #eee;
-webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
}
.mt-tabs-is-ready .mt-tabs-tab[tabindex="0"] {
background-color: #f6f6f6;
border-top-color: #f71616;
}
.mt-tabs-is-ready .mt-tabs-tab:not([tabindex="0"]):hover {
background-color: #f71616;
color: #fff;
}
@media (min-width: 768px) {
.mt-tabs-tab {
width: auto;
}
}
.mt-tabs-is-ready .mt-tabs-panel {
background-color: #f6f6f6;
padding: 30px 30px 10px;
}
.mt-tabs:not(.mt-tabs-is-ready) .mt-tabs-tab:focus,
.mt-tabs:not(.mt-tabs-is-ready) .mt-tabs-tab:hover {
text-decoration: underline;
} .mt-tabs-features.mt-tabs-is-ready .mt-tabs-tablist {
text-align: center;
}
.mt-tabs-features.mt-tabs-is-ready .mt-tabs-tab {
background: none;
border-top: none;
border-bottom: 2px solid #eee;
}
.mt-tabs-features.mt-tabs-is-ready .mt-tabs-tab[tabindex="0"] {
background: none;
border-bottom-color: #f71616;
}
.mt-tabs-features.mt-tabs-is-ready .mt-tabs-tab:not([tabindex="0"]):hover {
background-color: transparent;
color: #f71616;
}
.mt-tabs-features.mt-tabs-is-ready .mt-tabs-panel {
background-color: transparent;
padding: 30px 0 0;
}
@media (min-width: 768px) {
.mt-tabs-features.mt-tabs-is-ready .mt-tabs-tablist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.mt-tabs-features.mt-tabs-is-ready .mt-tabs-tablist-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mt-tabs-features.mt-tabs-is-ready .mt-tabs-tab {
width: 100%;
}
}
.mt-testimonial {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.mt-testimonial-thumb {
border-radius: 50%;
width: 100px;
height: 100px;
margin-bottom: 20px;
}
.mt-testimonial-title {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
color: #000;
}
.mt-testimonial-subtitle {
margin-bottom: 0;
text-transform: initial;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #bbb;
}
.mt-testimonial-text {
margin-top: 20px;
}
.mt-testimonial-light .mt-testimonial-title,
.mt-testimonial-light .mt-testimonial-subtitle,
.mt-testimonial-light .mt-testimonial-text {
color: #fff;
}
.mt-testimonial-light .mt-testimonial-subtitle {
opacity: 0.7;
}
.mt-testimonial-light .mt-testimonial-text {
opacity: 0.6;
}
.mt-to-top {
position: fixed;
z-index: 998;
bottom: 30px;
right: 0;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 22px;
padding: 0;
text-align: center;
cursor: pointer;
overflow: hidden;
visibility: hidden;
opacity: 0;
background-color: #fff;
color: #000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mt-to-top i {
line-height: 40px;
}
.mt-to-top.is-visible {
visibility: visible;
opacity: 1;
}
.mt-to-top:hover {
background-color: #f71616;
color: #fff;
}
.mt-tooltip {
position: relative;
}
.mt-tooltip:hover::before {
top: -48px;
opacity: 1;
visibility: visible;
}
.mt-tooltip:hover::after {
top: -18px;
opacity: 1;
visibility: visible;
}
.mt-tooltip::before, .mt-tooltip::after {
position: absolute;
text-align: center;
text-transform: initial;
font-weight: normal;
left: 50%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s, visibility 0.3s, top 0.3s;
transition: opacity 0.3s, visibility 0.3s, top 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mt-tooltip::before {
content: attr(data-tooltip);
top: -40px;
height: 30px;
line-height: 30px;
font-size: 11px;
letter-spacing: 0;
font-weight: 600;
padding: 0 20px;
border-radius: 4px;
white-space: nowrap;
background: #000;
color: #fff;
}
.mt-tooltip::after {
content: "";
width: 0;
height: 0;
top: -10px;
border-top: 6px solid #000;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
} .header {
z-index: 100;
}
.header-inner {
position: relative;
z-index: 100;
}
.logo a {
position: absolute;
top: 40px;
left: 40px;
display: inline-block;
padding: 15px 25px;
background: #000;
color: #fff;
}
.logo img {
height: 41px;
}
.logo.with-shadow a {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.header-fixed .logo a {
position: fixed;
}
.modal-info {
margin-bottom: 50px;
}
.modal-socials {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.opened .modal-socials {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.social-icons li {
padding: 0;
margin: 0 5px 0 0;
}
.social-icons a {
display: block;
width: 40px;
height: 40px;
font-size: 16px;
line-height: 36px;
text-align: center;
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.1);
border-radius: 100em;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.social-icons a:hover {
background: #f71616;
border-color: #f71616;
color: #fff;
text-shadow: none;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.social-icons a i {
line-height: 36px;
}
.author-info .social-icons a {
color: #000;
text-shadow: none;
border-color: rgba(0, 0, 0, 0.1);
}
.author-info .social-icons a:hover {
background: #f71616;
border-color: #f71616;
color: #fff;
}
.modal-address {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.opened .modal-address {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.modal-address i {
color: #f71616;
font-size: 24px;
width: 30px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal-address li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #aaa;
font-size: 18px;
margin-bottom: 15px;
} .modal-nav-trigger {
position: absolute;
top: 40px;
right: 40px;
width: 71px;
height: 71px;
line-height: 71px;
background: #fff;
}
.modal-nav-trigger.with-shadow {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.modal-nav-trigger span {
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -15px;
width: 22px;
height: 2px;
background: #000;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.modal-nav-trigger span::before, .modal-nav-trigger span::after {
content: '';
display: block;
height: 2px;
background: #000;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.modal-nav-trigger span::before {
width: 30px;
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
.modal-nav-trigger span::after {
width: 28px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
.modal-nav-trigger:hover span {
width: 30px;
}
.modal-nav-trigger:hover span::after {
width: 30px;
}
.header-fixed .modal-nav-trigger {
position: fixed;
}
.modal-nav-wrapper {
position: fixed;
z-index: 999;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.95);
overflow-y: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.modal-nav-wrapper.opened {
opacity: 1;
visibility: visible;
}
.modal-nav-wrapper .row {
margin-left: 0;
margin-right: 0;
}
@media (max-width: 768px) {
.modal-nav-wrapper {
display: block;
padding-top: 140px;
}
}
.modal-nav-inner {
max-width: 1000px;
margin: 0 auto;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.modal-nav-heading {
font-size: 24px;
color: #fff;
}
.modal-nav-close {
position: absolute;
z-index: 1;
top: 40px;
right: 40px;
width: 71px;
height: 71px;
line-height: 71px;
font-size: 60px;
text-align: center;
color: #aaa;
background: rgba(0, 0, 0, 0.4);
}
.modal-nav-close:hover {
color: #fff;
}
.modal-nav-close i {
line-height: 71px;
}
.modal-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.modal-nav ul.sub-menu {
display: none;
margin: 20px 0 20px 20px;
}
.modal-nav li {
position: relative;
margin: 0;
padding: 6px 0;
}
.modal-nav li.menu-item-has-children a {
margin-right: 40px;
}
.modal-nav li.menu-item-has-children a.submenu-trigger {
position: absolute;
top: 10px;
right: 0;
padding: 0;
margin: 0;
font-size: 20px;
text-align: center;
width: 26px;
height: 26px;
cursor: pointer;
border: none;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.modal-nav li.menu-item-has-children a.submenu-trigger.opened {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.modal-nav a {
font-size: 32px;
font-weight: bold;
color: #aaa;
border-bottom: 2px solid transparent;
}
.modal-nav a:hover {
color: #fff;
border-bottom-color: #fff;
}
.modal-nav a.modal-nav-home {
color: #f71616;
}
.modal-nav a.modal-nav-home:hover {
color: #f71616;
border-bottom-color: #f71616;
}
.modal-nav > ul > li {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.opened .modal-nav > ul > li {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.opened .modal-nav > ul > li:nth-child(1) {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.opened .modal-nav > ul > li:nth-child(2) {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.opened .modal-nav > ul > li:nth-child(3) {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.opened .modal-nav > ul > li:nth-child(4) {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.opened .modal-nav > ul > li:nth-child(5) {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.opened .modal-nav > ul > li:nth-child(6) {
-webkit-transition-delay: 350ms;
transition-delay: 350ms;
}
.opened .modal-nav > ul > li:nth-child(7) {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.opened .modal-nav > ul > li:nth-child(8) {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
.opened .modal-nav > ul > li:nth-child(9) {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.opened .modal-nav > ul > li:nth-child(10) {
-webkit-transition-delay: 550ms;
transition-delay: 550ms;
} body {
background: #e6e6e6;
overflow-x: hidden;
}
.content-wrapper {
position: relative;
}
.container {
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.container {
width: 970px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.col-md-1.no-pd, .col-md-2.no-pd, .col-md-3.no-pd, .col-md-4.no-pd, .col-md-5.no-pd, .col-md-6.no-pd, .col-md-7.no-pd, .col-md-8.no-pd, .col-md-9.no-pd, .col-md-10.no-pd, .col-md-11.no-pd, .col-md-12.no-pd {
padding: 0;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.site {
position: relative;
}
.site-content {
background: #fff;
}
.site-content > .container {
padding-top: 60px;
padding-bottom: 40px;
}
.search-nothing-found.container {
padding-top: 60px;
padding-bottom: 40px;
} .mt-section {
position: relative;
padding: 60px 0 10px;
}
.mt-section-video {
padding: 0;
overflow: hidden;
}
.mt-section-video-inner {
position: relative;
padding: 60px 0 10px;
z-index: 2;
}
.mt-section-video-bg {
position: absolute;
min-width: 100%;
min-height: 100%;
z-index: -2;
top: 0;
left: 0;
}
.mt-section-video-bg video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mt-section-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.6;
}
.mt-section-video-poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.mt-section-video-bg video {
display: none;
}
}
.page-title-wrapper {
margin: 0;
padding: 120px 0;
text-align: center;
background: #eee;
}
.page-title {
position: relative;
margin-bottom: 0;
font-size: 36px;
text-align: center;
color: #000;
}
.page-title small {
display: block;
margin: 0;
font-size: 14px;
line-height: 1;
}
@media (max-width: 768px) {
.page-title {
margin-top: 71px;
}
} .widget {
position: relative;
width: 100%;
padding-bottom: 30px;
font-size: 14px;
}
.widget li {
line-height: 1.3em;
}
.widget ul, .widget li {
list-style: none;
padding-left: 0;
}
.widget ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget select {
width: 100%;
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 4px 8px;
}
.widget .menu {
margin: 0;
padding: 0;
}
.widget .menu a {
position: relative;
}
.widget .menu li li a {
padding-left: 5px;
}
.widget .menu li li li a {
padding-left: 10px;
}
.widget .menu li li li li a {
padding-left: 15px;
}
.widget .menu .current-menu-item > a {
font-weight: 600;
}
.sidebar .menu {
margin: 0;
padding: 30px;
background: rgba(0, 0, 0, 0.04);
border-radius: 4px;
}
.sidebar .menu a {
position: relative;
font-size: 14px;
font-weight: 600;
display: block;
padding: 6px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.sidebar .menu a::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 1px;
background: #f71616;
-webkit-transition: width 0.3s cubic-bezier(0.19, 1, 0.585, 0.96);
transition: width 0.3s cubic-bezier(0.19, 1, 0.585, 0.96);
}
.sidebar .menu a:hover::after {
width: 100%;
}
.sidebar .menu li li a {
padding-left: 5px;
}
.sidebar .menu li li li a {
padding-left: 10px;
}
.sidebar .menu li li li li a {
padding-left: 15px;
}
.sidebar .menu .current-menu-item > a {
color: #f71616;
}
.sidebar .menu .current-menu-item > a::after {
width: 100%;
}
.footer-widgets .widget .menu {
padding: 0;
}
.widget-title {
position: relative;
margin: 0 0 30px;
padding-bottom: 10px;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.widget-title span {
display: inline-block;
position: relative;
color: #000;
}
.widget-title span::after {
content: '';
position: absolute;
bottom: -11px;
left: 0;
width: 100%;
height: 3px;
background: #f71616;
}
.widget-title::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #eee;
}
.widget a {
font-weight: 600;
color: #000;
}
.widget a:hover {
color: #aaa;
}
.search-form {
position: relative;
}
.search-form input {
display: block;
width: 100%;
height: 46px;
padding: 0 40px 0 10px;
margin: 0 0 20px;
border: none;
border: 1px solid #eee;
font-size: 14px;
line-height: 44px;
box-sizing: border-box;
-webkit-appearance: none;
box-shadow: none;
border-radius: 0;
}
.search-form input:focus {
background-color: #f6f6f6;
color: #000;
}
.search-form button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 46px;
text-align: center;
background: none;
border: none;
padding: 0;
margin: 0;
font-size: 16px;
line-height: 48px;
color: #000;
}
.search-form button span {
display: none;
}
.site-content .sidebar-search-form {
position: relative;
}
.site-content .sidebar-search-form input {
padding-right: 40px;
}
.site-content .sidebar-search-form i {
position: absolute;
top: 50%;
right: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tagcloud a {
font-size: 11px !important;
letter-spacing: 0.1em;
line-height: 1.4em;
padding: 6px 16px;
margin: 0 2px 5px 0;
-webkit-transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease;
transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease;
} .widget .lp-sidebar {
list-style: none;
padding-left: 0;
margin-left: 0;
counter-reset: li;
}
.widget .lp-sidebar li {
position: relative;
margin-bottom: 20px;
padding: 0 0 0 48px;
line-height: 26px;
counter-increment: list;
}
.widget .lp-sidebar li::before {
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 36px;
line-height: 34px;
font-size: 14px;
font-weight: bold;
text-align: center;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 100em;
color: #000;
content: counter(list, decimal);
-webkit-transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease;
transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}
.widget .lp-sidebar li:hover::before {
border-color: #f71616;
background: #f71616;
color: #fff;
}
.widget .lp-sidebar li:last-child {
margin-bottom: 0;
}
.widget .lp-sidebar h6 {
margin-bottom: 0;
font-weight: 600;
line-height: 1.2em;
}
.widget .lp-sidebar span {
color: #000;
font-size: 0.85em;
opacity: 0.5;
} .project-widget {
position: relative;
display: block;
height: 160px;
width: 100%;
margin-bottom: 4px;
background-size: cover;
text-align: center;
}
.project-widget a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 160px;
line-height: 160px;
font-size: 36px;
background: rgba(0, 0, 0, 0.2);
color: #fff;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.project-widget a:hover {
color: #fff;
opacity: 1;
}
@media (max-width: 992px) {
.project-widget {
float: left;
width: 33.333%;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
}
}
@media (max-width: 544px) {
.project-widget {
float: none;
width: 100%;
border: none;
}
} .widget .mc4wp-form {
text-align: center;
margin: 0;
}
.widget .mc4wp-form label {
font-weight: normal;
margin-bottom: 10px;
}
.widget .mc4wp-form input[type=email] {
display: block;
margin-bottom: 0;
}
.widget .mc4wp-form button,
.widget .mc4wp-form input[type=button],
.widget .mc4wp-form input[type=submit] {
margin-top: 0;
margin-bottom: 0;
display: block;
width: 100%;
} .mt-preloader,
.mt-preloader::after {
position: absolute;
width: 26px;
height: 26px;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
border-radius: 50%;
}
.mt-preloader {
background-color: transparent;
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-name: mt-preloader-anim;
animation-name: mt-preloader-anim;
}
@-webkit-keyframes mt-preloader-anim {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes mt-preloader-anim {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .footer {
padding: 15px 30px;
font-size: 14px;
color: #aaa;
background: #111;
}
.footer > div {
padding-bottom: 0;
}
.footer a {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.footer a:hover {
border-bottom-color: #f71616;
}
.footer .social-icons {
float: right;
}
.footer .copyright {
line-height: 40px;
}
@media (max-width: 992px) {
.footer {
text-align: center;
}
.footer > .copyright {
padding-bottom: 30px;
}
.footer .social-icons {
float: none;
}
}   .hentry {
position: relative;
}
.post-inner {
position: relative;
overflow: hidden;
}
.post-inner .post-thumbnail {
position: relative;
z-index: 2;
width: 100%;
margin: 0;
}
.post-inner .post-thumbnail i {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
font-size: 60px;
color: #fff;
text-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.entry-header {
position: relative;
z-index: 1;
padding: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.post-inner .post-thumbnail {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 400px;
height: auto;
}
.entry-header {
padding: 40px 440px 40px 40px;
}
}
.post-thumbnail {
width: 100%;
margin-bottom: 30px;
}
.post-thumbnail img {
width: 100%;
}
.post-thumbnail a {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.post-thumbnail a:hover {
opacity: 0.8;
}
.entry-hero {
width: 100%;
margin-bottom: 30px;
}
.entry-title {
margin-bottom: 10px;
font-size: 34px;
line-height: 1em;
font-weight: bold;
color: #000;
}
.entry-title a {
color: #000;
}
.entry-title a:hover {
color: #aaa;
}
.sticky .entry-header::before {
font-family: 'mt-icons';
content: "\e009";
font-size: 100px;
line-height: 100px;
position: absolute;
z-index: -1;
top: -30px;
left: -30px;
color: rgba(0, 0, 0, 0.08);
} .single-post-container {
padding-top: 40px;
}
.single .hentry {
padding-bottom: 0;
margin-bottom: 80px;
border-bottom: 0;
}
.single .entry-title {
margin-bottom: 20px;
}
.single .post-with-tags .entry-content {
padding-bottom: 10px;
}
.post-thumb-wrapper {
position: relative;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
background-size: cover;
background-position: center;
}
.post-thumb-wrapper > .container {
padding: 30px;
z-index: 3;
}
.post-thumb-overlay {
overflow: hidden;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.post-title {
margin: 15px 0;
font-size: 48px;
text-align: center;
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
.post-title {
font-size: 36px;
}
}
.post-title-date {
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
opacity: 0.8;
} .entry-meta {
font-size: 14px;
line-height: 20px;
color: #aaa;
}
.entry-meta.top {
margin-bottom: 10px;
}
.entry-meta a {
display: inline-block;
background: #f71616;
color: #fff;
font-weight: 600;
font-size: 12px;
padding: 3px 12px;
}
.entry-meta a:hover {
background: #000;
color: #fff;
}
.entry-meta-footer {
font-size: 14px;
}
.entry-meta-footer a {
padding-bottom: 2px;
border-bottom: 1px solid #eee;
}
.entry-meta-footer a:hover {
border-bottom-color: #000;
}
.meta-tags {
display: block;
}
.meta-tags li {
padding: 0;
}
.meta-tags a {
font-size: 11px;
line-height: 11px;
padding: 6px 12px;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
background: #f6f6f6;
color: #000;
}
.meta-tags a:hover {
background: #f71616;
color: #fff;
}
.meta-tags-title {
margin-right: 10px;
}
.page-meta-bar {
padding: 10px 0;
background: #fafafa;
border-bottom: 1px solid #eee;
}
.page-meta-bar .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-meta-bar .container > div {
width: 50%;
}
.page-meta-bar a {
font-weight: bold;
} .pagination {
display: block;
padding: 40px;
}
.pagination > div {
display: block;
}
.pagination a,
.pagination span {
display: inline-block;
margin: 2px;
height: 40px;
line-height: 40px;
font-size: 18px;
text-align: center;
border-bottom: 1px solid #eee;
color: #000;
}
.pagination a:hover {
border-bottom-color: #000;
}
.pagination span.current {
font-weight: bold;
background: #f71616;
color: #fff;
border-bottom-color: #f71616;
}
.pagination .newer {
float: left;
}
.pagination .newer i {
margin-right: 5px;
}
.pagination .older {
float: right;
}
.pagination .older i {
margin-left: 5px;
}
.pagination.paginated {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination.paginated a,
.pagination.paginated span {
width: 40px;
padding: 0;
}
.pagination.paginated .prev,
.pagination.paginated .next {
font-size: 18px;
line-height: 40px;
}
.page-link {
padding: 5px;
border: 1px solid #eee;
text-align: center;
} .format-audio .post-thumbnail {
margin-bottom: 0;
}
.entry-hero .gallery {
position: relative;
}
.entry-hero .gallery > .gallery-item {
display: none;
}
.entry-hero .gallery > .gallery-item:first-of-type {
display: block;
}
.entry-hero {
position: relative;
}
.entry-hero .open-gal-btn,
.entry-hero .open-gal-txt {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
font-size: 20px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
line-height: 40px;
margin: 0;
padding: 0;
background: #fff;
color: #000;
}
.entry-hero .open-gal-btn i,
.entry-hero .open-gal-txt i {
line-height: 40px;
}
.entry-hero .open-gal-txt {
width: auto;
padding: 0 20px;
font-size: 14px;
left: 40px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
.entry-hero:hover .open-gal-txt {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
} #comments-wrapper {
margin-top: 30px;
}
.single-post #comments-wrapper {
margin-top: 0;
}
#comments {
padding-bottom: 40px;
}
.commentlist {
margin-bottom: 40px;
list-style: none;
margin-left: 0;
padding-left: 0;
}
.commentlist ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
.commentlist ul.children {
position: relative;
}
.commentlist ul ul,
.commentlist ul ul ul {
list-style: none;
}
.commentlist li {
position: relative;
}
.comments-heading.widget-title {
margin-bottom: 0;
}
.comment-body {
list-style: none;
padding: 30px 0 30px 80px;
position: relative;
}
.comment-body p {
margin-bottom: 10px;
font-size: 14px;
}
@media (max-width: 544px) {
.comment-body {
padding-left: 40px;
}
}
.comment-content {
position: relative;
padding: 20px 20px 10px;
background: #f6f6f6;
border-radius: 4px;
font-size: 16px;
line-height: 1.5em;
}
.comment-content::before {
content: '';
position: absolute;
top: 10px;
left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #f6f6f6 transparent transparent;
}
li.depth-2 .comment-body {
padding-left: 110px;
}
li.depth-2 .vcard .avatar {
left: 30px;
}
li.depth-3 .comment-body {
padding-left: 140px;
}
li.depth-3 .vcard .avatar {
left: 60px;
}
li.depth-4 .comment-body {
padding-left: 170px;
}
li.depth-4 .vcard .avatar {
left: 90px;
}
@media (max-width: 544px) {
li.depth-2 .comment-body {
padding-left: 60px;
}
li.depth-2 .vcard .avatar {
left: 10px;
}
li.depth-3 .comment-body {
padding-left: 70px;
}
li.depth-3 .vcard .avatar {
left: 20px;
}
li.depth-4 .comment-body {
padding-left: 80px;
}
li.depth-4 .vcard .avatar {
left: 30px;
}
}
span.says {
display: none;
}
.vcard .avatar {
position: absolute;
top: 50px;
left: 0;
overflow: hidden;
padding: 0;
border-radius: 50%;
}
@media (max-width: 544px) {
.vcard .avatar {
top: 62px;
width: 26px;
height: 26px;
}
}
.comment-author {
display: inline-block;
float: left;
}
.comment-author .fn {
padding: 0;
display: inline-block;
font-size: 14px;
line-height: 14px;
font-style: normal;
font-weight: 600;
margin-bottom: 4px;
color: #000;
}
.comment-author .fn a {
font-style: normal;
color: #000;
}
.comment-meta {
display: block;
margin-bottom: 10px;
font-size: 14px;
line-height: 14px;
}
.comment-meta a {
font-weight: normal;
color: #aaa;
}
.comment-meta a:hover {
opacity: 1;
}
.comment-metadata {
display: inline-block;
position: relative;
margin-left: 10px;
padding-left: 12px;
}
.comment-metadata::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 4px;
height: 4px;
margin-top: -2px;
background: #ccc;
border-radius: 50%;
}
.comment-reply-link {
position: absolute;
top: 30px;
right: 0;
font-size: 14px;
line-height: 14px;
color: #aaa;
}
.comment-reply-link:hover {
color: #000;
}
@media (max-width: 544px) {
.comment-reply-link {
top: auto;
bottom: 10px;
}
}
.comments-navigation {
padding-top: 20px;
}
#commentform label {
font-size: 14px;
padding-bottom: 0;
margin-bottom: 0;
}
#commentform .comment-textarea {
padding-top: 10px;
}
#commentform input, #commentform textarea {
width: 100%;
display: block;
padding: 5px 10px;
margin-bottom: 10px;
font-size: 1em;
border: 1px solid #eee;
box-sizing: border-box;
}
#commentform input:focus, #commentform textarea:focus {
background-color: #f6f6f6;
color: #000;
}
#commentform textarea {
width: 100%;
height: 100px;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
position: relative;
margin: 0;
width: 100%;
float: none;
}
#commentform .comment-form-url {
margin-right: 0;
}
#commentform .comment-form-comment {
margin-bottom: 5px;
clear: both;
display: block;
}
#commentform .form-allowed-tags {
display: none;
}
#commentform .form-allowed-tags code {
font-size: .9em;
margin: 0;
padding: 0;
}
#commentform .comment-notes {
font-size: .9em;
}
@media (min-width: 992px) {
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
margin-bottom: 10px;
width: 30%;
}
}
.bypostauthor {
background: transparent;
}
.comment-respond {
margin-top: 40px;
}
.comment .comment-respond {
margin-top: 0;
padding: 25px;
background: rgba(0, 0, 0, 0.01);
border: 1px solid #eee;
}
.logged-in-as a {
margin-bottom: 0 !important;
}
h3#reply-title {
position: relative;
font-size: 18px;
}
h3#reply-title a {
position: absolute;
top: 0;
right: 0;
}
.form-submit {
position: relative;
margin-top: 20px;
margin-bottom: 0;
}
.form-submit input#submit {
background: none;
margin-bottom: 0 !important;
border: 0;
padding: 0;
}
.pingback .comment-body {
padding: 20px 0;
border-bottom: 1px solid #eee;
}
.pingback .comment-body a {
font-weight: bold;
}
.pingback .comment-body a:hover {
text-decoration: underline;
}
@media (max-width: 544px) {
.pingback .comment-body {
padding-left: 0;
}
} .related-items-wrapper {
padding-bottom: 50px;
}
.related-items-wrapper .entry-title {
font-weight: 600;
font-size: 14px;
line-height: 1.2em;
margin-bottom: 0;
}
.related-items-wrapper .meta-date {
color: #aaa;
font-size: 14px;
}
.related-thumb {
display: block;
margin-bottom: 10px;
}
.related-thumb:hover {
opacity: 0.6;
}
.related-items-title {
padding-right: 60px;
}
.related-col {
float: left;
padding: 0 15px;
width: 33.333%;
}
@media (max-width: 544px) {
.related-col {
width: 100%;
float: none;
margin-bottom: 30px;
}
.related-thumb {
display: none;
}
} .mt-pcar-wrapper {
background: #f6f6f6;
margin-bottom: 60px;
}
.mt-pcar {
padding: 60px 100px 40px;
display: none;
}
.mt-pcar.slick-initialized {
display: block;
}
.mt-pcar .slick-slide {
opacity: 0.4;
}
.mt-pcar .slick-center {
opacity: 1;
}
.mt-pcar.mt-pc-text-only .mt-pcar-thumb {
display: none;
}
.mt-pcar.mt-pc-center-scale .mt-pcar-thumb {
width: 100%;
}
.mt-pcar.mt-pc-center-scale .slick-slide {
opacity: 0.4;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mt-pcar.mt-pc-center-scale .slick-center {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mt-pcar.mt-pc-center-single {
max-width: 1140px;
margin: 0 auto;
padding-top: 80px;
padding-bottom: 80px;
}
.mt-pcar.mt-pc-center-single .mt-pcar-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.mt-pcar.mt-pc-center-single .mt-pcar-thumb {
position: relative;
width: 460px;
margin-right: -160px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.mt-pcar.mt-pc-center-single .mt-pcar-text {
padding: 60px;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.mt-pcar.mt-pc-center-single .has-post-thumbnail .mt-pcar-text {
padding-left: 200px;
}
.mt-pcar.mt-pc-center-single-full {
padding: 0;
}
.mt-pcar.mt-pc-center-single-full .mt-pcar-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.mt-pcar.mt-pc-center-single-full .mt-pcar-text {
max-width: 400px;
padding: 80px 60px 40px;
margin-right: 160px;
}
.mt-pcar.mt-pc-center-single-full .slick-arrow {
width: 200px;
height: 40px;
line-height: 40px;
font-size: 22px;
border-bottom: 1px solid #eee;
top: 0;
left: auto;
right: auto;
margin: 0;
border-radius: 0;
}
.mt-pcar.mt-pc-center-single-full .slick-arrow i {
line-height: 40px;
}
.mt-pcar.mt-pc-center-single-full .slick-arrow.slick-prev {
right: 360px;
}
.mt-pcar.mt-pc-center-single-full .slick-arrow.slick-next {
right: 160px;
}
.mt-pcar-inner {
position: relative;
}
.mt-pcar-text {
background: #fff;
padding: 30px;
}
.mt-pcar-text .entry-title {
font-size: 20px;
line-height: 26px;
margin-bottom: 16px;
}  .mt-pgrid {
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.mt-pgrid-item {
position: relative;
float: left;
}
.mt-pgrid-link {
position: relative;
overflow: hidden;
padding-bottom: 62.5%;
display: block;
}
.mt-pgrid-link > img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.mt-pgrid-link .lazyload,
.mt-pgrid-link .lazyloading {
opacity: 0;
}
.mt-pgrid-link .lazyloaded {
opacity: 1;
}
.portfolio-grid .mt-pgrid-link > img {
top: 50%;
height: auto;
min-height: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mt-pgrid-item {
width: 100%;
}
@media (min-width: 544px) {
.mt-pgrid-item {
width: 50%;
}
.mt-pgrid-col-1 .mt-pgrid-item {
width: 100%;
}
.mt-pgrid-gallery.mt-pgrid-col-3 .mt-pgrid-item {
width: 33.333%;
}
}
@media (min-width: 768px) {
.mt-pgrid-item {
width: 50%;
}
.mt-pgrid-col-1 .mt-pgrid-item {
width: 100%;
}
.mt-pgrid-col-5 .mt-pgrid-item {
width: 33.333%;
}
.mt-pgrid-gallery.mt-pgrid-col-3 .mt-pgrid-item {
width: 33.333%;
}
.mt-pgrid-gallery.mt-pgrid-col-4 .mt-pgrid-item {
width: 25%;
}
}
@media (min-width: 992px) {
.mt-pgrid-item {
width: 50%;
}
.mt-pgrid-col-1 .mt-pgrid-item {
width: 100%;
}
.mt-pgrid-col-5 .mt-pgrid-item {
width: 20%;
}
.mt-pgrid-col-3 .mt-pgrid-item,
.mt-pgrid-col-4 .mt-pgrid-item {
width: 33.333%;
}
.mt-pgrid-gallery.mt-pgrid-col-4 .mt-pgrid-item {
width: 25%;
}
}
@media (min-width: 1200px) {
.mt-pgrid-item {
width: 50%;
}
.mt-pgrid-col-1 .mt-pgrid-item {
width: 100%;
}
.mt-pgrid-col-3 .mt-pgrid-item {
width: 33.333%;
}
.mt-pgrid-col-4 .mt-pgrid-item {
width: 25%;
}
.mt-pgrid-col-5 .mt-pgrid-item {
width: 20%;
}
} .mt-pj {
margin: 0 auto;
}
.mt-pj::before, .mt-pj::after {
content: "";
display: table;
}
.mt-pj::after {
clear: both;
}
.mt-pj-item {
float: left;
margin-bottom: 1px;
position: relative;
}
.mt-pj-item img {
max-width: 100%;
height: 100%;
max-height: 100%;
vertical-align: bottom;
-webkit-transition: opacity 0.6s ease;
transition: opacity 0.6s ease;
}
.mt-pj-item img.lazyload, .mt-pj-item img.lazyloading {
opacity: 0;
}
.mt-pj-item img.lazyloaded {
opacity: 1;
}
.mt-pj-item.first-item {
clear: both;
}
.mt-pj-item.last-row,
.mt-pj-item.last-row ~ .mt-pj-item {
margin-bottom: 0;
}
.mt-pj-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mt-ps-caption {
display: none;
}
.pswp__caption h6 {
color: #fff;
margin-bottom: 4px;
} .mt-pc-wrapper {
position: relative;
}
.mt-pc {
position: relative;
}
.mt-pcontrols .slick-arrow {
position: absolute;
z-index: 2;
bottom: 40px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 42px;
cursor: pointer;
background: #fff;
color: #000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mt-pcontrols .slick-arrow i {
line-height: 60px;
}
.mt-pcontrols .slick-arrow:hover {
background: #f71616;
color: #fff;
}
.mt-pcontrols .slick-arrow.slick-disabled {
opacity: 0.3;
}
.mt-pcontrols .slick-arrow.slick-disabled:hover {
background: #fff;
color: #000;
}
.mt-pcontrols .mt-pc-next {
right: 40px;
}
.mt-pcontrols .mt-pc-prev {
right: 101px;
}
.mt-pcontrols .slick-dots {
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 100%;
padding: 0px;
margin: 0px;
list-style-type: none;
-webkit-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.mt-pcontrols .slick-dots li {
position: absolute;
left: 0;
bottom: 0;
width: 0px;
height: 5px;
float: left;
margin: 0;
background: #000;
-webkit-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.mt-pcontrols .slick-dots li button {
display: none;
}
.mt-pcontrols .slick-dots.is-playing li.slick-active {
width: 100%;
-webkit-animation-name: ProgressDots;
animation-name: ProgressDots;
-webkit-animation-duration: 4.6s;
animation-duration: 4.6s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes ProgressDots {
from {
width: 0px;
}
to {
width: 100%;
}
}
@keyframes ProgressDots {
from {
width: 0px;
}
to {
width: 100%;
}
}
@media (max-width: 768px) {
.mt-pcontrols .slick-arrow {
display: none !important;
}
}
.mt-pc-autoplay {
position: absolute;
z-index: 2;
right: 162px;
bottom: 40px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
}
.mt-pc-autoplay a {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 28px;
background: #fff;
color: #000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.4s ease, visibility 0.4s ease, background 0.2s ease, color 0.2s ease;
transition: opacity 0.4s ease, visibility 0.4s ease, background 0.2s ease, color 0.2s ease;
}
.mt-pc-autoplay a:hover {
background: #f71616;
color: #fff;
}
.mt-gallery-autoplay .mt-pc-autoplay {
right: 223px;
}
.mt-pc-autoplay-inner {
position: relative;
width: 60px;
height: 60px;
line-height: 60px;
}
.mt-pc-autoplay-inner.is-playing .mt-pc-pause {
opacity: 1;
visibility: visible;
}
.mt-pc-autoplay-inner i {
line-height: 60px;
}
.mt-pc-pause {
opacity: 0;
visibility: hidden;
}
.mt-pc-pause span {
position: relative;
top: 20px;
left: 25px;
display: block;
width: 10px;
height: 20px;
}
.mt-pc-pause span::before, .mt-pc-pause span::after {
content: '';
position: absolute;
width: 3px;
height: 100%;
background: #000;
}
.mt-pc-pause span::before {
left: 0;
}
.mt-pc-pause span::after {
right: 0;
}
@media (max-width: 768px) {
.mt-pc-autoplay {
display: none;
}
}
.mt-pc-grid {
position: absolute;
overflow: hidden;
z-index: 2;
right: 223px;
bottom: 40px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 28px;
background: #fff;
color: #000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mt-pc-grid i {
line-height: 60px;
}
.mt-pc-grid:hover {
background: #f71616;
color: #fff;
}
@media (max-width: 768px) {
.mt-pc-grid {
right: 0;
bottom: 0;
}
}
.mt-pc-item {
position: relative;
margin: 0;
-webkit-transition: opacity 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945), -webkit-transform 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945), -webkit-transform 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945), transform 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945), transform 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945), -webkit-transform 0.6s cubic-bezier(0.14, 0.52, 0.255, 0.945);
}
.mt-pc-item img {
margin: 0 auto;
}
.mt-pc-item a:hover > img {
opacity: 1;
}
.mt-pc-item .lazyload,
.mt-pc-item .lazyloading {
opacity: 0;
}
.mt-pc-item .lazyloaded {
opacity: 1;
-webkit-transition: opacity 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945);
}
.mt-pc-scale .mt-pc-item,
.mt-pc-opscale .mt-pc-item,
.mt-pc-opscalep .mt-pc-item {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mt-pc-scale .mt-pc-item.slick-center,
.mt-pc-opscale .mt-pc-item.slick-center,
.mt-pc-opscalep .mt-pc-item.slick-center {
-webkit-transform: scale(1);
transform: scale(1);
}
.mt-pc-opacity .mt-pc-item,
.mt-pc-opscale .mt-pc-item {
opacity: 0;
}
.mt-pc-opacityp .mt-pc-item,
.mt-pc-opscalep .mt-pc-item {
opacity: 0.3;
}
.mt-pc-opacityp .mt-pc-item.slick-center,
.mt-pc-opscalep .mt-pc-item.slick-center,
.mt-pc-opacity .mt-pc-item.slick-center,
.mt-pc-opscale .mt-pc-item.slick-center {
opacity: 1;
}
.mt-pc .mt-pc-item img {
height: 70vh;
}
.mt-pc-80 .mt-pc-item img {
height: 80vh;
}
.mt-pc-90 .mt-pc-item img {
height: 90vh;
}
.mt-pc-100 .mt-pc-item img {
height: 100vh;
}
.mt-pc-caption {
position: relative;
left: 10%;
display: inline-block;
width: 80%;
margin: 0;
padding: 10px;
text-align: center;
opacity: 0;
background: #fff;
color: #000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s, -webkit-transform 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s;
transition: opacity 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s, -webkit-transform 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s;
transition: opacity 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s, transform 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s;
transition: opacity 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s, transform 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s, -webkit-transform 0.5s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s;
}
.slick-center .mt-pc-caption {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
} .mt-pfp {
position: relative;
}
.mt-pfp .slick-arrow {
position: absolute;
z-index: 2;
bottom: 40px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 42px;
cursor: pointer;
background: #fff;
color: #000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mt-pfp .slick-arrow i {
line-height: 60px;
}
.mt-pfp .slick-arrow:hover {
background: #f71616;
color: #fff;
}
.mt-pfp .slick-arrow.slick-disabled {
opacity: 0.3;
}
.mt-pfp .slick-arrow.slick-disabled:hover {
background: #fff;
color: #000;
}
.mt-pfp .mt-pfp-next {
right: 40px;
}
.mt-pfp .mt-pfp-prev {
right: 101px;
}
@media (max-width: 768px) {
.mt-pfp .slick-arrow {
display: none !important;
}
}
.mt-pfp-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
}
.mt-pfp-item {
position: relative;
width: 100%;
height: 100vh;
}
.mt-pfp-item > img {
position: relative;
top: 0;
left: 50%;
min-height: 100%;
min-width: 100%;
max-height: none;
max-width: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity 0.4s ease, -webkit-transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.4s ease, -webkit-transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945), opacity 0.4s ease;
transition: transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945), opacity 0.4s ease, -webkit-transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945);
}
.mt-pfp-item .lazyload,
.mt-pfp-item .lazyloading {
opacity: 0;
}
.mt-pfp-item .lazyloaded {
opacity: 1;
}
.mt-pfp-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: opacity 0.4s ease, -webkit-transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.4s ease, -webkit-transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945), opacity 0.4s ease;
transition: transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945), opacity 0.4s ease, -webkit-transform 10s cubic-bezier(0.14, 0.52, 0.255, 0.945);
}
@media (max-width: 1200px) {
.mt-pfp-item > img {
height: auto;
width: auto;
}
}
.mt-pfp-link {
position: absolute;
bottom: 40px;
right: 223px;
min-height: 60px;
line-height: 30px;
padding: 15px 30px;
background: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mt-pfp-link::after {
-webkit-transition: width 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s, left 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s;
transition: width 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s, left 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 0.5s;
}
.mt-pfp-link .mt-title {
margin-bottom: 0;
font-size: 22px;
line-height: 30px;
color: #000;
}
.mt-pfp-link:hover {
background: #f71616;
}
.mt-pfp-link:hover .mt-title {
color: #fff;
}
@media (max-width: 768px) {
.mt-pfp-link {
right: 61px;
bottom: 0;
}
}
.mt-pfp-count {
position: absolute;
overflow: hidden;
z-index: 2;
right: 162px;
bottom: 40px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 14px;
background: #fff;
color: #000;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mt-pfp-count::before {
position: absolute;
top: 0;
left: 0;
font-family: 'Pe-icon-7-stroke';
content: "\e645";
width: 60px;
height: 60px;
line-height: 60px;
font-size: 28px;
background: #fff;
color: #000;
opacity: 0;
-webkit-transition: opacity 0.4s ease, color 0.4s ease, background 0.4s ease;
transition: opacity 0.4s ease, color 0.4s ease, background 0.4s ease;
}
.mt-pfp-count::after {
-webkit-transition: width 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 1s, left 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 1s;
transition: width 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 1s, left 0.8s cubic-bezier(0.14, 0.52, 0.255, 0.945) 1s;
}
.mt-pfp-count:hover {
background: #fff;
color: #000;
}
.mt-pfp-count:hover::before {
opacity: 1;
background: #f71616;
color: #fff;
}
.mt-pfp-count.mt-gallery-count::after {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.mt-pfp-count-current {
font-size: 22px;
}
.mt-pfp-link::after,
.mt-pfp-count::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
}
@media (max-width: 768px) {
.mt-pfp-count {
right: 0;
bottom: 0;
}
}
.mt-pfp-thumbs-list,
.mt-pc-thumbs-list {
max-width: 1020px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mt-pfp-thumbs-list li,
.mt-pc-thumbs-list li {
margin: 4px;
padding: 0;
}
.mt-pfp-thumbs-list a,
.mt-pc-thumbs-list a {
position: relative;
display: block;
border: 6px solid transparent;
-webkit-transition: opacity 0.3s ease, border 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.3s ease, border 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945), border 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945), border 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945);
}
.mt-pfp-thumbs-list a:hover,
.mt-pc-thumbs-list a:hover {
border-color: #f71616;
}
.mt-pfp-thumbs-list img,
.mt-pc-thumbs-list img {
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.14, 0.52, 0.255, 0.945), -webkit-transform 0.4s cubic-bezier(0.14, 0.52, 0.255, 0.945);
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.mt-pfp-thumbs-list .lazyload,
.mt-pfp-thumbs-list .lazyloading,
.mt-pc-thumbs-list .lazyload,
.mt-pc-thumbs-list .lazyloading {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.mt-pfp-thumbs-list .lazyloaded,
.mt-pc-thumbs-list .lazyloaded {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mt-pfp-scale .mt-pfp-item > img,
.mt-pfp-scale .mt-pfp-item > .mt-pfp-image {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mt-pfp-scale .slick-active.mt-pfp-item > img.lazyloaded,
.mt-pfp-scale .slick-active.mt-pfp-item > .mt-pfp-image.lazyloaded {
-webkit-transform: scale(1);
transform: scale(1);
}
.slick-active .mt-pfp-link::after {
width: 0;
left: 100%;
}
.slick-active .mt-pfp-count::after {
width: 0;
left: 100%;
} .mt-gallery-overlay {
overflow: hidden;
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
color: #fff;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mt-gallery-overlay-inner {
position: relative;
margin: 0;
z-index: 2;
width: 100%;
height: 100%;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.mt-gallery-overlay .mt-plus {
display: block;
width: 40px;
height: 40px;
-webkit-transform: scale(0.2) rotate(-45deg);
transform: scale(0.2) rotate(-45deg);
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945);
transition: transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945), opacity 0.3s ease;
transition: transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945), opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.14, 0.52, 0.255, 0.945);
}
.mt-gallery-overlay .mt-plus::before, .mt-gallery-overlay .mt-plus::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
background: #fff;
}
.mt-gallery-overlay .mt-plus::before {
width: 2px;
height: 40px;
margin-top: -20px;
margin-left: -1px;
}
.mt-gallery-overlay .mt-plus::after {
width: 40px;
height: 2px;
margin-top: -1px;
margin-left: -20px;
}
a:hover .mt-gallery-overlay {
opacity: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
a:hover .mt-gallery-overlay .mt-plus {
-webkit-transform: translateY(0) scale(1) rotate(0deg);
transform: translateY(0) scale(1) rotate(0deg);
} .mt-portfolio-pagination {
margin: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mt-portfolio-pagination a,
.mt-portfolio-pagination span {
margin: 2px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
font-weight: bold;
text-align: center;
border-radius: 2px;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.06);
background: #f6f6f6;
color: #000;
}
.mt-portfolio-pagination a.next,
.mt-portfolio-pagination a.prev {
width: 60px;
font-size: 16px;
}
.mt-portfolio-pagination a:hover {
background: #ddd;
color: #000;
}
.mt-portfolio-pagination span.current {
font-weight: normal;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.06);
background: #f71616;
color: #fff;
} .mt-protected-page {
min-height: 100vh;
padding: 80px 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-post .mt-protected-page {
min-height: auto;
}
.mt-protected-page > .container {
max-width: 800px;
}
.mt-protected-page form {
min-width: 300px;
}
.mt-protected-page i {
display: block;
font-size: 90px;
margin-bottom: 20px;
color: #000;
}
.mt-protected-page h4 {
margin-bottom: 10px;
}
.mt-protected-page p {
margin-bottom: 30px;
}
@media (min-width: 544px) {
.mt-protected-page {
padding-top: 0 !important;
}
}
form.mt-pp-form {
position: relative;
}
input.protected-post-input {
height: 50px;
line-height: 50px;
padding: 0 20px;
margin: 0;
border: 1px solid #eee;
font-size: 14px;
border-radius: 4px;
box-sizing: border-box;
}
input.protected-post-button {
position: relative;
top: 4px;
height: 42px;
line-height: 43px;
padding: 0 32px;
margin: 0;
border-radius: 4px;
border: none;
}
@media (min-width: 544px) {
input.protected-post-button {
position: absolute;
right: 4px;
}
} .portfolio-meta {
padding: 30px 15px;
background: #fff;
border-bottom: 1px solid #eee;
}
.portfolio-meta-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 940px;
margin: 0 auto;
}
.portfolio-meta-list li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.portfolio-meta-list h6 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.portfolio-meta-list p {
margin-bottom: 0;
}
@media (max-width: 768px) {
.portfolio-meta-list {
display: block;
}
.portfolio-meta-list li {
margin-bottom: 30px;
}
.portfolio-meta-list li:last-child {
margin-bottom: 0;
}
}
.mt-image-exif {
margin-top: 10px;
}
.mt-image-exif i {
font-size: 15px;
color: #fff;
position: relative;
top: 1px;
}
.mt-image-exif img {
position: relative;
top: -1px;
}
.mt-image-exif span {
font-size: 13px;
color: #fff;
}
.portfolio-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.portfolio-navigation > a {
overflow: hidden;
position: relative;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
height: 200px;
background-size: cover;
line-height: 200px;
text-align: center;
}
.portfolio-navigation > a:hover p {
opacity: 0;
}
.portfolio-navigation i {
position: relative;
top: 2px;
}
.portfolio-navigation p {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 22px;
margin: 0;
opacity: 1;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
background: rgba(0, 0, 0, 0.8);
color: #fff;
}
.portfolio-link {
font-size: 22px;
color: #000;
background: #fafafa;
}
.portfolio-link:hover {
color: #000;
background: #eee;
}
@media (max-width: 992px) {
.portfolio-navigation > a {
height: 150px;
line-height: 150px;
}
}
@media (max-width: 768px) {
.portfolio-navigation {
display: block;
}
.portfolio-navigation > a {
display: block;
}
}  .archive .archive-description,
.search .archive-description,
.error404 .archive-description {
position: relative;
display: block;
margin-top: 15px;
}
.archive .archive-description p,
.search .archive-description p,
.error404 .archive-description p {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 0;
} .error-404 {
text-align: center;
}
.error-404.site-content {
padding-bottom: 80px;
}
.error-404 .title-404 {
font-size: 200px;
line-height: 200px;
margin-bottom: 20px;
font-weight: bold;
color: #ccc;
}
.error-404 p {
font-size: 22px;
margin-bottom: 30px;
} .author-area {
padding-bottom: 50px;
}
.author-area img.avatar {
width: 70px;
height: 70px;
margin-bottom: 10px;
margin-right: 30px;
border-radius: 50%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.author-area h5 {
position: relative;
margin-bottom: 10px;
font-size: 16px;
}
.author-area h5 a {
font-weight: bold;
}
.author-info-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.author-description {
position: relative;
line-height: 1.5em;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.author-description p {
font-size: 14px;
margin-bottom: 10px;
}
.archive .author-area {
max-width: 800px;
margin: 20px auto 0;
padding: 0 20px;
border-top: none;
text-align: center;
}
.archive .author-area img.avatar {
float: none;
width: 60px;
height: 60px;
margin-bottom: 20px;
margin-right: auto;
} .search-nothing-found .search-form input {
margin-bottom: 40px;
}