/* --- SOHO HTML TEMPLATE --- */
/* GRID */
body,
html {
padding: 0;
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
[class*=span] {
float: left;
min-height: 1px;
margin-left: 20px
}
.container {
width: 940px;
margin-right: auto;
margin-left: auto
}
.container:after,
.container:before {
display: table;
line-height: 0;
content: ""
}
.container:after {
clear: both
}
.row {
width: 100%
}
.row:after,
.row:before {
display: table;
line-height: 0;
content: ""
}
.row:after {
clear: both
}
.row [class*=span] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.8571428571429%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row [class*=span]:first-child {
margin-left: 0
}
.row .span12 {
width: 100%
}
.row .span11 {
width: 91.428571428571%
}
.row .span10 {
width: 82.857142857143%
}
.row .span9 {
width: 74.285714285714%
}
.row .span8 {
width: 65.714285714286%
}
.row .span7 {
width: 57.142857142857%
}
.row .span6 {
width: 48.571428571429%
}
.row .span5 {
width: 40%
}
.row .span4 {
width: 31.428571428571%
}
.row .span3 {
width: 22.857142857143%
}
.row .span2 {
width: 14.285714285714%
}
.row .span1 {
width: 5.7142857142857%
}
.clearfix:after,
.clearfix:before {
display: table;
line-height: 0;
content: ""
}
.clear,
.clearfix:after {
clear: both
}
@media (min-width:1200px) {
[class*=span] {
float: left;
min-height: 1px;
margin-left: 50px
}
.container {
width: 1170px
}
.gt3_boxed header .container {
width: 1170px
}
.row {
width: 100%
}
.row:after,
.row:before {
display: table;
line-height: 0;
content: ""
}
.row:after {
clear: both
}
.row [class*=span] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 4.273504273504273%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row [class*=span]:first-child {
margin-left: 0
}
.row .span1 {
width: 4.415954415954416%
}
.row .span2 {
width: 13.105413105413106%
}
.row .span3 {
width: 21.794871794871796%
}
.row .span4 {
width: 30.484330484330485%
}
.row .span5 {
width: 39.173789173789174%
}
.row .span6 {
width: 47.863247863247864%
}
.row .span7 {
width: 56.55270655270655%
}
.row .span8 {
width: 65.24216524216524%
}
.row .span9 {
width: 73.93162393162393%
}
.row .span10 {
width: 82.62108262108262%
}
.row .span11 {
width: 91.31054131054131%
}
.row .span12 {
width: 100%
}
}
@media (min-width:768px) and (max-width:979px) {
.container {
width: 724px
}
.row {
width: 100%
}
.row:after,
.row:before {
display: table;
line-height: 0;
content: ""
}
.row:after {
clear: both
}
.row [class*=span] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.7624309392265194%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row [class*=span]:first-child {
margin-left: 0
}
.row .span12 {
width: 100%
}
.row .span11 {
width: 91.43646408839778%
}
.row .span10 {
width: 82.87292817679558%
}
.row .span9 {
width: 74.30939226519337%
}
.row .span8 {
width: 65.74585635359117%
}
.row .span7 {
width: 57.18232044198895%
}
.row .span6 {
width: 48.61878453038674%
}
.row .span5 {
width: 40.05524861878453%
}
.row .span4 {
width: 31.491712707182323%
}
.row .span3 {
width: 22.92817679558011%
}
.row .span2 {
width: 14.3646408839779%
}
.row .span1 {
width: 5.801104972375691%
}
}
@media (max-width:767px) {
.container {
width: auto
}
.row {
width: 100%;
margin-left: 0
}
.row [class*=span],
[class*=span] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row .span12,
.span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
/*Base*/
::selection {
color: #ffffff;
opacity: 1;
}
::-moz-selection {
color: #ffffff;
opacity: 1;
}
html {
width: 100%;
overflow-x: hidden;
}
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: -2;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.main_wrapper,
.fs_gallery_wrapper,
.landing_logo.landing_logo2,
.fullscreen_block,
.ribbon_wrapper,
.pf_output_container {
opacity: 0.01;
}
.custom_bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: -1;
background-position: center;
}
.port_post .custom_bg {
background: #000000;
}
.custom_bg.img_bg {
background-size: cover;
}
form,
body,
iframe {
margin: 0;
padding: 0;
}
img,
table,
iframe {
border: 0;
}
table {
border-collapse: collapse;
}
table td {
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
word-wrap: break-word;
}
/*FORMS*/
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
outline: none;
}
input[type="text"],
input[type="email"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type="url"],
select,
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
background: none;
text-shadow: none;
line-height: 20px;
background: none;
border: #c8c9cc 1px solid;
border-radius: 0;
height: 34px;
padding: 6px 13px 8px 13px;
margin: 0 0 8px 0;
-webkit-appearance: none;
outline: none;
}
select {
-webkit-appearance: auto !important;
}
textarea {
margin-bottom: 8px;
resize: none;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #7e7f81;
-webkit-font-smoothing: antialiased;
}
input[type="text"]::-moz-placeholder {
color: #7e7f81;
opacity: 1;
-moz-osx-font-smoothing: grayscale;
}
input[type="email"]::-moz-placeholder {
color: #7e7f81;
opacity: 1;
-moz-osx-font-smoothing: grayscale;
}
input[type="password"]::-moz-placeholder {
color: #7e7f81;
opacity: 1;
-moz-osx-font-smoothing: grayscale;
}
textarea {
color: #7e7f81;
opacity: 1;
-moz-osx-font-smoothing: grayscale;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #7e7f81;
}
textarea {
height: 68px;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
display: inline-block;
margin: 0;
border-radius: 0;
border: none;
font-size: 12px;
line-height: 20px;
height: 33px;
color: #ffffff;
padding: 5px 11px 9px 11px;
border-radius: 3px;
color: #ffffff;
-webkit-appearance: none;
text-transform: uppercase;
letter-spacing: 1.2px;
transition: background 250ms, color 250ms;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
/* background: #3f4041; */
background: #083c5a;
color: #ffffff;
}
.contact_form input[type="submit"] {
margin-bottom: 7px;
}
/* Default listing */
ul {
list-style: none;
}
ul li:before {
font-family: 'FontAwesome';
content: "\f105";
padding: 0 10px 0 0;
}
/* ul li.afterLi:after {
font-family: 'FontAwesome';
content: "\f104";
padding: 0 0px 0 10px;
}
ul li.afterLi:before {
display: none !important;
} */
ul li {
padding: 0 0 0 0;
}
ol {
margin: 0;
counter-reset: li;
list-style: none;
padding: 0;
}
ol li {
list-style: none;
position: relative;
padding: 0 0 0 17px;
}
ol li:before {
content: counter(li) '.';
counter-increment: li;
position: absolute;
left: 1px;
top: 0;
}
/* Theme CSS */
p {
margin: 0 0 7px 0;
}
a,
a:hover,
a:hover span {
text-decoration: none;
outline: none;
}
/* Font Awesome */
@font-face {
font-family: 'FontAwesome';
src: url('fa/fa.eot?v=3.2.1');
src: url('fa/fa.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fa/fa.woff?v=3.2.1') format('woff'), url('fa/fa.ttf?v=3.2.1') format('truetype'), url('fa/fa.svg#fontawesomeregular?v=3.2.1') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}
a [class^="icon-"],
a [class*=" icon-"] {
display: inline;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
.icon-glass:before {
content: "\f000"
}
.icon-music:before {
content: "\f001"
}
.icon-search:before {
content: "\f002"
}
.icon-envelope-o:before {
content: "\f003"
}
.icon-heart:before {
content: "\f004"
}
.icon-star:before {
content: "\f005"
}
.icon-star-o:before {
content: "\f006"
}
.icon-user:before {
content: "\f007"
}
.icon-film:before {
content: "\f008"
}
.icon-th-large:before {
content: "\f009"
}
.icon-th:before {
content: "\f00a"
}
.icon-th-list:before {
content: "\f00b"
}
.icon-check:before {
content: "\f00c"
}
.icon-times:before {
content: "\f00d"
}
.icon-search-plus:before {
content: "\f00e"
}
.icon-search-minus:before {
content: "\f010"
}
.icon-power-off:before {
content: "\f011"
}
.icon-signal:before {
content: "\f012"
}
.icon-gear:before,
.icon-cog:before {
content: "\f013"
}
.icon-trash-o:before {
content: "\f014"
}
.icon-home:before {
content: "\f015"
}
.icon-file-o:before {
content: "\f016"
}
.icon-clock-o:before {
content: "\f017"
}
.icon-road:before {
content: "\f018"
}
.icon-download:before {
content: "\f019"
}
.icon-arrow-circle-o-down:before {
content: "\f01a"
}
.icon-arrow-circle-o-up:before {
content: "\f01b"
}
.icon-inbox:before {
content: "\f01c"
}
.icon-play-circle-o:before {
content: "\f01d"
}
.icon-rotate-right:before,
.icon-repeat:before {
content: "\f01e"
}
.icon-refresh:before {
content: "\f021"
}
.icon-list-alt:before {
content: "\f022"
}
.icon-lock:before {
content: "\f023"
}
.icon-flag:before {
content: "\f024"
}
.icon-headphones:before {
content: "\f025"
}
.icon-volume-off:before {
content: "\f026"
}
.icon-volume-down:before {
content: "\f027"
}
.icon-volume-up:before {
content: "\f028"
}
.icon-qrcode:before {
content: "\f029"
}
.icon-barcode:before {
content: "\f02a"
}
.icon-tag:before {
content: "\f02b"
}
.icon-tags:before {
content: "\f02c"
}
.icon-book:before {
content: "\f02d"
}
.icon-bookmark:before {
content: "\f02e"
}
.icon-print:before {
content: "\f02f"
}
.icon-camera:before {
content: "\f030"
}
.icon-font:before {
content: "\f031"
}
.icon-bold:before {
content: "\f032"
}
.icon-italic:before {
content: "\f033"
}
.icon-text-height:before {
content: "\f034"
}
.icon-text-width:before {
content: "\f035"
}
.icon-align-left:before {
content: "\f036"
}
.icon-align-center:before {
content: "\f037"
}
.icon-align-right:before {
content: "\f038"
}
.icon-align-justify:before {
content: "\f039"
}
.icon-list:before {
content: "\f03a"
}
.icon-dedent:before,
.icon-outdent:before {
content: "\f03b"
}
.icon-indent:before {
content: "\f03c"
}
.icon-video-camera:before {
content: "\f03d"
}
.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
content: "\f03e"
}
.icon-pencil:before {
content: "\f040"
}
.icon-map-marker:before {
content: "\f041"
}
.icon-adjust:before {
content: "\f042"
}
.icon-tint:before {
content: "\f043"
}
.icon-edit:before,
.icon-pencil-square-o:before {
content: "\f044"
}
.icon-share-square-o:before {
content: "\f045"
}
.icon-check-square-o:before {
content: "\f046"
}
.icon-arrows:before {
content: "\f047"
}
.icon-step-backward:before {
content: "\f048"
}
.icon-fast-backward:before {
content: "\f049"
}
.icon-backward:before {
content: "\f04a"
}
.icon-play:before {
content: "\f04b"
}
.icon-pause:before {
content: "\f04c"
}
.icon-stop:before {
content: "\f04d"
}
.icon-forward:before {
content: "\f04e"
}
.icon-fast-forward:before {
content: "\f050"
}
.icon-step-forward:before {
content: "\f051"
}
.icon-eject:before {
content: "\f052"
}
.icon-chevron-left:before {
content: "\f053"
}
.icon-chevron-right:before {
content: "\f054"
}
.icon-plus-circle:before {
content: "\f055"
}
.icon-minus-circle:before {
content: "\f056"
}
.icon-times-circle:before {
content: "\f057"
}
.icon-check-circle:before {
content: "\f058"
}
.icon-question-circle:before {
content: "\f059"
}
.icon-info-circle:before {
content: "\f05a"
}
.icon-crosshairs:before {
content: "\f05b"
}
.icon-times-circle-o:before {
content: "\f05c"
}
.icon-check-circle-o:before {
content: "\f05d"
}
.icon-ban:before {
content: "\f05e"
}
.icon-arrow-left:before {
content: "\f060"
}
.icon-arrow-right:before {
content: "\f061"
}
.icon-arrow-up:before {
content: "\f062"
}
.icon-arrow-down:before {
content: "\f063"
}
.icon-mail-forward:before,
.icon-share:before {
content: "\f064"
}
.icon-expand:before {
content: "\f065"
}
.icon-compress:before {
content: "\f066"
}
.icon-plus:before {
content: "\f067"
}
.icon-minus:before {
content: "\f068"
}
.icon-asterisk:before {
content: "\f069"
}
.icon-exclamation-circle:before {
content: "\f06a"
}
.icon-gift:before {
content: "\f06b"
}
.icon-leaf:before {
content: "\f06c"
}
.icon-fire:before {
content: "\f06d"
}
.icon-eye:before {
content: "\f06e"
}
.icon-eye-slash:before {
content: "\f070"
}
.icon-warning:before,
.icon-exclamation-triangle:before {
content: "\f071"
}
.icon-plane:before {
content: "\f072"
}
.icon-calendar:before {
content: "\f073"
}
.icon-random:before {
content: "\f074"
}
.icon-comment:before {
content: "\f075"
}
.icon-magnet:before {
content: "\f076"
}
.icon-chevron-up:before {
content: "\f077"
}
.icon-chevron-down:before {
content: "\f078"
}
.icon-retweet:before {
content: "\f079"
}
.icon-shopping-cart:before {
content: "\f07a"
}
.icon-folder:before {
content: "\f07b"
}
.icon-folder-open:before {
content: "\f07c"
}
.icon-arrows-v:before {
content: "\f07d"
}
.icon-arrows-h:before {
content: "\f07e"
}
.icon-bar-chart-o:before {
content: "\f080"
}
.icon-twitter-square:before {
content: "\f081"
}
.icon-facebook-square:before {
content: "\f082"
}
.icon-camera-retro:before {
content: "\f083"
}
.icon-key:before {
content: "\f084"
}
.icon-gears:before,
.icon-cogs:before {
content: "\f085"
}
.icon-comments:before {
content: "\f086"
}
.icon-thumbs-o-up:before {
content: "\f087"
}
.icon-thumbs-o-down:before {
content: "\f088"
}
.icon-star-half:before {
content: "\f089"
}
.icon-heart-o:before {
content: "\f08a"
}
.icon-sign-out:before {
content: "\f08b"
}
.icon-linkedin-square:before {
content: "\f08c"
}
.icon-thumb-tack:before {
content: "\f08d"
}
.icon-external-link:before {
content: "\f08e"
}
.icon-sign-in:before {
content: "\f090"
}
.icon-trophy:before {
content: "\f091"
}
.icon-github-square:before {
content: "\f092"
}
.icon-upload:before {
content: "\f093"
}
.icon-lemon-o:before {
content: "\f094"
}
.icon-phone:before {
content: "\f095"
}
.icon-square-o:before {
content: "\f096"
}
.icon-bookmark-o:before {
content: "\f097"
}
.icon-phone-square:before {
content: "\f098"
}
.icon-twitter:before {
content: "\f099"
}
.icon-facebook:before {
content: "\f09a"
}
.icon-github:before {
content: "\f09b"
}
.icon-unlock:before {
content: "\f09c"
}
.icon-credit-card:before {
content: "\f09d"
}
.icon-rss:before {
content: "\f09e"
}
.icon-hdd-o:before {
content: "\f0a0"
}
.icon-bullhorn:before {
content: "\f0a1"
}
.icon-bell:before {
content: "\f0f3"
}
.icon-certificate:before {
content: "\f0a3"
}
.icon-hand-o-right:before {
content: "\f0a4"
}
.icon-hand-o-left:before {
content: "\f0a5"
}
.icon-hand-o-up:before {
content: "\f0a6"
}
.icon-hand-o-down:before {
content: "\f0a7"
}
.icon-arrow-circle-left:before {
content: "\f0a8"
}
.icon-arrow-circle-right:before {
content: "\f0a9"
}
.icon-arrow-circle-up:before {
content: "\f0aa"
}
.icon-arrow-circle-down:before {
content: "\f0ab"
}
.icon-globe:before {
content: "\f0ac"
}
.icon-wrench:before {
content: "\f0ad"
}
.icon-tasks:before {
content: "\f0ae"
}
.icon-filter:before {
content: "\f0b0"
}
.icon-briefcase:before {
content: "\f0b1"
}
.icon-arrows-alt:before {
content: "\f0b2"
}
.icon-group:before,
.icon-users:before {
content: "\f0c0"
}
.icon-chain:before,
.icon-link:before {
content: "\f0c1"
}
.icon-cloud:before {
content: "\f0c2"
}
.icon-flask:before {
content: "\f0c3"
}
.icon-cut:before,
.icon-scissors:before {
content: "\f0c4"
}
.icon-copy:before,
.icon-files-o:before {
content: "\f0c5"
}
.icon-paperclip:before {
content: "\f0c6"
}
.icon-save:before,
.icon-floppy-o:before {
content: "\f0c7"
}
.icon-square:before {
content: "\f0c8"
}
.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
content: "\f0c9"
}
.icon-list-ul:before {
content: "\f0ca"
}
.icon-list-ol:before {
content: "\f0cb"
}
.icon-strikethrough:before {
content: "\f0cc"
}
.icon-underline:before {
content: "\f0cd"
}
.icon-table:before {
content: "\f0ce"
}
.icon-magic:before {
content: "\f0d0"
}
.icon-truck:before {
content: "\f0d1"
}
.icon-pinterest:before {
content: "\f0d2"
}
.icon-pinterest-square:before {
content: "\f0d3"
}
.icon-google-plus-square:before {
content: "\f0d4"
}
.icon-google-plus:before {
content: "\f0d5"
}
.icon-money:before {
content: "\f0d6"
}
.icon-caret-down:before {
content: "\f0d7"
}
.icon-caret-up:before {
content: "\f0d8"
}
.icon-caret-left:before {
content: "\f0d9"
}
.icon-caret-right:before {
content: "\f0da"
}
.icon-columns:before {
content: "\f0db"
}
.icon-unsorted:before,
.icon-sort:before {
content: "\f0dc"
}
.icon-sort-down:before,
.icon-sort-desc:before {
content: "\f0dd"
}
.icon-sort-up:before,
.icon-sort-asc:before {
content: "\f0de"
}
.icon-envelope:before {
content: "\f0e0"
}
.icon-linkedin:before {
content: "\f0e1"
}
.icon-rotate-left:before,
.icon-undo:before {
content: "\f0e2"
}
.icon-legal:before,
.icon-gavel:before {
content: "\f0e3"
}
.icon-dashboard:before,
.icon-tachometer:before {
content: "\f0e4"
}
.icon-comment-o:before {
content: "\f0e5"
}
.icon-comments-o:before {
content: "\f0e6"
}
.icon-flash:before,
.icon-bolt:before {
content: "\f0e7"
}
.icon-sitemap:before {
content: "\f0e8"
}
.icon-umbrella:before {
content: "\f0e9"
}
.icon-paste:before,
.icon-clipboard:before {
content: "\f0ea"
}
.icon-lightbulb-o:before {
content: "\f0eb"
}
.icon-exchange:before {
content: "\f0ec"
}
.icon-cloud-download:before {
content: "\f0ed"
}
.icon-cloud-upload:before {
content: "\f0ee"
}
.icon-user-md:before {
content: "\f0f0"
}
.icon-stethoscope:before {
content: "\f0f1"
}
.icon-suitcase:before {
content: "\f0f2"
}
.icon-bell-o:before {
content: "\f0a2"
}
.icon-coffee:before {
content: "\f0f4"
}
.icon-cutlery:before {
content: "\f0f5"
}
.icon-file-text-o:before {
content: "\f0f6"
}
.icon-building-o:before {
content: "\f0f7"
}
.icon-hospital-o:before {
content: "\f0f8"
}
.icon-ambulance:before {
content: "\f0f9"
}
.icon-medkit:before {
content: "\f0fa"
}
.icon-fighter-jet:before {
content: "\f0fb"
}
.icon-beer:before {
content: "\f0fc"
}
.icon-h-square:before {
content: "\f0fd"
}
.icon-plus-square:before {
content: "\f0fe"
}
.icon-angle-double-left:before {
content: "\f100"
}
.icon-angle-double-right:before {
content: "\f101"
}
.icon-angle-double-up:before {
content: "\f102"
}
.icon-angle-double-down:before {
content: "\f103"
}
.icon-angle-left:before {
content: "\f104"
}
.icon-angle-right:before {
content: "\f105"
}
.icon-angle-up:before {
content: "\f106"
}
.icon-angle-down:before {
content: "\f107"
}
.icon-desktop:before {
content: "\f108"
}
.icon-laptop:before {
content: "\f109"
}
.icon-tablet:before {
content: "\f10a"
}
.icon-mobile-phone:before,
.icon-mobile:before {
content: "\f10b"
}
.icon-circle-o:before {
content: "\f10c"
}
.icon-quote-left:before {
content: "\f10d"
}
.icon-quote-right:before {
content: "\f10e"
}
.icon-spinner:before {
content: "\f110"
}
.icon-circle:before {
content: "\f111"
}
.icon-mail-reply:before,
.icon-reply:before {
content: "\f112"
}
.icon-github-alt:before {
content: "\f113"
}
.icon-folder-o:before {
content: "\f114"
}
.icon-folder-open-o:before {
content: "\f115"
}
.icon-smile-o:before {
content: "\f118"
}
.icon-frown-o:before {
content: "\f119"
}
.icon-meh-o:before {
content: "\f11a"
}
.icon-gamepad:before {
content: "\f11b"
}
.icon-keyboard-o:before {
content: "\f11c"
}
.icon-flag-o:before {
content: "\f11d"
}
.icon-flag-checkered:before {
content: "\f11e"
}
.icon-terminal:before {
content: "\f120"
}
.icon-code:before {
content: "\f121"
}
.icon-mail-reply-all:before,
.icon-reply-all:before {
content: "\f122"
}
.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
content: "\f123"
}
.icon-location-arrow:before {
content: "\f124"
}
.icon-crop:before {
content: "\f125"
}
.icon-code-fork:before {
content: "\f126"
}
.icon-unlink:before,
.icon-chain-broken:before {
content: "\f127"
}
.icon-question:before {
content: "\f128"
}
.icon-info:before {
content: "\f129"
}
.icon-exclamation:before {
content: "\f12a"
}
.icon-superscript:before {
content: "\f12b"
}
.icon-subscript:before {
content: "\f12c"
}
.icon-eraser:before {
content: "\f12d"
}
.icon-puzzle-piece:before {
content: "\f12e"
}
.icon-microphone:before {
content: "\f130"
}
.icon-microphone-slash:before {
content: "\f131"
}
.icon-shield:before {
content: "\f132"
}
.icon-calendar-o:before {
content: "\f133"
}
.icon-fire-extinguisher:before {
content: "\f134"
}
.icon-rocket:before {
content: "\f135"
}
.icon-maxcdn:before {
content: "\f136"
}
.icon-chevron-circle-left:before {
content: "\f137"
}
.icon-chevron-circle-right:before {
content: "\f138"
}
.icon-chevron-circle-up:before {
content: "\f139"
}
.icon-chevron-circle-down:before {
content: "\f13a"
}
.icon-html5:before {
content: "\f13b"
}
.icon-css3:before {
content: "\f13c"
}
.icon-anchor:before {
content: "\f13d"
}
.icon-unlock-alt:before {
content: "\f13e"
}
.icon-bullseye:before {
content: "\f140"
}
.icon-ellipsis-h:before {
content: "\f141"
}
.icon-ellipsis-v:before {
content: "\f142"
}
.icon-rss-square:before {
content: "\f143"
}
.icon-play-circle:before {
content: "\f144"
}
.icon-ticket:before {
content: "\f145"
}
.icon-minus-square:before {
content: "\f146"
}
.icon-minus-square-o:before {
content: "\f147"
}
.icon-level-up:before {
content: "\f148"
}
.icon-level-down:before {
content: "\f149"
}
.icon-check-square:before {
content: "\f14a"
}
.icon-pencil-square:before {
content: "\f14b"
}
.icon-external-link-square:before {
content: "\f14c"
}
.icon-share-square:before {
content: "\f14d"
}
.icon-compass:before {
content: "\f14e"
}
.icon-toggle-down:before,
.icon-caret-square-o-down:before {
content: "\f150"
}
.icon-toggle-up:before,
.icon-caret-square-o-up:before {
content: "\f151"
}
.icon-toggle-right:before,
.icon-caret-square-o-right:before {
content: "\f152"
}
.icon-euro:before,
.icon-eur:before {
content: "\f153"
}
.icon-gbp:before {
content: "\f154"
}
.icon-dollar:before,
.icon-usd:before {
content: "\f155"
}
.icon-rupee:before,
.icon-inr:before {
content: "\f156"
}
.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
content: "\f157"
}
.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
content: "\f158"
}
.icon-won:before,
.icon-krw:before {
content: "\f159"
}
.icon-bitcoin:before,
.icon-btc:before {
content: "\f15a"
}
.icon-file:before {
content: "\f15b"
}
.icon-file-text:before {
content: "\f15c"
}
.icon-sort-alpha-asc:before {
content: "\f15d"
}
.icon-sort-alpha-desc:before {
content: "\f15e"
}
.icon-sort-amount-asc:before {
content: "\f160"
}
.icon-sort-amount-desc:before {
content: "\f161"
}
.icon-sort-numeric-asc:before {
content: "\f162"
}
.icon-sort-numeric-desc:before {
content: "\f163"
}
.icon-thumbs-up:before {
content: "\f164"
}
.icon-thumbs-down:before {
content: "\f165"
}
.icon-youtube-square:before {
content: "\f166"
}
.icon-youtube:before {
content: "\f167"
}
.icon-xing:before {
content: "\f168"
}
.icon-xing-square:before {
content: "\f169"
}
.icon-youtube-play:before {
content: "\f16a"
}
.icon-dropbox:before {
content: "\f16b"
}
.icon-stack-overflow:before {
content: "\f16c"
}
.icon-instagram:before {
content: "\f16d"
}
.icon-flickr:before {
content: "\f16e"
}
.icon-adn:before {
content: "\f170"
}
.icon-bitbucket:before {
content: "\f171"
}
.icon-bitbucket-square:before {
content: "\f172"
}
.icon-tumblr:before {
content: "\f173"
}
.icon-tumblr-square:before {
content: "\f174"
}
.icon-long-arrow-down:before {
content: "\f175"
}
.icon-long-arrow-up:before {
content: "\f176"
}
.icon-long-arrow-left:before {
content: "\f177"
}
.icon-long-arrow-right:before {
content: "\f178"
}
.icon-apple:before {
content: "\f179"
}
.icon-windows:before {
content: "\f17a"
}
.icon-android:before {
content: "\f17b"
}
.icon-linux:before {
content: "\f17c"
}
.icon-dribbble:before {
content: "\f17d"
}
.icon-skype:before {
content: "\f17e"
}
.icon-foursquare:before {
content: "\f180"
}
.icon-trello:before {
content: "\f181"
}
.icon-female:before {
content: "\f182"
}
.icon-male:before {
content: "\f183"
}
.icon-gittip:before {
content: "\f184"
}
.icon-sun-o:before {
content: "\f185"
}
.icon-moon-o:before {
content: "\f186"
}
.icon-archive:before {
content: "\f187"
}
.icon-bug:before {
content: "\f188"
}
.icon-vk:before {
content: "\f189"
}
.icon-weibo:before {
content: "\f18a"
}
.icon-renren:before {
content: "\f18b"
}
.icon-pagelines:before {
content: "\f18c"
}
.icon-stack-exchange:before {
content: "\f18d"
}
.icon-arrow-circle-o-right:before {
content: "\f18e"
}
.icon-arrow-circle-o-left:before {
content: "\f190"
}
.icon-toggle-left:before,
.icon-caret-square-o-left:before {
content: "\f191"
}
.icon-dot-circle-o:before {
content: "\f192"
}
.icon-wheelchair:before {
content: "\f193"
}
.icon-vimeo-square:before {
content: "\f194"
}
.icon-turkish-lira:before,
.icon-try:before {
content: "\f195"
}
.icon-plus-square-o:before {
content: "\f196"
}
.icon-space-shuttle:before {
content: "\f197"
}
.icon-slack:before {
content: "\f198"
}
.icon-envelope-square:before {
content: "\f199"
}
.icon-wordpress:before {
content: "\f19a"
}
.icon-openid:before {
content: "\f19b"
}
.icon-institution:before,
.icon-bank:before,
.icon-university:before {
content: "\f19c"
}
.icon-mortar-board:before,
.icon-graduation-cap:before {
content: "\f19d"
}
.icon-yahoo:before {
content: "\f19e"
}
.icon-google:before {
content: "\f1a0"
}
.icon-reddit:before {
content: "\f1a1"
}
.icon-reddit-square:before {
content: "\f1a2"
}
.icon-stumbleupon-circle:before {
content: "\f1a3"
}
.icon-stumbleupon:before {
content: "\f1a4"
}
.icon-delicious:before {
content: "\f1a5"
}
.icon-digg:before {
content: "\f1a6"
}
.icon-pied-piper-square:before,
.icon-pied-piper:before {
content: "\f1a7"
}
.icon-pied-piper-alt:before {
content: "\f1a8"
}
.icon-drupal:before {
content: "\f1a9"
}
.icon-joomla:before {
content: "\f1aa"
}
.icon-language:before {
content: "\f1ab"
}
.icon-fax:before {
content: "\f1ac"
}
.icon-building:before {
content: "\f1ad"
}
.icon-child:before {
content: "\f1ae"
}
.icon-paw:before {
content: "\f1b0"
}
.icon-spoon:before {
content: "\f1b1"
}
.icon-cube:before {
content: "\f1b2"
}
.icon-cubes:before {
content: "\f1b3"
}
.icon-behance:before {
content: "\f1b4"
}
.icon-behance-square:before {
content: "\f1b5"
}
.icon-steam:before {
content: "\f1b6"
}
.icon-steam-square:before {
content: "\f1b7"
}
.icon-recycle:before {
content: "\f1b8"
}
.icon-automobile:before,
.icon-car:before {
content: "\f1b9"
}
.icon-cab:before,
.icon-taxi:before {
content: "\f1ba"
}
.icon-tree:before {
content: "\f1bb"
}
.icon-spotify:before {
content: "\f1bc"
}
.icon-deviantart:before {
content: "\f1bd"
}
.icon-soundcloud:before {
content: "\f1be"
}
.icon-database:before {
content: "\f1c0"
}
.icon-file-pdf-o:before {
content: "\f1c1"
}
.icon-file-word-o:before {
content: "\f1c2"
}
.icon-file-excel-o:before {
content: "\f1c3"
}
.icon-file-powerpoint-o:before {
content: "\f1c4"
}
.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
content: "\f1c5"
}
.icon-file-zip-o:before,
.icon-file-archive-o:before {
content: "\f1c6"
}
.icon-file-sound-o:before,
.icon-file-audio-o:before {
content: "\f1c7"
}
.icon-file-movie-o:before,
.icon-file-video-o:before {
content: "\f1c8"
}
.icon-file-code-o:before {
content: "\f1c9"
}
.icon-vine:before {
content: "\f1ca"
}
.icon-codepen:before {
content: "\f1cb"
}
.icon-jsfiddle:before {
content: "\f1cc"
}
.icon-life-bouy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
content: "\f1cd"
}
.icon-circle-o-notch:before {
content: "\f1ce"
}
.icon-ra:before,
.icon-rebel:before {
content: "\f1d0"
}
.icon-ge:before,
.icon-empire:before {
content: "\f1d1"
}
.icon-git-square:before {
content: "\f1d2"
}
.icon-git:before {
content: "\f1d3"
}
.icon-hacker-news:before {
content: "\f1d4"
}
.icon-tencent-weibo:before {
content: "\f1d5"
}
.icon-qq:before {
content: "\f1d6"
}
.icon-wechat:before,
.icon-weixin:before {
content: "\f1d7"
}
.icon-send:before,
.icon-paper-plane:before {
content: "\f1d8"
}
.icon-send-o:before,
.icon-paper-plane-o:before {
content: "\f1d9"
}
.icon-history:before {
content: "\f1da"
}
.icon-circle-thin:before {
content: "\f1db"
}
.icon-header:before {
content: "\f1dc"
}
.icon-paragraph:before {
content: "\f1dd"
}
.icon-sliders:before {
content: "\f1de"
}
.icon-share-alt:before {
content: "\f1e0"
}
.icon-share-alt-square:before {
content: "\f1e1"
}
.icon-bomb:before {
content: "\f1e2"
}
/* OWL CSS */
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0, 0)
}
.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
display: none
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* Nivo */
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
max-width: none
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0
}
.nivoSlider img {
border-radius: 0
}
.wrapped_video.blog_post_image iframe {
border-radius: 0;
overflow: hidden
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden
}
.nivo-box img {
display: block
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: .8;
overflow: hidden;
display: none;
box-sizing: border-box
}
.nivo-caption p {
padding: 5px;
margin: 0
}
.nivo-caption a {
display: inline !important
}
.nivo-html-caption {
display: none
}
.nivo-controlNav {
text-align: center
}
.nivo-controlNav a {
cursor: pointer
}
.nivo-controlNav {
display: block !important;
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
text-align: center;
z-index: 99;
}
.nivo-controlNav a {
text-indent: -10000px !important;
overflow: hidden;
display: inline-block;
width: 10px;
height: 10px;
background: #ffffff;
border-radius: 100%;
opacity: 0.5;
margin: 0 4px;
}
.slider-wrapper {
position: relative;
}
.nivo-controlNav {
bottom: 40px;
right: auto;
left: 0;
text-align: right;
width: 100%;
text-align: center;
}
.nivo-controlNav a {
margin: 0 5px;
width: 10px;
height: 10px;
font-size: 0;
line-height: 0;
}
.oneImage .nivo-controlNav {
display: none !important;
}
/* CustomCSS */
/* Direction nav styles (e.g. Next & Prev) */
.nivo-controlNav a.active {
opacity: 1;
}
.oneImage .nivo-directionNav a,
.oneImage .nivo-directionNav a:before {
display: none !important;
}
/* FS G A L L E R Y */
.fs_gallery_container .fs_slide iframe {
z-index: 5;
position: absolute;
}
.fs_wrapper_global {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.fs_gallery_container {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fs_gallery_container li:before {
display: none;
}
.fs_gallery_container.fade {
opacity: 1;
}
.fs_gallery_container.fade li,
.fs_gallery_container li {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: block;
opacity: 0;
background-position: center;
transition: opacity 1500ms;
-webkit-transition: opacity 1500ms;
}
.fs_gallery_container.fade li.current-slide,
.fs_gallery_container li.current-slide {
opacity: 1;
}
.fs_gallery_container li {
background-position: center !important;
}
.no_fit.fs_gallery_container li {
background-size: cover !important;
}
.fit_always.fs_gallery_container li {
background-size: contain !important;
}
.fit_width.fs_gallery_container li {
background-size: 100% auto !important;
}
.fit_height.fs_gallery_container li {
background-size: auto 100% !important;
}
.fs_gallery_container.zoom li {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
transition: opacity 1000ms, transform 1000ms;
-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
}
.fs_gallery_container.zoom li.current-slide {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
/* Buttons */
.fs_controls {
position: fixed;
bottom: 0;
left: 0;
text-align: left;
background: #1d1e1f;
height: 81px;
width: 100%;
display: block;
transition: bottom 350ms, opacity 350ms;
-webkit-transition: bottom 350ms, opacity 350ms;
z-index: 99;
overflow: hidden;
}
.hide_controls .fs_controls {
bottom: -300px;
opacity: 0;
}
.share_toggle {
background: #2e3032;
color: #c7cacc;
height: 81px;
line-height: 21px;
padding: 29px 42px 31px 40px;
font-size: 13px;
letter-spacing: 1px;
display: inline-block;
float: left;
text-transform: uppercase;
transition: color 250ms, background 250ms;
}
.share_toggle:hover {
color: #ffffff;
}
.share_box {
width: 0;
overflow: hidden;
height: 81px;
display: block;
float: left;
transition: width 300ms;
overflow: hidden;
position: relative;
}
.show_share .share_box {
width: 324px;
}
.share_box a {
width: 81px;
height: 81px;
font-size: 13px;
line-height: 81px;
text-align: center;
display: block;
color: #ffffff !important;
position: absolute;
top: 0;
transition: background 250ms;
}
.share_box a.share_facebook {
background: #5675b6;
left: 0;
}
.share_box a.share_pinterest {
background: #db7777;
left: 81px;
}
.share_box a.share_tweet {
background: #76cbce;
left: 162px;
}
.share_box a.share_gplus {
background: #db7777;
left: 243px;
}
.share_box a:hover {
background: #393b3d;
}
.fs_controls_append {
position: absolute;
right: 0;
top: 0;
text-align: left;
height: 81px;
}
.fs_controls_append a {
float: left;
width: 81px;
height: 81px;
display: block;
background: #393b3d;
position: relative;
transition: background 250ms;
}
.fs_controls_append a:nth-child(even) {
background: #2e3032;
}
.fs_controls_append a:hover {
background: #282a2c;
}
.fs_controls_append a:before {
content: '';
width: 11px;
height: 11px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -6px 0 0 -6px;
}
.fs_controls_append a.fs_slider_prev:before {
background: url(../img/soho_sprite.png) no-repeat -82px -20px !important;
}
.fs_controls_append a.fs_slider_next:before {
background: url(../img/soho_sprite.png) no-repeat -119px -20px !important;
}
a.close_controls:before {
background: url(../img/soho_sprite.png) no-repeat -132px -20px !important;
}
.fs_controls_append a.fs_close:before {
background: url(../img/soho_sprite.png) no-repeat -147px -20px !important;
}
.fs_controls_append a.post_info:before {
background: url(../img/soho_sprite.png) no-repeat -182px -20px !important;
}
.fs_controls_append a.post_info.noContent:before {
opacity: 0.5;
}
.fs_controls_append a.fs_pause:before {
background: url(../img/soho_sprite.png) no-repeat -107px -20px !important;
}
.fs_controls_append a.fs_play:before {
background: url(../img/soho_sprite.png) no-repeat -94px -20px !important;
}
.show_me_always {
float: left;
width: 81px;
height: 81px;
display: block;
position: relative;
background: #2e3032;
position: fixed;
bottom: 0;
right: 0;
z-index: 100;
transition: background 250ms;
}
.show_me_always.in_post {
right: 81px;
background: #282a2c;
}
.show_me_always.in_port {
right: 81px;
background: #393b3d;
}
.show_me_always.in_port.no_content {
background: #2e3032;
}
.show_me_always.in_port.no_content:hover,
.show_me_always.in_port:hover {
background: #282a2c;
}
.show_me_always:before {
content: '';
width: 11px;
height: 11px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -6px 0 0 -6px;
}
.fs_likes {
position: fixed;
right: 35px;
bottom: 125px;
width: 60px;
text-align: center;
color: #ffffff;
font-size: 13px;
line-height: 13px;
z-index: 99;
cursor: pointer;
transition: opacity 300ms;
}
.hide_controls .fs_likes {
z-index: -2;
opacity: 0;
}
.fs_likes i {
display: block;
text-align: center;
font-size: 30px;
line-height: 30px;
color: #ffffff;
margin: 0 0 4px 0;
}
.fs_likes:hover {
opacity: 0.7;
}
/* Caption */
.title_wrapper {
padding-left: 42px;
display: inline-block;
float: left;
}
.fs_title,
.fs_title_main {
font-size: 13px;
line-height: 21px;
padding-top: 29px;
padding-bottom: 10px;
letter-spacing: 1.3px;
color: #a8abad;
display: inline-block;
}
span.slide_title {
font-size: 13px;
line-height: 21px;
color: #a8abad;
}
/*Thmb*/
.fs_thmb_viewport {
display: none;
}
/* R I B B O N G A L L E R Y */
.fs_grid_gallery {
position: relative;
overflow: hidden;
right: 0;
}
.ribbon_wrapper {
width: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
text-align: left;
overflow: hidden;
}
#ribbon_swipe {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
}
.ribbon_list_wrapper {
overflow: hidden;
display: block;
}
.ribbon_wrapper .fw_gallery_list {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 19px;
width: 100%;
display: block;
height: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.ribbon_wrapper .fw_gallery_list li {
text-align: center;
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
font-size: 0;
line-height: 0;
opacity: 0;
transition: opacity 350ms;
-webkit-transition: opacity 350ms;
}
.ribbon_wrapper .fw_gallery_list li.currentStep {
opacity: 0.999;
}
.ribbon_wrapper .fw_gallery_list li img {
width: auto;
height: 100%;
display: block;
margin: 0 auto;
}
.ribbon_wrapper .fw_video_block {
padding-top: 15px;
margin: 0 auto;
}
.ribbon_list {
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: px;
height: 100%;
font-size: 0;
line-height: 0;
transition: left 350ms;
-webkit-transition: left 350ms
}
.ribbon_list li:before {
display: none;
}
.ribbon_list li {
padding: 0;
display: inline-block;
}
.slide_wrapper {
margin: 0 0 0 15px;
}
.ribbon_list li img {
display: block;
height: 100%;
width: auto;
}
canvas#kenburns {
position: fixed;
display: block;
left: 0;
top: 0;
}
/* H E A D E R */
.main_header,
.main_header * {
outline: none;
}
.main_header {
text-align: left;
position: relative;
z-index: 101;
}
.fixed_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: opacity 350ms, top 350ms;
}
.hide_controls .fixed_header {
top: -300px;
opacity: 0;
}
.logo {
display: inline-block;
padding: 25px 28px 26px 25px;
float: left;
}
.logo img {
max-width: 70%;
height: auto;
}
.socials {
/* float:right; */
padding: 30px 77px 31px 0;
display: flex !important;
justify-content: end !important;
align-items: center !important;
/* display: inline-block; */
}
.socials_list li:before {
display: none;
}
.socials_list li {
width: 20px;
height: 20px;
display: inline-block;
float: left;
margin-left: 16px;
}
.socials_list li a {
display: block;
width: 20px;
height: 20px;
opacity: 0.76;
transition: opacity 250ms;
}
.socials_list li a:hover {
opacity: 1;
}
.socials_list li a.ico_social_facebook {
background: url(../img/soho_sprite.png) no-repeat 0px 0;
}
.socials_list li a.ico_social_pinterest {
background: url(../img/soho_sprite.png) no-repeat -20px 0;
}
.socials_list li a.ico_social_twitter {
background: url(../img/soho_sprite.png) no-repeat -40px 0;
}
.socials_list li a.ico_social_instagram {
background: url(../img/soho_sprite.png) no-repeat -60px 0;
}
.socials_list li a.ico_social_tumblr {
background: url(../img/soho_sprite.png) no-repeat -80px 0;
}
.socials_list li a.ico_social_flickr {
background: url(../img/soho_sprite.png) no-repeat -100px 0;
}
.socials_list li a.ico_social_youtube {
background: url(../img/soho_sprite.png) no-repeat -120px 0;
}
.socials_list li a.ico_social_dribbble {
background: url(../img/soho_sprite.png) no-repeat -140px 0;
}
.socials_list li a.ico_social_gplus {
background: url(../img/soho_sprite.png) no-repeat -160px 0;
}
.socials_list li a.ico_social_vimeo {
background: url(../img/soho_sprite.png) no-repeat -180px 0;
}
.socials_list li a.ico_social_delicious {
background: url(../img/soho_sprite.png) no-repeat -200px 0;
}
.socials_list li a.ico_social_linked {
background: url(../img/soho_sprite.png) no-repeat -220px 0;
}
.phone {
float: right;
font-size: 17.6px;
line-height: 20px;
padding: 30px 22px 31px 0;
display: inline-block;
}
.tara-logo {
display: inline-block;
}
.da-logo {
display: inline-block;
}
.phone_ipad {
display: none;
}
/*menu*/
.main_header nav {
float: left;
padding: 0 0 0 6px;
position: relative;
z-index: 101;
}
.main_header nav ul.menu {
font-size: 0;
line-height: 0;
margin: 0;
}
.main_header nav ul.menu li:before {
display: none;
}
.main_header nav ul.menu>li {
display: inline-block;
margin-left: 35px;
position: relative;
vertical-align: top;
}
.main_header nav ul.menu>li>a {
text-transform: uppercase;
font-weight: 400;
display: block;
overflow: hidden;
position: relative;
letter-spacing: 1.4px;
padding: 32px 0 34px 0;
}
.main_header nav ul.menu .sub-menu {
padding: 0 0 16px 0;
width: 210px;
display: block;
position: absolute;
left: 50%;
margin-left: -105px;
z-index: 101;
transition: opacity 250ms;
}
.main_header nav ul.menu>li>.sub-menu>li>.sub-menu {
left: 210px;
margin-left: 0;
top: -1px;
}
.main_header nav ul.menu>li>.sub-menu>li>.sub-menu>li>.sub-menu {
left: 210px;
margin-left: 0;
top: -1px;
}
.main_header nav ul.sub-menu li {
font-size: 14px;
line-height: 20px;
text-align: left;
position: relative;
padding: 0 0px;
}
.main_header nav ul.sub-menu li a {
padding: 14px 35px 7px 20px;
display: block;
position: relative;
}
.main_header nav ul.sub-menu li a:after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 12px;
line-height: 14px;
position: absolute;
right: 20px;
top: 15px;
}
.main_header nav ul.sub-menu li.menu-item-has-children>a:after {
content: "+";
}
.main_header nav ul.sub-menu li a:before {
content: '';
width: 170px;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
margin: 0 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.main_header .menu ul.sub-menu {
top: -999px !important;
opacity: 0 !important;
}
.main_header .menu>li:hover>ul.sub-menu {
top: 81px !important;
opacity: 0.999 !important;
visibility: visible !important;
}
.main_header .menu>li:hover>.sub-menu>li>.sub-menu {
top: -999px !important;
opacity: 0 !important;
visibility: hidden !important;
}
.main_header ul.menu>li:hover>.sub-menu>li:hover>.sub-menu {
top: -1px !important;
opacity: 0.999 !important;
visibility: visible !important;
}
.main_header ul.menu>li:hover>.sub-menu>li:hover>.sub-menu>li:hover>.sub-menu {
top: -1px !important;
opacity: 0.999 !important;
visibility: visible !important;
}
/* C O N T E N T */
.site_wrapper {
padding: 50px 0;
}
.main_wrapper {
text-align: left;
}
.fl-container {
padding-top: 12px;
}
.site_wrapper.fixed {
position: relative;
}
.site_wrapper {
overflow-x: hidden;
}
.no-sidebar .left-sidebar-block,
.no-sidebar .right-sidebar-block {
display: none;
}
.left-sidebar .right-sidebar-block {
display: none;
}
.left-sidebar .left-sidebar-block {
display: block;
float: left;
margin-left: 0;
}
.left-sidebar .posts-block {
float: right;
}
.right-sidebar .left-sidebar-block {
display: none;
}
.right-sidebar .right-sidebar-block {
display: block;
}
.right-sidebar-block,
.left-sidebar-block {
float: left;
text-align: left;
width: 270px;
}
.left-sidebar-block {
border-right: 1px solid;
margin-right: 50px;
padding-right: 39px;
}
.right-sidebar-block {
margin-left: 50px;
padding-left: 39px;
border-left: 1px solid;
}
.fl-container.hasRS {
float: left;
}
.fl-container.hasRS,
.posts-block.hasLS {
width: 810px;
}
.fixed_bg {
position: fixed;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background-size: cover;
}
.content_wrapper {
position: relative;
}
.fw_background {
position: fixed;
width: 100%;
height: 100%;
display: block;
z-index: 9;
overflow: hidden;
top: 0;
left: 0;
padding: 0;
}
.fullscreen_block.fw_background,
.fw_background.bg_image {
padding: 0 !important;
}
.fw_background.bg_image {
background-size: cover;
background-position: center;
}
.fw_background iframe {
position: absolute;
top: -75px;
left: 50%;
width: 100%;
height: 100%;
display: block;
}
/* F O O T E R */
footer.main_footer {
display: flex;
justify-content: space-between;
text-align: left;
}
.pp_page footer.main_footer {
position: fixed;
bottom: 0;
width: 100%;
}
footer.main_footer .copyright {
/* float:left; */
line-height: 20px;
padding: 29px 0 32px 81px;
display: inline-block;
font-size: 17.6px;
}
.contact-detail {
display: flex !important;
justify-content: center;
}
.contact-detail>.phone {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.contact-detail>.phone>.contact_info_icon {
position: relative !important;
}
footer.main_footer .copyright {
display: flex !important;
flex-direction: column;
gap: 10px;
font-size: 17.6px !important;
justify-content: space-between;
}
.copyright>span {
font-size: 16px !important;
color: #bbbbbb;
}
/* M O D U L E S */
/*accordion & toggles*/
.shortcode_accordion_item_body,
.shortcode_toggles_item_body {
display: none;
}
.shortcode_accordion_shortcode,
.shortcode_toggles_shortcode {
margin: -7px 0 0 0;
}
h5.shortcode_accordion_item_title,
h5.shortcode_toggles_item_title {
position: relative;
font-size: 12px;
line-height: 15px;
cursor: pointer;
border: none;
outline: none;
background: #e4e7e9;
display: block;
margin: 7px 0 0 0;
padding: 9px 10px 9px 45px;
transition: background 250ms, color 250ms;
}
.ui-accordion-header-icon {
display: none;
}
.shortcode_accordion_item_title .ico,
.shortcode_toggles_item_title .ico {
width: 33px;
height: 100%;
display: block;
left: 0;
top: 0;
position: absolute;
margin: 0;
background: #cfd3d7;
transition: background 250ms, color 250ms;
}
h5.shortcode_accordion_item_title:hover,
h5.shortcode_toggles_item_title:hover {
background: #cccdcf;
}
h5.shortcode_accordion_item_title:hover .ico,
h5.shortcode_toggles_item_title:hover .ico {
background: #b7b9bc;
}
h5.shortcode_accordion_item_title .ico:before,
h5.shortcode_toggles_item_title .ico:before,
h5.shortcode_accordion_item_title .ico:after,
h5.shortcode_toggles_item_title .ico:after {
content: '';
position: absolute;
display: block;
background: #3f4041;
}
.shortcode_accordion_item_title .ico:before,
.shortcode_toggles_item_title .ico:before {
width: 7px;
height: 1px;
top: 16px;
left: 13px;
}
.shortcode_accordion_item_title .ico:after,
.shortcode_toggles_item_title .ico:after {
width: 1px;
height: 7px;
top: 13px;
left: 16px;
}
h5.shortcode_accordion_item_title:hover .ico:before,
h5.shortcode_toggles_item_title:hover .ico:before,
h5.shortcode_accordion_item_title:hover .ico:after,
h5.shortcode_toggles_item_title:hover .ico:after,
h5.shortcode_accordion_item_title.state-active .ico:after,
h5.shortcode_accordion_item_title.state-active .ico:before {
background: #000000;
}
.shortcode_accordion_item_title.state-active .ico:after,
.shortcode_toggles_item_title.state-active .ico:after {
display: none;
}
.faq .shortcode_toggles_item_title .ico:before {
content: '?';
background: none;
font-size: 15px;
line-height: 15px;
width: 15px;
height: 15px;
text-align: center;
background: none;
left: -2px;
top: -2px;
}
.faq .shortcode_toggles_item_title:hover .ico:before {
color: #E9ECEC;
}
.faq .shortcode_toggles_item_title .ico:after {
display: none;
}
.shortcode_accordion_item_body,
.shortcode_toggles_item_body {
padding: 7px 0 6px 0;
border-top: none;
}
.shortcode_toggles_item_body {
display: none
}
.module_accordion .shortcode_accordion_item_body p,
.shortcode_toggles_shortcode p {
margin: 10px 0 0 0;
}
.module_accordion .shortcode_accordion_item_body p:first-child,
.shortcode_toggles_shortcode p:first-child {
margin: 0;
}
/*iconboxes*/
.iconbox_wrapper {
background: none;
padding: 0;
position: relative;
text-align: center;
}
.iconbox_wrapper .ico {
text-align: center;
display: inline-block;
margin: 14px auto 17px auto;
width: 56px;
height: 56px;
border-radius: 100%;
border: 2px solid;
transition: border-color 250ms;
}
.shortcode_iconbox a:hover .ico {
border-color: #3f4041;
}
.iconbox_wrapper .ico i {
line-height: 56px;
font-size: 19px;
color: #3f4041;
transition: color 250ms;
}
.iconbox_title {
font-size: 14px;
line-height: 16px;
margin-bottom: 14px;
}
.shortcode_iconbox .iconbox_body,
.shortcode_iconbox .iconbox_body p,
.counter_text,
.counter_text p,
.skill_descr,
.skill_descr p {
word-wrap: break-word;
}
/*gallery*/
.gallery_item,
.grid-gallery-item {
overflow: hidden;
}
.gallery_item a,
.grid-gallery-item a {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 20;
}
.gallery_item_wrapper {
position: relative;
overflow: hidden;
}
.fw-portPreview .gallery_item_wrapper a {
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 17;
}
.without_padding .fw-portPreview .portFadder {
background: rgba(29, 30, 31, 0);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 13;
transition: background 250ms;
}
.fadeMe .without_padding .fw-portPreview .portFadder {
background: rgba(29, 30, 31, 0.67);
}
.fadeMe .without_padding .fw-portPreview .unfadeMe .portFadder {
background: rgba(29, 30, 31, 0);
}
.gallery_item img,
.gallery_item_wrapper img,
.grid-gallery-item img,
.grid-portfolio-item img {
display: block;
width: 100%;
height: auto;
}
.gallery_item_wrapper .gallery_fadder,
.grid-gallery-item .gallery_fadder {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 15;
background: rgba(63, 64, 65, 0);
transition: background 300ms;
}
.gallery_item_wrapper:hover .gallery_fadder,
.grid-gallery-item:hover .gallery_fadder {
background: rgba(63, 64, 65, 0.85);
}
.gallery_item_wrapper span.featured_items_ico {
position: absolute;
left: 50%;
top: 50%;
margin: -17px 0 0 -17px;
display: block;
width: 34px;
height: 34px;
opacity: 0;
z-index: 16;
transform: scale(2, 2);
-webkit-transform: scale(2, 2);
transition: all 200ms;
}
.gallery_item_wrapper span.featured_items_ico:before,
.gallery_item_wrapper span.featured_items_ico:after {
content: '';
position: absolute;
left: 0;
top: 13px;
width: 100%;
height: 8px;
background: #ffffff;
}
.gallery_item_wrapper span.featured_items_ico:after {
top: 0;
left: 13px;
height: 100%;
width: 8px;
}
.gallery_item_wrapper:hover span.featured_items_ico {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.content_gallery {
margin: -30px 0 0 0;
}
.cont_gallery_item {
padding: 30px 0 0 0;
position: static;
}
.is_masonry .cont_gallery_item {
position: absolute;
}
.cont_gallery_wrapper {
padding: 9px;
position: relative;
display: block;
}
.cont_gallery_wrapper .grid-gallery-item {
width: 100%;
display: block;
float: none;
}
.content_gallery.is_masonry {
margin: -50px 0 0 -50px;
line-height: 0;
font-size: 0;
overflow: hidden;
position: relative;
}
.listing_gallery {
position: static;
height: auto;
}
.list-of-images {
margin: -40px 0 0 -40px;
}
.list-of-images .gallery_item {
margin: 40px 0 0 0;
float: left;
}
.list-of-images .gallery_item .gallery_item_padding {
padding: 0 0 0 40px;
}
.list-of-images.images_in_a_row_1 .gallery_item {
width: 100%;
height: auto;
}
.list-of-images.images_in_a_row_2 .gallery_item {
width: 50%;
height: auto;
}
.list-of-images.images_in_a_row_3 .gallery_item {
width: 33.333%;
height: auto;
}
.list-of-images.images_in_a_row_4 .gallery_item {
width: 25%;
height: auto;
}
.list-of-images .gallery_item img {
width: 100%;
height: auto;
}
.grid-gallery-item {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.grid-gallery-item,
.grid-portfolio-item {
width: 25%;
display: inline-block;
float: left;
position: relative;
}
.fs_grid_gallery.is_masonry .grid-gallery-item {
width: 20%;
float: left;
}
/*promotext*/
.promoblock_wrapper {
overflow: hidden;
background: #e4e7e9;
border-left: 10px solid;
padding: 22px 26px 25px 26px
}
.promoblock_wrapper .promo_text_block {
width: 70%;
display: inline-block;
float: left;
}
.no_button_text .promoblock_wrapper .promo_text_block {
width: 100%;
}
.promoblock_wrapper .promo_button_block {
width: 30%;
display: inline-block;
float: left;
text-align: right;
}
.promoblock_wrapper h3.promo_title {
margin-bottom: 4px;
}
.promoblock_wrapper .promo_button.shortcode_button {
margin: 4px 0;
}
/*messagebox*/
.shortcode_messagebox {
padding: 6px 30px 6px 45px;
position: relative;
background: #e4e7e9;
}
.shortcode_messagebox .box_icon {
text-align: center;
width: 33px;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
background: #cfd3d7;
}
.shortcode_messagebox .box_icon i {
color: #3f4041;
line-height: 33px;
}
.shortcode_messagebox .box_content,
.shortcode_messagebox .box_content p {
color: #5f6060;
line-height: 21px;
margin: 0;
}
.shortcode_messagebox.box_type2 {
background: #c2f3f7;
}
.shortcode_messagebox.box_type2 .box_icon {
background: #a8dee2;
}
.shortcode_messagebox.box_type2 .box_icon i {
color: #3a878d;
}
.shortcode_messagebox.box_type2 .box_content,
.shortcode_messagebox.box_type2 .box_content p {
color: #3c959c;
}
.shortcode_messagebox.box_type3 {
background: #d5eea0;
}
.shortcode_messagebox.box_type3 .box_icon {
background: #c5dd93;
}
.shortcode_messagebox.box_type3 .box_icon i {
color: #70981c;
}
.shortcode_messagebox.box_type3 .box_content,
.shortcode_messagebox.box_type3 .box_content p {
color: #7ba523;
}
.shortcode_messagebox.box_type4 {
background: #f7eaa1;
}
.shortcode_messagebox.box_type4 .box_icon {
background: #eddd84;
}
.shortcode_messagebox.box_type4 .box_icon i {
color: #bba62c;
}
.shortcode_messagebox.box_type4 .box_content,
.shortcode_messagebox.box_type4 .box_content p {
color: #bca72f;
}
.shortcode_messagebox.box_type5 {
background: #ffaa9f;
}
.shortcode_messagebox.box_type5 .box_icon {
background: #f19184;
}
.shortcode_messagebox.box_type5 .box_icon i {
color: #b94739;
}
.shortcode_messagebox.box_type5 .box_content,
.shortcode_messagebox.box_type5 .box_content p {
color: #b94739;
}
.shortcode_messagebox .box_close {
width: 9px;
height: 9px;
display: block;
position: absolute;
right: 11px;
top: 12px;
display: block;
background: url(../img/soho_sprite.png) no-repeat -7px -21px;
transition: opacity 250ms;
}
.shortcode_messagebox .box_close:hover {
opacity: 0.5;
}
.shortcode_messagebox.box_type2 .box_close {
background: url(../img/soho_sprite.png) no-repeat -16px -21px
}
.shortcode_messagebox.box_type3 .box_close {
background: url(../img/soho_sprite.png) no-repeat -25px -21px
}
.shortcode_messagebox.box_type4 .box_close {
background: url(../img/soho_sprite.png) no-repeat -34px -21px
}
.shortcode_messagebox.box_type5 .box_close {
background: url(../img/soho_sprite.png) no-repeat -43px -21px
}
/*Custom buttons*/
/*Buttons*/
.shortcode_button,
a.shortcode_button {
display: inline-block;
border-radius: 3px;
margin: 0 2px 4px 2px;
border: none;
font-size: 12px;
color: #ffffff;
text-decoration: none;
text-align: center;
position: relative;
text-transform: uppercase;
letter-spacing: 1.3px;
transition: color 250ms, background 250ms;
}
.shortcode_button i {
padding-right: 4px;
}
.shortcode_button.btn_small {
padding: 9px 13px 9px 13px;
font-size: 12px;
line-height: 15px;
}
.shortcode_button.btn_normal {
padding: 10px 15px 10px 15px;
font-size: 12px;
line-height: 20px;
}
.shortcode_button.btn_large {
padding: 12px 20px 12px 20px;
font-size: 12px;
line-height: 20px;
}
.shortcode_button.btn_type1 {
background: #3f4041;
color: #ffffff;
}
.shortcode_button.btn_type2 {
background: #838587;
color: #ffffff;
}
.shortcode_button.btn_type3 {
background: #bfc2c5;
color: #ffffff;
}
.shortcode_button.btn_type4 {
background: #e4e7e9;
color: #3f4041;
}
.shortcode_button.btn_type5 {
color: #ffffff;
}
.shortcode_button.btn_type6 {
background: #3ab893;
color: #ffffff;
}
.shortcode_button.btn_type7 {
background: #74a000;
color: #ffffff;
}
.shortcode_button.btn_type8 {
background: #9ed400;
color: #ffffff;
}
.shortcode_button.btn_type9 {
background: #efcb00;
color: #ffffff;
}
.shortcode_button.btn_type10 {
background: #ff8b00;
color: #ffffff;
}
.shortcode_button.btn_type11 {
background: #ef4739;
color: #ffffff;
}
.shortcode_button.btn_type12 {
background: #ff7692;
color: #ffffff;
}
.shortcode_button.btn_type13 {
background: #e551b0;
color: #ffffff;
}
.shortcode_button.btn_type14 {
background: #be62db;
color: #ffffff;
}
.shortcode_button.btn_type15 {
background: #8453dc;
color: #ffffff;
}
.shortcode_button.btn_type16 {
background: #0067c6;
color: #ffffff;
}
.shortcode_button.btn_type17 {
background: #4dbaee;
color: #ffffff;
}
.shortcode_button i {
color: #ffffff;
}
.shortcode_button.btn_type4 i {
color: #3f4041;
}
.shortcode_button:hover {
background: #3f4041;
color: #ffffff;
}
.shortcode_button:hover i {
color: #ffffff;
}
.shortcode_button.btn_type5:hover {
background: #3f4041 !important;
color: #ffffff;
}
/*Tabs*/
.shortcode_tabs {
padding: 0;
}
.shortcode_tab_item_title {
display: inline-block;
float: left;
font-size: 12px;
line-height: 21px;
cursor: pointer;
padding: 5px 12px 5px 14px;
position: relative;
z-index: 10;
border: #c8c9cc 1px solid;
color: #b3b5b7;
margin: 0 4px 0 0;
letter-spacing: 0.7px;
transition: color 200ms;
}
.shortcode_tab_item_title.active,
.shortcode_tab_item_title:hover {
color: #3f4041;
}
.shortcode_tab_item_title.active:before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: #ffffff;
}
.all_heads_cont:after {
display: none;
}
.all_body_cont {
margin-top: -1px;
border: #c8c9cc 1px solid;
padding: 10px 20px 11px 20px;
z-index: 15;
}
.shortcode_tab_item_body p {
margin: 10px 0 0 0;
}
.shortcode_tab_item_body p:first-child {
margin: 0;
}
.shortcode_tab_item_body {
display: none;
}
.shortcode_tab_item_body.active {
display: block;
}
@media only screen and (min-width: 960px) {
.shortcode_tabs.type2 .all_heads_cont {
float: none;
display: block;
}
.shortcode_tabs.type2 .all_body_cont {
margin: 0;
}
.shortcode_tabs.type2 .all_head_sizer {
width: 15%;
text-align: right;
}
.shortcode_tab_item_title {
float: none;
}
.shortcode_tabs.type2 .all_body_sizer {
width: 85%;
}
.shortcode_tabs.type2 .all_body_sizer,
.shortcode_tabs.type2 .all_head_sizer {
float: left;
display: inline-block;
}
.all_body_sizer:after,
.all_head_sizer:after {
content: '';
display: block;
clear: both;
}
.shortcode_tabs.type2 .shortcode_tab_item_title {
float: right;
margin: 0 0 4px 0;
display: block !important;
border-right: 0 !important;
}
.shortcode_tabs.type2 .shortcode_tab_item_title:after {
content: '';
font-size: 0;
line-height: 0;
clear: both;
display: table;
}
.shortcode_tabs.type2 .shortcode_tab_item_title:before {
height: 100%;
width: 1px;
bottom: 0;
left: auto;
right: -1px;
}
}
/*Featured Items*/
.featured_items .item_list {
margin: -40px 0 0 -40px;
padding: 0;
overflow: hidden;
font-size: 0;
}
.featured_items .item_list li {
margin: 40px 0 0 0;
display: inline-block;
vertical-align: top;
}
.featured_items .item_list li:before {
display: none;
}
.featured_items .item_list li .item {
margin: 0 0 0 40px;
}
.featured_items .items1 li,
.module_team .items1 li,
.sponsors_works.items1 li {
width: 100%;
}
.featured_items .items2 li,
.module_team .items2 li,
.sponsors_works.items2 li {
width: 50%;
}
.featured_items .items3 li,
.module_team .items3 li,
.sponsors_works.items3 li {
width: 25%;
}
.featured_items .items4 li,
.module_team .items4 li,
.sponsors_works.items4 li {
width: 25%;
}
.module_diagramm .items1 li .module_price_table .items1 .price_item {
width: calc(100% - 2px);
}
.module_diagramm .items2 li,
.module_price_table .items2 .price_item {
width: calc(50% - 2px);
}
.module_diagramm .items3 li,
.module_price_table .items3 .price_item {
width: calc(33.333333% - 2px);
}
.module_diagramm .items4 li,
.module_price_table .items4 .price_item {
width: calc(25% - 2px);
}
.img_block {
display: block;
position: relative;
overflow: hidden;
}
.featured_items .img_block a {
position: relative;
display: block;
}
.img_block .featured_item_fadder {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: rgba(63, 64, 65, 0);
transition: background 300ms;
}
.img_block:hover .featured_item_fadder {
background: rgba(63, 64, 65, 0.85);
}
.featured_items .img_block span {
position: absolute;
left: 50%;
top: 50%;
margin: -17px 0 0 -17px;
display: block;
width: 34px;
height: 34px;
opacity: 0;
transform: scale(2, 2);
-webkit-transform: scale(2, 2);
transition: all 200ms;
}
.featured_items .img_block span:before,
.featured_items .img_block span:after {
content: '';
position: absolute;
left: 0;
top: 13px;
width: 100%;
height: 8px;
background: #ffffff;
}
.featured_items .img_block span:after {
top: 0;
left: 13px;
height: 100%;
width: 8px;
}
.featured_items .img_block:hover span {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.img_block img {
display: block;
width: 100%;
height: auto;
}
.featured_items .img_block {
position: relative;
margin-bottom: 17px;
}
.featured_items_title {
margin: 0 0 7px 0;
}
.featured_items_title h5 {
margin: 0 0 12px 0;
position: relative;
padding: 0 0 0 20px;
}
.featured_items_title h5:before {
content: '';
width: 10px;
height: 10px;
display: block;
position: absolute;
left: 0;
top: 3px;
}
.middot {
padding: 0 6px 0 5px;
font-weight: 900;
}
.featured_items_meta .preview_categ {
display: inline-block;
}
.featured_items .preview_meta_data,
.featured_items .preview_categ,
.featured_items .preview_categ a,
.featured_item_footer .morelink,
.featured_item_footer i,
.featured_item_footer span {
color: #bababa;
}
.featured_items .img_block:hover span {
opacity: 0.999;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.featured_items .morelink:after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 12px;
line-height: 22px;
padding-left: 3px;
}
.featured_items .featured_item_footer {
border-top: #e4e7e9 1px solid;
margin: 14px 0 0 0;
padding: 12px 0 0 0;
}
.img_block:hover span,
.img_block:hover span {
opacity: 0.999;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.featured_items .post-views,
.featured_items .gallery_likes {
display: inline-block;
margin-right: 11px;
}
.featured_items .post-views {
cursor: default;
}
.featured_items .gallery_likes {
cursor: pointer;
}
/*Team*/
.module_team ul {
list-style: none;
margin: -40px 0 0 -40px;
padding: 0;
overflow: hidden;
font-size: 0;
}
.module_team ul li {
padding: 40px 0 0 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.module_team ul li:before {
display: none;
}
.module_team ul li .item_wrapper {
padding: 0 0 0 40px;
}
.module_team .item {
overflow: hidden;
}
.module_team .team_content {
display: block;
vertical-align: top;
}
.team_img {
vertical-align: top;
display: block;
margin-bottom: 17px;
}
.module_team .team_img img {
width: 100%;
height: auto;
display: block;
}
.team_title {
padding: 0;
margin: 0 0 7px 0;
}
.module_team .team_slider h5 {
margin-bottom: 9px;
margin: 0 0 12px;
padding: 0 0 0 20px;
position: relative;
}
.module_team .team_slider h5:before {
content: "";
display: block;
height: 10px;
left: 0;
position: absolute;
top: 3px;
width: 10px;
}
.module_team .op {
color: #bababa;
}
.team_icons_wrapper {
padding-top: 8px;
}
.module_team .teamlink {
font-size: 14px;
display: inline-block;
text-align: center;
margin: 0;
line-height: 20px;
margin-right: 14px;
color: #3f4041;
}
.module_team .teamlink span,
.module_team .teamlink i {
background: none;
}
/*Testimonials*/
.testimonials_list ul {
margin: -17px 0 0 -40px;
padding: 0;
position: relative;
overflow: hidden;
font-size: 0;
line-height: 0;
}
.testimonials_list ul li {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
width: 100%;
}
.testimonials_list ul li .item {
margin: 24px 0 0 40px;
}
.testimonials_list ul li:before {
display: none;
}
.testimonial_item_wrapper {
padding-left: 90px;
position: relative;
}
.testimonials_list li .item .testimonials_photo img {
display: block;
width: 100%;
height: auto;
border-radius: 100%;
}
.testimonials_list li .item .testimonials_photo {
width: 64px;
height: 64px;
display: block;
border-radius: 100%;
position: absolute;
left: 0;
top: 50%;
margin-top: -32px;
}
.testimonials_text {
border: #c8c9cc 1px solid;
position: relative;
padding: 10px 20px 9px 20px;
}
.testimonials_text:before {
content: '';
width: 6px;
height: 9px;
display: block;
position: absolute;
left: -6px;
top: 50%;
margin-top: -3px;
background: url(../img/soho_sprite.png) no-repeat 0 -21px;
}
.testimonials_footer {
color: #bababa;
padding-left: 89px;
margin-top: 8px;
}
/*Partners*/
.module_partners ul {
list-style: none;
padding: 0;
overflow: hidden;
display: block;
margin: 0;
/*border-left: #e4e7e9 1px solid;
border-bottom: #e4e7e9 1px solid;*/
}
.module_partners ul li:before {
display: none;
}
.module_partners ul li {
padding: 0;
display: inline-block;
float: left;
}
.module_partners ul li .item_wrapper {
margin: 0;
border: #FFFF 1px solid;
border-left: none;
border-bottom: none;
padding: 0;
position: relative;
overflow: hidden;
transition: opacity 250ms;
}
.module_partners ul li .item_wrapper a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 15;
}
.module_partners ul li .item_wrapper:hover {
opacity: 0.5;
}
.module_partners ul li .item img {
width: 100%;
height: auto;
display: block;
}
/*Price Tables*/
.module_price_table {
margin: 0 0 0 0;
}
.price_item_wrapper {
overflow: hidden;
margin: 0;
}
.module_price_table .price_item {
display: inline-block;
float: left;
text-align: center;
}
.module_price_table .price_item:first-child {
margin-left: 0;
}
.price_item_body {
border-top: 0;
}
.price_item .price_item_title {
padding: 9px 10px 11px 10px;
line-height: 20px;
background: #3f4041;
}
.price_item .price_item_body div {
background: #e4e7e9;
}
.price_item .price_item_body div:nth-child(even) {
background: #cfd3d7;
}
.price_item:nth-child(even) .price_item_title {
background: #4e5153;
}
.price_item:nth-child(even) .price_item_body div {
background: #edeeef;
}
.price_item:nth-child(even) .price_item_body div:nth-child(even) {
background: #d9dde1;
}
.price_item.most_popular .price_item_body div {
background: #ffffff;
}
.price_item.most_popular .price_item_body div:nth-child(even) {
background: #e4e7e9;
}
.price_item_title h6 {
line-height: 20px;
color: #ffffff;
margin: 0;
}
.item_cost_wrapper {
padding: 30px 10px 30px 10px;
display: block;
font-size: 0;
line-height: 0;
}
.item_cost_wrapper h3 {
font-size: 28px;
line-height: 30px;
display: inline-block;
margin: 0;
letter-spacing: normal;
}
.item_cost_wrapper h5 {
font-size: 14px;
line-height: 16px;
display: inline-block;
margin: 0;
letter-spacing: normal;
}
.price_item_text {
text-align: center;
padding: 5px 10px 6px 10px;
position: relative;
}
.price_item_btn {
padding: 20px 0 20px 0;
text-align: center;
}
.price_item_btn a {
margin: 0 auto;
}
/*Social Icons*/
.shortcode_social_icon {
width: 34px;
height: 34px;
display: inline-block;
vertical-align: middle;
margin: 0 10px 10px 0;
float: none;
text-align: center;
background: #46515e;
color: #dbdfd8;
}
.shortcode_social_icon.type2 {
border-radius: 10px;
}
.shortcode_social_icon.type3 {
border-radius: 100%;
}
span.shortcode_social_icon {
cursor: default;
}
a.shortcode_social_icon:hover {
opacity: 0.8;
}
.shortcode_social_icon.type4 {
background: none !important;
}
.shortcode_social_icon i {
text-align: center;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 13px;
color: #dbdfd8;
}
/*Diagram*/
.shortcode_diagramm_shortcode {
padding: 0;
}
.module_diagramm ul.skills_list {
margin: 0 0 0 -40px;
padding: 0;
}
.skills_list li:before {
display: none;
}
.module_diagramm ul.skills_list li {
margin: 0;
display: inline-block;
padding: 0;
float: center;
}
.module_diagramm .skill_wrapper {
margin: 0 0 0 40px;
overflow: hidden;
}
.module_diagramm ul.skills_list li:before {
content: '';
}
.skill_content {
padding-top: 1px;
display: inline-block;
text-align: center;
}
.skill_content h5 {
margin-bottom: 14px;
}
.easyPieChart {
text-align: center;
z-index: 10;
padding-top: 2px;
position: relative;
}
.easyPieChart,
.easyPieChart span {
color: #3f4041;
}
.chart_wrapper {
display: block;
height: 100%;
text-align: center;
margin: 5px 0 16px 0;
}
.chart_wrapper:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 7;
}
.easyPieChart canvas {
position: absolute;
top: 1px;
left: 0;
z-index: 10;
}
.skill_item {
position: relative;
overflow: hidden;
text-align: left;
}
.skill_item .chart {
margin: 0 auto;
}
.skill_item h4 {
margin-bottom: 8px;
}
/* Before After */
.before-after {
overflow: hidden;
}
.beforeAfter_wrapper img {
display: block;
width: 100%;
height: auto;
}
.beforeAfter_wrapper {
width: 100%;
overflow: hidden;
display: block;
position: relative;
background-size: 100% auto;
cursor: none;
}
.img_before {
visibility: hidden;
}
.beforeAfter_wrapper .after_wrapper {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
background-size: auto 100%;
}
.beforeAfter_wrapper .after_wrapper img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}
.beforeAfter_wrapper .result_line {
width: 29px;
height: 11px;
display: block;
background: url(../img/soho_sprite.png) no-repeat -53px -20px;
position: absolute;
top: 50%;
margin: -5px 0 0 -15px;
}
.beforeAfter_wrapper .result_line:before {
content: '';
background: #ffffff;
width: 3px;
height: 3000px;
left: 13px;
bottom: 5px;
display: block;
position: absolute;
}
.beforeAfter_wrapper .result_line:after {
content: '';
background: #ffffff;
width: 3px;
height: 3000px;
left: 13px;
top: 5px;
display: block;
position: absolute;
}
/* Counter */
.counter_wrapper {
position: relative;
overflow: hidden;
padding: 0;
}
.stat_temp {
width: 0;
display: none;
}
.counter_wrapper,
.counter_content {
text-align: center;
position: relative;
overflow: hidden;
}
.counter_body {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.stat_count_wrapper {
display: block;
vertical-align: top;
padding-top: 3px;
}
.counter_title {
margin-bottom: 14px;
}
.stat_count {
margin-bottom: 9px;
}
/* Contact info*/
.contact_info_list li:before {
display: none;
}
.contact_info_item {
padding: 4px 0 10px 48px;
margin-bottom: 12px;
position: relative;
line-height: 20px;
}
.contact_info_item div,
.contact_info_item a {
line-height: 20px;
}
.no_bg .contact_info_item {
padding: 0 0 0 26px;
margin-bottom: 12px;
}
.contact_info_item .contact_info_text {
display: inline-block;
}
.contact_info_icon {
width: 34px;
height: 34px;
display: block;
position: absolute;
left: 0;
top: 0;
text-align: center;
border-radius: 100%;
}
.no_bg .contact_info_icon {
width: auto;
height: auto;
display: inline-block;
line-height: 20px;
background: none !important;
}
.contact_info_icon i {
text-align: center;
line-height: 34px;
font-size: 16px;
}
.no_bg .contact_info_text,
.no_bg .contact_info_text a {
line-height: 20px;
}
.no_bg .contact_info_icon i {
font-size: 14px;
line-height: 20px;
}
/* F U L L W I D T H G O O G L E M A P */
.contacts_map {
margin-bottom: -50px;
}
.contacts_map iframe {
display: block;
}
/* 4 0 4 */
.wrapper404 {
width: 1170px;
margin: 0 auto;
}
.container404 {
text-align: center;
}
.block404 {
text-align: left;
}
.wrapper404 h1,
.wrapper404 h1 span {
font-size: 100px;
line-height: 102px;
text-transform: uppercase;
margin-bottom: 62px;
}
.wrapper404 h1 span {
font-weight: 300;
}
.text404 {
margin: 0 0 28px 0;
}
.search404 {
height: 40px;
width: 568px;
max-width: 568px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.search_form.search404:before {
font-family: 'FontAwesome';
content: "\f002";
position: absolute;
left: 13px;
top: 10px;
color: #7e7f81;
font-size: 11px;
line-height: 13px;
}
.search404.search_form input.field_search {
height: 34px;
color: #7e7f81;
width: 489px;
max-width: 489px;
float: left;
background: none;
border: #c8c9cc 1px solid;
border-right: 0;
padding-left: 31px;
font-size: 11px;
}
.search404 .search_button {
padding: 6px 0 8px 0;
color: #ffffff;
text-align: center;
width: 79px;
text-align: center;
border-radius: 0 3px 3px 0;
text-transform: uppercase;
display: inline-block;
float: left;
height: 20px;
font-size: 12px;
line-height: 20px;
letter-spacing: 1.4px;
transition: background 250ms;
}
.search404 .search_button:hover {
background: #3f4041 !important;
color: #ffffff;
}
.back404 {
padding: 29px 37px 32px 0;
font-size: 11px;
line-height: 20px;
}
.back404 a {
transition: opacity 250ms;
font-size: 11px;
line-height: 20px;
}
.back404 a:hover {
opacity: 0.5;
}
/* Password Protected */
.pp_block {
width: 1170px;
left: 50%;
top: 50%;
margin-left: -585px;
margin-top: -2px;
text-align: center;
position: absolute;
}
.pp_title {
margin-bottom: 60px;
}
.pp_title,
.pp_title span {
letter-spacing: 1.8px;
color: #3f4041;
font-size: 32px;
line-height: 34px;
}
.protected-post-form p {
text-align: center;
display: inline-block;
margin: 0 auto;
width: 620px;
}
.pp_wrapper p.pp_notify {
display: block;
text-align: center;
display: block;
margin-bottom: 28px;
}
.pp_wrapper input[type="password"] {
width: 490px;
max-width: 490px;
float: left;
font-size: 11px;
}
.pp_wrapper input[type="submit"] {
margin-left: -1px;
float: left;
border-radius: 0 3px 3px 0;
height: 34px;
padding: 6px 11px 9px 11px;
}
.pp_wrapper input[type="submit"]:hover {}
/* T Y P O G R A P H Y */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
text-transform: uppercase;
}
h1,
h3.promo_title {
margin: 0 0 14px 0;
letter-spacing: 0.9px;
}
h2 {
margin: 0 0 13px 0;
letter-spacing: 1.4px;
}
h3 {
margin: 0 0 13px 0;
letter-spacing: 1.9px;
}
h4 {
margin: 0 0 14px 0;
letter-spacing: 1.2px;
}
h5 {
margin: 0 0 15px 0;
letter-spacing: 1px;
}
h6 {
margin: 0 0 10px 0;
letter-spacing: 0.8px;
}
.page_title_block {
padding-top: 0;
}
.title {
font-size: 22px;
line-height: 24px;
padding-left: 34px;
position: relative;
margin-bottom: 45px;
}
.title:before {
content: '';
width: 16px;
height: 16px;
display: block;
position: absolute;
left: 0;
top: 5px;
}
.search_oops {
margin-bottom: 30px;
position: relative;
}
.bg_title h1,
.bg_title h2,
.bg_title h3,
.bg_title h4,
.bg_title h5,
.bg_title h6 {
margin: 0;
}
.bg_title {
padding-bottom: 20px;
margin: 0;
}
/* Highlighters */
.highlighted_dark {
background: #2e3032;
color: #c8c9cc;
padding: 0 2px;
}
.highlighted_light {
background: #e4e7e9;
padding: 0 2px;
}
.highlighted_colored {
color: #ffffff;
padding: 0 1px;
}
/* Blockquotes */
blockquote {
padding: 0 0 8px 19px;
margin: 0 0 10px 0;
position: relative;
min-height: 32px;
border-left: 4px solid #c8c9cc;
}
blockquote.shortcode_blockquote {
position: relative;
padding: 0;
margin: 4px 0 0 0;
}
blockquote.left {
float: left;
}
blockquote.right {
float: right;
margin-left: 30px;
}
blockquote.shortcode_blockquote .blockquote_wrapper {
padding: 0 0 0 20px;
margin-top: 3px;
}
blockquote.shortcode_blockquote.left .blockquote_wrapper {
padding-right: 30px;
}
blockquote.shortcode_blockquote p {
margin-top: -7px;
}
blockquote.shortcode_blockquote.type1 {
border-color: #3f4041;
}
blockquote.shortcode_blockquote .author {
font-size: 12px;
margin: 0 0 -4px 0;
padding-top: 0;
color: #aaaaaa;
}
/* Text Styles */
.alignleft {
margin: 0 15px 10px 0;
float: left;
}
.alignright {
margin: 0 0 10px 15px;
float: right;
}
.aligncenter {
float: none;
text-align: center;
}
.contentarea img {
max-width: 100%;
height: auto;
}
.gmnoprint img {
max-width: inherit !important;
}
.module_text_area img {
max-width: 100%;
height: auto;
}
/* Dropcaps */
.dropcap {
display: inline-block;
float: left;
font-size: 28px;
line-height: 30px;
margin: 3px 17px 0 4px;
width: auto;
height: auto;
text-transform: uppercase;
}
.dropcap {
color: #c8c9cc;
}
.dropcap.type1 {
color: #3f4041;
}
/* Dividers */
.module_cont hr {
border: none;
border-top: #e4e7e9 1px solid;
margin: 0 0 0 0;
height: 19px;
display: block;
background: none;
}
.module_cont hr.type1 {
border-top: #cacdcf 1px solid;
}
.module_cont hr.type2 {
border-top: #3f4041 1px solid;
}
/* Custom Styles */
.center_title .headInModule {
text-align: center;
letter-spacing: 1.4px;
}
.headInModule {
letter-spacing: 0.9px;
}
/* B L O G L I S T I N G */
/* Module Listing */
.pf_output_container img,
.pf_output_container iframe {
display: block;
}
.blog_post_preview .pf_output_container {
margin-bottom: 17px;
}
.preview_type1 {
overflow: hidden;
}
.preview_type1 .preview_image,
.preview_type1 .preview_content {
width: 50%;
display: inline-block;
float: left;
padding: 0 20px 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.preview_type1 .preview_content {
float: right;
padding: 0 0 0 20px;
}
.noImage .preview_content {
width: 100%;
padding: 0;
}
.blog_post_preview .blogpost_title {
margin: -3px 0 12px 0;
padding-left: 25px;
position: relative;
}
.simple-post .blog_post_page .blogpost_title {
font-size: 16px;
line-height: 18px;
letter-spacing: 1.2px;
}
.fw-post .blog_post_page .blogpost_title {
font-size: 22px;
line-height: 24px;
letter-spacing: 0.9px;
padding: 0;
}
.fw-post .blog_post_page .blogpost_title:before {
display: none;
}
.content_wrapper.fw-post {
margin-top: -19px;
}
.simple-post .fl-container {
padding-top: 4px;
}
.fw-post .fl-container {
padding-top: 1px;
}
.blog_post_preview .preview_title .blogpost_title {
margin: -3px 0 11px 0;
}
.blog_post_page .blogpost_title {
margin: 3px 0 12px 0 !important;
}
.fw-post .blog_post_page .blogpost_title {
margin: 3px 0 19px 0 !important;
}
.blog_post_page .preview_likes {
margin-top: 3px;
}
.fw-post .blog_post_page .preview_likes {
margin-top: 12px;
}
.blog_post_page .preview_likes i.stand_icon {
margin-bottom: 1px;
}
.blog_post_preview .blogpost_title:before {
content: '';
width: 12px;
height: 12px;
display: block;
position: absolute;
left: 0;
top: 3px;
}
.preview_top {
overflow: hidden;
margin-bottom: 12px;
}
.fw-post .preview_top {
border-bottom: #e4e7e9 1px solid;
}
.preview_title {
float: left;
display: inline-block;
}
.preview_likes {
float: right;
text-align: center;
display: inline-block;
font-size: 13px;
line-height: 22px;
cursor: pointer;
}
.preview_likes i {
font-size: 30px;
line-height: 28px;
display: block;
text-align: center;
}
.blog_post_preview {
border-bottom: #e4e7e9 1px solid;
padding-bottom: 39px;
margin-bottom: 40px;
}
.preview_read_more {
display: inline-block;
background: #bfc2c5;
font-size: 11px;
line-height: 22px;
padding: 0 8px 2px 8px;
border-radius: 3px;
color: #ffffff;
margin: 17px 0 0 0;
transition: background 250ms, color 250ms;
}
.preview_read_more:hover {
background: #3f4041;
color: #ffffff;
}
.blog_post_preview .listing_meta {
margin: 0 0 11px 0;
}
.fw-post .blog_post_preview .listing_meta {
margin: 0 0 8px 0;
}
.blog_post_preview .listing_meta,
.blog_post_preview .listing_meta span,
.blog_post_preview .listing_meta a {
color: #bababa;
}
.blog_post_preview .middot {
padding: 0 5px 0 8px;
font-weight: 900;
}
/* Fullscreen Listing*/
.fullscreen_block {
text-align: left;
padding: 10px 0 0 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.fs_blog_module {}
.fs_blog_module .img_block {
margin: 0;
}
.fullscreen_block.fs_grid_block {
padding: 0;
}
.fs_blog_module {
font-size: 0;
line-height: 0;
text-align: left;
}
.fullscreen_block .blogpost_preview_fw {
width: 25%;
float: left;
display: inline-block;
}
.fullscreen_block .featured_items {
margin: 0 10px 10px 0;
}
.blogpost_preview_fw iframe,
.pf_output_container iframe {
width: 100%;
border: 0;
}
/*Pager*/
.pagerblock {
padding: 0;
margin: 0;
}
.pagerblock.portfolio_pager {
margin: 50px 0 10px 0;
}
.module_portfolio {
overflow: hidden;
}
.module_portfolio .pagerblock {
padding-top: 0;
}
.pagerblock li:before {
display: none;
}
.pagerblock li {
display: inline-block;
margin: 0 5px 0 0;
}
.pagerblock li a {
font-size: 12px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
display: block;
background: #bfc2c5;
color: #ffffff;
border-radius: 3px;
transition: background 250ms, color 250ms;
}
.pagerblock li a.current {
background: #d8d9da;
}
/* S I N G L E P O S T S */
.site_wrapper.fw-post {
padding-top: 31px;
}
.blog_post_page {
margin-top: -8px;
}
.single_post_top {
float: left;
display: inline-block;
}
.blog_post_page.blog_post_preview {
border: none;
padding: 0;
margin: 0 0 60px 0;
}
.blogpost_footer {
border-top: #e4e7e9 1px solid;
padding-top: 20px;
margin-top: 40px;
overflow: hidden;
}
.blogpost_footer .blogpost_share,
.blogpost_footer .blogpost_tags {
max-width: 50%;
}
.blogpost_share {
float: left;
display: inline-block;
}
.blogpost_tags,
.blogpost_author_name {
float: right;
display: inline-block;
overflow: hidden;
}
.blogpost_tags a,
.blogpost_author_name span {
padding: 1px 9px 3px 18px;
display: inline-block;
float: left;
margin-left: 4px;
color: #ffffff;
font-size: 11px;
line-height: 20px;
border-radius: 3px;
position: relative;
background: #3f4041;
transition: opacity 250ms;
}
.blogpost_author_name span {
padding: 1px 9px 3px 24px;
}
.blogpost_author_name span:before {
content: "\f007";
color: #ffffff;
font-size: 12px;
line-height: 20px;
position: absolute;
left: 9px;
top: 1px;
font-family: 'FontAwesome';
}
.blogpost_tags a:before {
content: "";
background: #ffffff;
width: 4px;
height: 4px;
display: block;
border-radius: 100%;
position: absolute;
left: 8px;
top: 10px;
}
.blogpost_share a {
padding: 2px 9px 2px 9px;
display: inline-block;
float: left;
margin-right: 10px;
color: #ffffff;
font-size: 11px;
line-height: 20px;
border-radius: 3px;
position: relative;
background: #3f4041;
transition: opacity 250ms;
}
.blogpost_tags a {
margin-bottom: 4px;
}
.blogpost_share a {
margin-bottom: 4px;
}
.blogpost_share a:hover,
.blogpost_tags a:hover {
opacity: 0.7;
color: #ffffff;
}
.blogpost_share i {
font-size: 12px;
}
.blogpost_share a.share_facebook {
background: #6383be;
}
.blogpost_share a.share_pinterest {
background: #e07070;
}
.blogpost_share a.share_tweet {
background: #5ac8d8;
}
.blogpost_share a.share_gplus {
background: #e07070;
}
.fw-post .blog_post_content {
padding-top: 20px;
}
/* Comments */
#comments {
padding-top: 50px;
}
.postcomment {
position: relative;
margin-bottom: 36px;
padding-left: 22px;
}
.postcomment:before {
content: '';
width: 10px;
height: 10px;
display: block;
position: absolute;
left: 0;
top: 3px;
}
.commentlist {
margin-bottom: 30px;
}
.commentlist li {
margin: 0;
padding: 0;
position: relative;
}
.commentlist li:before {
display: none;
}
.commentlist li ul>li {
padding: 0 0 0 30px;
}
.commentlist li ul:before {
display: none;
}
.stand_comment {
position: relative;
padding: 0 0 9px 88px;
min-height: 66px;
}
.commentlist li ul>li:before {
display: none;
}
.commentava {
width: 64px;
height: 64px;
border-radius: 100%;
display: block;
position: absolute;
left: 0;
top: 1px;
}
.commentava img {
width: 100%;
height: auto;
border-radius: 100%;
display: block;
}
.comment_content {
position: relative;
padding: 11px 30px 0 2px;
}
.comment_box {
border: #c8c9cc 1px solid;
padding: 10px 16px 4px 20px;
position: relative;
margin-right: 30px;
min-height: 29px;
display: inline-block;
width: auto;
}
.comment_box:before {
content: '';
width: 6px;
height: 9px;
display: block;
position: absolute;
left: -6px;
top: 18px;
background: url(../img/soho_sprite.png) no-repeat 0 -21px;
}
.comment_box .comment-reply-link {
position: absolute;
right: -31px;
top: 12px;
}
.comment-reply-link:after {
content: '\f112';
font-family: 'FontAwesome';
color: #777777;
transition: color 250ms;
}
.comment_info,
.comment_info a {
color: #bababa;
}
.comment_info {
padding-top: 8px;
}
#reply-title {
margin: 0 0 27px 0;
letter-spacing: 1px;
font-size: 14px;
line-height: 16px;
position: relative;
padding-left: 22px;
}
#reply-title a,
#reply-title small {
letter-spacing: 1px;
font-size: 14px;
line-height: 16px;
}
#reply-title:before {
content: '';
width: 10px;
height: 10px;
display: block;
position: absolute;
left: 0;
top: 3px;
}
#respond {
padding: 14px 0 0 0;
}
li #respond {
padding: 14px 0 20px 0;
}
.form-allowed-tags {
color: #3f4041;
font-size: 11px;
}
.logged-in-as,
.comment-notes {
color: #3f4041;
font-size: 11px;
margin-bottom: 13px;
}
.comment-form {
overflow: hidden;
}
.comment-form p.form-submit {
display: block;
float: left;
margin: 0;
}
.comment-form p.form-allowed-tags {
display: block;
float: right;
margin: 0;
}
/* P O R T F O L I O */
/* Filter */
.optionset {
margin: -2px 0 40px 0;
text-align: left;
position: relative;
z-index: 10;
}
.fullscreen_block .optionset {
margin: 0;
padding: 17px 20px 10px 20px;
}
.without_padding.fullscreen_block .optionset {
padding: 17px 20px 20px 20px;
}
.optionset,
.optionset li,
.optionset li a {
font-size: 10px;
line-height: 12px;
}
.optionset li {
display: inline-block;
font-weight: 400;
}
.optionset li:before {
content: '\00b7';
padding: 0 12px 0 11px;
font-weight: 900;
color: #bfc0c1;
font-size: 12px;
line-height: 12px;
}
.optionset li:first-child:before {
display: none;
}
.optionset li:after {
display: none;
}
.optionset li a {
color: #bfc0c1;
text-transform: uppercase;
letter-spacing: 1.1px;
font-weight: 400;
}
.optionset li a:hover {
font-weight: 400;
}
/* Fullscreen Portfolio Listing */
.isotope {
text-align: center;
}
.fullscreen_portfolio.without_padding .optionset li a,
.fullscreen_portfolio.without_padding .load_more_works {
color: #65686b;
}
.fullscreen_portfolio.without_padding .load_more_works span:before,
.fullscreen_portfolio.without_padding .load_more_works span:after {
background: #65686b;
}
.fullscreen_portfolio.without_padding .optionset li:before {
color: #2e3032;
}
.fullscreen_portfolio.without_padding .optionset li.selected a,
.fullscreen_portfolio.without_padding .optionset li a:hover,
.fullscreen_portfolio.without_padding .load_more_works:hover {
color: #b8bcc1;
}
.fullscreen_portfolio.without_padding .load_more_works:hover span:before,
.fullscreen_portfolio.without_padding .load_more_works:hover span:after {
background: #b8bcc1;
}
.fullscreen_portfolio.with_padding .optionset li a,
.fullscreen_portfolio.with_padding .load_more_works {
color: #8b8e90;
}
.fullscreen_portfolio.with_padding .load_more_works span:before,
.fullscreen_portfolio.with_padding .load_more_works span:after {
background: #8b8e90;
}
.fullscreen_portfolio.with_padding .optionset li:before {
color: #bfc0c1;
}
.with_padding .fw-portPreview {
padding: 0 10px 10px 0;
}
.without_padding .fw-portPreview {
padding: 0;
}
.with_padding .sorting_block,
.with_padding .is_masonry {
padding-top: 10px;
margin-left: 10px;
}
.without_padding .sorting_block,
.without_padding .is_masonry {
padding-top: 0;
margin-left: 0;
}
.fs_port_item {
position: relative;
z-index: 77;
display: block;
}
.fs_port_item .bottom_box {
position: absolute;
left: 0;
bottom: -100%;
display: block;
width: 100%;
text-align: left;
transition: bottom 300ms;
}
.fs_port_item:hover .bottom_box {
bottom: 0%;
}
.fullscreen_portfolio {
padding: 0;
}
.isotope .element {
margin-left: -1px;
}
.load_more_works {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 14px;
padding: 43px 0 45px 0;
transition: color 250ms;
}
.load_more_works span {
width: 10px;
height: 10px;
display: inline-block;
position: relative;
margin-right: 7px;
}
.load_more_works span:before {
content: '';
width: 10px;
height: 2px;
top: 4px;
left: 0;
display: block;
position: absolute;
transition: background-color 250ms;
}
.load_more_works span:after {
content: '';
width: 2px;
height: 10px;
top: 0;
left: 4px;
display: block;
position: absolute;
transition: background-color 250ms;
}
/* Module Portfolio Listing */
.element.loading {
opacity: 0.01;
}
.portfolio_block {
margin: -40px 0 0 -40px;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.portfolio_block .portfolio_item {
display: inline-block;
vertical-align: top;
}
.portfolio_item .portfolio_item_img {
position: relative;
overflow: hidden;
}
.portfolio_item .portfolio_item_img img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
/* 1 column */
.portfolio_block.columns1 .element {
margin-top: 60px;
}
.portfolio_block.columns1 {
margin: 0;
margin-top: -60px !important;
}
.portfolio_block.columns1 .portfolio_dscr,
.portfolio_block.columns1 .portfolio_item_img {
width: 50%;
padding-left: 25px;
display: inline-block;
box-sizing: border-box;
float: left;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.portfolio_block.columns1 .portfolio_dscr {
text-align: left;
}
.portfolio_block.columns1 .portfolio_item_img {
padding-right: 25px;
padding-left: 0;
}
.portfolio_dscr_top h3 {
position: relative;
padding: 0 0 0 30px;
margin: -3px 0 10px 0;
}
.portfolio_dscr_top h3:before {
content: '';
width: 13px;
height: 13px;
display: block;
position: absolute;
left: 0;
top: 4px;
}
.portfolio_block .listing_meta {
margin-bottom: 23px;
}
.portfolio_block .listing_meta .middot {
padding: 0 5px 0 8px;
}
.portfolio_block .listing_meta span,
.portfolio_block .listing_meta span a {
color: #bababa;
}
.portfolio_block.columns1 .portfolio_item {
width: 100%;
}
.portfolio_block.columns1 .portfolio_item_img img {
display: block;
}
/* 2 columns */
.columns2 .portfolio_item {
width: 50%;
}
.columns3 .portfolio_item {
width: 33.33333%;
}
.columns4 .portfolio_item {
width: 25%;
}
/* 2-3-4 Columns */
.columns2 .portfolio_item .portfolio_item_block,
.columns3 .portfolio_item .portfolio_item_block,
.columns4 .portfolio_item .portfolio_item_block {
margin: 40px 0 0 40px;
}
.bottom_box {
background: #1d1e1f;
display: block;
min-height: 81px;
position: relative;
padding: 22px 105px 15px 25px;
z-index: 17;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.columns2 .portfolio_item .bottom_box,
.columns3 .portfolio_item .bottom_box,
.columns4 .portfolio_item .bottom_box {
text-align: left;
}
.fw-portPreview .bottom_box {
z-index: 17;
}
.bc_likes:after {
content: '';
display: block;
position: absolute;
right: 71px;
top: -10px;
width: 0;
height: 0;
border-style: solid;
z-index: 17;
border-width: 10px 0 0 10px;
border-color: transparent transparent transparent #2e3032;
transition: border-color 250ms;
}
.bc_likes {
position: absolute;
width: 81px;
height: 100%;
background: #2e3032;
right: 0;
top: 0;
padding-top: 23px;
text-align: center;
display: inline-block;
font-size: 13px;
line-height: 22px;
cursor: pointer;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: background 250ms, color 250ms;
}
.bc_likes i {
font-size: 22px;
line-height: 20px;
display: block;
text-align: center;
margin-bottom: 2px;
transition: color 250ms;
}
.bc_likes:hover,
.bc_likes:hover i {
color: #ffffff;
}
.bc_title {
margin: 0 0 5px 0;
}
.bc_title,
.bc_title a {
font-size: 13px;
line-height: 15px;
color: #a8abad;
}
.bc_content .featured_items_meta,
.bc_content .featured_items_meta span,
.bc_content .featured_items_meta a,
.bc_content .featured_items_meta .middot {
color: #78797a;
}
.bc_content .featured_items_meta a:hover {
color: #a8abad;
}
.bc_content .featured_items_meta,
.bc_content .featured_items_meta span,
.bc_content .featured_items_meta a {
font-size: 11px;
}
/* Fullscreen Portfolio Posts */
.fs_controls-port {
transition: transform 400ms, bottom 400ms;
z-index: 99;
}
.fs_close_unbinder {
width: 81px;
height: 81px;
z-index: -1;
display: block;
position: fixed;
top: 0;
right: 81px;
}
.show_content .fs_close_unbinder {
z-index: 9999;
}
.show_content .fs_controls {
bottom: 100%;
transform: translate(0, 81px);
z-index: 105;
}
.close_controls.show_me_always {
transition: transform 400ms, bottom 400ms;
}
.show_content .close_controls.show_me_always {
bottom: 100%;
transform: translate(0, 81px);
}
.show_content .close_controls.show_me_always:before,
.show_content .close_controls:before {
opacity: 0.5;
}
.fs-port-bg {
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background-size: cover;
background-position: center;
}
.port_content {
position: absolute;
overflow: hidden;
width: 100%;
height: 0%;
display: block;
left: 0;
top: 100%;
z-index: 33;
transition: top 400ms, height 400ms;
}
.port_content .contnt_block {
width: 100%;
display: block;
background: #ffffff;
z-index: 15;
padding: 122px 0 40px 0;
}
.port_content .contnt_block .container {
text-align: left;
}
.show_content .port_content {
overflow: visible;
position: absolute;
top: 0;
height: 100%;
}
.whaterWheel_content.is_wheel,
.is_wheel #whaterwheel {
width: 100%;
display: block;
position: relative;
overflow: hidden;
height: 565;
}
.yes .ww_link {
cursor: default;
}
.is_wheel .ww_block {
position: absolute;
left: 50%;
top: 0;
display: block;
z-index: -10;
opacity: 0;
whidth: 565px;
height: 565px;
transition: all 400ms;
}
.is_wheel .ww_block img {
display: block;
margin: 15px 0 0 15px;
}
.ww_block.prev3,
.ww_block.prev2,
.ww_block.prev,
.ww_block.current,
.ww_block.next,
.ww_block.next2,
.ww_block.next3 {
z-index: 15;
opacity: 1;
}
.is_wheel .ww_block img {
display: block;
}
.dragme {
padding-top: 15px;
}
.dragme #whaterwheel {
opacity: 0;
transition: opacity 500ms;
}
.dragme img {
width: 100%;
height: auto;
}
/* C O U N T D O W N */
.global_count_wrapper {
text-align: center;
overflow: hidden;
}
.countdown_wrapper {
position: absolute;
left: 0;
width: 100%;
display: block;
z-index: 5;
transition: top 300ms;
}
.count_title {
font-size: 34px;
line-height: 34px;
color: #ffffff;
text-transform: uppercase;
position: absolute;
text-align: center;
width: 100%;
display: block;
left: 0;
margin: 0;
transition: top 300ms;
z-index: 5;
}
.count_title h1 {
font-size: 34px;
line-height: 34px;
color: #ffffff;
text-transform: uppercase;
text-align: center;
width: 100%;
display: block;
margin: -6px 0 -4px;
z-index: 5;
letter-spacing: 17px;
padding-left: 17px;
}
.cs_logo {
display: inline-block;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 5;
}
.cs_logo img {
display: block;
margin: 12px 0 5px 0;
}
.cs_fadder {
background: rgba(0, 0, 0, 0.75);
position: fixed;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.count_container_wrapper {
position: absolute;
text-align: center;
width: 100%;
display: block;
left: 0;
z-index: 5;
transition: bottom 300ms;
}
.count_container {
width: 1170px;
margin: 0 auto;
}
.soc_icons {
padding-top: 40px;
}
.count_ico {
display: inline-block;
margin: 0 26px;
font-size: 31px;
line-height: 31px;
margin-top: 16px;
color: #ffffff;
transition: opacity 250ms;
}
.count_ico:hover {
opacity: 0.7
}
.count_ico i {
color: #ffffff;
}
.form_area {
position: relative;
display: block;
text-align: center;
}
.notify_text {
/*width: 1170px;*/
text-align: center;
margin: 0 auto 0 auto;
color: #ffffff;
font-size: 16px;
line-height: 18px;
}
.notify_shortcode {
width: 667px;
padding: 24px 0 0 0;
text-align: center;
margin: 0 auto;
}
.notify_shortcode div,
.notify_shortcode span,
.notify_shortcode p {
font-size: 0;
line-height: 0;
padding: 0;
}
.notify_shortcode form {
overflow: hidden;
display: block;
width: 570px;
margin: 0 auto;
}
.notify_shortcode input[type="text"],
.notify_shortcode input[type="email"],
.notify_shortcode input[type="password"] {
height: 34px;
color: #7e7f81;
width: 490px;
max-width: 490px;
float: left;
border: none;
background: #ffffff;
border-radius: 0;
font-size: 11px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
}
.notify_shortcode input[type="submit"] {
padding: 6px 0 8px 0;
color: #ffffff;
background: #474747;
text-align: center;
width: 80px;
text-align: center;
border-radius: 0 3px 3px 0;
text-transform: uppercase;
display: block;
float: left;
height: 34px;
font-size: 12px;
line-height: 20px;
}
.notify_shortcode input[type="submit"]:hover {
background: #3f4041;
color: #ffffff;
}
.notify_shortcode img {
display: none;
}
/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
direction: rtl;
}
.countdown-row {
clear: both;
width: 100%;
display: block;
margin-bottom: -6px;
padding: 0px 2px;
text-align: center;
}
.countdown-section {
width: auto;
display: inline-block;
text-align: center;
font-size: 0;
line-height: 0;
margin: -14px 0 -8px 0;
}
.countdown-row .countdown-section:before {
content: '';
padding: 0 44px;
}
.countdown-row .countdown-section:first-child:before {
display: none;
}
.countdown-amount {
font-size: 84px;
line-height: 84px;
color: #ffffff;
padding: 0 44px 0 61px;
letter-spacing: 17px;
text-align: center;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.countdown-period {
padding: 0 38px 0 44px;
font-size: 20px !important;
line-height: 20px !important;
color: #ffffff;
display: block;
width: 100%;
text-align: center;
position: relative;
text-transform: uppercase;
margin: 13px 0 0 0;
letter-spacing: 6px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* S T R I P T E M P L A T E */
.mobile-hover {
display: none;
}
.strip-menu,
.strip-landing {
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.strip-item {
position: relative;
display: block;
background-position: center;
background-repeat: no-repeat;
/* background-size: auto 100%; */
float: left;
height: 100%;
transition: background 350ms;
}
.strip-item {
font-family: 'MaximaNouva', sans-serif;
filter: grayscale(1);
transition: all ease .3s;
}
.strip-item:hover {
/* background-size: auto 108%; */
filter: grayscale(0);
/* transform: scale(1.2); */
}
.strip-item:hover h1 {
color: #ffffff !important;
}
.strip-item .strip-text {
position: absolute;
left: 0;
top: 50%;
width: 100%;
display: block;
text-align: center;
z-index: 17;
transition: opacity 250ms;
}
.strip-item:hover .strip-text {
/* opacity: 0.7; */
}
.strip-menu .strip-item .strip-text h1 {
margin: 20px 0;
font-weight: 900;
font-size: 28px;
line-height: 32px;
color: #ffffff;
letter-spacing: 11px;
}
.strip-item:hover .strip-item .strip-text h1 {
color: red;
}
.strip-landing .strip-item .strip-text h1 {
margin: 0 0 14px 0;
font-size: 24px;
line-height: 26px;
color: #ffffff;
letter-spacing: 12px;
}
.strip-landing .strip-item .strip-text {
width: auto;
text-align: left;
left: 50%;
}
.strip-landing .strip-item .strip-text h6 {
color: #ffffff;
margin: 0;
}
.strip-landing .strip-item:first-child .strip-text {
text-align: right;
}
.strip-landing .strip-item:first-child .strip-text h1 {
margin-right: -12px;
}
.strip-item .strip-text img {
max-width: 90%;
display: block;
margin: 0 auto;
height: auto;
}
.strip-item .strip-fadder {
position: absolute;
z-index: 15;
display: block;
width: 100%;
height: 100%;
}
.strip_link {
position: absolute;
left: 0;
top: 0;
z-index: 19;
width: 100%;
height: 100%;
display: block;
}
.landing_logo {
position: fixed;
left: 50%;
top: 50%;
z-index: 22;
display: block;
padding: 52px;
}
.landing_logo.circle {
border-radius: 100%;
}
.landing_logo img {
transition: opacity 500ms;
}
.landing_logo:hover img {
opacity: 0.7;
}
.loading.landing_logo {
transform: scale(0, 0) rotateY(360deg);
opacity: 0;
}
.landing_preloader {
width: 0%;
height: 6px;
position: fixed;
left: 0;
top: 50%;
margin-top: -23px;
display: block;
background: rgba(255, 255, 255, 0.6);
}
.landing_logo.type1 {
transition: all 1000ms, opacity 500ms;
transform: translate(0, -20px);
}
/* W I D G E T S */
.sidepanel {
margin-bottom: 45px;
padding: 0;
}
.widget_area {
display: block;
width: 100%;
overflow: hidden;
text-align: left;
padding-top: 29px;
}
.widget_area .span12 {
text-align: left;
margin: 0;
width: 100%;
}
.right-sidebar-block .sidepanel:last-child,
.left-sidebar-block .sidepanel:last-child {
margin-bottom: 0px;
padding: 0;
}
.right-sidebar-block,
.left-sidebar-block {
margin-bottom: 12px;
}
.sidepanel .sidebar_header {
position: relative;
margin-bottom: 23px;
}
.span3 .sidepanel:first-child {
margin-top: 0;
}
.sidebar_header {
margin: 0 0 10px 0;
}
/* Menus & Lists Widgets */
.widget_archive select,
.widget_categories select {
width: 100%;
}
.widget_nav_menu ul,
.widget_archive ul,
.widget_pages ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul {
margin: -15px 0 0 0;
padding: 0;
}
.widget_nav_menu ul {
padding: 0 0 0 0;
}
.widget_nav_menu ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_recent_entries ul li,
.widget_meta ul li {
padding: 0;
padding: 3px 0 3px 0;
}
.widget_nav_menu ul li ul,
.widget_archive ul li ul,
.widget_pages ul li ul,
.widget_categories ul li ul,
.widget_recent_entries ul li ul,
.widget_meta ul li ul {
padding: 2px 0 2px 15px;
margin: 0 -14px -5px 0;
}
.widget_nav_menu ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_recent_entries ul li,
.widget_meta ul li {
position: relative;
border-bottom: #e4e7e9 1px solid;
padding: 11px 14px 2px 0;
}
.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_recent_entries ul li a,
.widget_meta ul li a {
padding: 0 5px 0 0;
display: inline-block;
border-radius: 0;
background: none;
transition: color 250ms;
-webkit-transition: color 250ms;
}
.widget_nav_menu ul li a:before {
background: none;
}
.widget_nav_menu ul li:before,
.widget_archive ul li:before,
.widget_pages ul li:before,
.widget_categories ul li:before,
.widget_recent_entries ul li:before,
.widget_meta ul li:before {
display: none;
}
.widget_nav_menu ul li a:after,
.widget_archive ul li a:after,
.widget_pages ul li a:after,
.widget_categories ul li a:after,
.widget_recent_entries ul li a:after,
.widget_meta ul li a:after {
content: "\f105";
font-family: 'FontAwesome';
position: absolute;
right: 0;
top: 13px;
display: block;
}
/* Mailchimp */
.mc_form_inside {
padding-top: 10px;
padding-bottom: 10px;
}
.mc_signup_submit {
text-align: left;
}
.mc_var_label {
display: block;
}
.mc_var_label {
display: none;
}
#mc_signup_form {
overflow: hidden;
}
#mc_mv_EMAIL {
border-right: 0 !important;
border-radius: 0 !important;
padding: 4px 13px 5px 13px !important;
height: 34px !important;
margin: 0 !important;
width: 190px !important;
}
.mc_merge_var,
.mc_signup_submit {
float: left;
}
#mc_subheader {
font-size: 12px !important;
line-height: 22px !important;
margin-top: -4px !important;
margin-bottom: 6px !important;
}
.mc_var_label.mc_header.mc_header_email {
display: none !important;
}
#mc_signup_submit {
float: left !important;
width: 80px !important;
padding: 4px 0 5px 0 !important;
margin: 0 !important;
text-align: center !important;
font-size: 12px !important;
line-height: 20px !important;
height: 34px;
color: #ffffff !important;
background: #737373 !important;
border-radius: 0 3px 3px 0 !important;
}
#mc_signup_submit:hover {
background: #3f4041 !important;
color: #ffffff !important;
}
.mc_var_label,
.mc_interest_label {
margin: 0 0 10px 0 !important;
}
.mc_merge_var {
margin: 0 0 2px 0 !important;
}
/* Widget Search */
.search_form {
position: relative;
}
.field_search {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/* Featured Posts Widget */
.recent_posts {
padding: 5px 0 0 0;
margin: 0 0 5px 0;
}
.recent_posts_img {
width: 46px;
height: 46px;
display: block;
position: absolute;
left: 0;
top: 0;
border-radius: 100%;
}
.recent_posts_img img {
width: 100%;
height: auto;
display: block;
border-radius: 100%;
}
.widget_posts li:before,
.widget_posts li a:before {
display: none;
}
.widget_posts li {
position: relative;
margin-top: 11px;
padding-left: 63px;
min-height: 46px;
padding-bottom: 9px;
}
.widget_posts li:last-child {
padding-bottom: 2px;
}
.widget_posts li.no_img {
padding-left: 0;
min-height: 0;
}
.widget_posts li:first-child {
margin-top: 0;
}
.widget_posts li:before {
display: none;
}
.recent_posts_content span,
.recent_posts_content a {
color: #bababa;
display: inline-block;
}
.widget_posts div.clear {
font-size: 0;
line-height: 0;
}
.widget_posts .post_title {
display: inline-block;
margin: 0 0 2px 0;
}
/* Calendar */
.widget_calendar table {
width: 100%;
text-align: center;
}
.widget_calendar caption {
font-weight: bold;
margin-bottom: 5px;
}
.widget_calendar th {
font-weight: bold;
border: none;
}
.widget_calendar table {
border: none;
}
.widget_calendar table td {
padding: 0;
border: none;
}
/* Flickr Widget */
.flickr_widget_wrapper {
overflow: hidden;
display: block;
font-size: 0;
line-height: 0;
margin: -14px 0 0 -10px;
padding-top: 9px;
}
.widget_flickr .flickr_badge_image {
padding: 10px 0 0 10px;
width: 20%;
display: inline-block;
position: relative;
overflow: hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget_flickr .flickr_badge_image a {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border-radius: 100%;
}
.widget_flickr .flickr_badge_image img {
display: block;
height: auto;
width: 100%;
border-radius: 100%;
opacity: 0.5;
transition: opacity 250ms;
}
.flickr_badge_image .flickr_fadder {
display: none;
}
.widget_flickr .flickr_badge_image a:hover img {
opacity: 1;
}
/* Tag Cloud */
.tagcloud {
overflow: hidden;
}
.tagcloud {
margin: -5px 0 0 -5px;
}
.widget_tag_cloud a {
display: inline-block;
color: #ffffff;
margin: 5px 0 0 5px;
font-size: 11px !important;
line-height: 20px !important;
height: 20px;
padding: 1px 11px 3px 18px;
background: #bfbfbf;
float: left;
border-radius: 3px;
text-transform: lowercase;
position: relative;
transition: color 250ms, background 250ms;
}
.widget_tag_cloud a:before {
content: '';
position: absolute;
left: 8px;
top: 10px;
width: 4px;
height: 4px;
display: block;
background: #ffffff;
border-radius: 100%;
}
.widget_tag_cloud a:hover {
color: #ffffff;
background: #3f4041;
}
.sidepanel .sub-menu {
padding-left: 15px;
}
.sidepanel img,
.sidepanel select {
max-width: 100%;
}
#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input {
width: 24px !important;
}
#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
width: 200px !important;
}
/* P R E L O A D E R */
.preloader {
position: fixed;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
z-index: 999;
}
.preloader_chart {
width: 146px;
height: 146px;
position: absolute;
left: -1px;
top: -2px;
display: block;
}
/* A N I M A T I O N S */
.fullscreen_block .loading,
.anim_el.loading {
opacity: 0;
transform: translateY(100px);
}
.fullscreen_block .fw_preview_wrapper {
transition: all 500ms;
}
.anim_el {
transition: all 300ms;
}
a {
transition: color 250ms;
}
table,
th,
td {
border: 1px #aaaaaa solid;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 25px;
border-width: 1px;
}
table th,
table td {
padding: 8px;
}
strong {
font-weight: 700;
}
.alignleft,
.alignright,
.aligncenter,
.alignnone,
.alignleft img,
.alignright img,
.aligncenter img,
.alignnone img {
max-width: 100%;
height: auto;
}
.aligncenter {
margin: 0 auto;
}
/* C U S T O M C L A S S E S */
.dn {
display: none;
}
.bypostauthor {
padding: 0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption {}
.wp-tag-cloud li:before {
display: none;
}
#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input {
height: 32px !important;
border: 0 !important;
}
.sitemap_margin {
height: 40px;
}
.hideme {
display: none;
}
.with_marker .headInModule {
padding-left: 35px;
position: relative;
}
.with_marker .headInModule:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 7px;
width: 23px;
height: 23px;
}
.icb7px {
padding-top: 7px;
}
.ui-loader {
display: none !important;
}
.title_square h1,
.title_square h2,
.title_square h3,
.title_square h4,
.title_square h5,
.title_square h6 {
position: relative;
}
.title_square h1 {
padding-left: 34px;
}
.title_square h2 {
padding-left: 33px;
}
.title_square h3 {
padding-left: 32px;
}
.title_square h4 {
padding-left: 30px;
}
.title_square h5 {
padding-left: 26px;
}
.title_square h6 {
padding-left: 20px;
}
.title_square h1:before,
.title_square h2:before,
.title_square h3:before,
.title_square h4:before,
.title_square h5:before,
.title_square h6:before {
content: '';
position: absolute;
display: block;
left: 0;
top: 3px;
}
.title_square h1:before {
width: 16px;
height: 16px;
top: 5px;
}
.title_square h2:before {
width: 14px;
height: 14px;
top: 5px;
}
.title_square h3:before {
width: 13px;
height: 13px;
top: 4px;
}
.title_square h4:before {
width: 12px;
height: 12px;
}
.title_square h5:before {
width: 10px;
height: 10px;
top: 4px;
}
.title_square h6:before {
width: 9px;
height: 9px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 6px 12px 8px 12px;
}
}
.no_margin .shortcode_button {
margin: 0 !important;
}
span.wpcf7-not-valid-tip {
color: #ffffff !important;
display: block !important;
padding: 7px 0 !important;
}
.wpcf7-validation-errors {
border: 0 !important;
margin: 15px 0 0 0 !important;
padding: 0 !important;
}
/*blog post author*/
.blogpost_user_meta {
margin: -17px 0 65px 0;
}
.blogpost_user_meta .user_meta_content {
position: relative;
padding: 20px 20px 18px 110px;
border: 1px solid #c8c9cc;
}
.blogpost_user_meta h5 {
position: absolute;
padding-left: 23px;
position: relative;
margin-bottom: 27px;
}
.blogpost_user_meta h5:before {
content: '';
width: 10px;
height: 10px;
display: block;
position: absolute;
left: 0;
top: 3px;
}
.blogpost_user_meta .author-ava {
width: 64px;
height: 64px;
display: block;
position: absolute;
left: 20px;
top: 20px;
}
.blogpost_user_meta .author-ava img {
display: block;
border-radius: 100%;
}
/* Custom css */
.def_img {
background-image: url(../img/def_bg.jpg);
}
.opacity0 {
opacity: 0;
}
.width50 {
width: 50%;
}
.width100 {
width: 100%;
}
.bg1 {
background-image: url(../img/bgs/1.jpg);
}
.black_bg {
background: #000;
}
.fullscreen_block.fw_background.bg_video iframe {
width: 100%;
height: 100%;
border: 0;
}
.contact_icons_color .contact_info_icon {
background: #fff;
}
.contact_icons_color .contact_info_icon {
background: #fff;
}
.contact_icons_color .contact_info_icon i {
color: #3f4041;
}
.required_marker {
color: #282929;
font-size: 11px;
}
/* Striped */
.strip_landing_left_bg {
background-image: url(../img/bgs/2.jpg);
}
.strip_landing_right_bg {
background-image: url(../img/bgs/3.jpg);
}
.strip_landing_left_bg .strip-fadder {
background: rgba(124, 133, 137, 0.75);
}
.strip_landing_right_bg .strip-fadder {
background: rgba(204, 203, 126, 0.92);
}
.no_strip_img .strip-fadder {
background: rgba(29, 30, 31, 1)
}
.striped1 {
background-image: url(../img/1-8.png);
}
/* .striped1 .strip-fadder,
.strip_transparent1 .strip-fadder {
background: rgba(204, 203, 126, 0.82);
} */
.striped2 {
background-image: url(../img/2-8.png);
}
.striped2 .strip-fadder,
.strip_transparent2 .strip-fadder {
/* background: rgba(124, 133, 137, 0.8); */
}
.striped3 {
background-image: url(../img/3-8.png);
}
.striped3 .strip-fadder,
.strip_transparent3 .strip-fadder {
/* background: rgba(155, 199, 193, 0.85); */
}
.striped4 {
background-image: url(../img/4-8.png);
}
.striped4 .strip-fadder,
.strip_transparent4 .strip-fadder {
/* background: rgb(146 197 140 / 85%); */
}
.strip_color1 .strip-fadder {
background: rgba(204, 203, 126, 1);
}
.strip_color2 .strip-fadder {
background: rgba(199, 142, 145, 1);
}
.strip_color3 .strip-fadder {
background: rgba(29, 30, 31, 1);
}
.strip_color4 .strip-fadder {
background: rgba(124, 133, 137, 1);
}
.strip_color5 .strip-fadder {
background: rgba(155, 199, 193, 1);
}
.strip_team1 {
background-image: url(../img/bgs/strip_team1.jpg);
}
.strip_team2 {
background-image: url(../img/bgs/strip_team2.jpg);
}
.strip_team3 {
background-image: url(../img/bgs/strip_team3.jpg);
}
.strip-fadder.strip_team {
background: rgba(255, 255, 255, 0.01);
}
/* Padding & Margins */
.pb0 {
padding-bottom: 0;
}
.pb3 {
padding-bottom: 3px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px;
}
.pb20 {
padding-bottom: 20px;
}
.pb23 {
padding-bottom: 23px;
}
.pb24 {
padding-bottom: 24px;
}
.pb30 {
padding-bottom: 30px;
}
.pb36 {
padding-bottom: 36px;
}
.pb37 {
padding-bottom: 37px;
}
.pb40 {
padding-bottom: 40px;
}
.pb44 {
padding-bottom: 44px;
}
.pb50 {
padding-bottom: 50px;
}
.pb53 {
padding-bottom: 53px;
}
.pb55 {
padding-bottom: 55px;
}
.pb60 {
padding-bottom: 60px;
}
.pb65 {
padding-bottom: 65px;
}
.pb70 {
padding-bottom: 70px;
}
.btns a {
margin-right: -1px;
}
.no_nav .nivo-controlNav {
display: none !important;
}
.fw_background bg_video iframe {
width: 100%;
height: 100%;
border: 0;
}
.dark_color i,
.dark_color span {
color: #393b3d;
}
.gallery_albums .bottom_box {
text-align: left;
}
/* Placeholder */
::-webkit-input-placeholder {
opacity: 1 !important;
}
:-moz-placeholder {
/* Firefox 18- */
opacity: 1 !important;
}
::-moz-placeholder {
/* Firefox 19+ */
opacity: 1 !important;
}
:-ms-input-placeholder {
opacity: 1 !important;
}
/* Placeholder Focus */
/* WebKit browsers */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
color: transparent !important;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: transparent !important;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.75;
filter: alpha(opacity=75);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10001;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 10005;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 10004;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 10006;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 0;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 0;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 25px 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
body.mfp-zoom-out-cur {
margin: 0 -17px 0 0 !important;
}
.mfp-zoom-out-cur .main_header,
.mfp-zoom-out-cur .site_wrapper,
.mfp-zoom-out-cur .main_footer,
.mfp-zoom-out-cur .fullscreen_block {
padding-right: 17px !important;
}
/* Custom Magnific Popup Arrows */
.mfp-arrow {
opacity: 1;
filter: alpha(opacity=100);
margin-top: 0;
width: 16px;
height: 14px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: opacity 300ms;
-webkit-transition: opacity 300ms;
background-image: url(../img/soho_sprite.png) !important;
background-repeat: no-repeat !important;
}
.mfp-arrow:active {
margin-top: 0;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: none;
}
.mfp-arrow-left {
left: 30px;
background-position: -208px -21px !important;
}
.mfp-arrow-right {
right: 30px;
background-position: -224px -21px !important;
}
.mfp-title,
.mfp-counter {
padding-top: 19px;
font-size: 14px;
font-weight: 300;
color: #fff;
line-height: 24px;
}
.mfp-close {
opacity: 1;
filter: alpha(opacity=100);
transition: opacity 300ms;
-webkit-transition: opacity 300ms;
}
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.mfp-close:active {
top: 0;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: 0;
text-align: right;
padding-right: 0;
width: 100%;
}
.mfp-iframe-holder .mfp-close {
top: 0;
}
.mfp-close {
text-indent: -9999px;
font-size: 0 !important;
line-height: 0 !important;
}
.mfp-close:before {
width: 12px;
height: 12px;
position: absolute;
content: '';
right: 0;
top: -2px;
display: block;
background-image: url(../img/soho_sprite.png);
background-repeat: no-repeat;
background-position: -196px -22px;
}
.mfp-iframe-scaler .mfp-close {
top: -27px;
}
.mfp-iframe-scaler .mfp-counter {
top: auto;
bottom: -32px;
}
/* Before-After Module */
.ba_after {
background-image: url(../img/imgs/ba-after.jpg);
}
.ba_before {
background-image: url(../img/imgs/ba-before.jpg);
}
/* Icons Color */
.icon_type1 {
background: #ff7070;
}
.icon_type1 i {
color: #ffffff;
}
.icon_type2 {
background: #136794;
}
.icon_type2 i {
color: #f1ff2b;
}
.icon_type3 {
background: #44c1d4;
}
.icon_type3 i {
color: #ffffff;
}
.icon_type4 {
background: #ffffff;
}
.icon_type4 i {
color: #3f4041;
}
.icon_type5 {
background: #2d3452;
}
.icon_type5 i {
color: #82eeff;
}
.icon_type6 {
background: #ffaa2b;
}
.icon_type6 i {
color: #ffffff;
}
.icon_type7 {
background: #78b800;
}
.icon_type7 i {
color: #ffffff;
}
.icon_type8 {
background: #303030;
}
.icon_type8 i {
color: #ffffff;
}
.icon_type9 {
background: #db7c5e;
}
.icon_type9 i {
color: #ffffff;
}
.icon_type10 {
background: #0d5459;
}
.icon_type10 i {
color: #a3fada;
}
.icon_type11 {
background: #ffffff;
}
.icon_type11 i {
color: #9e0000;
}
.icon_type12 {
background: #c5c5c5;
}
.icon_type12 i {
color: #d69c70;
}
.icon_type13 {
background: #c5c5c5;
}
.icon_type13 i {
color: #45cdff;
}
.icon_type14 {
background: #c5c5c5;
}
.icon_type14 i {
color: #f75b5b;
}
.icon_type15 {
background: #5968b3;
}
.icon_type15 i {
color: #ffffff;
}
.icon_type16 {
background: #4cc0ff;
}
.icon_type16 i {
color: #ffffff;
}
.icon_type17 {
background: #ff4c4c;
}
.icon_type17 i {
color: #ffffff;
}
.icon_type18 {
background: #4b5c8f;
}
.icon_type18 i {
color: #ffffff;
}
/* Google Map */
#map_section {
margin: 0 0 50px 0;
max-height: 620px;
overflow: hidden;
}
#map-canvas {
width: 100%;
height: 620px;
}
#map-canvas img {
max-width: none;
max-height: none;
}
.map_block #map-canvas {
height: 575px;
}
/* Form Valid Style */
.notification_error,
.notification_ok {
margin: 0 0 10px 0;
padding: 6px 15px 6px 12px;
position: relative;
text-align: left;
line-height: 21px;
font-size: 12px;
border-left-width: 33px;
border-left-style: solid;
}
.notification_ok {
color: #3c959c;
background: #c2f3f7;
border-left-color: #a8dee2;
}
.notification_error {
color: #b94739;
background: #ffaa9f;
border-left-color: #f19184;
}
.notification_error:before,
.notification_ok:before {
position: absolute;
left: -33px;
top: 0;
width: 33px;
line-height: 33px;
text-align: center;
font-size: 12px;
font-family: 'FontAwesome';
font-weight: normal;
}
.notification_error:before {
content: "\f057";
color: #b94739;
}
.notification_ok:before {
content: "\f05a";
color: #3c959c;
}