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, menu, 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-color: transparent; } a:active, a:hover {
outline: 0; } abbr[title] {
border-bottom: 1px dotted; } b, strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; } sup {
top: -0.5em; } sub {
bottom: -0.25em; } img {
border: 0; } svg:not(:root) {
overflow: hidden; } figure {
margin: 1em 40px; } hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em; } button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0; } 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 {
line-height: normal; } 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;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0;
padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; } table {
border-collapse: collapse;
border-spacing: 0; } td, th {
padding: 0; } @media print { *, *:before, *:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; } a, a:visited {
text-decoration: underline; } a[href]:after {
content: " (" attr(href) ")"; } abbr[title]:after {
content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""; } pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid; } thead {
display: table-header-group; } tr, img {
page-break-inside: avoid; } img {
max-width: 100% !important; } p, h2, h3 {
orphans: 3;
widows: 3; } h2, h3 {
page-break-after: avoid; } select {
background: #fff !important; } .navbar {
display: none; } .btn > .caret, .dropup > .btn > .caret {
border-top-color: #000 !important; } .label {
border: 1px solid #000; } .table {
border-collapse: collapse !important; } .table td, .table th {
background-color: #fff !important; } .table-bordered th, .table-bordered td {
border: 1px solid #ddd !important; }
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url(//www.miamiheraldmedia.com/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.eot);
src: url(//www.miamiheraldmedia.com/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//www.miamiheraldmedia.com/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.woff) format('woff'), url(//www.miamiheraldmedia.com/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.ttf) format('truetype'), url(//www.miamiheraldmedia.com/wp-content/themes/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); } .glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before {
content: "\2a"; } .glyphicon-plus:before {
content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before {
content: "\20ac"; } .glyphicon-minus:before {
content: "\2212"; } .glyphicon-cloud:before {
content: "\2601"; } .glyphicon-envelope:before {
content: "\2709"; } .glyphicon-pencil:before {
content: "\270f"; } .glyphicon-glass:before {
content: "\e001"; } .glyphicon-music:before {
content: "\e002"; } .glyphicon-search:before {
content: "\e003"; } .glyphicon-heart:before {
content: "\e005"; } .glyphicon-star:before {
content: "\e006"; } .glyphicon-star-empty:before {
content: "\e007"; } .glyphicon-user:before {
content: "\e008"; } .glyphicon-film:before {
content: "\e009"; } .glyphicon-th-large:before {
content: "\e010"; } .glyphicon-th:before {
content: "\e011"; } .glyphicon-th-list:before {
content: "\e012"; } .glyphicon-ok:before {
content: "\e013"; } .glyphicon-remove:before {
content: "\e014"; } .glyphicon-zoom-in:before {
content: "\e015"; } .glyphicon-zoom-out:before {
content: "\e016"; } .glyphicon-off:before {
content: "\e017"; } .glyphicon-signal:before {
content: "\e018"; } .glyphicon-cog:before {
content: "\e019"; } .glyphicon-trash:before {
content: "\e020"; } .glyphicon-home:before {
content: "\e021"; } .glyphicon-file:before {
content: "\e022"; } .glyphicon-time:before {
content: "\e023"; } .glyphicon-road:before {
content: "\e024"; } .glyphicon-download-alt:before {
content: "\e025"; } .glyphicon-download:before {
content: "\e026"; } .glyphicon-upload:before {
content: "\e027"; } .glyphicon-inbox:before {
content: "\e028"; } .glyphicon-play-circle:before {
content: "\e029"; } .glyphicon-repeat:before {
content: "\e030"; } .glyphicon-refresh:before {
content: "\e031"; } .glyphicon-list-alt:before {
content: "\e032"; } .glyphicon-lock:before {
content: "\e033"; } .glyphicon-flag:before {
content: "\e034"; } .glyphicon-headphones:before {
content: "\e035"; } .glyphicon-volume-off:before {
content: "\e036"; } .glyphicon-volume-down:before {
content: "\e037"; } .glyphicon-volume-up:before {
content: "\e038"; } .glyphicon-qrcode:before {
content: "\e039"; } .glyphicon-barcode:before {
content: "\e040"; } .glyphicon-tag:before {
content: "\e041"; } .glyphicon-tags:before {
content: "\e042"; } .glyphicon-book:before {
content: "\e043"; } .glyphicon-bookmark:before {
content: "\e044"; } .glyphicon-print:before {
content: "\e045"; } .glyphicon-camera:before {
content: "\e046"; } .glyphicon-font:before {
content: "\e047"; } .glyphicon-bold:before {
content: "\e048"; } .glyphicon-italic:before {
content: "\e049"; } .glyphicon-text-height:before {
content: "\e050"; } .glyphicon-text-width:before {
content: "\e051"; } .glyphicon-align-left:before {
content: "\e052"; } .glyphicon-align-center:before {
content: "\e053"; } .glyphicon-align-right:before {
content: "\e054"; } .glyphicon-align-justify:before {
content: "\e055"; } .glyphicon-list:before {
content: "\e056"; } .glyphicon-indent-left:before {
content: "\e057"; } .glyphicon-indent-right:before {
content: "\e058"; } .glyphicon-facetime-video:before {
content: "\e059"; } .glyphicon-picture:before {
content: "\e060"; } .glyphicon-map-marker:before {
content: "\e062"; } .glyphicon-adjust:before {
content: "\e063"; } .glyphicon-tint:before {
content: "\e064"; } .glyphicon-edit:before {
content: "\e065"; } .glyphicon-share:before {
content: "\e066"; } .glyphicon-check:before {
content: "\e067"; } .glyphicon-move:before {
content: "\e068"; } .glyphicon-step-backward:before {
content: "\e069"; } .glyphicon-fast-backward:before {
content: "\e070"; } .glyphicon-backward:before {
content: "\e071"; } .glyphicon-play:before {
content: "\e072"; } .glyphicon-pause:before {
content: "\e073"; } .glyphicon-stop:before {
content: "\e074"; } .glyphicon-forward:before {
content: "\e075"; } .glyphicon-fast-forward:before {
content: "\e076"; } .glyphicon-step-forward:before {
content: "\e077"; } .glyphicon-eject:before {
content: "\e078"; } .glyphicon-chevron-left:before {
content: "\e079"; } .glyphicon-chevron-right:before {
content: "\e080"; } .glyphicon-plus-sign:before {
content: "\e081"; } .glyphicon-minus-sign:before {
content: "\e082"; } .glyphicon-remove-sign:before {
content: "\e083"; } .glyphicon-ok-sign:before {
content: "\e084"; } .glyphicon-question-sign:before {
content: "\e085"; } .glyphicon-info-sign:before {
content: "\e086"; } .glyphicon-screenshot:before {
content: "\e087"; } .glyphicon-remove-circle:before {
content: "\e088"; } .glyphicon-ok-circle:before {
content: "\e089"; } .glyphicon-ban-circle:before {
content: "\e090"; } .glyphicon-arrow-left:before {
content: "\e091"; } .glyphicon-arrow-right:before {
content: "\e092"; } .glyphicon-arrow-up:before {
content: "\e093"; } .glyphicon-arrow-down:before {
content: "\e094"; } .glyphicon-share-alt:before {
content: "\e095"; } .glyphicon-resize-full:before {
content: "\e096"; } .glyphicon-resize-small:before {
content: "\e097"; } .glyphicon-exclamation-sign:before {
content: "\e101"; } .glyphicon-gift:before {
content: "\e102"; } .glyphicon-leaf:before {
content: "\e103"; } .glyphicon-fire:before {
content: "\e104"; } .glyphicon-eye-open:before {
content: "\e105"; } .glyphicon-eye-close:before {
content: "\e106"; } .glyphicon-warning-sign:before {
content: "\e107"; } .glyphicon-plane:before {
content: "\e108"; } .glyphicon-calendar:before {
content: "\e109"; } .glyphicon-random:before {
content: "\e110"; } .glyphicon-comment:before {
content: "\e111"; } .glyphicon-magnet:before {
content: "\e112"; } .glyphicon-chevron-up:before {
content: "\e113"; } .glyphicon-chevron-down:before {
content: "\e114"; } .glyphicon-retweet:before {
content: "\e115"; } .glyphicon-shopping-cart:before {
content: "\e116"; } .glyphicon-folder-close:before {
content: "\e117"; } .glyphicon-folder-open:before {
content: "\e118"; } .glyphicon-resize-vertical:before {
content: "\e119"; } .glyphicon-resize-horizontal:before {
content: "\e120"; } .glyphicon-hdd:before {
content: "\e121"; } .glyphicon-bullhorn:before {
content: "\e122"; } .glyphicon-bell:before {
content: "\e123"; } .glyphicon-certificate:before {
content: "\e124"; } .glyphicon-thumbs-up:before {
content: "\e125"; } .glyphicon-thumbs-down:before {
content: "\e126"; } .glyphicon-hand-right:before {
content: "\e127"; } .glyphicon-hand-left:before {
content: "\e128"; } .glyphicon-hand-up:before {
content: "\e129"; } .glyphicon-hand-down:before {
content: "\e130"; } .glyphicon-circle-arrow-right:before {
content: "\e131"; } .glyphicon-circle-arrow-left:before {
content: "\e132"; } .glyphicon-circle-arrow-up:before {
content: "\e133"; } .glyphicon-circle-arrow-down:before {
content: "\e134"; } .glyphicon-globe:before {
content: "\e135"; } .glyphicon-wrench:before {
content: "\e136"; } .glyphicon-tasks:before {
content: "\e137"; } .glyphicon-filter:before {
content: "\e138"; } .glyphicon-briefcase:before {
content: "\e139"; } .glyphicon-fullscreen:before {
content: "\e140"; } .glyphicon-dashboard:before {
content: "\e141"; } .glyphicon-paperclip:before {
content: "\e142"; } .glyphicon-heart-empty:before {
content: "\e143"; } .glyphicon-link:before {
content: "\e144"; } .glyphicon-phone:before {
content: "\e145"; } .glyphicon-pushpin:before {
content: "\e146"; } .glyphicon-usd:before {
content: "\e148"; } .glyphicon-gbp:before {
content: "\e149"; } .glyphicon-sort:before {
content: "\e150"; } .glyphicon-sort-by-alphabet:before {
content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before {
content: "\e152"; } .glyphicon-sort-by-order:before {
content: "\e153"; } .glyphicon-sort-by-order-alt:before {
content: "\e154"; } .glyphicon-sort-by-attributes:before {
content: "\e155"; } .glyphicon-sort-by-attributes-alt:before {
content: "\e156"; } .glyphicon-unchecked:before {
content: "\e157"; } .glyphicon-expand:before {
content: "\e158"; } .glyphicon-collapse-down:before {
content: "\e159"; } .glyphicon-collapse-up:before {
content: "\e160"; } .glyphicon-log-in:before {
content: "\e161"; } .glyphicon-flash:before {
content: "\e162"; } .glyphicon-log-out:before {
content: "\e163"; } .glyphicon-new-window:before {
content: "\e164"; } .glyphicon-record:before {
content: "\e165"; } .glyphicon-save:before {
content: "\e166"; } .glyphicon-open:before {
content: "\e167"; } .glyphicon-saved:before {
content: "\e168"; } .glyphicon-import:before {
content: "\e169"; } .glyphicon-export:before {
content: "\e170"; } .glyphicon-send:before {
content: "\e171"; } .glyphicon-floppy-disk:before {
content: "\e172"; } .glyphicon-floppy-saved:before {
content: "\e173"; } .glyphicon-floppy-remove:before {
content: "\e174"; } .glyphicon-floppy-save:before {
content: "\e175"; } .glyphicon-floppy-open:before {
content: "\e176"; } .glyphicon-credit-card:before {
content: "\e177"; } .glyphicon-transfer:before {
content: "\e178"; } .glyphicon-cutlery:before {
content: "\e179"; } .glyphicon-header:before {
content: "\e180"; } .glyphicon-compressed:before {
content: "\e181"; } .glyphicon-earphone:before {
content: "\e182"; } .glyphicon-phone-alt:before {
content: "\e183"; } .glyphicon-tower:before {
content: "\e184"; } .glyphicon-stats:before {
content: "\e185"; } .glyphicon-sd-video:before {
content: "\e186"; } .glyphicon-hd-video:before {
content: "\e187"; } .glyphicon-subtitles:before {
content: "\e188"; } .glyphicon-sound-stereo:before {
content: "\e189"; } .glyphicon-sound-dolby:before {
content: "\e190"; } .glyphicon-sound-5-1:before {
content: "\e191"; } .glyphicon-sound-6-1:before {
content: "\e192"; } .glyphicon-sound-7-1:before {
content: "\e193"; } .glyphicon-copyright-mark:before {
content: "\e194"; } .glyphicon-registration-mark:before {
content: "\e195"; } .glyphicon-cloud-download:before {
content: "\e197"; } .glyphicon-cloud-upload:before {
content: "\e198"; } .glyphicon-tree-conifer:before {
content: "\e199"; } .glyphicon-tree-deciduous:before {
content: "\e200"; } * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #fff; } input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; } a {
color: #337ab7;
text-decoration: none; } a:hover, a:focus {
color: #23527c;
text-decoration: underline; } a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; } figure {
margin: 0; } img {
vertical-align: middle; } .img-responsive {
display: block;
max-width: 100%;
height: auto; } .img-rounded {
border-radius: 6px; } .img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; } .img-circle {
border-radius: 50%; } hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee; } .sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
font-weight: normal;
line-height: 1;
color: #777777; } h1, .h1, h2, .h2, h3, .h3 {
margin-top: 20px;
margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 {
margin-top: 10px;
margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
font-size: 75%; } h1, .h1 {
font-size: 36px; } h2, .h2 {
font-size: 30px; } h3, .h3 {
font-size: 24px; } h4, .h4 {
font-size: 18px; } h5, .h5 {
font-size: 14px; } h6, .h6 {
font-size: 12px; } p {
margin: 0 0 10px; } .lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.lead {
font-size: 21px; } } small, .small {
font-size: 85%; } mark, .mark {
background-color: #fcf8e3;
padding: 0.2em; } .text-left {
text-align: left; } .text-right {
text-align: right; } .text-center {
text-align: center; } .text-justify {
text-align: justify; } .text-nowrap {
white-space: nowrap; } .text-lowercase {
text-transform: lowercase; } .text-uppercase {
text-transform: uppercase; } .text-capitalize {
text-transform: capitalize; } .text-muted {
color: #777777; } .text-primary {
color: #337ab7; } a.text-primary:hover {
color: #286090; } .text-success {
color: #3c763d; } a.text-success:hover {
color: #2b542c; } .text-info {
color: #31708f; } a.text-info:hover {
color: #245269; } .text-warning {
color: #8a6d3b; } a.text-warning:hover {
color: #66512c; } .text-danger {
color: #a94442; } a.text-danger:hover {
color: #843534; } .bg-primary {
color: #fff; } .bg-primary {
background-color: #337ab7; } a.bg-primary:hover {
background-color: #286090; } .bg-success {
background-color: #dff0d8; } a.bg-success:hover {
background-color: #c1e2b3; } .bg-info {
background-color: #d9edf7; } a.bg-info:hover {
background-color: #afd9ee; } .bg-warning {
background-color: #fcf8e3; } a.bg-warning:hover {
background-color: #f7ecb5; } .bg-danger {
background-color: #f2dede; } a.bg-danger:hover {
background-color: #e4b9b9; } .page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee; } ul, ol {
margin-top: 0;
margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0; } .list-unstyled {
padding-left: 0;
list-style: none; } .list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px; } .list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; } dl {
margin-top: 0;
margin-bottom: 20px; } dt, dd {
line-height: 1.428571429; } dt {
font-weight: bold; } dd {
margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table; } .dl-horizontal dd:after {
clear: both; }
@media (min-width: 768px) { .dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; } .dl-horizontal dd {
margin-left: 180px; }
} abbr[title], abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777; } .initialism {
font-size: 90%;
text-transform: uppercase; } blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small {
display: block;
font-size: 80%;
line-height: 1.428571429;
color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before {
content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
content: '\00A0 \2014'; } address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429; } code, kbd, pre, samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px; } kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none; } pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px; } pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0; } .pre-scrollable {
max-height: 340px;
overflow-y: scroll; } .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; } .container:before, .container:after {
content: " ";
display: table; } .container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } } .container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; } .container-fluid:before, .container-fluid:after {
content: " ";
display: table; } .container-fluid:after {
clear: both; } .row {
margin-left: -15px;
margin-right: -15px; } .row:before, .row:after {
content: " ";
display: table; } .row:after {
clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; } .col-xs-1 {
width: 8.333333333%; } .col-xs-2 {
width: 16.666666667%; } .col-xs-3 {
width: 25%; } .col-xs-4 {
width: 33.333333333%; } .col-xs-5 {
width: 41.666666667%; } .col-xs-6 {
width: 50%; } .col-xs-7 {
width: 58.333333333%; } .col-xs-8 {
width: 66.666666667%; } .col-xs-9 {
width: 75%; } .col-xs-10 {
width: 83.333333333%; } .col-xs-11 {
width: 91.666666667%; } .col-xs-12 {
width: 100%; } .col-xs-pull-0 {
right: auto; } .col-xs-pull-1 {
right: 8.333333333%; } .col-xs-pull-2 {
right: 16.666666667%; } .col-xs-pull-3 {
right: 25%; } .col-xs-pull-4 {
right: 33.333333333%; } .col-xs-pull-5 {
right: 41.666666667%; } .col-xs-pull-6 {
right: 50%; } .col-xs-pull-7 {
right: 58.333333333%; } .col-xs-pull-8 {
right: 66.666666667%; } .col-xs-pull-9 {
right: 75%; } .col-xs-pull-10 {
right: 83.333333333%; } .col-xs-pull-11 {
right: 91.666666667%; } .col-xs-pull-12 {
right: 100%; } .col-xs-push-0 {
left: auto; } .col-xs-push-1 {
left: 8.333333333%; } .col-xs-push-2 {
left: 16.666666667%; } .col-xs-push-3 {
left: 25%; } .col-xs-push-4 {
left: 33.333333333%; } .col-xs-push-5 {
left: 41.666666667%; } .col-xs-push-6 {
left: 50%; } .col-xs-push-7 {
left: 58.333333333%; } .col-xs-push-8 {
left: 66.666666667%; } .col-xs-push-9 {
left: 75%; } .col-xs-push-10 {
left: 83.333333333%; } .col-xs-push-11 {
left: 91.666666667%; } .col-xs-push-12 {
left: 100%; } .col-xs-offset-0 {
margin-left: 0%; } .col-xs-offset-1 {
margin-left: 8.333333333%; } .col-xs-offset-2 {
margin-left: 16.666666667%; } .col-xs-offset-3 {
margin-left: 25%; } .col-xs-offset-4 {
margin-left: 33.333333333%; } .col-xs-offset-5 {
margin-left: 41.666666667%; } .col-xs-offset-6 {
margin-left: 50%; } .col-xs-offset-7 {
margin-left: 58.333333333%; } .col-xs-offset-8 {
margin-left: 66.666666667%; } .col-xs-offset-9 {
margin-left: 75%; } .col-xs-offset-10 {
margin-left: 83.333333333%; } .col-xs-offset-11 {
margin-left: 91.666666667%; } .col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; } .col-sm-1 {
width: 8.333333333%; } .col-sm-2 {
width: 16.666666667%; } .col-sm-3 {
width: 25%; } .col-sm-4 {
width: 33.333333333%; } .col-sm-5 {
width: 41.666666667%; } .col-sm-6 {
width: 50%; } .col-sm-7 {
width: 58.333333333%; } .col-sm-8 {
width: 66.666666667%; } .col-sm-9 {
width: 75%; } .col-sm-10 {
width: 83.333333333%; } .col-sm-11 {
width: 91.666666667%; } .col-sm-12 {
width: 100%; } .col-sm-pull-0 {
right: auto; } .col-sm-pull-1 {
right: 8.333333333%; } .col-sm-pull-2 {
right: 16.666666667%; } .col-sm-pull-3 {
right: 25%; } .col-sm-pull-4 {
right: 33.333333333%; } .col-sm-pull-5 {
right: 41.666666667%; } .col-sm-pull-6 {
right: 50%; } .col-sm-pull-7 {
right: 58.333333333%; } .col-sm-pull-8 {
right: 66.666666667%; } .col-sm-pull-9 {
right: 75%; } .col-sm-pull-10 {
right: 83.333333333%; } .col-sm-pull-11 {
right: 91.666666667%; } .col-sm-pull-12 {
right: 100%; } .col-sm-push-0 {
left: auto; } .col-sm-push-1 {
left: 8.333333333%; } .col-sm-push-2 {
left: 16.666666667%; } .col-sm-push-3 {
left: 25%; } .col-sm-push-4 {
left: 33.333333333%; } .col-sm-push-5 {
left: 41.666666667%; } .col-sm-push-6 {
left: 50%; } .col-sm-push-7 {
left: 58.333333333%; } .col-sm-push-8 {
left: 66.666666667%; } .col-sm-push-9 {
left: 75%; } .col-sm-push-10 {
left: 83.333333333%; } .col-sm-push-11 {
left: 91.666666667%; } .col-sm-push-12 {
left: 100%; } .col-sm-offset-0 {
margin-left: 0%; } .col-sm-offset-1 {
margin-left: 8.333333333%; } .col-sm-offset-2 {
margin-left: 16.666666667%; } .col-sm-offset-3 {
margin-left: 25%; } .col-sm-offset-4 {
margin-left: 33.333333333%; } .col-sm-offset-5 {
margin-left: 41.666666667%; } .col-sm-offset-6 {
margin-left: 50%; } .col-sm-offset-7 {
margin-left: 58.333333333%; } .col-sm-offset-8 {
margin-left: 66.666666667%; } .col-sm-offset-9 {
margin-left: 75%; } .col-sm-offset-10 {
margin-left: 83.333333333%; } .col-sm-offset-11 {
margin-left: 91.666666667%; } .col-sm-offset-12 {
margin-left: 100%; }
}
@media (min-width: 992px) { .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-1 {
width: 8.333333333%; } .col-md-2 {
width: 16.666666667%; } .col-md-3 {
width: 25%; } .col-md-4 {
width: 33.333333333%; } .col-md-5 {
width: 41.666666667%; } .col-md-6 {
width: 50%; } .col-md-7 {
width: 58.333333333%; } .col-md-8 {
width: 66.666666667%; } .col-md-9 {
width: 75%; } .col-md-10 {
width: 83.333333333%; } .col-md-11 {
width: 91.666666667%; } .col-md-12 {
width: 100%; } .col-md-pull-0 {
right: auto; } .col-md-pull-1 {
right: 8.333333333%; } .col-md-pull-2 {
right: 16.666666667%; } .col-md-pull-3 {
right: 25%; } .col-md-pull-4 {
right: 33.333333333%; } .col-md-pull-5 {
right: 41.666666667%; } .col-md-pull-6 {
right: 50%; } .col-md-pull-7 {
right: 58.333333333%; } .col-md-pull-8 {
right: 66.666666667%; } .col-md-pull-9 {
right: 75%; } .col-md-pull-10 {
right: 83.333333333%; } .col-md-pull-11 {
right: 91.666666667%; } .col-md-pull-12 {
right: 100%; } .col-md-push-0 {
left: auto; } .col-md-push-1 {
left: 8.333333333%; } .col-md-push-2 {
left: 16.666666667%; } .col-md-push-3 {
left: 25%; } .col-md-push-4 {
left: 33.333333333%; } .col-md-push-5 {
left: 41.666666667%; } .col-md-push-6 {
left: 50%; } .col-md-push-7 {
left: 58.333333333%; } .col-md-push-8 {
left: 66.666666667%; } .col-md-push-9 {
left: 75%; } .col-md-push-10 {
left: 83.333333333%; } .col-md-push-11 {
left: 91.666666667%; } .col-md-push-12 {
left: 100%; } .col-md-offset-0 {
margin-left: 0%; } .col-md-offset-1 {
margin-left: 8.333333333%; } .col-md-offset-2 {
margin-left: 16.666666667%; } .col-md-offset-3 {
margin-left: 25%; } .col-md-offset-4 {
margin-left: 33.333333333%; } .col-md-offset-5 {
margin-left: 41.666666667%; } .col-md-offset-6 {
margin-left: 50%; } .col-md-offset-7 {
margin-left: 58.333333333%; } .col-md-offset-8 {
margin-left: 66.666666667%; } .col-md-offset-9 {
margin-left: 75%; } .col-md-offset-10 {
margin-left: 83.333333333%; } .col-md-offset-11 {
margin-left: 91.666666667%; } .col-md-offset-12 {
margin-left: 100%; }
}
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; } .col-lg-1 {
width: 8.333333333%; } .col-lg-2 {
width: 16.666666667%; } .col-lg-3 {
width: 25%; } .col-lg-4 {
width: 33.333333333%; } .col-lg-5 {
width: 41.666666667%; } .col-lg-6 {
width: 50%; } .col-lg-7 {
width: 58.333333333%; } .col-lg-8 {
width: 66.666666667%; } .col-lg-9 {
width: 75%; } .col-lg-10 {
width: 83.333333333%; } .col-lg-11 {
width: 91.666666667%; } .col-lg-12 {
width: 100%; } .col-lg-pull-0 {
right: auto; } .col-lg-pull-1 {
right: 8.333333333%; } .col-lg-pull-2 {
right: 16.666666667%; } .col-lg-pull-3 {
right: 25%; } .col-lg-pull-4 {
right: 33.333333333%; } .col-lg-pull-5 {
right: 41.666666667%; } .col-lg-pull-6 {
right: 50%; } .col-lg-pull-7 {
right: 58.333333333%; } .col-lg-pull-8 {
right: 66.666666667%; } .col-lg-pull-9 {
right: 75%; } .col-lg-pull-10 {
right: 83.333333333%; } .col-lg-pull-11 {
right: 91.666666667%; } .col-lg-pull-12 {
right: 100%; } .col-lg-push-0 {
left: auto; } .col-lg-push-1 {
left: 8.333333333%; } .col-lg-push-2 {
left: 16.666666667%; } .col-lg-push-3 {
left: 25%; } .col-lg-push-4 {
left: 33.333333333%; } .col-lg-push-5 {
left: 41.666666667%; } .col-lg-push-6 {
left: 50%; } .col-lg-push-7 {
left: 58.333333333%; } .col-lg-push-8 {
left: 66.666666667%; } .col-lg-push-9 {
left: 75%; } .col-lg-push-10 {
left: 83.333333333%; } .col-lg-push-11 {
left: 91.666666667%; } .col-lg-push-12 {
left: 100%; } .col-lg-offset-0 {
margin-left: 0%; } .col-lg-offset-1 {
margin-left: 8.333333333%; } .col-lg-offset-2 {
margin-left: 16.666666667%; } .col-lg-offset-3 {
margin-left: 25%; } .col-lg-offset-4 {
margin-left: 33.333333333%; } .col-lg-offset-5 {
margin-left: 41.666666667%; } .col-lg-offset-6 {
margin-left: 50%; } .col-lg-offset-7 {
margin-left: 58.333333333%; } .col-lg-offset-8 {
margin-left: 66.666666667%; } .col-lg-offset-9 {
margin-left: 75%; } .col-lg-offset-10 {
margin-left: 83.333333333%; } .col-lg-offset-11 {
margin-left: 91.666666667%; } .col-lg-offset-12 {
margin-left: 100%; }
} table {
background-color: transparent; } caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left; } th {
text-align: left; } .table {
width: 100%;
max-width: 100%;
margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd; } .table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
border-top: 0; } .table > tbody + tbody {
border-top: 2px solid #ddd; } .table .table {
background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
padding: 5px; } .table-bordered {
border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) {
background-color: #f9f9f9; } .table-hover > tbody > tr:hover {
background-color: #f5f5f5; } table col[class*="col-"] {
position: static;
float: none;
display: table-column; } table td[class*="col-"], table th[class*="col-"] {
position: static;
float: none;
display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc; } .table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; } .table-responsive > .table {
margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
white-space: nowrap; } .table-responsive > .table-bordered {
border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } } fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; } legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5; } label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold; } input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; } input[type="file"] {
display: block; } input[type="range"] {
display: block;
width: 100%; } select[multiple], select[size] {
height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; } output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555555; } .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder {
color: #999;
opacity: 1; } .form-control:-ms-input-placeholder {
color: #999; } .form-control::-webkit-input-placeholder {
color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1; } textarea.form-control {
height: auto; } input[type="search"] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
line-height: 34px; } input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn {
line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn {
line-height: 46px; }
} .form-group {
margin-bottom: 15px; } .radio, .checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; } .radio label, .checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox {
margin-top: -5px; } .radio-inline, .checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
cursor: not-allowed; } .form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn, .form-group-sm .form-control {
height: 30px;
line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, .form-group-sm .form-control, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn, .form-group-sm .form-control {
height: auto; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn, .form-group-lg .form-control {
height: 46px;
line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, .form-group-lg .form-control, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn, .form-group-lg .form-control {
height: auto; } .has-feedback {
position: relative; } .has-feedback .form-control {
padding-right: 42.5px; } .form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #3c763d; } .has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8; } .has-success .form-control-feedback {
color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color: #8a6d3b; } .has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3; } .has-warning .form-control-feedback {
color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #a94442; } .has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede; } .has-error .form-control-feedback {
color: #a94442; } .has-feedback label ~ .form-control-feedback {
top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback {
top: 0; } .help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373; }
@media (min-width: 768px) { .form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; } .form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; } .form-inline .form-control-static {
display: inline-block; } .form-inline .input-group {
display: inline-table;
vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
width: auto; } .form-inline .input-group > .form-control {
width: 100%; } .form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; } .form-inline .radio, .form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label {
padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; } .form-inline .has-feedback .form-control-feedback {
top: 0; }
} .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox {
min-height: 27px; } .form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table; } .form-horizontal .form-group:after {
clear: both; }
@media (min-width: 768px) { .form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px; }
} .form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label {
padding-top: 14.3px; }
}
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label {
padding-top: 6px; }
} .btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none; } .btn:active, .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none; } .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc; } .btn-default .badge {
color: #fff;
background-color: #333; } .btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #286090;
border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2e6da4; } .btn-primary .badge {
color: #337ab7;
background-color: #fff; } .btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c; } .btn-success .badge {
color: #5cb85c;
background-color: #fff; } .btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da; } .btn-info .badge {
color: #5bc0de;
background-color: #fff; } .btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236; } .btn-warning .badge {
color: #f0ad4e;
background-color: #fff; } .btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a; } .btn-danger .badge {
color: #d9534f;
background-color: #fff; } .btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent; } .btn-link:hover, .btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none; } .btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px; } .btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; } .btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px; } .btn-block {
display: block;
width: 100%; } .btn-block + .btn-block {
margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%; } .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; } .fade.in {
opacity: 1; } .collapse {
display: none;
visibility: hidden; } .collapse.in {
display: block;
visibility: visible; } tr.collapse.in {
display: table-row; } tbody.collapse.in {
display: table-row-group; } .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; } .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent; } .dropdown {
position: relative; } .dropdown-toggle:focus {
outline: 0; } .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; } .dropdown-menu.pull-right {
right: 0;
left: auto; } .dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5; } .dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; } .open > .dropdown-menu {
display: block; } .open > a {
outline: 0; } .dropdown-menu-right {
left: auto;
right: 0; } .dropdown-menu-left {
left: 0;
right: auto; } .dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #777777;
white-space: nowrap; } .dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990; } .pull-right > .dropdown-menu {
right: 0;
left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px; }
@media (min-width: 768px) { .navbar-right .dropdown-menu {
right: 0;
left: auto; } .navbar-right .dropdown-menu-left {
left: 0;
right: auto; }
} .btn-group, .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn {
position: relative;
float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
margin-left: -1px; } .btn-toolbar {
margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table; } .btn-toolbar:after {
clear: both; } .btn-toolbar .btn-group, .btn-toolbar .input-group {
float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; } .btn-group > .btn:first-child {
margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; } .btn-group > .btn-group {
float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline: 0; } .btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px; } .btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none; } .btn .caret {
margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
content: " ";
display: table; } .btn-group-vertical > .btn-group:after {
clear: both; } .btn-group-vertical > .btn-group > .btn {
float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; } .btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%; } .btn-group-justified > .btn-group .btn {
width: 100%; } .btn-group-justified > .btn-group .dropdown-menu {
left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; } .input-group {
position: relative;
display: table;
border-collapse: separate; } .input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0; } .input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; } .input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; } .input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0; } .input-group-addon:first-child {
border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0; } .input-group-addon:last-child {
border-left: 0; } .input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap; } .input-group-btn > .btn {
position: relative; } .input-group-btn > .btn + .btn {
margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
margin-left: -1px; } .nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; } .nav:before, .nav:after {
content: " ";
display: table; } .nav:after {
clear: both; } .nav > li {
position: relative;
display: block; } .nav > li > a {
position: relative;
display: block;
padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee; } .nav > li.disabled > a {
color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7; } .nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5; } .nav > li > a > img {
max-width: none; } .nav-tabs {
border-bottom: 1px solid #ddd; } .nav-tabs > li {
float: left;
margin-bottom: -1px; } .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default; } .nav-pills > li {
float: left; } .nav-pills > li > a {
border-radius: 4px; } .nav-pills > li + li {
margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7; } .nav-stacked > li {
float: none; } .nav-stacked > li + li {
margin-top: 2px;
margin-left: 0; } .nav-justified, .nav-tabs.nav-justified {
width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li {
float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-bottom: 0; }
} .nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff; }
} .tab-content > .tab-pane {
display: none;
visibility: hidden; } .tab-content > .active {
display: block;
visibility: visible; } .nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; } .navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent; } .navbar:before, .navbar:after {
content: " ";
display: table; } .navbar:after {
clear: both; }
@media (min-width: 768px) {
.navbar {
border-radius: 4px; } } .navbar-header:before, .navbar-header:after {
content: " ";
display: table; } .navbar-header:after {
clear: both; }
@media (min-width: 768px) {
.navbar-header {
float: left; } } .navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table; } .navbar-collapse:after {
clear: both; } .navbar-collapse.in {
overflow-y: auto; }
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none; } .navbar-collapse.collapse {
display: block !important;
visibility: visible !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; } .navbar-collapse.in {
overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px; }
@media (min-width: 768px) {
.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0; } } .navbar-static-top {
z-index: 1000;
border-width: 0 0 1px; }
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030; }
@media (min-width: 768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0; } } .navbar-fixed-top {
top: 0;
border-width: 0 0 1px; } .navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0; } .navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
height: 50px; } .navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; } .navbar-brand > img {
display: block; }
@media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: -15px; }
} .navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px; } .navbar-toggle:focus {
outline: 0; } .navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px; }
@media (min-width: 768px) {
.navbar-toggle {
display: none; } } .navbar-nav {
margin: 7.5px -15px; } .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px; }
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none; }
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0; } .navbar-nav > li {
float: left; } .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px; } } .navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px; }
@media (min-width: 768px) { .navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; } .navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle; } .navbar-form .form-control-static {
display: inline-block; } .navbar-form .input-group {
display: inline-table;
vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
width: auto; } .navbar-form .input-group > .form-control {
width: 100%; } .navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label {
padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; } .navbar-form .has-feedback .form-control-feedback {
top: 0; }
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px; } .navbar-form .form-group:last-child {
margin-bottom: 0; } }
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none; } } .navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; } .navbar-btn {
margin-top: 8px;
margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 10px;
margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px; } .navbar-text {
margin-top: 15px;
margin-bottom: 15px; }
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px; } }
@media (min-width: 768px) { .navbar-left {
float: left !important; } .navbar-right {
float: right !important;
margin-right: -15px; } .navbar-right ~ .navbar-right {
margin-right: 0; }
} .navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7; } .navbar-default .navbar-brand {
color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent; } .navbar-default .navbar-text {
color: #777; } .navbar-default .navbar-nav > li > a {
color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent; } .navbar-default .navbar-toggle {
border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar {
background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555; }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent; }
} .navbar-default .navbar-link {
color: #777; } .navbar-default .navbar-link:hover {
color: #333; } .navbar-default .btn-link {
color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc; } .navbar-inverse {
background-color: #222;
border-color: #090909; } .navbar-inverse .navbar-brand {
color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent; } .navbar-inverse .navbar-text {
color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a {
color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent; } .navbar-inverse .navbar-toggle {
border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #090909;
color: #fff; }
@media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent; }
} .navbar-inverse .navbar-link {
color: #9d9d9d; } .navbar-inverse .navbar-link:hover {
color: #fff; } .navbar-inverse .btn-link {
color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444; } .breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px; } .breadcrumb > li {
display: inline-block; } .breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #ccc; } .breadcrumb > .active {
color: #777777; } .pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px; } .pagination > li {
display: inline; } .pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
color: #23527c;
background-color: #eeeeee;
border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
color: #777777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px; } .pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center; } .pager:before, .pager:after {
content: " ";
display: table; } .pager:after {
clear: both; } .pager li {
display: inline; } .pager li > a, .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px; } .pager li > a:hover, .pager li > a:focus {
text-decoration: none;
background-color: #eeeeee; } .pager .next > a, .pager .next > span {
float: right; } .pager .previous > a, .pager .previous > span {
float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
color: #777777;
background-color: #fff;
cursor: not-allowed; } .label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em; } .label:empty {
display: none; } .btn .label {
position: relative;
top: -1px; } a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer; } .label-default {
background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus {
background-color: #5e5e5e; } .label-primary {
background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus {
background-color: #286090; } .label-success {
background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus {
background-color: #449d44; } .label-info {
background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus {
background-color: #31b0d5; } .label-warning {
background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus {
background-color: #ec971f; } .label-danger {
background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus {
background-color: #c9302c; } .badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 10px; } .badge:empty {
display: none; } .btn .badge {
position: relative;
top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff; } .list-group-item > .badge {
float: right; } .list-group-item > .badge + .badge {
margin-right: 5px; } .nav-pills > li > a > .badge {
margin-left: 3px; } a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer; } .jumbotron {
padding: 30px 15px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 {
color: inherit; } .jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200; } .jumbotron > hr {
border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron {
border-radius: 6px; } .jumbotron .container {
max-width: 100%; }
@media screen and (min-width: 768px) {
.jumbotron {
padding: 48px 0; } .container .jumbotron, .container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px; } .jumbotron h1, .jumbotron .h1 {
font-size: 63px; } } .thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto; } .thumbnail .caption {
padding: 9px;
color: #333333; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color: #337ab7; } .alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px; } .alert h4 {
margin-top: 0;
color: inherit; } .alert .alert-link {
font-weight: bold; } .alert > p, .alert > ul {
margin-bottom: 0; } .alert > p + p {
margin-top: 5px; } .alert-dismissable, .alert-dismissible {
padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit; } .alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d; } .alert-success hr {
border-top-color: #c9e2b3; } .alert-success .alert-link {
color: #2b542c; } .alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f; } .alert-info hr {
border-top-color: #a6e1ec; } .alert-info .alert-link {
color: #245269; } .alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b; } .alert-warning hr {
border-top-color: #f7e1b5; } .alert-warning .alert-link {
color: #66512c; } .alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442; } .alert-danger hr {
border-top-color: #e4b9c0; } .alert-danger .alert-link {
color: #843534; }
@-webkit-keyframes progress-bar-stripes { from {
background-position: 40px 0; } to {
background-position: 0 0; } }
@keyframes progress-bar-stripes { from {
background-position: 40px 0; } to {
background-position: 0 0; } } .progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success {
background-color: #5cb85c; } .progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info {
background-color: #5bc0de; } .progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning {
background-color: #f0ad4e; } .progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger {
background-color: #d9534f; } .progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media {
margin-top: 15px; } .media:first-child {
margin-top: 0; } .media-right, .media > .pull-right {
padding-left: 10px; } .media-left, .media > .pull-left {
padding-right: 10px; } .media-left, .media-right, .media-body {
display: table-cell;
vertical-align: top; } .media-middle {
vertical-align: middle; } .media-bottom {
vertical-align: bottom; } .media-heading {
margin-top: 0;
margin-bottom: 5px; } .media-list {
padding-left: 0;
list-style: none; } .list-group {
margin-bottom: 20px;
padding-left: 0; } .list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; } .list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px; } .list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; } a.list-group-item {
color: #555; } a.list-group-item .list-group-item-heading {
color: #333; } a.list-group-item:hover, a.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small {
color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #c7ddef; } .list-group-item-success {
color: #3c763d;
background-color: #dff0d8; } a.list-group-item-success {
color: #3c763d; } a.list-group-item-success .list-group-item-heading {
color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d; } .list-group-item-info {
color: #31708f;
background-color: #d9edf7; } a.list-group-item-info {
color: #31708f; } a.list-group-item-info .list-group-item-heading {
color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f; } .list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3; } a.list-group-item-warning {
color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading {
color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b; } .list-group-item-danger {
color: #a94442;
background-color: #f2dede; } a.list-group-item-danger {
color: #a94442; } a.list-group-item-danger .list-group-item-heading {
color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442; } .list-group-item-heading {
margin-top: 0;
margin-bottom: 5px; } .list-group-item-text {
margin-bottom: 0;
line-height: 1.3; } .panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body {
padding: 15px; } .panel-body:before, .panel-body:after {
content: " ";
display: table; } .panel-body:after {
clear: both; } .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle {
color: inherit; } .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit; } .panel-title > a {
color: inherit; } .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group {
margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0; } .list-group + .panel-footer {
border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0; } .panel > .table-responsive {
border: 0;
margin-bottom: 0; } .panel-group {
margin-bottom: 20px; } .panel-group .panel {
margin-bottom: 0;
border-radius: 4px; } .panel-group .panel + .panel {
margin-top: 5px; } .panel-group .panel-heading {
border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd; } .panel-group .panel-footer {
border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd; } .panel-default {
border-color: #ddd; } .panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd; } .panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd; } .panel-primary {
border-color: #337ab7; } .panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7; } .panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7; } .panel-success {
border-color: #d6e9c6; } .panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6; } .panel-info {
border-color: #bce8f1; } .panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1; } .panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1; } .panel-warning {
border-color: #faebcc; } .panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc; } .panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc; } .panel-danger {
border-color: #ebccd1; } .panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1; } .embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0; } .embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 {
padding-bottom: 75%; } .well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15); } .well-lg {
padding: 24px;
border-radius: 6px; } .well-sm {
padding: 9px;
border-radius: 3px; } .close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20); } .close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); } button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; } .modal-open {
overflow: hidden; } .modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
-webkit-overflow-scrolling: touch;
outline: 0; } .modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out; } .modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } .modal-open .modal {
overflow-x: hidden;
overflow-y: auto; } .modal-dialog {
position: relative;
width: auto;
margin: 10px; } .modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0; } .modal-backdrop {
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: #000; } .modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); } .modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50); } .modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.428571429px; } .modal-header .close {
margin-top: -2px; } .modal-title {
margin: 0;
line-height: 1.428571429; } .modal-body {
position: relative;
padding: 15px; } .modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after {
content: " ";
display: table; } .modal-footer:after {
clear: both; } .modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0; } .modal-footer .btn-group .btn + .btn {
margin-left: -1px; } .modal-footer .btn-block + .btn-block {
margin-left: 0; } .modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 768px) { .modal-dialog {
width: 600px;
margin: 30px auto; } .modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm {
width: 300px; }
}
@media (min-width: 992px) { .modal-lg {
width: 900px; }
} .tooltip {
position: absolute;
z-index: 1070;
display: block;
visibility: visible;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0); } .tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90); } .tooltip.top {
margin-top: -3px;
padding: 5px 0; } .tooltip.right {
margin-left: 3px;
padding: 0 5px; } .tooltip.bottom {
margin-top: 3px;
padding: 5px 0; } .tooltip.left {
margin-left: -3px;
padding: 0 5px; } .tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px; } .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; } .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000; } .tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; } .tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; } .tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000; } .tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000; } .tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; } .popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: left;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal; } .popover.top {
margin-top: -10px; } .popover.right {
margin-left: 10px; } .popover.bottom {
margin-top: 10px; } .popover.left {
margin-left: -10px; } .popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0; } .popover-content {
padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; } .popover > .arrow {
border-width: 11px; } .popover > .arrow:after {
border-width: 10px;
content: ""; } .popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px; } .popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff; } .popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff; } .popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px; } .popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff; } .popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px; } .carousel {
position: relative; } .carousel-inner {
position: relative;
overflow: hidden;
width: 100%; } .carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
transition: transform 0.6s ease-in-out;
backface-visibility: hidden;
perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right {
transform: translate3d(100%, 0, 0);
left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
transform: translate3d(-100%, 0, 0);
left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
transform: translate3d(0, 0, 0);
left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
display: block; } .carousel-inner > .active {
left: 0; } .carousel-inner > .next, .carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%; } .carousel-inner > .next {
left: 100%; } .carousel-inner > .prev {
left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right {
left: 0; } .carousel-inner > .active.left {
left: -100%; } .carousel-inner > .active.right {
left: 100%; } .carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
font-family: serif; } .carousel-control .icon-prev:before {
content: '\2039'; } .carousel-control .icon-next:before {
content: '\203a'; } .carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center; } .carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff; } .carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn {
text-shadow: none; }
@media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -15px; } .carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px; } .carousel-indicators {
bottom: 20px; }
} .clearfix:before, .clearfix:after {
content: " ";
display: table; } .clearfix:after {
clear: both; } .center-block {
display: block;
margin-left: auto;
margin-right: auto; } .pull-right {
float: right !important; } .pull-left {
float: left !important; } .hide {
display: none !important; } .show {
display: block !important; } .invisible {
visibility: hidden; } .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; } .hidden {
display: none !important;
visibility: hidden !important; } .affix {
position: fixed; }
@-ms-viewport {
width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) { .visible-xs {
display: block !important; } table.visible-xs {
display: table; } tr.visible-xs {
display: table-row !important; } th.visible-xs, td.visible-xs {
display: table-cell !important; }
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm {
display: block !important; } table.visible-sm {
display: table; } tr.visible-sm {
display: table-row !important; } th.visible-sm, td.visible-sm {
display: table-cell !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md {
display: block !important; } table.visible-md {
display: table; } tr.visible-md {
display: table-row !important; } th.visible-md, td.visible-md {
display: table-cell !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) { .visible-lg {
display: block !important; } table.visible-lg {
display: table; } tr.visible-lg {
display: table-row !important; } th.visible-lg, td.visible-lg {
display: table-cell !important; }
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) { .hidden-xs {
display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm {
display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md {
display: none !important; }
}
@media (min-width: 1200px) { .hidden-lg {
display: none !important; }
} .visible-print {
display: none !important; }
@media print { .visible-print {
display: block !important; } table.visible-print {
display: table; } tr.visible-print {
display: table-row !important; } th.visible-print, td.visible-print {
display: table-cell !important; }
} .visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } } .visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } } .visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print { .hidden-print {
display: none !important; }
} @font-face {
font-family: Lovelo;
font-weight: normal;
font-style: normal;
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/lovelo/lovelo_black.eot);
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/lovelo/lovelo_black.eot?#iefix) format('embedded-opentype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/lovelo/lovelo_black.woff) format('woff'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/lovelo/lovelo_black.ttf) format('truetype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/lovelo/lovelo_black.svg#Lovelo) format('svg'); }
@font-face {
font-family: Bebas;
font-weight: normal;
font-style: normal;
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/bebasneue/bebasneue.eot);
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/bebasneue/bebasneue.eot?#iefix) format('embedded-opentype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/bebasneue/bebasneue.woff) format('woff'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/bebasneue/bebasneue.ttf) format('truetype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/bebasneue/bebasneue.svg#Bebas) format('svg'); }
@font-face {
font-family: LeviBrush;
font-weight: normal;
font-style: normal;
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/levibrush/levibrush-webfont.eot);
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/levibrush/levibrush-webfont.eot?#iefix) format('embedded-opentype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/levibrush/levibrush-webfont.woff) format('woff'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/levibrush/levibrush-webfont.ttf) format('truetype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/levibrush/levibrush-webfont.svg#LeviBrush) format('svg'); }
@font-face {
font-family: CardenioModern;
font-weight: normal;
font-style: normal;
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/cardeniomodern/cardeniomodern-reg.eot);
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/cardeniomodern/cardeniomodern-reg.eot?#iefix) format('embedded-opentype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/cardeniomodern/cardeniomodern-reg.woff) format('woff'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/cardeniomodern/cardeniomodern-reg.ttf) format('truetype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/cardeniomodern/cardeniomodern-reg.svg#CardenioModern) format('svg'); }
@font-face {
font-family: Farray;
font-weight: normal;
font-style: normal;
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/farray/farray.eot);
src: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/farray/farray.eot?#iefix) format('embedded-opentype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/farray/farray.woff) format('woff'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/farray/farray.ttf) format('truetype'), url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/fonts/farray/farray.svg#Farray) format('svg'); } a {
color: #222;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; } a:hover, a:focus, a:active {
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent; } *:focus {
outline: 0; } .alignleft {
float: left;
margin-right: 15px; } .alignright {
float: right;
margin-left: 15px; } .aligncenter { text-align: center; } .bypostauthor, .gallery-caption, .wp-caption-text, .wp-caption {
overflow: hidden; } .wp-caption-text {
text-transform: uppercase;
font-weight: 600;
border: 1px solid #ddd;
border-top: 0;
padding: 3px; } .wp-caption-text a {
padding: 3px; } .wp-caption-text a:hover {
background: #ddd; } body, html {
width: 100%;
height: 100%;
counter-reset: subsection;
font-family: "Open Sans", sans-serif; } input, textarea {
-webkit-appearance: none; } .left {
float: left; } .right {
float: right; }  .row-centered {
text-align: center; } .col-centered {
display: inline-block;
float: none;
text-align: left;
margin-right: -4px; } body.addvh #site-wrapper #site-content {
height: 100vh; } #site-wrapper {
width: 100%;
min-height: 100%;
position: relative;
overflow: hidden; } #site-wrapper.menualways #site-content, #site-wrapper.menualways header {
width: calc(100% - 250px); } #site-wrapper.menualways .open-menu-sidebar {
display: none !important; } #site-wrapper.menualways header {
-webkit-transform: translate(250px, 0) !important;
-moz-transform: translate(250px, 0) !important;
-ms-transform: translate(250px, 0) !important;
-o-transform: translate(250px, 0) !important;
transform: translate(250px, 0) !important;
-webkit-transform: translate3d(250px, 0, 0) !important;
-moz-transform: translate3d(250px, 0, 0) !important;
-ms-transform: translate3d(250px, 0, 0) !important;
-o-transform: translate3d(250px, 0, 0) !important;
transform: translate3d(250px, 0, 0) !important; } #site-wrapper.menualways.showwidgetsidebar #site-content {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } #site-wrapper.menualways.showwidgetsidebar header {
-webkit-transform: translate(0, 0) !important;
-moz-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
-o-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important; } #site-wrapper.menualways.showmenusidebar header, #site-wrapper.menualways.showmenusidebar #site-content {
-webkit-transform: translate(250px, 0) !important;
-moz-transform: translate(250px, 0) !important;
-ms-transform: translate(250px, 0) !important;
-o-transform: translate(250px, 0) !important;
transform: translate(250px, 0) !important;
-webkit-transform: translate3d(250px, 0, 0) !important;
-moz-transform: translate3d(250px, 0, 0) !important;
-ms-transform: translate3d(250px, 0, 0) !important;
-o-transform: translate3d(250px, 0, 0) !important;
transform: translate3d(250px, 0, 0) !important; } #site-wrapper.showwidgetsidebar #site-content .blackout, #site-wrapper.showmenusidebar #site-content .blackout {
visibility: visible;
z-index: 99999;
opacity: 0.5;
filter: alpha(opacity=50); } #site-wrapper.showwidgetsidebar header, #site-wrapper.showwidgetsidebar #site-content {
-webkit-transform: translate(-250px, 0);
-moz-transform: translate(-250px, 0);
-ms-transform: translate(-250px, 0);
-o-transform: translate(-250px, 0);
transform: translate(-250px, 0);
-webkit-transform: translate3d(-250px, 0, 0);
-moz-transform: translate3d(-250px, 0, 0);
-ms-transform: translate3d(-250px, 0, 0);
-o-transform: translate3d(-250px, 0, 0);
transform: translate3d(-250px, 0, 0); } #site-wrapper.showwidgetsidebar #site-content #widget-sidebar .inner .box {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } #site-wrapper.showmenusidebar header, #site-wrapper.showmenusidebar #site-content, #site-wrapper.menualways header, #site-wrapper.menualways #site-content {
-webkit-transform: translate(250px, 0);
-moz-transform: translate(250px, 0);
-ms-transform: translate(250px, 0);
-o-transform: translate(250px, 0);
transform: translate(250px, 0);
-webkit-transform: translate3d(250px, 0, 0);
-moz-transform: translate3d(250px, 0, 0);
-ms-transform: translate3d(250px, 0, 0);
-o-transform: translate3d(250px, 0, 0);
transform: translate3d(250px, 0, 0); } #site-wrapper.showmenusidebar #site-content #menu-sidebar .inner nav ul li, #site-wrapper.showmenusidebar #site-content #menu-sidebar .inner footer, #site-wrapper.menualways #site-content #menu-sidebar .inner nav ul li, #site-wrapper.menualways #site-content #menu-sidebar .inner footer {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } #site-wrapper #site-content, #site-wrapper header {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; } #site-wrapper #site-content {
width: 100%;
height: 100%;
position: relative;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block; } .open-menu-sidebar {
width: 20px;
height: 16px;
line-height: 16px;
float: left;
position: relative;
z-index: 10;
display: none; } .open-menu-sidebar.clicked .line {
background: transparent; } .open-menu-sidebar.clicked .line:before {
top: 0;
right: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); } .open-menu-sidebar.clicked .line:after {
bottom: 0;
right: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); } .open-menu-sidebar .line {
width: 100%;
height: 2px;
background: #fff;
float: left;
position: absolute;
top: 50%;
margin-top: -1px;
left: 0; } .open-menu-sidebar .line, .open-menu-sidebar .line:before, .open-menu-sidebar .line:after {
-webkit-transition: all 0.25s cubic-bezier(0.32, 1.3, 0.375, 1.3);
-o-transition: all 0.25s cubic-bezier(0.32, 1.3, 0.375, 1.3);
transition: all 0.25s cubic-bezier(0.32, 1.3, 0.375, 1.3); } .open-menu-sidebar .line:before, .open-menu-sidebar .line:after {
content: "";
width: 100%;
height: 2px;
background: #fff;
position: absolute;
left: 0; } .open-menu-sidebar .line:before {
top: -7px; } .open-menu-sidebar .line:after {
bottom: -7px; } .open-menu-sidebar.dark.clicked .line {
background-color: transparent; } .open-menu-sidebar.dark .line, .open-menu-sidebar.dark .line:before, .open-menu-sidebar.dark .line:after {
background: #222; }  header {
width: 100%; } header.whitebg {
display: none;
height: 0 !important;
max-height: 0px !important; } header .logo a {
height: 100%;
padding: 10px 0; } header .logo a:hover {
opacity: 0.6;
filter: alpha(opacity=60); } header .logo a img {
max-width: 85%;
max-height: 50px;
color: #fff;
font-size: 24px; } header .logo a .txt-logo {
color: #fff;
font-size: 24px; }
@media screen and (max-width: 1366px) {
header .logo {
position: relative; } } header .inside {
width: 100%;
height: 100%;
float: left; } header nav {
height: 100%; } header nav ul {
height: 100%;
list-style: none;
float: left;
margin: 0;
padding: 0; } header nav ul li {
position: relative; } header nav ul li.emptyli {
position: static;
width: 0;
height: 0;
display: inline-block; } header nav ul li.emptyli a {
padding: 0 !important; } header nav ul li.hassubmenu:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 10px 7.5px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -7.5px;
pointer-events: none;
visibility: hidden;
z-index: -1;
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
opacity: 0;
filter: alpha(opacity=0); } header nav ul li.hassubmenu.visible:after {
visibility: visible;
z-index: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
filter: alpha(opacity=100); } header nav ul li:hover ul {
visibility: visible;
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
opacity: 1;
filter: alpha(opacity=100); } header nav ul li ul {
height: auto;
visibility: hidden;
z-index: -1;
position: absolute;
top: auto;
left: 50%;
-webkit-transform: translate3d(-50%, 25px, 0);
-moz-transform: translate3d(-50%, 25px, 0);
-ms-transform: translate3d(-50%, 25px, 0);
-o-transform: translate3d(-50%, 25px, 0);
transform: translate3d(-50%, 25px, 0);
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
opacity: 0;
filter: alpha(opacity=0); } header nav ul li ul li ul {
height: auto !important; } header nav ul li ul.clicktrough {
pointer-events: none; } header nav ul li ul a {
font-family: "Lovelo" !important;
padding: 0 !important;
margin: 0 !important; } header nav ul li ul.submenu:not(.bigsubmenu) {
width: 200px; } header nav ul li ul.submenu:not(.bigsubmenu) li {
width: 100% !important;
height: auto !important;
float: left !important;
line-height: 1 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important; } header nav ul li ul.submenu:not(.bigsubmenu) li:last-child {
border-bottom: 0 !important; } header nav ul li ul.submenu:not(.bigsubmenu) li:before {
display: none; } header nav ul li ul.submenu:not(.bigsubmenu) li a {
width: 100% !important;
float: left !important;
padding: 20px 15px !important;
color: #bbb !important;
font-size: 13px !important; } header nav ul li ul.submenu:not(.bigsubmenu) li a:hover {
color: #888 !important;
background: rgba(0, 0, 0, 0.03) !important; } header nav ul li ul.submenu.bigsubmenu {
width: 100%;
position: fixed !important;
overflow: hidden !important; } header nav ul li ul.submenu.bigsubmenu.one-column li {
width: 100%; } header nav ul li ul.submenu.bigsubmenu.two-column li {
width: 50%; } header nav ul li ul.submenu.bigsubmenu.three-column li {
width: 33.33%; } header nav ul li ul.submenu.bigsubmenu.four-column li {
width: 25%; } header nav ul li ul.submenu.bigsubmenu > li:nth-of-type(2n+2) {
background: rgba(0, 0, 0, 0.02) !important; } header nav ul li ul.submenu.bigsubmenu > li > a {
width: 100% !important;
line-height: 1 !important;
padding: 20px !important;
background: rgba(0, 0, 0, 0.04) !important;
color: #555 !important;
font-size: 13px !important; } header nav ul li ul.submenu.bigsubmenu > li > a:hover {
color: #999 !important; } header nav ul li ul.submenu.bigsubmenu > li:nth-of-type(2n+2) > a {
background: rgba(0, 0, 0, 0.04) !important; } header nav ul li ul.submenu.bigsubmenu li {
width: 100%;
line-height: 1 !important; } header nav ul li ul.submenu.bigsubmenu li:before {
display: none; } header nav ul li ul.submenu.bigsubmenu li ul {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
background: transparent !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
display: block !important;
width: 100% !important; } header nav ul li ul.submenu.bigsubmenu li ul li {
width: 100% !important;
float: left !important;
line-height: 1 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important; } header nav ul li ul.submenu.bigsubmenu li ul li:last-child {
border-bottom: 0 !important; } header nav ul li ul.submenu.bigsubmenu li ul li:before {
display: none; } header nav ul li ul.submenu.bigsubmenu li ul li a {
width: 100% !important;
float: left !important;
padding: 20px !important;
color: #999 !important;
font-size: 13px !important; } header nav ul li ul.submenu.bigsubmenu li ul li a:hover {
color: #333 !important; } header li.cart i {
padding-right: 7px; } header li.cart:hover ul {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } header li.cart ul {
left: auto;
right: 0;
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
-o-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
line-height: normal;
width: 300px !important;
overflow: hidden; } header li.cart ul .h-title {
text-align: center;
width: 100%;
float: left;
font-family: "Lovelo";
font-size: 12px !important;
text-align: center; } header li.cart ul .h-title a {
width: 100%;
float: left;
color: #000 !important;
padding: 20px !important;
text-align: center; } header li.cart ul .h-title a:hover {
color: #0878a2 !important; } header li.cart ul .items {
width: 100%;
float: left;
overflow: hidden; } header li.cart ul .items .item {
width: 100%;
height: auto;
float: left;
overflow: hidden; } header li.cart ul .items .item a {
width: 100%;
overflow: hidden;
float: left;
color: #000;
position: relative;
margin: 0 !important;
padding: 0 !important; } header li.cart ul .items .item a:hover .image:before {
opacity: 1;
filter: alpha(opacity=100); } header li.cart ul .items .item a:hover .info .name {
color: #000; } header li.cart ul .items .item a:hover .info .price {
color: rgba(0, 0, 0, 0.7); } header li.cart ul .items .item .image {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
background-size: cover;
background-position: center center; } header li.cart ul .items .item .image:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.25);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0.5;
filter: alpha(opacity=50); } header li.cart ul .items .item .info {
width: 100%;
text-align: right;
position: relative;
z-index: 5;
float: left;
font-family: "Lovelo";
padding: 25px 15px;
padding-left: 50px;
overflow: hidden;
background: rgba(0, 0, 0, 0);
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(85%, #ffffff));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 ); } header li.cart ul .items .item .info:before {
content: "";
position: absolute;
z-index: 10;
top: -20px;
right: 0;
width: 50%;
height: 1px;
float: left;
max-width: 100%;
background: transparent;
-webkit-box-shadow: 0px 18px 8px #000;
box-shadow: 0px 18px 8px #000;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg); } header li.cart ul .items .item .info .name, header li.cart ul .items .item .info .price {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } header li.cart ul .items .item .info .name {
font-size: 12px;
margin-bottom: 5px;
display: block;
color: rgba(0, 0, 0, 0.6); } header li.cart ul .items .item .info .price {
display: block;
margin-top: -5px;
font-size: 15px;
color: rgba(0, 0, 0, 0.4); } header li.cart ul .items .no-item {
width: 100%;
text-align: center;
padding: 15px;
color: #999; } header li.cart ul .h-more {
text-align: center;
width: 100%;
float: left;
line-height: 1 !important;
font-family: "Lovelo";
color: #222 !important;
padding: 0 !important;
letter-spacing: 1px !important;
overflow: hidden; } header li.cart ul .h-more:hover span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); } header li.cart ul .h-more span {
width: 100%;
height: 100%;
float: left;
padding: 15px !important;
position: relative;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
font-size: 11px !important; } header li.cart ul .h-more span:before {
content: attr(data-second);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
padding: 15px;
color: #888;
-webkit-box-shadow: inset 0 -20px 20px -20px #999;
box-shadow: inset 0 -20px 20px -20px #999; } header.theme-light nav ul li.cart .h-title, header.theme-light nav ul li.cart .h-more, header.theme-light nav ul li.cart .items, header.theme-dark nav ul li.cart .h-title, header.theme-dark nav ul li.cart .h-more, header.theme-dark nav ul li.cart .items {
border-bottom: none !important;
border-color: transparent; } header.theme-light nav ul li.cart .h-title a, header.theme-light nav ul li.cart .h-more a, header.theme-light nav ul li.cart .items a, header.theme-dark nav ul li.cart .h-title a, header.theme-dark nav ul li.cart .h-more a, header.theme-dark nav ul li.cart .items a {
padding: 0 !important; } header.theme-light nav ul li.cart .h-title a, header.theme-dark nav ul li.cart .h-title a {
padding: 15px !important; } header.theme-dark nav ul li.hassubmenu:after {
border-color: transparent transparent #222 transparent !important; } header.theme-dark nav ul li ul {
background: #222 !important; } header.theme-dark nav ul li ul.submenu:not(.bigsubmenu) li {
border-bottom: 1px solid rgba(255, 255, 255, 0.025) !important; } header.theme-dark nav ul li ul.submenu:not(.bigsubmenu) li a {
color: #666 !important; } header.theme-dark nav ul li ul.submenu:not(.bigsubmenu) li a:hover {
background: rgba(255, 255, 255, 0.025) !important;
color: #ddd !important; } header.theme-dark nav ul li ul.submenu.bigsubmenu > li:nth-of-type(2n+2) {
background: rgba(255, 255, 255, 0.025) !important; } header.theme-dark nav ul li ul.submenu.bigsubmenu > li > a {
width: 100% !important;
line-height: 1 !important;
padding: 20px !important;
background: rgba(255, 255, 255, 0.04) !important;
color: #fff !important; } header.theme-dark nav ul li ul.submenu.bigsubmenu > li > a:hover {
color: #ddd !important; } header.theme-dark nav ul li ul.submenu.bigsubmenu > li:nth-of-type(2n+2) > a {
background: rgba(255, 255, 255, 0.05) !important; } header.theme-dark nav ul li ul.submenu.bigsubmenu li ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.025) !important; } header.theme-dark nav ul li ul.submenu.bigsubmenu a {
width: 100% !important;
float: left !important;
padding: 20px !important;
color: #666 !important; } header.theme-dark nav ul li ul.submenu.bigsubmenu a:hover {
color: #ddd !important; } header.theme-dark nav ul li.cart .h-title a {
color: #999 !important; } header.theme-dark nav ul li.cart .h-title a:hover {
color: #fff !important; } header.theme-dark nav ul li.cart .h-more {
color: #999 !important; } header.theme-dark nav ul li.cart .h-more span:before {
color: #bbb;
-webkit-box-shadow: inset 0 -20px 20px -20px #000;
box-shadow: inset 0 -20px 20px -20px #000; } header.theme-dark nav ul li.cart .items .item a:hover .info .name {
color: rgba(255, 255, 255, 0.9); } header.theme-dark nav ul li.cart .items .item a:hover .info .price {
color: rgba(255, 255, 255, 0.7); } header.theme-dark nav ul li.cart .items .item .image:before {
background: rgba(0, 0, 0, 0.25); } header.theme-dark nav ul li.cart .items .item .info {
background: rgba(0, 0, 0, 0);
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, #000000 85%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(85%, #000000));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, #000000 85%);
background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, #000000 85%);
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, #000000 85%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, #000000 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000', GradientType=1 ); } header.theme-dark nav ul li.cart .items .item .info .name {
font-size: 12px;
margin-bottom: 5px;
display: block;
color: rgba(255, 255, 255, 0.6); } header.theme-dark nav ul li.cart .items .item .info .price {
display: block;
margin-top: -5px;
font-size: 15px;
color: rgba(255, 255, 255, 0.4); } header .ribbon {
width: 58px;
height: 60px;
line-height: 18px;
background: #ec2c55;
position: absolute;
top: 0;
right: 80px;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-box-shadow: inset 0 20px 8px -8px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 20px 8px -8px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 1366px) {
header .ribbon {
right: -80px; } }
@media screen and (max-width: 992px) {
header .ribbon {
display: none; } } header .ribbon a {
width: 100%;
height: 100%;
float: left; } header .ribbon:hover {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } header .ribbon:before, header .ribbon:after {
content: "";
position: absolute;
bottom: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); } header .ribbon:before {
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 29px 0 0;
border-color: #ec2c55 transparent transparent transparent; } header .ribbon:after {
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 29px 13px 0;
border-color: transparent #ec2c55 transparent transparent; } header .ribbon span {
width: 100%;
padding: 5px;
font-size: 13px;
font-family: "Lovelo";
color: #fff;
text-align: center;
float: left;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding-top: 10px; } header.header-1 {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0; } header.header-1.header-scrolled, header.header-1.bg-black {
background: #111; } header.header-1.bg-white {
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075); } header.header-1.bg-white, header.header-1.bg-white.header-scrolled {
background: #fff; } header.header-1.bg-white .inside nav ul li a {
color: #222; } header.header-1.bg-white .inside nav ul li a:hover {
color: #999; } header.header-1 .inside, header.header-1 .inside nav {
line-height: 75px; }
@media screen and (max-width: 768px) {
header.header-1 .inside, header.header-1 .inside nav {
line-height: 45px; } } header.header-1 .inside .logo {
float: left; } header.header-1 .inside nav {
float: right; } header.header-1 .inside nav ul li {
float: left;
height: 100%; } header.header-1 .inside nav ul li a {
font-size: 12px;
color: #fff;
font-family: "Lovelo";
letter-spacing: 1px;
padding: 0 10px;
float: left; } header.header-1 .inside nav ul li a:hover {
color: rgba(255, 255, 255, 0.6); } header.header-1 .inside nav ul li ul {
top: 75px; }
@media screen and (max-width: 1024px) {
header.header-1 .inside nav ul {
padding-right: 15px; } } header.header-1 .inside .open-widget-sidebar {
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-1 .inside .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); } header.header-2 {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
background: rgba(0, 118, 163, 0.85); } header.header-2.transparent {
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: inset 0 100px 60px -25px rgba(0, 0, 0, 0.4); } header.header-2.bg-black {
background: #0076a3;
box-shadow: none;
border-bottom: none; } header.header-2.header-scrolled .inside, header.header-2.header-scrolled .inside nav, header.header-2.header-scrolled .inside .logo a {
line-height: 62.5px; } header.header-2.header-scrolled .inside .right nav.top {
max-height: 0;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden; } header.header-2.header-scrolled .inside .open-widget-sidebar {
top: 50% !important; } header.header-2.header-scrolled.transparent {
border: none;
background: rgba(0, 118, 163, 0.85);
box-shadow: none; } header.header-2 .inside, header.header-2 .inside nav, header.header-2 .inside .logo a {
line-height: 125px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } header.header-2 .inside .logo {
float: left; } header.header-2 .inside .logo .txt-logo {
font-size: 26px;
color: #fff; } header.header-2 .inside .right {
width: auto;
height: 100%;
float: right; } header.header-2 .inside .right nav.top, header.header-2 .inside .right nav.bottom {
width: 100%;
line-height: 62.5px;
float: left; } header.header-2 .inside .right nav.top .align, header.header-2 .inside .right nav.bottom .align {
float: right; } header.header-2 .inside .right nav.top {
max-height: 63px; } header.header-2 .inside .right nav.top ul {
margin: 0;
padding: 0;
float: left; } header.header-2 .inside .right nav.top ul.top-social {
padding-right: 15px; } header.header-2 .inside .right nav.top ul.top-social li {
float: left;
margin-left: 7px; } header.header-2 .inside .right nav.top ul.top-social li a {
display: inline-block;
color: #0e7093;
background: #fff;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px; } header.header-2 .inside .right nav.top ul.top-social li a:hover {
opacity: 0.5;
filter: alpha(opacity=50); } header.header-2 .inside .right nav.top ul.top-cart {
padding-left: 15px;
position: relative;
z-index: 10; } header.header-2 .inside .right nav.top ul.top-cart:before {
content: "";
width: 1px;
height: 30px;
background: rgba(255, 255, 255, 0.4);
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-2 .inside .right nav.top ul.top-cart li.cart {
height: 100%;
float: left; } header.header-2 .inside .right nav.top ul.top-cart li.cart a {
width: 100%;
height: 100%;
display: inline-block;
color: #fff; } header.header-2 .inside .right nav.top ul.top-cart li.cart a span.circle {
width: 20px;
height: 20px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height: 20px;
color: #0e7093;
display: inline-block;
font-size: 11px;
font-weight: 800;
margin-left: 2px; } header.header-2 .inside .right nav.bottom ul {
margin: 0;
padding: 0;
float: left; } header.header-2 .inside .right nav.bottom ul li {
float: left; } header.header-2 .inside .right nav.bottom ul li:nth-last-of-type(1):before {
display: none; } header.header-2 .inside .right nav.bottom ul li:last-of-type a {
padding-right: 0; } header.header-2 .inside .right nav.bottom ul li:before {
content: "/";
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
color: rgba(255, 255, 255, 0.2);
font-size: 22px;
font-weight: 300;
pointer-events: none; } header.header-2 .inside .right nav.bottom ul li a {
display: inline-block;
color: #fff;
padding: 0 20px;
font-family: "Bebas";
font-size: 17px; } header.header-2 .inside .right nav.bottom ul li a:hover {
color: rgba(255, 255, 255, 0.6); } header.header-2 .inside .open-widget-sidebar {
position: absolute;
top: 50%;
right: 45px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-2 .inside .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); }
@media screen and (max-width: 1024px) { header.header-2 .inside .right nav.bottom {
padding-right: 65px; } header.header-2 .inside .open-widget-sidebar {
top: 90px;
right: 55px; }
}
@media screen and (max-width: 768px) { header.header-2 .inside, header.header-2 .inside nav {
line-height: 62.5px; } header.header-2 .inside .open-widget-sidebar {
top: 50%; }
} header.header-3 {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
background: #fff;
padding: 15px 0; } header.header-3 .logo {
width: 100%;
text-align: center; } header.header-3 .logo img {
max-width: 90%;
max-height: 65px; } header.header-3 .logo .txt-logo {
color: #111; } header.header-3 .open-widget-sidebar {
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-3 .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); } header.header-3 .open-menu-sidebar {
display: block;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-width: 992px) {
header.header-3 {
height: 76px; } header.header-3 .logo {
height: 45px; } header.header-3 .logo img {
max-height: 45px; } } header.header-4 {
position: absolute;
z-index: 100;
top: 0;
left: 0;
right: 0;
height: 60px; } header.header-4 .open-widget-sidebar {
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-4 .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); } header.header-4 .open-menu-widget {
display: block;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-5 {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
background: #fff;
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075); } header.header-5.header-scrolled .container .inside, header.header-5.header-scrolled .container .inside nav {
line-height: 70px;
max-height: 70px; }
@media screen and (max-width: 768px) { header.header-5 .container .inside, header.header-5 .container .inside nav {
line-height: 70px !important;
max-height: 70px !important; }
} header.header-5 .container .inside {
text-align: center; } header.header-5 .container .inside, header.header-5 .container .inside nav {
line-height: 140px;
max-height: 140px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } header.header-5 .container .inside .align {
display: inline-block; } header.header-5 .container .inside .logo {
width: auto;
float: left; } header.header-5 .container .inside .logo a {
padding: 0 15px;
margin: 0 20px; } header.header-5 .container .inside .logo img {
max-width: 90%;
max-height: 60px;
padding-top: 5px;
padding-bottom: 5px; }
@media screen and (max-width: 768px) {
header.header-5 .container .inside .logo img {
max-height: 40px; } } header.header-5 .container .inside .logo .txt-logo {
color: #111; } header.header-5 .container .inside nav {
width: auto;
height: 100%;
text-align: left;
float: left; } header.header-5 .container .inside nav ul {
margin: 0;
padding: 0; } header.header-5 .container .inside nav ul li {
float: left;
max-height: 100%; } header.header-5 .container .inside nav ul li a {
display: inline-block;
height: 100%;
width: 100%;
font-family: "Lovelo";
font-size: 12px;
color: #3c3c3c;
letter-spacing: 1px;
padding: 0 20px; } header.header-5 .container .inside nav ul li a:hover {
color: #aaa; } header.header-5 .open-widget-sidebar {
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-5 .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); } header.header-6 {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
background: #fff;
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075); } header.header-6 .mobile-logo {
display: none; } header.header-6 .mobile-logo img {
max-height: 35px; }
@media screen and (max-width: 1024px) {
header.header-6 .mobile-logo {
display: block !important; } } header.header-6 .logo .txt-logo {
color: #222; } header.header-6.header-scrolled .top-bar {
max-height: 0;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0); } header.header-6.header-scrolled .container-2 {
line-height: 70px;
max-height: 70px; }
@media screen and (max-width: 768px) { header.header-6.header-scrolled .top-bar, header.header-6 .top-bar {
height: 0;
opacity: 1;
filter: alpha(opacity=100); } header.header-6 .container-2 {
line-height: 70px !important;
max-height: 70px !important; }
} header.header-6 .top-bar {
width: 100%;
line-height: 40px;
max-height: 40px;
background: #ebebeb;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
float: left;
position: relative;
z-index: 10; } header.header-6 .top-bar .left {
font-size: 14px;
color: #454545; } header.header-6 .top-bar .right nav {
float: left;
margin-right: 15px; } header.header-6 .top-bar .right nav ul li a {
color: #222; } header.header-6 .top-bar .right .open-widget-sidebar {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
float: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
display: inline-block;
margin-top: 13px; } header.header-6 .top-bar .right .open-widget-sidebar.clicked {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); } header.header-6 .container-2 {
width: 100%;
text-align: center;
line-height: 150px;
max-height: 150px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
float: left;
position: relative;
z-index: 5; } header.header-6 .container-2 .align {
display: inline-block; } header.header-6 .container-2 .align .logo {
width: auto;
float: left; } header.header-6 .container-2 .align .logo a {
padding: 0 15px;
margin: 0 20px; } header.header-6 .container-2 .align .logo img {
max-width: 90%;
max-height: 60px;
padding-top: 5px;
padding-bottom: 5px; } header.header-6 .container-2 .align nav {
width: auto;
height: 100%;
float: left;
text-align: left; } header.header-6 .container-2 .align nav > ul li:nth-last-of-type(1):before, header.header-6 .container-2 .align nav > ul li.appendLogo:before {
display: none; } header.header-6 .container-2 .align nav ul {
max-height: 100%; } header.header-6 .container-2 .align nav ul li {
max-height: 150px;
float: left; } header.header-6 .container-2 .align nav ul li:before {
content: "";
width: 4px;
height: 4px;
background: #222;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none; } header.header-6 .container-2 .align nav ul li a {
width: 100%;
height: 100%;
display: block;
text-align: center;
padding: 0 40px;
font-family: "Lovelo";
font-size: 14px;
color: #353333;
letter-spacing: 5px; } header.header-6 .container-2 .align nav ul li a:hover {
color: #aaa; } header.header-6 .container-2 .align nav ul li ul.submenu, header.header-6 .container-2 .align nav ul li ul li {
max-height: 9999px !important; } header.header-6 .container-2 .align nav ul li ul.bigsubmenu {
width: 90% !important; } header.header-6 .open-menu-sidebar {
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-width: 1200px) { header.header-6 .open-menu-sidebar {
display: block; } header.header-6 .container-2 .align nav {
display: none; }
}
@media screen and (max-width: 992px) { header.header-6 .top-bar {
position: static;
height: 0; } header.header-6 .top-bar .left, header.header-6 .top-bar .left nav {
display: none; } header.header-6 .top-bar .open-widget-sidebar {
margin: 0 !important;
position: absolute !important;
z-index: 10;
top: 50% !important;
right: 30px !important;
-webkit-transform: translateY(-50%) !important;
-moz-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
-o-transform: translateY(-50%) !important;
transform: translateY(-50%) !important; } header.header-6 .top-bar .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg) !important;
-moz-transform: translateY(-50%) rotate(45deg) !important;
-ms-transform: translateY(-50%) rotate(45deg) !important;
-o-transform: translateY(-50%) rotate(45deg) !important;
transform: translateY(-50%) rotate(45deg) !important; }
}
@media screen and (max-width: 768px) { header.header-6 .top-bar .open-widget-sidebar {
right: 15px !important; }
} header.header-7 {
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
background: #fff;
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.075); } header.header-7 .container {
width: 100% !important;
padding: 0 30px; } header.header-7 .container .inside, header.header-7 .container .inside nav {
line-height: 95px;
height: 95px;
max-height: 95px; } header.header-7 .container .inside .logo {
width: 150px;
height: 100%;
float: left; }
@media screen and (max-width: 992px) {
header.header-7 .container .inside .logo {
width: 100%;
line-height: 75px; } } header.header-7 .container .inside .logo .txt-logo {
font-size: 22px;
color: #222; } header.header-7 .container .inside nav:not(.with-cart) {
text-align: center;
float: left; } header.header-7 .container .inside nav:not(.with-cart) ul {
display: inline-block;
float: none; } header.header-7 .container .inside nav:not(.with-cart) ul li {
float: left;
height: 100%; } header.header-7 .container .inside nav:not(.with-cart) ul li a {
font-size: 12px;
color: #222;
font-family: "Lovelo";
letter-spacing: 1px;
padding: 0 10px;
float: left; } header.header-7 .container .inside nav:not(.with-cart) ul li a:hover {
color: 999; } header.header-7 .container .inside nav:not(.with-cart) ul li ul {
top: 95px; } header.header-7 .container .inside nav.with-cart {
width: 150px;
height: 100%;
float: right;
display: inline-block;
position: relative; }
@media screen and (max-width: 992px) {
header.header-7 .container .inside nav.with-cart {
position: absolute;
top: 0;
right: 0;
bottom: 0; } header.header-7 .container .inside nav.with-cart ul {
display: none; } header.header-7 .container .inside nav.with-cart .open-widget-sidebar {
right: 45px !important; } }
@media screen and (max-width: 768px) { header.header-7 .container .inside nav.with-cart .open-widget-sidebar {
right: 30px !important; }
} header.header-7 .container .inside nav.with-cart ul li.cart {
position: absolute;
top: 50%;
right: 55px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-7 .container .inside nav.with-cart ul li.cart a {
height: 100%;
display: block;
color: #222; } header.header-7 .container .inside nav.with-cart .open-widget-sidebar {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-7 .container .inside nav.with-cart .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); }
@media screen and (max-width: 992px) { header .logo {
width: 100%;
text-align: center; } header .logo a {
display: inline-block; } header nav ul li:not(.show-widget-sidebar):not(.emptyli) {
display: none; } header .open-menu-sidebar {
display: block;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } header.header-2 .inside, header.header-2 .inside nav, header.header-2 .inside .logo a {
line-height: 60px !important; } header.header-2 .inside .open-widget-sidebar {
top: 50%; } header.header-2 .right nav.top {
display: none; }
}
@media screen and (max-width: 768px) { header .open-menu-sidebar {
left: 15px !important; } header .open-widget-sidebar {
right: 15px !important; } header .open-widget-sidebar.incircle {
right: 30px !important; } header.header-2 .open-widget-sidebar {
right: 30px !important; }
} .coming-soon-header {
width: 100%;
height: auto;
background-color: #000;
background-position: center bottom;
background-size: cover; } .coming-soon-header .logo {
width: 100%;
height: 60px;
text-align: center; } .coming-soon-header .logo a {
display: inline-block;
background: #fff;
padding-top: 25px;
padding: 15px;
max-height: 70px;
position: relative;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px); } .coming-soon-header .logo a:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } .coming-soon-header .logo a img {
max-width: 100%;
max-height: 30px;
float: left; } .coming-soon-header .logo a .cut {
position: absolute;
bottom: -19px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 120px 0 0;
border-color: #fff transparent transparent transparent; } .coming-soon-header .go-to-contact {
width: 30px;
height: 30px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 15px;
right: 15px;
text-align: center;
line-height: 30px;
font-size: 12px;
color: #222; } .coming-soon-header .go-to-contact:hover {
opacity: 0.7;
filter: alpha(opacity=70); } .coming-soon-header .container {
padding: 120px 0; } .coming-soon-header h3 {
width: 100%;
text-align: center;
font-size: 48px;
margin: 0;
font-family: "Lovelo";
color: #fff;
padding: 0 15px; } .coming-soon-header .count-down-timer {
background: none;
border: none;
margin: 60px 0;
text-align: center; } .coming-soon-header .count-down-timer .countdown-row {
display: inline-block; } .coming-soon-header .count-down-timer .countdown-row .countdown-section {
width: 20%;
height: auto;
border: 2px solid #fff;
position: relative;
float: none;
display: inline-block;
margin: 0 15px;
padding: 50px 15px;
font-family: 'Roboto', sans-serif; } .coming-soon-header .count-down-timer .countdown-row .countdown-section:before {
content: "";
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
border: 2px solid #fff; } .coming-soon-header .count-down-timer .countdown-row .countdown-section .countdown-amount {
font-size: 160px;
letter-spacing: -10px;
line-height: 120px;
color: #fff; }
@media screen and (max-width: 1024px) {
.coming-soon-header .count-down-timer .countdown-row .countdown-section .countdown-amount {
font-size: 125px; } } .coming-soon-header .count-down-timer .countdown-row .countdown-section .countdown-period {
font-size: 30px;
font-weight: 300;
text-transform: uppercase;
color: #fff;
padding-top: 10px; } .coming-soon-header .text {
text-align: center;
font-size: 13px;
color: #fff;
line-height: 20px;
margin-top: 30px; }
@media screen and (max-width: 992px) { .coming-soon-header h3 {
font-size: 30px; } .coming-soon-header .count-down-timer .countdown-row .countdown-section .countdown-amount {
font-size: 72px;
line-height: 45px;
letter-spacing: -10px; } .coming-soon-header .count-down-timer .countdown-row .countdown-section .countdown-period {
font-size: 22px; }
}
@media screen and (max-width: 768px) { .coming-soon-header .count-down-timer .countdown-row {
width: 100%;
padding: 0 15px; } .coming-soon-header .count-down-timer .countdown-row .countdown-section {
width: calc(50% - 7px);
margin: 0;
padding: 30px 15px; } .coming-soon-header .count-down-timer .countdown-row .countdown-section:nth-of-type(1), .coming-soon-header .count-down-timer .countdown-row .countdown-section:nth-of-type(2) {
margin-bottom: 14px; } .coming-soon-header .count-down-timer .countdown-row .countdown-section:nth-of-type(1), .coming-soon-header .count-down-timer .countdown-row .countdown-section:nth-of-type(3) {
margin-right: 14px; } .coming-soon-header .text {
padding: 0 15px; }
} .blackout {
position: fixed;
z-index: -59;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } a.back-to-top {
width: auto;
height: auto;
position: fixed;
z-index: 9;
bottom: 30px;
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.6);
font-size: 13px;
font-weight: 600;
padding: 10px 15px;
float: left;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0;
-o-transition: 0;
transition: 0; } a.back-to-top.isvisible {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s 0.3s;
-o-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s; } #site-wrapper.showwidgetsidebar a.back-to-top {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
left: auto !important;
right: 0 !important; } #site-wrapper.showmenusidebar a.back-to-top, #site-wrapper.menualways a.back-to-top {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
right: auto;
left: 0; }  #widget-sidebar {
width: 100%;
height: 100%;
max-width: 250px;
background: #f96566;
position: absolute;
z-index: 60;
top: 0;
right: -250px;
bottom: 0;
overflow: hidden;
overflow-y: auto; } #widget-sidebar .inner {
padding: 30px;
padding-top: 15px;
color: #fff; } #widget-sidebar .box {
width: 100%;
height: auto;
margin-bottom: 30px;
position: relative;
color: #fff;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; } #widget-sidebar .box:last-child {
margin-bottom: 0; } #widget-sidebar .box a {
color: #fff; } #widget-sidebar .box a:hover {
color: rgba(255, 255, 255, 0.7) !important; } #widget-sidebar .box img {
max-width: 100%;
height: auto; } #widget-sidebar .box h1.widget-title {
width: 100%;
display: block;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.1);
padding: 10px;
text-align: center; } #widget-sidebar .box ul {
padding: 0;
margin: 0;
list-style: none; } #widget-sidebar .box ul li {
width: 100%;
display: block;
padding: 5px 0; } #widget-sidebar .box ul li a {
color: #fff !important; } #widget-sidebar .box ul li a:hover {
color: rgba(255, 255, 255, 0.7) !important; } #widget-sidebar .box ul li.cat-item ul {
padding-left: 15px; } #widget-sidebar .box ul#recentcomments .comment-author-link {
display: block;
font-weight: 600;
font-size: 13px; } #widget-sidebar .box input, #widget-sidebar .box select {
width: 100%;
height: 35px;
background: none;
border: 1px solid #fff;
font-size: 13px;
padding: 0 10px; } #widget-sidebar .box select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/input-arrow-white.png) right center no-repeat; } #widget-sidebar .box #calendar_wrap #wp-calendar {
width: 100%; } #widget-sidebar .box #calendar_wrap #wp-calendar caption {
padding: 0;
font-size: 14px;
padding-bottom: 10px;
color: #fff; } #widget-sidebar .box #calendar_wrap #wp-calendar thead {
background: rgba(0, 0, 0, 0.05); } #widget-sidebar .box #calendar_wrap #wp-calendar thead tr th {
padding: 5px 0;
text-align: center; } #widget-sidebar .box #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2) {
background: rgba(0, 0, 0, 0.05); } #widget-sidebar .box #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2) {
background: rgba(0, 0, 0, 0.02); } #widget-sidebar .box #calendar_wrap #wp-calendar tbody tr td {
text-align: center;
padding: 5px 0; } #widget-sidebar .box #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad) {
background: rgba(0, 0, 0, 0.05); } #widget-sidebar .box #calendar_wrap #wp-calendar tbody tr td#today a {
color: #ec2c55;
font-weight: 900; } #widget-sidebar .box #calendar_wrap #wp-calendar tfoot tr td {
padding: 5px !important; } #widget-sidebar .box #calendar_wrap #wp-calendar tfoot tr td a:hover {
color: rgba(255, 255, 255, 0.5) !important; } #widget-sidebar .box #calendar_wrap #wp-calendar tfoot a {
font-size: 12px;
padding-left: 5px;
padding-right: 5px; } #widget-sidebar .box.widget_rss ul li {
margin-bottom: 30px; } #widget-sidebar .box.widget_rss ul li:last-child {
margin-bottom: 0; } #widget-sidebar .box.widget_rss ul li a.rsswidget {
display: block;
font-weight: 600; } #widget-sidebar .box.widget_rss ul li .rss-date {
display: block;
font-size: 12px; } #widget-sidebar .box.widget_rss ul li .rssSummary {
margin: 10px 0; } #widget-sidebar .box.widget_rss ul li cite {
width: 100%;
text-align: right;
font-style: italic; } #widget-sidebar .box.widget_nav_menu ul li ul {
padding-left: 5px; } #widget-sidebar .box .search-form {
overflow: hidden; } #widget-sidebar .box .search-form .screen-reader-text {
display: none; } #widget-sidebar .box .search-form .search-submit {
width: auto;
float: right;
border: none;
background: #fff;
color: #111; } #widget-sidebar .box .tagcloud a {
color: #fff !important; } #widget-sidebar .box .tagcloud a:hover {
color: rgba(255, 255, 255, 0.7) !important; } #widget-sidebar .box .wp-caption-text {
color: #fff !important; }  #menu-sidebar {
width: 100%;
max-width: 250px;
background: #0b0b0b;
position: absolute;
z-index: 60;
top: 0;
left: -250px;
bottom: 0; } #menu-sidebar .inner {
padding: 30px;
padding-top: 15px;
color: #fff;
max-height: 100%;
overflow-y: auto; } #menu-sidebar .logo {
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
text-align: center; } #menu-sidebar .logo img {
max-width: 100%; } #menu-sidebar .logo .txt-logo {
font-size: 24px;
color: #fff; } #menu-sidebar nav ul {
margin: 0;
padding: 0;
list-style: none; } #menu-sidebar nav ul li {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
filter: alpha(opacity=0);
font-family: "Lovelo"; } #menu-sidebar nav ul li.toggled ul { } #menu-sidebar nav ul li ul {
float: left;
width: 100%;
background: rgba(255, 255, 255, 0.025); } #menu-sidebar nav ul li ul li ul {
background: rgba(255, 255, 255, 0.025); } #menu-sidebar nav ul li ul li a {
color: #bbb; } #menu-sidebar nav ul li ul li a:hover {
color: #bbb !important; } #menu-sidebar nav ul li ul li ul {
display: none; } #menu-sidebar nav ul li ul li ul li a {
color: #666; } #menu-sidebar nav ul li ul li ul li a:hover {
color: #666 !important; } #menu-sidebar nav ul li ul li.toggled ul { } #menu-sidebar nav ul li:last-child {
border-bottom: 0; } #menu-sidebar nav ul li a {
text-align: center;
width: 100%;
color: #fff;
font-size: 12px;
letter-spacing: 3px;
padding: 20px 0;
float: left;
position: relative; } #menu-sidebar nav ul li a:hover {
background: rgba(255, 255, 255, 0.05);
color: #fff !important; } #menu-sidebar nav ul li a:after {
content: "";
width: 100%;
height: 1px;
float: left;
position: absolute;
bottom: 0;
left: 0;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); } #menu-sidebar nav ul li a span.dropdown {
width: 50px;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0; } #menu-sidebar nav ul li a span.dropdown:before {
content: "\f0d7";
font-family: "FontAwesome";
font-size: 15px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } #menu-sidebar nav ul li.cart a i {
font-size: 15px;
padding-right: 5px; } #menu-sidebar nav ul li ul {
display: none; } #menu-sidebar footer {
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; } #menu-sidebar footer ul {
width: 100%;
text-align: center;
margin: 0;
padding: 0;
margin-top: 30px; } #menu-sidebar footer ul li {
display: inline-block;
width: 23px;
height: 23px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #fff;
text-align: center;
line-height: 23px;
font-size: 12px;
margin: 0;
margin-left: -4px;
margin: 4px; } #menu-sidebar footer ul li a {
width: 100%;
height: 100%;
color: #000;
float: left; } #menu-sidebar footer ul li:hover {
opacity: 0.7;
filter: alpha(opacity=70); }  .buy-theme {
background-image: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/strip_pattern.png);
background-repeat: repeat; } .buy-theme, .buy-theme-2 {
padding: 0;
background-color: #ebebeb;
padding: 60px 0; } .buy-theme .container, .buy-theme-2 .container {
position: relative; } .buy-theme .text, .buy-theme-2 .text {
max-width: 70%;
font-size: 14px;
font-family: "Lovelo";
color: #8b8b8b;
float: left; } .buy-theme .button, .buy-theme-2 .button {
float: right;
overflow: hidden; } .buy-theme .button a, .buy-theme-2 .button a {
font-family: "Open Sans", sans-serif;
padding: 0 35px;
display: inline-block;
height: 55px;
line-height: 55px;
background: #ec2c55;
color: #fff;
font-size: 16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden; } .buy-theme .button a i, .buy-theme-2 .button a i {
padding-left: 10px; } .buy-theme .button a:before, .buy-theme-2 .button a:before {
content: "";
width: 5px;
height: 5px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } .buy-theme .button a:hover:before, .buy-theme-2 .button a:hover:before {
background: rgba(255, 255, 255, 0.2);
width: 100%;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; } .buy-theme-2 {
background: #fff; } .buy-theme-2 h3 {
font-size: 35px;
color: #000;
line-height: 1;
display: block;
margin: 0; } .buy-theme-2 span {
font-size: 14px;
color: #000;
display: block;
margin-top: 5px; } .buy-theme-2 .button a {
background: #00bff3;
font-family: "Lovelo";
font-size: 18px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }  .big-footer {
background: #363636;
padding: 60px 0;
clear: both; } .big-footer .site-info img {
margin-bottom: 30px;
max-width: 100%; } .big-footer .site-info p {
font-size: 14px;
color: #6e6e6e;
line-height: 24px; } .big-footer .site-info a {
margin-top: 20px;
display: inline-block;
padding: 13px 35px;
-webkit-box-shadow: 0 0 0 2px #454545;
box-shadow: 0 0 0 2px #454545;
color: #555555;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; } .big-footer .site-info a:hover {
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
color: #fff; }
@media screen and (max-width: 768px) {
.big-footer .block {
padding-left: 0;
padding-right: 0; } } .big-footer .block h3 {
margin: 0;
color: #f5f5f5;
font-size: 22px;
margin-bottom: 5px; } .big-footer .block .name {
font-family: "Lovelo";
font-size: 14px;
color: #8b8b8b;
margin-bottom: 15px; } .big-footer .block .posts-list {
overflow: hidden; } .big-footer .block .posts-list .single-post {
width: 100%;
float: left;
border-bottom: 1px solid #464646; } .big-footer .block .posts-list .single-post:last-child {
border-bottom: none; } .big-footer .block .posts-list .single-post a {
width: 100%;
color: #6b6b6b;
padding: 15px 0;
float: left; } .big-footer .block .posts-list .single-post a:hover {
color: #999; } .big-footer .block .posts-list .single-post a .post-name {
font-size: 14px; } .big-footer .block .posts-list .single-post a .post-date {
display: block;
padding-top: 5px;
font-size: 11px;
text-transform: uppercase; } .big-footer .block .posts-list .single-post a .post-date i {
padding-right: 5px; } .big-footer .block .instagram-list {
margin-left: -4px;
margin-right: -4px; } .big-footer .block .instagram-list a {
width: 25%;
height: auto;
float: left;
overflow: hidden; } .big-footer .block .instagram-list a:hover {
opacity: 0.5;
filter: alpha(opacity=50); } .big-footer .block .instagram-list a span {
width: calc(100% - 5px);
height: 100%;
padding: 5px;
float: left; } .big-footer .block .instagram-list a img {
min-width: 100%;
max-width: 150%;
min-height: 100%;
max-height: 150%; } .big-footer-2 {
width: 100%;
background: #96c93f;
padding-top: 200px;
position: relative;
clear: both; } .big-footer-2 .edge-cut {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent #fff transparent transparent; } .big-footer-2 .subscribe-form {
width: 100%;
margin-top: 15px; } .big-footer-2 .subscribe-form ::-webkit-input-placeholder { color: #fff; } .big-footer-2 .subscribe-form :-moz-placeholder { color: #fff;
opacity: 1; } .big-footer-2 .subscribe-form ::-moz-placeholder { color: #fff;
opacity: 1; } .big-footer-2 .subscribe-form :-ms-input-placeholder { color: #fff; } .big-footer-2 .subscribe-form form {
width: 100%;
width: auto;
text-align: center; } .big-footer-2 .subscribe-form form input {
width: 100%;
max-width: 400px;
height: 40px;
background: #c58061;
display: inline-block;
border: none;
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
padding: 10px;
color: #fff;
font-weight: 600;
font-size: 14px;
font-family: "Open Sans", sans-serif;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .big-footer-2 .subscribe-form form input[type="submit"] {
width: auto;
padding: 0 30px;
padding-right: 45px;
margin-left: 15px;
background: #00bff3;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none; } .big-footer-2 .subscribe-form form input[type="submit"]:hover {
background: #96c93f; } .big-footer-2 .subscribe-form form label.send {
position: relative; } .big-footer-2 .subscribe-form form label.send i {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff; } .big-footer-2 .subscribe-form form label.send .ajax-loader {
position: absolute;
top: 50%;
right: -30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } .big-footer-2 .subscribe-form .wpcf7-not-valid-tip {
display: none; } .big-footer-2 .subscribe-form .wpcf7 .wpcf7-response-output {
background: rgba(255, 255, 255, 0.1) !important;
padding-top: 7px !important;
padding-bottom: 7px !important; } .big-footer-2 .footer-info {
width: 100%;
float: left;
margin-top: 90px;
text-align: center; } .big-footer-2 .footer-info .box {
width: 100%;
max-width: 25%;
display: inline-block;
text-align: left;
margin-left: -4px;
overflow: hidden;
float: left; } .big-footer-2 .footer-info .box .icon {
width: 80px;
height: 100%;
float: left;
font-size: 40px;
line-height: 1;
color: #fff;
text-align: center; } .big-footer-2 .footer-info .box .content {
width: calc(100% - 80px);
float: left; } .big-footer-2 .footer-info .box .content .name {
font-size: 14px;
color: #fff;
font-weight: 600;
text-transform: uppercase; } .big-footer-2 .footer-info .box .content .name:after {
content: "";
width: 40px;
height: 2px;
background: #fff;
display: block;
margin: 10px 0; } .big-footer-2 .footer-info .box .content p {
font-size: 14px;
color: #fff;
font-weight: 600; } .big-footer-2 .footer-info .box .content p .day {
display: block;
font-style: italic;
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
margin-top: 5px; } .big-footer-2 .copyright-text {
width: 100%;
float: left;
margin-top: 30px;
padding: 30px;
text-align: center; } .big-footer-2 .copyright-text a {
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase; } .big-footer-2 .copyright-text a:hover {
opacity: 0.5;
filter: alpha(opacity=50); }  footer.main, footer.main-2 {
width: 100%;
height: auto;
background: #000;
padding: 30px 0;
position: relative !important;
clear: both;
z-index: 4; } footer.main .go-to-top, footer.main-2 .go-to-top {
width: 80px;
float: left;
position: absolute;
z-index: 1;
top: -45px;
left: 50%;
margin-left: -40px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 40px 45px 40px;
border-color: transparent transparent #000 transparent;
text-align: center;
line-height: 70px;
color: #363636;
font-size: 18px; } footer.main .go-to-top:hover, footer.main-2 .go-to-top:hover {
line-height: 45px; } footer.main .go-to-top i, footer.main-2 .go-to-top i {
margin-left: -9px; } footer.main .site-links a, footer.main .social-links a, footer.main-2 .site-links a, footer.main-2 .social-links a {
display: inline-block;
color: #6e6e6e;
font-size: 14px;
margin-right: 15px;
text-transform: uppercase; } footer.main .site-links a:hover, footer.main .social-links a:hover, footer.main-2 .site-links a:hover, footer.main-2 .social-links a:hover {
color: #ddd; } footer.main .copyright a, footer.main-2 .copyright a {
color: #6e6e6e; } footer.main .copyright a:hover, footer.main-2 .copyright a:hover {
color: #ddd; } footer.main-2 {
overflow: hidden;
padding-left: 30px;
padding-right: 30px; } footer.main-2 .social-links a {
font-size: 16px; }  .social-footer {
background: #464646; } .social-footer .inner {
padding: 15px 0;
text-align: center; } .social-footer a {
margin: 15px;
width: 65px;
height: 65px;
line-height: 65px;
background: #363636;
-webkit-box-shadow: inset 0 0 0 4px #363636, inset 0 0 0 5px #464646;
box-shadow: inset 0 0 0 4px #363636, inset 0 0 0 5px #464646;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #555;
font-size: 23px; } .social-footer a:hover {
color: #fff;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff; }  footer.text {
background: #96c93f;
text-align: center;
clear: both; } footer.text .inner {
padding: 30px; } footer.text p {
margin: 0;
padding: 0;
line-height: 1; } footer.text p a {
font-family: 12px;
font-family: "Lovelo";
color: #7b7b7b;
letter-spacing: 2px; } footer.text p a:hover {
color: #fff; }  .revsliderholder .container {
height: 100%;
position: relative; } .top-contact-form {
width: 385px;
height: auto;
position: absolute;
top: 50%; -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.5);
padding: 25px;
-webkit-backface-visibility: hidden; backface-visibility: hidden; } .top-contact-form:before {
content: "";
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 2px solid rgba(0, 0, 0, 0.5); } .top-contact-form .title {
color: #fff;
font-size: 19px;
text-align: center;
margin-bottom: 15px;
word-break: break-all; } .top-contact-form .form form {
width: 100%; } .top-contact-form .form form ::-webkit-input-placeholder { color: #444; } .top-contact-form .form form :-moz-placeholder { color: #444;
opacity: 1; } .top-contact-form .form form ::-moz-placeholder { color: #444;
opacity: 1; } .top-contact-form .form form :-ms-input-placeholder { color: #444; } .top-contact-form .form form label {
width: 100%;
position: relative; } .top-contact-form .form form label i {
height: 55px;
line-height: 55px;
position: absolute;
top: 0;
right: 15px;
color: #333; } .top-contact-form .form form label.submit {
width: auto;
float: right; } .top-contact-form .form form label.submit i {
color: #fff; } .top-contact-form .form form label.submit input {
width: auto;
background: #cb5050;
color: #fff;
font-weight: 700;
text-transform: uppercase; } .top-contact-form .form form label.submit input:focus {
outline: none; } .top-contact-form .form form label.submit input:hover {
opacity: 0.9;
filter: alpha(opacity=90); } .top-contact-form .form form label .ajax-loader {
position: absolute;
top: 50%;
margin-top: -10px;
left: -30px; } .top-contact-form .form form .wpcf7-not-valid-tip, .top-contact-form .form form .wpcf7-response-output {
width: 100%;
float: left;
word-wrap: break-word; } .top-contact-form .form form .wpcf7-response-output {
background: rgba(0, 0, 0, 0.5);
font-size: 13px;
line-height: 18px;
padding: 7px; } .top-contact-form .form form input, .top-contact-form .form form textarea, .top-contact-form .form form select {
width: 100%;
height: 55px;
float: left;
background: #fff;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
color: #282828;
font-family: "Open Sans", sans-serif;
padding: 15px;
padding-right: 40px;
font-weight: 400;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
outline: none; } .top-contact-form .form form input:focus, .top-contact-form .form form textarea:focus, .top-contact-form .form form select:focus {
-webkit-box-shadow: inset 0 0 10px #cb5050;
box-shadow: inset 0 0 10px #cb5050; } .top-contact-form .form form input:focus::-webkit-input-placeholder {
color: #ddd; } .top-contact-form .form form input:focus:-moz-placeholder {
color: #ddd; } .top-contact-form .form form input:focus::-moz-placeholder {
color: #ddd; } .top-contact-form .form form input:focus:-ms-input-placeholder {
color: #ddd; } .top-contact-form .form form textarea {
height: 100px; }
@media screen and (max-width: 1024px) {
.top-contact-form {
display: none; } }
@media screen and (max-width: 992px) { .big-footer .block {
margin-bottom: 60px; } .big-footer .block:last-child {
margin-bottom: 0; } .buy-theme .text, .buy-theme-2 .text {
width: 100%;
max-width: 100%;
text-align: center; } .buy-theme .button, .buy-theme-2 .button {
width: 100%;
overflow: hidden;
text-align: center;
margin-top: 30px; } .big-footer-2 {
padding-top: 100px; } .big-footer-2 .subscribe-form form input {
width: 100% !important;
max-width: 999px; } .big-footer-2 .subscribe-form form label.send {
width: 100%;
display: block;
margin: 0;
margin-top: 15px; } .big-footer-2 .subscribe-form form input[type="submit"] {
margin: 0;
width: 100%;
display: inline-block; } .big-footer-2 .footer-info .box {
max-width: 50%; }
}
@media screen and (max-width: 992px) { footer.main {
text-align: center; } footer.main .site-links, footer.main .social-links {
width: 100%; } footer.main .social-links {
padding-top: 30px; } footer.main .right {
width: 100%;
margin-top: 15px; }
}
@media screen and (max-width: 768px) { footer.main-2 {
text-align: center; } footer.main-2 .site-links, footer.main-2 .social-links {
width: 100%; } footer.main-2 .right {
width: 100%;
margin-top: 15px; } #site-wrapper.menualways #site-content, #site-wrapper.menualways header {
width: calc(100%); } #site-wrapper.menualways header {
-webkit-transform: translate(0, 0) !important;
-moz-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
-o-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important; } #site-wrapper.menualways .open-menu-sidebar {
display: block !important; } #site-wrapper.menualways.showmenusidebar header, #site-wrapper.menualways.showmenusidebar #site-content, #site-wrapper.menualways.menualways header, #site-wrapper.menualways.menualways #site-content {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } #site-wrapper.menualways.showmenusidebar #site-content #menu-sidebar .inner nav ul li, #site-wrapper.menualways.showmenusidebar #site-content #menu-sidebar .inner footer, #site-wrapper.menualways.menualways #site-content #menu-sidebar .inner nav ul li, #site-wrapper.menualways.menualways #site-content #menu-sidebar .inner footer {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } #site-wrapper.menualways.showwidgetsidebar #site-content {
-webkit-transform: translate(-250px, 0);
-moz-transform: translate(-250px, 0);
-ms-transform: translate(-250px, 0);
-o-transform: translate(-250px, 0);
transform: translate(-250px, 0);
-webkit-transform: translate3d(-250px, 0, 0);
-moz-transform: translate3d(-250px, 0, 0);
-ms-transform: translate3d(-250px, 0, 0);
-o-transform: translate3d(-250px, 0, 0);
transform: translate3d(-250px, 0, 0); } #site-wrapper.menualways.showwidgetsidebar header {
-webkit-transform: translate(-250px, 0) !important;
-moz-transform: translate(-250px, 0) !important;
-ms-transform: translate(-250px, 0) !important;
-o-transform: translate(-250px, 0) !important;
transform: translate(-250px, 0) !important;
-webkit-transform: translate3d(-250px, 0, 0) !important;
-moz-transform: translate3d(-250px, 0, 0) !important;
-ms-transform: translate3d(-250px, 0, 0) !important;
-o-transform: translate3d(-250px, 0, 0) !important;
transform: translate3d(-250px, 0, 0) !important; } .social-foter a {
margin-left: 10px;
margin-right: 10px; } .big-footer-2 .footer-info .box {
max-width: 100%;
margin-bottom: 30px; } .big-footer-2 .footer-info .box:last-child {
margin-bottom: 0; } .top-contact-form {
width: 90%;
right: 50%;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
display: none; }
}  .image-title {
width: 100%;
height: auto;
padding: 60px;
background-size: cover;
background-position: center center; }
@media screen and (max-width: 768px) { .image-title .title {
width: 100%;
text-align: center; }
} .image-title .title {
float: right;
font-family: "Lovelo";
font-size: 32px;
color: #fff; }  .weather-header {
width: 100%;
height: 700px;
background-size: cover;
background-position: center center;
position: relative;
background-color: #333; } .weather-header .borders {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px; } .weather-header .borders .leftright {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } .weather-header .borders .leftright:before, .weather-header .borders .leftright:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
background: #fff;
width: 2px; } .weather-header .borders .leftright:before {
left: 0; } .weather-header .borders .leftright:after {
right: 0; } .weather-header .borders .bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #fff; } .weather-header .borders .logo {
position: absolute;
z-index: 10;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } .weather-header .borders .logo:hover {
opacity: 0.85;
filter: alpha(opacity=85); } .weather-header .borders .logo img {
max-height: 35px; } .weather-header .borders .top {
position: absolute;
top: 0;
left: 0;
right: 0; } .weather-header .borders .top .left, .weather-header .borders .top .right {
height: 2px;
position: absolute;
top: 0;
background: #fff; } .weather-header .borders .top .left {
left: 0; } .weather-header .borders .top .right {
right: 0; } .weather-header .borders .weather-info {
position: absolute;
bottom: 60px;
left: 60px;
right: 60px; } .weather-header .borders .weather-info .line {
width: 100%;
overflow: hidden;
display: block;
margin-top: 3px; } .weather-header .borders .weather-info .box {
float: left;
background: rgba(0, 0, 0, 0.7);
padding: 10px;
color: #fff; } .weather-header .borders .weather-info .box.real-info {
text-transform: uppercase;
font-size: 13px; } .weather-header .borders .weather-info .box.real-info .date {
display: block; } .weather-header .borders .weather-info .box.real-info .degrees {
margin-top: 10px;
display: block;
font-family: "Lovelo";
font-size: 40px;
line-height: 1; } .weather-header .borders .weather-info .box.title {
font-size: 30px;
line-height: 25px; } .weather-header .borders .weather-info .box.additional-info {
font-size: 15px; } .weather-header .borders .weather-info .learn-more {
width: auto;
height: 50px;
float: left;
background: #448ccb;
color: #fff; } .weather-header .borders .weather-info .learn-more:hover i {
opacity: 0.75;
filter: alpha(opacity=75); } .weather-header .borders .weather-info .learn-more span {
height: 100%;
line-height: 30px;
padding: 10px;
padding-right: 30px;
float: left;
font-weight: 700; } .weather-header .borders .weather-info .learn-more i {
width: 50px;
height: 100%;
line-height: 50px;
text-align: center;
float: right;
background: #fff;
color: #448ccb;
font-size: 22px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
@media screen and (max-width: 768px) {
.weather-header .borders .weather-info {
bottom: 30px;
left: 30px;
right: 30px; } .weather-header .borders .weather-info .box.title {
font-size: 20px;
line-height: 25px; } .weather-header .borders .weather-info .box.additional-info {
font-size: 12px; } .weather-header .borders .weather-info .learn-more {
width: 100%; } } .weather-header .open-menu-sidebar {
position: absolute;
z-index: 10;
top: 15px;
left: 15px;
display: block; } .weather-header .open-widget-sidebar {
position: absolute;
z-index: 10;
top: 15px;
right: 15px;
display: block; }
@media screen and (max-width: 992px) {
.weather-header {
height: 450px; } }  .long-logo {
width: 100%;
height: auto;
z-index: 10;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 30px 0;
position: relative; } .long-logo.bg-black {
background: #222; } .long-logo.noaffect {
position: absolute;
background: transparent; } .long-logo .container {
position: relative; } .long-logo .logo {
position: relative;
z-index: 10;
display: inline-block; } .long-logo .logo img {
max-height: 60px; } .long-logo .logo:hover {
opacity: 0.7;
filter: alpha(opacity=70); } .long-logo .logo .txt-logo {
color: #fff !important; } .long-logo .borders {
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0; } .long-logo .borders .left, .long-logo .borders .right {
width: 200px;
position: absolute;
top: 50%;
height: 1px;
background: #fff; } .long-logo .borders .left {
left: 0; } .long-logo .borders .right {
right: 0; } .long-logo .open-widget-sidebar, .long-logo .open-menu-sidebar {
z-index: 10; } .long-logo .open-widget-sidebar {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 30px; } .long-logo .open-widget-sidebar:before {
content: "";
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } .long-logo .open-widget-sidebar .cubes:before, .long-logo .open-widget-sidebar .cubes:after, .long-logo .open-widget-sidebar .cubes2:before, .long-logo .open-widget-sidebar .cubes2:after {
background: #111; } .long-logo .open-widget-sidebar.clicked {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); } .long-logo .open-widget-sidebar.clicked .cubes:before, .long-logo .open-widget-sidebar.clicked .cubes:after, .long-logo .open-widget-sidebar.clicked .cubes2:before, .long-logo .open-widget-sidebar.clicked .cubes2:after {
background: none !important; } .long-logo .open-widget-sidebar.clicked .cubes:before {
border-bottom: 2px solid #111;
border-right: 2px solid #111; } .long-logo .open-widget-sidebar.clicked .cubes2:after {
border-top: 2px solid #111;
border-left: 2px solid #222; } .long-logo .open-menu-sidebar {
display: block;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } .long-logo .open-menu-sidebar:before {
content: "";
position: absolute;
top: -12px;
right: -10px;
bottom: -12px;
left: -10px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } .long-logo .open-menu-sidebar.clicked .line {
background-color: transparent !important; } .long-logo .open-menu-sidebar .line, .long-logo .open-menu-sidebar .line:before, .long-logo .open-menu-sidebar .line:after {
background-color: #111; }  .main-buttons {
width: 100%;
height: auto;
float: left; } .main-buttons.white a {
border-color: #fff;
color: #fff; } .main-buttons.white a:hover {
color: #000; } .main-buttons.white a span:before {
background-color: #fff; } .main-buttons a {
display: inline-block;
border: 2px solid #000;
color: #000;
font-family: "Lovelo";
font-size: 14px;
letter-spacing: 2px;
position: relative;
z-index: 2; } .main-buttons a:hover {
color: #fff; } .main-buttons a:hover span:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } .main-buttons a span {
display: block;
padding: 10px 30px;
float: left;
position: relative;
overflow: hidden; } .main-buttons a span:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }  .big-page-title {
width: 100%;
height: auto;
background-color: #333;
background-image: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/default/image-1.jpg);
background-size: cover;
background-position: center center;
position: relative; } .big-page-title:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4); } .big-page-title .container {
padding: 90px 0;
position: relative;
z-index: 3; } .big-page-title .container .valign {
width: 100%;
text-align: center;
color: #fff;
font-family: "Lovelo";
padding: 0 15px; } .big-page-title .container .valign h3 {
margin: 0;
padding: 0;
font-size: 49px;
line-height: 40px;
display: block; } .big-page-title .container .valign h3:after {
content: "";
width: 110px;
height: 3px;
background: #fff;
display: block;
margin: 15px auto; } .big-page-title .container .valign h3 span {
display: block;
font-size: 35px; } .big-page-title .container .valign > span a {
color: #fff; } .big-page-title .container .valign > span a:hover {
color: rgba(255, 255, 255, 0.6); } .big-page-title .container .valign > span:not(.published) {
font-size: 18px;
margin: 0;
display: inline-block; } .big-page-title .container .valign span.published {
margin-bottom: 30px;
font-size: 14px;
letter-spacing: 2px;
display: block; } .big-page-title .container .valign .updated {
display: none; } .big-page-title.s-2 .container .valign h3 {
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
padding: 25px 0; } .big-page-title.s-2 .container .valign h3:after {
display: none; } .big-page-title.s-2 .container .valign span {
letter-spacing: 3px;
margin-top: 25px; }
@media screen and (max-width: 992px) { .big-page-title .container {
padding: 60px 0; } .big-page-title .container .valign h3 {
font-size: 30px;
line-height: 30px; } .big-page-title .container .valign span {
font-size: 18px; }
}
@media screen and (max-width: 768px) { .big-page-title .container .valign h3 {
font-size: 26px;
line-height: 26px; } .big-page-title .container .valign span {
font-size: 13px !important; }
}  .contact-map-header {
width: 100%;
height: 450px; }
@media screen and (max-width: 768px) {
.contact-map-header {
height: 300px; } } .contact-map-header #map-canvas {
width: 100%;
height: 100%;
float: left; }  .social-links-bar {
width: 100%;
height: auto;
background: #ec2c55;
padding: 30px 0;
position: relative; } .social-links-bar:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 19px 20px 0 20px;
border-color: #ec2c55 transparent transparent transparent;
position: absolute;
bottom: -18px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } .social-links-bar .links {
width: 100%;
text-align: center; } .social-links-bar .links a {
margin: 10px 15px;
display: inline-block;
width: 44px;
height: 44px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #fff;
text-align: center;
line-height: 44px;
color: #ec2c55;
font-size: 18px; } .social-links-bar .links a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transform: translateY(-5px) scale(1.1);
-moz-transform: translateY(-5px) scale(1.1);
-ms-transform: translateY(-5px) scale(1.1);
-o-transform: translateY(-5px) scale(1.1);
transform: translateY(-5px) scale(1.1); }  .fourofour {
background-size: cover;
background-position: center center; } .fourofour .inner {
padding: 90px 0;
background: rgba(0, 0, 0, 0.75);
text-align: center; }
@media screen and (max-width: 992px) {
.fourofour .inner {
padding: 60px 0; } }
@media screen and (max-width: 768px) {
.fourofour .inner {
padding: 30px 0; } } .fourofour .inner .box {
width: 100%;
max-width: 700px;
height: auto;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative; } .fourofour .inner .box .inside {
position: absolute;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
@-webkit-keyframes icondrop { from {
-webkit-transform: translate3d(120px, -90px, 0) scale(0.2) rotateY(360deg);
opacity: 0;
filter: alpha(opacity=0); } to {
-webkit-transform: translate3d(0, 0, 0) scale(1) rotateY(0);
opacity: 1;
filter: alpha(opacity=100); } }
@-moz-keyframes icondrop { from {
-moz-transform: translate3d(120px, -90px, 0) scale(0.2) rotateY(360deg);
opacity: 0;
filter: alpha(opacity=0); } to {
-moz-transform: translate3d(0, 0, 0) scale(1) rotateY(0);
opacity: 1;
filter: alpha(opacity=100); } }
@keyframes icondrop { from {
-webkit-transform: translate3d(120px, -90px, 0) scale(0.2) rotateY(360deg);
-moz-transform: translate3d(120px, -90px, 0) scale(0.2) rotateY(360deg);
-ms-transform: translate3d(120px, -90px, 0) scale(0.2) rotateY(360deg);
-o-transform: translate3d(120px, -90px, 0) scale(0.2) rotateY(360deg);
transform: translate3d(120px, -90px, 0) scale(0.2) rotateY(360deg);
opacity: 0;
filter: alpha(opacity=0); } to {
-webkit-transform: translate3d(0, 0, 0) scale(1) rotateY(0);
-moz-transform: translate3d(0, 0, 0) scale(1) rotateY(0);
-ms-transform: translate3d(0, 0, 0) scale(1) rotateY(0);
-o-transform: translate3d(0, 0, 0) scale(1) rotateY(0);
transform: translate3d(0, 0, 0) scale(1) rotateY(0);
opacity: 1;
filter: alpha(opacity=100); } }
} .fourofour .inner .box .inside .icon {
font-size: 35px;
margin-bottom: 10px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-animation: icondrop 1.5s ease-in forwards 1s;
-o-animation: icondrop 1.5s ease-in forwards 1s;
animation: icondrop 1.5s ease-in forwards 1s; } .fourofour .inner .box .inside h3 {
margin: 0;
font-size: 168px;
line-height: 130px;
font-weight: 300;
display: block; } .fourofour .inner .box .inside h3:after {
content: "";
width: 100px;
height: 2px;
background: #fff;
display: block;
margin: 30px auto; } .fourofour .inner .box .inside span {
display: block;
margin-top: -7px;
font-size: 20px;
line-height: 1;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Lovelo"; } .fourofour .inner .box .inside a.go-back {
margin-top: 30px;
display: inline-block;
padding: 10px 50px;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
font-size: 14px; } .fourofour .inner .box .inside a.go-back:hover {
background: #fff;
color: #111; }
@media screen and (max-width: 992px) { .fourofour .inner .box .inside h3 {
font-size: 100px;
line-height: 80px; } .fourofour .inner .box .inside span {
font-size: 18px; } .fourofour .inner .box .inside a.go-back {
padding: 10px 40px; }
}
@media screen and (max-width: 768px) { .fourofour .inner .box .inside h3 {
font-size: 60px;
line-height: 50px; } .fourofour .inner .box .inside h3:after {
margin-top: 20px; } .fourofour .inner .box .inside span {
font-size: 15px; } .fourofour .inner .box .inside a.go-back {
padding: 10px 30px;
font-size: 12px; }
} @media (min-width: 768px) { #site-wrapper.menualways .container {
width: 90%; }
}   section.no-results {
padding-bottom: 60px;
text-align: center; } #styled-comments h3.comments-title {
font-size: 14px;
color: #000000;
font-weight: 300;
margin-bottom: 30px; } #styled-comments ol {
padding: 0; } #styled-comments ul.children {
margin-bottom: 30px !important; } #styled-comments .single-comment {
overflow: hidden;
margin-bottom: 30px; } #styled-comments .single-comment:last-child {
margin-bottom: 0; } #styled-comments .single-comment .avatar {
width: 120px;
height: 120px;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden; } #styled-comments .single-comment .comment-content {
width: calc(100% - 120px);
float: left;
padding-left: 30px;
padding-top: 10px; } #styled-comments .single-comment .comment-content .inside {
border-bottom: 1px solid #eee;
padding-bottom: 30px; } #styled-comments .single-comment .comment-content .text h1, #styled-comments .single-comment .comment-content .text h2, #styled-comments .single-comment .comment-content .text h3, #styled-comments .single-comment .comment-content .text h4, #styled-comments .single-comment .comment-content .text h5, #styled-comments .single-comment .comment-content .text h6 {
margin-top: 0; } #styled-comments .single-comment .comment-content .text p {
font-size: 14px;
color: #000; } #styled-comments .single-comment .comment-content .text table td {
padding: 3px; } #styled-comments .single-comment .comment-content .info {
width: 100%;
display: block;
margin-top: 10px; } #styled-comments .single-comment .comment-content .info > span {
display: inline-block;
margin-right: 7px;
color: #a2a2a2;
font-size: 12px; } #styled-comments .single-comment .comment-content .info > span a {
color: #a2a2a2; } #styled-comments .single-comment .comment-content .info > span a:hover {
color: #EC2C55; } #styled-comments .single-comment .comment-content .info > span i {
padding-right: 3px; } #styled-comments .single-comment .comment-content .info > span.reply {
float: right;
background: #a2a2a2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0.3;
filter: alpha(opacity=30);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } #styled-comments .single-comment .comment-content .info > span.reply:hover {
opacity: 0.5;
filter: alpha(opacity=50); } #styled-comments .single-comment .comment-content .info > span.reply a {
padding: 3px 5px;
display: inline-block;
color: #333; } #styled-comments .no-comments {
width: 100%;
text-align: center;
padding: 10px 0;
font-size: 13px;
color: #666; } #styled-comments .no-comments:after {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
content: ":(";
max-width: 0px;
display: inline-block;
overflow: hidden;
-webkit-transform: translateY(4px);
-moz-transform: translateY(4px);
-ms-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
font-size: 11px;
border: 1px solid #999;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } #styled-comments .no-comments:hover:after {
margin-left: 10px;
max-width: 20px; } #respond {
border-top: 1px solid #eee;
padding-top: 30px;
margin-top: 30px; } #respond a {
color: #000; } #respond a:hover {
color: #888; } #respond h3#reply-title {
margin: 0;
font-size: 14px;
color: #000000;
font-weight: 300;
margin-bottom: 30px; } #respond h3#reply-title a {
color: #333;
font-weight: 700; } #respond h3#reply-title a:hover {
color: #777; } #respond form .logged-in-as {
display: block; } #respond form p {
margin-bottom: 25px;
width: 100%; } #respond form p:last-child {
margin-bottom: 0; } #respond form p.comment-notes {
font-size: 12px;
font-style: italic;
color: #888; } #respond form label {
width: 100%;
display: block;
color: #666;
padding-bottom: 3px;
font-weight: 600; } #respond form input, #respond form textarea {
width: 100%;
max-width: 450px;
height: 45px;
padding: 0 15px;
resize: none;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
color: #aaa;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } #respond form input:focus, #respond form textarea:focus {
border-color: #ec2c55;
color: #ec2c55;
-webkit-box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2);
box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2); } #respond form input[type="submit"], #respond form textarea[type="submit"] {
width: auto;
padding: 0 30px;
background: #ec2c55;
color: #fff;
text-transform: uppercase;
font-size: 13px;
border: none; } #respond form input[type="submit"]:hover, #respond form textarea[type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80); } #respond form textarea {
height: 145px;
padding: 15px; } .animate-el {
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
opacity: 0;
filter: alpha(opacity=0); } .animate-el.animated {
opacity: 1;
filter: alpha(opacity=100); } .vc_row {
margin-bottom: 0 !important; } table {
border: 1px solid #ddd; } table thead {
background: #f5f5f5; } table thead tr th {
border-left: 1px solid #ddd;
padding: 10px; } table tbody tr {
border-bottom: 1px solid #ddd; } table tbody tr th, table tbody tr td {
padding: 10px; } table tbody tr td {
border-left: 1px solid #ddd; } dl dt {
font-size: 19px; } dl dd {
padding-left: 15px;
font-size: 14px;
margin-bottom: 10px; }   section.style-1 {
border-top: 1px solid #ebebeb; } section.style-1.image-bottom, section.style-1.big-quote, section.style-1.our-services {
border-top: none; } section.style-1 .inner {
padding-top: 80px;
padding-bottom: 80px; }
@media screen and (max-width: 768px) {
section.style-1 .inner {
padding-top: 30px !important;
padding-bottom: 30px !important; } } section.style-1 .title-bar {
width: 100%;
text-align: center;
font-family: "Lovelo";
color: #000000;
position: relative;
margin-bottom: 70px; } section.style-1 .title-bar:before {
counter-increment: subsection;
content: "0" counter(subsection);
font-size: 135px;
line-height: 60px;
color: #e6e6e6;
font-family: "Bebas";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1; } section.style-1 .title-bar h3, section.style-1 .title-bar span {
position: relative;
z-index: 2; } section.style-1 .title-bar h3 {
font-size: 35px; } section.style-1 .title-bar span {
display: block;
font-size: 14px;
margin-top: -10px; } section.style-1 p.desc {
text-align: center;
color: #8b8b8b;
font-size: 16px;
line-height: 25px;
font-family: "Open Sans", sans-serif; } section.style-1.image-bottom .spec-image {
width: 100%;
display: block;
margin-top: -40px;
text-align: center; } section.style-1.image-bottom .spec-image img {
display: inline-block;
max-width: 90%;
height: auto; }
@media screen and (max-width: 992px) {
section.style-1.big-quote .row {
margin-left: 0;
margin-right: 0; } } section.style-1.big-quote, section.style-1.big-quote .row, section.style-1.big-quote .actual-quote, section.style-1.big-quote .quote-image {
min-height: 350px; }
@media screen and (max-width: 768px) {
section.style-1.big-quote, section.style-1.big-quote .row, section.style-1.big-quote .actual-quote, section.style-1.big-quote .quote-image {
min-height: 260px !important; } } section.style-1.big-quote .actual-quote {
background: #000;
color: #fff;
overflow: hidden; } section.style-1.big-quote .actual-quote .equalizer-inner {
height: 100%; } section.style-1.big-quote .actual-quote .inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
float: right; } section.style-1.big-quote .actual-quote .inner:before {
content: '\f10e';
color: #252525;
font-size: 130px;
position: absolute;
z-index: -1;
font-family: "FontAwesome";
top: 50%;
margin-left: -50px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-1.big-quote .actual-quote p {
font-size: 15px;
line-height: 25px;
font-style: italic;
font-family: "Georgia", Arial, serif; } section.style-1.big-quote .actual-quote span.who {
font-size: 14px;
font-family: "Lovelo";
margin-top: 30px;
display: block; } section.style-1.big-quote .quote-image {
max-width: 400px;
background-color: #444;
background-size: cover;
background-position: center center;
position: relative; } section.style-1.big-quote .quote-image a {
float: left;
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #fff; } section.style-1.portfolio {
overflow: hidden; } section.style-1.portfolio .inner {
padding-bottom: 0; } section.style-1.latest-news .news-block {
margin-top: 60px; } section.style-1.latest-news .news-block .block .image {
width: 100%;
height: 225px;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden; } section.style-1.latest-news .news-block .block .image a {
position: absolute;
z-index: 3;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 15px; } section.style-1.latest-news .news-block .block .image a:hover {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent; } section.style-1.latest-news .news-block .block .image a:hover:after {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
filter: alpha(opacity=100); } section.style-1.latest-news .news-block .block .image a:hover .leftright-border:before, section.style-1.latest-news .news-block .block .image a:hover .leftright-border:after, section.style-1.latest-news .news-block .block .image a:hover .topbottom-border:before, section.style-1.latest-news .news-block .block .image a:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-1.latest-news .news-block .block .image a:hover .topbottom-border:before, section.style-1.latest-news .news-block .block .image a:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-1.latest-news .news-block .block .image a:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-1.latest-news .news-block .block .image a:before {
content: "";
position: absolute;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-1.latest-news .news-block .block .image a:after {
font-family: "FontAwesome";
content: "\f08e";
text-align: center;
position: absolute;
top: 50%;
left: 50%;
float: left;
width: 55px;
height: 55px;
line-height: 55px;
margin: 0 5px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
-webkit-transform: translate(-50%, 30%);
-moz-transform: translate(-50%, 30%);
-ms-transform: translate(-50%, 30%);
-o-transform: translate(-50%, 30%);
transform: translate(-50%, 30%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 17px;
color: #fff; } section.style-1.latest-news .news-block .block .image a .leftright-border:before, section.style-1.latest-news .news-block .block .image a .leftright-border:after, section.style-1.latest-news .news-block .block .image a .topbottom-border:before, section.style-1.latest-news .news-block .block .image a .topbottom-border:after {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; } section.style-1.latest-news .news-block .block .image a .leftright-border:before, section.style-1.latest-news .news-block .block .image a .leftright-border:after {
content: "";
width: 2px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
background: #fff; } section.style-1.latest-news .news-block .block .image a .leftright-border:before {
left: 0;
-webkit-transform: translateY(calc(-100% - 15px));
-moz-transform: translateY(calc(-100% - 15px));
-ms-transform: translateY(calc(-100% - 15px));
-o-transform: translateY(calc(-100% - 15px));
transform: translateY(calc(-100% - 15px)); } section.style-1.latest-news .news-block .block .image a .leftright-border:after {
right: 0;
-webkit-transform: translateY(calc(100% + 15px));
-moz-transform: translateY(calc(100% + 15px));
-ms-transform: translateY(calc(100% + 15px));
-o-transform: translateY(calc(100% + 15px));
transform: translateY(calc(100% + 15px)); } section.style-1.latest-news .news-block .block .image a .topbottom-border:before, section.style-1.latest-news .news-block .block .image a .topbottom-border:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
left: 0;
right: 0;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-1.latest-news .news-block .block .image a .topbottom-border:before {
top: 0;
-webkit-transform: translateX(calc(100% + 15px));
-moz-transform: translateX(calc(100% + 15px));
-ms-transform: translateX(calc(100% + 15px));
-o-transform: translateX(calc(100% + 15px));
transform: translateX(calc(100% + 15px)); } section.style-1.latest-news .news-block .block .image a .topbottom-border:after {
bottom: 0;
-webkit-transform: translateX(calc(-100% - 15px));
-moz-transform: translateX(calc(-100% - 15px));
-ms-transform: translateX(calc(-100% - 15px));
-o-transform: translateX(calc(-100% - 15px));
transform: translateX(calc(-100% - 15px)); } section.style-1.latest-news .news-block .block .content {
overflow: hidden; } section.style-1.latest-news .news-block .block .content .name {
width: 100%;
float: left;
padding: 15px 0;
overflow: hidden; } section.style-1.latest-news .news-block .block .content .name a {
float: left;
padding: 5px 0;
font-family: "Lovelo";
font-size: 14px;
color: #000; } section.style-1.latest-news .news-block .block .content .name a:hover {
color: #ec2c55; } section.style-1.latest-news .news-block .block .content .info {
width: 100%;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding: 10px 0;
float: left;
font-size: 13px;
color: #797979; } section.style-1.latest-news .news-block .block .content .info .left i {
padding-right: 5px; } section.style-1.latest-news .news-block .block .content .info .right i {
padding-left: 5px; } section.style-1.latest-news .news-block .block .content .text {
width: 100%;
float: left;
overflow: hidden;
padding: 5px 0;
padding-top: 10px; } section.style-1.latest-news .news-block .block .content .text p {
padding: 10px 0;
color: #797979;
font-size: 13px; } section.style-1.latest-news .news-block .block .content .author-info {
width: 100%;
float: left;
overflow: hidden;
font-size: 13px;
color: #797979;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 10px; } section.style-1.latest-news .news-block .block .content .author-info a {
color: #797979; } section.style-1.latest-news .news-block .block .content .author-info a:hover {
color: #ec2c55; } section.style-1.fun-facts {
padding: 0;
border-top: none; } section.style-1.fun-facts h3 {
margin: 0; } section.style-1.fun-facts .bgtitle, section.style-1.fun-facts .fun-fact-block-holder {
min-height: 250px; } section.style-1.fun-facts .bgtitle .equalizer-inner, section.style-1.fun-facts .fun-fact-block-holder .equalizer-inner {
height: 100%; } section.style-1.fun-facts .bgtitle {
background: #000; } section.style-1.fun-facts .fun-fact-block-holder {
padding: 0; } section.style-1.fun-facts .title-bar {
margin-bottom: 0;
width: auto;
float: right;
margin-right: 60px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-1.fun-facts .title-bar:before {
color: #1c1c1c; } section.style-1.fun-facts .title-bar h3, section.style-1.fun-facts .title-bar span {
color: #fff;
margin-top: 0; } section.style-1.fun-facts .fun-fact-block {
width: 100%;
background: #333;
height: 100%;
float: left; } section.style-1.fun-facts .fun-fact-block:nth-of-type(2n+2) {
background: #464646; } section.style-1.fun-facts .fun-fact-block .inside {
color: #fff;
text-align: center;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } section.style-1.fun-facts .fun-fact-block .inside:before {
content: attr(data-number);
font-size: 135px;
line-height: 60px;
color: #1c1c1c;
font-family: "Bebas";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1; } section.style-1.fun-facts .fun-fact-block .inside h3, section.style-1.fun-facts .fun-fact-block .inside span {
position: relative;
z-index: 3; } section.style-1.fun-facts .fun-fact-block .inside h3 {
font-family: "Lovelo";
font-size: 35px; } section.style-1.fun-facts .fun-fact-block .inside span {
font-family: "Lovelo";
font-size: 14px; } section.style-1.testimonials-modern .fake-container {
margin-top: 60px;
overflow: hidden; } section.style-1.testimonials-modern .testimonial-1 .image, section.style-1.testimonials-modern .testimonial-2 .image {
background-size: cover;
background-position: center center;
position: relative;
background-color: #333; } section.style-1.testimonials-modern .testimonial-1 .image a, section.style-1.testimonials-modern .testimonial-2 .image a {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
cursor: pointer; } section.style-1.testimonials-modern .testimonial-1 .actual-testimonial-wrapper, section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper {
padding: 30px; } section.style-1.testimonials-modern .testimonial-1 .actual-testimonial-wrapper .actual-testimonial, section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper .actual-testimonial {
height: 100%;
-webkit-box-shadow: 0 0 0 2px #000;
box-shadow: 0 0 0 2px #000;
padding: 30px; } section.style-1.testimonials-modern .testimonial-1 .actual-testimonial-wrapper .actual-testimonial:before, section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper .actual-testimonial:before {
content: '\f10e';
color: #eee;
font-size: 130px;
position: absolute;
z-index: -1;
font-family: "FontAwesome";
top: 20px;
right: 50px; } section.style-1.testimonials-modern .testimonial-1 .actual-testimonial-wrapper .actual-testimonial p, section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper .actual-testimonial p {
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #797979; } section.style-1.testimonials-modern .testimonial-1 .actual-testimonial-wrapper .actual-testimonial .who, section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper .actual-testimonial .who {
font-size: 14px;
color: #444;
font-weight: 600;
display: block;
margin-top: 15px; } section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper {
margin-left: 45px; } section.style-1.testimonials-modern .withtestimonial {
float: left;
margin-left: 30px; }
@media screen and (max-width: 1201px) { section.style-1.fun-facts .title-bar {
width: 100%;
float: none; } section.style-1.fun-facts .fun-fact-block {
width: 50% !important;
height: 50%; } section.style-1.fun-facts .fun-fact-block:nth-of-type(2n+2) {
background: #333; } section.style-1.fun-facts .fun-fact-block:nth-of-type(4n+2), section.style-1.fun-facts .fun-fact-block:nth-of-type(4n+3) {
background: #464646; }
}
@media screen and (max-width: 993px) { section.style-1.latest-news .news-block > div {
margin-bottom: 60px; } section.style-1.latest-news .news-block > div:last-child {
margin-bottom: 0; } section.style-1.testimonials-modern .fake-container .container {
margin-left: 0; } section.style-1.testimonials-modern .fake-container .container .actual-testimonial-wrapper {
width: 100%;
padding: 15px; } section.style-1.testimonials-modern .testimonial-1 .actual-testimonial-wrapper, section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper {
height: auto !important;
min-height: 1px !important; } section.style-1.testimonials-modern .testimonial-1 .actual-testimonial-wrapper .inside, section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper .inside {
top: auto !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important; } section.style-1.testimonials-modern .testimonial-2 {
width: 100% !important;
padding: 0 !important;
padding: 0 15px;
float: left; } section.style-1.testimonials-modern .testimonial-2 .actual-testimonial-wrapper {
width: 100% !important;
margin: auto;
padding: 5px 15px;
padding-bottom: 15px; } section.style-1.testimonials-modern .testimonial-2 .image {
width: 100% !important;
height: 315px !important;
margin: 0 !important; }
}
@media screen and (max-width: 767px) { section.style-1.big-quote .actual-quote .inner:before {
margin-left: 0;
left: auto;
right: 15px; } section.style-1.big-quote .quote-image {
max-width: 100%; }
}
@media screen and (max-width: 641px) { section.style-1.fun-facts .fun-fact-block {
width: 100% !important; } section.style-1.fun-facts .fun-fact-block:nth-of-type(2n+2), section.style-1.fun-facts .fun-fact-block:nth-of-type(4n+2), section.style-1.fun-facts .fun-fact-block:nth-of-type(4n+3) {
background: #333; } section.style-1.fun-facts .fun-fact-block:nth-of-type(2n+2) {
background: #464646; }
}  section.style-2 {
background: #f0f0f0; } section.style-2 .inner {
padding: 60px 0; } section.style-2 .title-bar {
width: 100%;
text-align: center;
font-family: "Lovelo";
color: #000;
margin-bottom: 60px; } section.style-2 .title-bar h3, section.style-2 .title-bar span {
margin: 0; } section.style-2 .title-bar span {
font-size: 14px; } section.style-2 .title-bar h3 {
font-size: 32px;
margin-top: 10px; } section.style-2 .title-bar h3:after {
content: "";
width: 30px;
height: 4px;
background: #000;
display: block;
margin: auto;
margin-top: 25px; } section.style-2 .works {
margin-left: 0;
margin-right: 0; } section.style-2 .works .work {
height: 200px;
background: #fff;
padding: 0; } section.style-2 .works .work .box {
width: 100%;
height: 100%;
overflow: hidden; } section.style-2 .works .work .image {
width: 50%;
height: 100%;
float: left;
position: relative;
background-size: cover;
background-position: center center; } section.style-2 .works .work .image a.full-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden; } section.style-2 .works .work .image a.full-link:hover .leftright-border:before, section.style-2 .works .work .image a.full-link:hover .leftright-border:after, section.style-2 .works .work .image a.full-link:hover .topbottom-border:before, section.style-2 .works .work .image a.full-link:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-2 .works .work .image a.full-link:hover .topbottom-border:before, section.style-2 .works .work .image a.full-link:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-2 .works .work .image a.full-link .leftright-border:before, section.style-2 .works .work .image a.full-link .leftright-border:after, section.style-2 .works .work .image a.full-link .topbottom-border:before, section.style-2 .works .work .image a.full-link .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } section.style-2 .works .work .image a.full-link .leftright-border:before, section.style-2 .works .work .image a.full-link .leftright-border:after {
content: "";
width: 2px;
position: absolute;
top: 20px;
bottom: 20px;
background: #fff; } section.style-2 .works .work .image a.full-link .leftright-border:before {
left: 20px;
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-2 .works .work .image a.full-link .leftright-border:after {
right: 20px;
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-2 .works .work .image a.full-link .topbottom-border:before, section.style-2 .works .work .image a.full-link .topbottom-border:after {
content: "";
height: 2px;
position: absolute;
left: 20px;
right: 20px;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-2 .works .work .image a.full-link .topbottom-border:before {
top: 20px;
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-2 .works .work .image a.full-link .topbottom-border:after {
bottom: 20px;
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-2 .works .work .text {
width: 50%;
height: 100%;
float: left;
padding: 30px;
color: #000;
position: relative;
z-index: 5; } section.style-2 .works .work .text:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: -20px; } section.style-2 .works .work .text .name {
font-family: "Lovelo";
font-size: 27px;
line-height: 30px;
color: #000;
float: left;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word; } section.style-2 .works .work .text .name:hover {
color: #ec2c55; } section.style-2 .works .work .text .short-desc {
font-family: "Lovelo";
font-size: 11px;
width: 100%;
float: left;
margin-top: 10px; } section.style-2 .works .work .text .short-desc a {
color: #000; } section.style-2 .works .work .text .short-desc a:hover {
color: #ec2c55; } section.style-2 .works .work .text .short-content {
width: 100%;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 24px;
margin-top: 30px;
color: #282828; } section.style-2 .works .work:nth-of-type(1n+2) .text {
width: 50% !important; } section.style-2 .works .work:nth-of-type(1n+2) .image {
width: 50% !important; } section.style-2 .works .work:nth-of-type(2) .image, section.style-2 .works .work:nth-of-type(4) .image, section.style-2 .works .work:nth-of-type(5) .image {
float: left; } section.style-2 .works .work:nth-of-type(2) .text, section.style-2 .works .work:nth-of-type(4) .text, section.style-2 .works .work:nth-of-type(5) .text {
float: right; } section.style-2 .works .work:nth-of-type(2) .text:before, section.style-2 .works .work:nth-of-type(4) .text:before, section.style-2 .works .work:nth-of-type(5) .text:before {
right: auto;
left: -20px;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); } section.style-2 .works .work:nth-of-type(1) {
height: 400px; } section.style-2 .works .work:nth-of-type(1) .text {
float: left;
width: auto; } section.style-2 .works .work:nth-of-type(1) .image {
float: right; } section.style-2.our-team .members {
margin-left: 0;
margin-right: 0; } section.style-2.our-team .members .member {
width: 100%;
background: #fff;
overflow: hidden; } section.style-2.our-team .members .member .image {
width: 50%;
height: 100%;
min-height: 220px;
float: left;
position: relative;
background-size: cover;
background-position: center center; } section.style-2.our-team .members .member .image a {
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
cursor: default;
pointer-events: none; } section.style-2.our-team .members .member .text {
width: 50%;
min-height: 220px;
height: auto !important;
height: 100%;
float: right;
padding: 30px;
color: #000; } section.style-2.our-team .members .member .text .name {
width: 100%;
float: left;
font-size: 27px;
line-height: 30px;
font-family: "Lovelo"; } section.style-2.our-team .members .member .text .position {
width: 100%;
float: left;
font-size: 11px;
font-family: "Lovelo";
margin-top: 10px; } section.style-2.our-team .members .member .text p {
width: 100%;
float: left;
margin-top: 30px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 24px;
color: #282828; } section.style-2.our-team .members .member .text .social {
width: 100%;
float: left;
margin-top: 30px; } section.style-2.our-team .members .member .text .social a {
width: 23px;
height: 23px;
text-align: center;
line-height: 23px;
font-size: 13px;
display: inline-block;
background: #c3c3c3;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } section.style-2.our-team .members .member .text .social a:hover {
background: #ec2c55; } section.style-2.our-team .members .member:nth-child(2n+2) .image {
float: right; } section.style-2.our-team .members .member:nth-child(2n+2) .text {
float: left; } section.style-2.pure-text {
font-size: 16px;
text-align: center;
line-height: 24px;
color: #8b8b8b;
font-family: "Open Sans", sans-serif;
padding: 90px 0; } section.style-2.pure-text.whitebg {
background: #fff; }
@media screen and (max-width: 1024px) {
section.style-2.pure-text {
padding: 30px; } } section.style-2.portfolio .portfolio-works {
margin-left: 0;
margin-right: 0; } section.style-2.portfolio .portfolio-works > div {
padding: 0; } section.style-2.portfolio .portfolio-works > div .equalizer-inner {
height: 100%; } section.style-2.portfolio .portfolio-works .box {
width: 100%;
height: 100%;
position: relative;
background-size: cover;
background-position: center center; } section.style-2.portfolio .portfolio-works .box:hover .hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .leftright-border:before, section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .leftright-border:after, section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .topbottom-border:before, section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .topbottom-border:before, section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .inside .name, section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .inside .links a {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .inside hr {
max-width: 60px;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; } section.style-2.portfolio .portfolio-works .box:hover .hover .wrapper .inside .links a {
-webkit-transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s;
-o-transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s;
transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s; } section.style-2.portfolio .portfolio-works .box .hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.85);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-2.portfolio .portfolio-works .box .hover .wrapper {
width: 100%;
height: 100%;
float: left;
position: relative;
color: #fff;
overflow: hidden; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .leftright-border:before, section.style-2.portfolio .portfolio-works .box .hover .wrapper .leftright-border:after, section.style-2.portfolio .portfolio-works .box .hover .wrapper .topbottom-border:before, section.style-2.portfolio .portfolio-works .box .hover .wrapper .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .leftright-border:before, section.style-2.portfolio .portfolio-works .box .hover .wrapper .leftright-border:after {
content: "";
width: 2px;
position: absolute;
top: 20px;
bottom: 20px;
background: rgba(255, 255, 255, 0.6); } section.style-2.portfolio .portfolio-works .box .hover .wrapper .leftright-border:before {
left: 20px;
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-2.portfolio .portfolio-works .box .hover .wrapper .leftright-border:after {
right: 20px;
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-2.portfolio .portfolio-works .box .hover .wrapper .topbottom-border:before, section.style-2.portfolio .portfolio-works .box .hover .wrapper .topbottom-border:after {
content: "";
height: 2px;
position: absolute;
left: 20px;
right: 20px;
background: rgba(255, 255, 255, 0.6);
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .topbottom-border:before {
top: 20px;
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-2.portfolio .portfolio-works .box .hover .wrapper .topbottom-border:after {
bottom: 20px;
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 30px;
text-align: center; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside .name, section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside .links a {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside .name {
font-size: 16px;
font-family: "Lovelo";
letter-spacing: 1.5px;
line-height: 1;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0;
filter: alpha(opacity=0); } section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside hr {
max-width: 0;
height: 2px;
background: #fff;
margin: 0;
display: block;
border: none;
margin: 20px auto;
-webkit-transform: translate3d(none);
-moz-transform: translate3d(none);
-ms-transform: translate3d(none);
-o-transform: translate3d(none);
transform: translate3d(none);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside .links {
text-align: center; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside .links a {
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
margin: 0 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
font-size: 17px;
color: #fff; } section.style-2.portfolio .portfolio-works .box .hover .wrapper .inside .links a:hover {
-webkit-box-shadow: inset 0 0 0 30px #fff;
box-shadow: inset 0 0 0 30px #fff;
color: #111; } section.style-2.latest-news .news-block {
margin-left: 0;
margin-right: 0; } section.style-2.latest-news .news-block > div {
padding: 0; } section.style-2.latest-news .news-block .one .block .image {
width: 100%;
height: 50%; } section.style-2.latest-news .news-block .one .block .content {
width: 100%;
height: 50%; } section.style-2.latest-news .news-block .one .block .content:before {
top: -35px;
left: 50%;
-webkit-transform: rotate(-90deg) translateX(-50%);
-moz-transform: rotate(-90deg) translateX(-50%);
-ms-transform: rotate(-90deg) translateX(-50%);
-o-transform: rotate(-90deg) translateX(-50%);
transform: rotate(-90deg) translateX(-50%); } section.style-2.latest-news .news-block .two .block:nth-of-type(1) .content:before {
left: -20px;
-webkit-transform: rotate(180deg) translateY(-50%);
-moz-transform: rotate(180deg) translateY(-50%);
-ms-transform: rotate(180deg) translateY(-50%);
-o-transform: rotate(180deg) translateY(-50%);
transform: rotate(180deg) translateY(-50%);
margin-top: -30px; } section.style-2.latest-news .news-block .two .block:nth-of-type(2) .content {
float: left; } section.style-2.latest-news .news-block .two .block:nth-of-type(2) .content:before {
right: -20px; } section.style-2.latest-news .news-block .two .block:nth-of-type(2) .image {
float: right; } section.style-2.latest-news .news-block .block {
overflow: hidden;
background: #fff; } section.style-2.latest-news .news-block .block .image {
width: 50%;
height: 100%;
float: left;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden; } section.style-2.latest-news .news-block .block .image a {
position: absolute;
z-index: 3;
top: 25px;
right: 25px;
bottom: 25px;
left: 25px;
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 25px; } section.style-2.latest-news .news-block .block .image a:hover {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent; } section.style-2.latest-news .news-block .block .image a:hover:after {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
filter: alpha(opacity=100); } section.style-2.latest-news .news-block .block .image a:hover .leftright-border:before, section.style-2.latest-news .news-block .block .image a:hover .leftright-border:after, section.style-2.latest-news .news-block .block .image a:hover .topbottom-border:before, section.style-2.latest-news .news-block .block .image a:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-2.latest-news .news-block .block .image a:hover .topbottom-border:before, section.style-2.latest-news .news-block .block .image a:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-2.latest-news .news-block .block .image a:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-2.latest-news .news-block .block .image a:before {
content: "";
position: absolute;
top: -25px;
left: -25px;
right: -25px;
bottom: -25px;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-2.latest-news .news-block .block .image a:after {
font-family: "FontAwesome";
content: "\f08e";
text-align: center;
position: absolute;
top: 50%;
left: 50%;
float: left;
width: 55px;
height: 55px;
line-height: 55px;
margin: 0 5px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
-webkit-transform: translate(-50%, 30%);
-moz-transform: translate(-50%, 30%);
-ms-transform: translate(-50%, 30%);
-o-transform: translate(-50%, 30%);
transform: translate(-50%, 30%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 17px;
color: #fff; } section.style-2.latest-news .news-block .block .image a .leftright-border:before, section.style-2.latest-news .news-block .block .image a .leftright-border:after, section.style-2.latest-news .news-block .block .image a .topbottom-border:before, section.style-2.latest-news .news-block .block .image a .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } section.style-2.latest-news .news-block .block .image a .leftright-border:before, section.style-2.latest-news .news-block .block .image a .leftright-border:after {
content: "";
width: 2px;
position: absolute;
top: 0px;
bottom: 0px;
background: #fff; } section.style-2.latest-news .news-block .block .image a .leftright-border:before {
left: 0px;
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-2.latest-news .news-block .block .image a .leftright-border:after {
right: 0px;
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-2.latest-news .news-block .block .image a .topbottom-border:before, section.style-2.latest-news .news-block .block .image a .topbottom-border:after {
content: "";
height: 2px;
position: absolute;
left: 0px;
right: 0px;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-2.latest-news .news-block .block .image a .topbottom-border:before {
top: 0px;
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-2.latest-news .news-block .block .image a .topbottom-border:after {
bottom: 0px;
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-2.latest-news .news-block .block .content {
width: 50%;
height: 100%;
float: right;
position: relative;
z-index: 5; } section.style-2.latest-news .news-block .block .content:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-2.latest-news .news-block .block .content .inside {
position: relative;
padding: 30px;
overflow: hidden; } section.style-2.latest-news .news-block .block .content .inside .name {
width: 100%;
float: left;
padding-bottom: 15px;
overflow: hidden; } section.style-2.latest-news .news-block .block .content .inside .name a {
float: left;
padding: 5px 0;
font-family: "Lovelo";
font-size: 14px;
color: #000; } section.style-2.latest-news .news-block .block .content .inside .name a:hover {
color: #ec2c55; } section.style-2.latest-news .news-block .block .content .inside .info {
width: 100%;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding: 10px 0;
float: left;
font-size: 13px;
color: #797979; } section.style-2.latest-news .news-block .block .content .inside .info .left i {
padding-right: 5px; } section.style-2.latest-news .news-block .block .content .inside .info .right i {
padding-left: 5px; } section.style-2.latest-news .news-block .block .content .inside .text {
width: 100%;
float: left;
overflow: hidden;
padding: 5px 0; } section.style-2.latest-news .news-block .block .content .inside .text p {
padding: 10px 0;
color: #797979;
font-size: 13px; } section.style-2.latest-news .news-block .block .content .inside .author-info {
width: 100%;
float: left;
overflow: hidden;
font-size: 13px;
color: #797979; } section.style-2.latest-news .news-block .block .content .inside .author-info a {
color: #797979; } section.style-2.latest-news .news-block .block .content .inside .author-info a:hover {
color: #ec2c55; } section.style-2.latest-news .news-block .block:nth-child(2) .image {
float: right; } section.style-2.latest-news .news-block .block:nth-child(2) .text {
float: left; } section.style-2.page-links {
background: transparent;
padding: 60px 0; } section.style-2.page-links.hasbgcolor {
background: #f0f0f0; } section.style-2.page-links.isontop {
padding: 0; } section.style-2.page-links.isontop .one-link-wrapper {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-2.page-links .one-link-wrapper {
padding: 0 15px;
float: left; } section.style-2.page-links .one-link-wrapper .one-link {
width: 100%;
height: auto;
background-color: #0878a2;
background-size: cover;
background-position: center center;
float: left;
overflow: hidden;
position: relative; } section.style-2.page-links .one-link-wrapper .one-link:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
background-color: #0878a2;
opacity: 0.75;
filter: alpha(opacity=75);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-2.page-links .one-link-wrapper .one-link:after {
content: "";
position: absolute;
z-index: 3;
width: 45%;
height: 100%;
top: 0;
right: 0;
background: #0878a2;
-webkit-box-shadow: 0 0 35px 55px #0878a2;
box-shadow: 0 0 35px 55px #0878a2;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-2.page-links .one-link-wrapper .one-link:hover:hover:before {
opacity: 0.45;
filter: alpha(opacity=45);
-webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.75);
box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.75); } section.style-2.page-links .one-link-wrapper .one-link:hover:hover:after {
-webkit-transform: translateX(150%);
-moz-transform: translateX(150%);
-ms-transform: translateX(150%);
-o-transform: translateX(150%);
transform: translateX(150%); } section.style-2.page-links .one-link-wrapper .one-link:hover a .inside .leftright-border:before {
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-2.page-links .one-link-wrapper .one-link:hover a .inside .leftright-border:after {
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-2.page-links .one-link-wrapper .one-link:hover a .inside .topbottom-border:before {
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-2.page-links .one-link-wrapper .one-link:hover a .inside .topbottom-border:after {
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-2.page-links .one-link-wrapper .one-link a {
width: 100%;
height: 100%;
float: left;
position: relative;
z-index: 5;
padding: 15px; } section.style-2.page-links .one-link-wrapper .one-link a .inside {
width: 100%;
height: auto;
float: left;
padding: 30px 20px;
color: #fff;
position: relative; } section.style-2.page-links .one-link-wrapper .one-link a .inside .leftright-border:before, section.style-2.page-links .one-link-wrapper .one-link a .inside .leftright-border:after, section.style-2.page-links .one-link-wrapper .one-link a .inside .topbottom-border:before, section.style-2.page-links .one-link-wrapper .one-link a .inside .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } section.style-2.page-links .one-link-wrapper .one-link a .inside .leftright-border:before, section.style-2.page-links .one-link-wrapper .one-link a .inside .leftright-border:after {
content: "";
width: 2px;
position: absolute;
top: 0px;
bottom: 0px;
background: #fff; } section.style-2.page-links .one-link-wrapper .one-link a .inside .leftright-border:before {
left: 0px; } section.style-2.page-links .one-link-wrapper .one-link a .inside .leftright-border:after {
right: 0px; } section.style-2.page-links .one-link-wrapper .one-link a .inside .topbottom-border:before, section.style-2.page-links .one-link-wrapper .one-link a .inside .topbottom-border:after {
content: "";
height: 2px;
position: absolute;
left: 0px;
right: 0px;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-2.page-links .one-link-wrapper .one-link a .inside .topbottom-border:before {
top: 0px; } section.style-2.page-links .one-link-wrapper .one-link a .inside .topbottom-border:after {
bottom: 0px; } section.style-2.page-links .one-link-wrapper .one-link a .inside .name {
font-family: "Lovelo";
font-size: 27px;
line-height: 1; } section.style-2.page-links .one-link-wrapper .one-link a .inside .desc {
display: block;
font-family: "Lovelo";
font-size: 11px; } section.style-2.image-details {
width: 100%; } section.style-2.image-details .inner {
padding-bottom: 60px; } section.style-2.image-details .inner .title-bar {
margin-bottom: 0; } section.style-2.image-details .image-holder {
width: 100%;
height: auto;
position: relative; } section.style-2.image-details .image-holder .actual-image {
max-width: 100%;
min-width: 100%; } section.style-2.image-details .image-holder .detail {
width: 50px;
height: 50px;
position: absolute;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #0878a2;
-webkit-box-shadow: 0 0 0 4px #fff;
box-shadow: 0 0 0 4px #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden; } section.style-2.image-details .image-holder .detail:before {
content: "";
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border: 1px dashed #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } section.style-2.image-details .image-holder .detail:hover {
z-index: 3;
width: 255px;
height: 255px; } section.style-2.image-details .image-holder .detail:hover .plus {
opacity: 0;
filter: alpha(opacity=0); } section.style-2.image-details .image-holder .detail:hover .info {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
opacity: 1;
filter: alpha(opacity=100); } section.style-2.image-details .image-holder .detail:hover .info img {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-2.image-details .image-holder .detail:hover .info .name, section.style-2.image-details .image-holder .detail:hover .info .price {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-2.image-details .image-holder .detail .plus {
width: 100%;
height: 100%;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s; } section.style-2.image-details .image-holder .detail .info {
opacity: 0;
filter: alpha(opacity=0);
text-align: center;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } section.style-2.image-details .image-holder .detail .info img {
margin-bottom: 25px;
max-width: 80%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); } section.style-2.image-details .image-holder .detail .info .name, section.style-2.image-details .image-holder .detail .info .price {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); } section.style-2.image-details .image-holder .detail .info .name {
display: block;
font-family: "Lovelo";
font-size: 17px;
line-height: 1; } section.style-2.image-details .image-holder .detail .info .price {
display: block;
font-family: "Lovelo";
font-size: 14px;
margin-top: 10px; }
@media screen and (max-width: 1024px) { .style-2.latest-work .works .work:nth-of-type(1) .image {
max-width: 350px; } .style-2.latest-work .works .short-content {
display: none; }
}
@media screen and (max-width: 992px) { section.style-2.latest-work .works .work:nth-of-type(1) .text, section.style-2.latest-work .works .work:nth-of-type(1) .image {
width: 50%; } section.style-2.latest-work .works .work:nth-of-type(5) .text {
float: left; } section.style-2.latest-news .news-block .block .image {
width: 100%;
height: 250px !important; } section.style-2.latest-news .news-block .block .content {
width: 100%; } section.style-2.latest-news .news-block .block .content:before {
left: auto;
right: auto;
bottom: auto;
margin-top: auto !important;
top: -35px !important;
left: 50% !important;
-webkit-transform: rotate(-90deg) translateX(-50%) !important;
-moz-transform: rotate(-90deg) translateX(-50%) !important;
-ms-transform: rotate(-90deg) translateX(-50%) !important;
-o-transform: rotate(-90deg) translateX(-50%) !important;
transform: rotate(-90deg) translateX(-50%) !important; } section.style-2.page-links.isontop {
margin-bottom: -25px; } section.style-2.page-links .one-link-wrapper {
width: 100% !important;
margin-bottom: 15px; } section.style-2.page-links .one-link-wrapper .one-link a .inside .name {
font-size: 20px; } section.style-2.page-links .one-link-wrapper .one-link a .inside .desc {
font-size: 10px; }
}
@media screen and (max-width: 768px) { section.style-2.latest-work .works .work {
height: auto; } section.style-2.latest-work .works .work .text, section.style-2.latest-work .works .work .image {
width: 100% !important;
height: auto; } section.style-2.latest-work .works .work .text:before {
left: auto;
right: auto;
top: auto;
bottom: -35px;
left: 50%;
-webkit-transform: rotate(90deg) translateX(-50%);
-moz-transform: rotate(90deg) translateX(-50%);
-ms-transform: rotate(90deg) translateX(-50%);
-o-transform: rotate(90deg) translateX(-50%);
transform: rotate(90deg) translateX(-50%); } section.style-2.latest-work .works .work .image {
max-width: 100% !important;
height: 200px; } section.style-2.our-team .members .member .text, section.style-2.our-team .members .member .image {
width: 100%; } section.style-2.our-team .members .member .image {
min-height: 1px;
height: 200px !important;
max-height: 200px; } section.style-2.our-team .members .member .text {
height: auto !important; } section.style-2.image-details .image-holder .detail {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 100%;
height: 120px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-bottom: 1px solid #fff; } section.style-2.image-details .image-holder .detail:last-child {
border-bottom: 0; } section.style-2.image-details .image-holder .detail:before {
display: none; } section.style-2.image-details .image-holder .detail:hover {
width: 100%;
height: 120px; } section.style-2.image-details .image-holder .detail .plus {
display: none; } section.style-2.image-details .image-holder .detail .info {
height: 100%;
position: relative;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
top: auto;
left: auto; } section.style-2.image-details .image-holder .detail .info .inner_info {
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-2.image-details .image-holder .detail .info img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
width: auto;
height: 80px;
max-height: 80px;
height: auto;
margin: 0;
position: absolute;
z-index: 2;
top: 20px;
right: 20px; } section.style-2.image-details .image-holder .detail .info .name, section.style-2.image-details .image-holder .detail .info .price {
text-align: left;
margin-left: 20px;
position: relative;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-2.image-details .image-holder .detail .info .price {
margin-top: 0px; }
}  section.style-3 {
background: #fff; } section.style-3 .inner {
padding: 60px 0; }
@media screen and (max-width: 768px) {
section.style-3 .inner {
padding: 30px 0 !important; } } section.style-3 .title-bar {
width: 100%;
text-align: center;
font-family: "Lovelo";
color: #000;
margin-bottom: 60px; }
@media screen and (max-width: 768px) {
section.style-3 .title-bar {
margin-bottom: 30px !important; } } section.style-3 .title-bar h3, section.style-3 .title-bar span {
margin: 0;
color: #dbb263; } section.style-3 .title-bar span {
display: block;
font-size: 21px;
letter-spacing: 2px;
margin-top: -5px; } section.style-3 .title-bar h3 {
font-size: 55px;
margin-top: 10px; } section.style-3.best {
counter-reset: subsection; } section.style-3.best .list > div .equalizer-inner {
height: 100%; } section.style-3.best .list > div:nth-of-type(2n+2) .box:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-left: 1px dashed #e1e1e1; } section.style-3.best .list > div:nth-last-child(1) .box, section.style-3.best .list > div:nth-last-child(2) .box {
border-bottom: none; } section.style-3.best .list .box {
height: 100%;
padding: 15px 0;
overflow: hidden;
border-bottom: 1px dashed #e1e1e1; } section.style-3.best .list .box:hover .info {
opacity: 1;
filter: alpha(opacity=100); } section.style-3.best .list .box:hover .info:before {
color: #333;
-webkit-transform: translate(150%, -50%);
-moz-transform: translate(150%, -50%);
-ms-transform: translate(150%, -50%);
-o-transform: translate(150%, -50%);
transform: translate(150%, -50%); } section.style-3.best .list .box:hover .image img {
-webkit-transform: translateY(-50%) scale(0.8);
-moz-transform: translateY(-50%) scale(0.8);
-ms-transform: translateY(-50%) scale(0.8);
-o-transform: translateY(-50%) scale(0.8);
transform: translateY(-50%) scale(0.8);
opacity: 0.5;
filter: alpha(opacity=50); } section.style-3.best .list .box .info {
width: 50%;
height: 100%;
position: relative;
z-index: 5;
float: left;
display: table;
padding-left: 15px;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-3.best .list .box .info:before {
counter-increment: subsection;
content: "0" counter(subsection);
font-family: "Bebas";
font-size: 180px;
color: #e6e6e6;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
z-index: -1; } section.style-3.best .list .box .info .equalizer-inner {
display: table-cell !important;
vertical-align: middle;
position: relative;
z-index: 3; } section.style-3.best .list .box .info h3 {
width: 100%;
float: left;
font-size: 35px;
color: #000;
font-family: "Lovelo";
line-height: 1; } section.style-3.best .list .box .info p {
width: 100%;
float: left;
margin-top: 0;
font-size: 12px;
text-transform: uppercase;
color: #000;
font-weight: 900; } section.style-3.best .list .box .image {
width: 50%;
height: 100%;
float: right;
text-align: center;
position: relative;
z-index: 4; } section.style-3.best .list .box .image .equalizer-inner {
width: 100%;
position: relative; } section.style-3.best .list .box .image img {
max-width: 90%;
max-height: 100%;
min-width: 70%;
min-height: 70%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-3.specdeals {
counter-reset: subsection; } section.style-3.specdeals .list > div {
margin: 15px 0; } section.style-3.specdeals .list > div .equalizer-inner {
height: 100%; } section.style-3.specdeals .list .box {
width: 100%;
height: 100%;
background: #fff;
-webkit-box-shadow: 0 0 0 2px #000;
box-shadow: 0 0 0 2px #000;
padding: 30px;
padding-bottom: 15px;
text-align: center;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
overflow: hidden; } section.style-3.specdeals .list .box:hover {
-webkit-box-shadow: 0 0 5px 2px rgba(219, 178, 99, 0.6);
box-shadow: 0 0 5px 2px rgba(219, 178, 99, 0.6); } section.style-3.specdeals .list .box:hover .box-head {
color: #dbb263; } section.style-3.specdeals .list .box:hover .box-head .icon {
-webkit-transform: scale(1.4) rotate(216deg);
-moz-transform: scale(1.4) rotate(216deg);
-ms-transform: scale(1.4) rotate(216deg);
-o-transform: scale(1.4) rotate(216deg);
transform: scale(1.4) rotate(216deg); } section.style-3.specdeals .list .box:hover .box-head .icon i:before {
content: "\f005"; } section.style-3.specdeals .list .box:hover .box-content .image img {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); } section.style-3.specdeals .list .box .box-head {
width: 100%;
float: left;
padding-bottom: 30px;
position: relative;
color: #000;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-3.specdeals .list .box .box-head:before {
counter-increment: subsection;
content: "0" counter(subsection);
font-family: "Bebas";
font-size: 180px;
color: #e6e6e6;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
z-index: 1; } section.style-3.specdeals .list .box .box-head .icon, section.style-3.specdeals .list .box .box-head .name, section.style-3.specdeals .list .box .box-head p {
position: relative;
z-index: 3; } section.style-3.specdeals .list .box .box-head .icon {
color: #dbb263;
font-size: 30px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; } section.style-3.specdeals .list .box .box-head .icon i {
font-style: normal; } section.style-3.specdeals .list .box .box-head .icon i:before {
content: "\f006";
font-family: "FontAwesome"; } section.style-3.specdeals .list .box .box-head .name {
font-size: 35px;
font-family: "Lovelo";
line-height: 1;
margin: 10px 0; } section.style-3.specdeals .list .box .box-head p {
font-size: 12px;
line-height: 18px;
font-weight: 900;
text-transform: uppercase; } section.style-3.specdeals .list .box .box-content {
width: 100%;
overflow: hidden; } section.style-3.specdeals .list .box .box-content p {
width: 100%;
display: block;
overflow: hidden;
color: #6e6e6e;
font-size: 14px;
padding: 15px 0;
border-top: 1px solid #e1e1e1; } section.style-3.specdeals .list .box .box-content p.image {
width: 100%;
padding-bottom: 0; } section.style-3.specdeals .list .box .box-content p.image img {
max-width: 90%;
max-height: 90%;
min-width: 90%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-3.image-1 {
overflow: hidden;
background: #803a5c url(//www.miamiheraldmedia.com/wp-content/themes/img/style-3-image-1-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; } section.style-3.image-1:hover .big-title {
letter-spacing: 5px; } section.style-3.image-1 .big-title {
width: 100%;
float: left;
text-align: center;
padding: 0 15px;
padding-top: 90px;
font-family: "LeviBrush";
font-size: 130px;
color: #fbc69a;
letter-spacing: -5px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-3.image-1 .image {
width: 100%;
text-align: center; } section.style-3.image-1 .image img {
max-width: 90%;
max-height: 400px; } section.style-3.ourteam .inner {
padding-bottom: 0; } section.style-3.ourteam .members {
background: #ebebeb;
padding: 45px 0; } section.style-3.ourteam .members .container > div {
margin-bottom: 15px;
margin-top: 15px; } section.style-3.ourteam .members .container > div .equalizer-inner {
height: 100%; } section.style-3.ourteam .members .member {
width: 100%;
height: 100%;
background: #fff;
position: relative; } section.style-3.ourteam .members .member:hover:before {
border-color: #dbb263;
-webkit-box-shadow: inset 0 0 0 4px #dbb263;
box-shadow: inset 0 0 0 4px #dbb263; } section.style-3.ourteam .members .member:before {
content: "";
position: absolute;
z-index: 1;
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
border: 2px solid #fff;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; } section.style-3.ourteam .members .member .inside {
overflow: hidden;
height: 100%;
position: relative;
z-index: 3; } section.style-3.ourteam .members .member .info {
width: 50%;
height: 100%;
padding: 30px;
padding-right: 15px;
float: left; } section.style-3.ourteam .members .member .info h3 {
font-family: "Lovelo";
font-size: 35px;
color: #dbb263;
line-height: 1;
display: block;
margin: 0; } section.style-3.ourteam .members .member .info span {
font-family: "Lovelo";
font-size: 14px;
color: #282828;
line-height: 1;
display: block;
margin-top: 25px; } section.style-3.ourteam .members .member .info p {
width: 100%;
display: block;
margin-top: 25px;
font-size: 15px;
color: #282828;
line-height: 25px; } section.style-3.ourteam .members .member .image {
width: 50%;
height: 100%;
float: left;
position: relative; } section.style-3.ourteam .members .member .image img {
float: right;
max-width: 100%;
max-height: 100%;
position: absolute;
bottom: 0;
right: 0; } section.style-3.portfolio {
overflow: hidden; } section.style-3.portfolio .inner {
padding-bottom: 0; } section.style-3.testimonials .testimonials-slick {
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
margin: auto; } section.style-3.testimonials .testimonials-slick .one {
color: #111; } section.style-3.testimonials .testimonials-slick .one .testimonial {
overflow: hidden;
padding: 30px 0; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(1) {
padding-bottom: 60px; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) {
border-top: 1px dashed #e1e1e1;
padding-top: 60px; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) .image-holder {
float: right; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) .actual-testimonial {
text-align: right; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) .actual-testimonial img.dish {
right: auto;
left: 0; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) .actual-testimonial .inside {
float: right; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) .actual-testimonial .inside:before {
left: auto;
right: -60px; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) .actual-testimonial .inside h3:after {
display: none; } section.style-3.testimonials .testimonials-slick .one .testimonial:nth-of-type(2) .actual-testimonial .inside h3:before {
display: inline-block; } section.style-3.testimonials .testimonials-slick .one .testimonial .image-holder {
width: 180px;
height: 100%;
float: left;
overflow: hidden;
padding: 5px 0;
position: relative;
z-index: 3; } section.style-3.testimonials .testimonials-slick .one .testimonial .image-holder .image {
width: 150px;
height: 150px;
display: block;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-size: cover;
background-position: center center;
position: relative; } section.style-3.testimonials .testimonials-slick .one .testimonial .image-holder .image:before {
content: "";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
-webkit-box-shadow: inset 0 0 0 1px #d9d9d9;
box-shadow: inset 0 0 0 1px #d9d9d9; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial {
width: calc(100% - 180px);
padding: 0 40px;
height: 100%;
float: left;
position: relative;
z-index: 1; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial img.dish {
position: absolute;
z-index: 1;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
max-height: 100%; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside {
max-width: 675px;
position: relative;
z-index: 3;
float: left; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside:before {
content: '\f10e';
color: #eee;
font-size: 160px;
position: absolute;
z-index: -1;
font-family: "FontAwesome";
top: -60px;
left: -60px; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside h3 {
width: 100%;
float: left;
font-family: "CardenioModern";
font-size: 45px;
line-height: 1;
text-transform: uppercase;
margin: 0; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside h3:after, section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside h3:before {
content: "";
width: 24px;
height: 27px;
position: relative;
top: -3px;
display: inline-block;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-3-testimonial-heart.png);
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside h3:before {
display: none;
margin-right: 10px; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside h3:after {
margin-left: 10px; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside p {
width: 100%;
float: left;
font-family: "Lovelo";
font-size: 25px;
line-height: 30px;
margin-top: 30px; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside span {
width: 100%;
float: left;
font-family: "Lovelo";
font-size: 14px;
line-height: 1;
margin-top: 15px; } section.style-3.testimonials .testimonials-slick-arrows {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
text-align: center;
line-height: 1;
margin-top: 60px; } section.style-3.testimonials .testimonials-slick-arrows button {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: 0;
display: inline-block !important;
margin: 0 15px;
background-position: center center;
background-repeat: no-repeat !important;
background-size: 100% 100%;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
width: 57px;
height: 57px; } section.style-3.testimonials .testimonials-slick-arrows button.slick-disabled, section.style-3.testimonials .testimonials-slick-arrows button.slick-disabled:hover {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-3.testimonials .testimonials-slick-arrows button:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-3.testimonials .testimonials-slick-arrows button:before, section.style-3.testimonials .testimonials-slick-arrows button:after {
display: none; } section.style-3.testimonials .testimonials-slick-arrows button.slick-prev {
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-3-testimonials-arrow-left.png); } section.style-3.testimonials .testimonials-slick-arrows button.slick-next {
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-3-testimonials-arrow-right.png); } section.style-3.image-2 {
overflow: hidden;
background: #393f50;
padding: 60px 0;
text-align: center; } section.style-3.image-2 img {
max-width: 100%;
max-width: 900px; }
@media screen and (max-width: 1200px) { section.style-3.best .list .box:hover .info:before {
-webkit-transform: translate(-50%, 25px);
-moz-transform: translate(-50%, 25px);
-ms-transform: translate(-50%, 25px);
-o-transform: translate(-50%, 25px);
transform: translate(-50%, 25px); } section.style-3.best .list .box:hover .image img {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.5;
filter: alpha(opacity=50); } section.style-3.best .list .box .info {
width: 100%;
height: auto !important;
padding: 15px 0;
float: left;
text-align: center; } section.style-3.best .list .box .image {
width: 100%;
height: auto !important; } section.style-3.best .list .box .image img {
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; }
}
@media screen and (max-width: 992px) { section.style-3.best .list > div:nth-of-type(2n+2) .box:before {
display: none; } section.style-3.best .list > div:nth-last-child(1) .box, section.style-3.best .list > div:nth-last-child(2) .box {
border-bottom: 1px dashed #e1e1e1; } section.style-3.best .list > div:last-child .box {
border-bottom: none; } section.style-3.best .list .box {
padding: 30px 0; } section.style-3.specdeals .list > div {
margin-bottom: 30px; } section.style-3.specdeals .list > div:last-child {
margin-bottom: 0; } section.style-3.image-1 .big-title {
font-size: 50px;
padding-top: 50px; } section.style-3.ourteam .members .container > div {
padding-top: 15px;
padding-bottom: 15px; } section.style-3.ourteam .members .container > div:first-child {
padding-top: 0; } section.style-3.ourteam .members .container > div:last-child {
padding-bottom: 0; } section.style-3.ourteam .members .container > div:nth-last-child(2) {
margin-bottom: 30px; } section.style-3.ourteam .members .member .info {
width: 100%;
height: auto; } section.style-3.ourteam .members .member .image {
display: none;
width: 100%;
height: 250px; } section.style-3.ourteam .members .member .image img {
position: static; } section.style-3.testimonials .testimonials-slick .one:nth-of-type(1) .testimonial:nth-of-type(1) {
border-top: none; } section.style-3.testimonials .testimonials-slick .one .testimonial {
border-top: 1px dashed #e1e1e1; } section.style-3.testimonials .testimonials-slick .one .testimonial .image-holder {
width: 100%;
height: auto;
float: left;
margin-bottom: 30px; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial {
width: 100% !important;
text-align: center !important;
padding-left: 0;
padding-right: 0; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .dish {
opacity: 0.3;
filter: alpha(opacity=30);
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
-o-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
display: none; } section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside:before, section.style-3.testimonials .testimonials-slick .one .testimonial .actual-testimonial .inside:after {
top: 50% !important;
left: 50% !important;
right: auto;
bottom: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } section.style-3.testimonials .testimonials-slick-arrows {
display: none; }
}
@media screen and (max-width: 768px) { section.style-3.testimonials .testimonials-slick .one:nth-of-type(1) .testimonial:nth-of-type(1) {
padding-top: 0 !important; } section.style-3.testimonials .testimonials-slick .one:last-child .testimonial:nth-of-type(2) {
padding-bottom: 0 !important; } section.style-3.testimonials .testimonials-slick .one .testimonial {
padding: 30px 0 !important; } section.style-3.testimonials .testimonials-slick .one .testimonial .inside h3 {
font-size: 30px !important; } section.style-3.testimonials .testimonials-slick .one .testimonial .inside h3:before {
display: none !important; } section.style-3.testimonials .testimonials-slick .one .testimonial .inside h3:after {
display: inline-block !important; } section.style-3.testimonials .testimonials-slick .one .testimonial .inside p {
font-size: 16px !important; } section.style-3.testimonials .testimonials-slick .one .testimonial .inside span {
font-size: 12px !important; }
}  section.style-4 {
background: #f0f0f0; } section.style-4 .inner {
padding: 70px 0; }
@media screen and (max-width: 768px) {
section.style-4 .inner {
padding-top: 60px;
padding-bottom: 30px; } } section.style-4.whitebg .title-bar:before {
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-4-title-bg-grey.png) center center no-repeat; } section.style-4 .title-bar {
color: #000;
text-align: center;
font-family: "Lovelo";
position: relative;
margin-bottom: 75px; } section.style-4 .title-bar:before {
content: "";
width: 157px;
height: 157px;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-4-title-bg.png) center center no-repeat;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } section.style-4 .title-bar span, section.style-4 .title-bar h3 {
position: relative;
z-index: 3; } section.style-4 .title-bar span {
font-size: 14px;
display: block; } section.style-4 .title-bar h3 {
font-size: 35px;
display: block;
margin: 0;
line-height: 1;
margin-top: 5px; } section.style-4.happening .happening-slick-arrows, section.style-4.gallery .gallery-slick-arrows {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
text-align: center;
line-height: 1;
margin-top: 60px; }
@media screen and (max-width: 768px) {
section.style-4.happening .happening-slick-arrows, section.style-4.gallery .gallery-slick-arrows {
margin-top: 30px !important; } } section.style-4.happening .happening-slick-arrows button, section.style-4.gallery .gallery-slick-arrows button {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: 0;
display: inline-block !important;
margin: 0 10px;
background-position: center center;
background-repeat: no-repeat !important;
background-size: 100% 100%;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
width: 45px;
height: 45px; } section.style-4.happening .happening-slick-arrows button.slick-disabled, section.style-4.happening .happening-slick-arrows button.slick-disabled:hover, section.style-4.gallery .gallery-slick-arrows button.slick-disabled, section.style-4.gallery .gallery-slick-arrows button.slick-disabled:hover {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-4.happening .happening-slick-arrows button:hover, section.style-4.gallery .gallery-slick-arrows button:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-4.happening .happening-slick-arrows button:before, section.style-4.happening .happening-slick-arrows button:after, section.style-4.gallery .gallery-slick-arrows button:before, section.style-4.gallery .gallery-slick-arrows button:after {
display: none; } section.style-4.happening .happening-slick-arrows button.slick-prev, section.style-4.gallery .gallery-slick-arrows button.slick-prev {
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-4-happening-arrow-left.png); } section.style-4.happening .happening-slick-arrows button.slick-next, section.style-4.gallery .gallery-slick-arrows button.slick-next {
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-4-happening-arrow-right.png); } section.style-4.happening .event-image .inside, section.style-4.about .image, section.style-4.about .second-row .img {
background-size: cover;
background-position: center center; } section.style-4.happening .event-image .inside .oh, section.style-4.about .image .oh, section.style-4.about .second-row .img .oh {
position: absolute;
z-index: 3;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-4.happening .event-image .inside:hover .leftright-border:before, section.style-4.happening .event-image .inside:hover .leftright-border:after, section.style-4.happening .event-image .inside:hover .topbottom-border:before, section.style-4.happening .event-image .inside:hover .topbottom-border:after, section.style-4.about .image:hover .leftright-border:before, section.style-4.about .image:hover .leftright-border:after, section.style-4.about .image:hover .topbottom-border:before, section.style-4.about .image:hover .topbottom-border:after, section.style-4.about .second-row .img:hover .leftright-border:before, section.style-4.about .second-row .img:hover .leftright-border:after, section.style-4.about .second-row .img:hover .topbottom-border:before, section.style-4.about .second-row .img:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-4.happening .event-image .inside:hover .topbottom-border:before, section.style-4.happening .event-image .inside:hover .topbottom-border:after, section.style-4.about .image:hover .topbottom-border:before, section.style-4.about .image:hover .topbottom-border:after, section.style-4.about .second-row .img:hover .topbottom-border:before, section.style-4.about .second-row .img:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-4.happening .event-image .inside:hover .links a, section.style-4.about .image:hover .links a, section.style-4.about .second-row .img:hover .links a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-4.happening .event-image .inside:hover .links a:nth-of-type(1n), section.style-4.about .image:hover .links a:nth-of-type(1n), section.style-4.about .second-row .img:hover .links a:nth-of-type(1n) {
-webkit-transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s;
-o-transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s;
transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s; } section.style-4.happening .event-image .inside:hover .links a:nth-of-type(2n), section.style-4.about .image:hover .links a:nth-of-type(2n), section.style-4.about .second-row .img:hover .links a:nth-of-type(2n) {
-webkit-transition: transform 0.45s ease-in-out 0.75s, opacity 0.45s ease-in-out 0.75s, box-shadow 0.35s, color 0.35s;
-o-transition: transform 0.45s ease-in-out 0.75s, opacity 0.45s ease-in-out 0.75s, box-shadow 0.35s, color 0.35s;
transition: transform 0.45s ease-in-out 0.75s, opacity 0.45s ease-in-out 0.75s, box-shadow 0.35s, color 0.35s; } section.style-4.happening .event-image .inside .leftright-border:before, section.style-4.happening .event-image .inside .leftright-border:after, section.style-4.happening .event-image .inside .topbottom-border:before, section.style-4.happening .event-image .inside .topbottom-border:after, section.style-4.about .image .leftright-border:before, section.style-4.about .image .leftright-border:after, section.style-4.about .image .topbottom-border:before, section.style-4.about .image .topbottom-border:after, section.style-4.about .second-row .img .leftright-border:before, section.style-4.about .second-row .img .leftright-border:after, section.style-4.about .second-row .img .topbottom-border:before, section.style-4.about .second-row .img .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
z-index: 10; } section.style-4.happening .event-image .inside .leftright-border:before, section.style-4.happening .event-image .inside .leftright-border:after, section.style-4.about .image .leftright-border:before, section.style-4.about .image .leftright-border:after, section.style-4.about .second-row .img .leftright-border:before, section.style-4.about .second-row .img .leftright-border:after {
content: "";
width: 2px;
height: calc(100% - 30px);
position: absolute;
top: 15px;
bottom: 15px;
background: #fff; } section.style-4.happening .event-image .inside .leftright-border:before, section.style-4.about .image .leftright-border:before, section.style-4.about .second-row .img .leftright-border:before {
left: 15px;
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-4.happening .event-image .inside .leftright-border:after, section.style-4.about .image .leftright-border:after, section.style-4.about .second-row .img .leftright-border:after {
right: 15px;
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-4.happening .event-image .inside .topbottom-border:before, section.style-4.happening .event-image .inside .topbottom-border:after, section.style-4.about .image .topbottom-border:before, section.style-4.about .image .topbottom-border:after, section.style-4.about .second-row .img .topbottom-border:before, section.style-4.about .second-row .img .topbottom-border:after {
content: "";
width: calc(100% - 30px);
height: 2px;
position: absolute;
left: 15px;
right: 15px;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-4.happening .event-image .inside .topbottom-border:before, section.style-4.about .image .topbottom-border:before, section.style-4.about .second-row .img .topbottom-border:before {
top: 15px;
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-4.happening .event-image .inside .topbottom-border:after, section.style-4.about .image .topbottom-border:after, section.style-4.about .second-row .img .topbottom-border:after {
bottom: 15px;
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-4.happening .event-image .inside .links, section.style-4.about .image .links, section.style-4.about .second-row .img .links {
text-align: center;
position: absolute;
z-index: 5;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-4.happening .event-image .inside .links a, section.style-4.about .image .links a, section.style-4.about .second-row .img .links a {
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
margin: 0 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
font-size: 17px;
color: #fff; } section.style-4.happening .event-image .inside .links a:hover, section.style-4.about .image .links a:hover, section.style-4.about .second-row .img .links a:hover {
-webkit-box-shadow: inset 0 0 0 30px #fff;
box-shadow: inset 0 0 0 30px #fff;
color: #111; } section.style-4.happening .event-image .inside .hover, section.style-4.about .image .hover, section.style-4.about .second-row .img .hover {
position: relative;
z-index: 3;
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: center center; } section.style-4.happening .event-image .inside .hover:before, section.style-4.about .image .hover:before, section.style-4.about .second-row .img .hover:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-4.happening .event-image .inside .hover:hover:before, section.style-4.about .image .hover:hover:before, section.style-4.about .second-row .img .hover:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-4.happening .list .happening-slick .slick-track {
padding: 15px 0; } section.style-4.happening .list .happening-slick .one {
width: 50%;
height: 640px;
position: relative; } section.style-4.happening .list .happening-slick .one .cpad {
width: 50%;
padding: 0 15px;
float: left;
position: absolute; } section.style-4.happening .list .happening-slick .one .cpad .inside {
width: 100%;
height: 100%; } section.style-4.happening .list .happening-slick .one .cpad.event-info {
height: 410px;
top: 0;
left: 0; } section.style-4.happening .list .happening-slick .one .cpad.event-quote {
height: 145px;
top: 0;
right: 0; } section.style-4.happening .list .happening-slick .one .cpad.event-post {
height: 495px;
bottom: 0;
right: 0; } section.style-4.happening .list .happening-slick .one .cpad.event-image {
height: 200px;
bottom: 0;
left: 0; } section.style-4.happening .list .happening-slick .one:nth-child(2n+2) .cpad {
top: auto;
right: auto;
bottom: auto;
left: auto; } section.style-4.happening .list .happening-slick .one:nth-child(2n+2) .cpad.event-info {
top: 0 !important;
right: 0 !important; } section.style-4.happening .list .happening-slick .one:nth-child(2n+2) .cpad.event-quote {
bottom: 0 !important;
left: 0 !important; } section.style-4.happening .list .happening-slick .one:nth-child(2n+2) .cpad.event-post {
top: 0 !important;
left: 0 !important; } section.style-4.happening .list .happening-slick .one:nth-child(2n+2) .cpad.event-image {
bottom: 0 !important;
right: 0 !important; } section.style-4.happening .list .happening-slick .one .event-info .inside, section.style-4.happening .list .happening-slick .one .event-post .inside, section.style-4.happening .list .happening-slick .one .event-image .inside {
position: relative; } section.style-4.happening .list .happening-slick .one .event-info .inside:before, section.style-4.happening .list .happening-slick .one .event-post .inside:before, section.style-4.happening .list .happening-slick .one .event-image .inside:before {
content: "";
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 3px solid #fff; } section.style-4.happening .list .happening-slick .one .event-info .inside {
background-size: cover;
background-position: center center;
position: relative; } section.style-4.happening .list .happening-slick .one .event-info .inside:after {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.75); } section.style-4.happening .list .happening-slick .one .event-info .inside .icon, section.style-4.happening .list .happening-slick .one .event-info .inside .content {
z-index: 3; } section.style-4.happening .list .happening-slick .one .event-info .inside .icon {
position: absolute;
top: 15px;
right: 15px;
font-size: 14px;
color: #fff; } section.style-4.happening .list .happening-slick .one .event-info .inside .content {
width: 100%;
padding: 0 15px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
color: #fff;
font-family: "Lovelo"; } section.style-4.happening .list .happening-slick .one .event-info .inside .content:before, section.style-4.happening .list .happening-slick .one .event-info .inside .content:after {
content: "";
width: 35px;
height: 5px;
background: #fff;
display: inline-block;
margin: 25px 0; } section.style-4.happening .list .happening-slick .one .event-info .inside .content span {
display: block;
font-size: 14px;
margin-bottom: 7px; } section.style-4.happening .list .happening-slick .one .event-info .inside .content h3 {
display: block;
font-size: 35px;
line-height: 1;
margin: 0; } section.style-4.happening .list .happening-slick .one .event-quote .inside {
position: absolute;
top: 0;
right: 0; } section.style-4.happening .list .happening-slick .one .event-quote .inside .content {
width: 100%;
padding: 0 15px;
position: absolute;
top: 50%;
left: 0;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "Lovelo"; } section.style-4.happening .list .happening-slick .one .event-quote .inside .content:after {
content: "";
width: 35px;
height: 5px;
background: #000;
display: inline-block;
margin-top: 20px; } section.style-4.happening .list .happening-slick .one .event-quote .inside .content span {
font-size: 14px;
display: block;
margin-bottom: 5px; } section.style-4.happening .list .happening-slick .one .event-quote .inside .content h3 {
margin: 0;
font-size: 35px;
display: block; } section.style-4.happening .list .happening-slick .one .event-post .inside {
background: #fff; } section.style-4.happening .list .happening-slick .one .event-post .inside .image, section.style-4.happening .list .happening-slick .one .event-post .inside .content {
position: relative;
z-index: 3; } section.style-4.happening .list .happening-slick .one .event-post .inside .image {
width: 100%;
height: 200px;
background-size: cover;
background-position: center center; } section.style-4.happening .list .happening-slick .one .event-post .inside .image a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-4.happening .list .happening-slick .one .event-post .inside .image a:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-4.happening .list .happening-slick .one .event-post .inside .image a:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-4.happening .list .happening-slick .one .event-post .inside .image .cut {
position: absolute;
bottom: -1px;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #fff transparent; } section.style-4.happening .list .happening-slick .one .event-post .inside .content {
overflow: hidden;
padding: 0 15px; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .name {
width: 100%;
float: left;
overflow: hidden; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .name a {
float: left;
padding: 5px 0;
font-family: "Lovelo";
font-size: 14px;
color: #000; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .name a:hover {
color: #ec2c55; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .info {
width: 100%;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding: 10px 0;
margin: 5px 0;
float: left;
font-size: 13px;
color: #797979; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .info .left i {
padding-right: 5px; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .info .right i {
padding-left: 5px; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .text {
width: 100%;
float: left;
overflow: hidden;
padding: 5px 0; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .text p {
padding: 10px 0;
color: #797979;
font-size: 13px; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .author-info {
width: 100%;
float: left;
overflow: hidden;
font-size: 13px;
padding-bottom: 15px;
color: #797979; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .author-info a {
color: #797979; } section.style-4.happening .list .happening-slick .one .event-post .inside .content .author-info a:hover {
color: #ec2c55; } section.style-4.happening .list .happening-slick .one .event-image .inside {
background-size: cover;
background-position: center center; } section.style-4.about {
padding: 60px 0;
background: #2c313e; } section.style-4.about .container {
position: relative; } section.style-4.about .about-image {
width: 50%;
position: absolute;
z-index: 1;
left: 0;
top: -60px;
bottom: -60px; } section.style-4.about .about-image img {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0; } section.style-4.about .box {
background: #fff;
color: #000;
position: relative; } section.style-4.about .box:before {
content: "";
position: absolute;
z-index: 1;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 2px solid #fff; } section.style-4.about .box .inside {
position: relative;
z-index: 3;
overflow: hidden; } section.style-4.about .box .inside .first-row {
margin-left: 0;
margin-right: 0; } section.style-4.about .box .inside .first-row > div {
padding: 0; } section.style-4.about .box .inside .first-row .equalizer-inner {
height: 100%; } section.style-4.about .box .inside .first-row .about-text .inside {
padding: 30px; } section.style-4.about .box .inside .first-row h3 {
margin: 0;
font-family: "Lovelo";
font-size: 27px;
line-height: 1;
display: block;
margin-bottom: 15px; } section.style-4.about .box .inside .first-row span {
font-family: "Lovelo";
font-size: 11px;
line-height: 1;
display: block; } section.style-4.about .box .inside .first-row p {
font-size: 14px;
color: #282828;
line-height: 24px;
margin: 0;
margin-top: 15px;
font-family: "Open Sans", sans-serif; } section.style-4.about .box .inside .first-row .image {
height: 100%;
position: relative; } section.style-4.about .box .inside .first-row .image:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-4.about .box .inside .first-row .image:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-4.about .box .inside .second-row {
margin-left: 0;
margin-right: 0; } section.style-4.about .box .inside .second-row > div {
padding: 0; } section.style-4.about .box .inside .second-row .img {
height: 100%;
position: relative; } section.style-4.gallery .gallery-wrapper {
position: relative;
margin-left: 0;
margin-right: 0; } section.style-4.gallery .gallery-wrapper .gallery-slick {
overflow: initial !important; } section.style-4.gallery .gallery-wrapper .gallery-slick:before {
content: "";
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 3px solid #fff; } section.style-4.gallery .gallery-wrapper .gallery-slick {
overflow: hidden; } section.style-4.music {
background: #fff; } section.style-4.music .list > div {
margin-bottom: 30px; } section.style-4.music .list > div:nth-last-child(1), section.style-4.music .list > div:nth-last-child(2) {
margin-bottom: 0; } section.style-4.music .buttons {
width: 100%;
overflow: hidden;
text-align: center;
margin-top: 60px; } section.style-4.music .buttons .big-button {
display: inline-block;
padding: 20px 20px;
-webkit-box-shadow: inset 0 0 0 3px #cccccc;
box-shadow: inset 0 0 0 3px #cccccc;
font-size: 14px;
font-family: "Lovelo";
color: #666; } section.style-4.music .buttons .big-button:hover {
background: #ccc;
color: #fff; } section.style-4.big-contact {
background-color: #393f50;
background-size: cover;
background-position: center center; } section.style-4.big-contact .title-bar {
color: #fff; } section.style-4.big-contact .title-bar:before {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-4.big-contact .contact-info {
width: 100%;
overflow: hidden;
float: left;
margin: 0;
margin-top: 30px; } section.style-4.big-contact .contact-info > div {
overflow: hidden; } section.style-4.big-contact .contact-info > div:nth-of-type(1) {
border-right: 1px dashed rgba(255, 255, 255, 0.5);
padding-right: 80px; } section.style-4.big-contact .contact-info > div:nth-of-type(2) {
padding-left: 80px; } section.style-4.big-contact .contact-info form {
width: 100%;
float: left; } section.style-4.big-contact .contact-info form label {
width: 100%;
margin-bottom: 15px; } section.style-4.big-contact .contact-info form label:last-child {
margin-bottom: 0; } section.style-4.big-contact .contact-info form label .name {
width: 100%;
float: left;
font-size: 14px;
font-family: "Lovelo";
color: #fff;
margin-bottom: 7px; } section.style-4.big-contact .contact-info form label .input {
width: 100%;
float: left;
position: relative; } section.style-4.big-contact .contact-info form label .input i.fa {
position: absolute;
top: 0;
left: 15px;
color: #fff;
font-size: 16px;
height: 45px;
line-height: 45px; } section.style-4.big-contact .contact-info form label .input input, section.style-4.big-contact .contact-info form label .input textarea {
width: 100%;
height: 45px;
border: none;
background: none;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
-webkit-appearance: none;
padding-left: 40px;
padding-right: 15px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 13px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-4.big-contact .contact-info form label .input input:focus, section.style-4.big-contact .contact-info form label .input textarea:focus {
outline: none;
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); } section.style-4.big-contact .contact-info form label .input textarea {
height: 125px;
resize: none;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px; } section.style-4.big-contact .contact-info form label .input input[type="submit"] {
float: left;
width: auto;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
z-index: 3;
padding: 0 30px;
font-size: 16px;
font-family: "Lovelo";
margin-right: -15px; } section.style-4.big-contact .contact-info form label .input input[type="submit"]:hover {
padding-right: 40px;
opacity: 0.5;
filter: alpha(opacity=50); } section.style-4.big-contact .contact-info form label.submit .input {
width: auto;
float: right;
line-height: 40px; } section.style-4.big-contact .contact-info form label.submit .input:after {
position: relative;
z-index: 1;
width: 15px;
float: right;
content: "\f105";
font-family: "FontAwesome";
color: #fff;
font-size: 30px; } section.style-4.big-contact .contact-info .contact-more-info {
width: 100%;
float: left; } section.style-4.big-contact .contact-info .contact-more-info > div {
margin-bottom: 30px;
overflow: hidden; } section.style-4.big-contact .contact-info .contact-more-info > div:last-of-type(1), section.style-4.big-contact .contact-info .contact-more-info > div:last-of-type(2) {
margin-bottom: 0; } section.style-4.big-contact .contact-info .contact-more-info .box .name {
font-size: 14px;
font-family: "Lovelo";
color: #fff;
padding-left: 40px; } section.style-4.big-contact .contact-info .contact-more-info .box .list {
margin-top: 20px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #fff; } section.style-4.big-contact .contact-info .contact-more-info .box .list a {
color: #fff; } section.style-4.big-contact .contact-info .contact-more-info .box .list a:hover {
opacity: 0.6;
filter: alpha(opacity=60); } section.style-4.big-contact .contact-info .contact-more-info .box .list p {
width: 100%;
float: left;
padding-left: 40px; } section.style-4.big-contact .contact-info .contact-more-info .box .list p .icon {
width: 40px;
margin-left: -40px;
float: left;
text-align: left; } section.style-4.big-contact .contact-info .contact-more-info .box .list p .icon i {
font-size: 14px; }
@media screen and (max-width: 992px) { section.style-4.about .about-image {
display: none; } section.style-4.about .first-row .about-img {
height: 175px !important;
display: block; } section.style-4.music .list > div:nth-last-child(2) {
margin-bottom: 30px; } section.style-4.big-contact .contact-info > div:nth-of-type(1) {
padding-right: 0;
border: none; } section.style-4.big-contact .contact-info > div:nth-of-type(2) {
padding-left: 0; } section.style-4.big-contact .contact-info .contact-more-info > div {
margin-bottom: 30px; } section.style-4.big-contact .contact-info .contact-more-info > div:last-child {
margin-bottom: 0; }
}
@media screen and (max-width: 640px) { section.style-4.happening .list .happening-slick .one {
height: auto; } section.style-4.happening .list .happening-slick .one .cpad {
width: 100%;
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
margin-bottom: 30px; } section.style-4.happening .list .happening-slick .one .cpad:last-child {
margin-bottom: 0; } section.style-4.happening .list .happening-slick .one .cpad.event-info {
height: 200px; } section.style-4.happening .list .happening-slick .one .cpad.event-quote {
height: auto; } section.style-4.happening .list .happening-slick .one .cpad.event-quote .inside, section.style-4.happening .list .happening-slick .one .cpad.event-quote .content {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-4.happening .list .happening-slick .one .cpad.event-post {
height: auto; } section.style-4.happening .list .happening-slick .one .cpad.event-image {
height: 200px; }
}  section.style-5 .inner {
padding: 60px 0; }
@media screen and (max-width: 768px) {
section.style-5 .inner {
padding: 30px 0 !important; } } section.style-5 .title-bar {
width: 100%;
text-align: center;
font-family: "Lovelo";
color: #000;
margin-bottom: 60px; } section.style-5 .title-bar h3, section.style-5 .title-bar span {
margin: 0; } section.style-5 .title-bar span {
display: block;
font-size: 14px;
margin-bottom: 10px; } section.style-5 .title-bar h3 {
font-size: 32px; } section.style-5 .title-bar h3:after {
content: "";
width: 30px;
height: 4px;
background: #000;
display: block;
margin: auto;
margin-top: 25px; } section.style-5 p.desc {
text-align: center;
color: #282828;
font-size: 13px;
line-height: 25px;
font-family: "Open Sans", sans-serif; } section.style-5.news .inner {
padding: 0;
padding-top: 30px; } section.style-5.news .list > div {
margin-bottom: 30px;
overflow: hidden; } section.style-5.news .list > div:nth-last-of-type(1), section.style-5.news .list > div:nth-last-of-type(2) {
margin-bottom: 0px; } section.style-5.news .list .box {
width: 100%;
height: 225px;
background-size: cover;
background-position: center center;
position: relative; } section.style-5.news .list .box a {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
padding: 15px;
overflow: hidden;
display: inline-block;
height: 100%;
width: 100%; } section.style-5.news .list .box a:hover {
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3); } section.style-5.news .list .box a:hover .main-info {
top: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-5.news .list .box a:hover .main-info:after {
width: auto;
max-width: 70px;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; } section.style-5.news .list .box a:hover .content {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-5.news .list .box a .main-info {
width: 100%;
float: left;
text-align: center;
padding-top: 15px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-5.news .list .box a .main-info:after {
content: "";
display: block;
margin-left: auto;
margin-right: auto;
width: 20px;
max-width: 20px;
margin-top: 15px;
height: 2px;
background: #fff;
-webkit-transition: max-width 0.25s;
-o-transition: max-width 0.25s;
transition: max-width 0.25s;
margin-bottom: 15px; } section.style-5.news .list .box a .main-info .name {
color: #fff;
font-family: "Lovelo";
font-size: 16px; } section.style-5.news .list .box a .main-info .date {
margin-top: 5px;
display: block;
color: #fff;
font-size: 12px;
opacity: 0.45;
filter: alpha(opacity=45); } section.style-5.news .list .box a .content {
width: 100%;
float: left;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
text-align: center;
color: #fff; } section.style-5.news .list .box a .content p {
font-size: 14px;
color: rgba(255, 255, 255, 0.8); } section.style-5.news .row > div .equalizer-inner {
height: 100%; } section.style-5.news .row.more {
height: 40px;
overflow: hidden; } section.style-5.news .row.more > div {
height: 100% !important; } section.style-5.news .get-more {
width: 100%;
float: left;
overflow: hidden;
height: 40px;
line-height: 40px;
position: relative; } section.style-5.news .get-more:before {
content: "";
width: 100%;
height: 1px;
position: absolute;
z-index: 1;
top: 50%;
left: 0;
background: #ddd; } section.style-5.news .get-more a {
float: right;
background: #fff;
position: relative;
z-index: 3;
font-family: "Georgia";
font-weight: 600;
color: #555555;
padding-left: 15px; } section.style-5.news .get-more a:hover {
color: #830005; } section.style-5.news .get-more a i {
padding-right: 5px; } section.style-5.news .quote {
background: #a90208;
height: 100%;
min-height: 300px;
position: relative; }
@media screen and (max-width: 992px) {
section.style-5.news .quote {
min-height: 1px;
overflow: hidden; } } section.style-5.news .quote:before {
content: "";
position: absolute;
z-index: 3;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 2px solid #fff; } section.style-5.news .quote .top, section.style-5.news .quote .bottom {
position: relative;
z-index: 1; } section.style-5.news .quote .top {
height: 50%; }
@media screen and (max-width: 992px) {
section.style-5.news .quote .top {
height: 150px; } } section.style-5.news .quote .top img {
max-width: 100%;
max-height: 100%;
position: absolute;
bottom: 0;
left: 0; } section.style-5.news .quote .top .info {
position: absolute;
top: 30px;
right: 30px;
color: #fff;
font-family: "Lovelo";
text-align: right; } section.style-5.news .quote .top .info .name {
font-size: 14px;
display: block; } section.style-5.news .quote .top .info .position {
display: block;
font-size: 12px; } section.style-5.news .quote .top .cut, section.style-5.news .quote .top .cut2 {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent; } section.style-5.news .quote .top .cut {
z-index: 2;
border-color: transparent transparent #a90208 transparent; } section.style-5.news .quote .top .cut2 {
z-index: 3; } section.style-5.news .quote .bottom {
height: 50%;
background: rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 992px) {
section.style-5.news .quote .bottom {
height: auto; } section.style-5.news .quote .bottom p {
position: relative !important;
top: auto !important;
padding: 30px 50px !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important; } } section.style-5.news .quote .bottom:before {
content: "\f10e";
font-family: "FontAwesome";
color: rgba(255, 255, 255, 0.075);
font-size: 160px;
line-height: 1;
position: absolute;
top: 15px;
left: 30px; } section.style-5.news .quote .bottom p {
width: 100%;
padding: 0 50px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 17px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-style: italic; } section.style-5.whatwedo .list {
margin-top: 30px; } section.style-5.whatwedo .list > div {
padding-top: 15px;
padding-bottom: 15px; } section.style-5.whatwedo .list > div .equalizer-inner {
height: 100%; } section.style-5.whatwedo .list .box {
height: 100%;
-webkit-box-shadow: inset 0 0 0 3px #ebebeb;
box-shadow: inset 0 0 0 3px #ebebeb;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
padding: 60px 15px;
position: relative; } section.style-5.whatwedo .list .box .inside {
overflow: hidden;
height: 100%;
position: relative; } section.style-5.whatwedo .list .box:hover {
-webkit-box-shadow: inset 0 0 0 3px #830005;
box-shadow: inset 0 0 0 3px #830005; } section.style-5.whatwedo .list .box:hover .main.absolute {
position: absolute;
top: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-5.whatwedo .list .box:hover .main.absolute .text {
opacity: 1;
filter: alpha(opacity=100); } section.style-5.whatwedo .list .box:hover .main .icon, section.style-5.whatwedo .list .box:hover .main .name {
color: #830005; } section.style-5.whatwedo .list .box:hover .main .name:before {
background: #830005; } section.style-5.whatwedo .list .box .main {
width: 100%;
text-align: center;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-5.whatwedo .list .box .main.absolute {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-5.whatwedo .list .box .main.absolute .text {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
left: 0;
bottom: -15px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); } section.style-5.whatwedo .list .box .main .icon {
display: block;
font-size: 100px;
color: #222;
line-height: 1; } section.style-5.whatwedo .list .box .main .name {
display: block;
font-size: 20px;
font-family: "Lovelo";
color: #222; } section.style-5.whatwedo .list .box .main .name:before {
content: "";
width: 50px;
height: 3px;
background: #222;
display: block;
margin: 15px auto; } section.style-5.whatwedo .list .box .text {
width: 100%;
text-align: center;
margin-top: 30px;
font-size: 13px;
color: #333;
line-height: 24px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-5.parallax {
background-size: cover;
background-position: center center;
position: relative; } section.style-5.parallax:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.1); } section.style-5.parallax .inner {
width: 100%;
padding: 170px 30px;
overflow: hidden;
text-align: center;
position: relative;
z-index: 3; } section.style-5.parallax .text {
font-size: 67px;
line-height: 1;
font-family: "Lovelo";
padding: 30px;
border: 5px solid #fff;
display: inline-block;
color: #fff;
margin: auto; } section.style-5.parallax .text:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(//www.miamiheraldmedia.com/wp-content/themes/img/parallax-1-line.png) center center no-repeat; } section.style-5.products .inner {
padding-top: 45px;
padding-bottom: 45px; } section.style-5.products .list .box {
overflow: hidden;
padding-top: 15px;
padding-bottom: 15px; } section.style-5.products .list .box .icon, section.style-5.products .list .box .content .name, section.style-5.products .list .box .content p {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-5.products .list .box .icon {
width: 60px;
height: 100%;
float: left;
font-size: 50px;
color: #282828;
line-height: 55px;
text-align: center; } section.style-5.products .list .box .content {
width: calc(100% - 60px);
float: left;
padding-left: 10px; } section.style-5.products .list .box .content .name {
font-size: 20px;
font-family: "Lovelo";
color: #282828;
display: block;
margin-bottom: 5px; } section.style-5.products .list .box .content p {
font-size: 13px;
color: #282828;
display: block; } section.style-5.products .list .box:hover .icon {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); } section.style-5.products .list .box:hover .icon, section.style-5.products .list .box:hover .content .name, section.style-5.products .list .box:hover .content p {
color: #830005; } section.style-5.our-team .members {
margin-left: 0;
margin-right: 0; } section.style-5.our-team .members > .row .member {
margin-bottom: 30px; } section.style-5.our-team .members > .row:last-child .member {
margin-bottom: 0; } section.style-5.our-team .members > .row:nth-of-type(2n+2) .member {
float: right; } section.style-5.our-team .members .member {
width: 65%;
background: #fff; } section.style-5.our-team .members .member:hover .text .social a {
margin-right: 5px; } section.style-5.our-team .members .member .image {
width: 220px;
height: 100%;
min-height: 240px;
float: left;
text-align: center;
position: relative; } section.style-5.our-team .members .member .image .bg-image {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } section.style-5.our-team .members .member .image a {
width: 180px;
height: 180px;
display: inline-block;
background-size: cover;
background-position: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin: auto;
cursor: default;
position: relative; } section.style-5.our-team .members .member .image a:before {
content: "";
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff; } section.style-5.our-team .members .member .text {
width: calc(100% - 220px);
height: 100%;
float: right;
color: #000; } section.style-5.our-team .members .member .text .name {
width: 100%;
float: left;
font-size: 27px;
line-height: 30px;
font-family: "Lovelo"; } section.style-5.our-team .members .member .text .position {
width: 100%;
float: left;
font-size: 11px;
font-family: "Lovelo";
margin-top: 10px; } section.style-5.our-team .members .member .text p {
width: 100%;
float: left;
margin-top: 20px;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 24px;
color: #282828; } section.style-5.our-team .members .member .text .social {
width: 100%;
float: left;
margin-top: 20px; } section.style-5.our-team .members .member .text .social a {
width: 23px;
height: 23px;
text-align: center;
line-height: 23px;
font-size: 13px;
display: inline-block;
background: #c3c3c3;
color: #fff !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } section.style-5.our-team .members .member .text .social a:hover {
background: #ec2c55;
color: #fff !important; } section.style-5.portfolio .inner {
padding: 0; } section.style-5.portfolio .portfolio-gallery .image:before {
background: rgba(0, 117, 162, 0.85); }
@media screen and (max-width: 992px) { section.style-5.news .list > div:nth-last-of-type(2) {
margin-bottom: 30px; } section.style-5.whatwedo .list > div {
margin-bottom: 30px; } section.style-5.whatwedo .list > div:last-child {
margin-bottom: 0; } section.style-5.whatwedo .list > div .box .main {
width: 100%;
text-align: center;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-5.whatwedo .list > div .box:hover .main, section.style-5.whatwedo .list > div .box:hover .main .text, section.style-5.whatwedo .list > div .box .main, section.style-5.whatwedo .list > div .box .text {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
opacity: 1 !important; } section.style-5.whatwedo .list > div .box:hover .main, section.style-5.whatwedo .list > div .box:hover .main.absolute, section.style-5.whatwedo .list > div .box:hover .main .text, section.style-5.whatwedo .list > div .box:hover .main .text.absolute, section.style-5.whatwedo .list > div .box .main, section.style-5.whatwedo .list > div .box .main.absolute, section.style-5.whatwedo .list > div .box .text, section.style-5.whatwedo .list > div .box .text.absolute {
position: static;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-5.products .list .box {
margin-bottom: 30px; } section.style-5.products .list .box:last-child {
margin-bottom: 0 !important; } section.style-5.our-team .members .member {
width: 100%;
float: left; }
}
@media screen and (max-width: 768px) { section.style-5.parallax .text {
font-size: 35px; }
}
@media screen and (max-width: 640px) { section.style-5.our-team .members > .row .member {
margin-bottom: 60px; } section.style-5.our-team .members > .row:last-child .member {
margin-bottom: 0; } section.style-5.our-team .members .member .image {
width: 100%; } section.style-5.our-team .members .member .text {
width: 100%;
text-align: center; }
}  section.style-6 .title-bar {
width: 100%;
text-align: center;
font-family: "Lovelo";
color: #101010;
position: relative;
margin-bottom: 70px; } section.style-6 .title-bar h3 {
position: relative;
z-index: 2;
font-size: 40px; } section.style-6 .title-bar h3:before {
content: "\f006";
font-family: "FontAwesome";
position: absolute;
top: -40px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 25px; } section.style-6 .title-bar h3 span {
position: relative; } section.style-6 .title-bar h3 span:before, section.style-6 .title-bar h3 span:after {
content: "";
width: 150px;
height: 2px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-6 .title-bar h3 span:before {
left: -170px;
background-image: -webkit-linear-gradient(left, rgba(16, 16, 16, 0) 0%, #101010 50%);
background-image: linear-gradient(to right, rgba(16, 16, 16, 0) 0%, #101010 50%); } section.style-6 .title-bar h3 span:after {
right: -170px;
background-image: -webkit-linear-gradient(left, #101010 50%, rgba(16, 16, 16, 0) 100%);
background-image: linear-gradient(to right, #101010 50%, rgba(16, 16, 16, 0) 100%); } section.style-6.biglist .row {
margin-left: 0;
margin-right: 0; } section.style-6.biglist .row > div .equalizer-inner {
height: 100%; } section.style-6.biglist .products {
background: #412117;
text-align: center; } section.style-6.biglist .products .inside {
padding: 30px; } section.style-6.biglist .products .box-title {
font-family: "Lovelo";
font-size: 30px;
color: #fff;
display: block;
margin-bottom: 30px; } section.style-6.biglist .products .list {
counter-reset: subsection; } section.style-6.biglist .products .list .product {
width: 100%;
margin-bottom: 30px; } section.style-6.biglist .products .list .product:hover .image img {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px); } section.style-6.biglist .products .list .product .image {
padding: 15px 0;
position: relative; } section.style-6.biglist .products .list .product .image:before {
counter-increment: subsection;
content: "0" counter(subsection);
font-size: 200px;
line-height: 135px;
color: rgba(255, 255, 255, 0.15);
font-family: "Bebas";
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1; } section.style-6.biglist .products .list .product .image img {
max-width: 100%;
position: relative;
z-index: 3;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-6.biglist .products .list .product .name {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
position: relative;
padding-top: 15px; } section.style-6.biglist .products .list .product .name span {
position: relative;
display: inline-block; } section.style-6.biglist .products .list .product .name span span {
width: 19px;
height: 19px;
text-align: center;
line-height: 19px;
color: #333;
font-size: 10px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
position: absolute;
top: -15px;
left: -15px; } section.style-6.biglist .best-product {
background: #222 url(//www.miamiheraldmedia.com/wp-content/themes/img/coffe-best-product-bg.png);
text-align: center;
position: relative; } section.style-6.biglist .best-product .valign {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 30px 60px;
width: 100%; } section.style-6.biglist .best-product:hover .image img {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px); } section.style-6.biglist .best-product:hover .content {
-webkit-transform: translateY(15px);
-moz-transform: translateY(15px);
-ms-transform: translateY(15px);
-o-transform: translateY(15px);
transform: translateY(15px); } section.style-6.biglist .best-product .image {
margin-bottom: 30px; } section.style-6.biglist .best-product .image img {
max-width: 100%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-6.biglist .best-product .content {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-6.biglist .best-product .content .name {
font-size: 50px;
line-height: 50px;
font-family: "Lovelo";
color: #fff;
display: block; } section.style-6.biglist .best-product .content span {
display: block;
font-size: 15px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
margin-top: 15px; } section.style-6.biglist .best-product .content p {
color: #fff;
font-size: 14px;
font-weight: 600;
margin-top: 30px;
display: block; } section.style-6.biglist .images {
padding: 0; } section.style-6.biglist .images .row {
height: 100%;
margin-left: 0;
margin-right: 0; } section.style-6.biglist .images .image-big, section.style-6.biglist .images .image-smaller {
background-size: cover;
background-position: center center; } section.style-6.biglist .images .image-big {
width: 100%;
height: 70%; } section.style-6.biglist .images .image-smaller {
width: 65%;
height: 30%;
float: left; } section.style-6.biglist .images .image-text {
width: 35%;
height: 30%;
float: left;
background: #000;
overflow: hidden;
position: relative; } section.style-6.biglist .images .image-text:before {
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff; } section.style-6.biglist .images .image-text .inside {
width: 100%;
padding: 40px 60px;
position: relative;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center; } section.style-6.biglist .images .image-text .inside .icon {
display: block;
font-size: 55px;
line-height: 1;
color: #fff;
margin-bottom: 15px; } section.style-6.biglist .images .image-text .inside .name {
display: block;
font-weight: 900;
color: #fff;
font-size: 22px;
line-height: 24px;
text-transform: uppercase; } section.style-6.about {
background: #c9bb9d url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/coffe-about-bg.png);
background-size: cover;
background-position: center center; } section.style-6.about:hover .img img {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg); } section.style-6.about .inner {
padding: 60px 0; } section.style-6.about .img img {
max-width: 100%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-6.about .text {
padding-left: 30px; } section.style-6.about .text h3 {
font-family: "CardenioModern";
font-size: 45px;
line-height: 1;
color: #111;
text-transform: uppercase;
display: block;
margin-bottom: 15px; } section.style-6.about .text h5 {
font-family: "Lovelo";
font-size: 25px;
color: #111;
display: block; } section.style-6.about .text .content {
display: block;
margin-top: 30px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px; } section.style-6.about .text .content p {
font-size: 16px;
color: #111;
line-height: 26px;
padding-right: 30px; } section.style-6.about .single-testimonial {
margin-top: 60px; } section.style-6.about .single-testimonial .testimonial {
overflow: hidden;
padding: 30px 0; } section.style-6.about .single-testimonial .testimonial .image-holder {
width: 180px;
height: 100%;
float: right;
overflow: hidden;
padding: 5px 0;
position: relative;
z-index: 3; } section.style-6.about .single-testimonial .testimonial .image-holder .image {
width: 150px;
height: 150px;
display: block;
margin: auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-size: cover;
background-position: center center;
position: relative; } section.style-6.about .single-testimonial .testimonial .image-holder .image:before {
content: "";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
-webkit-box-shadow: inset 0 0 0 1px #000;
box-shadow: inset 0 0 0 1px #000; } section.style-6.about .single-testimonial .testimonial .actual-testimonial {
width: calc(100% - 180px);
padding: 0 40px;
height: 100%;
float: left;
position: relative;
z-index: 1; } section.style-6.about .single-testimonial .testimonial .actual-testimonial img.dish {
display: none;
position: absolute;
z-index: 1;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
max-height: 100%; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside {
max-width: 675px;
position: relative;
z-index: 3;
float: left;
text-align: right; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside:before {
content: '\f10e';
color: rgba(0, 0, 0, 0.1);
font-size: 160px;
position: absolute;
z-index: -1;
font-family: "FontAwesome";
top: -60px;
right: -60px; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside h3 {
width: 100%;
float: left;
font-family: "CardenioModern";
font-size: 45px;
line-height: 1;
text-transform: uppercase;
margin: 0; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside h3:after, section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside h3:before {
content: "";
width: 24px;
height: 27px;
position: relative;
top: -3px;
display: inline-block;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-3-testimonial-heart.png);
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside h3:before {
display: none;
margin-right: 10px; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside h3:after {
margin-left: 10px; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside p {
width: 100%;
float: left;
font-family: "Lovelo";
font-size: 25px;
line-height: 30px;
margin-top: 30px; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside span {
width: 100%;
float: left;
font-family: "Lovelo";
font-size: 14px;
line-height: 1;
margin-top: 15px; }
@media screen and (max-width: 1200px) { section.style-6.biglist .images .image-text .inside {
padding: 20px 30px; }
}
@media screen and (max-width: 992px) { section.style-6.biglist .best-product .valign {
position: static;
top: auto;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding: 60px 30px; } section.style-6.biglist .images .image-big {
height: 300px; } section.style-6.biglist .images .image-smaller {
width: 100%;
height: 150px; } section.style-6.biglist .images .image-text {
width: 100%;
height: auto; } section.style-6.biglist .images .image-text .inside {
padding: 30px 30px;
top: auto;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-6.about .img {
text-align: center;
margin-bottom: 60px; } section.style-6.about .single-testimonial .testimonial .image-holder {
width: 100%;
height: auto;
float: left;
margin-bottom: 30px;
text-align: center; } section.style-6.about .single-testimonial .testimonial .actual-testimonial {
width: 100% !important;
padding-left: 0;
padding-right: 0; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside {
text-align: center !important; } section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside:before, section.style-6.about .single-testimonial .testimonial .actual-testimonial .inside:after {
top: 50% !important;
left: 50% !important;
right: auto;
bottom: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
}
@media screen and (max-width: 640px) { section.style-6 .title-bar h3 span:before, section.style-6 .title-bar h3 span:after {
display: none; }
}  section.style-7 .inner {
padding: 60px 0; } section.style-7 .title-bar {
width: 100%;
text-align: center;
margin-bottom: 60px; } section.style-7 .title-bar h3 {
font-family: 'Arapey', serif;
font-size: 39px;
color: #000;
text-transform: uppercase; } section.style-7.news .wrapper {
width: 100%;
overflow: hidden; } section.style-7.news .title, section.style-7.news .box {
min-height: 350px; } section.style-7.news .title {
width: 40%;
float: left;
background: #fff;
position: relative; } section.style-7.news .title:before {
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
-webkit-box-shadow: inset 0 0 0 3px #000;
box-shadow: inset 0 0 0 3px #000; } section.style-7.news .title h3 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: 'Arapey', serif;
font-size: 39px;
line-height: 1;
margin: 0;
color: #000;
display: block;
text-align: center;
text-transform: uppercase; } section.style-7.news .box {
width: 20%;
background-size: cover;
background-position: center center;
float: left;
position: relative; } section.style-7.news .box:hover .hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-7.news .box .hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.85);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
overflow: hidden; } section.style-7.news .box .hover:hover .leftright-border:before, section.style-7.news .box .hover:hover .leftright-border:after, section.style-7.news .box .hover:hover .topbottom-border:before, section.style-7.news .box .hover:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-7.news .box .hover:hover .topbottom-border:before, section.style-7.news .box .hover:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-7.news .box .hover .leftright-border:before, section.style-7.news .box .hover .leftright-border:after, section.style-7.news .box .hover .topbottom-border:before, section.style-7.news .box .hover .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } section.style-7.news .box .hover .leftright-border:before, section.style-7.news .box .hover .leftright-border:after {
content: "";
width: 2px;
position: absolute;
top: 20px;
bottom: 20px;
background: #fff; } section.style-7.news .box .hover .leftright-border:before {
left: 20px;
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-7.news .box .hover .leftright-border:after {
right: 20px;
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-7.news .box .hover .topbottom-border:before, section.style-7.news .box .hover .topbottom-border:after {
content: "";
height: 2px;
position: absolute;
left: 20px;
right: 20px;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-7.news .box .hover .topbottom-border:before {
top: 20px;
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-7.news .box .hover .topbottom-border:after {
bottom: 20px;
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-7.news .box .hover .inside {
width: 100%;
padding: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
color: #fff; } section.style-7.news .box .hover .inside h3 {
display: block;
font-size: 24px;
font-family: 'Arapey', serif;
text-transform: uppercase; } section.style-7.news .box .hover .inside span.by {
display: block;
font-family: "Lovelo";
font-size: 12px;
margin-top: 35px; } section.style-7.news .box .hover .inside span.by:after {
content: "";
display: block;
margin: auto;
width: 30px;
height: 2px;
background: #fff;
margin-top: 15px; } section.style-7.news .box .hover .inside a {
display: inline-block;
margin-top: 30px;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
font-family: "Lovelo";
color: #fff;
font-size: 9px;
letter-spacing: 1.5px;
line-height: 1;
overflow: hidden; } section.style-7.news .box .hover .inside a:hover {
color: #000; } section.style-7.news .box .hover .inside a:hover span:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-7.news .box .hover .inside a span {
width: 100%;
height: 100%;
position: relative;
padding: 15px 25px;
float: left; } section.style-7.news .box .hover .inside a span:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-7.video {
background-size: cover;
background-position: center center; } section.style-7.video .inner {
padding-bottom: 120px;
text-align: center; }
@media screen and (max-width: 1024px) {
section.style-7.video .inner {
padding-bottom: 60px; } }
@media screen and (max-width: 768px) {
section.style-7.video .inner {
padding-bottom: 30px; } } section.style-7.video .video-wrapper {
width: 100%;
max-width: 960px;
height: auto;
display: inline-block; } section.style-7.video .video-wrapper #actual-video {
width: auto !important;
position: relative; } section.style-7.video .video-wrapper #actual-video:before {
content: "";
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 3px solid #000; } section.style-7.video .video-wrapper #actual-video:hover .vjs-big-play-button {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); } section.style-7.video .video-wrapper #actual-video .vjs-big-play-button {
background: rgba(0, 0, 0, 0.8);
width: 100px;
height: 100px;
line-height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: none;
margin-top: -50px !important;
margin-left: -50px !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-7.video .video-wrapper #actual-video .vjs-big-play-button:before {
font-size: 40px;
padding-left: 5px;
color: #fff;
line-height: auto; } section.style-7.video .video-wrapper .video-js {
padding-top: 56.25% !important; } section.style-7.video .video-wrapper .vjs-fullscreen {
padding-top: 0px !important; } section.style-7.big-quote {
background-size: cover;
background-position: center center;
position: relative; } section.style-7.big-quote .inner {
padding: 0; } section.style-7.big-quote .container {
position: relative;
padding-top: 120px;
padding-bottom: 120px; } section.style-7.big-quote:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.85); } section.style-7.big-quote .actual-quote {
position: relative;
z-index: 3;
width: 100%;
border: 3px solid #fff;
float: left; } section.style-7.big-quote .actual-quote:before {
content: '\f10e';
color: #fff;
font-size: 70px;
line-height: 1;
position: absolute;
z-index: -1;
font-family: "FontAwesome";
top: 0;
left: 50px;
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-ms-transform: translateY(-30%);
-o-transform: translateY(-30%);
transform: translateY(-30%); } section.style-7.big-quote .actual-quote .inside {
padding: 60px;
padding-right: 0;
width: 50%;
font-family: 'Arapey', serif;
color: #fff; } section.style-7.big-quote .actual-quote .inside p {
font-size: 24px;
line-height: 30px; } section.style-7.big-quote .actual-quote .inside .by {
font-family: "Lovelo";
font-size: 12px; } section.style-7.big-quote .actual-quote .inside .by:before {
content: "";
width: 30px;
height: 3px;
background: #fff;
display: block;
margin-top: 30px;
margin-bottom: 20px; } section.style-7.big-quote .quote-img {
max-width: 50%;
max-height: 90%;
position: absolute;
z-index: 4;
bottom: 0;
right: 0; }
@media screen and (max-width: 992px) { section.style-7.news .title, section.style-7.news .box {
min-height: 250px; } section.style-7.news .title {
width: 100%; } section.style-7.news .title h3 {
font-size: 25px; } section.style-7.news .box {
width: 50%; } section.style-7.news .box .inside h3 {
font-size: 20px !important; } section.style-7.news .box .inside span.by {
font-size: 11px !important;
margin-top: 15px !important; } section.style-7.news .box .inside span.by:after {
margin-top: 10px !important; } section.style-7.news .box .inside a {
margin-top: 15px !important; }
}
@media screen and (max-width: 768px) { section.style-7.news .box {
width: 100%; } section.style-7.big-quote .actual-quote:before {
left: 50%;
-webkit-transform: translate(-50%, -30%);
-moz-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
-o-transform: translate(-50%, -30%);
transform: translate(-50%, -30%); } section.style-7.big-quote .actual-quote .inside {
width: 100%;
padding: 30px;
padding-top: 50px; } section.style-7.big-quote .actual-quote .inside p {
font-size: 20px;
line-height: 26px; } section.style-7.big-quote .quote-img {
max-height: 260px !important; }
}  section.style-8 .inner {
padding: 60px 0; } section.style-8 .title-bar {
width: 100%;
text-align: center;
font-family: "Lovelo";
color: #6d6e70;
position: relative;
margin-bottom: 30px; } section.style-8 .title-bar h3, section.style-8 .title-bar span {
position: relative;
z-index: 2; } section.style-8 .title-bar h3 {
display: block;
font-size: 39px;
font-family: 'Arapey', serif;
text-transform: uppercase;
margin-top: 5px;
font-weight: 300; } section.style-8 .title-bar h3 b {
font-weight: 900; } section.style-8 .title-bar h3:after {
content: "";
width: 60px;
height: 3px;
background: #6d6e70;
display: block;
margin: auto;
margin-top: 20px; } section.style-8 .title-bar span {
display: block;
font-size: 17px; } section.style-8 p.desc {
text-align: center;
color: #8b8b8b;
font-size: 16px;
line-height: 25px;
font-family: "Open Sans", sans-serif; } section.style-8.galleries .container {
padding-top: 15px;
padding-bottom: 15px; } section.style-8.galleries .row > div {
margin-bottom: 15px;
margin-top: 15px; } section.style-8.galleries .gallery {
background-size: cover;
background-position: center center;
height: 300px;
background-color: #333; } section.style-8.galleries .gallery .otherimages {
display: none;
visibility: hidden; } section.style-8.galleries .gallery .hover {
width: 100%;
height: 100%;
position: relative;
float: left; } section.style-8.galleries .gallery .hover a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.3); } section.style-8.galleries .gallery .hover a:before {
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 3px solid #fff; } section.style-8.galleries .gallery .hover a:hover {
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.5); } section.style-8.galleries .gallery .hover a:hover .inside .name {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-8.galleries .gallery .hover a:hover .inside .name .preview-icon {
-webkit-transform: translate(-50%, 125%);
-moz-transform: translate(-50%, 125%);
-ms-transform: translate(-50%, 125%);
-o-transform: translate(-50%, 125%);
transform: translate(-50%, 125%);
opacity: 1;
filter: alpha(opacity=100); } section.style-8.galleries .gallery .hover a .inside {
width: 100%;
padding: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center; } section.style-8.galleries .gallery .hover a .inside .name {
font-size: 39px;
font-family: 'Arapey', serif;
color: #fff;
text-transform: uppercase;
letter-spacing: -0.5px;
margin-bottom: 15px;
position: relative;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-8.galleries .gallery .hover a .inside .name .preview-icon {
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
font-size: 18px;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 200%);
-moz-transform: translate(-50%, 200%);
-ms-transform: translate(-50%, 200%);
-o-transform: translate(-50%, 200%);
transform: translate(-50%, 200%);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-8.steps .box-title {
text-align: center;
font-size: 28px !important;
color: #6d6e70 !important;
letter-spacing: -0.5px;
font-family: 'Arapey', serif;
margin-bottom: 30px;
text-transform: uppercase; } section.style-8.steps .box {
-webkit-box-shadow: 0 0 0 3px #e1e1e1;
box-shadow: 0 0 0 3px #e1e1e1;
padding-top: 60px;
padding-bottom: 60px; } section.style-8.steps .box:before {
-webkit-box-shadow: inset 0 0 0 3px #e1e1e1;
box-shadow: inset 0 0 0 3px #e1e1e1; }
@media screen and (max-width: 768px) { section.style-8.galleries .gallery {
height: 200px; } section.style-8.galleries .gallery .hover .inside .name {
font-size: 24px !important; } section.style-8.testimonials .classic-testimonials .one p {
font-size: 18px; } section.style-8.testimonials .classic-testimonials .one .by {
font-size: 10px; } section.style-8.testimonials .container .slick-prev, section.style-8.testimonials .container .slick-next {
position: relative !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
float: left;
margin-top: 15px;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent; } section.style-8.testimonials .container .slick-next {
float: right; }
}  section.style-9 {
background: #f4f1e8; } section.style-9 .inner {
padding: 60px 0; } section.style-9 .title-bar {
width: 100%;
text-align: center;
text-transform: uppercase; } section.style-9 .title-bar span {
font-family: 'Arapey', serif;
font-size: 23px;
color: #231f20;
letter-spacing: 3.5px;
display: block; } section.style-9 .title-bar span:before, section.style-9 .title-bar span:after {
content: "";
width: 40px;
height: 1px;
background: #222;
display: inline-block;
-webkit-transform: translateY(-7px);
-moz-transform: translateY(-7px);
-ms-transform: translateY(-7px);
-o-transform: translateY(-7px);
transform: translateY(-7px);
margin: 0 15px; } section.style-9 .title-bar h3 {
display: block;
font-size: 50px;
font-family: 'Arapey', serif;
letter-spacing: 1px;
line-height: 1;
margin: 0; } section.style-9.latest-wines .wines-slick {
margin-top: 60px;
margin-left: -15px;
margin-right: -15px;
position: relative; } section.style-9.latest-wines .wines-slick .actual-slick {
overflow: hidden;
margin-bottom: 0; } section.style-9.latest-wines .wines-slick .one {
height: 100%;
background: #ffffff;
float: left;
margin: 0 15px; } section.style-9.latest-wines .wines-slick .one .inside {
padding: 30px;
padding-top: 60px; } section.style-9.latest-wines .wines-slick .one .image {
width: 100%;
height: auto;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-9.latest-wines .wines-slick .one .image .image-inside {
width: 220px;
height: 220px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: auto;
-webkit-box-shadow: inset 0 0 0 5px #fff, 0 0 0 3px #b4273a;
box-shadow: inset 0 0 0 5px #fff, 0 0 0 3px #b4273a;
background-size: cover;
background-position: center center;
position: relative; } section.style-9.latest-wines .wines-slick .one .image .image-inside a {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-9.latest-wines .wines-slick .one .image .image-inside img {
max-width: 100%;
max-height: calc(100% + 30px);
position: absolute;
bottom: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } section.style-9.latest-wines .wines-slick .one .content {
margin-top: 20px;
text-align: center; } section.style-9.latest-wines .wines-slick .one .content h3 {
margin: 0;
font-family: "Lovelo";
font-size: 23px;
color: #000; } section.style-9.latest-wines .wines-slick .one .content span {
display: block;
font-family: 'Indie Flower', cursive;
font-size: 43px;
color: #000;
line-height: 1;
margin-top: 5px; } section.style-9.latest-wines .wines-slick .one .content p {
display: block;
font-size: 14px;
color: #231f20;
line-height: 24px;
margin-bottom: 30px;
margin-top: 10px; } section.style-9.latest-wines .wines-slick .one .content .learn-more {
padding: 15px 40px;
display: inline-block;
background: #b4273a;
-webkit-box-shadow: inset 0 0 0 1px #b4273a, inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 1px #b4273a, inset 0 0 0 3px #fff;
font-family: "Lovelo";
font-size: 12px;
letter-spacing: 3px;
color: #fff;
-webkit-transition: box-shadow 0.3s;
-o-transition: box-shadow 0.3s;
transition: box-shadow 0.3s; } section.style-9.latest-wines .wines-slick .one .content .learn-more:hover {
-webkit-box-shadow: inset 0 0 0 4px #b4273a, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 4px #b4273a, inset 0 0 0 5px #fff; } section.style-9.latest-wines .wines-slick .one:hover .image {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); } section.style-9.latest-wines .wines-slick .slick-prev, section.style-9.latest-wines .wines-slick .slick-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
width: 20px;
height: 30px;
line-height: 30px;
text-align: center;
background: none;
border: none;
opacity: 0.8;
filter: alpha(opacity=80); } section.style-9.latest-wines .wines-slick .slick-prev:hover, section.style-9.latest-wines .wines-slick .slick-next:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-9.latest-wines .wines-slick .slick-prev.slick-disabled, section.style-9.latest-wines .wines-slick .slick-next.slick-disabled {
opacity: 0.4;
filter: alpha(opacity=40); } section.style-9.latest-wines .wines-slick .slick-prev:before, section.style-9.latest-wines .wines-slick .slick-next:before {
text-indent: 0;
content: "";
width: 100%;
height: 100%;
float: left;
font-size: 24px;
color: #666;
font-family: "FontAwesome"; } section.style-9.latest-wines .wines-slick .slick-prev {
left: -40px; } section.style-9.latest-wines .wines-slick .slick-prev:before {
content: "\f053"; } section.style-9.latest-wines .wines-slick .slick-next {
right: -40px; } section.style-9.latest-wines .wines-slick .slick-next:before {
content: "\f054"; } section.style-9.tabs {
padding-top: 55px; } section.style-9.tabs ul.tab-select {
width: 100%;
height: 110px;
-webkit-transform: translateY(55px);
-moz-transform: translateY(55px);
-ms-transform: translateY(55px);
-o-transform: translateY(55px);
transform: translateY(55px);
list-style: none;
margin: 0;
padding: 0;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
display: flex; } section.style-9.tabs ul.tab-select li {
width: auto;
min-width: 33.3333333%;
height: 100%;
float: left;
order: 1;
flex-grow: 1;
background: #fff url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/tab-select-bg-paper.png);
background-size: cover;
background-position: center center;
border-right: 1px solid #fff;
position: relative; } section.style-9.tabs ul.tab-select li:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 14px 13px 0 13px;
border-color: #f6efe6 transparent transparent transparent;
position: absolute;
bottom: 0;
left: 40px;
bottom: -13px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
z-index: -1; } section.style-9.tabs ul.tab-select li:last-child {
border-right: none; } section.style-9.tabs ul.tab-select li.active a, section.style-9.tabs ul.tab-select li a:hover {
color: #111;
text-shadow: none; } section.style-9.tabs ul.tab-select li.active a img, section.style-9.tabs ul.tab-select li a:hover img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3); } section.style-9.tabs ul.tab-select li.active:after {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-9.tabs ul.tab-select li a {
width: 100%;
height: 100%;
float: left;
position: relative;
font-family: "Lovelo";
font-size: 23px;
line-height: 25px;
color: transparent;
overflow: hidden;
text-shadow: 0 0 5px #111;
color: #222 \9; } section.style-9.tabs ul.tab-select li a span {
position: absolute;
z-index: 3;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding-right: 180px; } section.style-9.tabs ul.tab-select li a img {
max-width: 50%;
max-height: 80%;
position: absolute;
z-index: 2;
bottom: 0;
right: 0;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
section.style-9.tabs ul.tab-select li a {
color: #fff; } } section.style-9.tabs .tab-content {
background: #deddd9;
padding-top: 115px; } section.style-9.tabs .tab-content .tab-pane {
background-size: cover;
background-position: center center;
overflow: hidden;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
height: 0; } section.style-9.tabs .tab-content .tab-pane.active {
height: auto;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; } section.style-9.tabs .tab-content .tab-pane.imgright .image {
float: right; } section.style-9.tabs .tab-content .tab-pane .image, section.style-9.tabs .tab-content .tab-pane .actual-text {
padding-bottom: 60px; } section.style-9.tabs .tab-content .tab-pane .image {
text-align: center; } section.style-9.tabs .tab-content .tab-pane .image img {
max-width: 100%;
max-height: 400px;
display: inline-block; } section.style-9.tabs .tab-content .tab-pane .head-title {
width: 100%;
height: auto;
overflow: hidden;
text-align: center; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title {
width: auto;
margin: auto;
display: inline-block;
text-align: center; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title span.pre {
font-size: 28px;
letter-spacing: 4px;
padding-left: 5px;
text-transform: uppercase;
font-family: 'Arapey', serif;
position: relative; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title span.pre:before, section.style-9.tabs .tab-content .tab-pane .head-title .actual-title span.pre:after {
content: "";
width: 45px;
height: 2px;
background: #111;
position: absolute;
top: 50%;
margin-top: -1px; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title span.pre:before {
left: -55px; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title span.pre:after {
right: -50px; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title h3 {
font-family: 'Arapey', serif;
font-size: 80px;
line-height: 1;
color: #000;
letter-spacing: 20px;
margin: 0;
padding-left: 20px;
margin-top: -15px;
margin-bottom: -5px; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title .endhr {
width: 8px;
height: 8px;
background: #111;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
position: relative;
margin-left: 10px; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title .endhr:before, section.style-9.tabs .tab-content .tab-pane .head-title .actual-title .endhr:after {
content: "";
width: 90px;
height: 2px;
background: #111;
position: absolute;
top: 50%;
margin-top: -1px; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title .endhr:before {
left: -100px; } section.style-9.tabs .tab-content .tab-pane .head-title .actual-title .endhr:after {
right: -100px; } section.style-9.tabs .tab-content .tab-pane .actual-text {
margin-top: 30px;
font-size: 14px; } section.style-9.tabs .tab-content .tab-pane .actual-text p {
margin-bottom: 15px; } section.style-9.tabs .tab-content .tab-pane .actual-text p:last-child {
margin-bottom: none; } section.style-9.textwithimage .inner {
padding: 0; } section.style-9.textwithimage .text, section.style-9.textwithimage .image {
min-height: 400px; } section.style-9.textwithimage .text .head-title {
width: 100%;
height: auto;
overflow: hidden;
text-align: center;
padding-top: 50px; } section.style-9.textwithimage .text .head-title .actual-title {
width: auto;
margin: auto;
display: inline-block;
text-align: center; } section.style-9.textwithimage .text .head-title .actual-title span.pre {
font-size: 28px;
letter-spacing: 4px;
padding-left: 5px;
text-transform: uppercase;
font-family: 'Arapey', serif;
position: relative; } section.style-9.textwithimage .text .head-title .actual-title span.pre:before, section.style-9.textwithimage .text .head-title .actual-title span.pre:after {
content: "";
width: 45px;
height: 2px;
background: #111;
position: absolute;
top: 50%;
margin-top: -1px; } section.style-9.textwithimage .text .head-title .actual-title span.pre:before {
left: -55px; } section.style-9.textwithimage .text .head-title .actual-title span.pre:after {
right: -50px; } section.style-9.textwithimage .text .head-title .actual-title h3 {
font-family: 'Arapey', serif;
font-size: 80px;
line-height: 1;
color: #000;
letter-spacing: 20px;
margin: 0;
padding-left: 20px;
margin-top: -15px;
margin-bottom: -5px; } section.style-9.textwithimage .text .head-title .actual-title .endhr {
width: 8px;
height: 8px;
background: #111;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
position: relative;
margin-left: 10px; } section.style-9.textwithimage .text .head-title .actual-title .endhr:before, section.style-9.textwithimage .text .head-title .actual-title .endhr:after {
content: "";
width: 90px;
height: 2px;
background: #111;
position: absolute;
top: 50%;
margin-top: -1px; } section.style-9.textwithimage .text .head-title .actual-title .endhr:before {
left: -100px; } section.style-9.textwithimage .text .head-title .actual-title .endhr:after {
right: -100px; } section.style-9.textwithimage .text .actual-text {
margin-top: 30px;
font-size: 14px;
padding-bottom: 60px; } section.style-9.textwithimage .text .actual-text p {
margin-bottom: 15px; } section.style-9.textwithimage .text .actual-text p:last-child {
margin-bottom: none; } section.style-9.textwithimage .image .topimg {
width: 300px;
height: 150px;
position: absolute;
z-index: 5;
top: 0;
right: 0;
border-bottom-right-radius: 150px;
border-bottom-left-radius: 150px;
overflow: hidden; } section.style-9.textwithimage .image .topimg img {
min-width: 100%;
min-height: 100%;
max-width: 200%;
max-height: 200%; } section.style-9.textwithimage .image .actualimg {
width: 100%;
height: 100%;
position: absolute;
z-index: 7;
bottom: 0;
right: 0; } section.style-9.textwithimage .image .actualimg img {
position: absolute;
bottom: 0;
right: 0;
max-width: 100%;
max-height: 90%;
float: right; } section.style-9.textwithimage .image .price {
width: 160px;
height: 160px;
background: #b4273a;
text-align: center;
line-height: 160px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 1px #b4273a, inset 0 0 0 4px #fff;
box-shadow: inset 0 0 0 1px #b4273a, inset 0 0 0 4px #fff;
position: absolute;
left: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 54px;
font-family: "CardenioModern";
color: #fff; } section.style-9.textwithimage .image .minitext {
width: 190px;
height: 190px;
background: #fff;
position: absolute;
z-index: 9;
bottom: 40px;
right: 0;
float: left;
color: #111;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px #b4273a;
box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px #b4273a; } section.style-9.textwithimage .image .minitext span {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 30px;
font-size: 14px;
color: #231f20;
line-height: 22px; } section.style-9.benefits {
background: #363636; } section.style-9.benefits .inner {
padding: 30px 0; } section.style-9.benefits .inner .single {
width: 100%;
overflow: hidden;
float: left;
cursor: default; } section.style-9.benefits .inner .single:hover .icon i, section.style-9.benefits .inner .single:hover .text .name, section.style-9.benefits .inner .single:hover .text .desc {
color: #fff; } section.style-9.benefits .inner .single:hover .text {
-webkit-box-shadow: inset 2px 0 0 0 #fff;
box-shadow: inset 2px 0 0 0 #fff; } section.style-9.benefits .inner .single .icon i, section.style-9.benefits .inner .single .text .name, section.style-9.benefits .inner .single .text .desc {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-9.benefits .inner .single .icon {
padding: 10px 0;
width: 70px;
height: 100%;
float: left;
text-align: center; } section.style-9.benefits .inner .single .icon img {
max-width: 90%;
max-height: 90%; } section.style-9.benefits .inner .single .icon i {
font-size: 40px;
color: #636363; } section.style-9.benefits .inner .single .text {
-webkit-box-shadow: inset 2px 0 0 0 #636363;
box-shadow: inset 2px 0 0 0 #636363;
padding: 10px 0;
float: left;
width: calc(100% - 70px);
padding-left: 30px; } section.style-9.benefits .inner .single .text .name {
width: 100%;
float: left;
font-size: 23px;
line-height: 20px;
font-family: "Lovelo";
color: #7b7b7b; } section.style-9.benefits .inner .single .text .desc {
width: 100%;
float: left;
font-size: 14px;
color: #545454;
margin-top: 5px; }
@media screen and (max-width: 768px) { section.style-9.latest-wines .wines-slick .slick-prev, section.style-9.latest-wines .wines-slick .slick-next {
position: static;
top: auto;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
left: auto;
right: auto;
margin-top: 30px; } section.style-9.latest-wines .wines-slick .slick-prev {
float: left;
margin-left: 15px; } section.style-9.latest-wines .wines-slick .slick-next {
float: right;
margin-right: 15px; } section.style-9.tabs {
padding-top: 0; } section.style-9.tabs ul.tab-select {
display: block;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-9.tabs ul.tab-select li {
width: 100% !important; } section.style-9.tabs ul.tab-select li:after {
display: none; } section.style-9.tabs ul.tab-select li a span {
padding-right: 30px; } section.style-9.tabs .tab-content {
padding-top: 30px; } section.style-9.textwithimage .image .topimg {
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-top-right-radius: 150px;
border-top-left-radius: 150px; } section.style-9.textwithimage .image .price, section.style-9.textwithimage .image .minitext {
top: auto;
right: auto;
bottom: auto;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-9.textwithimage .image .price {
top: 0;
right: 0; } section.style-9.textwithimage .image .minitext {
width: 220px;
height: 220px;
bottom: 15px;
left: 0; } section.style-9.textwithimage .image .minitext span {
font-size: 13px; } section.style-9.benefits .single {
width: 100% !important;
margin-bottom: 15px; } section.style-9.benefits .single:last-child {
margin-bottom: 0; }
}  section.style-10 .inner {
padding: 60px 0; } section.style-10 .title-bar {
width: 100%;
float: left;
margin-bottom: 30px;
font-family: "Lovelo"; } section.style-10 .title-bar h3 {
display: block;
font-size: 35px;
line-height: 1;
color: #000; } section.style-10 .title-bar span {
display: block;
font-size: 14px;
color: #000;
margin-top: -10px; } section.style-10 .image img {
max-width: 100%; } section.style-10.app-big-image {
width: 100%;
height: auto;
background-size: cover;
background-position: center center;
float: left;
position: relative;
padding-top: 160px;
margin-bottom: 30px; } section.style-10.app-big-image.istouch .phone-mockup svg {
display: none; } section.style-10.app-big-image.istouch .phone-mockup .real-image img {
opacity: 1;
filter: alpha(opacity=100); } section.style-10.app-big-image:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #96c93f;
opacity: 0.7;
filter: alpha(opacity=70); } section.style-10.app-big-image .big-title {
width: 100%;
text-align: center;
font-family: "Lovelo";
text-transform: uppercase;
color: #fff;
position: relative;
z-index: 5;
margin-bottom: 30px;
padding: 0 15px; } section.style-10.app-big-image .big-title h3 {
font-size: 49px;
line-height: 1; } section.style-10.app-big-image .big-title h3:after {
content: "";
width: 100px;
height: 3px;
background: #fff;
display: block;
margin: 15px auto; } section.style-10.app-big-image .big-title span {
font-size: 20px;
letter-spacing: 2px; } section.style-10.app-big-image .phone-mockup {
width: 90%;
max-width: 850px;
height: 100%;
position: relative;
z-index: 10;
margin: auto;
margin-bottom: 20px;
overflow: hidden; } section.style-10.app-big-image .phone-mockup .real-image {
top: 0;
left: 0;
right: 0;
position: absolute;
display: table; } section.style-10.app-big-image .phone-mockup .real-image img {
display: table-cell;
vertical-align: bottom;
opacity: 0;
filter: alpha(opacity=0);
max-width: 100%;
position: relative;
bottom: 0; } section.style-10.app-big-image .phone-mockup .real-image img.animated {
opacity: 1;
filter: alpha(opacity=100); } section.style-10.app-big-image .app-buttons {
position: absolute;
z-index: 11;
bottom: 30px;
right: 60px; } section.style-10.app-big-image .app-buttons a {
height: 90px;
background: #fff;
border: 1px solid #ddd;
display: block;
margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 -4px 0 #ddd;
box-shadow: inset 0 -4px 0 #ddd;
overflow: hidden; } section.style-10.app-big-image .app-buttons a .icon {
width: 90px;
height: 100%;
line-height: 90px;
float: left;
text-align: center; } section.style-10.app-big-image .app-buttons a .icon img {
max-width: 80px;
display: inline-block; } section.style-10.app-big-image .app-buttons a .content {
width: calc(100% - 90px);
float: left;
padding-right: 30px;
padding-top: 23px; } section.style-10.app-big-image .app-buttons a .content span.title {
font-size: 13px;
color: #8b8b8b; } section.style-10.app-big-image .app-buttons a .content span.desc {
margin: 0;
padding: 0;
line-height: 1;
font-size: 22px;
color: #8b8b8b;
font-weight: 600;
margin-top: -2px;
display: block; } section.style-10.app-big-image .app-buttons a:hover {
-webkit-box-shadow: inset 0 -2px 0 #ddd;
box-shadow: inset 0 -2px 0 #ddd;
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-ms-transform: translateY(2px);
-o-transform: translateY(2px);
transform: translateY(2px); } section.style-10.app-big-image .big-cut {
width: 100%;
position: absolute;
z-index: 5;
bottom: -1px;
left: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #fff transparent; } section.style-10.imgright .image {
float: right; } section.style-10 .text p {
color: #8b8b8b;
font-size: 16px;
line-height: 24px; } section.style-10 .buttons {
overflow: hidden;
width: 100%;
display: block;
margin-top: 30px; } section.style-10 .buttons a {
padding: 12px 25px;
display: inline-block;
border: 2px solid #353535;
color: #353535;
font-family: "Lovelo";
font-size: 14px;
position: relative; } section.style-10 .buttons a:hover {
color: #fff; } section.style-10 .buttons a:hover:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-10 .buttons a span {
position: relative;
z-index: 3; } section.style-10 .buttons a:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #353535;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-10.features {
margin-top: 60px;
background: #ebebeb; } section.style-10.features .inner {
padding: 0; } section.style-10.features .text {
padding: 30px 0; } section.style-10.features .image {
margin-top: -60px; } section.style-10.mockupslider .counter {
width: 100%;
float: left;
overflow: hidden;
margin-top: 30px; } section.style-10.mockupslider .counter a {
width: 140px;
height: 140px;
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #000000;
position: relative; } section.style-10.mockupslider .counter a .inside {
width: 100%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center; } section.style-10.mockupslider .counter a .inside .number {
font-family: "Lovelo";
font-size: 50px;
line-height: 1;
color: #000;
display: block; } section.style-10.mockupslider .counter a .inside .text {
display: block;
font-family: "Lovelo";
font-size: 11px;
color: #000; } section.style-10.mockupslider .counter a:hover {
background: #000; } section.style-10.mockupslider .counter a:hover .inside .number, section.style-10.mockupslider .counter a:hover .inside .text {
color: #fff; } section.style-10.mockupslider .slider-wrapper {
width: 100%;
height: auto; } section.style-10.mockupslider .slider-wrapper .mockup {
position: relative;
z-index: 10; } section.style-10.mockupslider .slider-wrapper .mockup img {
width: auto;
height: 100%; } section.style-10.mockupslider .slider-wrapper .slides {
height: auto;
position: absolute;
z-index: 5;
top: 0;
left: 0; } section.style-10.mockupslider .slider-wrapper .slides .slide {
height: 100%;
float: left;
position: absolute;
top: 0;
box-sizing: border-box; } section.style-10.mockupslider .slider-wrapper .slides .slide img {
min-width: 100%;
max-height: 100%;
min-height: 100%; } section.style-10.our-team {
background: #ebebeb; } section.style-10.our-team .inner {
padding-bottom: 0px; } section.style-10.our-team .title-bar {
text-align: center; } section.style-10.our-team .members .member {
width: 100%;
overflow: hidden;
position: relative;
height: 300px; } section.style-10.our-team .members .member .image {
width: 150px;
max-width: 150px;
height: 100%;
position: relative;
z-index: 3;
display: table;
float: left; } section.style-10.our-team .members .member .image .valign {
display: table-cell;
vertical-align: bottom; } section.style-10.our-team .members .member .image .valign img {
max-width: 150px;
min-width: 100%; } section.style-10.our-team .members .member .content {
width: calc(100% - 75px);
height: auto;
background: #fff;
overflow: hidden;
position: absolute;
z-index: 1;
bottom: 30px;
right: 0;
padding: 30px;
padding-left: 90px; } section.style-10.our-team .members .member .content .name {
font-size: 17px;
line-height: 20px;
color: #6e6e6e;
font-weight: 800;
display: block; } section.style-10.our-team .members .member .content .position {
font-size: 14px;
line-height: 1;
color: #6e6e6e;
font-weight: 600;
text-transform: uppercase;
display: block;
margin-top: 8px; } section.style-10.our-team .members .member .content hr {
width: 30px;
height: 4px;
background: #a1a1a1;
display: block;
margin: 20px 0; } section.style-10.our-team .members .member .content .social a {
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: #6e6e6e;
color: #fff;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 12px;
margin: 3px 0; } section.style-10.our-team .members .member .content .social a:hover {
background: #444; } section.style-10.portfolio {
overflow: hidden;
position: relative; } section.style-10.portfolio .portfolio-gallery-wrapper {
margin-left: 0;
margin-right: 0; } section.style-10.portfolio .scrollableArea > div {
padding: 0; } section.style-10.portfolio .scrollingHotSpotLeft, section.style-10.portfolio .scrollingHotSpotRight {
cursor: default; } section.style-10.portfolio .image {
overflow: hidden;
position: relative; } section.style-10.portfolio .image:hover .actual-image {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } section.style-10.portfolio .image:hover .hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-10.portfolio .image:hover a.full-link {
background: transparent; } section.style-10.portfolio .image a.full-link, section.style-10.portfolio .image .actual-image, section.style-10.portfolio .image .hover {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-10.portfolio .image a.full-link {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5); } section.style-10.portfolio .image .actual-image {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center center; } section.style-10.portfolio .image .hover {
width: 100%;
height: auto;
padding: 30px 15px;
position: absolute;
z-index: 4;
bottom: 0;
left: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
background: #00bff3;
pointer-events: none;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 600; } section.style-10.latest-news .inner {
overflow: hidden; } section.style-10.latest-news .news-slick {
width: 100%;
overflow: hidden; } section.style-10.latest-news .news-slick .slick-list {
overflow: hidden;
margin-left: -15px;
margin-right: -15px; } section.style-10.latest-news .news-slick .one {
padding: 0 15px;
float: left; } section.style-10.latest-news .news-slick .one .image {
width: 100%;
height: 225px;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden; } section.style-10.latest-news .news-slick .one .image a {
position: absolute;
z-index: 3;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 15px; } section.style-10.latest-news .news-slick .one .image a:hover {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-box-shadow: inset 0 0 0 2px transparent;
box-shadow: inset 0 0 0 2px transparent; } section.style-10.latest-news .news-slick .one .image a:hover:after {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
filter: alpha(opacity=100); } section.style-10.latest-news .news-slick .one .image a:hover .leftright-border:before, section.style-10.latest-news .news-slick .one .image a:hover .leftright-border:after, section.style-10.latest-news .news-slick .one .image a:hover .topbottom-border:before, section.style-10.latest-news .news-slick .one .image a:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-10.latest-news .news-slick .one .image a:hover .topbottom-border:before, section.style-10.latest-news .news-slick .one .image a:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-10.latest-news .news-slick .one .image a:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-10.latest-news .news-slick .one .image a:before {
content: "";
position: absolute;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-10.latest-news .news-slick .one .image a:after {
font-family: "FontAwesome";
content: "\f08e";
text-align: center;
position: absolute;
top: 50%;
left: 50%;
float: left;
width: 55px;
height: 55px;
line-height: 55px;
margin: 0 5px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
-webkit-transform: translate(-50%, 30%);
-moz-transform: translate(-50%, 30%);
-ms-transform: translate(-50%, 30%);
-o-transform: translate(-50%, 30%);
transform: translate(-50%, 30%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 17px;
color: #fff; } section.style-10.latest-news .news-slick .one .image a .leftright-border:before, section.style-10.latest-news .news-slick .one .image a .leftright-border:after, section.style-10.latest-news .news-slick .one .image a .topbottom-border:before, section.style-10.latest-news .news-slick .one .image a .topbottom-border:after {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; } section.style-10.latest-news .news-slick .one .image a .leftright-border:before, section.style-10.latest-news .news-slick .one .image a .leftright-border:after {
content: "";
width: 2px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
background: #fff; } section.style-10.latest-news .news-slick .one .image a .leftright-border:before {
left: 0;
-webkit-transform: translateY(calc(-100% - 15px));
-moz-transform: translateY(calc(-100% - 15px));
-ms-transform: translateY(calc(-100% - 15px));
-o-transform: translateY(calc(-100% - 15px));
transform: translateY(calc(-100% - 15px)); } section.style-10.latest-news .news-slick .one .image a .leftright-border:after {
right: 0;
-webkit-transform: translateY(calc(100% + 15px));
-moz-transform: translateY(calc(100% + 15px));
-ms-transform: translateY(calc(100% + 15px));
-o-transform: translateY(calc(100% + 15px));
transform: translateY(calc(100% + 15px)); } section.style-10.latest-news .news-slick .one .image a .topbottom-border:before, section.style-10.latest-news .news-slick .one .image a .topbottom-border:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
left: 0;
right: 0;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-10.latest-news .news-slick .one .image a .topbottom-border:before {
top: 0;
-webkit-transform: translateX(calc(100% + 15px));
-moz-transform: translateX(calc(100% + 15px));
-ms-transform: translateX(calc(100% + 15px));
-o-transform: translateX(calc(100% + 15px));
transform: translateX(calc(100% + 15px)); } section.style-10.latest-news .news-slick .one .image a .topbottom-border:after {
bottom: 0;
-webkit-transform: translateX(calc(-100% - 15px));
-moz-transform: translateX(calc(-100% - 15px));
-ms-transform: translateX(calc(-100% - 15px));
-o-transform: translateX(calc(-100% - 15px));
transform: translateX(calc(-100% - 15px)); } section.style-10.latest-news .news-slick .one .content {
overflow: hidden; } section.style-10.latest-news .news-slick .one .content .name {
width: 100%;
float: left;
padding: 15px 0;
overflow: hidden; } section.style-10.latest-news .news-slick .one .content .name a {
float: left;
padding: 5px 0;
font-family: "Lovelo";
font-size: 14px;
color: #000; } section.style-10.latest-news .news-slick .one .content .name a:hover {
color: #ec2c55; } section.style-10.latest-news .news-slick .one .content .info {
width: 100%;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding: 10px 0;
float: left;
font-size: 13px;
color: #797979; } section.style-10.latest-news .news-slick .one .content .info .left i {
padding-right: 5px; } section.style-10.latest-news .news-slick .one .content .info .right i {
padding-left: 5px; } section.style-10.latest-news .news-slick .one .content .text {
width: 100%;
float: left;
overflow: hidden;
padding: 5px 0; } section.style-10.latest-news .news-slick .one .content .text p {
padding: 10px 0;
color: #797979;
font-size: 13px; } section.style-10.latest-news .news-slick .one .content .author-info {
width: 100%;
float: left;
overflow: hidden;
font-size: 13px;
color: #797979;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 10px; } section.style-10.latest-news .news-slick .one .content .author-info a {
color: #797979; } section.style-10.latest-news .news-slick .one .content .author-info a:hover {
color: #ec2c55; } section.style-10.latest-news .news-slick-controls {
width: 100%;
float: left;
margin-top: 30px;
margin-left: -5px;
margin-right: -5px; } section.style-10.latest-news .news-slick-controls .slick-prev, section.style-10.latest-news .news-slick-controls .slick-next {
text-indent: -9999px;
width: 80px;
height: 50px;
line-height: 50px;
display: inline-block !important;
overflow: hidden;
background: #00bff3;
border: none;
margin: 0 5px;
opacity: 0.8;
filter: alpha(opacity=80);
position: relative !important;
left: auto;
top: auto;
right: auto;
bottom: auto; } section.style-10.latest-news .news-slick-controls .slick-prev:hover, section.style-10.latest-news .news-slick-controls .slick-next:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-10.latest-news .news-slick-controls .slick-prev.slick-disabled, section.style-10.latest-news .news-slick-controls .slick-prev.slick-disabled:before, section.style-10.latest-news .news-slick-controls .slick-next.slick-disabled, section.style-10.latest-news .news-slick-controls .slick-next.slick-disabled:before {
opacity: 0.4;
filter: alpha(opacity=40); } section.style-10.latest-news .news-slick-controls .slick-prev:before, section.style-10.latest-news .news-slick-controls .slick-next:before {
text-indent: 0;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-family: "FontAwesome";
color: #fff;
font-size: 17px;
padding: 0 15px;
line-height: inherit !important; } section.style-10.latest-news .news-slick-controls .slick-prev:before {
content: "\f053";
text-align: left; } section.style-10.latest-news .news-slick-controls .slick-next:before {
content: "\f054";
text-align: right; }
@media screen and (max-width: 992px) { section.style-10 .title-bar {
text-align: center; } section.style-10 .title-bar h3 {
font-size: 25px; } section.style-10 .title-bar span {
font-size: 12px; } section.style-10 .text p {
font-size: 14px; } section.style-10 .image {
width: 100%;
float: left;
margin-bottom: 30px;
text-align: center; } section.style-10 .image img {
display: inline-block; } section.style-10 .buttons {
text-align: center; } section.style-10.imgright {
margin-top: 30px; } section.style-10.features .text {
padding-bottom: 30px; } section.style-10.mockupslider .mockup img {
float: left; } section.style-10.mockupslider .text {
width: 100%;
float: left; } section.style-10.our-team .members .member {
width: 100%;
float: left;
height: 250px;
margin-bottom: 15px; } section.style-10.our-team .members .member:last-child {
margin-bottom: 0; } section.style-10.our-team .members .member .image {
width: 125px;
max-width: 125px; } section.style-10.our-team .members .member .image .valign img {
max-width: 125px; } section.style-10.our-team .members .member .content {
width: calc(100% - 63px);
bottom: 0;
padding: 15px;
padding-left: 80px; } section.style-10.latest-news .news-slick {
width: 100%;
float: left;
margin-top: 30px; } section.style-10.latest-news .news-slick .one .image {
margin-bottom: 0; } section.style-10.latest-news .news-slick .one .content {
width: 100%;
float: left; } section.style-10.latest-news .news-slick-controls {
text-align: center; }
}
@media screen and (max-width: 768px) { section.style-10.mockupslider .counter {
text-align: center; } section.style-10.mockupslider .counter a {
width: 110px;
height: 110px; } section.style-10.mockupslider .counter a .inside .number {
font-size: 35px; } section.style-10.mockupslider .counter a .inside .text {
font-size: 10px; }
}  section.style-11 .inner {
padding: 120px 0; }
@media screen and (max-width: 992px) {
section.style-11 .inner {
padding: 60px 0 !important; } } section.style-11 .title-bar {
width: 100%;
float: left;
margin-bottom: 30px;
text-align: center; } section.style-11 .title-bar h3 {
font-family: "Lovelo";
font-size: 40px;
line-height: 1;
color: #5c5c5c;
display: block; } section.style-11 .title-bar span {
font-family: "Lovelo";
font-size: 11px;
color: #cb5050;
display: block; } section.style-11 p.desc {
width: 100%;
font-size: 14px;
line-height: 24px;
color: #282828;
text-align: center; } section.style-11.textwithquote {
background: #f1f1f1; } section.style-11.textwithquote .quote {
width: 100%;
margin-top: 60px;
padding: 0 60px; } section.style-11.textwithquote .quote:hover .quote-head .image {
-webkit-transform: scale(0.9) rotate(15deg);
-moz-transform: scale(0.9) rotate(15deg);
-ms-transform: scale(0.9) rotate(15deg);
-o-transform: scale(0.9) rotate(15deg);
transform: scale(0.9) rotate(15deg); } section.style-11.textwithquote .quote .quote-head {
width: 100%;
overflow: hidden; } section.style-11.textwithquote .quote .quote-head .first-name, section.style-11.textwithquote .quote .quote-head .last-name {
text-align: center;
width: calc(50% - 65px);
line-height: 130px;
font-family: "Lovelo";
font-size: 20px;
color: #5c5c5c; } section.style-11.textwithquote .quote .quote-head .first-name {
float: left; } section.style-11.textwithquote .quote .quote-head .last-name {
float: right; } section.style-11.textwithquote .quote .quote-head .image {
width: 130px;
height: 130px;
float: left;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-size: cover;
background-position: center center;
-webkit-box-shadow: inset 0 0 0 2px #cb5050, inset 0 0 0 6px #fff;
box-shadow: inset 0 0 0 2px #cb5050, inset 0 0 0 6px #fff;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-11.textwithquote .quote .quote-text {
width: 100%;
text-align: center;
font-family: "Georgia", serif;
font-style: italic;
font-size: 14px;
font-weight: 600;
color: #282828;
padding-top: 30px;
position: relative; } section.style-11.textwithquote .quote .quote-text p {
position: relative;
z-index: 3; } section.style-11.textwithquote .quote .quote-text:before {
content: "\f10e";
font-family: "FontAwesome";
font-size: 70px;
line-height: 1;
color: #dedede;
position: absolute;
z-index: 1;
top: 0;
left: 0;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
font-style: normal;
font-weight: normal;
padding-right: 30px; } section.style-11.textwithquote .images {
width: 100%;
height: 100%;
position: relative; } section.style-11.textwithquote .images:before {
content: "";
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 2px solid #fff; } section.style-11.textwithquote .images .image-holder {
width: 50%;
height: 50%;
float: left;
background-size: cover;
background-position: center center;
overflow: hidden;
min-height: 50%; } section.style-11.textwithquote .images .text {
background: #cb5050;
color: #fff;
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } section.style-11.textwithquote .images .text:before {
content: "";
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
border: 2px solid #fff; } section.style-11.textwithquote .images .text p {
width: 100%;
padding: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-size: 30px;
line-height: 1;
font-family: 'Arapey', serif; } section.style-11.textwithquote .images .text p b {
font-weight: 400;
font-size: 40px;
line-height: 1;
font-family: "CardenioModern";
display: block;
text-align: left;
padding: 5px 0; } section.style-11.textwithquote .images .text p b:nth-child(2n+2) {
text-align: right; } section.style-11.single-product {
background-size: cover;
background-position: center center;
position: relative; } section.style-11.single-product:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.3); } section.style-11.single-product .container .row > div {
padding-left: 0;
padding-right: 0; } section.style-11.single-product .container .row > div .equalizer-inner {
height: 100%; } section.style-11.single-product .product-wrapper {
background: #fff; } section.style-11.single-product .product-wrapper:before {
content: "";
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 2px solid #fff; } section.style-11.single-product .product-wrapper .row {
margin-left: 0;
margin-right: 0;
height: 100%; } section.style-11.single-product .product-wrapper .row > div {
padding-left: 0;
padding-right: 0;
height: 100%; } section.style-11.single-product .product-wrapper .product-info {
height: 100%;
background: #cb5050;
padding: 60px; } section.style-11.single-product .product-wrapper .product-info h3 {
margin: 0;
padding: 0;
font-size: 30px;
font-family: "Lovelo";
color: #fff;
text-align: center; } section.style-11.single-product .product-wrapper .product-info span {
display: block;
width: 100%;
font-family: "Lovelo";
font-size: 11px;
color: #fff;
text-align: center; } section.style-11.single-product .product-wrapper .product-info ul {
margin: 0;
padding: 0;
margin-top: 30px;
list-style: none; } section.style-11.single-product .product-wrapper .product-info ul li {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px 0;
padding-left: 25px;
position: relative; } section.style-11.single-product .product-wrapper .product-info ul li:before {
width: 25px;
float: left;
height: 100%;
content: "\f04d";
font-size: 9px;
line-height: 20px;
-webkit-transform: translateX(-25px);
-moz-transform: translateX(-25px);
-ms-transform: translateX(-25px);
-o-transform: translateX(-25px);
transform: translateX(-25px);
position: absolute;
font-family: "FontAwesome"; } section.style-11.single-product .product-wrapper .product-info ul li:last-child {
border-bottom: none; } section.style-11.single-product .product-wrapper .reviews {
height: 100%; } section.style-11.single-product .product-wrapper .reviews .actual-review {
width: 100%;
overflow: hidden;
position: relative; } section.style-11.single-product .product-wrapper .reviews .actual-review .one {
height: 100%;
padding: 60px;
padding-right: 120px;
position: relative;
float: left; } section.style-11.single-product .product-wrapper .reviews .actual-review .one .name {
font-family: "Lovelo";
font-size: 20px;
color: #cc9900;
display: block; } section.style-11.single-product .product-wrapper .reviews .actual-review .one .position {
font-family: "Lovelo";
font-size: 14px;
color: #282828;
display: block; } section.style-11.single-product .product-wrapper .reviews .actual-review .one p {
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: 600;
font-style: italic;
color: #414141;
padding: 30px 0;
position: relative;
z-index: 3; } section.style-11.single-product .product-wrapper .reviews .actual-review .one .review-image {
position: absolute;
z-index: 1;
bottom: 0;
right: 0; } section.style-11.single-product .product-wrapper .reviews .actual-review .one .review-image img {
max-height: 250px; }
@media screen and (max-width: 768px) {
section.style-11.single-product .product-wrapper .reviews .actual-review .one .review-image {
opacity: 0.5;
filter: alpha(opacity=50); } } section.style-11.single-product .product-wrapper .reviews .review-controls {
height: 100px;
background: #ebebeb;
padding: 0 60px;
position: relative; } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-slider {
max-height: 100px; } section.style-11.single-product .product-wrapper .reviews .review-controls .inside {
width: 100%; } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-list {
padding-right: 40px; } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-list .slick-track {
overflow: hidden; } section.style-11.single-product .product-wrapper .reviews .review-controls .one {
width: 90px !important;
height: 100%;
float: left;
text-align: center; } section.style-11.single-product .product-wrapper .reviews .review-controls .one.slick-slide {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-11.single-product .product-wrapper .reviews .review-controls .one.slick-slide.slick-active {
opacity: 1;
filter: alpha(opacity=100); } section.style-11.single-product .product-wrapper .reviews .review-controls a {
width: 80px !important;
height: 80px !important;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-size: cover;
background-position: top center;
margin-top: 10px;
-webkit-box-shadow: inset 0 0 0 2px #cc9900, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 2px #cc9900, inset 0 0 0 5px #fff;
opacity: 0.6;
filter: alpha(opacity=60);
background-color: #fff; } section.style-11.single-product .product-wrapper .reviews .review-controls a:hover, section.style-11.single-product .product-wrapper .reviews .review-controls a.active {
opacity: 1;
filter: alpha(opacity=100); } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-prev, section.style-11.single-product .product-wrapper .reviews .review-controls .slick-next {
width: 20px;
height: 20px;
border: none;
text-indent: -999px;
position: absolute;
background: none;
top: 50%;
overflow: hidden;
opacity: 0.8;
filter: alpha(opacity=80); } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-prev:hover, section.style-11.single-product .product-wrapper .reviews .review-controls .slick-next:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-prev.slick-disabled, section.style-11.single-product .product-wrapper .reviews .review-controls .slick-next.slick-disabled {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-prev:before, section.style-11.single-product .product-wrapper .reviews .review-controls .slick-next:before {
text-indent: 0px;
content: "";
width: 100%;
height: 100%;
float: left;
text-align: center;
line-height: 20px;
font-family: "FontAwesome";
font-size: 20px;
color: #000; } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-prev {
left: 0px;
margin-left: -40px; } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-prev:before {
content: "\f053"; } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-next {
right: 0px;
margin-right: -40px; } section.style-11.single-product .product-wrapper .reviews .review-controls .slick-next:before {
content: "\f054"; } section.style-11.single-product .product-wrapper .reviews .bx-wrapper {
overflow: hidden;
margin: 0; } section.style-11.single-product .product-wrapper .reviews .bx-wrapper .bx-viewport {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background: transparent !important; } section.style-11.single-product .product-wrapper .reviews .bx-wrapper .bx-controls {
display: none; } section.style-11.order-process {
background: #f1f1f1; } section.style-11.order-process .process-steps {
width: 100%;
float: left;
margin-top: 60px;
margin-bottom: 60px; } section.style-11.order-process .process-steps .step-1, section.style-11.order-process .process-steps .step-5 {
float: left;
width: 170px;
height: 170px;
line-height: 170px;
text-align: center;
color: #fff;
font-size: 60px;
background: #d65627;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 15px #f1f1f1;
box-shadow: 0 0 0 15px #f1f1f1;
position: relative;
z-index: 5; } section.style-11.order-process .process-steps .step-5 {
background: #25af61; } section.style-11.order-process .process-steps .step-2, section.style-11.order-process .process-steps .step-3, section.style-11.order-process .process-steps .step-4 {
margin-top: 35px;
position: relative;
z-index: 3;
width: calc((100% - 341px)/3);
height: 100px;
float: left; } section.style-11.order-process .process-steps .step-2 > span, section.style-11.order-process .process-steps .step-3 > span, section.style-11.order-process .process-steps .step-4 > span {
width: 100%;
padding: 30px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 20px;
line-height: 24px;
color: #fff;
font-family: "Lovelo"; } section.style-11.order-process .process-steps .step-2:after, section.style-11.order-process .process-steps .step-3:after, section.style-11.order-process .process-steps .step-4:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 50px;
border-color: transparent transparent transparent #007bff;
position: absolute;
top: 0;
right: -49px; } section.style-11.order-process .process-steps .step-1 {
z-index: 4; } section.style-11.order-process .process-steps .step-2 {
background: #d65627;
z-index: 3; } section.style-11.order-process .process-steps .step-2:after {
border-color: transparent transparent transparent #d65627; } section.style-11.order-process .process-steps .step-3 {
background: #2880bb;
z-index: 2; } section.style-11.order-process .process-steps .step-3 > span {
padding-left: 60px; } section.style-11.order-process .process-steps .step-3:after {
border-color: transparent transparent transparent #2880bb; } section.style-11.order-process .process-steps .step-4 {
background: #25af61;
z-index: 1; } section.style-11.order-process .process-steps .step-4 > span {
padding-left: 60px; } section.style-11.order-process .process-steps .step-4:after {
border-color: transparent transparent transparent #25af61; } section.style-11.order-process .process-tabs {
width: 100%; } section.style-11.order-process .process-tabs ul.tab-select {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
text-align: center; } section.style-11.order-process .process-tabs ul.tab-select li {
display: inline-block;
margin-left: -4px;
height: 70px; } section.style-11.order-process .process-tabs ul.tab-select li:last-child a {
-webkit-box-shadow: none;
box-shadow: none; } section.style-11.order-process .process-tabs ul.tab-select li.active a {
background: #d65627;
color: #fff; } section.style-11.order-process .process-tabs ul.tab-select li a {
width: 100%;
height: 100%;
float: left;
background: #e1e1e1;
color: #5c5c5c;
font-size: 14px;
font-family: "Lovelo";
position: relative;
-webkit-box-shadow: inset -2px 0 0 #fff;
box-shadow: inset -2px 0 0 #fff; } section.style-11.order-process .process-tabs ul.tab-select li a span {
width: 100%;
padding: 15px;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } section.style-11.order-process .process-tabs .tab-content {
width: 100%;
float: left;
overflow: hidden;
padding: 50px;
border: 1px solid #ddd; } section.style-11.order-process .process-tabs .tab-content .tab-pane {
width: 100%;
display: block;
visibility: hidden;
height: 0;
max-height: 0;
overflow: hidden;
float: left; } section.style-11.order-process .process-tabs .tab-content .tab-pane.active {
visibility: visible;
height: auto;
max-height: 9999px; } section.style-11.order-process .process-tabs .tab-content .tab-pane.active .row {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-11.order-process .process-tabs .tab-content .tab-pane .row {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; } section.style-11.order-process .process-tabs .tab-content .tab-pane .title-bar, section.style-11.order-process .process-tabs .tab-content .tab-pane .desc {
text-align: left; } section.style-11.order-process .process-tabs .tab-content .tab-pane h3 {
margin: 0; } section.style-11.order-process .process-tabs .tab-content .tab-pane.imgleft .text {
float: right; } section.style-11.order-process .process-tabs .tab-content .tab-pane.imgleft .image {
float: left; } section.style-11.order-process .process-tabs .tab-content .tab-pane .image {
text-align: center; } section.style-11.order-process .process-tabs .tab-content .tab-pane .image img {
max-width: 90%; }
@media screen and (max-width: 992px) { section.style-11 .images-wrapper {
margin-top: 30px; } section.style-11.single-product .product-wrapper .reviews .actual-review .one {
height: 100%;
padding: 30px;
padding-right: 60px;
position: relative;
float: left; } section.style-11.single-product .product-wrapper .reviews .review-controls {
padding: 0 30px; } section.style-11.single-product .product-wrapper .reviews .slick-prev {
left: 15px !important;
margin-left: -10px; } section.style-11.single-product .product-wrapper .reviews .slick-prev:before {
content: "\f053"; } section.style-11.single-product .product-wrapper .reviews .slick-next {
right: 15px !important;
margin-right: -10px; } section.style-11.single-product .product-wrapper .reviews .slick-next:before {
content: "\f054"; } section.style-11.order-process .process-steps .step-2, section.style-11.order-process .process-steps .step-3, section.style-11.order-process .process-steps .step-4 {
text-align: center; } section.style-11.order-process .process-steps .step-2 {
width: calc(100% - 220px); } section.style-11.order-process .process-steps .step-3 {
width: calc(100% - 50px);
margin-top: -20px; } section.style-11.order-process .process-steps .step-4 {
width: calc(100% - 170px);
margin-top: 15px; } section.style-11.order-process .process-steps .step-5 {
margin-top: -20px; } section.style-11.order-process .process-tabs ul.tab-select li {
width: 50% !important; } section.style-11.order-process .process-tabs .tab-content .image {
margin-top: 30px; } section.style-11.textwithquote .images {
width: 100%;
height: 300px; }
}
@media screen and (max-width: 768px) { section.style-11.textwithquote .quote {
padding: 0; } section.style-11.textwithquote .quote .quote-head {
text-align: center; } section.style-11.textwithquote .quote .quote-head .first-name, section.style-11.textwithquote .quote .quote-head .last-name {
width: 50%;
height: 30px;
line-height: 30px;
float: left !important; } section.style-11.textwithquote .quote .quote-head .image {
display: inline-block;
text-align: center;
float: none; } section.style-11.single-product {
width: 100%;
padding: 0 15px; } section.style-11.single-product .product-wrapper .product-info {
padding: 30px; } section.style-11.order-process .process-steps {
text-align: center; } section.style-11.order-process .process-steps .step-2, section.style-11.order-process .process-steps .step-3, section.style-11.order-process .process-steps .step-4 {
width: calc(100% - 50px);
margin: 0; } section.style-11.order-process .process-steps .step-1, section.style-11.order-process .process-steps .step-5 {
width: 140px;
height: 140px;
line-height: 140px;
margin: 0;
display: inline-block;
float: none;
margin: 0 30px; } section.style-11.order-process .process-tabs ul.tab-select li {
width: 100% !important; }
}  section.style-12 .inner {
padding: 120px 0; } section.style-12 .title-bar {
width: 100%;
text-align: center;
margin-bottom: 30px; } section.style-12 .title-bar h3 {
display: inline-block;
padding: 15px 20px;
border: 3px solid #ec2c55;
font-size: 19px;
line-height: 1;
font-family: "Lovelo";
color: #111;
letter-spacing: 2px; } section.style-12.services {
background: #000; } section.style-12.services .inner {
padding: 30px 0;
padding-bottom: 120px; } section.style-12.services .title-bar h3 {
color: #fff; } section.style-12.services .list {
margin-left: -30px;
margin-right: -30px; } section.style-12.services .list:hover .box, section.style-12.services .list:hover > div:after {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-12.services .list > div {
padding: 0;
position: relative;
overflow: hidden; } section.style-12.services .list > div:nth-of-type(3n+3):after {
display: none; } section.style-12.services .list > div:after {
content: "";
width: 1px;
height: 150px;
background: #363636;
position: absolute;
top: 50%;
margin-top: -75px;
right: 0; } section.style-12.services .list .box {
width: 100%;
height: 100%;
float: left;
padding-left: 30px;
padding-right: 30px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-12.services .list .box:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-12.services .list .box:hover .icon, section.style-12.services .list .box:hover .name, section.style-12.services .list .box:hover p {
color: #fff; } section.style-12.services .list .box:hover .name:after {
max-width: 80px;
background: #fff; } section.style-12.services .list .box:hover .icon {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px); } section.style-12.services .list .box:hover p {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px); } section.style-12.services .list .box .icon, section.style-12.services .list .box .name, section.style-12.services .list .box .name:after, section.style-12.services .list .box p {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-12.services .list .box .icon {
width: 100%;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 55px;
color: #ec2c55; } section.style-12.services .list .box .name {
width: 100%;
height: auto;
text-align: center;
font-family: "Lovelo";
font-size: 18px;
color: #ec2c55; } section.style-12.services .list .box .name:after {
content: "";
max-width: 40px;
height: 2px;
background: #ec2c55;
display: block;
margin: 10px auto; } section.style-12.services .list .box p {
font-size: 14px;
line-height: 25px;
color: #979797;
text-align: center; } section.style-12.our-team {
background: #f0f0f0; } section.style-12.our-team .inner {
padding: 60px 0; } section.style-12.our-team .works {
margin-left: 0;
margin-right: 0; } section.style-12.our-team .works .work {
height: 200px;
background: #fff;
padding: 0; } section.style-12.our-team .works .work .box {
width: 100%;
height: 100%;
overflow: hidden; } section.style-12.our-team .works .work .image {
width: 50%;
height: 100%;
float: left;
position: relative;
background-size: cover;
background-position: center center; } section.style-12.our-team .works .work .image a.full-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden; } section.style-12.our-team .works .work .image a.full-link:hover .leftright-border:before, section.style-12.our-team .works .work .image a.full-link:hover .leftright-border:after, section.style-12.our-team .works .work .image a.full-link:hover .topbottom-border:before, section.style-12.our-team .works .work .image a.full-link:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-12.our-team .works .work .image a.full-link:hover .topbottom-border:before, section.style-12.our-team .works .work .image a.full-link:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-12.our-team .works .work .image a.full-link .leftright-border:before, section.style-12.our-team .works .work .image a.full-link .leftright-border:after, section.style-12.our-team .works .work .image a.full-link .topbottom-border:before, section.style-12.our-team .works .work .image a.full-link .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } section.style-12.our-team .works .work .image a.full-link .leftright-border:before, section.style-12.our-team .works .work .image a.full-link .leftright-border:after {
content: "";
width: 2px;
position: absolute;
top: 20px;
bottom: 20px;
background: #fff; } section.style-12.our-team .works .work .image a.full-link .leftright-border:before {
left: 20px;
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-12.our-team .works .work .image a.full-link .leftright-border:after {
right: 20px;
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-12.our-team .works .work .image a.full-link .topbottom-border:before, section.style-12.our-team .works .work .image a.full-link .topbottom-border:after {
content: "";
height: 2px;
position: absolute;
left: 20px;
right: 20px;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-12.our-team .works .work .image a.full-link .topbottom-border:before {
top: 20px;
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-12.our-team .works .work .image a.full-link .topbottom-border:after {
bottom: 20px;
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-12.our-team .works .work .text {
width: 50%;
height: 100%;
float: left;
padding: 30px;
color: #000;
position: relative;
z-index: 5; } section.style-12.our-team .works .work .text:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: -20px; } section.style-12.our-team .works .work .text .name {
font-family: "Lovelo";
font-size: 27px;
line-height: 30px;
color: #000;
float: left;
word-wrap: break-word; } section.style-12.our-team .works .work .text .name:hover {
color: #ec2c55; } section.style-12.our-team .works .work .text .short-desc {
font-family: "Lovelo";
font-size: 11px;
width: 100%;
float: left;
margin-top: 10px; } section.style-12.our-team .works .work .text .short-content {
width: 100%;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 24px;
margin-top: 30px;
color: #282828; } section.style-12.our-team .works .work:nth-of-type(1n+2) .text {
width: 50% !important; } section.style-12.our-team .works .work:nth-of-type(1n+2) .image {
width: 50% !important; } section.style-12.our-team .works .work:nth-of-type(2) .image, section.style-12.our-team .works .work:nth-of-type(4) .image, section.style-12.our-team .works .work:nth-of-type(5) .image {
float: left; } section.style-12.our-team .works .work:nth-of-type(2) .text, section.style-12.our-team .works .work:nth-of-type(4) .text, section.style-12.our-team .works .work:nth-of-type(5) .text {
float: right; } section.style-12.our-team .works .work:nth-of-type(2) .text:before, section.style-12.our-team .works .work:nth-of-type(4) .text:before, section.style-12.our-team .works .work:nth-of-type(5) .text:before {
right: auto;
left: -20px;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); } section.style-12.our-team .works .work:nth-of-type(1) {
height: 400px; } section.style-12.our-team .works .work:nth-of-type(1) .text {
float: left;
width: auto; } section.style-12.our-team .works .work:nth-of-type(1) .image {
float: right; } section.style-12.featured-post .row {
margin: 0; } section.style-12.featured-post .row > div {
padding: 0; } section.style-12.featured-post .row > div .equalizer-inner {
height: 100%; }
@media screen and (min-width: 992px) { section.style-12.featured-post.image-right .row > div:nth-of-type(1) {
float: right; } section.style-12.featured-post.image-right .row > div:nth-of-type(2) {
float: left; } section.style-12.featured-post.image-right .post-info:before {
left: auto;
right: -12px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
} section.style-12.featured-post .post-image {
height: 100%;
background-size: cover;
background-position: center center;
position: relative; } section.style-12.featured-post .post-image a {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; } section.style-12.featured-post .post-image a:hover {
background: rgba(0, 0, 0, 0.85); } section.style-12.featured-post .post-image a:hover .links span {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-12.featured-post .post-image a:hover .links span {
-webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, box-shadow 0.35s, color;
-o-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, box-shadow 0.35s, color;
transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, box-shadow 0.35s, color; } section.style-12.featured-post .post-image a:hover .leftright-border:before, section.style-12.featured-post .post-image a:hover .leftright-border:after, section.style-12.featured-post .post-image a:hover .topbottom-border:before, section.style-12.featured-post .post-image a:hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } section.style-12.featured-post .post-image a:hover .topbottom-border:before, section.style-12.featured-post .post-image a:hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } section.style-12.featured-post .post-image a .leftright-border:before, section.style-12.featured-post .post-image a .leftright-border:after, section.style-12.featured-post .post-image a .topbottom-border:before, section.style-12.featured-post .post-image a .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } section.style-12.featured-post .post-image a .leftright-border:before, section.style-12.featured-post .post-image a .leftright-border:after {
content: "";
width: 2px;
position: absolute;
top: 20px;
bottom: 20px;
background: rgba(255, 255, 255, 0.6); } section.style-12.featured-post .post-image a .leftright-border:before {
left: 20px;
-webkit-transform: translateY(-125%);
-moz-transform: translateY(-125%);
-ms-transform: translateY(-125%);
-o-transform: translateY(-125%);
transform: translateY(-125%); } section.style-12.featured-post .post-image a .leftright-border:after {
right: 20px;
-webkit-transform: translateY(125%);
-moz-transform: translateY(125%);
-ms-transform: translateY(125%);
-o-transform: translateY(125%);
transform: translateY(125%); } section.style-12.featured-post .post-image a .topbottom-border:before, section.style-12.featured-post .post-image a .topbottom-border:after {
content: "";
height: 2px;
position: absolute;
left: 20px;
right: 20px;
background: rgba(255, 255, 255, 0.6);
-webkit-transition-delay: 0s;
transition-delay: 0s; } section.style-12.featured-post .post-image a .topbottom-border:before {
top: 20px;
-webkit-transform: translateX(125%);
-moz-transform: translateX(125%);
-ms-transform: translateX(125%);
-o-transform: translateX(125%);
transform: translateX(125%); } section.style-12.featured-post .post-image a .topbottom-border:after {
bottom: 20px;
-webkit-transform: translateX(-125%);
-moz-transform: translateX(-125%);
-ms-transform: translateX(-125%);
-o-transform: translateX(-125%);
transform: translateX(-125%); } section.style-12.featured-post .post-image a .links {
width: 100%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center; } section.style-12.featured-post .post-image a .links span {
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
margin: 0 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
font-size: 17px;
color: #fff; } section.style-12.featured-post .post-info {
background: #ec2c55; } section.style-12.featured-post .post-info:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 13px 13px 13px 0;
border-color: transparent #ec2c55 transparent transparent;
position: absolute;
top: 50%;
margin-top: -13px;
left: -12px; }
@media screen and (max-width: 992px) { section.style-12.featured-post .post-info:before {
left: 50%;
margin-left: -13px;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #EC2C55 !important;
top: 0px; }
} section.style-12.featured-post .post-info .inside {
padding: 50px; } section.style-12.featured-post .post-info .inside .date {
font-size: 11px;
color: #fff;
font-style: italic;
display: block; } section.style-12.featured-post .post-info .inside .title {
display: block;
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
color: #fff;
font-size: 22px;
font-weight: 600;
padding: 15px 0; } section.style-12.featured-post .post-info .inside p {
font-size: 13px;
line-height: 22px;
color: #fff; } section.style-12.featured-post .post-info .inside .read-more {
display: inline-block;
border: 2px solid #fff;
font-family: "Lovelo";
font-size: 10px;
letter-spacing: 2px;
margin-top: 15px;
color: #fff; } section.style-12.featured-post .post-info .inside .read-more:hover {
color: #111; } section.style-12.featured-post .post-info .inside .read-more:hover span:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-12.featured-post .post-info .inside .read-more span {
width: 100%;
height: 100%;
padding: 10px 20px;
float: left;
position: relative;
z-index: 3;
overflow: hidden; } section.style-12.featured-post .post-info .inside .read-more span:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-12.mini-services {
background: #f0f0f0; } section.style-12.mini-services .inner {
padding: 60px 0; } section.style-12.mini-services .list {
text-align: center; } section.style-12.mini-services .list > div {
float: none;
display: inline-block;
margin-left: -4px; } section.style-12.mini-services .list .service {
width: 100%;
height: auto;
text-align: left;
overflow: hidden; } section.style-12.mini-services .list .service:hover .icon i {
-webkit-transform: translate(-50%, -50%) scale(0.8);
-moz-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8); } section.style-12.mini-services .list .service:hover .content .name {
-webkit-transform: translateY(3px);
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px); } section.style-12.mini-services .list .service:hover .content p {
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px); } section.style-12.mini-services .list .service .icon {
width: 80px;
height: 100%;
float: left;
position: relative; } section.style-12.mini-services .list .service .icon i {
font-size: 65px;
line-height: 1;
color: #ec2c55;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-12.mini-services .list .service .content {
width: calc(100% - 80px);
height: 100%;
float: left;
padding: 20px 0;
padding-left: 30px;
position: relative; } section.style-12.mini-services .list .service .content:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 14px;
background: #e1e1e1; } section.style-12.mini-services .list .service .content .name, section.style-12.mini-services .list .service .content p {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-12.mini-services .list .service .content .name {
width: 100%;
height: auto;
float: left;
font-size: 14px;
font-family: "Lovelo";
color: #ec2c55; } section.style-12.mini-services .list .service .content p {
width: 100%;
float: left;
font-size: 13px;
color: #979797;
line-height: 20px;
margin: 0;
margin-top: 10px; }
@media screen and (max-width: 992px) { section.style-12 .inner {
padding: 60px 0; } section.style-12.services .list > div {
margin-bottom: 30px; } section.style-12.services .list > div:after {
display: none; } section.style-12.services .list > div:last-child {
margin-bottom: 0; } section.style-12.featured-post .post-image-wrapper, section.style-12.featured-post .post-image {
height: 250px; }
}  section.style-13 .inner {
padding: 20px 0; } section.style-13 .title-bar {
width: 100%;
text-align: center;
margin-bottom: 0px; } section.style-13 .title-bar h3 {
width: 100%;
position: relative;
margin: 0;
font-size: 18px;
color: #000;
font-family: "Lovelo"; } section.style-13 .title-bar h3:before {
content: "";
position: absolute;
z-index: 1;
top: 50%;
left: 0;
right: 0;
height: 1px;
background: #cccccc; } section.style-13 .title-bar h3 span {
position: relative;
z-index: 3;
padding: 0 15px;
background: #fff; } section.style-13 .title-bar span:not(h3 span) {
font-size: 14px;
color: #000;
font-family: "Lovelo"; } section.style-13.fun-facts {
background: #fe4b68; } section.style-13.fun-facts .container {
text-align: center;
padding: 35px 0; } section.style-13.fun-facts .fact {
width: 100%;
display: inline-block;
margin: 15px 0;
margin-left: -4px; } section.style-13.fun-facts .fact .count {
font-size: 98px;
line-height: 80px;
color: rgba(0, 0, 0, 0.25);
font-family: "Lovelo"; } section.style-13.fun-facts .fact .count span {
color: #fff; } section.style-13.fun-facts .fact .name {
width: 100%;
float: left;
font-size: 16px;
color: #fff;
font-family: "Lovelo";
letter-spacing: 1px;
padding-top: 5px; } section.style-13.portfolio .inner {
padding-bottom: 0; } section.style-13.our-team {
background-size: cover;
background-position: center center; } section.style-13.our-team .members {
text-align: center; } section.style-13.our-team .members > div {
float: none;
display: inline-block;
margin-left: -5px; } section.style-13.our-team .members .member {
width: 100%;
height: auto;
text-align: center;
overflow: hidden;
padding: 15px 0; } section.style-13.our-team .members .member .image {
width: 220px;
height: 220px;
overflow: hidden;
display: inline-block;
background-size: cover;
background-position: center center;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-13.our-team .members .member .image, section.style-13.our-team .members .member .image:before, section.style-13.our-team .members .member .image .hover {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } section.style-13.our-team .members .member .image:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: inset 0 0 0 3px #ec2c55, inset 0 0 0 6px #fff;
box-shadow: inset 0 0 0 3px #ec2c55, inset 0 0 0 6px #fff; } section.style-13.our-team .members .member .image .hover {
position: absolute;
top: 6px;
right: 6px;
bottom: 6px;
left: 6px;
background: rgba(236, 44, 85, 0.8);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } section.style-13.our-team .members .member .image .hover .social {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-13.our-team .members .member .image .hover .social a {
display: inline-block;
padding: 5px;
margin: 0 3px;
color: #fff;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: transform 0.25s, opacity 0.25s;
-o-transition: transform 0.25s, opacity 0.25s;
transition: transform 0.25s, opacity 0.25s; } section.style-13.our-team .members .member .image .hover .social a:hover {
color: rgba(255, 255, 255, 0.5); } section.style-13.our-team .members .member .image:hover {
background-size: 200%; } section.style-13.our-team .members .member .image:hover .hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-13.our-team .members .member .image:hover .hover .social a {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-13.our-team .members .member .image:hover .hover .social a:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; } section.style-13.our-team .members .member .image:hover .hover .social a:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; } section.style-13.our-team .members .member .image:hover .hover .social a:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; } section.style-13.our-team .members .member .image:hover .hover .social a:nth-of-type(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; } section.style-13.our-team .members .member .image:hover .hover .social a:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s; } section.style-13.our-team .members .member .image:hover .hover .social a:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s; } section.style-13.our-team .members .member .info {
width: 100%;
float: left;
margin-top: 30px; } section.style-13.our-team .members .member .info .name {
display: block;
font-size: 22px;
color: #000; } section.style-13.our-team .members .member .info .position {
display: block;
font-size: 17px;
color: #8b8b8b;
margin-top: 2px; }
@media screen and (max-width: 992px) { section.style-13.fun-facts .fact {
width: 33.33% !important; } section.style-13.our-team .members > div {
margin-bottom: 30px; } section.style-13.our-team .members > div:last-child {
margin-bottom: 0; }
}
@media screen and (max-width: 768px) { section.style-13.fun-facts .fact {
width: 50% !important; }
}
@media screen and (max-width: 640px) { section.style-13.fun-facts .fact {
width: 100% !important; }
}  .fullscreen-holder .fullscreen-section {
background-size: cover;
background-position: center center;
position: relative; } .fullscreen-holder .fullscreen-section .valign {
width: 100%;
max-width: 960px;
position: absolute;
top: calc(50% + 10px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #ffffff; } .fullscreen-holder .fullscreen-section .valign .post-wrapper {
width: 100%;
position: relative;
float: left; } .fullscreen-holder .fullscreen-section .valign .post-wrapper:before {
content: "";
position: absolute;
z-index: -1;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 2px solid #fff; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .post-icon {
width: 55px;
height: 55px;
background: #cb5050;
color: #fff;
line-height: 55px;
font-size: 20px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 5;
top: 20px;
right: 20px;
float: left;
pointer-events: none; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content {
width: 50%;
float: left;
background: #cb5050;
padding: 60px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-title {
font-size: 30px;
color: #fff;
font-family: "Lovelo";
text-align: center; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-title:hover {
color: rgba(255, 255, 255, 0.6); } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-text {
width: 100%;
float: left;
color: #fff;
margin-top: 30px;
font-size: 14px;
line-height: 24px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-text ul {
margin: 0;
padding: 0;
list-style: none; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-text ul li {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px 0;
padding-left: 25px;
position: relative; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-text ul li:before {
width: 25px;
float: left;
height: 100%;
content: "\25FC";
font-size: 10px;
line-height: 20px;
-webkit-transform: translateX(-25px);
-moz-transform: translateX(-25px);
-ms-transform: translateX(-25px);
-o-transform: translateX(-25px);
transform: translateX(-25px);
position: absolute; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-text ul li:last-child {
border-bottom: none; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image {
width: 50%;
float: left;
padding: 10px;
position: relative; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
z-index: 3; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image a.full {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image a.full:hover {
opacity: 1;
filter: alpha(opacity=100); } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image img {
min-width: 100%;
max-width: 150%;
min-height: 100%;
max-height: 150%; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick {
overflow: hidden; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-slide {
height: 100%;
overflow: hidden;
float: left; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-slide img {
min-width: 100%;
min-height: 100%;
max-width: 120%;
max-height: 150%; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-prev, .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-next {
top: auto;
right: auto;
bottom: auto;
left: auto;
position: absolute;
bottom: 0;
right: 0;
text-indent: -999px;
overflow: hidden;
width: 50px;
height: 50px;
border: none;
background: #cb5050; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-prev:before, .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-next:before {
text-indent: 0;
content: "";
width: 100%;
height: 100%;
float: left;
font-size: 22px;
color: #fff;
line-height: 50px;
text-align: center;
font-family: "FontAwesome"; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-prev.slick-disabled, .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-next.slick-disabled {
opacity: 0.7;
filter: alpha(opacity=70); } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-prev {
right: 52px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-prev:before {
content: "\f104"; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .actual-image .post-images-slick .slick-next:before {
content: "\f105"; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .post-icon, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .post-icon, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .post-icon {
background: #fff;
color: #cb5050; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content {
width: 100%; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .date, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .date, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .date {
font-size: 14px;
font-family: "Lovelo";
display: block;
margin-top: -5px;
color: #fff; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .date:after, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .date:after, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .date:after {
content: "";
width: 50px;
height: 1px;
background: #fff;
display: block;
margin: 15px 0; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .post-text, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .post-text, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .post-text {
margin: 0; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .post-text p, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .post-text p, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .post-text p {
font-family: Georgia, Cambria, "Times New Roman", Times, serif;
font-weight: 600;
font-style: italic; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .buttons, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .buttons {
width: 100%;
float: left;
margin-top: 30px;
overflow: hidden; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .buttons a, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .buttons a {
display: inline-block;
border: 2px solid #fff;
font-size: 12px;
color: #fff;
font-family: "Lovelo";
letter-spacing: 1.5px;
overflow: hidden; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .buttons a:hover, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a:hover, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .buttons a:hover {
color: #111; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .buttons a:hover span:before, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a:hover span:before, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .buttons a:hover span:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .buttons a span, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a span, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .buttons a span {
width: 100%;
height: 100%;
float: left;
padding: 15px 30px;
position: relative;
z-index: 3; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.normal.full .content .buttons a span:before, .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a span:before, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .buttons a span:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content {
background: #fff;
width: 100%; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .post-title {
color: #000; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .post-title:hover {
color: rgba(0, 0, 0, 0.6); } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .post-icon {
background: #cb5050;
color: #fff; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .date {
color: #000; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .date:after {
background: #000; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .post-text {
color: #000; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a {
border: 2px solid #000;
color: #000; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a:hover {
color: #fff; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a:hover span:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } .fullscreen-holder .fullscreen-section .valign .post-wrapper.quote .content .buttons a span:before {
background: #000; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content {
width: 50%; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .post-icon {
background: #cb5050;
color: #fff; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content p {
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: normal; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .image .actual-image a.play-video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .image .actual-image a.play-video:hover {
background: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5); } .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .image .actual-image a.play-video:hover i {
-webkit-transform: translate(-50%, -50%) scale(0.9);
-moz-transform: translate(-50%, -50%) scale(0.9);
-ms-transform: translate(-50%, -50%) scale(0.9);
-o-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9); } .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .image .actual-image a.play-video i {
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 30px;
padding-left: 5px;
-webkit-box-shadow: inset 0 0 0 8px #fff;
box-shadow: inset 0 0 0 8px #fff;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } body.addvh footer.main {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20px 0; }
@media screen and (max-width: 1024px) { html, body {
overflow: initial !important; } .fullscreen-holder {
width: 100%;
height: auto;
overflow: hidden; } .fullscreen-holder .fullscreen-section {
width: 100%;
padding: 60px 15px;
overflow: hidden;
float: left;
position: static !important; } .fullscreen-holder .fullscreen-section .valign {
width: 100%;
max-width: 9999px !important;
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
float: left; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .post-icon {
display: none !important; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content {
width: 100% !important;
padding: 30px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-title {
padding-right: 85px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-icon, .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .post-icon {
background: #fff;
color: #cb5050; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image {
width: 100%;
height: 350px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .post-images-slick, .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .post-images-slick div {
height: 350px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .slick-next, .fullscreen-holder .fullscreen-section .valign .post-wrapper .slick-prev {
bottom: 20px !important; } footer.main {
position: static; }
} body.fie {
overflow: auto !important; } body.fie .fullscreen-holder {
width: 100%;
height: auto;
overflow: hidden; } body.fie .fullscreen-holder .fullscreen-section {
width: 100%;
padding: 60px 15px;
overflow: hidden;
float: left;
position: static !important;
text-align: center; } body.fie .fullscreen-holder .fullscreen-section .valign {
width: 100%;
max-width: 800px !important;
position: relative;
top: auto;
left: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
display: inline-block;
text-align: left; } body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .post-icon {
display: none !important; } body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .content {
width: 100% !important;
padding: 30px; } body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-title {
padding-right: 85px; } body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-icon, body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper.video .content .post-icon {
background: #fff;
color: #cb5050; } body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .image {
width: 100%;
height: 350px; } body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .post-images-slick, body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .post-images-slick div {
height: 350px; } body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .slick-next, body.fie .fullscreen-holder .fullscreen-section .valign .post-wrapper .slick-prev {
bottom: 20px !important; } body.fie footer.main {
position: static; }
@media screen and (max-width: 768px) { .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-title {
font-size: 20px;
line-height: 20px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .date {
margin-top: 5px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .content .post-text p {
font-size: 12px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image {
height: 200px; } .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .post-images-slick, .fullscreen-holder .fullscreen-section .valign .post-wrapper .image .post-images-slick div {
height: 200px; }
}  section.style-15.portfolio-items {
padding-bottom: 60px; } section.style-15.portfolio-items .portfolio-items-wrapper {
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; } section.style-15.portfolio-items .portfolio-items-wrapper.changingclass {
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
opacity: 0;
filter: alpha(opacity=0); } section.style-15.portfolio-items .portfolio-items-wrapper .item {
float: left;
position: relative;
overflow: hidden; } section.style-15.portfolio-items .portfolio-items-wrapper .item .image {
width: 100%;
height: 330px;
float: left;
background-color: #333;
background-size: cover;
background-positon: center center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative; } section.style-15.portfolio-items .portfolio-items-wrapper .item .image a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-15.portfolio-items .portfolio-items-wrapper .item-icon {
position: absolute;
z-index: 5;
top: 15px;
right: 15px;
color: #fff;
font-size: 20px;
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item {
width: 25%; }
@media screen and (max-width: 992px) {
section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item {
width: 33.333%; } }
@media screen and (max-width: 768px) {
section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item {
width: 50%; } }
@media screen and (max-width: 640px) {
section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item {
width: 100%; } } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item, section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .image {
min-height: 250px; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item p.project-desc {
display: none; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .item-icon {
position: absolute;
z-index: 5;
top: 15px;
right: 15px;
color: #fff;
font-size: 20px;
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .item-icon {
opacity: 1;
filter: alpha(opacity=100); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .image {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .hover .title {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .hover .actions {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .hover .actions a, section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .hover .actions a:nth-of-type(1), section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .hover .actions a:nth-of-type(2) {
-webkit-transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
-o-transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item:hover .hover .actions .sep {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.25);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover .title {
width: 100%;
text-align: center;
padding: 0 30px;
position: absolute;
top: calc(50% - 35px);
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(calc(-50% + 25px));
-moz-transform: translateY(calc(-50% + 25px));
-ms-transform: translateY(calc(-50% + 25px));
-o-transform: translateY(calc(-50% + 25px));
transform: translateY(calc(-50% + 25px));
font-size: 24px;
line-height: 27px;
font-family: "Lovelo";
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover .actions {
width: 100%;
height: 70px;
line-height: 70px;
background: #448ccb;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
-webkit-transform: translateY(70px);
-moz-transform: translateY(70px);
-ms-transform: translateY(70px);
-o-transform: translateY(70px);
transform: translateY(70px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover .actions a {
display: inline-block;
color: #fff;
font-size: 20px;
margin-left: 0;
margin: 0 15px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover .actions a:hover {
color: rgba(255, 255, 255, 0.5); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover .actions a:nth-of-type(1) {
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover .actions a:nth-of-type(2) {
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px); } section.style-15.portfolio-items .portfolio-items-wrapper.boxes .item .hover .actions .sep {
width: 1px;
height: 40px;
background: rgba(255, 255, 255, 0.25);
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item {
width: 100%;
max-height: 250px; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item, section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .image {
height: 250px; }
@media screen and (max-width: 768px) { section.style-15.portfolio-items .portfolio-items-wrapper.lines .item {
height: auto !important;
max-height: 999px;
margin-bottom: 30px; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item:last-child {
margin-bottom: 0; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .image {
height: 150px; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .hover {
padding: 0;
padding: 15px 0;
text-align: center; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .hover .actions a {
margin: 0;
margin: 0 2px; }
} section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .image, section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .hover {
width: 50%;
float: left; }
@media screen and (max-width: 768px) {
section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .image, section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .hover {
width: 100%; } } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item .item-icon {
top: auto;
right: auto;
left: auto;
bottom: auto;
top: 15px;
left: 15px; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item:nth-of-type(2n+2) .image {
float: right; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item:nth-of-type(2n+2) .item-icon {
left: auto;
right: 15px; } section.style-15.portfolio-items .portfolio-items-wrapper.lines .item:nth-of-type(2n+2) .hover {
padding-left: 0; } section.style-15.portfolio-items.notcols .portfolio-items-wrapper.lines .item .hover {
padding: 15px; } section.style-15.portfolio-items.notcols .portfolio-items-wrapper.lines .item .hover .title {
font-size: 20px;
font-family: "Lovelo";
color: #000; } section.style-15.portfolio-items.notcols .portfolio-items-wrapper.lines .item .hover .actions {
width: 100%;
float: left;
overflow: hidden;
margin-top: 10px; } section.style-15.portfolio-items.notcols .portfolio-items-wrapper.lines .item .hover .actions a {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
display: inline-block;
background: #000;
font-size: 14px;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; } section.style-15.portfolio-items.notcols .portfolio-items-wrapper.lines .item .hover .actions a:hover {
background: #448ccb; } .load-more-wrapper {
width: 100%;
height: auto;
overflow: hidden;
float: left;
margin-top: 60px;
text-align: center; } .load-more-wrapper a {
display: inline-block;
border: 2px solid #000;
color: #000;
font-family: "Lovelo";
font-size: 14px;
letter-spacing: 2px; } .load-more-wrapper a.end_of_posts {
opacity: 0.5;
filter: alpha(opacity=50);
pointer-events: none; } .load-more-wrapper a.loading {
pointer-events: none; } .load-more-wrapper a:hover {
color: #fff; } .load-more-wrapper a:hover span:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } .load-more-wrapper a span {
padding: 10px 30px;
float: left;
position: relative;
overflow: hidden; } .load-more-wrapper a span:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-15.portfolio-items ul.portfolio-filter, section.style-misc.blog-items ul.portfolio-filter, section.style-misc.blog-items-grid ul.portfolio-filter {
list-style: none;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
overflow: hidden;
margin: 0;
padding: 0;
margin: 30px 0;
padding: 10px 0; }
@media screen and (max-width: 768px) {
section.style-15.portfolio-items ul.portfolio-filter, section.style-misc.blog-items ul.portfolio-filter, section.style-misc.blog-items-grid ul.portfolio-filter {
text-align: center; } } section.style-15.portfolio-items ul.portfolio-filter .right, section.style-misc.blog-items ul.portfolio-filter .right, section.style-misc.blog-items-grid ul.portfolio-filter .right {
margin-right: 0; } section.style-15.portfolio-items ul.portfolio-filter .right > ul, section.style-misc.blog-items ul.portfolio-filter .right > ul, section.style-misc.blog-items-grid ul.portfolio-filter .right > ul {
padding-left: 0; } section.style-15.portfolio-items ul.portfolio-filter .left > ul, section.style-misc.blog-items ul.portfolio-filter .left > ul, section.style-misc.blog-items-grid ul.portfolio-filter .left > ul {
padding-left: 0; } section.style-15.portfolio-items ul.portfolio-filter .left li, section.style-misc.blog-items ul.portfolio-filter .left li, section.style-misc.blog-items-grid ul.portfolio-filter .left li {
line-height: 40px;
min-height: 40px; } section.style-15.portfolio-items ul.portfolio-filter .left li a, section.style-misc.blog-items ul.portfolio-filter .left li a, section.style-misc.blog-items-grid ul.portfolio-filter .left li a {
padding: 0;
line-height: 40px; }
@media screen and (max-width: 768px) {
section.style-15.portfolio-items ul.portfolio-filter .left, section.style-misc.blog-items ul.portfolio-filter .left, section.style-misc.blog-items-grid ul.portfolio-filter .left {
width: 100%;
text-align: center; } } section.style-15.portfolio-items ul.portfolio-filter li, section.style-misc.blog-items ul.portfolio-filter li, section.style-misc.blog-items-grid ul.portfolio-filter li {
display: inline-block;
margin-right: 15px; } section.style-15.portfolio-items ul.portfolio-filter li.active a, section.style-misc.blog-items ul.portfolio-filter li.active a, section.style-misc.blog-items-grid ul.portfolio-filter li.active a {
color: #448ccb; } section.style-15.portfolio-items ul.portfolio-filter li a, section.style-misc.blog-items ul.portfolio-filter li a, section.style-misc.blog-items-grid ul.portfolio-filter li a {
padding: 5px 0;
float: left;
font-size: 14px;
color: #000;
font-family: "Lovelo"; } section.style-15.portfolio-items ul.portfolio-filter li a:hover, section.style-misc.blog-items ul.portfolio-filter li a:hover, section.style-misc.blog-items-grid ul.portfolio-filter li a:hover {
color: #448ccb; }
@media screen and (max-width: 768px) {
section.style-15.portfolio-items ul.portfolio-filter .sort-layout, section.style-misc.blog-items ul.portfolio-filter .sort-layout, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout {
width: 100%;
text-align: center; } }
@media screen and (max-width: 640px) {
section.style-15.portfolio-items ul.portfolio-filter .sort-layout, section.style-misc.blog-items ul.portfolio-filter .sort-layout, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout {
display: none; } } section.style-15.portfolio-items ul.portfolio-filter .sort-layout li, section.style-misc.blog-items ul.portfolio-filter .sort-layout li, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout li {
float: none;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #d7d7d7;
padding: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
margin-left: 5px;
margin-top: 5px; } section.style-15.portfolio-items ul.portfolio-filter .sort-layout li:hover, section.style-15.portfolio-items ul.portfolio-filter .sort-layout li.active, section.style-misc.blog-items ul.portfolio-filter .sort-layout li:hover, section.style-misc.blog-items ul.portfolio-filter .sort-layout li.active, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout li:hover, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout li.active {
border-color: #448ccb; } section.style-15.portfolio-items ul.portfolio-filter .sort-layout li:hover a, section.style-15.portfolio-items ul.portfolio-filter .sort-layout li.active a, section.style-misc.blog-items ul.portfolio-filter .sort-layout li:hover a, section.style-misc.blog-items ul.portfolio-filter .sort-layout li.active a, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout li:hover a, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout li.active a {
color: #448ccb; } section.style-15.portfolio-items ul.portfolio-filter .sort-layout li a, section.style-misc.blog-items ul.portfolio-filter .sort-layout li a, section.style-misc.blog-items-grid ul.portfolio-filter .sort-layout li a {
width: 100%;
padding: 0;
color: #d7d7d7; } body.woocommerce .sidebar {
padding-top: 0 !important; } .search-field::-webkit-input-placeholder {
color: #fff;
opacity: 1 !important; } .search-field:-moz-placeholder { color: #fff;
opacity: 1 !important; } .search-field::-moz-placeholder { color: #fff;
opacity: 1 !important; } .search-field:-ms-input-placeholder {
color: #fff;
opacity: 1 !important; } section.style-15.portfolio-items-wrapper .sidebar, section.style-misc.blog-items .sidebar, section.style-misc.blog-single .sidebar, section.style-15.portfolio-items .sidebar, section.single-post .sidebar, section.single-page .sidebar, section.style-misc.blog-items-grid .sidebar, #site-content .sidebar { padding: 30px 0; }
@media screen and (max-width: 992px) {
section.style-15.portfolio-items-wrapper .sidebar, section.style-misc.blog-items .sidebar, section.style-misc.blog-single .sidebar, section.style-15.portfolio-items .sidebar, section.single-post .sidebar, section.single-page .sidebar, section.style-misc.blog-items-grid .sidebar, #site-content .sidebar {
padding-top: 0;
margin-top: 60px;
float: left; } } section.style-15.portfolio-items-wrapper .sidebar .search-form input, section.style-15.portfolio-items-wrapper .sidebar .search-form select, section.style-misc.blog-items .sidebar .search-form input, section.style-misc.blog-items .sidebar .search-form select, section.style-misc.blog-single .sidebar .search-form input, section.style-misc.blog-single .sidebar .search-form select, section.style-15.portfolio-items .sidebar .search-form input, section.style-15.portfolio-items .sidebar .search-form select, section.single-post .sidebar .search-form input, section.single-post .sidebar .search-form select, section.single-page .sidebar .search-form input, section.single-page .sidebar .search-form select, section.style-misc.blog-items-grid .sidebar .search-form input, section.style-misc.blog-items-grid .sidebar .search-form select, #site-content .sidebar .search-form input, #site-content .sidebar .search-form select {
width: 100%;
height: 45px;
font-size: 11px;
color: #aaaaaa;
border: 1px solid #c2c2c2;
padding: 0 15px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-15.portfolio-items-wrapper .sidebar .search-form input:focus, section.style-15.portfolio-items-wrapper .sidebar .search-form select:focus, section.style-misc.blog-items .sidebar .search-form input:focus, section.style-misc.blog-items .sidebar .search-form select:focus, section.style-misc.blog-single .sidebar .search-form input:focus, section.style-misc.blog-single .sidebar .search-form select:focus, section.style-15.portfolio-items .sidebar .search-form input:focus, section.style-15.portfolio-items .sidebar .search-form select:focus, section.single-post .sidebar .search-form input:focus, section.single-post .sidebar .search-form select:focus, section.single-page .sidebar .search-form input:focus, section.single-page .sidebar .search-form select:focus, section.style-misc.blog-items-grid .sidebar .search-form input:focus, section.style-misc.blog-items-grid .sidebar .search-form select:focus, #site-content .sidebar .search-form input:focus, #site-content .sidebar .search-form select:focus {
border-color: #ec2c55;
color: #ec2c55;
-webkit-box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2);
box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2); } section.style-15.portfolio-items-wrapper .sidebar .search-form label, section.style-misc.blog-items .sidebar .search-form label, section.style-misc.blog-single .sidebar .search-form label, section.style-15.portfolio-items .sidebar .search-form label, section.single-post .sidebar .search-form label, section.single-page .sidebar .search-form label, section.style-misc.blog-items-grid .sidebar .search-form label, #site-content .sidebar .search-form label {
width: 100%; } section.style-15.portfolio-items-wrapper .sidebar .search-form label .screen-reader-text, section.style-misc.blog-items .sidebar .search-form label .screen-reader-text, section.style-misc.blog-single .sidebar .search-form label .screen-reader-text, section.style-15.portfolio-items .sidebar .search-form label .screen-reader-text, section.single-post .sidebar .search-form label .screen-reader-text, section.single-page .sidebar .search-form label .screen-reader-text, section.style-misc.blog-items-grid .sidebar .search-form label .screen-reader-text, #site-content .sidebar .search-form label .screen-reader-text {
display: none; } section.style-15.portfolio-items-wrapper .sidebar .search-form label .search-field, section.style-misc.blog-items .sidebar .search-form label .search-field, section.style-misc.blog-single .sidebar .search-form label .search-field, section.style-15.portfolio-items .sidebar .search-form label .search-field, section.single-post .sidebar .search-form label .search-field, section.single-page .sidebar .search-form label .search-field, section.style-misc.blog-items-grid .sidebar .search-form label .search-field, #site-content .sidebar .search-form label .search-field {
width: 100%; } section.style-15.portfolio-items-wrapper .sidebar .search-form .search-submit, section.style-misc.blog-items .sidebar .search-form .search-submit, section.style-misc.blog-single .sidebar .search-form .search-submit, section.style-15.portfolio-items .sidebar .search-form .search-submit, section.single-post .sidebar .search-form .search-submit, section.single-page .sidebar .search-form .search-submit, section.style-misc.blog-items-grid .sidebar .search-form .search-submit, #site-content .sidebar .search-form .search-submit {
width: auto;
border: none;
background: #ddd;
float: right;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
border: none !important; } section.style-15.portfolio-items-wrapper .sidebar .search-form .search-submit:hover, section.style-misc.blog-items .sidebar .search-form .search-submit:hover, section.style-misc.blog-single .sidebar .search-form .search-submit:hover, section.style-15.portfolio-items .sidebar .search-form .search-submit:hover, section.single-post .sidebar .search-form .search-submit:hover, section.single-page .sidebar .search-form .search-submit:hover, section.style-misc.blog-items-grid .sidebar .search-form .search-submit:hover, #site-content .sidebar .search-form .search-submit:hover {
opacity: 0.8;
filter: alpha(opacity=80); } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget, section.style-misc.blog-items .sidebar .latest-post-widget, section.style-misc.blog-single .sidebar .latest-post-widget, section.style-15.portfolio-items .sidebar .latest-post-widget, section.single-post .sidebar .latest-post-widget, section.single-page .sidebar .latest-post-widget, section.style-misc.blog-items-grid .sidebar .latest-post-widget, #site-content .sidebar .latest-post-widget {
width: 100%; } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget a, section.style-misc.blog-items .sidebar .latest-post-widget a, section.style-misc.blog-single .sidebar .latest-post-widget a, section.style-15.portfolio-items .sidebar .latest-post-widget a, section.single-post .sidebar .latest-post-widget a, section.single-page .sidebar .latest-post-widget a, section.style-misc.blog-items-grid .sidebar .latest-post-widget a, #site-content .sidebar .latest-post-widget a {
width: 100%;
float: left;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget a:hover, section.style-misc.blog-items .sidebar .latest-post-widget a:hover, section.style-misc.blog-single .sidebar .latest-post-widget a:hover, section.style-15.portfolio-items .sidebar .latest-post-widget a:hover, section.single-post .sidebar .latest-post-widget a:hover, section.single-page .sidebar .latest-post-widget a:hover, section.style-misc.blog-items-grid .sidebar .latest-post-widget a:hover, #site-content .sidebar .latest-post-widget a:hover {
opacity: 0.4;
filter: alpha(opacity=40); } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget a:last-child, section.style-misc.blog-items .sidebar .latest-post-widget a:last-child, section.style-misc.blog-single .sidebar .latest-post-widget a:last-child, section.style-15.portfolio-items .sidebar .latest-post-widget a:last-child, section.single-post .sidebar .latest-post-widget a:last-child, section.single-page .sidebar .latest-post-widget a:last-child, section.style-misc.blog-items-grid .sidebar .latest-post-widget a:last-child, #site-content .sidebar .latest-post-widget a:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0; } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget a .image, section.style-misc.blog-items .sidebar .latest-post-widget a .image, section.style-misc.blog-single .sidebar .latest-post-widget a .image, section.style-15.portfolio-items .sidebar .latest-post-widget a .image, section.single-post .sidebar .latest-post-widget a .image, section.single-page .sidebar .latest-post-widget a .image, section.style-misc.blog-items-grid .sidebar .latest-post-widget a .image, #site-content .sidebar .latest-post-widget a .image {
max-width: 50px;
max-height: 50px;
overflow: hidden;
float: left;
margin-right: 15px; } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget a .image img, section.style-misc.blog-items .sidebar .latest-post-widget a .image img, section.style-misc.blog-single .sidebar .latest-post-widget a .image img, section.style-15.portfolio-items .sidebar .latest-post-widget a .image img, section.single-post .sidebar .latest-post-widget a .image img, section.single-page .sidebar .latest-post-widget a .image img, section.style-misc.blog-items-grid .sidebar .latest-post-widget a .image img, #site-content .sidebar .latest-post-widget a .image img {
max-width: 200%;
max-height: 200%; } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget a .name, section.style-misc.blog-items .sidebar .latest-post-widget a .name, section.style-misc.blog-single .sidebar .latest-post-widget a .name, section.style-15.portfolio-items .sidebar .latest-post-widget a .name, section.single-post .sidebar .latest-post-widget a .name, section.single-page .sidebar .latest-post-widget a .name, section.style-misc.blog-items-grid .sidebar .latest-post-widget a .name, #site-content .sidebar .latest-post-widget a .name {
color: #000000;
font-size: 13px;
line-height: 16px;
display: block; } section.style-15.portfolio-items-wrapper .sidebar .latest-post-widget a .date, section.style-misc.blog-items .sidebar .latest-post-widget a .date, section.style-misc.blog-single .sidebar .latest-post-widget a .date, section.style-15.portfolio-items .sidebar .latest-post-widget a .date, section.single-post .sidebar .latest-post-widget a .date, section.single-page .sidebar .latest-post-widget a .date, section.style-misc.blog-items-grid .sidebar .latest-post-widget a .date, #site-content .sidebar .latest-post-widget a .date {
color: #9d9d9d;
font-size: 11px;
text-transform: uppercase;
display: block; } section.style-15.portfolio-items-wrapper .sidebar .box, section.style-misc.blog-items .sidebar .box, section.style-misc.blog-single .sidebar .box, section.style-15.portfolio-items .sidebar .box, section.single-post .sidebar .box, section.single-page .sidebar .box, section.style-misc.blog-items-grid .sidebar .box, #site-content .sidebar .box {
width: 100%;
overflow: hidden;
margin-bottom: 30px; } section.style-15.portfolio-items-wrapper .sidebar .box .title, section.style-misc.blog-items .sidebar .box .title, section.style-misc.blog-single .sidebar .box .title, section.style-15.portfolio-items .sidebar .box .title, section.single-post .sidebar .box .title, section.single-page .sidebar .box .title, section.style-misc.blog-items-grid .sidebar .box .title, #site-content .sidebar .box .title {
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 7px;
margin-bottom: 7px;
color: #000000;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px; } section.style-15.portfolio-items-wrapper .sidebar .box .content input, section.style-15.portfolio-items-wrapper .sidebar .box .content select, section.style-misc.blog-items .sidebar .box .content input, section.style-misc.blog-items .sidebar .box .content select, section.style-misc.blog-single .sidebar .box .content input, section.style-misc.blog-single .sidebar .box .content select, section.style-15.portfolio-items .sidebar .box .content input, section.style-15.portfolio-items .sidebar .box .content select, section.single-post .sidebar .box .content input, section.single-post .sidebar .box .content select, section.single-page .sidebar .box .content input, section.single-page .sidebar .box .content select, section.style-misc.blog-items-grid .sidebar .box .content input, section.style-misc.blog-items-grid .sidebar .box .content select, #site-content .sidebar .box .content input, #site-content .sidebar .box .content select {
width: 100%;
height: 45px;
font-size: 11px;
color: #aaaaaa;
border: 1px solid #c2c2c2;
padding: 0 15px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-15.portfolio-items-wrapper .sidebar .box .content input:focus, section.style-15.portfolio-items-wrapper .sidebar .box .content select:focus, section.style-misc.blog-items .sidebar .box .content input:focus, section.style-misc.blog-items .sidebar .box .content select:focus, section.style-misc.blog-single .sidebar .box .content input:focus, section.style-misc.blog-single .sidebar .box .content select:focus, section.style-15.portfolio-items .sidebar .box .content input:focus, section.style-15.portfolio-items .sidebar .box .content select:focus, section.single-post .sidebar .box .content input:focus, section.single-post .sidebar .box .content select:focus, section.single-page .sidebar .box .content input:focus, section.single-page .sidebar .box .content select:focus, section.style-misc.blog-items-grid .sidebar .box .content input:focus, section.style-misc.blog-items-grid .sidebar .box .content select:focus, #site-content .sidebar .box .content input:focus, #site-content .sidebar .box .content select:focus {
border-color: #ec2c55;
color: #ec2c55;
-webkit-box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2);
box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2); } section.style-15.portfolio-items-wrapper .sidebar .box .content select, section.style-misc.blog-items .sidebar .box .content select, section.style-misc.blog-single .sidebar .box .content select, section.style-15.portfolio-items .sidebar .box .content select, section.single-post .sidebar .box .content select, section.single-page .sidebar .box .content select, section.style-misc.blog-items-grid .sidebar .box .content select, #site-content .sidebar .box .content select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/input-arrow.png) right center no-repeat; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar, #site-content .sidebar .box .content #calendar_wrap #wp-calendar {
width: 100%; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar caption, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar caption, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar caption, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar caption, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar caption, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar caption, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar caption, #site-content .sidebar .box .content #calendar_wrap #wp-calendar caption {
padding: 0;
font-size: 14px;
padding-bottom: 10px; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar thead, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar thead, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar thead, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar thead, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar thead, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar thead, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar thead, #site-content .sidebar .box .content #calendar_wrap #wp-calendar thead {
background: #f5f5f5; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar thead tr th, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar thead tr th, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar thead tr th, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar thead tr th, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar thead tr th, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar thead tr th, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar thead tr th, #site-content .sidebar .box .content #calendar_wrap #wp-calendar thead tr th {
padding: 5px 0;
text-align: center; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2), section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2), section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2), section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2), section.single-post .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2), section.single-page .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2), section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2), #site-content .sidebar .box .content #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2) {
background: rgba(0, 0, 0, 0.05); } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2), section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2), section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2), section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2), section.single-post .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2), section.single-page .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2), section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2), #site-content .sidebar .box .content #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2) {
background: rgba(0, 0, 0, 0.02); } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td, #site-content .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td {
text-align: center;
padding: 5px 0; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad), section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad), section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad), section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad), section.single-post .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad), section.single-page .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad), section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad), #site-content .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad) {
background: rgba(0, 0, 0, 0.05); } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a, #site-content .sidebar .box .content #calendar_wrap #wp-calendar tbody tr td#today a {
color: #ec2c55;
font-weight: 900; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td, #site-content .sidebar .box .content #calendar_wrap #wp-calendar tfoot tr td {
padding: 5px; } section.style-15.portfolio-items-wrapper .sidebar .box .content #calendar_wrap #wp-calendar tfoot a, section.style-misc.blog-items .sidebar .box .content #calendar_wrap #wp-calendar tfoot a, section.style-misc.blog-single .sidebar .box .content #calendar_wrap #wp-calendar tfoot a, section.style-15.portfolio-items .sidebar .box .content #calendar_wrap #wp-calendar tfoot a, section.single-post .sidebar .box .content #calendar_wrap #wp-calendar tfoot a, section.single-page .sidebar .box .content #calendar_wrap #wp-calendar tfoot a, section.style-misc.blog-items-grid .sidebar .box .content #calendar_wrap #wp-calendar tfoot a, #site-content .sidebar .box .content #calendar_wrap #wp-calendar tfoot a {
color: #ec2c55;
font-size: 12px; } section.style-15.portfolio-items-wrapper .sidebar .box .content ul, section.style-misc.blog-items .sidebar .box .content ul, section.style-misc.blog-single .sidebar .box .content ul, section.style-15.portfolio-items .sidebar .box .content ul, section.single-post .sidebar .box .content ul, section.single-page .sidebar .box .content ul, section.style-misc.blog-items-grid .sidebar .box .content ul, #site-content .sidebar .box .content ul {
list-style: none;
margin: 0;
padding: 0; } section.style-15.portfolio-items-wrapper .sidebar .box .content ul li, section.style-misc.blog-items .sidebar .box .content ul li, section.style-misc.blog-single .sidebar .box .content ul li, section.style-15.portfolio-items .sidebar .box .content ul li, section.single-post .sidebar .box .content ul li, section.single-page .sidebar .box .content ul li, section.style-misc.blog-items-grid .sidebar .box .content ul li, #site-content .sidebar .box .content ul li {
width: 100%;
padding: 5px 0;
font-size: 15px;
color: #666; } section.style-15.portfolio-items-wrapper .sidebar .box .content ul li a, section.style-misc.blog-items .sidebar .box .content ul li a, section.style-misc.blog-single .sidebar .box .content ul li a, section.style-15.portfolio-items .sidebar .box .content ul li a, section.single-post .sidebar .box .content ul li a, section.single-page .sidebar .box .content ul li a, section.style-misc.blog-items-grid .sidebar .box .content ul li a, #site-content .sidebar .box .content ul li a {
color: #666; } section.style-15.portfolio-items-wrapper .sidebar .box .content ul li a:hover, section.style-misc.blog-items .sidebar .box .content ul li a:hover, section.style-misc.blog-single .sidebar .box .content ul li a:hover, section.style-15.portfolio-items .sidebar .box .content ul li a:hover, section.single-post .sidebar .box .content ul li a:hover, section.single-page .sidebar .box .content ul li a:hover, section.style-misc.blog-items-grid .sidebar .box .content ul li a:hover, #site-content .sidebar .box .content ul li a:hover {
color: #EC2C55; } section.style-15.portfolio-items-wrapper .sidebar .box .content ul li ul, section.style-misc.blog-items .sidebar .box .content ul li ul, section.style-misc.blog-single .sidebar .box .content ul li ul, section.style-15.portfolio-items .sidebar .box .content ul li ul, section.single-post .sidebar .box .content ul li ul, section.single-page .sidebar .box .content ul li ul, section.style-misc.blog-items-grid .sidebar .box .content ul li ul, #site-content .sidebar .box .content ul li ul {
padding-top: 5px;
padding-left: 15px; } section.style-15.portfolio-items-wrapper .sidebar .box .content ul li ul li, section.style-misc.blog-items .sidebar .box .content ul li ul li, section.style-misc.blog-single .sidebar .box .content ul li ul li, section.style-15.portfolio-items .sidebar .box .content ul li ul li, section.single-post .sidebar .box .content ul li ul li, section.single-page .sidebar .box .content ul li ul li, section.style-misc.blog-items-grid .sidebar .box .content ul li ul li, #site-content .sidebar .box .content ul li ul li {
color: #999; } section.style-15.portfolio-items-wrapper .sidebar .box .content ul li ul li a, section.style-misc.blog-items .sidebar .box .content ul li ul li a, section.style-misc.blog-single .sidebar .box .content ul li ul li a, section.style-15.portfolio-items .sidebar .box .content ul li ul li a, section.single-post .sidebar .box .content ul li ul li a, section.single-page .sidebar .box .content ul li ul li a, section.style-misc.blog-items-grid .sidebar .box .content ul li ul li a, #site-content .sidebar .box .content ul li ul li a {
color: #999; } section.style-15.portfolio-items-wrapper .sidebar .box .content img, section.style-misc.blog-items .sidebar .box .content img, section.style-misc.blog-single .sidebar .box .content img, section.style-15.portfolio-items .sidebar .box .content img, section.single-post .sidebar .box .content img, section.single-page .sidebar .box .content img, section.style-misc.blog-items-grid .sidebar .box .content img, #site-content .sidebar .box .content img {
max-width: 100%;
height: auto; } section.style-15.portfolio-items-wrapper .sidebar .box .content p, section.style-misc.blog-items .sidebar .box .content p, section.style-misc.blog-single .sidebar .box .content p, section.style-15.portfolio-items .sidebar .box .content p, section.single-post .sidebar .box .content p, section.single-page .sidebar .box .content p, section.style-misc.blog-items-grid .sidebar .box .content p, #site-content .sidebar .box .content p {
font-size: 12px;
color: #000;
line-height: 20px; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts, section.style-misc.blog-items .sidebar .box .content .latest-posts, section.style-misc.blog-single .sidebar .box .content .latest-posts, section.style-15.portfolio-items .sidebar .box .content .latest-posts, section.single-post .sidebar .box .content .latest-posts, section.single-page .sidebar .box .content .latest-posts, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts, #site-content .sidebar .box .content .latest-posts {
width: 100%; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post, section.style-misc.blog-items .sidebar .box .content .latest-posts .post, section.style-misc.blog-single .sidebar .box .content .latest-posts .post, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post, section.single-post .sidebar .box .content .latest-posts .post, section.single-page .sidebar .box .content .latest-posts .post, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post, #site-content .sidebar .box .content .latest-posts .post {
width: 100%;
overflow: hidden;
padding: 10px 0;
border-bottom: 1px solid #f5f5f5; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post:first-child, section.style-misc.blog-items .sidebar .box .content .latest-posts .post:first-child, section.style-misc.blog-single .sidebar .box .content .latest-posts .post:first-child, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post:first-child, section.single-post .sidebar .box .content .latest-posts .post:first-child, section.single-page .sidebar .box .content .latest-posts .post:first-child, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post:first-child, #site-content .sidebar .box .content .latest-posts .post:first-child {
padding-top: 0; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post:last-child, section.style-misc.blog-items .sidebar .box .content .latest-posts .post:last-child, section.style-misc.blog-single .sidebar .box .content .latest-posts .post:last-child, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post:last-child, section.single-post .sidebar .box .content .latest-posts .post:last-child, section.single-page .sidebar .box .content .latest-posts .post:last-child, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post:last-child, #site-content .sidebar .box .content .latest-posts .post:last-child {
border-bottom: 0;
padding-bottom: 0; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post a, section.style-misc.blog-items .sidebar .box .content .latest-posts .post a, section.style-misc.blog-single .sidebar .box .content .latest-posts .post a, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post a, section.single-post .sidebar .box .content .latest-posts .post a, section.single-page .sidebar .box .content .latest-posts .post a, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post a, #site-content .sidebar .box .content .latest-posts .post a {
width: 100%;
overflow: hidden;
display: inline-block; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post a:hover, section.style-misc.blog-items .sidebar .box .content .latest-posts .post a:hover, section.style-misc.blog-single .sidebar .box .content .latest-posts .post a:hover, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post a:hover, section.single-post .sidebar .box .content .latest-posts .post a:hover, section.single-page .sidebar .box .content .latest-posts .post a:hover, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post a:hover, #site-content .sidebar .box .content .latest-posts .post a:hover {
opacity: 0.7;
filter: alpha(opacity=70); } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post .image, section.style-misc.blog-items .sidebar .box .content .latest-posts .post .image, section.style-misc.blog-single .sidebar .box .content .latest-posts .post .image, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post .image, section.single-post .sidebar .box .content .latest-posts .post .image, section.single-page .sidebar .box .content .latest-posts .post .image, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post .image, #site-content .sidebar .box .content .latest-posts .post .image {
width: 65px;
height: 65px;
float: left;
overflow: hidden; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post .image img, section.style-misc.blog-items .sidebar .box .content .latest-posts .post .image img, section.style-misc.blog-single .sidebar .box .content .latest-posts .post .image img, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post .image img, section.single-post .sidebar .box .content .latest-posts .post .image img, section.single-page .sidebar .box .content .latest-posts .post .image img, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post .image img, #site-content .sidebar .box .content .latest-posts .post .image img {
min-width: 100%;
min-height: 100%;
max-width: 150%; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post .content, section.style-misc.blog-items .sidebar .box .content .latest-posts .post .content, section.style-misc.blog-single .sidebar .box .content .latest-posts .post .content, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post .content, section.single-post .sidebar .box .content .latest-posts .post .content, section.single-page .sidebar .box .content .latest-posts .post .content, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post .content, #site-content .sidebar .box .content .latest-posts .post .content {
width: calc(100% - 65px);
overflow: hidden;
padding-left: 15px; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post .content h3, section.style-misc.blog-items .sidebar .box .content .latest-posts .post .content h3, section.style-misc.blog-single .sidebar .box .content .latest-posts .post .content h3, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post .content h3, section.single-post .sidebar .box .content .latest-posts .post .content h3, section.single-page .sidebar .box .content .latest-posts .post .content h3, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post .content h3, #site-content .sidebar .box .content .latest-posts .post .content h3 {
font-size: 14px;
line-height: 17px;
color: #000;
display: block;
margin: 0; } section.style-15.portfolio-items-wrapper .sidebar .box .content .latest-posts .post .content span, section.style-misc.blog-items .sidebar .box .content .latest-posts .post .content span, section.style-misc.blog-single .sidebar .box .content .latest-posts .post .content span, section.style-15.portfolio-items .sidebar .box .content .latest-posts .post .content span, section.single-post .sidebar .box .content .latest-posts .post .content span, section.single-page .sidebar .box .content .latest-posts .post .content span, section.style-misc.blog-items-grid .sidebar .box .content .latest-posts .post .content span, #site-content .sidebar .box .content .latest-posts .post .content span {
font-size: 12px;
color: #9d9d9d;
font-weight: 600;
text-transform: uppercase;
display: block;
margin-top: 5px; } section.style-15.portfolio-items-wrapper .sidebar .box .content .twitter-feed, section.style-misc.blog-items .sidebar .box .content .twitter-feed, section.style-misc.blog-single .sidebar .box .content .twitter-feed, section.style-15.portfolio-items .sidebar .box .content .twitter-feed, section.single-post .sidebar .box .content .twitter-feed, section.single-page .sidebar .box .content .twitter-feed, section.style-misc.blog-items-grid .sidebar .box .content .twitter-feed, #site-content .sidebar .box .content .twitter-feed {
width: 100%; } section.style-15.portfolio-items-wrapper .sidebar .box .content .twitter-feed p, section.style-misc.blog-items .sidebar .box .content .twitter-feed p, section.style-misc.blog-single .sidebar .box .content .twitter-feed p, section.style-15.portfolio-items .sidebar .box .content .twitter-feed p, section.single-post .sidebar .box .content .twitter-feed p, section.single-page .sidebar .box .content .twitter-feed p, section.style-misc.blog-items-grid .sidebar .box .content .twitter-feed p, #site-content .sidebar .box .content .twitter-feed p {
width: 100%;
display: inline-block;
padding-left: 30px;
font-size: 12px;
line-height: 18px;
margin-bottom: 30px; } section.style-15.portfolio-items-wrapper .sidebar .box .content .twitter-feed p:last-child, section.style-misc.blog-items .sidebar .box .content .twitter-feed p:last-child, section.style-misc.blog-single .sidebar .box .content .twitter-feed p:last-child, section.style-15.portfolio-items .sidebar .box .content .twitter-feed p:last-child, section.single-post .sidebar .box .content .twitter-feed p:last-child, section.single-page .sidebar .box .content .twitter-feed p:last-child, section.style-misc.blog-items-grid .sidebar .box .content .twitter-feed p:last-child, #site-content .sidebar .box .content .twitter-feed p:last-child {
margin-bottom: 0; } section.style-15.portfolio-items-wrapper .sidebar .box .content .twitter-feed p span, section.style-misc.blog-items .sidebar .box .content .twitter-feed p span, section.style-misc.blog-single .sidebar .box .content .twitter-feed p span, section.style-15.portfolio-items .sidebar .box .content .twitter-feed p span, section.single-post .sidebar .box .content .twitter-feed p span, section.single-page .sidebar .box .content .twitter-feed p span, section.style-misc.blog-items-grid .sidebar .box .content .twitter-feed p span, #site-content .sidebar .box .content .twitter-feed p span {
font-size: 12px;
color: #a1a1a1;
font-style: italic;
padding-top: 5px;
display: block; } section.style-15.portfolio-items-wrapper .sidebar .box .content .twitter-feed p:before, section.style-misc.blog-items .sidebar .box .content .twitter-feed p:before, section.style-misc.blog-single .sidebar .box .content .twitter-feed p:before, section.style-15.portfolio-items .sidebar .box .content .twitter-feed p:before, section.single-post .sidebar .box .content .twitter-feed p:before, section.single-page .sidebar .box .content .twitter-feed p:before, section.style-misc.blog-items-grid .sidebar .box .content .twitter-feed p:before, #site-content .sidebar .box .content .twitter-feed p:before {
width: 30px;
text-align: left;
font-family: "FontAwesome";
content: "\f099";
margin-left: -30px;
float: left;
font-size: 15px; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .title a, section.style-misc.blog-items .sidebar .box.widget_rss .title a, section.style-misc.blog-single .sidebar .box.widget_rss .title a, section.style-15.portfolio-items .sidebar .box.widget_rss .title a, section.single-post .sidebar .box.widget_rss .title a, section.single-page .sidebar .box.widget_rss .title a, section.style-misc.blog-items-grid .sidebar .box.widget_rss .title a, #site-content .sidebar .box.widget_rss .title a {
color: #000; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .title a:hover, section.style-misc.blog-items .sidebar .box.widget_rss .title a:hover, section.style-misc.blog-single .sidebar .box.widget_rss .title a:hover, section.style-15.portfolio-items .sidebar .box.widget_rss .title a:hover, section.single-post .sidebar .box.widget_rss .title a:hover, section.single-page .sidebar .box.widget_rss .title a:hover, section.style-misc.blog-items-grid .sidebar .box.widget_rss .title a:hover, #site-content .sidebar .box.widget_rss .title a:hover {
color: #ec2c55; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .content ul li, section.style-misc.blog-items .sidebar .box.widget_rss .content ul li, section.style-misc.blog-single .sidebar .box.widget_rss .content ul li, section.style-15.portfolio-items .sidebar .box.widget_rss .content ul li, section.single-post .sidebar .box.widget_rss .content ul li, section.single-page .sidebar .box.widget_rss .content ul li, section.style-misc.blog-items-grid .sidebar .box.widget_rss .content ul li, #site-content .sidebar .box.widget_rss .content ul li {
margin-bottom: 15px; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .content ul li:last-child, section.style-misc.blog-items .sidebar .box.widget_rss .content ul li:last-child, section.style-misc.blog-single .sidebar .box.widget_rss .content ul li:last-child, section.style-15.portfolio-items .sidebar .box.widget_rss .content ul li:last-child, section.single-post .sidebar .box.widget_rss .content ul li:last-child, section.single-page .sidebar .box.widget_rss .content ul li:last-child, section.style-misc.blog-items-grid .sidebar .box.widget_rss .content ul li:last-child, #site-content .sidebar .box.widget_rss .content ul li:last-child {
margin-bottom: 0; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .content ul li a, section.style-misc.blog-items .sidebar .box.widget_rss .content ul li a, section.style-misc.blog-single .sidebar .box.widget_rss .content ul li a, section.style-15.portfolio-items .sidebar .box.widget_rss .content ul li a, section.single-post .sidebar .box.widget_rss .content ul li a, section.single-page .sidebar .box.widget_rss .content ul li a, section.style-misc.blog-items-grid .sidebar .box.widget_rss .content ul li a, #site-content .sidebar .box.widget_rss .content ul li a {
font-size: 15px;
color: #222; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .content ul li a:hover, section.style-misc.blog-items .sidebar .box.widget_rss .content ul li a:hover, section.style-misc.blog-single .sidebar .box.widget_rss .content ul li a:hover, section.style-15.portfolio-items .sidebar .box.widget_rss .content ul li a:hover, section.single-post .sidebar .box.widget_rss .content ul li a:hover, section.single-page .sidebar .box.widget_rss .content ul li a:hover, section.style-misc.blog-items-grid .sidebar .box.widget_rss .content ul li a:hover, #site-content .sidebar .box.widget_rss .content ul li a:hover {
color: #ec2c55; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .content ul li .rss-date, section.style-misc.blog-items .sidebar .box.widget_rss .content ul li .rss-date, section.style-misc.blog-single .sidebar .box.widget_rss .content ul li .rss-date, section.style-15.portfolio-items .sidebar .box.widget_rss .content ul li .rss-date, section.single-post .sidebar .box.widget_rss .content ul li .rss-date, section.single-page .sidebar .box.widget_rss .content ul li .rss-date, section.style-misc.blog-items-grid .sidebar .box.widget_rss .content ul li .rss-date, #site-content .sidebar .box.widget_rss .content ul li .rss-date {
font-size: 11px;
color: #999;
display: block;
padding-bottom: 5px; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .content ul li .rssSummary, section.style-misc.blog-items .sidebar .box.widget_rss .content ul li .rssSummary, section.style-misc.blog-single .sidebar .box.widget_rss .content ul li .rssSummary, section.style-15.portfolio-items .sidebar .box.widget_rss .content ul li .rssSummary, section.single-post .sidebar .box.widget_rss .content ul li .rssSummary, section.single-page .sidebar .box.widget_rss .content ul li .rssSummary, section.style-misc.blog-items-grid .sidebar .box.widget_rss .content ul li .rssSummary, #site-content .sidebar .box.widget_rss .content ul li .rssSummary {
font-size: 13px;
color: #777; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_rss .content ul li cite, section.style-misc.blog-items .sidebar .box.widget_rss .content ul li cite, section.style-misc.blog-single .sidebar .box.widget_rss .content ul li cite, section.style-15.portfolio-items .sidebar .box.widget_rss .content ul li cite, section.single-post .sidebar .box.widget_rss .content ul li cite, section.single-page .sidebar .box.widget_rss .content ul li cite, section.style-misc.blog-items-grid .sidebar .box.widget_rss .content ul li cite, #site-content .sidebar .box.widget_rss .content ul li cite {
width: 100%;
display: block;
font-size: 13px;
padding-top: 5px;
padding-right: 3px;
text-align: right; } section.style-15.portfolio-items-wrapper .sidebar .box.widget_recent_entries ul li .post-date, section.style-misc.blog-items .sidebar .box.widget_recent_entries ul li .post-date, section.style-misc.blog-single .sidebar .box.widget_recent_entries ul li .post-date, section.style-15.portfolio-items .sidebar .box.widget_recent_entries ul li .post-date, section.single-post .sidebar .box.widget_recent_entries ul li .post-date, section.single-page .sidebar .box.widget_recent_entries ul li .post-date, section.style-misc.blog-items-grid .sidebar .box.widget_recent_entries ul li .post-date, #site-content .sidebar .box.widget_recent_entries ul li .post-date {
display: block;
font-size: 13px; } section.style-15.portfolio-items.cols.cols.col-2 .portfolio-items-wrapper .row .item:nth-last-of-type(1), section.style-15.portfolio-items.cols.cols.col-2 .portfolio-items-wrapper .row .item:nth-last-of-type(2), section.style-misc.portfolio-single-related.cols.col-2 .portfolio-items-wrapper .row .item:nth-last-of-type(1), section.style-misc.portfolio-single-related.cols.col-2 .portfolio-items-wrapper .row .item:nth-last-of-type(2) {
margin-bottom: 0; } section.style-15.portfolio-items.cols.cols.col-2 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-2 .portfolio-items-wrapper.boxes .item {
width: 50%; }
@media screen and (max-width: 640px) {
section.style-15.portfolio-items.cols.cols.col-2 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-2 .portfolio-items-wrapper.boxes .item {
width: 100%; } } section.style-15.portfolio-items.cols.cols.col-3 .portfolio-items-wrapper .row .item:nth-last-of-type(1), section.style-15.portfolio-items.cols.cols.col-3 .portfolio-items-wrapper .row .item:nth-last-of-type(2), section.style-15.portfolio-items.cols.cols.col-3 .portfolio-items-wrapper .row .item:nth-last-of-type(3), section.style-misc.portfolio-single-related.cols.col-3 .portfolio-items-wrapper .row .item:nth-last-of-type(1), section.style-misc.portfolio-single-related.cols.col-3 .portfolio-items-wrapper .row .item:nth-last-of-type(2), section.style-misc.portfolio-single-related.cols.col-3 .portfolio-items-wrapper .row .item:nth-last-of-type(3) {
margin-bottom: 0; } section.style-15.portfolio-items.cols.cols.col-3 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-3 .portfolio-items-wrapper.boxes .item {
width: 33.333333%; }
@media screen and (max-width: 768px) {
section.style-15.portfolio-items.cols.cols.col-3 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-3 .portfolio-items-wrapper.boxes .item {
width: 50%; } }
@media screen and (max-width: 640px) {
section.style-15.portfolio-items.cols.cols.col-3 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-3 .portfolio-items-wrapper.boxes .item {
width: 100%; } } section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(1), section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(2), section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(3), section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(4), section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(1), section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(2), section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(3), section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper .row .item:nth-last-of-type(4) {
margin-bottom: 0; } section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper.boxes .item {
width: 25%; } section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper.boxes .item .image, section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper.boxes .item .image {
height: 200px; }
@media screen and (max-width: 1200px) {
section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper.boxes .item {
width: 33.333%; } }
@media screen and (max-width: 768px) {
section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper.boxes .item {
width: 50%; } }
@media screen and (max-width: 640px) {
section.style-15.portfolio-items.cols.cols.col-4 .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.col-4 .portfolio-items-wrapper.boxes .item {
width: 100%; } } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper {
height: auto;
margin-left: -15px;
margin-right: -15px; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item {
width: 100%;
float: left;
overflow: hidden;
padding: 0 15px;
margin-bottom: 30px; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .image, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .image {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .hover:before, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .hover:before {
opacity: 0;
filter: alpha(opacity=0); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .hover .title, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .hover .title {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .hover .actions, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .hover .actions {
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-ms-transform: translateY(80px);
-o-transform: translateY(80px);
transform: translateY(80px); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .hover .actions a, section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .hover .actions a:nth-of-type(1), section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .hover .actions a:nth-of-type(2), section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .hover .actions a, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .hover .actions a:nth-of-type(1), section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .hover .actions a:nth-of-type(2) {
-webkit-transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
-o-transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 0;
filter: alpha(opacity=0); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item:hover .hover .actions .sep, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item:hover .hover .actions .sep {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
filter: alpha(opacity=0); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image {
width: 100%;
height: 300px;
position: relative;
overflow: hidden; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image .actual-image, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image .actual-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center center;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image a, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image a {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .actual-image, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .actual-image {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .hover:before, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .hover .title, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .hover .title {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .hover .actions, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .hover .actions {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .hover .actions a, section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .hover .actions a:nth-of-type(1), section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .hover .actions a:nth-of-type(2), section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .hover .actions a, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .hover .actions a:nth-of-type(1), section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .hover .actions a:nth-of-type(2) {
-webkit-transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
-o-transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
transition: opacity 0.3s 0.35s, transform 0.3s 0.35s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .image:hover .hover .actions .sep, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .image:hover .hover .actions .sep {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover:before, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.25);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover .title, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover .title {
width: 100%;
text-align: center;
padding: 0 30px;
position: absolute;
top: calc(50% - 35px);
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(calc(-50% + 25px));
-moz-transform: translateY(calc(-50% + 25px));
-ms-transform: translateY(calc(-50% + 25px));
-o-transform: translateY(calc(-50% + 25px));
transform: translateY(calc(-50% + 25px));
font-size: 24px;
line-height: 27px;
font-family: "Lovelo";
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover .actions, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover .actions {
width: 100%;
height: 70px;
line-height: 70px;
background: #448ccb;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
-webkit-transform: translateY(70px);
-moz-transform: translateY(70px);
-ms-transform: translateY(70px);
-o-transform: translateY(70px);
transform: translateY(70px);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover .actions a, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover .actions a {
position: relative;
display: inline-block;
color: #fff;
font-size: 20px;
margin-left: 0;
margin: 0 15px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
background: transparent; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover .actions a:hover i, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover .actions a:hover i {
color: rgba(255, 255, 255, 0.5); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover .actions a:nth-of-type(1), section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover .actions a:nth-of-type(1) {
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover .actions a:nth-of-type(2), section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover .actions a:nth-of-type(2) {
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px); } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .hover .actions .sep, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .hover .actions .sep {
width: 1px;
height: 40px;
background: rgba(255, 255, 255, 0.25);
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .info, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .info {
width: 100%;
padding: 20px 0;
float: left; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .info a, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .info a {
font-size: 19px;
color: #000;
float: left; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .info a:hover, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .info a:hover {
color: #888; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .info span, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .info span {
width: 100%;
float: left;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
margin-top: 3px; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper .item .info p, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper .item .info p {
display: none; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper.lines .item, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper.lines .item {
width: 100%;
height: auto !important;
max-height: 9999px !important; } section.style-15.portfolio-items.cols.cols .portfolio-items-wrapper.lines .item .hover, section.style-misc.portfolio-single-related.cols .portfolio-items-wrapper.lines .item .hover {
width: 100%; } section.style-15.portfolio-items.cols.cols.nospace .portfolio-items-wrapper, section.style-misc.portfolio-single-related.cols.nospace .portfolio-items-wrapper {
margin-left: 0;
margin-right: 0; } section.style-15.portfolio-items.cols.cols.nospace .portfolio-items-wrapper .item, section.style-misc.portfolio-single-related.cols.nospace .portfolio-items-wrapper .item {
padding-left: 0;
padding-right: 0;
margin: 0; } section.style-15.portfolio-items.cols.cols.nospace .portfolio-items-wrapper .item .info, section.style-misc.portfolio-single-related.cols.nospace .portfolio-items-wrapper .item .info {
display: none; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item {
width: 100%;
height: auto;
min-height: 1px;
margin: 0; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .image, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .image {
width: 50%;
min-height: 1px;
float: left;
overflow: hidden; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .info, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .info, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .info, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .info {
width: 50%;
height: 100%;
float: right;
background: #000000;
padding: 60px;
color: #fff;
position: relative;
z-index: 3; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .info:after, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .info:after, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .info:after, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .info:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 12px 8px;
border-color: transparent transparent #000000 transparent;
position: absolute;
top: -11px;
left: 50%;
margin-left: -8px; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .info a, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .info a, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .info a, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .info a {
font-size: 21px;
font-weight: 900;
color: #ffffff; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .info a:hover, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .info a:hover, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .info a:hover, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .info a:hover {
color: rgba(255, 255, 255, 0.5); } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .info span, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .info span, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .info span, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .info span {
font-size: 11px; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .info p, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .info p, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .info p, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .info p {
width: 100%;
float: left;
font-size: 14px;
padding-top: 15px;
display: block; }
@media screen and (max-width: 992px) { section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .image, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .image {
width: 100%;
max-height: 300px !important; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .info, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .info, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .info, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .info {
width: 100%;
padding: 30px; }
}
@media screen and (max-width: 768px) { section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item .image, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item .image {
max-height: 250px !important; }
} section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item.highlight .image, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item.highlight .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item.highlight .image, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item.highlight .image {
float: right; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item.highlight .info, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item.highlight .info, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info {
float: left;
background: #fff;
color: #000; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item.highlight .info:after, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info:after, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item.highlight .info:after, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info:after {
border-color: transparent transparent #fff transparent; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item.highlight .info a, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info a, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item.highlight .info a, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info a {
color: #000 !important; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item.highlight .info a:hover, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info a:hover, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item.highlight .info a:hover, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info a:hover {
color: rgba(0, 0, 0, 0.5) !important; } section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper .item.highlight .info:before, section.style-15.portfolio-items.cols.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info:before, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper .item.highlight .info:before, section.style-misc.portfolio-single-related.cols.grid .portfolio-items-wrapper.boxes .item.highlight .info:before {
content: "";
position: absolute;
z-index: -1;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
border: 2px solid #000; }  section.style-16 .inner {
padding: 30px 0; } section.style-16.services-gallery .row .box {
width: 100%;
height: 215px;
position: relative;
background-size: cover;
background-position: center center; } section.style-16.services-gallery .row .box:hover .hover {
background: rgba(0, 0, 0, 0.85); } section.style-16.services-gallery .row .box:hover .hover .title span {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-16.services-gallery .row .box:hover .hover .title.double span {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; } section.style-16.services-gallery .row .box:hover .hover .title.double:before {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
filter: alpha(opacity=100); } section.style-16.services-gallery .row .box .hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-16.services-gallery .row .box .hover:before {
content: "";
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
border: 2px solid #fff; } section.style-16.services-gallery .row .box .hover a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-16.services-gallery .row .box .hover .title {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
font-size: 22px;
color: #fff; } section.style-16.services-gallery .row .box .hover .title span {
text-align: center;
float: left;
position: relative;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
filter: alpha(opacity=0); } section.style-16.services-gallery .row .box .hover .title.single span {
width: 100%; } section.style-16.services-gallery .row .box .hover .title.double:before {
content: "";
width: 1px;
height: 120px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, calc(-50% + 50px));
-moz-transform: translate(-50%, calc(-50% + 50px));
-ms-transform: translate(-50%, calc(-50% + 50px));
-o-transform: translate(-50%, calc(-50% + 50px));
transform: translate(-50%, calc(-50% + 50px));
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
filter: alpha(opacity=0); } section.style-16.services-gallery .row .box .hover .title.double span {
width: 50%; } section.style-16.services-gallery .row .name {
width: 100%;
padding-top: 15px;
font-size: 15px;
color: #323232; } section.style-16.quote-team-location .row {
margin: 0; } section.style-16.quote-team-location .row > div {
padding: 0; } section.style-16.quote-team-location .row > div .equalizer-inner {
height: 100%; } section.style-16.quote-team-location .quote-slick {
width: 100%;
height: 350px;
margin-bottom: 0;
z-index: 10; } section.style-16.quote-team-location .quote-slick .slick-list {
width: 100% !important;
height: 100% !important;
overflow: hidden; } section.style-16.quote-team-location .quote-slick .slick-track {
height: 100% !important; } section.style-16.quote-team-location .quote-slick .quote {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
background-size: cover;
background-position: center center; } section.style-16.quote-team-location .quote-slick .quote:after {
content: "";
position: absolute;
z-index: 4;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-box-shadow: inset 0 -200px 100px -60px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 -200px 100px -60px rgba(0, 0, 0, 0.8); } section.style-16.quote-team-location .quote-slick .quote .actual-quote {
width: 70%;
height: 100%;
float: left;
position: relative;
z-index: 5; } section.style-16.quote-team-location .quote-slick .quote .actual-quote:before {
content: "";
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
border: 2px solid #fff; } section.style-16.quote-team-location .quote-slick .quote .actual-quote .text {
width: 100%;
position: absolute;
bottom: 10px;
padding: 15px; } section.style-16.quote-team-location .quote-slick .quote .actual-quote .text .quote-text {
font-size: 25px;
line-height: 28px;
font-style: italic;
color: #fff;
padding: 0 15px; } section.style-16.quote-team-location .quote-slick .quote .actual-quote .text .who {
padding: 0 15px;
width: 100%;
float: left;
font-size: 15px;
font-style: italic;
color: #fff; } section.style-16.quote-team-location .quote-slick-navigation {
width: 100%;
margin-bottom: 0px; } section.style-16.quote-team-location .quote-slick-navigation, section.style-16.quote-team-location .quote-slick-navigation .slick-list, section.style-16.quote-team-location .quote-slick-navigation .slick-track {
width: 100% !important;
height: 350px; } section.style-16.quote-team-location .quote-slick-navigation .slick-list {
width: 100% !important;
height: 100% !important;
overflow: hidden; } section.style-16.quote-team-location .quote-slick-navigation .slick-track {
height: 100% !important; } section.style-16.quote-team-location .quote-slick-navigation a {
width: 50% !important;
max-height: 100px !important;
float: left;
background-size: cover;
background-position: center center; } section.style-16.quote-team-location .quote-slick-navigation a:hover {
opacity: 0.7;
filter: alpha(opacity=70); } section.style-16.quote-team-location .map {
width: 100%;
height: 100%;
float: left;
position: relative; } section.style-16.quote-team-location .map .title {
position: absolute;
z-index: 5;
bottom: 15px;
left: 0;
padding: 15px;
background: rgba(0, 0, 0, 0.7);
font-size: 16px;
color: #fff; } section.style-16.quote-team-location .map .actual-map {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-16.quote-team-location .map .actual-map iframe {
width: 100% !important;
height: 100% !important; } section.style-16.quote-team-location .map .actual-map .gm-style div {
display: none;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0); } section.style-16.steps {
background-size: cover;
background-position: center center; } section.style-16.steps .inner {
padding: 90px 0; } section.style-16.steps .title-bar, section.style-16.steps .content {
position: relative;
z-index: 10; } section.style-16.steps .title-bar {
width: 100%;
text-align: center;
overflow: hidden;
margin-bottom: 30px; } section.style-16.steps .title-bar h3 {
font-size: 27px;
line-height: 22px;
color: #282828;
position: relative;
margin: 0;
padding: 0;
font-family: "Lovelo";
padding: 15px 0; } section.style-16.steps .title-bar h3:before, section.style-16.steps .title-bar h3:after {
content: "";
width: 180px;
height: 2px;
background: #282828;
position: absolute;
left: 50%;
margin-left: -90px; } section.style-16.steps .title-bar h3:before {
top: 0; } section.style-16.steps .title-bar h3:after {
bottom: 0; } section.style-16.steps .title-bar span {
width: 100%;
text-align: center;
float: left;
font-family: "Lovelo";
font-size: 12px;
color: #282828;
padding-top: 20px; } section.style-16.steps .content {
text-align: center;
counter-reset: subsection;
margin-left: -15px;
margin-right: -15px; } section.style-16.steps .content .single {
width: 33.33%;
display: inline-block;
text-align: left;
margin-left: -4px;
padding: 5px 15px; } section.style-16.steps .content .single:before {
counter-increment: subsection;
content: "0" counter(subsection);
font-size: 27px;
line-height: 24px;
color: #282828;
font-family: "Lovelo";
border-bottom: 2px solid #282828; } section.style-16.steps .content .single p {
font-size: 14px;
line-height: 22px;
color: #282828;
margin-top: 20px; }
@media screen and (max-width: 992px) { section.style-16.services-gallery .row > div {
margin-bottom: 30px; } section.style-16.quote-team-location .quote-slick {
height: 300px; } section.style-16.quote-team-location .quote-slick .quote .actual-quote {
width: 100%; } section.style-16.quote-team-location .map {
height: 300px; } section.style-16.quote-team-location .map:before {
content: "";
position: absolute;
z-index: 10;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-16.quote-team-location .map iframe {
z-index: 5; } section.style-16.steps .content .single {
width: 100%;
margin-bottom: 30px; } section.style-16.steps .content .single:last-child {
margin-bottom: 0; }
}  section.style-17 .inner {
padding: 60px 0; } section.style-17 .title-bar {
text-align: center;
width: 100%;
float: left;
margin-bottom: 30px;
font-family: "Lovelo"; } section.style-17 .title-bar h3 {
display: block;
font-size: 35px;
line-height: 1;
color: #000; } section.style-17 .title-bar span {
display: block;
font-size: 14px;
color: #000;
margin-top: -10px; } section.style-17.services {
background: #f0f0f0; } section.style-17.services .box {
width: 100%;
height: auto;
border: 2px solid #e1e1e1;
overflow: hidden;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
margin: 15px 0; } section.style-17.services .box:hover {
border-color: #fe4b68; } section.style-17.services .box .icon {
width: 110px;
height: 100%;
float: left;
position: relative; } section.style-17.services .box .icon i {
font-size: 55px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fe4b68; } section.style-17.services .box .content {
width: calc(100% - 110px);
height: 100%;
float: left;
padding: 20px 15px; } section.style-17.services .box .content .name {
font-size: 14px;
color: #fe4b68;
font-family: "Lovelo"; } section.style-17.services .box .content p {
font-size: 13px;
line-height: 16px;
color: #979797;
margin: 0;
padding-top: 5px; } section.style-17.our-team .members > div {
margin-bottom: 30px;
margin-top: 30px;
overflow: hidden; } section.style-17.our-team .box:hover .image {
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg); } section.style-17.our-team .box .image {
width: 105px;
height: 105px;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
background-size: cover;
background-position: center center;
-webkit-box-shadow: inset 0 0 0 2px #fe4b68, inset 0 0 0 4px #fff;
box-shadow: inset 0 0 0 2px #fe4b68, inset 0 0 0 4px #fff;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-17.our-team .box .content {
width: calc(100% - 105px);
height: 100%;
float: left;
padding-left: 30px;
padding-top: 15px; } section.style-17.our-team .box .content .name {
font-size: 18px;
color: #000000;
font-family: "Lovelo";
display: block; } section.style-17.our-team .box .content .position {
font-size: 14px;
color: #8b8b8b;
display: block;
margin-top: -3px; } section.style-17.our-team .box .content .social {
width: 100%;
float: left;
margin-top: 10px; } section.style-17.our-team .box .content .social a {
width: 24px;
height: 24px;
display: inline-block;
background: #8b8b8b;
text-align: center;
line-height: 24px;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 11px;
margin-left: -4px;
margin-right: 5px; } section.style-17.our-team .box .content .social a:hover {
background: #fe4b68; } section.style-17.portfolio {
background: #f0f0f0;
overflow: hidden;
position: relative;
z-index: 10; } section.style-17.portfolio .portfolio-gallery-wrapper {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
margin: 0;
margin-left: -2px !important;
margin-right: -2px !important;
margin-top: 60px; } section.style-17.portfolio .portfolio-gallery-wrapper .portfolio-gallery {
width: 100%;
overflow: hidden;
position: relative; } section.style-17.portfolio .portfolio-gallery-wrapper .portfolio-gallery .scrollableArea {
min-width: 100%;
position: relative; } section.style-17.portfolio .portfolio-gallery-wrapper .column {
padding: 0;
float: left; }
@media screen and (max-width: 1024px) {
section.style-17.portfolio .portfolio-gallery-wrapper .column {
width: 50%; } } section.style-17.portfolio .portfolio-gallery-wrapper .column .single:nth-of-type(2) .image {
float: right; } section.style-17.portfolio .portfolio-gallery-wrapper .column .single:nth-of-type(2) .content:before {
left: auto;
right: -19px;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); } section.style-17.portfolio .single {
width: 100%;
background: #fff; } section.style-17.portfolio .single, section.style-17.portfolio .single > div {
height: 250px; } section.style-17.portfolio .single .image {
width: 50%;
float: left;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center center; } section.style-17.portfolio .single .image a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(254, 75, 104, 0.85);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-17.portfolio .single .image a:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-17.portfolio .single .image a i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 26px; }
@media screen and (max-width: 1024px) {
section.style-17.portfolio .single .image {
width: 0%;
display: none; } } section.style-17.portfolio .single .content {
width: 50%;
float: left;
text-align: center;
position: relative; } section.style-17.portfolio .single .content:before {
content: "";
position: absolute;
top: 50%;
left: -19px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 20px 0;
border-color: transparent #fff transparent transparent; } section.style-17.portfolio .single .content .inside {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
padding: 30px; } section.style-17.portfolio .single .content .name {
font-size: 18px;
font-family: "Lovelo"; } section.style-17.portfolio .single .content p {
font-size: 14px;
color: #8b8b8b;
line-height: 23px;
margin-top: 10px; }
@media screen and (max-width: 1024px) {
section.style-17.portfolio .single .content {
width: 100%; } }
@media screen and (max-width: 992px) { section.style-17.our-team .members > div {
margin-bottom: 60px !important; } section.style-17.our-team .members > div:last-child {
margin-bottom: 0; } section.style-17.portfolio .single, section.style-17.portfolio .single > div {
height: 200px; } section.style-17.portfolio .single .content .inside {
padding: 15px; } section.style-17.portfolio .single .content .name {
font-size: 15px; } section.style-17.portfolio .single .content p {
font-size: 12px;
line-height: 16px; }
}  section.style-18 { } section.style-18 .inner {
padding: 60px 0; } section.style-18 .buttons {
width: 100%;
float: left;
overflow: hidden; } section.style-18 .buttons a {
font-size: 12px;
color: #000000;
font-family: "Lovelo";
letter-spacing: 1px;
display: inline-block;
overflow: hidden;
position: relative;
z-index: 5; } section.style-18 .buttons a:hover {
color: #fff; } section.style-18 .buttons a:hover span {
padding-left: 15px;
padding-right: 15px; } section.style-18 .buttons a:hover span:before {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); } section.style-18 .buttons a span {
float: left;
padding: 10px 0;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
position: relative; } section.style-18 .buttons a span:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #cb5050;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-18 .buttons a i {
padding-left: 5px;
font-size: 17px; } section.style-18 .title-bar {
width: 100%;
text-align: center;
overflow: hidden;
margin-bottom: 60px; } section.style-18 .title-bar h3 {
font-family: "Lovelo";
font-size: 35px;
color: #000000;
letter-spacing: 2px; } section.style-18 .title-bar h3:after {
content: "";
width: 56px;
height: 10px;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/style-18-title-bar-sep.png);
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
display: block;
margin: auto;
margin-top: 15px; } section.style-18.services .list .box {
width: 100%;
overflow: hidden;
margin: 5px 0; } section.style-18.services .list .box:hover .icon, section.style-18.services .list .box:hover .content .name {
color: #cb5050; } section.style-18.services .list .box .icon {
width: 90px;
height: 90px;
text-align: center;
line-height: 85px;
color: #111;
font-size: 32px;
display: block;
border: 2px solid #cb5050;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
display: inline-block;
position: relative; } section.style-18.services .list .box .icon a.full {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-18.services .list .box .content {
width: 100%;
overflow: hidden;
float: left;
padding-top: 30px; } section.style-18.services .list .box .content .name {
font-family: "Lovelo";
color: #000000;
font-size: 18px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-18.services .list .box .content .name:after {
content: "";
width: 80px;
height: 1px;
background: #c2c2c2;
display: block;
margin: 15px 0; } section.style-18.services .list .box .content p {
font-size: 14px;
line-height: 22px;
color: #8b8b8b;
font-weight: 600;
margin: 0; } section.style-18.services .list .box .content .buttons {
margin-top: 15px; } section.style-18.stats {
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%); } section.style-18.stats .container {
padding: 30px 0; } section.style-18.stats .list {
background: #fff;
border: 2px solid #cb5050;
text-align: center; } section.style-18.stats .list .item {
width: 25%;
padding: 30px;
position: relative;
display: inline-block;
margin-left: -4px; } section.style-18.stats .list .item:first-child:before, section.style-18.stats .list .item:nth-of-type(5n+5):before {
display: none; } section.style-18.stats .list .item:before {
content: "";
width: 2px;
height: 25px;
background: #c2c2c2;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-18.stats .list .item:after {
content: "";
width: 25px;
height: 2px;
background: #c2c2c2;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
display: none; } section.style-18.stats .list .item h3 {
margin: 0;
padding: 0;
font-size: 55px;
line-height: 45px;
font-family: "Lovelo";
color: #000000; } section.style-18.stats .list .item span {
display: block;
font-size: 14px;
color: #000000;
font-family: "Lovelo";
padding-top: 5px; }
@media screen and (max-width: 768px) { section.style-18.stats .container {
padding: 30px !important; }
} section.style-18.about {
background: #f0f0f0; } section.style-18.about .text h3 {
font-size: 20px;
color: #282828;
font-family: "Lovelo"; } section.style-18.about .text ul {
margin: 0;
padding: 0;
margin: 30px 0;
list-style: none;
counter-reset: section; } section.style-18.about .text ul li {
width: 100%;
float: left;
margin-bottom: 30px;
font-size: 14px;
color: #282828;
line-height: 22px;
position: relative;
z-index: 3; } section.style-18.about .text ul li:before {
counter-increment: subsection;
content: "0" counter(subsection);
display: block;
font-size: 14px;
font-family: "Lovelo";
padding-bottom: 20px; } section.style-18.about .text ul li:after {
counter-increment: section;
content: "0" counter(section);
display: block;
font-size: 14px;
font-family: "Lovelo";
position: absolute;
z-index: -1;
top: 0;
left: 5px;
-webkit-transform: translate(-50%, -5px);
-moz-transform: translate(-50%, -5px);
-ms-transform: translate(-50%, -5px);
-o-transform: translate(-50%, -5px);
transform: translate(-50%, -5px);
font-size: 50px;
line-height: 30px;
color: rgba(0, 0, 0, 0.07); } section.style-18.about .slider {
width: 100%;
height: 100%;
float: left;
background: #111;
position: relative; } section.style-18.about .slider:before {
content: "";
position: absolute;
z-index: 2;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 2px solid #fff; } section.style-18.about .slider .slider-wrapper {
width: 100%;
height: 100%;
position: relative;
z-index: 10; } section.style-18.about .slider .slider-wrapper .slider-controls {
width: 95px;
height: 100%;
float: left;
background: #363636;
position: relative;
overflow: hidden; } section.style-18.about .slider .slider-wrapper .slider-controls .slick-list, section.style-18.about .slider .slider-wrapper .slider-controls .slick-track {
width: 100% !important;
height: 100% !important; } section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-top, section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-bottom {
width: 100%;
height: 30px;
position: absolute;
left: 0;
right: 0;
float: left;
cursor: default; } section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-top:before, section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-bottom:before {
font-family: "FontAwesome";
width: 100%;
height: 100%;
float: left;
line-height: 30px;
font-size: 19px;
color: rgba(255, 255, 255, 0.3);
text-align: center; } section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-top {
top: 0;
-webkit-box-shadow: inset 0px 19px 18px -9px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 19px 18px -9px rgba(0, 0, 0, 0.75); } section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-top:before {
content: "\f106";
line-height: 20px; } section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-bottom {
bottom: 0;
-webkit-box-shadow: inset 0px -19px 18px -9px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px -19px 18px -9px rgba(0, 0, 0, 0.75); } section.style-18.about .slider .slider-wrapper .slider-controls .hotspot-bottom:before {
content: "\f107";
line-height: 40px; } section.style-18.about .slider .slider-wrapper .slider-controls .controls-inner {
width: 100%;
height: auto;
float: left;
position: relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; } section.style-18.about .slider .slider-wrapper .slider-controls a {
width: 100% !important;
height: 95px !important;
text-align: center;
line-height: 95px;
float: left;
color: #fff;
font-size: 26px; } section.style-18.about .slider .slider-wrapper .slider-controls a:hover, section.style-18.about .slider .slider-wrapper .slider-controls a.active {
background: #cb5050; } section.style-18.about .slider .slider-wrapper .slider-slides {
width: calc(100% - 95px);
height: 100%;
float: left; } section.style-18.about .slider .slider-wrapper .slider-slides .slick-list, section.style-18.about .slider .slider-wrapper .slider-slides .slick-track {
width: 100%;
height: 100%; } section.style-18.about .slider .slider-wrapper .slider-slides .slide {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: center center;
-webkit-box-shadow: inset 0px -200px 80px -40px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px -200px 80px -40px rgba(0, 0, 0, 0.75);
position: relative; } section.style-18.about .slider .slider-wrapper .slider-slides .slide .inside {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px 60px; } section.style-18.about .slider .slider-wrapper .slider-slides .slide .inside h3 {
font-size: 22px;
font-family: "Lovelo";
color: #fff; } section.style-18.about .slider .slider-wrapper .slider-slides .slide .inside p {
font-size: 14px;
color: #fff;
line-height: 20px; } section.style-18.big-quote {
background: #e4e4e4;
background-size: cover;
background-position: center center; } section.style-18.big-quote .inner {
padding: 120px 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e4e4e4 70%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, #e4e4e4)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e4e4e4 70%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e4e4e4 70%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e4e4e4 70%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e4e4e4 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e4e4e4',GradientType=1 ); } section.style-18.big-quote .actual-quote {
position: relative; } section.style-18.big-quote .actual-quote:before {
content: "\f10e";
font-family: "FontAwesome";
font-size: 120px;
line-height: 70px;
color: rgba(0, 0, 0, 0.1);
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } section.style-18.big-quote .actual-quote p {
font-size: 22px;
color: #636363;
font-weight: 600;
font-style: italic; } section.style-18.big-quote .actual-quote .who {
float: right;
margin-top: 20px;
font-size: 14px;
color: #929292;
font-family: "Lovelo"; } section.style-18.big-quote .actual-quote .who span {
color: #000000; } section.style-18.listandfaq .container {
position: relative; } section.style-18.listandfaq .row {
margin-left: -30px;
margin-right: -30px; } section.style-18.listandfaq .row > div {
padding-left: 30px;
padding-right: 30px; } section.style-18.listandfaq .list {
width: 100%;
height: auto;
background-color: #151515;
background-size: cover;
background-position: center center;
overflow: hidden; } section.style-18.listandfaq .list .actual-list {
width: 50%;
height: 100%;
float: left;
background: rgba(0, 0, 0, 0.7);
padding: 30px; } section.style-18.listandfaq .list .actual-list ul {
list-style: none;
padding: 0;
margin: 0; } section.style-18.listandfaq .list .actual-list ul li {
width: 100%;
float: left;
font-size: 12px;
color: #fff;
letter-spacing: 1px;
font-family: "Lovelo";
padding: 15px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
padding-left: 35px;
position: relative; } section.style-18.listandfaq .list .actual-list ul li:before {
content: "\f178";
font-family: "FontAwesome";
width: 35px;
float: left;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px; } section.style-18.listandfaq .faq .single {
width: 100%;
border: 1px solid #c2c2c2;
border-top: none; } section.style-18.listandfaq .faq .single:first-child {
border: 1px solid #c2c2c2; } section.style-18.listandfaq .faq .single.active .title:after {
-webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg); } section.style-18.listandfaq .faq .single .title {
width: 100%;
padding: 25px;
padding-right: 50px;
color: #373737;
font-size: 12px;
font-family: "Lovelo";
letter-spacing: 1px;
cursor: pointer;
position: relative; } section.style-18.listandfaq .faq .single .title:after {
width: auto;
content: "\f078";
font-family: "FontAwesome";
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-18.listandfaq .faq .single .content {
display: none;
font-size: 14px;
color: #000000;
padding: 25px;
padding-top: 0; } section.style-18.listandfaq .sep {
padding: 0 !important;
margin: 0 !important;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
background: #cccccc; } section.style-18.latest-news {
background: #f0f0f0; } section.style-18.latest-news .news .box {
padding: 15px;
background: #fff; } section.style-18.latest-news .news .box .image {
width: 100%;
height: 250px;
background-size: cover;
background-position: center center;
overflow: hidden; } section.style-18.latest-news .news .box .image a {
width: 100%;
height: 100%;
float: left;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-18.latest-news .news .box .image a:hover {
background: #cb5050;
opacity: 0.5;
filter: alpha(opacity=50); } section.style-18.latest-news .news .box .content {
overflow: hidden; } section.style-18.latest-news .news .box .content .date {
width: 100%;
float: left;
font-size: 12px;
line-height: 1;
color: #9e9e9e;
font-family: "Lovelo";
letter-spacing: 1px;
padding: 10px 0; } section.style-18.latest-news .news .box .content .title {
width: 100%;
float: left;
padding: 10px 0;
font-size: 18px;
line-height: 1;
color: #000000;
font-family: "Lovelo";
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc; } section.style-18.latest-news .news .box .content .title:hover {
color: #cb5050;
border-color: #cb5050; } section.style-18.latest-news .news .box .content p {
width: 100%;
float: left;
font-size: 14px;
line-height: 20px;
color: #8b8b8b;
padding-top: 20px; } section.style-18.latest-news .news .box .content .buttons {
margin-top: 15px; } section.style-18.contact-info .row {
text-align: center; } section.style-18.contact-info .row > div {
display: inline-block;
margin-left: -4px;
float: none; } section.style-18.contact-info .row .box {
width: 100%;
text-align: center; } section.style-18.contact-info .row .box .icon, section.style-18.contact-info .row .box .icon i {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-18.contact-info .row .box .icon {
width: 100%;
text-align: center;
width: 130px;
height: 130px;
line-height: 140px;
background: #fff;
border: 2px solid #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: auto; } section.style-18.contact-info .row .box .icon i {
font-size: 40px;
color: #000;
line-height: 1; } section.style-18.contact-info .row .box .content {
width: 100%;
float: left;
color: #000;
font-size: 20px;
font-weight: 600;
padding-top: 15px; } section.style-18.contact-info .row .box .content a {
color: #000; } section.style-18.contact-info .row .box .content a:hover {
color: #cb5050; } section.style-18.contact-info .row .box:hover .icon {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
border-color: #cb5050; } section.style-18.contact-info .row .box:hover .icon i {
color: #cb5050; } section.style-18.big-contact-info {
background-color: #222;
background-position: center center;
background-size: cover;
position: relative; } section.style-18.big-contact-info:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5); } section.style-18.big-contact-info .inner {
padding: 0;
position: relative;
z-index: 5; } section.style-18.big-contact-info .row {
padding: 60px 0;
border-top: 1px solid rgba(255, 255, 255, 0.35); } section.style-18.big-contact-info .row:first-child {
border-top: 0; } section.style-18.big-contact-info .box .title {
font-size: 18px;
color: #fff;
font-family: "Lovelo"; } section.style-18.big-contact-info .box .content {
padding-top: 20px; } section.style-18.big-contact-info .box .content p.number {
font-size: 43px;
font-weight: 300;
color: #ffffff !important; } section.style-18.big-contact-info .box .content p.text {
font-size: 14px;
color: #8b8b8b;
font-weight: 600; } section.style-18.big-contact-info .box .content a.contact-button {
width: 100%;
height: auto;
color: #fff;
font-family: "Lovelo";
font-size: 14px;
border: 2px solid #fff;
float: left; } section.style-18.big-contact-info .box .content a.contact-button:hover {
color: #111; } section.style-18.big-contact-info .box .content a.contact-button:hover span:before {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-18.big-contact-info .box .content a.contact-button span {
width: 100%;
padding: 15px 15px;
float: left;
position: relative;
z-index: 3;
overflow: hidden; } section.style-18.big-contact-info .box .content a.contact-button span .fa {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-18.big-contact-info .box .content a.contact-button span:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
@media screen and (max-width: 992px) { section.style-18.services .list > div {
margin-bottom: 30px; } section.style-18.services .list > div:last-child {
margin-bottom: 0; } section.style-18.services .list .box {
text-align: center; } section.style-18.services .list .box .content .name:after {
margin-left: auto;
margin-right: auto; } section.style-18.stats .list .item {
width: 50%; } section.style-18.stats .list .item:nth-of-type(3n+3):before, section.style-18.stats .list .item:nth-of-type(7n+7):before {
display: none; } section.style-18.stats .list .item:nth-of-type(6n+6):before {
display: block; } section.style-18.about .slider-col {
max-height: 9999px;
min-height: 1px;
height: auto !important;
overflow: hidden; } section.style-18.about .slider {
margin-top: 60px;
height: auto !important; } section.style-18.about .slider .slider-wrapper .slider-controls {
width: 100%;
height: auto !important;
min-height: 95px; } section.style-18.about .slider .slider-wrapper .slider-controls a {
width: 95px !important;
height: 95px;
float: left; } section.style-18.about .slider .slider-wrapper .slider-slides {
width: 100%;
height: auto; } section.style-18.about .slider .slider-wrapper .slider-slides .slide .inside {
position: static;
padding: 15px;
padding-top: 60px; } section.style-18.about .text {
text-align: center; } section.style-18.about .text ul li:after {
left: 50%; } section.style-18.our-team .members > div {
margin-bottom: 60px;
float: left; } section.style-18.our-team .members > div:last-child {
margin-bottom: 0; } section.style-18.big-quote .inner {
padding-top: 150px;
padding-bottom: 60px; } section.style-18.big-quote .actual-quote:before {
left: 50%;
top: 0;
-webkit-transform: translate(-50%, calc(-100% - 30px));
-moz-transform: translate(-50%, calc(-100% - 30px));
-ms-transform: translate(-50%, calc(-100% - 30px));
-o-transform: translate(-50%, calc(-100% - 30px));
transform: translate(-50%, calc(-100% - 30px)); } section.style-18.listandfaq .sep {
width: 100%;
height: 1px;
position: static;
top: auto;
left: auto;
margin: 60px 0 !important;
display: block; } section.style-18.latest-news .news > div {
margin-bottom: 30px; } section.style-18.latest-news .news > div:last-child {
margin-bottom: 0; } section.style-18.contact-info .row > div {
margin-bottom: 30px; } section.style-18.contact-info .row > div:last-child {
margin-bottom: 0; } section.style-18.big-contact-info .row > div {
margin-bottom: 30px; } section.style-18.big-contact-info .row > div:last-child {
margin-bottom: 0; }
}
@media screen and (max-width: 768px) { section.style-18.stats .list .item {
width: 100%; } section.style-18.stats .list .item:before {
display: none; } section.style-18.stats .list .item:after {
display: block; } section.style-18.stats .list .item:nth-last-child(1):after {
display: none; } section.style-18.listandfaq .list .actual-list {
width: 100%; }
}  section.style-19.full-post {
background-size: cover;
background-position: center center;
position: relative;
background-color: #363636; } section.style-19.full-post > .row {
margin-left: 0;
margin-right: 0; } section.style-19.full-post > .row > div {
padding-left: 0;
padding-right: 0; } section.style-19.full-post .inner {
padding: 90px 0;
overflow: hidden; } section.style-19.full-post.overlay-1:before, section.style-19.full-post .overlay-1:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4); } section.style-19.full-post.format-standard .post-wrapper .post-info {
text-align: center; } section.style-19.full-post.half-image .post-wrapper {
background: #cc5050;
padding: 0 90px; }
@media screen and (max-width: 992px) {
section.style-19.full-post.half-image .post-wrapper {
padding: 0 60px; } }
@media screen and (max-width: 768px) {
section.style-19.full-post.half-image .post-wrapper {
padding: 0 30px; } } section.style-19.full-post.half-image .post-wrapper .post-info {
text-align: left; } section.style-19.full-post.half-image .post-wrapper .post-info .actual-post .title {
padding-left: 0; } section.style-19.full-post.half-image .post-wrapper .post-info .actual-post .title:before, section.style-19.full-post.half-image .post-wrapper .post-info .actual-post .title:after {
left: 0;
margin-left: 0; } section.style-19.full-post.half-image .post-wrapper .post-info .actual-post p {
padding-left: 0; } section.style-19.full-post.half-image .post-wrapper .cut {
position: absolute;
top: 0;
right: -74px;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-color: #cc5050 transparent transparent transparent; } section.style-19.full-post.format-link:before, section.style-19.full-post.no-thumb:before, section.style-19.full-post.format-quote:before {
content: "";
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
border: 2px solid rgba(255, 255, 255, 0.15); } section.style-19.full-post.format-link .post-wrapper .post-info {
text-align: center; } section.style-19.full-post.format-video .video-wrapper {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: center center;
position: relative;
z-index: 2; }
@media screen and (max-width: 768px) {
section.style-19.full-post.format-video .video-wrapper {
max-height: 300px; } } section.style-19.full-post.format-video .video-wrapper a.play {
position: absolute;
z-index: 5;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-19.full-post.format-video .video-wrapper a.play:hover {
background: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5); } section.style-19.full-post.format-video .video-wrapper a.play:hover i {
-webkit-transform: translate(-50%, -50%) scale(0.9);
-moz-transform: translate(-50%, -50%) scale(0.9);
-ms-transform: translate(-50%, -50%) scale(0.9);
-o-transform: translate(-50%, -50%) scale(0.9);
transform: translate(-50%, -50%) scale(0.9); } section.style-19.full-post.format-video .video-wrapper a.play i {
width: 80px;
height: 80px;
text-align: center;
line-height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 30px;
padding-left: 5px;
-webkit-box-shadow: inset 0 0 0 8px #fff;
box-shadow: inset 0 0 0 8px #fff;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-19.full-post.format-audio .post-wrapper .post-info {
text-align: center; } section.style-19.full-post.format-audio .post-wrapper .post-info .sc-wrapper {
position: relative; } section.style-19.full-post.format-audio .post-wrapper .post-info .sc-wrapper:before {
content: "";
position: absolute;
z-index: -1;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
border: 2px solid #fff; } section.style-19.full-post.format-quote .post-wrapper .post-info {
text-align: center; } section.style-19.full-post .post-wrapper {
position: relative;
z-index: 3; } section.style-19.full-post .post-wrapper .post-info {
width: 100%;
color: #fff; } section.style-19.full-post .post-wrapper .post-info .icon {
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
display: inline-block;
color: #fff;
font-size: 19px; } section.style-19.full-post .post-wrapper .post-info .date {
width: 100%;
display: block;
font-size: 13px;
padding-top: 10px; } section.style-19.full-post .post-wrapper .post-info .actual-post {
width: 100%;
float: left;
margin-top: 40px; } section.style-19.full-post .post-wrapper .post-info .actual-post .title {
width: 100%;
float: left;
font-family: "Lovelo";
font-size: 30px;
line-height: 35px;
color: #fff;
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding: 0 15px;
padding-bottom: 20px; } section.style-19.full-post .post-wrapper .post-info .actual-post .title:hover {
color: rgba(255, 255, 255, 0.5); } section.style-19.full-post .post-wrapper .post-info .actual-post .title:after {
content: "";
width: 90%;
max-width: 500px;
height: 1px;
background: rgba(255, 255, 255, 0.25);
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } section.style-19.full-post .post-wrapper .post-info .actual-post .title:before {
content: "";
width: 80px;
height: 1px;
background: rgba(255, 255, 255, 0.7);
position: absolute;
bottom: 0;
left: 50%;
margin-left: -40px; }
@media screen and (max-width: 768px) {
section.style-19.full-post .post-wrapper .post-info .actual-post .title {
font-size: 20px; } } section.style-19.full-post .post-wrapper .post-info .actual-post p {
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.9);
padding: 0 15px; } section.style-19.full-post .post-wrapper .post-info .actual-post .main-buttons {
margin-top: 20px; } section.style-19.posts-slider {
background-color: #111;
overflow: hidden;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
position: relative; } section.style-19.posts-slider section {
float: left;
overflow: hidden; } section.style-19.posts-slider .slick-prev, section.style-19.posts-slider .slick-next {
position: absolute;
top: 50% !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: 25px;
height: 45px;
text-align: center;
line-height: 45px;
text-indent: -999px;
overflow: hidden;
background: none;
border: none;
opacity: 0.8;
filter: alpha(opacity=80); }
@media screen and (max-width: 768px) {
section.style-19.posts-slider .slick-prev, section.style-19.posts-slider .slick-next {
top: auto !important;
bottom: 20px !important; } } section.style-19.posts-slider .slick-prev:hover, section.style-19.posts-slider .slick-next:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-19.posts-slider .slick-prev.slick-disabled, section.style-19.posts-slider .slick-next.slick-disabled {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-19.posts-slider .slick-prev:before, section.style-19.posts-slider .slick-next:before {
text-indent: 0px;
content: "";
width: 100%;
height: 100%;
float: left;
font-family: "FontAwesome";
color: #fff;
font-size: 24px; } section.style-19.posts-slider .slick-prev {
left: 20px !important; } section.style-19.posts-slider .slick-prev:before {
content: "\f053"; } section.style-19.posts-slider .slick-next {
right: 20px !important; } section.style-19.posts-slider .slick-next:before {
content: "\f054"; }  section.style-20.full-height-section .items-wrapper {
position: relative;
height: 100%;
width: 100%;
margin-right: -2px !important; } section.style-20.full-height-section .items-wrapper .scrollingHotSpotLeft, section.style-20.full-height-section .items-wrapper .scrollingHotSpotRight {
cursor: default !important; } section.style-20.full-height-section .items-wrapper .scrollableArea > div {
padding: 0; } section.style-20.full-height-section .items-wrapper .scrollableArea {
min-width: 100%; } section.style-20.full-height-section .item {
width: 25%;
height: 100%;
float: left;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden; }
@media screen and (max-width: 992px) {
section.style-20.full-height-section .item {
width: 100%;
height: 300px; } } section.style-20.full-height-section .item:before, section.style-20.full-height-section .item:after {
content: "";
position: absolute;
z-index: 4;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.7);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-20.full-height-section .item:after {
background: rgba(0, 0, 0, 0.8);
opacity: 0;
filter: alpha(opacity=0);
z-index: 5; } section.style-20.full-height-section .item:hover:after {
opacity: 1;
filter: alpha(opacity=100); } section.style-20.full-height-section .item a {
position: absolute;
z-index: 11;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-20.full-height-section .item:hover .valign {
color: #fff; } section.style-20.full-height-section .item:hover .valign h3:after {
background: rgba(255, 255, 255, 0.25); } section.style-20.full-height-section .item:hover .valign .read-more {
background: #fff;
color: #000; } section.style-20.full-height-section .item .valign {
width: 100%;
position: absolute;
z-index: 10;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 15px;
text-align: center;
color: #000; } section.style-20.full-height-section .item .valign span, section.style-20.full-height-section .item .valign h3, section.style-20.full-height-section .item .valign h3:after, section.style-20.full-height-section .item .valign .read-more {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-20.full-height-section .item .valign span {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: "Lovelo"; } section.style-20.full-height-section .item .valign h3 {
margin: 0;
padding: 0;
font-family: 'Arapey', serif;
font-size: 74px;
line-height: 60px;
text-transform: uppercase;
margin-top: 5px;
word-break: break-all; } section.style-20.full-height-section .item .valign h3:after {
content: "";
width: 70px;
height: 1px;
background: rgba(0, 0, 0, 0.25);
display: block;
margin: 30px auto; } section.style-20.full-height-section .item .valign .read-more {
padding: 15px 40px;
display: inline-block;
background: #000;
color: #fff;
font-family: "Lovelo";
font-size: 14px;
cursor: pointer; }   .portfolio.nopadding {
border-top: none; } .portfolio.nopadding .inner {
padding: 0; } .style-1.portfolio, .style-3.portfolio, .style-5.portfolio, .style-13.portfolio {
position: relative; } .style-1.portfolio .portfolio-gallery-wrapper, .style-3.portfolio .portfolio-gallery-wrapper, .style-5.portfolio .portfolio-gallery-wrapper, .style-13.portfolio .portfolio-gallery-wrapper {
position: relative;
width: 100%;
margin-left: -2px !important;
margin-right: -2px !important; } .style-1.portfolio .scrollingHotSpotLeft, .style-1.portfolio .scrollingHotSpotRight, .style-3.portfolio .scrollingHotSpotLeft, .style-3.portfolio .scrollingHotSpotRight, .style-5.portfolio .scrollingHotSpotLeft, .style-5.portfolio .scrollingHotSpotRight, .style-13.portfolio .scrollingHotSpotLeft, .style-13.portfolio .scrollingHotSpotRight {
cursor: default !important; } .style-1.portfolio .scrollableArea > div, .style-3.portfolio .scrollableArea > div, .style-5.portfolio .scrollableArea > div, .style-13.portfolio .scrollableArea > div {
padding: 0; } .style-1.portfolio .portfolio-gallery .image, .style-3.portfolio .portfolio-gallery .image, .style-4.gallery .image, .style-5.portfolio .portfolio-gallery .image, .style-13.portfolio .portfolio-gallery .image {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden; } .style-1.portfolio .portfolio-gallery .image:hover:before, .style-3.portfolio .portfolio-gallery .image:hover:before, .style-4.gallery .image:hover:before, .style-5.portfolio .portfolio-gallery .image:hover:before, .style-13.portfolio .portfolio-gallery .image:hover:before {
opacity: 1;
filter: alpha(opacity=100); } .style-1.portfolio .portfolio-gallery .image:hover .hover, .style-3.portfolio .portfolio-gallery .image:hover .hover, .style-4.gallery .image:hover .hover, .style-5.portfolio .portfolio-gallery .image:hover .hover, .style-13.portfolio .portfolio-gallery .image:hover .hover {
opacity: 1;
filter: alpha(opacity=100); } .style-1.portfolio .portfolio-gallery .image:hover .hover .leftright-border:before, .style-1.portfolio .portfolio-gallery .image:hover .hover .leftright-border:after, .style-1.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-1.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after, .style-3.portfolio .portfolio-gallery .image:hover .hover .leftright-border:before, .style-3.portfolio .portfolio-gallery .image:hover .hover .leftright-border:after, .style-3.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-3.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after, .style-4.gallery .image:hover .hover .leftright-border:before, .style-4.gallery .image:hover .hover .leftright-border:after, .style-4.gallery .image:hover .hover .topbottom-border:before, .style-4.gallery .image:hover .hover .topbottom-border:after, .style-5.portfolio .portfolio-gallery .image:hover .hover .leftright-border:before, .style-5.portfolio .portfolio-gallery .image:hover .hover .leftright-border:after, .style-5.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-5.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after, .style-13.portfolio .portfolio-gallery .image:hover .hover .leftright-border:before, .style-13.portfolio .portfolio-gallery .image:hover .hover .leftright-border:after, .style-13.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-13.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } .style-1.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-1.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after, .style-3.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-3.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after, .style-4.gallery .image:hover .hover .topbottom-border:before, .style-4.gallery .image:hover .hover .topbottom-border:after, .style-5.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-5.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after, .style-13.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:before, .style-13.portfolio .portfolio-gallery .image:hover .hover .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } .style-1.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(1n), .style-3.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(1n), .style-4.gallery .image:hover .hover .inside .links a:nth-of-type(1n), .style-5.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(1n), .style-13.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(1n) {
-webkit-transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s;
-o-transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s;
transition: transform 0.45s ease-in-out 0.6s, opacity 0.45s ease-in-out 0.6s, box-shadow 0.35s, color 0.35s; } .style-1.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(2n), .style-3.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(2n), .style-4.gallery .image:hover .hover .inside .links a:nth-of-type(2n), .style-5.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(2n), .style-13.portfolio .portfolio-gallery .image:hover .hover .inside .links a:nth-of-type(2n) {
-webkit-transition: transform 0.45s ease-in-out 0.75s, opacity 0.45s ease-in-out 0.75s, box-shadow 0.35s, color 0.35s;
-o-transition: transform 0.45s ease-in-out 0.75s, opacity 0.45s ease-in-out 0.75s, box-shadow 0.35s, color 0.35s;
transition: transform 0.45s ease-in-out 0.75s, opacity 0.45s ease-in-out 0.75s, box-shadow 0.35s, color 0.35s; } .style-1.portfolio .portfolio-gallery .image:hover .hover .inside .name, .style-1.portfolio .portfolio-gallery .image:hover .hover .inside .links a, .style-3.portfolio .portfolio-gallery .image:hover .hover .inside .name, .style-3.portfolio .portfolio-gallery .image:hover .hover .inside .links a, .style-4.gallery .image:hover .hover .inside .name, .style-4.gallery .image:hover .hover .inside .links a, .style-5.portfolio .portfolio-gallery .image:hover .hover .inside .name, .style-5.portfolio .portfolio-gallery .image:hover .hover .inside .links a, .style-13.portfolio .portfolio-gallery .image:hover .hover .inside .name, .style-13.portfolio .portfolio-gallery .image:hover .hover .inside .links a {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100); } .style-1.portfolio .portfolio-gallery .image:hover .hover .inside hr, .style-3.portfolio .portfolio-gallery .image:hover .hover .inside hr, .style-4.gallery .image:hover .hover .inside hr, .style-5.portfolio .portfolio-gallery .image:hover .hover .inside hr, .style-13.portfolio .portfolio-gallery .image:hover .hover .inside hr {
max-width: 60px;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; } .style-1.portfolio .portfolio-gallery .image:before, .style-3.portfolio .portfolio-gallery .image:before, .style-4.gallery .image:before, .style-5.portfolio .portfolio-gallery .image:before, .style-13.portfolio .portfolio-gallery .image:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
opacity: 0;
filter: alpha(opacity=0); } .style-1.portfolio .portfolio-gallery .image .hover, .style-3.portfolio .portfolio-gallery .image .hover, .style-4.gallery .image .hover, .style-5.portfolio .portfolio-gallery .image .hover, .style-13.portfolio .portfolio-gallery .image .hover {
position: absolute;
z-index: 2;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden; } .style-1.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-1.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-1.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-1.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-3.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-3.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-3.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-3.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-4.gallery .image .hover .leftright-border:before, .style-4.gallery .image .hover .leftright-border:after, .style-4.gallery .image .hover .topbottom-border:before, .style-4.gallery .image .hover .topbottom-border:after, .style-5.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-5.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-5.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-5.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-13.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-13.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-13.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-13.portfolio .portfolio-gallery .image .hover .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } .style-1.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-1.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-3.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-3.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-4.gallery .image .hover .leftright-border:before, .style-4.gallery .image .hover .leftright-border:after, .style-5.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-5.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-13.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-13.portfolio .portfolio-gallery .image .hover .leftright-border:after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.6); } .style-1.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-3.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-4.gallery .image .hover .leftright-border:before, .style-5.portfolio .portfolio-gallery .image .hover .leftright-border:before, .style-13.portfolio .portfolio-gallery .image .hover .leftright-border:before {
left: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); } .style-1.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-3.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-4.gallery .image .hover .leftright-border:after, .style-5.portfolio .portfolio-gallery .image .hover .leftright-border:after, .style-13.portfolio .portfolio-gallery .image .hover .leftright-border:after {
right: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); } .style-1.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-1.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-3.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-3.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-4.gallery .image .hover .topbottom-border:before, .style-4.gallery .image .hover .topbottom-border:after, .style-5.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-5.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-13.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-13.portfolio .portfolio-gallery .image .hover .topbottom-border:after {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.6);
-webkit-transition-delay: 0s;
transition-delay: 0s; } .style-1.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-3.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-4.gallery .image .hover .topbottom-border:before, .style-5.portfolio .portfolio-gallery .image .hover .topbottom-border:before, .style-13.portfolio .portfolio-gallery .image .hover .topbottom-border:before {
top: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); } .style-1.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-3.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-4.gallery .image .hover .topbottom-border:after, .style-5.portfolio .portfolio-gallery .image .hover .topbottom-border:after, .style-13.portfolio .portfolio-gallery .image .hover .topbottom-border:after {
bottom: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); } .style-1.portfolio .portfolio-gallery .image .hover .inside, .style-3.portfolio .portfolio-gallery .image .hover .inside, .style-4.gallery .image .hover .inside, .style-5.portfolio .portfolio-gallery .image .hover .inside, .style-13.portfolio .portfolio-gallery .image .hover .inside {
width: 100%;
text-align: center;
padding: 15px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff; } .style-1.portfolio .portfolio-gallery .image .hover .inside .name, .style-1.portfolio .portfolio-gallery .image .hover .inside .links a, .style-3.portfolio .portfolio-gallery .image .hover .inside .name, .style-3.portfolio .portfolio-gallery .image .hover .inside .links a, .style-4.gallery .image .hover .inside .name, .style-4.gallery .image .hover .inside .links a, .style-5.portfolio .portfolio-gallery .image .hover .inside .name, .style-5.portfolio .portfolio-gallery .image .hover .inside .links a, .style-13.portfolio .portfolio-gallery .image .hover .inside .name, .style-13.portfolio .portfolio-gallery .image .hover .inside .links a {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .style-1.portfolio .portfolio-gallery .image .hover .inside .name, .style-3.portfolio .portfolio-gallery .image .hover .inside .name, .style-4.gallery .image .hover .inside .name, .style-5.portfolio .portfolio-gallery .image .hover .inside .name, .style-13.portfolio .portfolio-gallery .image .hover .inside .name {
font-family: "Lovelo";
font-size: 18px;
line-height: 1;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0;
filter: alpha(opacity=0); } .style-1.portfolio .portfolio-gallery .image .hover .inside hr, .style-3.portfolio .portfolio-gallery .image .hover .inside hr, .style-4.gallery .image .hover .inside hr, .style-5.portfolio .portfolio-gallery .image .hover .inside hr, .style-13.portfolio .portfolio-gallery .image .hover .inside hr {
max-width: 0;
height: 2px;
background: #fff;
margin: 0;
display: block;
border: none;
margin: 20px auto;
-webkit-transform: translate3d(none);
-moz-transform: translate3d(none);
-ms-transform: translate3d(none);
-o-transform: translate3d(none);
transform: translate3d(none);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } .style-1.portfolio .portfolio-gallery .image .hover .inside .links, .style-3.portfolio .portfolio-gallery .image .hover .inside .links, .style-4.gallery .image .hover .inside .links, .style-5.portfolio .portfolio-gallery .image .hover .inside .links, .style-13.portfolio .portfolio-gallery .image .hover .inside .links {
text-align: center; } .style-1.portfolio .portfolio-gallery .image .hover .inside .links a, .style-3.portfolio .portfolio-gallery .image .hover .inside .links a, .style-4.gallery .image .hover .inside .links a, .style-5.portfolio .portfolio-gallery .image .hover .inside .links a, .style-13.portfolio .portfolio-gallery .image .hover .inside .links a {
display: inline-block;
width: 55px;
height: 55px;
line-height: 55px;
margin: 0 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
font-size: 17px;
color: #fff; } .style-1.portfolio .portfolio-gallery .image .hover .inside .links a:hover, .style-3.portfolio .portfolio-gallery .image .hover .inside .links a:hover, .style-4.gallery .image .hover .inside .links a:hover, .style-5.portfolio .portfolio-gallery .image .hover .inside .links a:hover, .style-13.portfolio .portfolio-gallery .image .hover .inside .links a:hover {
-webkit-box-shadow: inset 0 0 0 30px #fff;
box-shadow: inset 0 0 0 30px #fff;
color: #111; } .scrollingHotSpotLeft, .scrollingHotSpotRight {
width: 150px;
height: 100%;
cursor: default !important;
z-index: 50 !important; }
@media screen and (max-width: 768px) {
.scrollingHotSpotLeft, .scrollingHotSpotRight {
width: 100px !important;
min-width: 100px !important; } } .scrollingHotSpotLeft:before, .scrollingHotSpotRight:before {
content: "";
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "FontAwesome";
font-size: 30px;
color: #111; } .scrollingHotSpotLeft {
box-shadow: inset 150px 0 50px -50px rgba(255, 255, 255, 0.6); } .scrollingHotSpotLeft:before {
content: "\f053"; } .scrollingHotSpotRight {
box-shadow: inset -150px 0 50px -50px rgba(255, 255, 255, 0.6); } .scrollingHotSpotRight:before {
content: "\f054"; }
@media screen and (max-width: 993px) { .style-1.portfolio .portfolio-gallery .hover .inside, .style-3.portfolio .portfolio-gallery .hover .inside, .style-5.portfolio .portfolio-gallery .hover .inside {
padding: 7px !important; } .style-1.portfolio .portfolio-gallery .hover .inside .name, .style-3.portfolio .portfolio-gallery .hover .inside .name, .style-5.portfolio .portfolio-gallery .hover .inside .name {
font-size: 13px !important; } .style-1.portfolio .portfolio-gallery .hover .inside hr, .style-3.portfolio .portfolio-gallery .hover .inside hr, .style-5.portfolio .portfolio-gallery .hover .inside hr {
margin-top: 10px !important;
margin-bottom: 10px !important; } .style-1.portfolio .portfolio-gallery .hover .inside .links a, .style-3.portfolio .portfolio-gallery .hover .inside .links a, .style-5.portfolio .portfolio-gallery .hover .inside .links a {
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
font-size: 12px !important;
margin: 0 3px !important; } .style-4.gallery .hover .inside {
padding: 7px !important; } .style-4.gallery .hover .inside .name {
font-size: 13px !important; } .style-4.gallery .hover .inside hr {
margin-top: 10px !important;
margin-bottom: 10px !important; } .style-4.gallery .hover .inside .links a {
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
font-size: 12px !important;
margin: 0 3px !important; }
}  .style-7.steps .box .inside .single .icon, .style-8.steps .box .inside .single .icon {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .style-7.steps .box .inside .single:hover .icon, .style-8.steps .box .inside .single:hover .icon {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); } .style-16.steps, .style-8.steps, .style-7.steps {
background-size: cover;
background-position: center center; } .style-16.steps .inner, .style-8.steps .inner, .style-7.steps .inner {
padding: 120px 0; } .style-16.steps .box, .style-8.steps .box, .style-7.steps .box {
width: 100%;
height: auto;
padding: 30px;
background: #fff;
color: #000;
position: relative; } .style-16.steps .box:before, .style-8.steps .box:before, .style-7.steps .box:before {
content: "";
position: absolute;
z-index: 1;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff; } .style-16.steps .box .inside, .style-8.steps .box .inside, .style-7.steps .box .inside {
position: relative;
z-index: 3;
overflow: hidden; } .style-16.steps .box .inside h3, .style-8.steps .box .inside h3, .style-7.steps .box .inside h3 {
font-family: 'Arapey', serif;
font-size: 39px;
line-height: 1;
margin: 0;
color: #000;
display: block;
text-align: center;
margin-bottom: 60px;
text-transform: uppercase; } .style-16.steps .box .inside .single, .style-8.steps .box .inside .single, .style-7.steps .box .inside .single {
width: 100%; } .style-16.steps .box .inside .single .icon, .style-8.steps .box .inside .single .icon, .style-7.steps .box .inside .single .icon {
min-height: 100px;
padding: 30px 0;
text-align: center; } .style-16.steps .box .inside .single .icon:before, .style-8.steps .box .inside .single .icon:before, .style-7.steps .box .inside .single .icon:before {
counter-increment: subsection;
content: "0" counter(subsection);
font-size: 150px;
line-height: 110px;
color: rgba(0, 0, 0, 0.075);
font-family: 'Arapey', serif;
font-weight: 600;
letter-spacing: -8px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1; } .style-16.steps .box .inside .single .icon img, .style-8.steps .box .inside .single .icon img, .style-7.steps .box .inside .single .icon img {
max-width: 90%; } .style-16.steps .box .inside .single .icon i, .style-8.steps .box .inside .single .icon i, .style-7.steps .box .inside .single .icon i {
display: inline-block;
font-size: 70px;
line-height: 1;
color: #000; } .style-16.steps .box .inside .single .name, .style-8.steps .box .inside .single .name, .style-7.steps .box .inside .single .name {
width: 100%;
display: block;
text-align: center;
margin-top: 5px; } .style-16.steps .box .inside .single .name h3, .style-8.steps .box .inside .single .name h3, .style-7.steps .box .inside .single .name h3 {
font-family: "Lovelo";
font-size: 16px;
color: #000;
display: block;
margin: 0;
padding: 0; } .style-16.steps .box .inside .single .name h3:after, .style-8.steps .box .inside .single .name h3:after, .style-7.steps .box .inside .single .name h3:after {
content: "";
width: 30px;
height: 2px;
background: #000;
display: block;
margin: auto;
margin-top: 15px; }  .big-subscribe {
width: 100%;
background: #000; } .big-subscribe .inner {
padding: 60px 0; } .big-subscribe .title-bar {
width: 100%;
text-align: center;
margin-bottom: 15px; } .big-subscribe .title-bar h3 {
display: block;
font-size: 35px;
font-family: "Lovelo";
color: #fff;
margin: 0; } .big-subscribe .title-bar span {
display: block;
font-size: 14px;
font-family: "Lovelo";
color: #fff;
margin-top: 3px; } .big-subscribe .title-bar span:after {
content: "";
width: 80px;
height: 2px;
background: #fff;
display: block;
margin: auto;
margin-top: 15px; } .big-subscribe p.desc {
width: 100%;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 24px; } .big-subscribe form {
width: 100%;
margin-top: 30px; } .big-subscribe form ::-webkit-input-placeholder { color: #555; } .big-subscribe form :-moz-placeholder { color: #555;
opacity: 1; } .big-subscribe form ::-moz-placeholder { color: #555;
opacity: 1; } .big-subscribe form :-ms-input-placeholder { color: #555; } .big-subscribe form input {
width: calc(100% - 130px);
height: 45px;
background: #252525;
border: none;
float: left;
padding: 10px;
font-size: 16px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .big-subscribe form input:focus {
color: #fff; } .big-subscribe form input:focus::-webkit-input-placeholder { color: #bbb; } .big-subscribe form input:focus:-moz-placeholder { color: #bbb;
opacity: 1; } .big-subscribe form input:focus::-moz-placeholder { color: #bbb;
opacity: 1; } .big-subscribe form input:focus:-ms-input-placeholder { color: #bbb; } .big-subscribe form input[type="submit"] {
width: 130px;
background: #ec2c55;
color: #fff;
font-family: "Lovelo";
font-size: 14px; } .big-subscribe form input[type="submit"]:hover {
opacity: 0.7;
filter: alpha(opacity=70); } .big-subscribe form .wpcf7-not-valid-tip {
position: absolute !important;
top: 45px !important;
width: 400px; }
@media screen and (max-width: 640px) {
.big-subscribe form .wpcf7-not-valid-tip {
top: 90px !important; } }
@media screen and (max-width: 640px) { .big-subscribe form input {
width: 100% !important;
text-align: center; }
}  .servicelist {
margin-top: 70px;
border: 1px solid #d7d7d7;
padding: 1px;
overflow: hidden; } .servicelist.haveshadow {
position: relative;
z-index: 10;
overflow: inherit;
float: left; } .servicelist.haveshadow:after {
content: "";
width: 100%;
height: 40px;
background: transparent;
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
-webkit-border-radius: 20%;
-moz-border-radius: 20%;
border-radius: 20%;
-webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 70px rgba(0, 0, 0, 0.3); } .servicelist .inner {
padding: 0; } .servicelist .box-holder {
padding: 0 !important; } .servicelist .box-holder .equalizer-inner {
width: 100%;
height: 100%;
float: left; } .servicelist .box-holder:nth-of-type(2n) .box {
background: #f5f5f5; } .servicelist .box-holder:nth-of-type(2n) .box p {
color: #999; } .servicelist.effect-1 .box:hover .icon {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px); } .servicelist.effect-1 .box:hover .name .leftright-border:before, .servicelist.effect-1 .box:hover .name .leftright-border:after, .servicelist.effect-1 .box:hover .name .topbottom-border:before, .servicelist.effect-1 .box:hover .name .topbottom-border:after {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); } .servicelist.effect-1 .box:hover .name .topbottom-border:before, .servicelist.effect-1 .box:hover .name .topbottom-border:after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; } .servicelist.effect-1 .box:hover p {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px); } .servicelist.effect-1 .box:hover .icon, .servicelist.effect-1 .box:hover .name, .servicelist.effect-1 .box:hover p {
color: #fff !important; } .servicelist .box-holder .box:hover, .servicelist .box-holder:nth-of-type(4n+2) .box:hover, .servicelist .box-holder:nth-of-type(4n+3) .box:hover, .servicelist .box-holder:nth-of-type(4n) .box:hover {
background: #ec2c55 !important; } .servicelist .box {
height: 100%;
background: #fff;
padding: 50px 30px;
text-align: center;
cursor: default;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } .servicelist .box .inner {
padding: 30px 0; }
@media screen and (max-width: 768px) {
.servicelist .box .inner {
padding: 0 !important; } } .servicelist .box .icon, .servicelist .box .name, .servicelist .box p {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; } .servicelist .box .icon {
height: 40px;
line-height: 40px;
color: #ec2c55;
font-size: 38px; } .servicelist .box .name {
font-family: "Lovelo";
font-size: 18px;
color: #000;
margin: 20px 0;
padding: 10px 15px;
display: inline-block;
position: relative;
overflow: hidden; } .servicelist .box .name .leftright-border:before, .servicelist .box .name .leftright-border:after, .servicelist .box .name .topbottom-border:before, .servicelist .box .name .topbottom-border:after {
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; } .servicelist .box .name .leftright-border:before, .servicelist .box .name .leftright-border:after {
content: "";
width: 2px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
background: #fff; } .servicelist .box .name .leftright-border:before {
left: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); } .servicelist .box .name .leftright-border:after {
right: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%); } .servicelist .box .name .topbottom-border:before, .servicelist .box .name .topbottom-border:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
left: 0;
right: 0;
background: #fff;
-webkit-transition-delay: 0s;
transition-delay: 0s; } .servicelist .box .name .topbottom-border:before {
top: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); } .servicelist .box .name .topbottom-border:after {
bottom: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); } .servicelist .box p {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 14px;
color: #999;
line-height: 25px; }
@media screen and (max-width: 993px) { .servicelist .box-holder:nth-of-type(2n+2) .box {
background: #fff !important; } .servicelist .box-holder:nth-of-type(4n+2) .box, .servicelist .box-holder:nth-of-type(4n+3) .box {
background: #f5f5f5 !important; } .servicelist .box-holder:nth-of-type(4n+2) .box p, .servicelist .box-holder:nth-of-type(4n+3) .box p {
color: #999; }
}
@media screen and (max-width: 767px) { .servicelist {
border-left: none;
border-right: none;
padding: 0; } .servicelist .box-holder .box {
background: #fff !important; } .servicelist .box-holder:nth-of-type(2n) .box, .servicelist .box-holder:nth-of-type(3n) .box, .servicelist .box-holder:nth-of-type(4n+2) .box, .servicelist .box-holder:nth-of-type(4n+3).box {
background: #fff !important; } .servicelist .box-holder:nth-of-type(2n+2) .box {
background: #f5f5f5 !important; }
}  .style-element.our-team .members > div {
margin-top: 10px;
margin-bottom: 10px; } .style-element.our-team .members .member {
padding-top: 40px;
overflow: hidden;
margin-top: 10px; } .style-element.our-team .members .member .image {
width: 100%;
height: 300px;
-webkit-box-shadow: inset 0 0 0 2px #000;
box-shadow: inset 0 0 0 2px #000;
position: relative;
text-align: center;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
background-size: cover;
background-position: center center; } .style-element.our-team .members .member .image:before {
content: "";
position: absolute;
top: 6px;
right: 6px;
bottom: 6px;
left: 6px;
border: 2px solid #cb5050;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .style-element.our-team .members .member .image.ispoppingout img {
max-width: 100%;
max-height: 340px;
min-height: 340px;
-webkit-transform: translateY(-42px);
-moz-transform: translateY(-42px);
-ms-transform: translateY(-42px);
-o-transform: translateY(-42px);
transform: translateY(-42px); } .style-element.our-team .members .member .content {
width: 100%;
float: left;
padding-top: 30px;
overflow: hidden; } .style-element.our-team .members .member .content:after {
content: "";
width: 100%;
height: 1px;
background: #999;
float: left;
margin-top: 30px; } .style-element.our-team .members .member .content .name, .style-element.our-team .members .member .content .position, .style-element.our-team .members .member .content p {
width: 100%;
float: left; } .style-element.our-team .members .member .content .name {
font-size: 18px;
color: #000;
font-family: "Lovelo";
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .style-element.our-team .members .member .content .name:after {
content: "";
width: 70px;
height: 1px;
background: #999;
display: block;
margin: 10px 0; } .style-element.our-team .members .member .content .position {
font-size: 14px;
color: #000000; } .style-element.our-team .members .member .content p {
font-size: 14px;
line-height: 20px;
color: #8b8b8b;
padding-top: 20px; } .style-element.our-team .members .member:hover .image {
-webkit-box-shadow: inset 0 0 0 2px #cb5050;
box-shadow: inset 0 0 0 2px #cb5050; } .style-element.our-team .members .member:hover .image:before {
opacity: 1;
filter: alpha(opacity=100); } .style-element.our-team .members .member:hover .content .name {
color: #cb5050; } .style-element.our-team .members .member:hover .content:after {
background-color: #cb5050; }  .style-element.testimonials .classic-testimonials {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
position: relative; } .style-element.testimonials .classic-testimonials .slick-list {
padding-top: 40px; } .style-element.testimonials .classic-testimonials .one {
height: auto;
padding: 30px;
padding-top: 80px;
position: relative;
border: 1px solid #111;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
float: left;
margin: 15px; } .style-element.testimonials .classic-testimonials .one .image {
width: 100px;
height: 100px;
position: absolute;
top: -50px;
left: 50%;
margin-left: -50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #111;
overflow: hidden;
background-size: cover;
background-position: center center; } .style-element.testimonials .classic-testimonials .one p {
font-family: 'Arapey', serif;
font-style: italic;
font-size: 25px;
color: #111; }
@media screen and (max-width: 992px) {
.style-element.testimonials .classic-testimonials .one p {
font-size: 16px; } } .style-element.testimonials .classic-testimonials .one .by {
display: block;
margin-top: 25px;
font-family: "Lovelo";
font-size: 14px;
color: #111; } .style-element.testimonials .container {
position: relative; } .style-element.testimonials .container .slick-prev, .style-element.testimonials .container .slick-next {
text-indent: -999px;
width: 16px;
height: 22px;
text-align: center;
line-height: 22px;
border: none;
background: none;
position: absolute;
z-index: 10;
top: calc(50% + 25px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
overflow: hidden;
margin: 0; } .style-element.testimonials .container .slick-prev:hover, .style-element.testimonials .container .slick-next:hover {
opacity: 1;
filter: alpha(opacity=100); } .style-element.testimonials .container .slick-prev.slick-disabled, .style-element.testimonials .container .slick-next.slick-disabled {
opacity: 0.3;
filter: alpha(opacity=30); } .style-element.testimonials .container .slick-prev:before, .style-element.testimonials .container .slick-next:before {
text-indent: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
font-family: "FontAwesome";
color: #111;
font-size: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
line-height: 25px; } .style-element.testimonials .container .slick-prev {
left: -30px; } .style-element.testimonials .container .slick-prev:before {
content: "\f053"; } .style-element.testimonials .container .slick-next {
right: -30px; } .style-element.testimonials .container .slick-next:before {
content: "\f054"; }  ul.pagination {
margin-bottom: 60px !important; } ul.pagination li span, ul.pagination li a {
border-color: #eee; } ul.pagination li span:hover, ul.pagination li span:focus, ul.pagination li a:hover, ul.pagination li a:focus {
border-color: #eee;
background: #eee;
color: #333; } ul.pagination li span, ul.pagination li a {
color: #EC2C55; } ul.pagination li span.current, ul.pagination li span.dots {
cursor: default;
background: inherit;
color: inherit; } ul.pagination li span.current {
background: #EC2C55;
color: #fff; }  blockquote {
position: relative;
padding-left: 60px; } blockquote p {
position: relative;
z-index: 3; } blockquote:before {
content: "\f10e";
font-family: "FontAwesome";
position: absolute;
z-index: 1;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #ddd;
font-size: 35px;
opacity: 0.5;
filter: alpha(opacity=50); }  .jm-post-like {
color: #666 !important; } .jm-post-like i {
padding-left: 3px; } .jm-post-like:hover {
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition-delay: 0;
transition-delay: 0; } .jm-post-like.liked {
color: #da1b1b !important; }  .wpcf7 .wpcf7-not-valid-tip {
padding-top: 5px;
font-size: 13px; } .wpcf7 .wpcf7-response-output {
color: #fff;
border-width: 0 0 0 3px;
background: #ddd; }   .scroll-down {
display: block;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .scroll-down.sd1 {
width: 100px;
height: 100px;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/sd1.png) center center no-repeat;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); } .scroll-down.sd1:hover {
opacity: 0.5;
filter: alpha(opacity=50); } .scroll-down.sd2 {
width: 54px;
height: 54px;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/sd2.png) center center no-repeat;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); } .scroll-down.sd2:hover {
opacity: 0.5;
filter: alpha(opacity=50); } .scroll-down.sd3 {
width: 50px;
height: 50px;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/sd3.png) center center no-repeat;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); } .scroll-down.sd3:hover {
opacity: 0.5;
filter: alpha(opacity=50); } .scroll-down.sd4 {
width: 65px;
height: 65px;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/sd4.png) center center no-repeat;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); } .scroll-down.sd4:hover {
opacity: 0.5;
filter: alpha(opacity=50); }
@media screen and (max-width: 768px) {
.scroll-down {
display: none;
visibility: hidden; } }  html.no-csstransforms3d .woocommerce-ordering {
position: relative; } html.no-csstransforms3d .woocommerce-ordering:after {
content: "";
position: absolute;
width: 30px;
top: 0;
bottom: 0;
right: 40px;
background: #000; } .shop-title {
width: 100%; } .shop-title .page-title {
font-family: "Lovelo";
font-size: 14px;
text-transform: uppercase;
margin: 0;
padding: 0;
color: #000; } .shop-title .page-title span {
display: block;
font-size: 11px;
color: #666;
text-transform: none !important;
padding-top: 2px; } .shop-title .page-title:after {
content: "";
width: 30px;
height: 2px;
background: #000;
display: block;
margin: 10px 0; } .shop-title .woocommerce-result-count {
display: block;
font-size: 13px; } .shop-title .woocommerce-ordering select {
height: 45px;
width: auto;
border: none;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/select-dropdown.png) right center no-repeat;
background-color: #000;
color: #fff;
padding: 0 15px;
padding-right: 50px;
font-family: "Lovelo";
font-size: 14px;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none; cursor: pointer; } .shop-title .woocommerce-ordering select::-ms-expand {
display: none; }
@media screen and (max-width: 768px) {
.shop-title {
width: 100%; } .shop-title .left, .shop-title .right {
width: 100%; } .shop-title .page-title {
width: 100%;
text-align: center; } .shop-title .page-title:after {
margin-left: auto;
margin-right: auto; } .shop-title .woocommerce-result-count {
width: 100%;
text-align: center; } .shop-title .woocommerce-ordering {
width: 100%;
text-align: center;
margin-top: 15px;
margin-bottom: 15px; } } ul.products .product .onsale, .wc-content .product .onsale, .shop-items .item .onsale {
width: 50px;
height: 50px;
line-height: 50px;
padding: 0 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 10px !important;
background: #ea2f06 !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
float: left;
text-align: center;
color: #fff; } ul.products .product {
width: 30.8% !important; } ul.products .product .product-image {
position: relative; } ul.products .product .product-image .button-add-cart {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } ul.products .product .product-image .button-add-cart a {
width: auto;
max-width: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0.8);
-moz-transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
float: left;
padding: 10px 15px;
background: #000;
color: #fff;
font-size: 11px;
text-transform: uppercase;
font-family: "Lovelo"; } ul.products .product .product-image .button-add-cart a:before {
content: "\f07a";
font-family: "FontAwesome";
padding-right: 10px;
font-size: 13px; } ul.products .product .product-image .button-add-cart a:hover {
background-color: #222; }
@media screen and (max-width: 1024px) { ul.products .product .product-image .button-add-cart a:before {
text-align: center;
display: block;
margin-bottom: 10px; }
} ul.products .product .product-image:hover .button-add-cart {
opacity: 1;
filter: alpha(opacity=100); } ul.products .product .product-image:hover .button-add-cart a {
-webkit-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); } ul.products .product img {
-webkit-box-shadow: none !important;
box-shadow: none !important;
min-width: 100%; } ul.products .product a {
overflow: hidden; } ul.products .product a:hover h3 {
color: #aaa; } ul.products .product h3 {
font-family: "Lovelo";
font-size: 15px !important;
text-transform: uppercase;
color: #282828;
padding-top: 10px !important; } ul.products .product .price-product {
font-family: "Lovelo";
font-size: 30px;
color: #282828; } ul.products .product .price-product .price {
margin-top: -5px; } ul.products .product .price-product del .amount {
display: block;
font-size: 15px !important;
color: #999 !important; } ul.products .product .price-product ins, ul.products .product .price-product .amount {
color: #282828;
text-decoration: none; }
@media screen and (max-width: 768px) {
ul.products .product {
width: 49.8% !important; } }
@media screen and (max-width: 640px) {
ul.products .product {
width: 100% !important; } } .woocommerce-pagination ul.page-numbers {
border: none !important; } .woocommerce-pagination ul.page-numbers li {
border: none !important;
margin: 0 3px !important; } .woocommerce-pagination ul.page-numbers li > * {
padding-left: 12px !important;
padding-right: 12px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; } .woocommerce-pagination ul.page-numbers li a {
color: #777; } .woocommerce-pagination ul.page-numbers li a:hover {
background-color: #f5f5f5; } .woocommerce-pagination ul.page-numbers li .current {
background: none !important;
color: #777;
border: 1px solid #aaa; } .woocommerce button.button {
width: auto !important;
border: none !important;
height: 45px;
color: #fff !important;
text-transform: uppercase !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px 15px;
font-weight: 400 !important;
background: none !important;
border: none !important;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 11px !important;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
font-family: "Open Sans", sans-serif;
text-shadow: none !important; } .woocommerce button.button:hover {
opacity: 0.8;
filter: alpha(opacity=80); } .sidebar .price_slider_wrapper {
padding-top: 15px; } .sidebar .price_slider_wrapper .price_slider {
height: 4px; } .sidebar .price_slider_wrapper .ui-slider-range {
background: none !important;
background-color: #e1e1e1 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; } .sidebar .price_slider_wrapper .ui-slider-handle {
background: #000 !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 14px !important;
height: 14px !important;
top: -5px !important; } .sidebar .price_slider_wrapper .ui-slider-handle:last-child {
margin-left: -14px !important; } .sidebar .price_slider_wrapper .price_label {
line-height: 45px; } .sidebar .product_list_widget li {
margin-bottom: 5px !important; } .sidebar .product_list_widget li a {
text-transform: uppercase;
font-family: "Lovelo";
font-size: 12px !important;
color: #282828 !important;
font-weight: 400 !important; } .sidebar .product_list_widget li a:hover {
color: #666 !important; } .sidebar .product_list_widget li a:hover img {
opacity: 0.5;
filter: alpha(opacity=50); } .sidebar .product_list_widget li:last-child {
margin-bottom: 0; } .sidebar .product_list_widget li img {
float: left !important;
margin-right: 10px;
width: 55px !important;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important; } .sidebar .product_list_widget li .amount {
font-size: 18px !important;
margin-top: -3px;
color: #282828 !important; } a.star:after {
color: red !important; } .wc-content .product .images {
width: 38% !important; } .wc-content .product .images img {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .wc-content .product .images img:hover {
opacity: 0.5;
filter: alpha(opacity=50); } .wc-content .product .summary {
width: 58% !important; } .wc-content .product img {
-webkit-box-shadow: none !important;
box-shadow: none !important; } .wc-content .product .stock {
font-weight: 700; } .wc-content .product .product_title {
font-family: "Lovelo" !important;
font-size: 30px !important;
color: #282828 !important; } .wc-content .product .product-price .price ins {
text-decoration: none; } .wc-content .product .product-price .price .amount {
font-family: "Lovelo" !important;
font-size: 30px !important;
color: #282828 !important; } .wc-content .product .product-price .price del .amount {
font-size: 20px !important;
color: #888 !important;
text-decoration: line-through; } .wc-content .product [itemprop="description"] p {
font-size: 13px;
color: #282828;
line-height: 25px; } .wc-content .product .product-action .quantity {
width: auto !important; } .wc-content .product .product-action .quantity .minus, .wc-content .product .product-action .quantity .plus, .wc-content .product .product-action .quantity .qty {
padding: 0 !important;
background: none !important;
background-color: #ebebeb !important;
border: none !important;
margin-left: 1px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
font-weight: 900 !important; } .wc-content .product .product-action .quantity .minus, .wc-content .product .product-action .quantity .plus {
position: static !important;
height: 60px !important;
width: 50px !important;
float: left; } .wc-content .product .product-action .quantity .minus:hover, .wc-content .product .product-action .quantity .plus:hover {
background-color: #ddd !important; } .wc-content .product .product-action .quantity .minus {
border-bottom-left-radius: 3px !important;
border-top-left-radius: 3px !important; } .wc-content .product .product-action .quantity .plus {
border-bottom-right-radius: 3px !important;
border-top-right-radius: 3px !important; } .wc-content .product .product-action .quantity .qty {
width: 40px !important;
height: 60px !important;
float: left !important; } .wc-content .product .product-action button[type="submit"] {
height: 60px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
margin-left: 15px;
font-weight: 700 !important; } .wc-content .product .woocommerce-tabs {
border: 1px solid #ebebeb;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden; } .wc-content .product .woocommerce-tabs ul.tabs {
padding: 0 !important;
padding-left: 0 !important;
background: #ebebeb;
margin-bottom: 0 !important; } .wc-content .product .woocommerce-tabs ul.tabs:before, .wc-content .product .woocommerce-tabs ul.tabs:after {
display: none !important; } .wc-content .product .woocommerce-tabs ul.tabs li {
height: 60px;
line-height: 60px;
font-family: "Lovelo";
font-size: 14px;
text-transform: uppercase;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: #ebebeb !important;
padding-left: 0 !important;
padding-right: 0 !important;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important; } .wc-content .product .woocommerce-tabs ul.tabs li:before, .wc-content .product .woocommerce-tabs ul.tabs li:after {
display: none !important; } .wc-content .product .woocommerce-tabs ul.tabs li.active {
background: #fff !important; } .wc-content .product .woocommerce-tabs ul.tabs li a {
padding: 0 !important;
text-shadow: none !important;
color: #282828 !important;
padding-left: 30px !important;
padding-right: 30px !important; } .wc-content .product .woocommerce-tabs .panel {
padding: 30px !important;
margin: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 0 !important; } .wc-content .product .woocommerce-tabs .panel h2 {
margin: 0 !important;
margin-bottom: 20px !important;
font-size: 20px;
text-transform: uppercase;
font-weight: 600 !important; } .wc-content .product .woocommerce-tabs .panel .commentlist {
padding-left: 0; } .wc-content .product .woocommerce-tabs .panel .commentlist li img {
display: block !important;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
width: 40px !important;
padding: 2px !important;
position: static !important;
margin-bottom: 10px !important;
float: left; } .wc-content .product .woocommerce-tabs .panel .commentlist li .comment-text {
width: 100%;
margin: 0 !important;
overflow: hidden;
padding: 10px !important;
float: left; } .wc-content .product .woocommerce-tabs .panel .commentlist li .comment-text .meta {
width: 100%;
display: block;
padding-top: 10px; } .wc-content .product .woocommerce-tabs .panel .commentlist li .comment-text .star-rating {
float: left;
display: block; } .wc-content .product .woocommerce-tabs .panel .commentlist li .comment-text .description {
padding-top: 5px; } .wc-content .product .woocommerce-tabs .panel .commentlist li .comment-text .description p {
margin-bottom: 0 !important; } .wc-content .product .woocommerce-tabs .panel .comment-respond {
margin-top: 30px !important; } .wc-content .product .woocommerce-tabs .panel .comment-respond h3.comment-reply-title {
text-transform: uppercase;
font-weight: 700;
font-size: 19px;
margin-bottom: 15px !important; } .wc-content .product #respond form input:focus, .wc-content .product #respond form textarea:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important; } .wc-content .product .comment-form-comment {
width: 100%; } .wc-content .product .form-submit {
width: 100%;
margin-bottom: 0 !important; } .wc-content .product .form-submit input[type="submit"] {
float: right;
width: auto !important;
border: none !important;
height: 45px;
color: #fff !important;
text-transform: uppercase !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px 15px;
font-weight: 400 !important;
background: none !important;
border: none !important;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 11px !important;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
font-family: "Open Sans", sans-serif;
text-shadow: none !important; } .wc-content .product .form-submit input[type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80); } .wc-content .upsells {
margin-top: 30px; } .wc-content .upsells .price {
font-size: 25px !important; } .wc-content .related-products h2, .wc-content .upsells h2 {
font-family: "Lovelo";
font-size: 18px;
color: #282828;
margin: 0;
margin-bottom: 30px; } .wc-content .variations .label {
display: none; } .wc-content .variations .value {
width: 100%;
display: block; } .wc-content .variations select {
height: 45px;
width: auto;
border: none;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/select-dropdown.png) right center no-repeat;
background-color: #000;
color: #fff;
padding: 0 15px;
padding-right: 50px;
font-family: "Lovelo";
font-size: 14px;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none; cursor: pointer; } .wc-content .variations select:hover {
background-color: #333; } .wc-content .variations .reset_variations {
padding-top: 5px;
font-size: 13px;
color: #999;
float: left; } .wc-content .variations .reset_variations:hover {
color: #222; } .wc-content .related-products {
width: 100%;
display: block;
overflow: hidden;
float: left; } .wc-content .related-products .price {
font-size: 30px !important; } .woocommerce-message, .woocommerce-error, .woocommerce-info {
width: 100% !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: #f5f5f5 !important; } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
margin-top: 13px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding-top: 0 !important; } .woocommerce-message a.button, .woocommerce-error a.button, .woocommerce-info a.button {
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: none !important;
border: none !important;
padding: 10px !important;
border: 1px solid #ddd !important;
color: #888 !important; } .woocommerce-message a.button:hover, .woocommerce-error a.button:hover, .woocommerce-info a.button:hover {
border-color: #bbb !important;
color: #333 !important; } table.cart td.product-remove {
text-align: center; }
@media screen and (max-width: 600px) {
table.cart td.product-remove {
text-align: left; } } table.cart td.product-remove a {
display: inline-block !important; } table.cart td.product-thumbnail {
text-align: center; } table.cart td.product-thumbnail a {
display: inline-block !important; } table.cart td.product-name a {
color: #282828;
font-weight: 700;
margin-top: 10px; } table.cart td.product-name a:hover {
color: #999; } table.cart td.product-name .variation {
color: #999;
font-size: 12px;
margin-top: 0 !important; } table.cart td.product-subtotal .amount {
font-weight: 700; } table.cart #coupon_code {
width: 120px !important;
height: 36px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding-left: 10px;
padding-right: 10px; } table.cart #coupon_code:focus {
border-color: #999; } table.cart input.button {
border: none !important;
background: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
padding: 10px !important;
border: 1px solid #ddd !important;
color: #888 !important; } table.cart input.button:hover {
border-color: #bbb !important;
color: #333 !important; } table.cart input.checkout-button {
color: #fff !important;
border: none !important; } table.cart input.checkout-button:hover {
color: #fff !important;
opacity: 0.7;
filter: alpha(opacity=70); } table.cart .product-quantity .quantity {
width: 100%; } table.cart .product-quantity .minus, table.cart .product-quantity .plus, table.cart .product-quantity .qty {
background: none !important;
background-color: #ebebeb !important;
border: none !important;
margin-left: 1px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
font-weight: 900 !important; }
@media screen and (max-width: 760px) {
table.cart .product-quantity .minus, table.cart .product-quantity .plus, table.cart .product-quantity .qty {
width: 70px !important;
display: block;
float: none !important; } }
@media screen and (max-width: 768px) { table.cart .product-quantity .minus, table.cart .product-quantity .plus {
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none; } table.cart .product-quantity .minus {
border-top-right-radius: 3px !important;
border-top-left-radius: 3px !important;
margin-bottom: 1px; } table.cart .product-quantity .qty {
margin-bottom: 1px; } table.cart .product-quantity .plus {
border-bottom-right-radius: 3px !important;
border-bottom-left-radius: 3px !important; }
} table.cart .product-quantity .minus, table.cart .product-quantity .plus {
position: static !important;
height: 35px;
width: 30px;
float: left; } table.cart .product-quantity .minus:hover, table.cart .product-quantity .plus:hover {
background-color: #ddd !important; } table.cart .product-quantity .qty {
width: 40px;
height: 35px !important;
float: left !important; } .cart-collaterals {
margin-top: 60px; } .cart-collaterals .cross-sells .products li {
width: 50% !important; } .cart-collaterals .cross-sells .products li .product-image .button-add-cart a {
text-align: center; } .cart-collaterals .cross-sells .products li .product-image .button-add-cart a:before {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px; } .cart-collaterals .cart_totals table {
width: 100%;
border: 1px solid #ddd; } .cart-collaterals .cart_totals table tr th, .cart-collaterals .cart_totals table tr td {
padding: 10px 5px !important; } .cart-collaterals .cart_totals table tr th {
width: 50% !important; } .cart-collaterals .shipping-calculator-button {
margin-top: 15px;
height: 45px;
line-height: 45px;
float: left;
width: auto;
border: none;
background-color: #000;
color: #fff;
padding: 0 15px;
font-family: "Lovelo";
font-size: 14px;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none; cursor: pointer;
font-weight: 400; } .cart-collaterals .shipping-calculator-button:before {
font-family: "FontAwesome";
content: "\f0d1";
padding-right: 15px; } .cart-collaterals .shipping-calculator-button:after {
display: none !important; } .cart-collaterals .shipping-calculator-button:hover {
background-color: #333; } .cart-collaterals .shipping-calculator-form {
width: 100%;
display: block;
padding-top: 15px;
overflow: hidden; } .cart-collaterals .shipping-calculator-form input, .cart-collaterals .shipping-calculator-form select {
width: 100%;
height: 40px;
border: 1px solid #ddd;
padding: 5px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; } .cart-collaterals .shipping-calculator-form input:focus, .cart-collaterals .shipping-calculator-form select:focus {
border-color: #bbb; } .cart-collaterals .shipping-calculator-form button[type="submit"] {
float: right !important; } .cart-collaterals .shipping-calculator-form p {
margin-bottom: 5px !important; } .woocommerce h2 {
margin: 0 !important;
margin-bottom: 20px !important;
font-size: 20px;
text-transform: uppercase;
font-weight: 600 !important; } form.checkout p label {
font-size: 13px; } form.checkout h3 {
margin: 0 !important;
margin-bottom: 20px !important;
font-size: 20px;
text-transform: uppercase;
font-weight: 600 !important; } form.checkout h3#order_review_heading {
margin-top: 60px !important; } form.checkout h3#ship-to-different-address {
margin-bottom: 11px !important; } form.checkout h3#ship-to-different-address label {
float: left;
margin: 0 !important; } form.checkout h3#ship-to-different-address input {
width: 20px;
float: left;
margin-left: 15px;
margin-top: -4px; } form.checkout #customer_details input, form.checkout #customer_details select, form.checkout #customer_details textarea {
width: 100%;
height: 35px;
border: 1px solid #ddd;
padding: 5px;
font-size: 13px; } form.checkout #customer_details input:focus, form.checkout #customer_details select:focus, form.checkout #customer_details textarea:focus {
border-color: #bbb; } form.checkout #customer_details textarea {
padding: 10px;
height: 100px; } form.checkout input#place_order {
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
padding: 10px !important;
color: #fff !important;
border: none !important; } form.checkout input#place_order:hover {
color: #fff !important;
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 768px) { .wc-content .product .images {
width: 100% !important; } .wc-content .product .images img {
width: auto !important;
display: inline-block !important; } .wc-content .product .summary {
width: 100% !important; }
}  @media screen and (max-width: 600px) {  .woocommerce-page table.shop_table, .woocommerce-page table.shop_table thead, .woocommerce-page table.shop_table tbody, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table tr {
display: block; }  .woocommerce-page table.shop_table thead tr {
position: absolute;
top: -9999px;
left: -9999px; } .woocommerce-page table.shop_table tr { } .woocommerce-page table.shop_table td { border: 1px solid #d2d3d3;
position: relative;
padding-left: 30% !important; } .woocommerce-page table.shop_table {
border: none; } .woocommerce-page table.shop_table td.product-spacer {
border-color: #FFF;
height: 10px; } .woocommerce-page table.shop_table td:before { position: absolute; top: 6px;
left: 6px;
width: 25%;
padding-right: 10px;
white-space: nowrap; }  .woocommerce-page table.shop_table td.product-remove:before {
content: "DELETE"; } .woocommerce-page table.shop_table td.product-thumbnail:before {
content: "IMAGE"; } .woocommerce-page table.shop_table td.product-name:before {
content: "PRODUCT"; } .woocommerce-page table.shop_table td.product-price:before {
content: "PRICE"; } .woocommerce-page table.shop_table td.product-quantity:before {
content: "QUANTITY"; } .woocommerce-page table.shop_table td.product-subtotal:before {
content: "SUBTOTAL"; } .woocommerce-page table.shop_table td.product-total:before {
content: "TOTAL"; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity {
margin: 0; } .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions {
text-align: left;
border: 0;
padding-left: 6px !important; } .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt {
float: left;
margin-top: 10px; } .woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input {
margin-bottom: 10px; } .woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
text-align: left; } .woocommerce-page .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals td {
border: 0 !important; } .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
padding-left: 6px !important; } .woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td {
padding-left: 6px !important;
border: 0 !important; } .woocommerce-page table.shop_table tbody {
padding-top: 10px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
float: none;
width: 100%; } .woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details {
padding: 0; } .woocommerce .order_details li, .woocommerce-page .order_details li {
clear: left;
margin-bottom: 10px;
border: 0; }  #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
width: 100%; }  #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
width: 48%; }  #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
margin-top: 1.5em; } #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text {
margin-bottom: 1em; }  .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
display: none; }
}   .white_bg {
background: #fff;
padding-top: 15px; } .shop-items {
width: 100%; } .shop-items .inner {
padding-bottom: 0 !important; } .shop-items .posts-slick {
margin-left: -10px;
margin-right: -10px; } .shop-items .posts-slick .slick-prev, .shop-items .posts-slick .slick-next {
width: 24px !important;
height: 40px !important;
margin-top: -20px !important; } .shop-items .posts-slick .slick-prev:before, .shop-items .posts-slick .slick-next:before {
font-family: "FontAwesome";
content: "a";
font-size: 50px;
color: #222; } .shop-items .posts-slick .slick-prev {
left: -40px !important; } .shop-items .posts-slick .slick-prev:before {
content: "\f104"; } .shop-items .posts-slick .slick-next {
right: -40px !important; } .shop-items .posts-slick .slick-next:before {
content: "\f105"; } .shop-items .item {
width: 25%;
background: #fff;
padding: 15px;
float: left;
margin-left: 10px;
margin-right: 10px; } .shop-items .item img {
width: 100%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .shop-items .item img:hover {
opacity: 0.5;
filter: alpha(opacity=50); } .shop-items .item a.img-wrapper {
position: relative;
width: 100%;
display: block;
overflow: hidden; } .shop-items .item .onsale {
position: absolute;
top: 0;
right: 0; } .shop-items .item .info {
font-family: "Lovelo"; } .shop-items .item .info a {
color: #282828; } .shop-items .item .info a:hover {
color: #888; } .shop-items .item .info h3 {
font-size: 17px; } .shop-items .item .info .price {
font-size: 35px;
line-height: 25px; } .shop-items .item .info .price del {
font-size: 20px;
color: #888; }  .image-links, .image-links .container, .image-links .row, .image-links .row > div {
height: 125px; } .image-links.grey_bg {
background: #f0f0f0; } .image-links.isontop {
padding: 0; } .image-links.isontop .one-link-wrapper {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } .image-links .one-link-wrapper {
float: left;
height: 250px; } .image-links .one-link-wrapper .one-link {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center center; } .image-links .one-link-wrapper .one-link:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .image-links .one-link-wrapper .one-link:hover:before {
opacity: 1;
filter: alpha(opacity=100); }  section.style-misc {
width: 100%; } section.style-misc .inner {
padding: 60px 0; } section.style-misc .title-bar {
width: 100%;
height: auto;
float: left;
text-align: center;
margin-bottom: 30px; } section.style-misc .title-bar h3 {
max-width: 100%;
display: inline-block;
margin: 0;
padding: 0;
padding: 12px 60px;
color: #000000;
font-size: 22px;
font-family: "Lovelo";
border: 3px solid #000; } section.style-misc p.desc {
width: 100%;
font-size: 16px;
line-height: 25px;
color: #8b8b8b;
text-align: center;
margin-bottom: 60px; } section.style-misc.steps .steps-list {
float: left;
counter-reset: subsection;
margin-left: -30px;
margin-right: -30px; } section.style-misc.steps .steps-list > div {
padding-left: 30px;
padding-right: 30px;
margin: 5px 0; } section.style-misc.steps .steps-list .box {
background: #f9f9f9;
padding: 60px;
padding-top: 80px;
position: relative; } section.style-misc.steps .steps-list .box .count {
position: absolute;
top: 0;
left: 30px;
font-family: 'Roboto', sans-serif;
font-weight: 100; } section.style-misc.steps .steps-list .box .count:before {
counter-increment: subsection;
content: "0" counter(subsection);
font-size: 55px;
line-height: 50px;
color: #000000; } section.style-misc.steps .steps-list .box .count:after {
content: "";
width: 18px;
height: 1px;
background: #000;
position: absolute;
bottom: -5px;
left: 30px; } section.style-misc.steps .steps-list .box p {
font-size: 14px;
color: #666;
line-height: 25px; } section.style-misc.half-half.image-left .row .image {
float: left; } section.style-misc.half-half.image-left .row .image .box .inside {
float: right; } section.style-misc.half-half.image-left .row .text {
float: right; } section.style-misc.half-half.image-left .row .text .box .inside {
float: left; } section.style-misc.half-half .row {
margin: 0; } section.style-misc.half-half .row > div {
padding: 0; } section.style-misc.half-half .row > div .box {
width: 100%;
float: left; } section.style-misc.half-half .row > div .box .inside {
padding: 30px;
height: 100%; } section.style-misc.half-half .row > div .box .title {
width: 100%;
color: #fff;
font-family: "Lovelo"; } section.style-misc.half-half .row > div .box .title h3 {
margin: 0;
font-size: 35px; } section.style-misc.half-half .row > div .box .title span {
font-size: 14px; } section.style-misc.half-half .row > div .box p {
margin-top: 30px;
font-size: 16px;
line-height: 25px;
color: #fff; } section.style-misc.half-half .row > div.text .box {
background: #ec2c55; } section.style-misc.half-half .row > div.text .box .inside {
float: right; } section.style-misc.half-half .row > div.image .box {
background: #efefef;
text-align: center; } section.style-misc.half-half .row > div.image .box .inside {
padding-top: 0;
padding-bottom: 0; } section.style-misc.half-half .row > div.image .box img {
max-width: 100%;
max-height: 100%;
display: inline-block;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px); } section.style-misc.services {
background: #363636; } section.style-misc.services .title-bar h3 {
border-color: #fff;
color: #fff; } section.style-misc.services .service-list {
float: left;
counter-reset: subsection;
margin-left: -30px;
margin-right: -30px; } section.style-misc.services .service-list > div, section.style-misc.services .service-list .one > div {
padding-left: 30px;
padding-right: 30px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-misc.services .service-list > div:nth-of-type(2n+1), section.style-misc.services .service-list .one > div:nth-of-type(2n+1) {
border-right: 1px solid rgba(236, 44, 85, 0.15); } section.style-misc.services .service-list > div:nth-of-type(2n+3), section.style-misc.services .service-list > div:nth-of-type(2n+4), section.style-misc.services .service-list .one > div:nth-of-type(2n+3), section.style-misc.services .service-list .one > div:nth-of-type(2n+4) {
border-top: 1px solid rgba(236, 44, 85, 0.15); }
@media screen and (max-width: 992px) {
section.style-misc.services .service-list > div, section.style-misc.services .service-list .one > div {
border-right: none !important;
border-top: none !important; } } section.style-misc.services .service-list:hover > div {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-misc.services .service-list:hover > div:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.services .service-list .box {
width: 100%;
padding: 30px 0;
float: left; } section.style-misc.services .service-list .box .title {
width: 100%;
height: auto; } section.style-misc.services .service-list .box .title .count, section.style-misc.services .service-list .box .title .name {
height: 65px; } section.style-misc.services .service-list .box .title .count {
width: 100px;
height: 65px;
float: left;
border-top: 5px solid #ec2c55;
position: relative; } section.style-misc.services .service-list .box .title .count:before {
counter-increment: subsection;
content: "0" counter(subsection);
color: #fff;
float: right;
font-size: 58px;
line-height: 60px;
font-weight: 900; } section.style-misc.services .service-list .box .title .count:after {
content: "";
width: 5px;
height: 5px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-misc.services .service-list .box .title .name {
width: calc(100% - 100px);
float: left;
color: #fff;
font-size: 23px;
line-height: 28px;
padding-left: 30px;
text-transform: uppercase;
display: table;
position: relative; } section.style-misc.services .service-list .box .title .name .inside {
display: table-cell;
vertical-align: bottom; } section.style-misc.services .service-list .box .title .name .inside span {
font-weight: 900; }
@media screen and (max-width: 768px) { section.style-misc.services .service-list .box .title .name, section.style-misc.services .service-list .box .title .content {
text-align: center; } section.style-misc.services .service-list .box .title .count {
float: none;
display: inline-block; } section.style-misc.services .service-list .box .title .name {
width: 100%;
padding: 0;
text-align: left;
padding-top: 15px;
margin-top: -20px;
margin-bottom: -25px; }
} section.style-misc.services .service-list .box .content {
width: 100%;
padding-top: 30px;
float: left; } section.style-misc.services .service-list .box .content p {
font-size: 16px;
color: #777;
line-height: 25px; } section.style-misc.services-boxes .servicelist {
margin-top: 0; } section.style-misc.imagewithtext {
background: #363636; } section.style-misc.imagewithtext .inner {
float: left; } section.style-misc.imagewithtext.image-left .text {
float: right; } section.style-misc.imagewithtext.image-left .image {
float: left; } section.style-misc.imagewithtext .text {
float: left; } section.style-misc.imagewithtext .text .box .single {
width: 100%;
float: left;
margin-bottom: 60px; } section.style-misc.imagewithtext .text .box .single:last-child {
margin-bottom: 0; } section.style-misc.imagewithtext .text .box .single .title {
width: 100%;
height: auto; } section.style-misc.imagewithtext .text .box .single .title .count, section.style-misc.imagewithtext .text .box .single .title .name {
height: 65px; } section.style-misc.imagewithtext .text .box .single .title .count {
width: 100px;
height: 65px;
float: left;
border-top: 5px solid #ec2c55;
position: relative; } section.style-misc.imagewithtext .text .box .single .title .count span {
color: #fff;
float: right;
font-size: 45px;
line-height: 60px;
font-weight: 900; } section.style-misc.imagewithtext .text .box .single .title .count:after {
content: "";
width: 5px;
height: 5px;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } section.style-misc.imagewithtext .text .box .single .title .name {
width: calc(100% - 100px);
float: left;
color: #fff;
font-size: 23px;
line-height: 28px;
padding-left: 30px;
text-transform: uppercase;
display: table;
position: relative; } section.style-misc.imagewithtext .text .box .single .title .name .inside {
display: table-cell;
vertical-align: bottom; } section.style-misc.imagewithtext .text .box .single .title .name .inside span {
font-weight: 900; }
@media screen and (max-width: 768px) {
section.style-misc.imagewithtext .text .box .single .title {
text-align: center; } section.style-misc.imagewithtext .text .box .single .title .count {
width: 80px;
float: none;
display: inline-block; } section.style-misc.imagewithtext .text .box .single .title .name {
width: 100%;
padding: 0;
margin-top: 10px; } } section.style-misc.imagewithtext .text .box .single .content {
width: 100%;
padding-top: 30px;
float: left; } section.style-misc.imagewithtext .text .box .single .content p {
font-size: 16px;
color: #777;
line-height: 25px; } section.style-misc.imagewithtext .image {
float: right; } section.style-misc.imagewithtext .image.popdown img {
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px); } section.style-misc.imagewithtext .image.popup img {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px); } section.style-misc.imagewithtext .image .inside {
width: 100%;
display: table;
table-layout: fixed;
text-align: center; } section.style-misc.imagewithtext .image .valign {
display: table-cell;
vertical-align: middle; } section.style-misc.imagewithtext .image img {
max-width: 100%;
max-height: 100%; } section.style-misc.imagewithtext.simple .text .box .single .title .count {
width: 75px;
height: 75px;
line-height: 75px;
border-top: 5px solid #ec2c55;
border-bottom: 5px solid #ec2c55; } section.style-misc.imagewithtext.simple .text .box .single .title .count:after {
display: none; } section.style-misc.imagewithtext.simple .text .box .single .title .count span {
width: 100%;
text-align: center;
overflow: hidden; } section.style-misc.imagewithtext.simple .text .box .single .title .name {
width: calc(100% - 75px); }
@media screen and (max-width: 768px) { section.style-misc.imagewithtext.simple .text .box .single .title .name {
width: 100%; }
} section.style-misc.our-clients .row {
margin-left: -30px;
margin-right: -30px; } section.style-misc.our-clients .row > div {
padding-left: 30px;
padding-right: 30px; } section.style-misc.our-clients .clients-list .row {
margin-left: -30px;
margin-right: -30px; } section.style-misc.our-clients .clients-list .row > div {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 60px;
float: left; } section.style-misc.our-clients .clients-list .row > div:nth-last-of-type(1), section.style-misc.our-clients .clients-list .row > div:nth-last-of-type(2) {
margin-bottom: 0; }
@media screen and (max-width: 992px) { section.style-misc.our-clients .clients-list .row > div, section.style-misc.our-clients .clients-list .row > div:nth-last-of-type(2) {
margin-bottom: 30px; } section.style-misc.our-clients .clients-list .row > div:last-child {
margin-bottom: 0; }
} section.style-misc.our-clients .clients-list .single {
width: 100%;
height: 100px;
float: left;
position: relative;
overflow: hidden; } section.style-misc.our-clients .clients-list .single:hover .tb-borders:before, section.style-misc.our-clients .clients-list .single:hover .tb-borders:after, section.style-misc.our-clients .clients-list .single:hover .lr-borders:before, section.style-misc.our-clients .clients-list .single:hover .lr-borders:after {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; } section.style-misc.our-clients .clients-list .single .tb-borders, section.style-misc.our-clients .clients-list .single .lr-borders {
position: absolute;
z-index: 4;
top: 0;
right: 0;
left: 0;
bottom: 0; } section.style-misc.our-clients .clients-list .single .tb-borders:before, section.style-misc.our-clients .clients-list .single .tb-borders:after, section.style-misc.our-clients .clients-list .single .lr-borders:before, section.style-misc.our-clients .clients-list .single .lr-borders:after {
content: "";
position: absolute;
background: #fe4b68;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-misc.our-clients .clients-list .single .tb-borders {
left: 0;
right: 0; } section.style-misc.our-clients .clients-list .single .tb-borders:before, section.style-misc.our-clients .clients-list .single .tb-borders:after {
width: 100%;
height: 4px; } section.style-misc.our-clients .clients-list .single .tb-borders:before {
top: 0;
-webkit-transform: translateX(calc(-100% + 4px));
-moz-transform: translateX(calc(-100% + 4px));
-ms-transform: translateX(calc(-100% + 4px));
-o-transform: translateX(calc(-100% + 4px));
transform: translateX(calc(-100% + 4px)); } section.style-misc.our-clients .clients-list .single .tb-borders:after {
bottom: 0;
-webkit-transform: translateX(calc(100% - 4px));
-moz-transform: translateX(calc(100% - 4px));
-ms-transform: translateX(calc(100% - 4px));
-o-transform: translateX(calc(100% - 4px));
transform: translateX(calc(100% - 4px)); } section.style-misc.our-clients .clients-list .single .lr-borders {
top: 0;
bottom: 0; } section.style-misc.our-clients .clients-list .single .lr-borders:before, section.style-misc.our-clients .clients-list .single .lr-borders:after {
height: 100%;
width: 4px; } section.style-misc.our-clients .clients-list .single .lr-borders:before {
left: 0;
-webkit-transform: translateY(calc(100% - 4px));
-moz-transform: translateY(calc(100% - 4px));
-ms-transform: translateY(calc(100% - 4px));
-o-transform: translateY(calc(100% - 4px));
transform: translateY(calc(100% - 4px)); } section.style-misc.our-clients .clients-list .single .lr-borders:after {
right: 0;
-webkit-transform: translateY(calc(-100% + 4px));
-moz-transform: translateY(calc(-100% + 4px));
-ms-transform: translateY(calc(-100% + 4px));
-o-transform: translateY(calc(-100% + 4px));
transform: translateY(calc(-100% + 4px)); } section.style-misc.our-clients .clients-list .single a {
width: 100%;
height: 100%;
display: table;
table-layout: fixed;
position: relative;
z-index: 5;
text-align: center;
opacity: 0.75;
filter: alpha(opacity=75); } section.style-misc.our-clients .clients-list .single a:hover {
opacity: 1;
filter: alpha(opacity=100);
background: rgba(0, 0, 0, 0.04); } section.style-misc.our-clients .clients-list .single a .valign {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle; } section.style-misc.our-clients .clients-list .single a .valign img {
max-width: 90%;
max-height: 90%; } section.style-misc.our-clients .clients-about .title-bar, section.style-misc.our-clients .clients-about p.desc {
text-align: left; }
@media screen and (max-width: 992px) {
section.style-misc.our-clients .clients-about {
margin-top: 60px; } } section.style-misc.testimonials .title-bar.title-left {
text-align: left; } section.style-misc.testimonials .title-bar.title-left h3 {
float: left; } section.style-misc.testimonials .title-bar .testimonials-controls {
display: inline-block;
position: relative;
width: 1px;
height: 55px; } section.style-misc.testimonials .title-bar .slick-prev, section.style-misc.testimonials .title-bar .slick-next {
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
position: absolute;
top: 0;
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
border: 3px solid #000; } section.style-misc.testimonials .title-bar .slick-prev {
left: 10px; } section.style-misc.testimonials .title-bar .slick-next {
left: 75px; }
@media screen and (max-width: 768px) { section.style-misc.testimonials .title-bar.title-left {
text-align: center; } section.style-misc.testimonials .title-bar.title-left h3 {
display: inline-block;
float: none; } section.style-misc.testimonials .title-bar .testimonials-controls {
width: 100%;
float: left;
margin-top: 10px;
display: none !important; } section.style-misc.testimonials .title-bar .testimonials-controls .slick-prev, section.style-misc.testimonials .title-bar .testimonials-controls .slick-next {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } section.style-misc.testimonials .title-bar .testimonials-controls .slick-prev {
margin-left: -32px; } section.style-misc.testimonials .title-bar .testimonials-controls .slick-next {
margin-left: 32px; }
} section.style-misc.testimonials .classic-testimonials .one {
background: url(//www.miamiheraldmedia.com/wp-content/themes/img/style-misc-testimonial-bg.png) center center no-repeat; } section.style-misc.icon-text-blocks .inner {
padding: 90px 0; } section.style-misc.icon-text-blocks .row > div:nth-of-type(2n+3), section.style-misc.icon-text-blocks .row > div:nth-of-type(2n+4) {
margin-top: 60px; }
@media screen and (max-width: 992px) { section.style-misc.icon-text-blocks .row > div {
margin-bottom: 60px; } section.style-misc.icon-text-blocks .row > div:nth-of-type(2n+3), section.style-misc.icon-text-blocks .row > div:nth-of-type(2n+4) {
margin-top: 0px; } section.style-misc.icon-text-blocks .row > div:last-of-type {
margin-bottom: 0; }
} section.style-misc.icon-text-blocks .box {
width: 100%;
float: left; } section.style-misc.icon-text-blocks .box .content {
width: 100%;
height: 100%;
float: left;
padding-left: 60px; } section.style-misc.icon-text-blocks .box .content .title {
width: 100%; } section.style-misc.icon-text-blocks .box .content .title .icon {
width: 60px;
float: left;
margin-left: -60px; } section.style-misc.icon-text-blocks .box .content .title .icon i {
font-size: 26px;
color: #cccccc;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ccc;
float: left; } section.style-misc.icon-text-blocks .box .content .title .icon img {
max-width: 42px; } section.style-misc.icon-text-blocks .box .content .title .name {
width: 100%;
float: left;
color: #363636;
text-transform: uppercase; } section.style-misc.icon-text-blocks .box .content .title .name h3 {
font-size: 48px;
line-height: 40px;
font-weight: 300;
margin: 0; } section.style-misc.icon-text-blocks .box .content .title .name span {
display: block;
margin-top: 10px;
font-size: 18px;
font-weight: 900; } section.style-misc.icon-text-blocks .box .content .text {
width: 100%;
float: left;
margin-top: 30px; } section.style-misc.icon-text-blocks .box .content .text p {
color: #8b8b8b;
font-size: 16px;
line-height: 24px; } section.style-misc.icon-text-blocks .box .content .more-info {
width: 100%;
float: left;
margin-top: 60px; } section.style-misc.icon-text-blocks .box .content .more-info h3 {
width: 100%;
float: left;
margin: 0;
font-size: 18px;
color: #363636;
font-weight: 900;
text-transform: uppercase; } section.style-misc.icon-text-blocks .box .content .more-info ul {
width: 50%;
list-style: none;
margin: 0;
padding: 0;
float: left;
margin-top: 30px; } section.style-misc.icon-text-blocks .box .content .more-info ul li {
width: 100%;
float: left;
padding: 5px 0;
color: #8b8b8b;
font-size: 15px; } section.style-misc.icon-text-blocks .box .content .more-info ul li i {
width: 20px;
text-align: center;
font-size: 14px;
margin-right: 10px;
color: #ccc; }
@media screen and (max-width: 768px) { section.style-misc.icon-text-blocks .box .content {
padding-left: 0; } section.style-misc.icon-text-blocks .box .content .title {
text-align: center; } section.style-misc.icon-text-blocks .box .content .title .icon {
float: none;
margin: 0;
display: inline-block;
margin-bottom: 15px; } section.style-misc.icon-text-blocks .box .content .title h3 {
font-size: 35px !important;
line-height: 30px !important; } section.style-misc.icon-text-blocks .box .content .title span {
font-size: 16px !important; } section.style-misc.icon-text-blocks .box .content .text {
text-align: center; } section.style-misc.icon-text-blocks .box .content .more-info h3 {
text-align: center;
font-size: 16px !important; } section.style-misc.icon-text-blocks .box .content .more-info ul {
width: 100%;
text-align: center; }
} section.style-misc.contact-form .title {
width: 100%;
float: left;
text-transform: uppercase;
color: #363636; } section.style-misc.contact-form .title h3 {
margin: 0;
font-size: 48px;
font-weight: 300; } section.style-misc.contact-form .title span {
display: block;
margin-top: 5px;
font-size: 18px;
font-weight: 900; } section.style-misc.contact-form .form {
width: 100%;
float: left;
margin-top: 60px; } section.style-misc.contact-form .form .row > div {
overflow: hidden; } section.style-misc.contact-form .form form p {
margin: 0;
margin-bottom: 30px;
overflow: hidden; } section.style-misc.contact-form .form form p:last-child {
margin-bottom: 0; } section.style-misc.contact-form .form form label {
width: 100%;
position: relative;
float: left; } section.style-misc.contact-form .form form label .name {
width: 100%;
float: left;
color: #8b8b8b;
font-size: 15px;
height: 20px;
line-height: 20px;
font-weight: 400;
margin-bottom: 10px; } section.style-misc.contact-form .form form label input, section.style-misc.contact-form .form form label textarea {
width: 100%;
height: 50px;
float: left;
border: none;
background: #e1e1e1;
padding: 15px;
padding-right: 50px;
color: #555;
outline: none;
position: relative;
z-index: 5; } section.style-misc.contact-form .form form label input:focus, section.style-misc.contact-form .form form label textarea:focus {
background: #ddd; } section.style-misc.contact-form .form form label textarea {
resize: none;
height: 160px; } section.style-misc.contact-form .form form label i {
width: 50px;
height: 50px;
position: absolute;
z-index: 6;
top: 30px;
bottom: 0;
right: 0;
line-height: 50px;
text-align: center;
font-size: 14px;
color: #111;
pointer-events: none; } section.style-misc.contact-form .form form label.submit i {
color: #fff;
top: 0; } section.style-misc.contact-form .form form label.submit input {
width: auto;
float: right;
padding: 0 30px;
padding-right: 50px;
background: #ec2c55;
text-transform: uppercase;
color: #fff; } section.style-misc.contact-form .form form label.submit input:hover {
opacity: 0.75;
filter: alpha(opacity=75); }
@media screen and (max-width: 992px) { section.style-misc.contact-form .form form .row > div {
margin-top: 30px; } section.style-misc.contact-form .form form .row > div:first-child {
margin-top: 0; }
}
@media screen and (max-width: 768px) { section.style-misc.contact-form .title {
text-align: center; } section.style-misc.contact-form .title h3 {
font-size: 35px !important;
line-height: 30px !important; } section.style-misc.contact-form .title span {
font-size: 16px !important; } section.style-misc.contact-form .form form label.submit input {
width: 100%; }
} section.style-misc.team-member {
position: relative; } section.style-misc.team-member .cut {
position: absolute;
top: -49px;
left: 0;
right: 0;
width: 0;
height: 0;
border-style: solid; } section.style-misc.team-member:nth-of-type(2n+2) .text {
float: right; } section.style-misc.team-member:nth-of-type(2n+2) .image {
float: left; } section.style-misc.team-member .text {
float: left; } section.style-misc.team-member .text .box {
padding: 180px 0;
color: #fff;
float: left; }
@media screen and (max-width: 992px) {
section.style-misc.team-member .text .box {
padding-bottom: 90px; } } section.style-misc.team-member .text .box b {
font-weight: 900; } section.style-misc.team-member .text .box .name {
font-size: 33px;
font-weight: 300;
display: block;
text-transform: uppercase;
position: relative; } section.style-misc.team-member .text .box .name:before {
content: attr(data-name);
font-size: 100px;
line-height: 85px;
font-weight: 900;
color: rgba(255, 255, 255, 0.04);
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(-20px, calc(-100% + 30px));
-moz-transform: translate(-20px, calc(-100% + 30px));
-ms-transform: translate(-20px, calc(-100% + 30px));
-o-transform: translate(-20px, calc(-100% + 30px));
transform: translate(-20px, calc(-100% + 30px)); } section.style-misc.team-member .text .box .name:after {
content: "";
width: 100px;
height: 4px;
background: #fff;
display: block;
margin: 15px 0; } section.style-misc.team-member .text .box .desc {
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
display: block; } section.style-misc.team-member .text .box .position {
font-size: 12px;
text-transform: uppercase;
display: block;
margin-top: 10px; } section.style-misc.team-member .text .box p {
width: 100%;
float: left;
margin-top: 30px;
font-size: 15px;
line-height: 24px; } section.style-misc.team-member .image {
float: right;
padding-top: 30px;
text-align: center;
overflow: hidden; }
@media screen and (max-width: 992px) {
section.style-misc.team-member .image {
width: 100%;
max-height: 450px; } } section.style-misc.team-member .image .valign-wrapper {
width: 100%;
height: 100%;
display: table; } section.style-misc.team-member .image .valign-wrapper .valign {
display: table-cell;
vertical-align: bottom; } section.style-misc.team-member .image img {
max-width: 90%;
max-height: 100%;
display: inline-block; } section.style-misc.offer {
background: #f5f5f5; } section.style-misc.offer .list {
margin-top: 30px;
text-align: center; } section.style-misc.offer .list > div {
margin: 5px 0;
float: none;
display: inline-block;
margin-left: -4px; } section.style-misc.offer .list .box {
width: 100%; } section.style-misc.offer .list .box .icon {
width: 100%;
height: 110px;
line-height: 110px;
text-align: center; } section.style-misc.offer .list .box .icon i {
font-size: 70px;
line-height: 110px;
color: #111; } section.style-misc.offer .list .box .icon img {
max-width: 80%;
max-height: 70px;
display: inline-block; } section.style-misc.offer .list .box .content {
text-align: center;
color: #595959;
padding-top: 10px; } section.style-misc.offer .list .box .content .name {
font-size: 18px;
font-weight: 600; } section.style-misc.offer .list .box .content p {
padding-top: 15px;
font-size: 14px;
line-height: 20px; }
@media screen and (max-width: 992px) { section.style-misc.offer .list > div {
margin-bottom: 30px; } section.style-misc.offer .list > div:last-child {
margin-bottom: 0; }
} section.style-misc.pricing-tables .title-bar {
margin-bottom: 60px; } section.style-misc.pricing-tables .tables {
text-align: center; } section.style-misc.pricing-tables .tables > div {
display: inline-block;
margin-left: -4px;
float: none; }
@media screen and (max-width: 992px) { section.style-misc.pricing-tables .tables > div {
margin-bottom: 60px; } section.style-misc.pricing-tables .tables > div:last-of-type {
margin-bottom: 0; }
} section.style-misc.pricing-tables .box {
width: 100%; } section.style-misc.pricing-tables .box.best .column {
color: #fff;
border-color: transparent; } section.style-misc.pricing-tables .box.best .column:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-box-shadow: inset 0 -40px 30px -20px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -40px 30px -20px rgba(0, 0, 0, 0.25); } section.style-misc.pricing-tables .box.best .column > div {
border-color: rgba(255, 255, 255, 0.3); } section.style-misc.pricing-tables .box .column {
width: 100%;
padding: 30px;
background: #fff;
border: 1px solid #ebebeb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
color: #000;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden; } section.style-misc.pricing-tables .box .column:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #e22571; background: -moz-linear-gradient(top, #e22571 0%, #ec2c55 60%, #d11b42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e22571), color-stop(60%, #ec2c55), color-stop(100%, #d11b42)); background: -webkit-linear-gradient(top, #e22571 0%, #ec2c55 60%, #d11b42 100%); background: -o-linear-gradient(top, #e22571 0%, #ec2c55 60%, #d11b42 100%); background: -ms-linear-gradient(top, #e22571 0%, #ec2c55 60%, #d11b42 100%); background: linear-gradient(to bottom, #e22571 0%, #ec2c55 60%, #d11b42 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e22571', endColorstr='#d11b42',GradientType=0 ); -webkit-transition: all 0.3s, box-shadow 0.4s 0.15s;
-o-transition: all 0.3s, box-shadow 0.4s 0.15s;
transition: all 0.3s, box-shadow 0.4s 0.15s;
opacity: 0;
filter: alpha(opacity=0); } section.style-misc.pricing-tables .box .column a {
position: absolute;
z-index: 5;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: default; } section.style-misc.pricing-tables .box .column > div {
padding: 15px 0;
border-bottom: 1px solid #ebebeb;
position: relative;
z-index: 3; } section.style-misc.pricing-tables .box .column > div:first-child {
padding-top: 0;
padding-bottom: 30px; } section.style-misc.pricing-tables .box .column > div:last-child {
padding-top: 30px;
padding-bottom: 0;
border-bottom: none; } section.style-misc.pricing-tables .box .column .name h3 {
margin: 0;
font-size: 23px;
font-weight: 300; } section.style-misc.pricing-tables .box .column .name span {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px; } section.style-misc.pricing-tables .box .column .info {
padding: 20px 0; } section.style-misc.pricing-tables .box .column .info p {
font-size: 14px;
margin-bottom: 7px; } section.style-misc.pricing-tables .box .column .price .currency {
font-size: 41px;
font-weight: 300;
display: inline-block;
-webkit-transform: translateY(-12px);
-moz-transform: translateY(-12px);
-ms-transform: translateY(-12px);
-o-transform: translateY(-12px);
transform: translateY(-12px); } section.style-misc.pricing-tables .box .column .price .cost {
font-size: 58px;
font-weight: 300; } section.style-misc.pricing-tables .box .column .price .cost span {
font-size: 25px;
font-weight: 300; } section.style-misc.pricing-tables .box .addinfo {
font-size: 12px;
color: #888;
text-align: center;
padding: 0 30px;
padding-top: 15px; } section.style-misc.text-block {
text-align: center; } section.style-misc.text-block .inner {
padding: 30px; } section.style-misc.text-block .container {
border-top: 1px dashed #eaeaea;
border-bottom: 1px dashed #eaeaea; } section.style-misc.text-block .container h3 {
margin: 0;
font-size: 38px;
font-weight: 300;
color: #000;
padding-top: 30px; } section.style-misc.text-block .container span {
display: block;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 10px; } section.style-misc.text-block .container p {
padding-top: 30px;
padding-bottom: 30px;
font-size: 18px;
color: #595959; } section.style-misc.text-block .container p a {
color: #d92047; } section.style-misc.text-block .container p a:hover {
opacity: 0.6;
filter: alpha(opacity=60); } section.style-misc.text-block .container .addinfo {
border-top: 1px dashed #eaeaea;
padding: 30px 0;
font-size: 12px;
color: #747474;
text-transform: none;
letter-spacing: 0; } section.style-misc.services.faq .service-list {
width: 100%;
margin-left: 0;
margin-right: 0;
border-top: none !important; } section.style-misc.services.faq .service-list > div {
border: none !important;
min-height: 250px; } section.style-misc.services.faq .service-list .slick-slide {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s; } section.style-misc.services.faq .service-list .slick-slide.slick-active {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.services.faq .service-list .one {
float: left; } section.style-misc.services.faq .service-list .one > div {
width: 50%;
float: left; }
@media screen and (max-width: 992px) {
section.style-misc.services.faq .service-list .one {
padding: 0; } section.style-misc.services.faq .service-list .one > div {
width: 100%; } } section.style-misc.services.faq .service-list .slick-prev, section.style-misc.services.faq .service-list .slick-next {
height: 45px;
line-height: 45px;
margin-top: -23px; } section.style-misc.services.faq .service-list .slick-prev:before, section.style-misc.services.faq .service-list .slick-next:before {
font-family: "FontAwesome";
font-size: 50px !important;
line-height: 45px; } section.style-misc.services.faq .service-list .slick-prev:before {
content: "\f104"; } section.style-misc.services.faq .service-list .slick-next:before {
content: "\f105"; } section.style-misc.portfolio-single-content .inner {
padding: 30px 0; }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-single-content .inner {
padding: 15px 0; } } section.style-misc.portfolio-single-content .text p {
font-size: 14px;
line-height: 24px; } section.style-misc.portfolio-single-content .text .wp-video {
overflow: hidden;
margin-bottom: 15px; } section.style-misc.portfolio-single-content .text .image {
height: 400px;
margin-bottom: 15px; } section.style-misc.portfolio-single-content .text .image:last-of-type {
margin-bottom: 0; }
@media screen and (max-width: 992px) {
section.style-misc.portfolio-single-content .text .image {
height: 300px; } }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-single-content .text .image {
height: 250px; } } section.style-misc.portfolio-single-content .text .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; } section.style-misc.portfolio-single-content .text .video-container iframe, section.style-misc.portfolio-single-content .text .video-container object, section.style-misc.portfolio-single-content .text .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media screen and (max-width: 992px) {
section.style-misc.portfolio-single-content .sidebar {
margin-top: 60px;
margin-left: 15px;
margin-right: 15px; } } section.style-misc.portfolio-single-content .sidebar .box {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
padding-left: 20px; } section.style-misc.portfolio-single-content .sidebar .box .name {
font-size: 16px;
font-weight: 700; } section.style-misc.portfolio-single-content .sidebar .box .name i {
width: 20px;
margin-left: -20px;
display: inline-block;
font-size: 14px; } section.style-misc.portfolio-single-content .sidebar .box .content {
width: 100%;
overflow: hidden;
padding-top: 5px;
font-size: 14px;
color: #222; } section.style-misc.portfolio-single-content .sidebar .box .content a {
color: #222; } section.style-misc.portfolio-single-content .sidebar .box .content a:hover {
color: #888; } section.style-misc.portfolio-single-content .sidebar .box .content a.social-link {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #f5f5f5;
color: #aaa;
display: inline-block; } section.style-misc.portfolio-single-content .sidebar .box .content a.social-link:hover {
border-color: #777;
background: #777; } section.style-misc.portfolio-single-content .sidebar .box .content a.social-link:hover i {
color: #fff; } section.style-misc.portfolio-single-related .inner {
padding: 30px 0; } section.style-misc.portfolio-single-related .portfolio-items-wrapper .item {
width: 25%; } section.style-misc.portfolio-single-related .small-title-bar h3 {
margin: 0;
padding: 0;
font-size: 16px;
color: #000;
font-weight: 700;
margin-bottom: 60px; } section.style-misc.portfolio-single-gallery .inner {
padding: 30px; } section.style-misc.portfolio-single-gallery .row {
margin-left: -5px;
margin-right: -5px; } section.style-misc.portfolio-single-gallery .row > div {
padding: 5px; } section.style-misc.portfolio-single-gallery-big .row > div {
margin-bottom: 15px; } section.style-misc.portfolio-single-gallery-big .row > div:last-of-type {
margin-bottom: 0; } section.style-misc.portfolio-single-gallery-big-divided .row {
margin-left: -7.5px;
margin-right: -7.5px;
margin-bottom: 15px; } section.style-misc.portfolio-single-gallery-big-divided .row:last-child {
margin-bottom: 0; } section.style-misc.portfolio-single-gallery-big-divided .row:nth-of-type(2n+2) > div:nth-of-type(1) {
float: right; } section.style-misc.portfolio-single-gallery-big-divided .row > div {
padding-left: 7.5px;
padding-right: 7.5px; } section.style-misc.portfolio-single-gallery-big-divided .row > div .equalizer-inner {
height: 100%; } section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(1) .image {
height: 700px; }
@media screen and (max-width: 992px) {
section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(1) .image {
height: 300px; } }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(1) .image {
height: 250px; } } section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(2) {
height: 100%; } section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(2) .image {
height: calc(33.333% - 10px); }
@media screen and (max-width: 992px) {
section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(2) {
height: auto;
margin-top: 15px; } section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(2) .image {
height: 300px; } }
@media screen and (max-width: 768px) { section.style-misc.portfolio-single-gallery-big-divided .row > div:nth-of-type(2) .image {
height: 250px; }
} section.style-misc.portfolio-single-gallery .image, section.style-misc.portfolio-single-gallery-big .image, section.style-misc.portfolio-single-gallery-big-divided .image, section.style-misc.portfolio-single-content .image {
height: 240px;
background-size: cover;
background-position: center center;
position: relative; } section.style-misc.portfolio-single-gallery .image a, section.style-misc.portfolio-single-gallery-big .image a, section.style-misc.portfolio-single-gallery-big-divided .image a, section.style-misc.portfolio-single-content .image a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(236, 44, 85, 0.7);
opacity: 0;
filter: alpha(opacity=0); } section.style-misc.portfolio-single-gallery .image a:hover, section.style-misc.portfolio-single-gallery-big .image a:hover, section.style-misc.portfolio-single-gallery-big-divided .image a:hover, section.style-misc.portfolio-single-content .image a:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.portfolio-single-gallery .image a:hover:before, section.style-misc.portfolio-single-gallery-big .image a:hover:before, section.style-misc.portfolio-single-gallery-big-divided .image a:hover:before, section.style-misc.portfolio-single-content .image a:hover:before {
-webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
-moz-transform: translate(-50%, -50%) scale(1) rotate(0);
-ms-transform: translate(-50%, -50%) scale(1) rotate(0);
-o-transform: translate(-50%, -50%) scale(1) rotate(0);
transform: translate(-50%, -50%) scale(1) rotate(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.portfolio-single-gallery .image a:before, section.style-misc.portfolio-single-gallery-big .image a:before, section.style-misc.portfolio-single-gallery-big-divided .image a:before, section.style-misc.portfolio-single-content .image a:before {
content: "\f002";
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-moz-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-ms-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-o-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
transform: translate(-50%, -50%) scale(0) rotate(-45deg);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s 0.05s;
-o-transition: all 0.4s 0.05s;
transition: all 0.4s 0.05s;
color: #fff;
font-size: 28px; } section.style-misc.portfolio-single-content .text .image, section.style-misc.portfolio-single-gallery-big .image, section.style-misc.portfolio-single-gallery-big-divided .image {
height: 400px;
margin-bottom: 15px; } section.style-misc.portfolio-single-content .text .image:last-of-type, section.style-misc.portfolio-single-gallery-big .image:last-of-type, section.style-misc.portfolio-single-gallery-big-divided .image:last-of-type {
margin-bottom: 0; }
@media screen and (max-width: 992px) {
section.style-misc.portfolio-single-content .text .image, section.style-misc.portfolio-single-gallery-big .image, section.style-misc.portfolio-single-gallery-big-divided .image {
height: 300px; } }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-single-content .text .image, section.style-misc.portfolio-single-gallery-big .image, section.style-misc.portfolio-single-gallery-big-divided .image {
height: 250px; } } section.style-misc.portfolio-single-gallery-big-slider .inner {
padding: 30px 0; }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-single-gallery-big-slider .inner {
padding: 15px 0; } } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider {
width: 100%;
height: 700px; }
@media screen and (max-width: 992px) {
section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider {
height: 450px; } }
@media screen and (max-height: 768px) {
section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider {
height: 450px; } }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider {
height: 250px; } } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-list, section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-track {
height: 100%; } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .image {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: center center; } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-prev, section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-next {
width: 50px;
height: 58px;
margin-top: -29px;
background: #ec2c55; } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-prev:before, section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-next:before {
content: "a";
line-height: 58px;
background: transparent;
width: 100%;
height: 100%;
float: left;
text-align: center;
color: #fff;
font-family: "FontAwesome";
opacity: 0.8;
filter: alpha(opacity=80); } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-prev:hover:before, section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-next:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-prev.slick-disabled:before, section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-next.slick-disabled:before {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-prev {
left: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-prev:before {
content: "\f104"; } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-next {
right: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; } section.style-misc.portfolio-single-gallery-big-slider .inner .actual-slider .slick-next:before {
content: "\f105"; } section.style-misc.blog-items .blog-items-wrapper {
overflow: hidden;
padding-bottom: 30px; } section.style-misc.blog-items .blog-items-wrapper .item {
width: 100%;
margin-bottom: 30px;
float: left;
-webkit-transform: translateY(150px);
-moz-transform: translateY(150px);
-ms-transform: translateY(150px);
-o-transform: translateY(150px);
transform: translateY(150px); } section.style-misc.blog-items .blog-items-wrapper .item.animated {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } section.style-misc.blog-items .blog-items-wrapper .item:last-child {
margin-bottom: 0; } section.style-misc.blog-items .blog-items-wrapper .item .image {
width: 50%;
height: 200px;
float: left;
background-size: cover;
background-position: center center;
position: relative; } section.style-misc.blog-items .blog-items-wrapper .item .image a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(236, 44, 85, 0.7);
opacity: 0;
filter: alpha(opacity=0); } section.style-misc.blog-items .blog-items-wrapper .item .image a.reseta {
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-items .blog-items-wrapper .item .image a.reseta img {
max-width: 100%;
min-width: 100%; } section.style-misc.blog-items .blog-items-wrapper .item .image a:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-items .blog-items-wrapper .item .image a:hover:before {
-webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
-moz-transform: translate(-50%, -50%) scale(1) rotate(0);
-ms-transform: translate(-50%, -50%) scale(1) rotate(0);
-o-transform: translate(-50%, -50%) scale(1) rotate(0);
transform: translate(-50%, -50%) scale(1) rotate(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-items .blog-items-wrapper .item .image a:before {
content: "\f002";
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-moz-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-ms-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-o-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
transform: translate(-50%, -50%) scale(0) rotate(-45deg);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s 0.05s;
-o-transition: all 0.4s 0.05s;
transition: all 0.4s 0.05s;
color: #fff;
font-size: 28px; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider {
width: 50%;
height: 200px !important;
margin-bottom: 0;
overflow: hidden;
position: relative;
float: left; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .equalizer-inner, section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-list, section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-track {
height: 100%; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .one {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: center center; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-prev, section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-next {
width: 30px;
height: 38px;
margin-top: -19px;
background: #ec2c55; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-prev:before, section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-next:before {
content: "a";
line-height: 38px;
background: transparent;
width: 100%;
height: 100%;
float: left;
text-align: center;
color: #fff;
font-family: "FontAwesome";
opacity: 0.8;
filter: alpha(opacity=80); } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-prev:hover:before, section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-next:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-prev.slick-disabled:before, section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-next.slick-disabled:before {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-prev {
left: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-prev:before {
content: "\f104"; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-next {
right: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; } section.style-misc.blog-items .blog-items-wrapper .item .image-slider .slick-next:before {
content: "\f105"; } section.style-misc.blog-items .blog-items-wrapper .item .video-container {
width: 50%;
float: left;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; } section.style-misc.blog-items .blog-items-wrapper .item .video-container iframe, section.style-misc.blog-items .blog-items-wrapper .item .video-container object, section.style-misc.blog-items .blog-items-wrapper .item .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } section.style-misc.blog-items .blog-items-wrapper .item .text {
width: 50%;
float: left;
padding-left: 15px;
overflow: hidden; } section.style-misc.blog-items .blog-items-wrapper .item .text:after {
content: "";
width: 100%;
height: 1px;
background: #ebebeb;
margin-top: -1px;
float: right; } section.style-misc.blog-items .blog-items-wrapper .item .text .info {
width: 100%;
display: block;
color: #999;
font-size: 12px; } section.style-misc.blog-items .blog-items-wrapper .item .text .info a {
color: #999; } section.style-misc.blog-items .blog-items-wrapper .item .text .info a:hover {
color: #EC2C55; } section.style-misc.blog-items .blog-items-wrapper .item .text .info i {
padding-right: 3px; } section.style-misc.blog-items .blog-items-wrapper .item .text .info span {
margin-right: 5px; } section.style-misc.blog-items .blog-items-wrapper .item .text .post-content {
overflow: hidden;
padding: 15px 0; } section.style-misc.blog-items .blog-items-wrapper .item .text .post-content a.title {
font-size: 18px;
color: #000000;
margin-bottom: 15px;
width: 100%;
float: left; } section.style-misc.blog-items .blog-items-wrapper .item .text .post-content a.title:hover {
color: #ec2c55; } section.style-misc.blog-items .blog-items-wrapper .item .text .post-content p {
font-size: 14px;
line-height: 22px; } section.style-misc.blog-items .blog-items-wrapper .item .text .post-content .read-more {
font-size: 12px;
color: #999;
float: right;
padding: 7px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
margin-top: 5px;
margin-right: 3px; } section.style-misc.blog-items .blog-items-wrapper .item .text .post-content .read-more:hover {
color: #fff !important;
background: #ec2c55; } section.style-misc.blog-items .blog-items-wrapper .item .text .post-content .read-more i {
padding-left: 5px;
font-size: 14px; } section.style-misc.blog-items .blog-items-wrapper .item.sticky {
border-bottom: 3px solid #EC2C55; } section.style-misc.blog-items .blog-items-wrapper .item.sticky .text .post-content .title {
color: #ec2c55;
font-weight: 700; } section.style-misc.blog-items .blog-items-wrapper .item.sticky .text .post-content .title:before {
font-family: "FontAwesome";
content: "\f08d";
margin-right: 10px;
width: 25px;
height: 25px;
display: inline-block;
background: #ec2c55;
color: #fff;
text-align: center;
line-height: 25px;
font-size: 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px); } section.style-misc.blog-items .blog-items-wrapper .item.sticky .text .post-content .read-more {
box-shadow: inset 0 0 0 1px #bbb; } section.style-misc.blog-items .blog-items-wrapper .item.sticky .text .post-content .read-more:hover {
box-shadow: none; }
@media screen and (max-width: 768px) { section.style-misc.blog-items .blog-items-wrapper .item .image, section.style-misc.blog-items .blog-items-wrapper .item .image-slider, section.style-misc.blog-items .blog-items-wrapper .item .text, section.style-misc.blog-items .blog-items-wrapper .item .video-container {
width: 100% !important; } section.style-misc.blog-items .blog-items-wrapper .item .text {
padding: 0 !important;
padding-top: 15px !important;
text-align: center !important; } section.style-misc.blog-items .blog-items-wrapper .item .text .read-more {
float: none !important;
display: inline-block !important; }
} section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .image, section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .text, section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .video-container, section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .image-slider {
width: 50%; } section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .text.full-width {
width: 100%;
padding-left: 0; } section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .video-container, section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .video-container iframe, section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .video-container object, section.style-misc.blog-items.cols.col-1 .blog-items-wrapper .item .video-container embed {
padding: 0;
height: 200px; } section.style-misc.blog-items.cols.col-2 .blog-items-wrapper {
margin-left: -15px;
margin-right: -15px; } section.style-misc.blog-items.cols.col-2 .blog-items-wrapper .item {
width: 50%;
padding-left: 15px;
padding-right: 15px; } section.style-misc.blog-items.cols.col-2 .blog-items-wrapper .item .image, section.style-misc.blog-items.cols.col-2 .blog-items-wrapper .item .text, section.style-misc.blog-items.cols.col-2 .blog-items-wrapper .item .video-container, section.style-misc.blog-items.cols.col-2 .blog-items-wrapper .item .image-slider {
width: 100%; } section.style-misc.blog-items.cols.col-2 .blog-items-wrapper .item .text {
padding: 0;
padding-top: 15px; }
@media screen and (max-width: 768px) {
section.style-misc.blog-items.cols.col-2 .blog-items-wrapper .item {
width: 100%; } } section.style-misc.blog-items.cols.col-3 .blog-items-wrapper, section.style-misc.blog-items.masonry .blog-items-wrapper {
margin-left: -15px;
margin-right: -15px; } section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item, section.style-misc.blog-items.masonry .blog-items-wrapper .item {
width: 33.333333%;
padding-left: 15px;
padding-right: 15px; } section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item .image, section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item .text, section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item .video-container, section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item .image-slider, section.style-misc.blog-items.masonry .blog-items-wrapper .item .image, section.style-misc.blog-items.masonry .blog-items-wrapper .item .text, section.style-misc.blog-items.masonry .blog-items-wrapper .item .video-container, section.style-misc.blog-items.masonry .blog-items-wrapper .item .image-slider {
width: 100%; } section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item .image, section.style-misc.blog-items.masonry .blog-items-wrapper .item .image {
height: 200px; } section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item .text, section.style-misc.blog-items.masonry .blog-items-wrapper .item .text {
padding: 0;
padding-top: 15px; }
@media screen and (max-width: 992px) {
section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item, section.style-misc.blog-items.masonry .blog-items-wrapper .item {
width: 50%; } }
@media screen and (max-width: 768px) {
section.style-misc.blog-items.cols.col-3 .blog-items-wrapper .item, section.style-misc.blog-items.masonry .blog-items-wrapper .item {
width: 100%; } } section.style-misc.blog-items.masonry {
padding-bottom: 30px; } section.style-misc.blog-items-grid .inner {
padding: 30px 0; } section.style-misc.blog-items-grid .row {
margin-top: 30px; } section.style-misc.blog-items-grid .row:first-of-type {
margin-top: 0; } section.style-misc.blog-items-grid .row:nth-of-type(2n+2) .one-item {
float: right; } section.style-misc.blog-items-grid .row:nth-of-type(2n+2) .two-items {
float: left; }
@media screen and (max-width: 992px) { section.style-misc.blog-items-grid .row:nth-of-type(2n+2) .one-item, section.style-misc.blog-items-grid .row:nth-of-type(2n+2) .two-items {
width: 100%;
float: left; }
} section.style-misc.blog-items-grid .row > .two-items .item {
height: 285px; }
@media screen and (max-width: 768px) {
section.style-misc.blog-items-grid .row > .two-items .item {
height: 300px; } } section.style-misc.blog-items-grid .row > .two-items .item .hover .align {
width: 100%;
text-align: center; } section.style-misc.blog-items-grid .row > .two-items .item:first-of-type {
margin-bottom: 30px; }
@media screen and (max-width: 992px) {
section.style-misc.blog-items-grid .row > .two-items {
margin-top: 30px; } } section.style-misc.blog-items-grid .row .item {
width: 100%;
height: 600px;
background-color: #333;
background-size: cover;
background-position: center center;
position: relative; } section.style-misc.blog-items-grid .row .item .hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } section.style-misc.blog-items-grid .row .item .hover:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(236, 44, 85, 0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-misc.blog-items-grid .row .item .hover:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-items-grid .row .item .hover:hover a .icon {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-items-grid .row .item .hover a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 -100px 70px -15px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -100px 70px -15px rgba(0, 0, 0, 0.4); } section.style-misc.blog-items-grid .row .item .hover a:before {
content: "";
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 2px solid #fff; } section.style-misc.blog-items-grid .row .item .hover a .icon {
position: absolute;
top: 40px;
right: 40px;
width: 50px;
height: 50px;
background: #ec2c55;
color: #fff;
font-size: 20px;
text-align: center;
line-height: 50px;
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-misc.blog-items-grid .row .item .hover a .align {
width: 65%;
padding: 40px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff; } section.style-misc.blog-items-grid .row .item .hover a .align span.title {
margin: 0;
font-size: 21px;
line-height: 22px;
font-weight: 900;
display: block;
text-transform: uppercase; } section.style-misc.blog-items-grid .row .item .hover a .align span.date {
display: block;
font-size: 11px;
text-transform: uppercase;
margin: 10px 0; } section.style-misc.blog-items-grid .row .item .hover a .align span.text {
font-size: 14px;
line-height: 22px; }
@media screen and (max-width: 768px) {
section.style-misc.blog-items-grid .row .item {
height: 300px; } section.style-misc.blog-items-grid .row .item .hover a .align {
width: 100%;
text-align: center; } section.style-misc.blog-items-grid .row .item .hover a .align p, section.style-misc.blog-items-grid .row .item .hover a .align span.text {
display: none; } } section.style-misc.blog-single .post-content, section.style-misc.single-post .post-content {
width: 100%;
margin-bottom: 30px;
float: left; } section.style-misc.blog-single .post-content:last-child, section.style-misc.single-post .post-content:last-child {
margin-bottom: 0; } section.style-misc.blog-single .post-content .image, section.style-misc.blog-single .post-content .image-slider, section.style-misc.blog-single .post-content .video-wrapper, section.style-misc.single-post .post-content .image, section.style-misc.single-post .post-content .image-slider, section.style-misc.single-post .post-content .video-wrapper {
margin-bottom: 15px !important; } section.style-misc.blog-single .post-content .image, section.style-misc.single-post .post-content .image {
width: 100%;
height: auto;
float: left;
background-size: cover;
background-position: center center;
position: relative; } section.style-misc.blog-single .post-content .image a, section.style-misc.single-post .post-content .image a {
DISPLAY: NONE;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(236, 44, 85, 0.7);
opacity: 0;
filter: alpha(opacity=0); } section.style-misc.blog-single .post-content .image a:hover, section.style-misc.single-post .post-content .image a:hover {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-single .post-content .image a:hover:before, section.style-misc.single-post .post-content .image a:hover:before {
-webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
-moz-transform: translate(-50%, -50%) scale(1) rotate(0);
-ms-transform: translate(-50%, -50%) scale(1) rotate(0);
-o-transform: translate(-50%, -50%) scale(1) rotate(0);
transform: translate(-50%, -50%) scale(1) rotate(0);
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-single .post-content .image a:before, section.style-misc.single-post .post-content .image a:before {
content: "\f002";
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-moz-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-ms-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
-o-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
transform: translate(-50%, -50%) scale(0) rotate(-45deg);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s 0.05s;
-o-transition: all 0.4s 0.05s;
transition: all 0.4s 0.05s;
color: #fff;
font-size: 28px; } section.style-misc.blog-single .post-content .image-slider, section.style-misc.single-post .post-content .image-slider {
width: 100%;
height: 400px !important;
margin-bottom: 0;
overflow: hidden;
position: relative;
float: left; } section.style-misc.blog-single .post-content .image-slider .equalizer-inner, section.style-misc.blog-single .post-content .image-slider .slick-list, section.style-misc.blog-single .post-content .image-slider .slick-track, section.style-misc.single-post .post-content .image-slider .equalizer-inner, section.style-misc.single-post .post-content .image-slider .slick-list, section.style-misc.single-post .post-content .image-slider .slick-track {
height: 100%; } section.style-misc.blog-single .post-content .image-slider .one, section.style-misc.single-post .post-content .image-slider .one {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background-position: center center; } section.style-misc.blog-single .post-content .image-slider .slick-prev, section.style-misc.blog-single .post-content .image-slider .slick-next, section.style-misc.single-post .post-content .image-slider .slick-prev, section.style-misc.single-post .post-content .image-slider .slick-next {
width: 50px;
height: 58px;
margin-top: -29px;
background: #ec2c55; } section.style-misc.blog-single .post-content .image-slider .slick-prev:before, section.style-misc.blog-single .post-content .image-slider .slick-next:before, section.style-misc.single-post .post-content .image-slider .slick-prev:before, section.style-misc.single-post .post-content .image-slider .slick-next:before {
content: "a";
line-height: 58px;
background: transparent;
width: 100%;
height: 100%;
float: left;
text-align: center;
color: #fff;
font-family: "FontAwesome";
opacity: 0.8;
filter: alpha(opacity=80); } section.style-misc.blog-single .post-content .image-slider .slick-prev:hover:before, section.style-misc.blog-single .post-content .image-slider .slick-next:hover:before, section.style-misc.single-post .post-content .image-slider .slick-prev:hover:before, section.style-misc.single-post .post-content .image-slider .slick-next:hover:before {
opacity: 1;
filter: alpha(opacity=100); } section.style-misc.blog-single .post-content .image-slider .slick-prev.slick-disabled:before, section.style-misc.blog-single .post-content .image-slider .slick-next.slick-disabled:before, section.style-misc.single-post .post-content .image-slider .slick-prev.slick-disabled:before, section.style-misc.single-post .post-content .image-slider .slick-next.slick-disabled:before {
opacity: 0.3;
filter: alpha(opacity=30); } section.style-misc.blog-single .post-content .image-slider .slick-prev, section.style-misc.single-post .post-content .image-slider .slick-prev {
left: 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; } section.style-misc.blog-single .post-content .image-slider .slick-prev:before, section.style-misc.single-post .post-content .image-slider .slick-prev:before {
content: "\f104"; } section.style-misc.blog-single .post-content .image-slider .slick-next, section.style-misc.single-post .post-content .image-slider .slick-next {
right: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; } section.style-misc.blog-single .post-content .image-slider .slick-next:before, section.style-misc.single-post .post-content .image-slider .slick-next:before {
content: "\f105"; } section.style-misc.blog-single .post-content h1, section.style-misc.blog-single .post-content h2, section.style-misc.blog-single .post-content h3, section.style-misc.blog-single .post-content h4, section.style-misc.blog-single .post-content h5, section.style-misc.blog-single .post-content h6, section.style-misc.single-post .post-content h1, section.style-misc.single-post .post-content h2, section.style-misc.single-post .post-content h3, section.style-misc.single-post .post-content h4, section.style-misc.single-post .post-content h5, section.style-misc.single-post .post-content h6 {
display: block; } section.style-misc.blog-single .post-content table td, section.style-misc.single-post .post-content table td {
padding: 5px 10px; } section.style-misc.blog-single .post-content p, section.style-misc.single-post .post-content p {
display: block; } section.style-misc.blog-single .post-content img, section.style-misc.single-post .post-content img {
max-width: 100% !important;
height: auto !important; } section.style-misc.blog-single .post-content img.alignright, section.style-misc.single-post .post-content img.alignright {
float: right; } section.style-misc.blog-single .post-content figure, section.style-misc.single-post .post-content figure {
max-width: 100%;
display: block;
margin: 15px 0; } section.style-misc.blog-single .post-content figure.aligncenter, section.style-misc.single-post .post-content figure.aligncenter {
margin-left: auto;
margin-right: auto; } section.style-misc.blog-single .post-content figure.alignleft, section.style-misc.single-post .post-content figure.alignleft {
margin-right: 15px; } section.style-misc.blog-single .post-content figure.alignright, section.style-misc.single-post .post-content figure.alignright {
margin-left: 15px; } section.style-misc.blog-single .post-content figcaption, section.style-misc.single-post .post-content figcaption {
font-size: 13px;
padding: 5px 0;
text-align: center; } section.style-misc.blog-single .post-content figcaption.aligncenter, section.style-misc.single-post .post-content figcaption.aligncenter {
float: left;
margin: auto; } section.style-misc.blog-single .post-content form.post-password-form, section.style-misc.single-post .post-content form.post-password-form {
text-align: center; } section.style-misc.blog-single .post-content form.post-password-form p, section.style-misc.single-post .post-content form.post-password-form p {
font-size: 13px;
color: #666;
margin-bottom: 15px; } section.style-misc.blog-single .post-content form.post-password-form p:last-child, section.style-misc.single-post .post-content form.post-password-form p:last-child {
margin-bottom: 0; } section.style-misc.blog-single .post-content form.post-password-form label, section.style-misc.single-post .post-content form.post-password-form label {
display: block;
font-weight: 700;
color: #444; } section.style-misc.blog-single .post-content form.post-password-form input, section.style-misc.single-post .post-content form.post-password-form input {
width: 100%;
max-width: 350px;
height: 45px;
padding: 0 15px;
resize: none;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
color: #aaa;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
display: block;
margin: auto;
margin-top: 5px; } section.style-misc.blog-single .post-content form.post-password-form input:focus, section.style-misc.single-post .post-content form.post-password-form input:focus {
border-color: #ec2c55;
color: #ec2c55;
-webkit-box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2);
box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2); } section.style-misc.blog-single .post-content form.post-password-form input[type="submit"], section.style-misc.single-post .post-content form.post-password-form input[type="submit"] {
width: auto;
padding: 0 30px;
background: #ec2c55;
color: #fff;
text-transform: uppercase;
font-size: 13px;
border: none; } section.style-misc.blog-single .post-content form.post-password-form input[type="submit"]:hover, section.style-misc.single-post .post-content form.post-password-form input[type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80); } section.style-misc.blog-single .post-content .gallery, section.style-misc.single-post .post-content .gallery {
overflow: hidden; } section.style-misc.blog-single .post-content .gallery .gallery-item, section.style-misc.single-post .post-content .gallery .gallery-item {
float: left; } section.style-misc.blog-single .post-content .gallery .gallery-item .gallery-icon.landscape, section.style-misc.single-post .post-content .gallery .gallery-item .gallery-icon.landscape {
text-align: center; } section.style-misc.blog-single .post-content .gallery .gallery-item .gallery-icon.landscape>, section.style-misc.single-post .post-content .gallery .gallery-item .gallery-icon.landscape> {
display: inline-block; } section.style-misc.blog-single .post-content .gallery-columns-1 .gallery-item, section.style-misc.single-post .post-content .gallery-columns-1 .gallery-item {
width: 100% !important;
margin-bottom: 30px; } section.style-misc.blog-single .post-content .gallery-columns-1 .gallery-item:nth-last-of-type(1), section.style-misc.single-post .post-content .gallery-columns-1 .gallery-item:nth-last-of-type(1) {
margin-bottom: 0; } section.style-misc.blog-single .post-content .gallery-columns-2 .gallery-item, section.style-misc.single-post .post-content .gallery-columns-2 .gallery-item {
width: 50% !important;
margin-bottom: 30px; } section.style-misc.blog-single .post-content .gallery-columns-2 .gallery-item:nth-last-of-type(1), section.style-misc.blog-single .post-content .gallery-columns-2 .gallery-item:nth-last-of-type(2), section.style-misc.single-post .post-content .gallery-columns-2 .gallery-item:nth-last-of-type(1), section.style-misc.single-post .post-content .gallery-columns-2 .gallery-item:nth-last-of-type(2) {
margin-bottom: 0; } section.style-misc.blog-single .post-content .gallery-columns-3 .gallery-item, section.style-misc.single-post .post-content .gallery-columns-3 .gallery-item {
width: 33.333333%;
margin-bottom: 30px; } section.style-misc.blog-single .post-content .gallery-columns-3 .gallery-item:nth-last-of-type(1), section.style-misc.blog-single .post-content .gallery-columns-3 .gallery-item:nth-last-of-type(2), section.style-misc.blog-single .post-content .gallery-columns-3 .gallery-item:nth-last-of-type(3), section.style-misc.single-post .post-content .gallery-columns-3 .gallery-item:nth-last-of-type(1), section.style-misc.single-post .post-content .gallery-columns-3 .gallery-item:nth-last-of-type(2), section.style-misc.single-post .post-content .gallery-columns-3 .gallery-item:nth-last-of-type(3) {
margin-bottom: 0; } section.style-misc.blog-single .post-content .gallery-columns-4 .gallery-item, section.style-misc.single-post .post-content .gallery-columns-4 .gallery-item {
width: 25% !important;
margin-bottom: 30px; } section.style-misc.blog-single .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(1), section.style-misc.blog-single .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(2), section.style-misc.blog-single .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(3), section.style-misc.blog-single .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(4), section.style-misc.single-post .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(1), section.style-misc.single-post .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(2), section.style-misc.single-post .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(3), section.style-misc.single-post .post-content .gallery-columns-4 .gallery-item:nth-last-of-type(4) {
margin-bottom: 0; } section.style-misc.blog-single .post-content .gallery-columns-5 .gallery-item, section.style-misc.single-post .post-content .gallery-columns-5 .gallery-item {
width: 20% !important;
margin-bottom: 30px; } section.style-misc.blog-single .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(1), section.style-misc.blog-single .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(2), section.style-misc.blog-single .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(3), section.style-misc.blog-single .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(4), section.style-misc.blog-single .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(5), section.style-misc.single-post .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(1), section.style-misc.single-post .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(2), section.style-misc.single-post .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(3), section.style-misc.single-post .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(4), section.style-misc.single-post .post-content .gallery-columns-5 .gallery-item:nth-last-of-type(5) {
margin-bottom: 0; } section.style-misc.blog-single .post-content .gallery-columns-6 .gallery-item, section.style-misc.single-post .post-content .gallery-columns-6 .gallery-item {
width: 16.6666666% !important;
margin-bottom: 30px; } section.style-misc.blog-single .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(1), section.style-misc.blog-single .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(2), section.style-misc.blog-single .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(3), section.style-misc.blog-single .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(4), section.style-misc.blog-single .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(5), section.style-misc.blog-single .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(6), section.style-misc.single-post .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(1), section.style-misc.single-post .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(2), section.style-misc.single-post .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(3), section.style-misc.single-post .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(4), section.style-misc.single-post .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(5), section.style-misc.single-post .post-content .gallery-columns-6 .gallery-item:nth-last-of-type(6) {
margin-bottom: 0; } section.style-misc.blog-single .post-content .page-nav, section.style-misc.single-post .post-content .page-nav {
width: 100%;
overflow: hidden;
padding-top: 15px;
color: #555; } section.style-misc.blog-single .post-content .page-nav a, section.style-misc.single-post .post-content .page-nav a {
display: inline-block;
padding: 3px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #555; } section.style-misc.blog-single .post-content .page-nav a:hover, section.style-misc.single-post .post-content .page-nav a:hover {
background: #f5f5f5;
color: #222; } section.style-misc.blog-single .post-content .video-wrapper, section.style-misc.single-post .post-content .video-wrapper {
width: 100%;
height: auto;
display: inline-block; } section.style-misc.blog-single .post-content .video-wrapper #actual-video:hover .vjs-big-play-button, section.style-misc.single-post .post-content .video-wrapper #actual-video:hover .vjs-big-play-button {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8); } section.style-misc.blog-single .post-content .video-wrapper #actual-video .vjs-big-play-button, section.style-misc.single-post .post-content .video-wrapper #actual-video .vjs-big-play-button {
background: rgba(0, 0, 0, 0.8);
width: 100px;
height: 100px;
line-height: 100px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: none;
margin-top: -50px !important;
margin-left: -50px !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } section.style-misc.blog-single .post-content .video-wrapper #actual-video .vjs-big-play-button:before, section.style-misc.single-post .post-content .video-wrapper #actual-video .vjs-big-play-button:before {
font-size: 40px;
padding-left: 5px;
color: #fff;
line-height: auto; } section.style-misc.blog-single .post-content .text, section.style-misc.single-post .post-content .text {
width: 100%;
float: left;
padding-top: 15px;
overflow: hidden; } section.style-misc.blog-single .post-content .text img, section.style-misc.blog-single .post-content .text iframe, section.style-misc.blog-single .post-content .text object, section.style-misc.blog-single .post-content .text embed, section.style-misc.single-post .post-content .text img, section.style-misc.single-post .post-content .text iframe, section.style-misc.single-post .post-content .text object, section.style-misc.single-post .post-content .text embed {
max-width: 100%; } section.style-misc.blog-single .post-content .text:after, section.style-misc.single-post .post-content .text:after {
content: "";
width: 100%;
height: 1px;
background: #ebebeb;
margin-top: -1px;
float: right;
display: none; } section.style-misc.blog-single .post-content .text .info, section.style-misc.single-post .post-content .text .info {
width: 100%;
display: block;
color: #999;
font-size: 12px; } section.style-misc.blog-single .post-content .text .info a, section.style-misc.single-post .post-content .text .info a {
color: #999; } section.style-misc.blog-single .post-content .text .info a:hover, section.style-misc.single-post .post-content .text .info a:hover {
color: #EC2C55; } section.style-misc.blog-single .post-content .text .info i, section.style-misc.single-post .post-content .text .info i {
padding-right: 3px; } section.style-misc.blog-single .post-content .text .info span, section.style-misc.single-post .post-content .text .info span {
margin-right: 5px; } section.style-misc.blog-single .post-content .text .post-text, section.style-misc.single-post .post-content .text .post-text {
overflow: hidden;
padding: 15px 0; } section.style-misc.blog-single .post-content .text .post-text a.title, section.style-misc.single-post .post-content .text .post-text a.title {
font-size: 18px;
color: #000000;
margin-bottom: 15px;
width: 100%;
float: left; } section.style-misc.blog-single .post-content .text .post-text a.title:hover, section.style-misc.single-post .post-content .text .post-text a.title:hover {
color: #ec2c55; } section.style-misc.blog-single .post-content .text .post-text p, section.style-misc.single-post .post-content .text .post-text p {
font-size: 14px;
line-height: 22px; } section.style-misc.blog-single .post-content .text .post-text .read-more, section.style-misc.single-post .post-content .text .post-text .read-more {
font-size: 12px;
color: #999;
float: right;
padding: 7px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
margin-top: 5px; } section.style-misc.blog-single .post-content .text .post-text .read-more:hover, section.style-misc.single-post .post-content .text .post-text .read-more:hover {
color: #fff !important;
background: #ec2c55; } section.style-misc.blog-single .post-content .text .post-text .read-more i, section.style-misc.single-post .post-content .text .post-text .read-more i {
padding-left: 5px;
font-size: 14px; } section.style-misc.blog-single .post-content .post-navigation, section.style-misc.single-post .post-content .post-navigation {
width: 100%;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #ddd;
overflow: hidden; } section.style-misc.blog-single .post-content .post-navigation a, section.style-misc.single-post .post-content .post-navigation a {
font-size: 13px;
color: #666; } section.style-misc.blog-single .post-content .post-navigation a:hover, section.style-misc.single-post .post-content .post-navigation a:hover {
color: #EC2C55; } section.style-misc.blog-single .post-content .post-navigation .nav-previous, section.style-misc.single-post .post-content .post-navigation .nav-previous {
float: left; } section.style-misc.blog-single .post-content .post-navigation .nav-next, section.style-misc.single-post .post-content .post-navigation .nav-next {
float: right; }
@media screen and (max-width: 768px) { section.style-misc.blog-single .post-content .image, section.style-misc.blog-single .post-content .image-slider, section.style-misc.blog-single .post-content .text, section.style-misc.single-post .post-content .image, section.style-misc.single-post .post-content .image-slider, section.style-misc.single-post .post-content .text {
width: 100% !important; } section.style-misc.blog-single .post-content .image-slider, section.style-misc.blog-single .post-content .video-container, section.style-misc.single-post .post-content .image-slider, section.style-misc.single-post .post-content .video-container {
height: 250px !important; } section.style-misc.blog-single .post-content .text, section.style-misc.single-post .post-content .text {
padding: 0 !important;
padding-top: 15px !important; } section.style-misc.blog-single .post-content .text .read-more, section.style-misc.single-post .post-content .text .read-more {
float: none !important;
display: inline-block !important; }
} section.style-misc.blog-single .sidebar, section.style-misc.single-post .sidebar {
padding: 0; } section.style-misc.portfolio-fashion-single .title {
text-align: center; } section.style-misc.portfolio-fashion-single .title .first {
width: 50%;
font-size: 18px;
color: #3d3d3d;
line-height: 24px;
display: inline-block; } section.style-misc.portfolio-fashion-single .title .first span {
font-family: 'Arapey', serif;
font-size: 28px;
font-style: italic; }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-fashion-single .title .first {
width: 100%; } } section.style-misc.portfolio-fashion-single .title .second {
width: 100%;
display: block;
font-size: 14px;
padding-left: 10px;
letter-spacing: 10px;
color: #3d3d3d;
margin-top: 30px;
font-weight: 900;
text-transform: uppercase; } section.style-misc.portfolio-fashion-single .inner-content {
margin-top: 60px; } section.style-misc.portfolio-fashion-single .inner-content .box-1, section.style-misc.portfolio-fashion-single .inner-content .box-2, section.style-misc.portfolio-fashion-single .inner-content .box-3, section.style-misc.portfolio-fashion-single .inner-content .box-4, section.style-misc.portfolio-fashion-single .inner-content .box-5 {
float: left;
width: 100%; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .image, section.style-misc.portfolio-fashion-single .inner-content .box-2 .image, section.style-misc.portfolio-fashion-single .inner-content .box-3 .image, section.style-misc.portfolio-fashion-single .inner-content .box-4 .image, section.style-misc.portfolio-fashion-single .inner-content .box-5 .image {
width: 50%;
float: left;
text-align: center; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .image .black-border, section.style-misc.portfolio-fashion-single .inner-content .box-2 .image .black-border, section.style-misc.portfolio-fashion-single .inner-content .box-3 .image .black-border, section.style-misc.portfolio-fashion-single .inner-content .box-4 .image .black-border, section.style-misc.portfolio-fashion-single .inner-content .box-5 .image .black-border {
width: 100%;
height: 100%;
position: relative;
display: block; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .image .black-border .layer, section.style-misc.portfolio-fashion-single .inner-content .box-2 .image .black-border .layer, section.style-misc.portfolio-fashion-single .inner-content .box-3 .image .black-border .layer, section.style-misc.portfolio-fashion-single .inner-content .box-4 .image .black-border .layer, section.style-misc.portfolio-fashion-single .inner-content .box-5 .image .black-border .layer {
position: absolute !important;
top: 0;
bottom: 0;
right: 0;
left: 0;
border: 2px solid #000; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .image img, section.style-misc.portfolio-fashion-single .inner-content .box-2 .image img, section.style-misc.portfolio-fashion-single .inner-content .box-3 .image img, section.style-misc.portfolio-fashion-single .inner-content .box-4 .image img, section.style-misc.portfolio-fashion-single .inner-content .box-5 .image img {
max-width: 100%; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .text, section.style-misc.portfolio-fashion-single .inner-content .box-2 .text, section.style-misc.portfolio-fashion-single .inner-content .box-3 .text, section.style-misc.portfolio-fashion-single .inner-content .box-4 .text, section.style-misc.portfolio-fashion-single .inner-content .box-5 .text {
width: 50%;
float: left;
padding-left: 30px; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .text h3, section.style-misc.portfolio-fashion-single .inner-content .box-2 .text h3, section.style-misc.portfolio-fashion-single .inner-content .box-3 .text h3, section.style-misc.portfolio-fashion-single .inner-content .box-4 .text h3, section.style-misc.portfolio-fashion-single .inner-content .box-5 .text h3 {
margin: 0;
font-family: 'Arapey', serif;
font-size: 42px;
color: #c09632;
line-height: 36px;
text-transform: uppercase; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .text h3:after, section.style-misc.portfolio-fashion-single .inner-content .box-2 .text h3:after, section.style-misc.portfolio-fashion-single .inner-content .box-3 .text h3:after, section.style-misc.portfolio-fashion-single .inner-content .box-4 .text h3:after, section.style-misc.portfolio-fashion-single .inner-content .box-5 .text h3:after {
content: "";
width: 40px;
height: 3px;
background: #c09632;
display: block;
margin: 15px 0; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .text p, section.style-misc.portfolio-fashion-single .inner-content .box-2 .text p, section.style-misc.portfolio-fashion-single .inner-content .box-3 .text p, section.style-misc.portfolio-fashion-single .inner-content .box-4 .text p, section.style-misc.portfolio-fashion-single .inner-content .box-5 .text p {
font-size: 14px;
line-height: 24px;
color: #3d3d3d;
padding-right: 60px; }
@media screen and (max-width: 768px) { section.style-misc.portfolio-fashion-single .inner-content .box-1 .image, section.style-misc.portfolio-fashion-single .inner-content .box-1 .text, section.style-misc.portfolio-fashion-single .inner-content .box-2 .image, section.style-misc.portfolio-fashion-single .inner-content .box-2 .text, section.style-misc.portfolio-fashion-single .inner-content .box-3 .image, section.style-misc.portfolio-fashion-single .inner-content .box-3 .text, section.style-misc.portfolio-fashion-single .inner-content .box-4 .image, section.style-misc.portfolio-fashion-single .inner-content .box-4 .text, section.style-misc.portfolio-fashion-single .inner-content .box-5 .image, section.style-misc.portfolio-fashion-single .inner-content .box-5 .text {
width: 100%;
padding: 0; } section.style-misc.portfolio-fashion-single .inner-content .box-1 .text, section.style-misc.portfolio-fashion-single .inner-content .box-2 .text, section.style-misc.portfolio-fashion-single .inner-content .box-3 .text, section.style-misc.portfolio-fashion-single .inner-content .box-4 .text, section.style-misc.portfolio-fashion-single .inner-content .box-5 .text {
padding-top: 15px; }
} section.style-misc.portfolio-fashion-single .inner-content .box-2 {
margin-top: 60px; } section.style-misc.portfolio-fashion-single .inner-content .box-2 .image {
float: right; } section.style-misc.portfolio-fashion-single .inner-content .box-2 .text {
padding-left: 0;
padding-right: 30px; } section.style-misc.portfolio-fashion-single .inner-content .box-3 {
margin-top: 60px; } section.style-misc.portfolio-fashion-single .inner-content .box-3 .image {
width: 100%; } section.style-misc.portfolio-fashion-single .inner-content .box-4 {
margin-top: 60px; } section.style-misc.portfolio-fashion-single .inner-content .box-4 .image {
width: 100%; } section.style-misc.portfolio-fashion-single .inner-content .box-4 .image .black-border .layer {
z-index: 1; } section.style-misc.portfolio-fashion-single .inner-content .box-4 .image img {
position: relative;
z-index: 3; } section.style-misc.portfolio-fashion-single .inner-content .box-5 {
margin-top: 60px;
margin-left: -10px;
margin-right: -10px; } section.style-misc.portfolio-fashion-single .inner-content .box-5 .image {
float: left;
padding-left: 10px;
padding-right: 10px; } section.style-misc.portfolio-fashion-single .inner-content .box-5 .image.right {
float: right; }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-fashion-single .inner-content .box-5 {
margin-left: 0;
margin-right: 0; } } section.style-misc.portfolio-fashion-single .social-links {
padding-top: 45px;
text-align: center; } section.style-misc.portfolio-fashion-single .social-links a {
display: inline-block;
padding: 20px 37px;
padding-left: 50px;
color: #000;
font-size: 13px;
letter-spacing: 13px;
font-weight: 900;
color: #000;
border: 2px solid #000;
margin: 15px 15px;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; } section.style-misc.portfolio-fashion-single .social-links a:hover {
background: #000;
color: #fff; }
@media screen and (max-width: 768px) {
section.style-misc.portfolio-fashion-single .social-links a {
padding: 15px 20px;
padding-left: 30px;
letter-spacing: 10px;
margin-top: 10px; } } section.style-misc.image-bottom .spec-image {
width: 100%;
display: block;
margin-top: -40px;
text-align: center; } section.style-misc.image-bottom .spec-image img {
display: inline-block;
max-width: 90%;
height: auto; } section.style-misc.classictxtimg .row > div {
text-align: center; } section.style-misc.classictxtimg img {
max-width: 100%;
display: inline-block; } section.style-misc.classictxtimg .desc {
text-align: left; }
@media screen and (max-width: 992px) {
section.style-misc.classictxtimg .desc {
padding-top: 60px; } } section.style-misc.image .inner {
padding-bottom: 0; } section.style-misc.image .image-wrapper {
background: #363636;
padding: 60px 0;
text-align: center; } section.style-misc.image .image-wrapper img {
max-width: 100%;
display: inline-block; } section.style-misc.listed-features .inner {
padding: 90px 0; } section.style-misc.listed-features .title-bar {
margin-bottom: 90px; } section.style-misc.listed-features .row.list > div {
margin-bottom: 90px; } section.style-misc.listed-features .row.list > div:nth-last-of-type(1), section.style-misc.listed-features .row.list > div:nth-last-of-type(2), section.style-misc.listed-features .row.list > div:nth-last-of-type(3) {
margin-bottom: 0; }
@media screen and (max-width: 992px) { section.style-misc.listed-features .row.list > div:nth-last-of-type(3) {
margin-bottom: 90px; }
}
@media screen and (max-width: 768px) { section.style-misc.listed-features .row.list > div:nth-last-of-type(2) {
margin-bottom: 90px; }
} section.style-misc.listed-features .box {
width: 100%; } section.style-misc.listed-features .box .image, section.style-misc.listed-features .box .image img, section.style-misc.listed-features .box .name span {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } section.style-misc.listed-features .box .image {
width: 100%;
height: 220px;
text-align: center; } section.style-misc.listed-features .box .image img {
max-width: 100%;
min-height: 100%;
display: inline-block; }
@media screen and (max-width: 768px) { section.style-misc.listed-features .box .image img {
min-height: auto; }
} section.style-misc.listed-features .box .name {
width: 100%;
display: block;
padding: 30px 0;
font-size: 14px;
color: #000000;
font-family: "Lovelo";
text-align: left;
position: relative; } section.style-misc.listed-features .box .name span {
position: absolute;
left: 0; }
@media screen and (max-width: 768px) { section.style-misc.listed-features .box .name span {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
} section.style-misc.listed-features .box:hover .image {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9); } section.style-misc.listed-features .box:hover .image img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 15px rgba(0, 116, 162, 0.5);
box-shadow: 0 0 15px rgba(0, 116, 162, 0.5); } section.style-misc.listed-features .box:hover .name {
color: #0074a2; } section.style-misc.listed-features .box:hover .name span {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); } section.style-misc.single-page span.edit-link a {
color: #333; } .preloader {
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff url(https://www.miamiheraldmedia.com/wp-content/uploads/2015/04/loading3.gif) center center no-repeat; } .fullscreen-section {
background-color: #111 !important; } .wpcf7 p {
width: 100%; } input#coupon_code {
-webkit-box-shadow: none;
box-shadow: none; } .comment-form-author {
width: 100%; } .comment-form-author input {
max-width: 475px; } #filter-select {
display: none;
width: 100%;
height: 45px;
border: none;
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/select-dropdown.png) right center no-repeat;
background-color: #000;
color: #fff;
padding: 0 15px;
padding-right: 50px;
font-family: "Lovelo";
font-size: 14px;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer; } #filter-select:hover {
background-color: #333; } select#filter-select::-ms-expand, .sidebar .box select::-ms-expand {
display: none; } .sidebar .box select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
@media screen and (max-width: 768px) { .portfolio-hide {
display: none !important; } #filter-select {
display: block !important; }
} section.style-8.style-element.testimonials .testimonials-controls .slick-next, section.style-8.style-element.testimonials .testimonials-controls .slick-prev {
height: 30px !important; } .tp-bullets .bullet {
width: 9px !important;
height: 9px !important;
background: #fff !important;
opacity: 0.5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
margin-right: 6px !important; } .tp-bullets .bullet.selected {
opacity: 1; }   .wpb_text_column, .vc_separator, .vc_message_box, .fb_like, .twitter-share-button, .wpb_googleplus, .wpb_pinterest, .vc_toggle, .wpb_single_image, .wpb_gallery, .wpb_images_carousel, .wpb_tabs, .wpb_tour, .wpb_accordion, .wpb_widgetised_column .box, .wpb_button_a, .vc_button-2-wrapper, .wpb_call_to_action, .wpb_video_widget, .wpb_gmaps_widget, .wpb_raw_code, .wpb_flickr_widget, .vc_progress_bar, .vc_pie_wrapper, .vc_grid, .wpb_wrapper .woocommerce {
margin: 15px 0 !important; } .wpb_heading {
margin-bottom: 30px;
font-family: "Lovelo";
font-size: 24px; } .vc_toggle .vc_toggle_title {
padding: 10px 0;
border-bottom: 1px solid #e1e1e1;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .vc_toggle .vc_toggle_title:hover {
background: #f5f5f5; } .vc_toggle .vc_toggle_content {
background: #f5f5f5;
margin: 0;
padding: 10px;
padding-top: 20px; } .wpb_gallery .wpb_gallery_slides {
border: none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .wpb_gallery .wpb_gallery_slides .flex-control-nav {
bottom: 15px !important; } .wpb_posts_slider .wpb_gallery_slides .flex-control-nav {
top: calc(100% +  30px) !important;
bottom: auto !important; } .box .search-form input, .box .search-form select {
width: 100%;
height: 45px;
font-size: 11px;
color: #aaaaaa;
border: 1px solid #c2c2c2;
padding: 0 15px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .box .search-form input:focus, .box .search-form select:focus {
border-color: #ec2c55;
color: #ec2c55;
-webkit-box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2);
box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2); } .box .search-form label {
width: 100%; } .box .search-form label .screen-reader-text {
display: none; } .box .search-form label .search-field {
width: 100%; } .box .search-form .search-submit {
width: auto;
border: none;
background: #ddd;
float: right;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
border: none !important; } .box .search-form .search-submit:hover {
opacity: 0.8;
filter: alpha(opacity=80); } .box img {
max-width: 100%;
height: auto; } .box .title {
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 7px;
margin-bottom: 7px;
color: #000000;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 3px; } .box input, .box select {
width: 100%;
height: 45px;
font-size: 11px;
color: #aaaaaa;
border: 1px solid #c2c2c2;
padding: 0 15px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .box input:focus, .box select:focus {
border-color: #ec2c55;
color: #ec2c55;
-webkit-box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2);
box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2); } .box ul {
list-style: none;
margin: 0;
padding: 0; } .box ul li {
width: 100%;
padding: 5px 0;
font-size: 15px;
color: #666; } .box ul li a {
color: #666; } .box ul li a:hover {
color: #EC2C55; } .box ul li ul {
padding-top: 5px;
padding-left: 15px; } .box ul li ul li {
color: #999; } .box ul li ul li a {
color: #999; } .box select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: url(//www.miamiheraldmedia.com/wp-content/themes/sk8er/img/input-arrow.png) right center no-repeat; } .box #calendar_wrap #wp-calendar {
width: 100%; } .box #calendar_wrap #wp-calendar caption {
padding: 0;
font-size: 14px;
padding-bottom: 10px; } .box #calendar_wrap #wp-calendar thead {
background: #f5f5f5; } .box #calendar_wrap #wp-calendar thead tr th {
padding: 5px 0;
text-align: center; } .box #calendar_wrap #wp-calendar thead tr th:nth-of-type(2n+2) {
background: rgba(0, 0, 0, 0.05); } .box #calendar_wrap #wp-calendar tbody tr:nth-of-type(2n+2) {
background: rgba(0, 0, 0, 0.02); } .box #calendar_wrap #wp-calendar tbody tr td {
text-align: center;
padding: 5px 0; } .box #calendar_wrap #wp-calendar tbody tr td:nth-of-type(2n+2):not(.pad) {
background: rgba(0, 0, 0, 0.05); } .box #calendar_wrap #wp-calendar tbody tr td#today a {
color: #ec2c55;
font-weight: 900; } .box #calendar_wrap #wp-calendar tfoot tr td {
padding: 5px; } .box #calendar_wrap #wp-calendar tfoot a {
color: #ec2c55;
font-size: 12px; } .box .product_list_widget li {
margin-bottom: 5px !important; } .box .product_list_widget li a {
text-transform: uppercase;
font-family: "Lovelo";
font-size: 12px !important;
color: #282828 !important;
font-weight: 400 !important; } .box .product_list_widget li a:hover {
color: #666 !important; } .box .product_list_widget li a:hover img {
opacity: 0.5;
filter: alpha(opacity=50); } .box .product_list_widget li:last-child {
margin-bottom: 0; } .box .product_list_widget li img {
float: left !important;
margin-right: 10px;
width: 55px !important;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important; } .box .product_list_widget li .amount {
font-size: 18px !important;
margin-top: -3px;
color: #282828 !important; } .wpb_button_a span {
padding: 8px 15px; } .vc_grid .vc_btn:hover {
color: #fff !important;
background: #ddd; } .vc_pageable-slide-wrapper .vc_grid-item img {
max-width: 100%; } .wpb_wrapper .woocommerce input:not([type='submit']), .wpb_wrapper .woocommerce select {
width: 100%;
height: 45px;
font-size: 11px;
color: #aaaaaa;
border: 1px solid #c2c2c2;
padding: 0 15px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; } .wpb_wrapper .woocommerce input:not([type='submit']):focus, .wpb_wrapper .woocommerce select:focus {
border-color: #ec2c55;
color: #ec2c55;
-webkit-box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2);
box-shadow: inset 0 0 5px rgba(236, 44, 85, 0.2); } .our-services .servicelist.effect-1 .box-holder .box .inner .icon a i.fa{color:#00aeef}
.our-services .servicelist.effect-1 .box-holder .box:hover .inner .icon a i.fa, .our-services .servicelist.effect-1 .box-holder .box:hover .inner .icon a:hover i.fa, section.style-13.our-services .servicelist.effect-1 .box-holder .box:hover .inner .name a, #site-content .our-services .servicelist.effect-1 .box-holder .box:hover .inner .name a:hover{color:#fff !important;}
@media (min-width: 768px) {section.style-13 .title-bar h3{font-size:25px;}
section.style-13 .inner{padding: 60px 0;}}
@media (min-width: 992px) and (max-width: 1020px) {header.header-7 .container .inside .logo{width:100px;}} .mhmcimage img {width:90%; margin:auto; text-align:center;}