.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(fonts/Archer-MediumItalic.woff)
}
@font-face{
    font-family:Brandon-Bold;
    src:url(fonts/BrandonText-Bold.woff)
}
@font-face{
    font-family:Brandon-Regular;
    src:url(fonts/brandon_text_regularregular.woff)
}
@font-face{
    font-family:Brandon-Light;
    src:url(fonts/brandon_textlight.woff)
}
@font-face{
    font-family:Brandon-Black;
    src:url(fonts/brandon_textblack.woff)
}
@font-face{
    font-family:Brandon-Medium;
    src:url(fonts/brandon_textmedium.woff)
}
@font-face{
    font-family:Archer-Book-Italic;
    src:url(fonts/Archer-BookItalic.woff)
}
@font-face{
    font-family:Archer-Bold-Italic;
    src:url(fonts/Archer-BoldItalic.woff)
}
@font-face{
    font-family:Archer-Semi-Italic;
    src:url(fonts/Archer-SemiboldItalic.woff)
}
.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:#d6b59f
}
.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:156px;
    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(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,600,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
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:#7b7b7b;
    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){
    #logo_s, #logo_b{
        margin-left:-20px;
        width: 190px!important;
        margin-top: 5px;
    }
    .fixed-header{
        padding:0
    }
    .mask {
        float: none!important;
    }
    .page-intro h4{
        font-size: 13px;
    }
    .page_title{
        font-size: 12px!important;
        margin-top: 25px!important;
    }
    .blog-left{
        margin-top: 15px;
    }
}
.inner-pages .fixed-header,.scrolled-header{
    padding:0 15px 0px 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,.2);
    -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{
    background:#d6b59f
}
.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:#9c9c9c;
    margin:10px -2px;
    border:1px solid #9c9c9c;
    padding:10px 27px
}
.portfolio-filter a.active{
    color:#fff;
    border-color:#9c9c9c;
    background-color:#9c9c9c
}
.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;
    text-transform: uppercase;
}
.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('img/facebook.png');
}
 .img-url-twitter{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/twitter.png');
}
.img-url-pinterest{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/pinterest.png');
}
.img-url-linkedin{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/linkedin.png');
}
.img-url-facebook:hover{
    background-image:url('img/facebook_hover.png');
}
.img-url-twitter:hover{
    background-image:url('img/twitter_hover.png');
}
.img-url-pinterest:hover{
    background-image:url('img/pin_hover.png');
}
 .img-url-linkedin:hover{
    background-image:url('img/in_hover.png');
}
 .underline:hover{
    text-decoration:underline;
}
.img-url-beh{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/beh.png');
}
.img-url-beh:hover{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/beh_h.png');
}
.img-url-yt{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/youtube.png');
}
.img-url-yt:hover{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/youtube_h.png');
}
.img-url-gp{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/gplus.png');
}
.img-url-gp:hover{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/gplus_h.png');
}
.img-url-ins{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/ins.png');
}
.img-url-ins:hover{
    display:block;
    width:36px;
    height:36px;
     background-size:36px;
     background-image:url('img/ins_h.png');
}
 .mask {
     position:relative;
     height:216px;
     width:360px;
     float:left;
     overflow:hidden;
}
 .sosicon {
     margin-top:4px;
}
 .sosicon:hover {
}
 .view-product{
    margin: 0 auto !important;
}
 .homeNavButton {
    text-align: center;
}
.nav-item a{
    text-transform: uppercase;
}