.brandon-bold-22,
.t-btn,
h1,
h2,
h3,
h4,
h5,
h6,
table th {
    letter-spacing: 2px
}
.margin-bottom-0,
.pro-list-s-item,
.pro-list-type {
    margin-bottom: 0
}
@font-face {
    font-family: Archer;
    src: url(theme/efs/fonts/ROCK.TTF)
}
@font-face {
    font-family: Brandon-Bold;
    src: url(theme/efs/fonts/Kanit-Bold.ttf)
}
@font-face {
    font-family: Brandon-Regular;
    src: url(theme/efs/fonts/Kanit-Regular.ttf)
}
@font-face {
    font-family: Brandon-Light;
    src: url(theme/efs/fonts/Kanit-Light.ttf)
}
@font-face {
    font-family: Brandon-Black;
    src: url(theme/efs/fonts/Kanit-Black.ttf)
}
@font-face {
    font-family: Brandon-Medium;
    src: url(theme/efs/fonts/Kanit-Medium.ttf)
}
@font-face {
    font-family: Archer-Book-Italic;
    src: url(theme/efs/fonts/ROCK.TTF)
}
@font-face {
    font-family: Archer-Bold-Italic;
    src: url(theme/efs/fonts/ROCK.TTF)
}
@font-face {
    font-family: Archer-Semi-Italic;
    src: url(theme/efs/fonts/ROCK.TTF)
}
.archer-medium-italic-14 {
    font-family: Archer;
    font-size: 15px;
    color: #000
}
.archer-bold-italic-16 {
    font-family: Archer-Bold-Italic;
    font-size: 16px;
    color: #fff
}
.archer-book-italic-16 {
    font-family: Archer-Book-Italic;
    font-size: 16px;
    color: #fff
}
.archer-semi-bold-italic-14 {
    font-family: Archer-Bold-Italic;
    font-size: 14px
}
.padi {
    padding: 0 18px
}
.padi2 {
    padding: 18px 0 7px 18px
}
.typetext {
    font-family: Archer;
    font-size: 14px;
    font-style: italic
}
.brandon-bold-copy,
.typehead {
    font-family: Brandon-Bold
}
.typehead {
    font-size: 22px
}
.brandon-bold-copy {
    font-size: 14px
}
.brandon-regular-copy {
    font-family: Brandon-Regular;
    font-size: 14px
}
.brandon-bold-13,
.brandon-bold-14,
.brandon-bold-18,
.brandon-bold-18-colorize,
.brandon-bold-22 {
    font-family: Brandon-Bold
}
.brandon-bold-18-colorize {
    font-size: 18px;
    color: #fff
}
.brandon-bold-18 {
    font-size: 18px
}
.brandon-bold-22 {
    font-size: 22px;
    color: #212121
}
.brandon-bold-13 {
    font-size: 13px
}
.brandon-bold-14 {
    font-size: 14px
}
.brandon-light-18,
.brandon-light-32 {
    font-family: Brandon-Light;
    letter-spacing: 3px
}
.brandon-light-18 {
    font-size: 18px
}
.brandon-light-32 {
    font-size: 32px
}
.brandon-black-13,
.brandon-black-14 {
    font-family: Brandon-Black
}
.brandon-black-13 {
    font-size: 13px
}
.brandon-black-14 {
    font-size: 14px;
    letter-spacing: 1px
}
.brandon-medium-13,
.brandon-medium-22,
.brandon-medium-48,
.brandon-medium-72 {
    font-family: Brandon-Medium
}
.brandon-medium-72 {
    font-size: 72px
}
.brandon-medium-48 {
    font-size: 48px
}
.brandon-medium-13 {
    font-size: 13px
}
.brandon-medium-22 {
    font-size: 22px
}
.slash-red {
    color: #e71a4e
}
.slash-black {
    color: #212121
}
.center-align {
    text-align: center
}
.margin-top-50 {
    margin-top: 50px
}
.iconlar {
    padding: 0;
    width: 6.333333%
}
.brandon-brown-14 {
    color: #d6b59c;
    padding: 0 18px 7px;
    font-family: Brandon-Bold;
    font-size: 14px;
    letter-spacing: .1em
}
.pro-detay-title-two,
;
.pro-detay-title {
    text-transform: uppercase;
    letter-spacing: 3px
}
.brandon-black-11 {
    font-family: Brandon-Black;
    font-size: 11px;
    color: #e5194c;
    padding: 10px 18px 6px
}
.project-detail {
    margin-top: 47px;
    font-size: 15px
}
.black {
    color: #000
}
.products-list-cap {
    background-color: #fff;
    height: 500px;
    text-align: -webkit-auto
}
.pro-list-s-item {
    color: #212121
}
.pro-list-type {
    padding: 0 0 0 18px
}
.pro-list-designer {
    margin-bottom: 0;
    padding: 0 18px 18px;
    background-color: #fff
}
.pro-detay-social,
.pro-detay-social-two {
    padding-right: 0;
    padding-left: 0
}
.pro-detay-social-two {
    margin-top: 80px
}
.pro-detay-border {
    border: 1px solid #e8004c;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin: 30px 0 10px
}
.pro-detay-title-two {
    margin-bottom: 0;
    margin-top: -64px
}
;
.pro-detay-title {
    margin-bottom: 0
}
.products-arkaplan {
    width: 100%;
    background-color: #fff;
    text-align: -webkit-center
}
.call-to-action .banner,
.drop-cap,
.scroll_bottom,
.slider-caption,
.text-center,
.widget-title {
    text-align: center
}
.slider-opacity-background {
    background: rgba(5, 5, 5, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(5, 5, 5, 1) 0, rgba(0, 0, 0, 1) 0, rgba(5, 5, 5, 1) 0, rgba(41, 41, 41, 1) 0, rgba(0, 0, 0, .02) 98%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(5, 5, 5, 1)), color-stop(0, rgba(0, 0, 0, 1)), color-stop(0, rgba(5, 5, 5, 1)), color-stop(0, rgba(41, 41, 41, 1)), color-stop(98%, rgba(0, 0, 0, .02)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(5, 5, 5, 1) 0, rgba(0, 0, 0, 1) 0, rgba(5, 5, 5, 1) 0, rgba(41, 41, 41, 1) 0, rgba(0, 0, 0, .02) 98%, rgba(0, 0, 0, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(5, 5, 5, 1) 0, rgba(0, 0, 0, 1) 0, rgba(5, 5, 5, 1) 0, rgba(41, 41, 41, 1) 0, rgba(0, 0, 0, .02) 98%, rgba(0, 0, 0, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(5, 5, 5, 1) 0, rgba(0, 0, 0, 1) 0, rgba(5, 5, 5, 1) 0, rgba(41, 41, 41, 1) 0, rgba(0, 0, 0, .02) 98%, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(5, 5, 5, 1) 0, rgba(0, 0, 0, 1) 0, rgba(5, 5, 5, 1) 0, rgba(41, 41, 41, 1) 0, rgba(0, 0, 0, .02) 98%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#050505', endColorstr='#000000', GradientType=1)
}
.scroll_bottom {
    position: absolute;
    z-index: 999999;
    bottom: 90px;
    color: #fff
}
@import url(css);
@import url(css-1);
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}
body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif
}
ol,
ul {
    margin: 20px 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
.clearfix:after,
.clearfix:before,
.fixed-header:after,
.fixed-header:before,
.latest-posts .post:after,
.latest-posts .post:before,
.post-navigation:after,
.post-navigation:before,
.progress-info:after,
.progress-info:before {
    content: " ";
    display: table
}
.clearfix:after,
.fixed-header:after,
.latest-posts .post:after,
.post-navigation:after,
.progress-info:after {
    clear: both
}
html {
    font-size: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*,
:after,
:before {
    box-sizing: inherit
}
body {
    color: #444;
    font-size: 13px;
    line-height: 1.75;
    text-rendering: optimizeLegibility;
    background: #fff
}
a {
    color: #fff;
    text-decoration: none !important
}
a:hover {
    color: #e5552f
}
::selection {
    background: #BDBDBD;
    color: #f1f1f1;
    text-shadow: none
}
::-moz-selection {
    background: #eb7a5c;
    color: #fff;
    text-shadow: none
}
::-webkit-selection {
    background: #eb7a5c;
    color: #fff;
    text-shadow: none
}
img::selection {
    background-color: transparent
}
img::-moz-selection {
    background-color: transparent
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #212121;
    font-weight: 300;
    text-transform: uppercase
}
h1,
h2,
h3 {
    font-weight: 100
}
h1 {
    font-size: 36px
}
h2 {
    font-size: 30px
}
h3 {
    font-size: 24px
}
h4 {
    font-size: 20px
}
h5 {
    font-size: 16px
}
h6 {
    font-size: 14px
}
h3.heading {
    font-size: 18px;
    font-weight: 400
}
p {
    margin-bottom: 15px
}
p:last-child {
    margin-bottom: 0
}
p.intro {
    font-size: 17px
}
strong {
    font-weight: 700
}
.t-btn {
    text-transform: uppercase;
    padding: 12px 20px;
    font-size: 12px;
    border-radius: 0;
    border: none;
    outline: 0;
    display: inline-block
}
.drop-cap,
pre {
    display: block
}
.t-btn-default {
    background: #000;
    color: #fff
}
.t-btn-default:focus,
.t-btn-default:hover {
    color: #fff;
    background: rgba(0, 0, 0, .9)
}
.t-btn-primary,
.t-btn-primary:hover {
    color: #fff;
    background: #eb7a5c
}
.t-btn-light {
    background: #f3f3f3;
    color: #000
}
.t-btn-light:hover {
    color: #000
}
.t-btn-outline {
    background-color: transparent;
    -moz-box-shadow: 0 0 2px #fff;
    -webkit-box-shadow: 0 0 2px #fff;
    box-shadow: 0 0 2px #fff
}
.t-btn-rounded {
    border-radius: 21px
}
.form-group input,
.form-group option,
.form-group select,
.form-group textarea {
    width: 100%
}
.form-group input[type=submit] {
    width: auto
}
input[type=text],
input[type=email],
input[type=number],
input[type=date],
input[type=password],
input[type=url],
input[type=tel],
textarea {
    max-width: 100%;
    color: #444;
    padding: 10px;
    margin-bottom: 15px;
    outline: 0;
    border: 1px solid #ddd;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #444
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #444
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #444
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #444
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {
    border-color: #aaa
}
ul {
    list-style: square inside
}
ul li {
    padding: 5px 0
}
ul li ul {
    padding-left: 30px
}
ul.border-list {
    list-style: none
}
ul.border-list li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}
ul a {
    color: #000
}
ul a:hover {
    color: #eb7a5c
}
ol {
    list-style: decimal inside
}
.slidebar-menu ul,
ul.comment-list,
ul.comment-list li ul,
ul.main-menu {
    list-style: none
}
ol li {
    padding: 5px 0
}
ol li ol {
    margin: 0;
    padding-left: 30px
}
pre {
    line-height: 1.75em;
    padding: 30px 30px 10px;
    overflow-x: auto;
    color: #a2a2a2;
    background: #f3f3f3;
    border-radius: 0
}
.latest-posts .post-content,
.parallax-bg,
.portfolio-post,
.portfolio-post .portfolio-box,
.team-member .team-image,
ul.comment-list .comment-content {
    overflow: hidden
}
blockquote {
    font-family: "Roboto Slab", serif;
    padding: 10px 15px 10px 30px;
    font-size: 17px;
    color: #a2a2a2;
    border-left: 4px solid #ddd;
    font-weight: 300
}
table,
table tbody tr {
    border: 1px solid #ddd
}
blockquote a {
    color: #a2a2a2 !important
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 30px;
    width: 100%
}
table tbody tr {
    border-left: 0;
    border-right: 0
}
table td,
table th {
    padding: 15px;
    border-left: 1px solid #ddd
}
.pagination>li:first-child a,
.pagination>li:first-child span,
.pagination>li:last-child a,
.pagination>li:last-child span,
.progress {
    border-radius: 0
}
table th {
    color: #000;
    text-transform: uppercase
}
.pagination>li>a,
.pagination>li>span {
    color: #444;
    padding: 10px 15px;
    margin-right: 4px;
    border-color: #ddd;
    -moz-transition: all, .2s;
    -o-transition: all, .2s;
    -webkit-transition: all, .2s;
    transition: all, .2s
}
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #444;
    background: inherit;
    border-color: #ddd
}
.pagination>li.active a,
.pagination>li.active a:focus,
.pagination>li.active a:hover,
.pagination>li.active span,
.pagination>li.active span:focus,
.pagination>li.active span:hover,
.pagination>li>a:hover,
.pagination>li>span:hover {
    background: inherit;
    border-color: #eb7a5c;
    color: #eb7a5c
}
.drop-cap {
    float: left;
    margin: 5px 10px 8px 0;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px
}
.call-to-action {
    padding: 50px 0 !important
}
.call-to-action .banner {
    padding: 0 30px
}
.call-to-action .banner .banner-heading {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 20px
}
.call-to-action .banner .banner-description {
    color: #fff;
    margin: 20px 0
}
.call-to-action .banner .banner-button {
    margin-top: 40px
}
.progress {
    background: rgba(0, 0, 0, .1);
    box-shadow: none;
    height: 3px
}
.progress-bar {
    background: #eb7a5c;
    box-shadow: none
}
.progress-info {
    margin-bottom: 5px
}
.skill {
    float: left;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.skill-value {
    float: right;
    font-size: 12px
}
.fact-item .count-icon {
    display: inline-block;
    margin: 8px;
    font-size: 20px
}
.fact-item .count-focus {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    display: inline-block;
    margin: 8px
}
.fact-item .fact-role {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    display: block
}
.white {
    color: #fff !important
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.m0 {
    margin: 0
}
.mt-0 {
    margin-top: 0
}
.mt-1 {
    margin-top: 20px
}
.mt-2 {
    margin-top: 30px
}
.mt-3 {
    margin-top: 40px
}
.mt-4 {
    margin-top: 60px
}
.mb-0 {
    margin-bottom: 0
}
.mb-half {
    margin-bottom: 10px
}
.mb-1 {
    margin-bottom: 20px
}
.mb-2 {
    margin-bottom: 30px
}
.mb-3 {
    margin-bottom: 40px
}
.mb-4 {
    margin-bottom: 60px
}
.icon-left {
    margin-right: 10px
}
.icon-right {
    margin-left: 10px
}
.block {
    display: block !important
}
.none {
    display: none !important
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 15px;
    background: 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}
@media (max-width:768px) {
    .fixed-header {
        padding: 0
    }
}
.inner-pages .fixed-header,
.scrolled-header {
    padding: 0 15px 0pz 0;
    background: rgba(255, 255, 255, .96);
    -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .08)
}
.inner-pages .fixed-header .logo .site-brand,
.inner-pages .fixed-header .main-menu>li>a,
.scrolled-header .logo .site-brand,
.scrolled-header .main-menu>li>a {
    color: #000
}
.inner-pages .fixed-header .main-menu>li>a.active,
.scrolled-header .main-menu>li>a.active {
    color: #eb7a5c
}
.inner-pages .fixed-header .sb-toggle-left i,
.inner-pages .fixed-header .sb-toggle-right i,
.scrolled-header .sb-toggle-left i,
.scrolled-header .sb-toggle-right i {
    color: #000
}
.logo .site-brand,
ul.main-menu>li a {
    text-transform: uppercase;
    color: #fff
}
ul.main-menu>li a:hover {
    text-decoration: underline !important;
}
.logo {
    float: left;
    margin: 0
}
.logo .site-brand {
    font-size: 20px;
    letter-spacing: 3px
}
ul.main-menu>li a,
ul.main-menu>li ul a {
    font-size: 12px;
    font-family: "Open Sans", sans-serif
}
.logo .site-brand img {
    width: 100%
}
.header-space {
    display: block;
    width: 100%
}
nav.site-nav {
    float: right
}
ul.main-menu {
    margin: 0
}
ul.main-menu>li {
    position: relative;
    display: inline-block;
    padding: 15px
}
ul.main-menu>li a {
    letter-spacing: 2px;
    display: inline-block;
    padding: 10px 0
}
ul.main-menu>li a i {
    margin-left: 4px
}
ul.main-menu>li ul {
    list-style: none;
    margin: 0;
    position: absolute;
    top: 90%;
    left: 0;
    width: 230px;
    background: #fff;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .9);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -moz-transition: all, 250ms;
    -o-transition: all, 250ms;
    -webkit-transition: all, 250ms;
    transition: all, 250ms;
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}
ul.main-menu>li ul a {
    color: #000;
    text-transform: capitalize;
    letter-spacing: .5px;
    padding: 6px 15px;
    display: block
}
ul.main-menu>li ul a:hover {
    color: #eb7a5c
}
ul.main-menu>li ul a i {
    padding-top: 4px;
    float: right
}
ul.main-menu>li ul>li {
    position: relative;
    padding: 0
}
ul.main-menu>li ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0
}
ul.main-menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.sb-toggle-left,
.sb-toggle-right {
    padding: 15px 0
}
.sb-toggle-left i,
.sb-toggle-right i {
    font-size: 18px;
    padding: 12px 0;
    cursor: pointer;
    color: #fff
}
.slidebar-menu ul {
    margin: 0
}
.slidebar-menu li {
    border-bottom: 1px solid #333;
    padding: 0
}
.slidebar-menu li ul {
    padding: 0
}
.slidebar-menu li ul a {
    padding-left: 30px;
    font-size: 11px
}
.slidebar-menu li ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}
.slidebar-menu li ul ul a {
    padding-left: 45px
}
.slidebar-menu a {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    font-size: 12px;
    padding: 12px 15px;
    display: block
}
.slidebar-menu .sub-menu {
    display: none;
    border-top: 1px solid #333
}
.slidebar-menu .sub-menu.open {
    display: block
}
.slidebar-menu .has-submenu {
    position: relative;
    width: 100%
}
.slidebar-menu .has-submenu i {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, .2);
    border-left: 1px solid #333;
    text-align: center;
    line-height: 45px
}
.loader-wrap {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000
}
.spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #eb7a5c;
    border-radius: 50%;
    -moz-animation: spinner-anim 700ms infinite linear;
    -webkit-animation: spinner-anim 700ms infinite linear;
    animation: spinner-anim 700ms infinite linear
}
@-moz-keyframes spinner-anim {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes spinner-anim {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes spinner-anim {
    0% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.animated {
    visibility: hidden
}
.visible {
    visibility: visible
}
.slider-caption h1 {
    font-size: 55px;
    font-weight: 100 !important;
    letter-spacing: 6px;
    color: #fff;
    margin-bottom: 20px !important
}
.slider-caption span.caption-desc {
    font-size: 16px;
    color: #ccc !important;
    display: block;
    margin-bottom: 30px !important
}
.slider-caption .caption-btns {
    margin-top: 40px
}
.slider-caption .caption-btns a {
    color: #fff !important;
    margin: 10px
}
.slider-caption .caption-btns a.t-btn-light {
    color: #000 !important
}
.page-top h2.title {
    font-size: 32px;
    font-weight: 100;
    color: #fff;
    letter-spacing: 5px;
    margin-bottom: 20px
}
.page-top p.subtitle {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #e6e6e6
}
.home-widget,
.page-section {
    padding: 100px 0
}
.home-widget.section-grey,
.page-section.section-grey {
    background: #f3f3f3
}
.home-widget.dark-section,
.page-section.dark-section {
    background: #000
}



.home-widget.accent-section,
.page-section.accent-section {
    
}



.home-widget.parallax-section,
.page-section.parallax-section {
    padding: 0;
    background: #000;
    color: #fff;
    overflow: hidden
}
.home-widget.parallax-section .parallax-bg,
.page-section.parallax-section .parallax-bg {
    padding: 100px 0
}
.home-widget.no-space,
.page-section.no-space {
    padding: 0
}
.parallax-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%
}
#blog .parallax-bg,
#fun-fact .parallax-bg,
#page-sample .parallax-bg,
#portfolio-single .parallax-bg,
#shortcodes .parallax-bg,
#slide-1 .parallax-bg,
#slide-2 .parallax-bg,
#testimonials .parallax-bg {
    background-image: url(assets/img/parallax.html)
}
.widget-title {
    margin-bottom: 70px
}
.widget-title h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: Brandon-Bold;
    letter-spacing: 3px;
    font-weight: 300;
    display: inline-block
}
.widget-title h2:after {
    content: '';
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 4px;
    background: #000;
    margin-top: 5px
}
.parallax-section .widget-title h2 {
    color: #fff;
    border-color: #b7b7b7
}
.footer-widgets .widget-title {
    text-align: left;
    margin-bottom: 40px
}
.footer-widgets .widget-title h2 {
    font-size: 24px;
    color: #fff;
    border-color: #6a6a6a
}
.footer-widgets .widget-title h2:after {
    margin-left: 0;
    margin-right: 0
}
.seperator {
    margin: 15px 0;
    border-bottom: 1px solid #ddd
}
.go-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    z-index: 999
}
.go-top a {
    display: block;
    color: #fff
}
footer.site-footer {
    background: #000;
    color: #fff
}
footer.site-footer .footer-widgets .widget {
    padding: 80px 0
}
footer.site-footer .footer-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #1f1f1f
}
footer.site-footer .social-icons a {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 5px;
    border-radius: 3px
}
footer.site-footer .contact-form input[type=text],
footer.site-footer .contact-form input[type=email],
footer.site-footer .contact-form textarea {
    background: rgba(255, 255, 255, .1);
    border: 0;
    color: #ccc
}
footer.site-footer .contact-form input[type=text]:-moz-placeholder,
footer.site-footer .contact-form input[type=email]:-moz-placeholder,
footer.site-footer .contact-form textarea:-moz-placeholder {
    color: #ccc
}
footer.site-footer .contact-form input[type=text]::-moz-placeholder,
footer.site-footer .contact-form input[type=email]::-moz-placeholder,
footer.site-footer .contact-form textarea::-moz-placeholder {
    color: #ccc
}
footer.site-footer .contact-form input[type=text]:-ms-input-placeholder,
footer.site-footer .contact-form input[type=email]:-ms-input-placeholder,
footer.site-footer .contact-form textarea:-ms-input-placeholder {
    color: #ccc
}
footer.site-footer .contact-form input[type=text]::-webkit-input-placeholder,
footer.site-footer .contact-form input[type=email]::-webkit-input-placeholder,
footer.site-footer .contact-form textarea::-webkit-input-placeholder {
    color: #ccc
}
.blog-masonry h3.post-title {
    font-size: 16px;
    font-weight: 400
}
.blog-post h3.post-title {
    display: block;
    margin: 20px 0 10px
}
.blog-post h3.post-title a {
    color: #000;
    -moz-transition: color .15s;
    -o-transition: color .15s;
    -webkit-transition: color .15s;
    transition: color .15s
}
.blog-post h3.post-title a:hover {
    color: #eb7a5c
}
.blog-post .post-meta {
    margin-bottom: 15px
}
.blog-post .post-meta span {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a2a2a2;
    margin-right: 25px
}
.blog-post .post-meta span i {
    font-size: 12px;
    margin-right: 10px
}
.blog-post .read-more {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px
}
.post-inner p {
    margin-bottom: 20px
}
.portfolio-post .portfolio-box {
    position: relative;
    background: #f3f3f3;
    margin-bottom: 30px;
    display: block;
    z-index: 11
}
.portfolio-post .portfolio-box:hover .portfolio-hover {
    visibility: visible;
    opacity: 1
}
.portfolio-post .portfolio-box:hover .hover-info {
    visibility: visible;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.portfolio-post .portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 28, 44, .6);
    z-index: 12;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all, .4s, ease-in-out;
    -o-transition: all, .4s, ease-in-out;
    -webkit-transition: all, .4s, ease-in-out;
    transition: all, .4s, ease-in-out
}
.portfolio-post .hover-info {
    text-align: center;
    visibility: hidden;
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    position: absolute;
    width: 100%;
    height: 63%;
    bottom: 0;
    left: 0
}
.portfolio-post .hover-info h3 {
    color: #000;
    font-size: 16px;
    font-weight: 400
}
.portfolio-post .hover-info span {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.portfolio-filter a,
.post-navigation span,
.team-member span.role {
    text-transform: uppercase;
    letter-spacing: 2px
}
.portfolio-post img {
    width: 100%
}
.team-member {
    text-align: center
}
@media (max-width:992px) {
    .team-member {
        margin-bottom: 30px
    }
}
.team-member .team-image {
    position: relative
}
.team-member .team-image img {
    display: block;
    width: 100%
}
.team-member .team-image .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .86);
    color: #000;
    padding: 40px 20px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms
}
.team-member .team-image .hover a {
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin: 5px 7px
}
.team-member:hover .hover {
    opacity: 1;
    visibility: visible
}
.team-member h4 {
    font-size: 16px;
    font-weight: 400
}
.team-member span.role {
    font-size: 11px
}
.testimonials-wrapper .testimonial-item {
    padding-left: 80px;
    padding-right: 80px;
    margin-bottom: 30px;
    text-align: center
}
.testimonials-wrapper .quote-icon {
    margin-bottom: 30px;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    line-height: 40px
}
.testimonials-wrapper .author-testimonial {
    margin-top: 30px;
    display: block
}
.testimonials-wrapper .author-testimonial h3 {
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    font-size: 14px
}
.testimonials-wrapper .author-testimonial h3:after {
    content: '-';
    margin-left: 10px
}
.testimonials-wrapper .author-testimonial span {
    color: #ccc;
    margin-left: 5px
}
.clients-wrapper .client-item {
    margin-right: 40px;
    margin-left: 40px;
    opacity: .5
}
.clients-wrapper .client-item:hover {
    opacity: 1
}
.services-type-1 .s-title {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400
}
.services-type-1 .service-post img {
    width: 100%
}
@media (max-width:992px) {
    .services-type-1 .service-post {
        margin-bottom: 30px
    }
}
.services-type-2 .service-post {
    background: #fff;
    padding: 30px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 12;
    margin-bottom: 30px;
    -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .08)
}
.services-type-2 .service-post:hover .s-hover {
    height: 100%
}
.services-type-2 .service-post:hover .s-icon {
    border-color: #fff
}
.services-type-2 .service-post:hover .s-description,
.services-type-2 .service-post:hover .s-icon i,
.services-type-2 .service-post:hover .s-title {
    color: #fff
}
.services-type-2 .s-hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 0;
    background: #eb7a5c;
    -moz-transition: width, 250ms;
    -o-transition: width, 250ms;
    -webkit-transition: width, 250ms;
    transition: width, 250ms
}
.services-type-2 .s-content {
    position: relative;
    z-index: 13
}
.services-type-2 .s-icon {
    margin: 10px auto 20px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    border: 2px solid #eb7a5c;
    line-height: 50px;
    -moz-transition: color, 250ms;
    -o-transition: color, 250ms;
    -webkit-transition: color, 250ms;
    transition: color, 250ms
}
.services-type-2 .s-icon i {
    font-size: 18px;
    color: #eb7a5c
}
.services-type-2 .s-title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    transition: color, 250ms
}
.services-type-2 .s-description,
.services-type-2 .s-title {
    -moz-transition: color, 250ms;
    -o-transition: color, 250ms;
    -webkit-transition: color, 250ms
}
.services-type-2 .s-description {
    transition: color, 250ms
}
.post-navigation {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.post-navigation .nav-prev {
    width: 50%;
    float: left
}
.post-navigation .nav-next {
    width: 50%;
    float: right;
    text-align: right
}
.post-navigation em {
    text-transform: uppercase;
    color: #a2a2a2;
    display: block;
    font-size: 12px
}
.post-navigation span {
    display: block;
    font-size: 18px;
    color: #000
}
.portfolio-filter {
    text-align: center;
    margin-bottom: 60px
}
.portfolio-filter a {
    font-size: 11px;
    display: inline-block;
    color: #4b5320;
    margin: 10px -2px;
    border-left: 2px solid #4B5320;
	border-right: 2px solid #4B5320;
    padding: 10px 27px
}
.portfolio-filter a.active {
    color: #fff;
    border-color: #4B5320;
    background-color: #4B5320
}
.post-slider {
    background: #000
}
.post-slider .bx-wrapper {
    margin-bottom: 0
}
.post-slider .bx-wrapper .bx-pager {
    position: absolute;
    width: 100%;
    bottom: 20px
}
.post-slider img {
    width: 100%
}
.portfolio-header .portfolio-title {
    font-size: 45px;
    font-weight: 100;
    margin-bottom: 30px;
    letter-spacing: 6px
}
.latest-posts .post-content a,
.map-tooltip h6,
.show-map-button a {
    text-transform: uppercase;
    letter-spacing: 2px
}
.post-share a {
    display: inline-block;
    color: #a2a2a2;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 18px;
    border: 1px solid #ddd;
    margin: 0 5px
}
.post-share a:hover {
    color: #eb7a5c
}
.post-share a:first-of-type {
    margin-left: 0
}
.show-map-button {
    text-align: center;
    background: #eb7a5c;
    padding: 30px 0
}
.show-map-button a {
    cursor: pointer;
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: "Open Sans", sans-serif
}
#map-holder {
    width: 100%;
    height: 410px;
    z-index: 0;
    position: relative;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.map-tooltip {
    padding: 10px
}
.map-tooltip h6 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}
.sidebar .widget-title {
    background: #f1f1f1;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 15px;
    margin-bottom: 30px
}
.sidebar .widget {
    margin-bottom: 70px
}
.tag-link {
    margin: 0 7px 7px 0;
    border: 1px solid #ddd;
    color: #444 !important;
    display: inline-block;
    padding: 4px 7px
}
.tag-link:hover {
    border-color: #b7b7b7
}
.latest-posts .post {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}
.latest-posts .post-thumb {
    width: 60px;
    float: left;
    margin-right: 15px
}
.latest-posts .post-thumb img {
    width: 100%;
    display: block
}
.latest-posts .post-content a {
    color: #000
}
.latest-posts .post-content a:hover {
    color: #eb7a5c
}
.latest-posts .post-meta span {
    font-size: 12px;
    text-transform: uppercase;
    color: #a2a2a2
}
.latest-posts .post-meta span i {
    margin-right: 8px
}
.search-widget input[type=submit] {
    display: none
}
.aligncenter,
img.aligncenter,
ul.comment-list .comment-avatar img,
ul.comment-list .comment-meta span {
    display: block
}
.search-widget .form-group,
.search-widget input {
    margin-bottom: 0
}
.categories ul {
    margin: 0
}
ul.comment-list,
ul.comment-list .children {
    margin-top: 40px
}
.post-comments {
    padding: 60px 0;
    border-bottom: 1px solid #ddd
}
ul.comment-list {
    padding: 0
}
ul.comment-list .comment {
    margin-bottom: 20px
}
ul.comment-list .comment-avatar {
    width: 66px;
    height: 66px;
    float: left;
    margin-right: 20px
}
ul.comment-list .comment-meta {
    margin-bottom: 15px
}
ul.comment-list .comment-meta span.comment-author {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 5px
}
ul.comment-list .comment-meta span.comment-metadata a {
    color: #a2a2a2 !important
}
ul.comment-list .comment-meta span.comment-metadata a:after {
    content: '/';
    color: #a2a2a2;
    padding: 0 10px
}
ul.comment-list .comment-meta span.comment-metadata a:last-child:after {
    content: ''
}
.comment-respond {
    padding: 60px 0 0
}
.comment-form {
    margin-top: 50px
}
.alignnone {
    margin: 5px 20px 20px 0
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}
.aligncenter {
    margin: 5px auto
}
img {
    max-width: 100%;
    height: none;
    vertical-align: middle
}
img.alighright {
    float: right;
    margin: 5px 0 20px 20px
}
img.alignleft,
img.alignnone {
    margin: 5px 20px 20px 0
}
img.alignleft {
    float: left
}
img.aligncenter {
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 100%;
    padding: 5px 3px 10px;
    text-align: center
}
.wp-caption img {
    margin: 0;
    padding: 0
}
.get-in-touch,
.see-all-port,
.via-email {
    padding-top: 12px;
    padding-bottom: 14px
}
.wp-caption.alignleft,
.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px
}
.wp-caption-text {
    color: #000
}
.s-title img {
    width: 7px;
    height: 13px
}
.portfolio-detail-paragraf p {
    margin-bottom: 15px;
    line-height: normal
}
.get-in-touch {
    border: 1px solid #fff
}
.get-in-touch:hover {
    background-color: #fff;
    color: #000
}
.get-in-touch a {
    color: #fff
}
.get-in-touch a:hover,
.get-in-touch p:hover {
    color: #000
}
.see-all-port {
    border: 1px solid #212121;
    color: #212121;
    text-align: -webkit-center
}
.iletisim,
.page_title,
.see-all-produtc,
h1.blockTitle {
    text-align: center
}
.see-all-port:hover {
    background-color: #212121;
    color: #fff
}
.see-all-port a,
.see-all-port a:hover,
.see-all-port p:hover {
    color: #fff
}
.via-email,
.via-email a {
    color: #e5194c
}
.buton-next {
    opacity: .6
}
.buton-next:hover {
    opacity: 1
}
.via-email {
    border: 1px solid #e5194c
}
.see-all-produtc,
.view-product {
    padding-top: 10px;
    padding-bottom: 10px
}
.via-email:hover {
    background-color: #e5194c;
    color: #fff
}
.via-email a:hover,
.via-email p:hover {
    color: #fff
}
.view-product {
    width: 260px;
    border: 1px solid #fff
}
.view-product:hover {
    background-color: #fff;
    color: #000
}
.view-product a {
    color: #fff
}
.see-all-produtc a,
.view-product a:hover,
.view-product p:hover {
    color: #000
}
.see-all-produtc {
    border: 1px solid #000;
    color: #000
}
.see-all-produtc:hover {
    background-color: #000;
    color: #fff
}
.see-all-produtc a:hover,
.see-all-produtc p:hover {
    color: #fff
}
::-webkit-input-placeholder {
    color: #b7b7b7 !important
}
:-moz-placeholder {
    / FF 4-18 / color: #b7b7b7 !important
}
::-moz-placeholder {
    / FF 19+/ color: #b7b7b7 !important
}
:-ms-input-placeholder {
    / IE 10+/ color: #b7b7b7 !important
}
.cevir {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.get-in-touchf {
    border: 1px solid #e5194c;
    padding-top: 12px;
    padding-bottom: 14px
}
.iletisim,
.input {
    border: 1px solid #eb0049
}
.get-in-touchf:hover {
    background-color: #e5194c;
    color: #fff
}
.get-in-touchf .input {
    color: #e5194c
}
.get-in-touchf .input:hover {
    color: #fff
}
.iletisim {
    padding-top: 10px;
    padding-bottom: 10px
}
.iletisim:hover {
    background-color: #eb0049;
    color: #fff
}
.input {
    color: #eb0049;
    background: 0 0;
    width: 250px;
    height: 48px
}
.input:hover {
    background-color: #eb0049;
    color: #fff
}
.enjoy-css {
    background-color: transparent;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    font: 400 15px/normal Brandon-Medium;
    color: #b7b7b7;
    -o-text-overflow: clip;
    text-overflow: clip;
    -webkit-transform: rotateY(-23.491269600363754deg);
    transform: rotateY(-23.491269600363754deg)
}
.menu_icon,
.page_title {
    font-family: Brandon-Bold;
    text-transform: uppercase
}
#error {
    color: red;
    font-size: 10px;
    display: none
}
.needsfilled {
    border-bottom: 2px solid #e5194c !important
}
.background-renk {
    background: url(watermark.html) center no-repeat fixed;
    background-size: cover;
    position: absolute;
    z-index: 2
}
.menu_icon {
    float: left;
    font-size: 14px;
    margin-right: 8px;
    margin-top: 2px
}
.page_title {
    margin-top: 22px;
    font-size: 16px
}
.margin_top_second {
    margin-top: 192px
}
.overlay-hugeinc.open {
    z-index: 100
}
nav.iconlar {
    width: 100%;
    padding-top: 20px
}
nav.iconlar a {
    float: left;
    margin-right: 5px
}
nav.iconlar .btn {
    padding: 0
}
h1.blockTitle {
    font-family: Brandon-Bold;
    font-size: 72px;
    letter-spacing: 12px
}
div.firstBlock p,
div.secondBlock p {
    font-size: 26px;
    font-family: Brandon-Regular;
    text-align: center;
    color: #424242
}
@media only screen and (min-width:750px) and (max-width:942px) {
    div.firstBlock p,
    div.secondBlock p {
        font-size: 24px
    }
    h1.blockTitle {
        font-size: 77px;
        line-height: 1;
        letter-spacing: 0
    }
}
@media only screen and (min-width:462px) and (max-width:750px) {
    p.memberName,
    p.memberTitle {
        letter-spacing: 0;
        line-height: 1.5
    }
    p.memberName {
        padding: 14px 0;
        font-size: 14px
    }
    p.memberTitle {
        font-size: 12px
    }
    .slick-track .slick-slide {
        padding: 4px !important
    }
    span.moSlideText {
        font-size: 24px !important
    }
    .view-product {
        display: inline-block;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1 !important;
        padding: 7px !important
    }
    div.slider-caption {
        width: 100% !important;
        text-align: center !important
    }
    div.firstBlock {
        margin-bottom: 56px
    }
    div.firstBlock p,
    div.secondBlock p {
        font-size: 18px
    }
    h1.blockTitle {
        font-size: 32px;
        line-height: 1;
        letter-spacing: 0
    }
}
@media only screen and (max-width:462px) {
    .overlay nav {
        margin-top: 15px
    }
    .overlay ul li {
        min-height: 55px !important
    }
    .overlay ul li a {
        font-size: 36px !important;
        line-height: 1
    }
    p.memberName,
    p.memberTitle {
        letter-spacing: 0;
        line-height: 1.5
    }
    .social_menu {
        margin-top: 15px !important
    }
    p.memberName {
        padding: 14px 0;
        font-size: 12px
    }
    p.memberTitle {
        font-size: 10px
    }
    .slick-track .slick-slide {
        padding: 2px !important
    }
    span.moSlideText {
        font-size: 24px !important
    }
    .view-product {
        display: block;
        width: 90% !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1 !important;
        padding: 7px !important
    }
    div.slider-caption {
        width: 100% !important;
        text-align: center !important
    }
    div.firstBlock {
        margin-bottom: 56px
    }
    div.firstBlock p,
    div.secondBlock p {
        font-size: 16px
    }
    h1.blockTitle {
        font-size: 28px;
        line-height: 1;
        letter-spacing: 0
    }
}
.img-url-facebook {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/facebook.png');
}
.img-url-twitter {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/twitter.png');
}
.img-url-pinterest {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/pinterest.png');
}
.img-url-linkedin {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/linkedin.png');
}
.img-url-facebook:hover {
    background-image: url('theme/efs/img/facebook_hover.png');
}
.img-url-twitter:hover {
    background-image: url('theme/efs/img/twitter_hover.png');
}
.img-url-pinterest:hover {
    background-image: url('theme/efs/img/pin_hover.png');
}
.img-url-linkedin:hover {
    background-image: url('theme/efs/img/in_hover.png');
}
.underline:hover {
    text-decoration: underline;
}
.img-url-beh {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/beh.png');
}
.img-url-beh:hover {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/beh_h.png');
}
.img-url-yt {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/youtube.png');
}
.img-url-yt:hover {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/youtube_h.png');
}
.img-url-gp {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/gplus.png');
}
.img-url-gp:hover {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/gplus_h.png');
}
.img-url-ins {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/ins.png');
}
.img-url-ins:hover {
    display: block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url('theme/efs/img/ins_h.png');
}
.mask {
    position: relative;
    height: 216px;
    width: 360px;
    float: left;
    overflow: hidden;

}
.sosicon {
    margin-top: 4px;
}
.sosicon:hover {}