@import url('css/font-awesome.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,p{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Georgia;
	vertical-align: baseline;
}
a {
text-decoration: none;
color: #ffd900;
}

input {
	font-family: Georgia;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: Georgia;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: Georgia;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  font-family: Georgia;
}
      
input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: Georgia;
}
      
 .st-logo a {
    text-decoration: none;
	width:210px;
	padding-top: 20px;
 }
 
#avatar-position-stick-left-middle {
    top: 204px;
}
.fa-picture-o {
    text-decoration: none;
}
ul ol{
	list-style: none;
	margin:0;
	padding:0;
}
html, body{
	margin:0;
	padding:0;
    height: 100%!important;
}
body {
	line-height: 20px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
    background:  transparent;
    background-size: 100% 100%;
}
#wrapper{
	min-height:100%;
	position:relative;
}
/*#container{
	padding-bottom:100px;
}*/
#footer{
	width:100%;
	height:80px;
	position:absolute;
	bottom: -80px;
	left:0;
}
.clearfix {
    min-height: 100%;
}

.st-page-home-ver-2 .clearfix {
	height: 100%;
}

.st-page-about #avatar-full-1-block,
.st-page-about #avatar-full-2-block  {
    min-height: 100%;
}
.blog-featured .page-header h1 {
    display: none;
}
@font-face {
    font-family:"OpenSansLight";
    src:url("fonts/OpenSans-Light.eot?") format("eot"),
        url("fonts/OpenSans-Light.woff") format("woff"),
        url("fonts/OpenSans-Light.ttf") format("truetype"),
        url("fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:"OpenSansBold";
    src:url("fonts/OpenSans-Bold.eot?") format("eot"),
        url("fonts/OpenSans-Bold.woff") format("woff"),
        url("fonts/OpenSans-Bold.ttf") format("truetype"),
        url("fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:"OpenSansSemiBold";
    src:url("fonts/OpenSans-Semibold.eot?") format("eot"),
        url("fonts/OpenSans-Semibold.woff") format("woff"),
        url("fonts/OpenSans-Semibold.ttf") format("truetype"),
        url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:"FontAwesome";
    src:url("fonts/fontawesome-webfont.eot?") format("eot"),
        url("fonts/fontawesome-webfont.woff") format("woff"),
        url("fonts/fontawesome-webfont.ttf") format("truetype"),
        url("fonts/fontawesome-webfont.svg#fontawesome-webfont") format("svg");
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:"Georgia";
    src:url("fonts/Georgia.eot?") format("eot"),
        url("fonts/Georgia.woff") format("woff"),
        url("fonts/Georgia.ttf") format("truetype"),
        url("fonts/Georgia.svg#fontawesome-webfont") format("svg");
    font-weight:200;
    font-style:normal;
}
#avatar-position-stick {
    z-index: 10;
}
.st-logo a {
    font-family:"OpenSansLight";
    font-size: 72px;
    font-weight: 200;
    line-height: 1;
    color: #fdfdfd;
    text-transform: uppercase;
    display: inline-block;

}
.st-logo a .description {
    font-size: 14px;
    color: #ffffff;
    font-weight: 200;
    line-height: 1;
    padding-top: 6px;
    display: block;
}
/* ------------------------------------LEFT SIDEBAR-----------------------------*/
.st-main-menu li span.pull {
    padding: 0;
    display: none;
}
.nav.st-mega-menu {
    margin: 0 auto;
 }
.st-main-menu li a ,
.st-main-menu li span {
    /*font-family:"OpenSansLight";*/
    font-size: 14px;
    font-weight: 200;
    color: #ffffff;
    line-height: 1;
    display: inline-block;
    padding: 16px 80px 16px 26px;
    margin-bottom:  1px;
    text-transform: uppercase;
    background-color: rgba(0,0,0,.4) ;
}
.st-main-menu li.current a ,
.st-main-menu li.current span {
	color: #1d1d1d;
}
.st-main-menu li a:hover,
.st-main-menu li span:hover,
.st-main-menu li.current > a {
    background: #000000;
    cursor: pointer;
    text-decoration: none;
    color: #1d1d1d;
}
.st-left-social a i,
.st-left-toggle i  {
 font-size: 0;   
}
.st-left-social a {
    display: inline-block;
    float: left;
    margin-right: 1px;        
    background-color: rgba(0,0,0,.4);
}
.st-left-social a:hover {
    background: rgba(0,0,0,1);
} 
.st-left-social a i:before,
.st-left-toggle i:before
 {
    font-size: 14px;
    color: #ffffff;
    height: 42px;
    width: 48px;
    line-height: 42px;
    display: inline-block;
    text-align: center;
}
.st-left-toggle {
    margin-top: 1px;
}
.st-left-toggle p {
    margin-bottom: 1px;    
}
.st-left-toggle i:before {
    font-size: 14px;
    color: #000000;
    background: #ffffff;
    
} 
.st-left-social p {
    margin-bottom: 1px;
}
.avatar-position-stick {
    z-index: 1000;
}
#avatar-position-stick-left-bottom  {
    bottom:  30%;
    top:  auto;
}

/*--------------------------------- PAGE ABOUT ME, CONTACT -----------------------------*/
body.st-page-about #avatar-pos-content-user-1 {
    width: 936px;
}

.st-about-me .title.arrow-back {
	position: fixed;
	font-size: 45px;
	padding: 0;
	margin-left: -71px;	
}

.st-about-me .title.arrow-back a {
	color: #ffd900 !important;
}

.st-about-me .title {
    font-size: 60px;
    color: #fff;
    /*font-family: "OpenSansBold";*/
    line-height: 46px;
    font-weight: 200;
    text-transform: uppercase;
    /*border-left: 1px solid #666666;*/
    padding-left: 33px;
    margin-left: -33px;
    margin-bottom: 40px;
}
.st-about-me .title .description {
    font-family: 'OpenSansLight';
    font-size: 14px;
    color: #b5b5b5;
    display: block;
    padding-top: 11px;
    line-height: 1;
    margin-top: 6px;
}
.st-page-about-full .st-about-me .title .description {
    text-align: right;
} 
.st-about-me .content {
    /*font-family: 'OpenSansLight';*/
    font-size: 14px;
    line-height: 27px;
    color: #fff;
}
.st-about-me .content p {
    margin-bottom: 39px;
    color: #999999;
}
.st-about-me .content .strong {
    color: #c1c1c1;
    /*font-family: 'OpenSansBold';*/
    font-weight: 200;
}
.st-about-me .content p.date {
    color: #666666;
}

.st-about-me.st-empori .st-about-container,
.customst-about-me.st-about-address .st-about-container {
	padding: 30px 70px
}
.customst-about-me.st-about-address {
	height:301px;
}
@media screen and (max-width:480px){
	.st-about-me .st-about-container{
    padding: 0 0  30px 20px;
	margin-right:20px;
	}}
@media screen and (min-width:480px){
	.st-about-me .st-about-container{
    padding: 30px 109px  80px 113px;
}}
.st-about-me-full {
    background: transparent;
}
.st-page-about-full #avatar-pos-content-user-1 {
    width: 100%;
}
.st-about-me-full .title {
    
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.st-page-about-full .avatar-wrapper {
    
    width: 100%;
}
.st-page-about-full .st-about-me-full .st-about-container {
    padding-left: 497px;
    padding-right: 194px;
}
.st-page-about-full .st-about-me-full .st-about-container .col1 {
    width: 317px;
    padding-right: 88px;
    margin-right: 88px;
    float: left;
    border-right: 1px solid #666666;
    
}
.st-about-me-full .st-about-container .col2  {
    float: left;
    width: 715px;
    margin-top: -6px;
}
.st-page-about-full #avatar-content {
    width: 100% !important;
}
.st-contact  label {
    display: none;
}
.st-contact  input[type="text"],
.st-contact textarea {
    width: 96%;
    /*font-family: 'OpenSansLight';*/font-family: 'Georgia';
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    padding: 20px 10px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-bottom: 30px;
    color: #000;
}

.st-contact  input[type="checkbox"]{
    margin: 30px 10px 30px 10px;
	/* All browsers except webkit*/
	transform: scale(2);
	/* Webkit browsers*/
	-webkit-transform: scale(2);
	background: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.st-contact  input.submit {
    width: 138px;
    padding:  20px 0;
	text-transform:uppercase;
}
.st-contact  .name {
    width: 48%;
    margin-right: 4%;
    float: left;
    display: inline-block;
}
.st-contact  .intro p {
    /*font-family: 'OpenSansLight';*/
    font-size: 14px;
    line-height: 1.5;
    color: #b5b5b5;
}
.st-contact .intro  {
    margin-bottom: 29px;
}
.st-contact  .email {
    float: left;
    width: 46%;
	color:#fff;
}
.st-custom-contact {
    padding: 30px 108px  37px;
    font-family: 'OpenSansLight';
    font-size: 14px;
    color: #b5b5b5;
    line-height: 1;
    
}
.st-custom-contact .st-contact-container {
    border-left: 1px solid #666666;
    padding-left: 37px;
    margin-left: -37px;
}
.st-custom-contact div {
    margin-bottom: 15px;
    text-transform: uppercase;
} 
.st-custom-contact .content { 
    text-transform: none;
    font-family: 'OpenSansRegular' ;
}
.st-custom-contact .title {
    font-family: 'OpenSansBold';
    font-size: 60px;
    font-weight: 200;
    color: #fefefe;
    line-height: 46px;
}
.st-page-contact-full #avatar-full-2-block {
    margin-left: 15%;
    width: 70%;
    float: left;
    position: relative;
    z-index: 100;
}
@media screen and (max-width:480px) {
	.st-page-contact-full #avatar-full-2-block {
		margin:0 2%;
		width:96%;
	}
	.st-custom-contact .st-contact-container {
		padding-left:20px;
	}
}
.st-page-contact-full #avatar-full-3-block {
    width: 30%;
    float: left;
    position: relative;
    z-index: 100;
    height: 100%;
}
.st-page-contact-full #avatar-full-3-block .avatar-wrapper,
.st-page-contact-full #avatar-full-3-block .st-contact-map,
 .st-page-contact-full #avatar-full-3-block iframe,
 .st-page-contact-full #avatar-full-3-block div,
 .st-page-contact-full #avatar-full-3-block p{
    height: 100%;
}
 .st-page-contact-full .st-custom-contact .title {
    color: #000000;
 }
.st-page-contact-full #avatar-full-2-block .avatar-wrapper {
    width:  100%;
}
 .st-contact,
.st-page-contact-full .st-custom-contact {
    padding: 30px 108px;
    margin: auto;
	background:rgba(0, 0, 0, 0.7);
}
 .st-page-contact-full #avatar-full-3-block .avatar-wrapper {
    width: auto;
}
.st-page-contact-full  .st-custom-contact .content {
    color: #010101;
}
.st-page-contact-full .st-contact  input, 
.st-page-contact-full .st-contact  textarea {
    background: transparent;
    border: 1px solid #d5d5d5;
}

/* ------------------------- GALLERY---------------------------- */
.st-gallery .fa-link,
.st-gallery .fa-picture-o,
.st-gallery-full .fa-link,
.st-gallery-full .fa-picture-o,
.st-gallery-massonry .fa-link,
.st-gallery-massonry .fa-picture-o
 {
    
}
.st-gallery .layout-wall .item .inner {
    margin: 0;
    padding: 0;
	margin:10px;
	border: #fff 3px solid;
}

.st-gallery-full .layout-wall .item .inner,
.st-gallery-full .layout-wall .item .inner,
.st-gallery-massonry .layout-wall .item .inner {
    margin: 0;
    padding: 0;
} 
.st-page-galleries-full #avatar-full-1-block,
.st-page-galleries-masonry #avatar-full-1-block{
     
}
.st-page-galleries-full #avatar-full-1-block .avatar-wrapper,
.st-page-galleries-masonry #avatar-full-1-block .avatar-wrapper
 {
    width:80%;
     margin-left: 20%;
}
.st-gallery-full .layout-wall .item .inner img,
.st-gallery-full .layout-wall .item {
    height: auto;
}
.st-gallery-full .layout-wall .item  {
    float: left;
    display: inline-block;
}
/*------------------------------- PORTFOLIO -------------------------------------------*/
.st-page-portfolio #avatar-full-1-block,
.st-page-portfolio #avatar-full-1-block div,
.st-page-portfolio #avatar-full-1-block ul,
.st-page-portfolio #avatar-full-1-block h4 {
    height: 100%;
}
.st-page-portfolio #avatar-full-1-block .avatar-wrapper {
    width: auto;
}
.st-portfolio {
    margin-left: 20%;
    width: 80%;
}
.st-portfolio ul {
    list-style: none;    
}
.st-portfolio ul li {
    display: inline-block;
    float: left;
    width: 312px;
    height: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.st-portfolio ul li:after {
    background-color: rgba(0,0,0,0.4) !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.st-portfolio ul li:hover:after {
    background-color: transparent !important;
}

.st-portfolio ul li,
.st-portfolio-2 ul li,
.st-portfolio-3 ul li {
    background: #000000;
    overflow: hidden;
    
}
.category-desc {
    display: none;
}
.bg-img-portfolio {
    height: 100%;
    max-width: none;    
    position: absolute;
    top: 0;
    left: 0;
}
.st-portfolio-2 ul li .bg-img-portfolio,
.st-portfolio-3 ul li .bg-img-portfolio {
    width: 100%;
    height: auto;
    top: -50%  !important;
}
.st-portfolio ul li a {
    font-family: 'OpenSansSemiBold';
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 200;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: 30px;
    text-align: center;
    z-index: 1;
}
.st-portfolio ul li a:after {
    content: '';
    height: 100%;
    width: 100%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    background: #000000;
}
.st-portfolio ul li a:hover,
.st-portfolio-2 ul li a:hover,
.st-portfolio-3 ul li a:hover
 {
    text-decoration: none;
}
.st-page-portfolio .cat-children h3,
.st-page-portfolio .content-categoryst-page-portfolio p {
    display: none;
}
.st-portfolio-2 ul,
.st-portfolio-3 ul {
    list-style: none;
	margin-bottom:20px;

}
.st-portfolio-2 ul li,
.st-portfolio-3 ul li {
    /*width: 100%;*/
    display: block;
    height: 306px;
    position: relative;
	border:5px solid #fff;
	margin-top:20px; 
}
.st-portfolio-2 ul li h4,
.st-portfolio-3 ul li h4 {
    width: 100%;
    height: 100%;
}
.st-portfolio-2 ul li a ,
.st-portfolio-3 ul li a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #ffffff;
    width: 100%;
    height: 30px;
    text-align: center;
    /*font-family: 'OpenSansSemiBold';*/
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 200;
    z-index: 1;
}

.st-portfolio-2 ul li:after,
.st-portfolio-3 ul li:after {
    background-color: rgba(0,0,0,0.4) !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.st-portfolio ul li:hover:after,
.st-portfolio-2 ul li:hover:after,
.st-portfolio-3 ul li:hover:after {
    background-color: transparent !important;
    
}

.st-page-portfolio-3 #avatar-full-1-block .avatar-wrapper  {
    margin-left: 20%;
    width: 80%;
}
/* ---------------------------------- HOME SLIDER ------------------------------------ */
.background_site #avatar-full-1-block .avatar-wrapper  {
    width: 100%;
    margin-left: 0;
}
.background_site #avatar-tool-block .layout-wall {
    height:  100% !important;
}
.st-home-slider .box-button ,
.st-home-slider .galleria-image-nav-left,
.st-home-slider .galleria-image-nav-right,
.st-home-slider .galleria-counter {
    opacity: 0 !important;
    filter: alpha(opacity=0);
}
.galleria-image-nav-left,
.galleria-image-nav-right  {
    opacity: 0;
    filter: alpha(opacity=0);
}

.st-page-home .st-home-slider .box-button,
.st-gallery-slider .st-home-slider .box-button,
.st-page-home .st-home-slider .galleria-image-nav-left,
.st-page-home .st-home-slider .galleria-image-nav-right,
.st-page-home .st-home-slider .galleria-counter {
    opacity: 1 !important;
    filter: alpha(opacity=100);
}
#avatar-tool-block .st-layer-slider {
    height: 100% !important;
    width: 100% !important;
}
#avatar-tool-block img{
    width: 100%;
    height: 100%;
	object-fit: cover;
}
#avatar-tool-block,
#avatar-tool-block div,
 #avatar-tool-block ul {
    width: 100%;
    height: 100%;
}

.st-home-slider .box-button,
.st-gallery-slider .box-button  {
    position: absolute;
    right: 0;
    top: 350px;
    width: auto !important;
    height: auto !important;
    
}

.st-home-slider  .st-layer-slider {

    position: relative;
}
.st-home-slider .box-button > div,
.st-gallery-slider .box-button > div {
    display: block;
} 
.st-home-slider .pause,
.st-gallery-slider .pause
{
    width: auto !important;
    height: auto !important;
    border: none;
    position: relative;
    background-position: center center;
    background-color: #ffffff;
    left: auto;
    padding: 13px 18.5px;
    line-height: 1;
    z-index: 100;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    margin-top: 1px;
    text-align: center;
    
}
.st-home-slider .pause:after,
.st-gallery-slider .pause:after {
    font-family: FontAweSome;
    font-size: 14px;
    content: '';
    display: inline-block;
    color: #000000;
}
.st-home-slider .pause:after,
.st-gallery-slider .pause:after  {
    content: "\f04c";
}
.st-home-slider .play:after,
.st-gallery-slider .play:after  {
    content: "\f04b";
}
.st-home-slider .play, .st-gallery-slider .play {
    padding: 13px 19px;
}
.st-gallery-slider .box-button:before
.st-home-slider .pause:before{
    content: '';
    background: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;   
    display: inline-block;
}
#avatar-tool-block {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
	z-index: -99;
}
.st-home-slider .sequence-canvas > li > *,
.st-home-slider .sequence-canvas > li {
    opacity: 1;
    filter: alpha(opacity=100);
}
 #avatar-tool-block .galleria-image-nav-right,
 #avatar-tool-block .galleria-image-nav-left,
 #avatar-tool-block .galleria-counter {
    width: auto;
    height: auto;
 }
  #avatar-tool-block .galleria-image-nav-right:hover,
 #avatar-tool-block .galleria-image-nav-left:hover {
    background-color: rgba(0,0,0,1);
 }
 .galleria-image-nav-left{
    opacity: 0;
    filter: alpha(opacity=0);
 }
 
 .st-page-home-ver-1 #avatar-tool-block .avatar-wrapper,
 .st-home-ver-1,
 .st-home-ver-1 p,
 .st-home-ver-1 iframe
 {
    width: 100%;
    height: 100%;
 }
 .st-home-ver-1 p:first-child {
    margin: 0;
    display: none;
    width: 0;
    height: 0;
 }
 .st-home-ver-1 .st-button-tube {
    height: auto !important;
    width: 0px !important;
    position: fixed;
    z-index: 100000;
    right: 0;
    top: 0;
	margin-right:10px;
 }
 .st-home-ver-1 .t-mute {
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    margin-top: 300px
 }
 .st-home-ver-1 .t-mute:after {
    font-family: FontAweSome;
    content: "\f026";
    font-size: 14px; 
    text-indent: 0;
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    color: #fff;
    background: rgba(0,0,0,.4);
    width: 46px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.css3-effect .st-home-ver-1 .t-mute:after {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
} 
.st-home-ver-1 .t-mute:hover:after {
    background: #000;
}
.st-home-ver-1 .st-mute:after {
    content: "\f028";
}
 .ls-ct-right ,.ls-ct-rotate,.ls-ct-center {
    width: auto !important;
    height: auto !important;
 }
 .st-home-slider .ls-inner,
 .st-home-slider .ls-slide,
 .st-home-slider .ls-container,
 .st-home-slider .ls-slide img {
    height: 100% !important;
    width:100% !important;
}
.st-home-slider .ls-slide img {
    margin-top: 0 !important;
    margin-left: 0 !important;
 }
.st-home-slider .ls-nav-prev {
    top: 40% !important;
    right: 0;
    left: auto !important;
    margin-top: 0 !important;    
}
.st-home-slider .ls-nav-next {
    
    margin-top:  1px !important;    
    right:  0 !important;
    
}
.st-home-slider .ls-nav-next,
.st-home-slider .ls-nav-prev {
    background-image: none !important; 
    background-position: 50% 50% !important;
    height: auto !important;
    width: auto !important;
}

.st-home-slider .ls-nav-prev:after,
.st-home-slider .ls-nav-next:after {
    font-family: FontAweSome;
    font-size: 14px;
    content: '';
    display: inline-block;
    color: #ffffff;
    padding: 13px 20px;
    background-color: rgba(0,0,0,0.4);
}
.st-home-slider .ls-nav-next:after {
    content: "\f054";
}
.st-home-slider .ls-nav-prev:after {
    content: "\f053";
}
.st-home-slider .ls-v5  .ls-nav-stop,
.st-home-slider .ls-v5 .ls-nav-start {
    width: auto;
    height: auto;
    background-position: center center;
    background-image:  none;
    position: fixed;
    right: 0;
    top: -48%;
}
.st-home-slider .ls-v5  .ls-nav-stop:after,
.st-home-slider .ls-v5 .ls-nav-start:after {
    font-family: FontAweSome;
    padding: 13px 18.5px;
    font-size: 14px;
    color: #000;
    display: inline-block;
    background-color: #fff;
}
.st-home-slider .ls-v5  .ls-nav-stop:after {
    content: "\f04c";
} 
.st-home-slider .ls-v5  .ls-nav-start:after {
    content: "\f04b";
} 
 /* --------------------------- BACKGROUND ------------------------------ */
.avatar-wrapper  {
    background: rgba(0,0,0,0);
    
}
#avatar-full-1-block,
#avatar-full-2-block {
    position: relative;
    z-index: 1;
    min-height: 100%;
}
#avatar-full-1-block .avatar-wrapper,
#avatar-full-2-block .avatar-wrapper {
    height: 100%;
}
#avatar-full-9-block {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

#avatar-full-9-block .st-logo-home {
	text-align: center;
	padding-top: 20px;
	position: fixed;
}

.st-page-about-full #avatar-full-1-block {
    background: rgba(0,0,0,0.7);
    opacity: 1;
    filter: alpha(opacity=100);
} 
.st-page-contact .avatar-wrapper {
    background-color: rgba(0,0,0,.7);
    opacity: 1;
    filter: alpha(opacity=100);
}
.st-page-contact-full .avatar-wrapper {
    background-color: rgb(255,255,255);
}
.st-page-about .st-about-me {
    opacity: 1;
    filter: alpha(opacity=100);
    min-height: 100%;
    height: 100%;
}
/*--------------------------- PAGE GALLERIES SLIDER ---------------------------------------- */
.st-gallery .layout-wall .item:nth-child(3n),
.st-gallery-full  .layout-wall .item:nth-child(4n),
.st-gallery-massonry  .layout-wall .item:nth-child(4n) {
    margin-left: -1px !important;
}
.page-galleries-slider #avatar-full-1-block .avatar-wrapper,
.st-page-home #avatar-full-1-block .avatar-wrapper{
    width: 100%;
}
.st-gallery-slider,
.st-gallery-slider .st-module-content,
.st-gallery-slider .st-galleria,
.st-gallery-slider .galleria-container,
.st-gallery-slider .galleria-stage,
.st-gallery-slider .galleria-images,
.st-gallery-slider .galleria-image,
.st-home-slider,
.st-home-slider .st-module-content,
.st-home-slider .st-galleria,
.st-home-slider .galleria-container,
.st-home-slider .galleria-stage,
.st-home-slider .galleria-images
 {
    height: 100% !important;
}
.st-home-slider .galleria-stage,
.st-gallery-slider .galleria-stage {
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}
.st-home-slider.galleria-images,
.st-gallery-slider .galleria-image
  {
    margin-right: 0;
}
 .st-gallery-slider .galleria-image img,
 .st-home-slider .galleria-images img
  {
    left: 0 !important;
    top: 0 !important;
    
 }
 
.st-home-slider .galleria-container,
.st-gallery-slider .galleria-container {
    background: transparent;
}
.st-gallery-slider .galleria-thumbnails-container {
    left: 0 !important;
    right: 0 !important;
    bottom: 65px !important;
}
.st-gallery-slider .galleria-thumbnails-container {
    height: 115px !important;
}
.st-gallery-slider .galleria-thumbnails-container .galleria-image {
    width: 160px !important;
    height: 115px !important;
}
.st-gallery-slider .galleria-thumbnails .galleria-image {
    border: none;
}
.galleria-image-nav-left, 
.galleria-image-nav-right {
    opacity: 0;
    filter: alpha(opacity=0);
}
.st-gallery-slider .galleria-carousel .galleria-thumbnails-list {
    margin-left: 0;
    margin-right: 0;
}
.st-gallery-slider .galleria-thumb-nav-right,
.st-gallery-slider .galleria-thumb-nav-left {
    background: transparent;
    width: auto;
    height: auto;
    top: 40%;
    padding: 6px 10px;
    background-color: rgba(0,0,0,.4) !important;
}
.st-gallery-slider .galleria-thumb-nav-right:after,
.st-gallery-slider .galleria-thumb-nav-left:after {
    font-family: FontAweSome;
    font-size: 14px;
    content: '';
    display: inline-block;
    color: #ffffff;
    
}
.st-gallery-slider .galleria-thumb-nav-right:after {
    content: "\f054";
}  
.st-gallery-slider .galleria-thumb-nav-left:after {
    content: "\f053";
}
.st-home-slider .galleria-image-nav-left, 
.st-home-slider .galleria-image-nav-right,
.st-gallery-slider .galleria-image-nav-left, 
.st-gallery-slider .galleria-image-nav-right {
    height: auto;
    position: absolute;
    left: auto !important;
    bottom: auto !important;
    background-position: center center;
    background-color: rgba(0,0,0,.4);
    left: auto;
    padding: 13px 20px ;
    width: auto;    
    line-height: 1;
    z-index: 100;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;

    text-align: center;
    background-image: none ;
    opacity: 1;
    filter: alpha(opacity=100);
    right: 0 !important;
}
.st-home-slider .galleria-image-nav-left:after, 
.st-home-slider .galleria-image-nav-right:after,
.st-gallery-slider .galleria-image-nav-left:after, 
.st-gallery-slider .galleria-image-nav-right:after {
    font-family: FontAweSome;
    font-size: 14px;
    content: '';
    display: inline-block;
    color: #ffffff;
}
.st-home-slider .galleria-image-nav-left:after,
.st-gallery-slider .galleria-image-nav-left:after{
content: "\f053";
}
.st-home-slider .galleria-image-nav-right:after,
.st-gallery-slider .galleria-image-nav-right:after {
    content: "\f054";
}

.st-home-slider .galleria-counter,
.st-gallery-slider  .galleria-counter
 {
    position: absolute;
    right: 0;
    top: 227px;
    font-family: OpenSans;
    font-size: 14px;
    color: #fefefe;
    font-weight: 200;
    background-color: rgba(0,0,0,1) ;
    left: auto;
    bottom: auto;
    padding: 13px 6.3px;
    width: auto;
    line-height: 1;
    
}
.st-home-slider .galleria-counter {
    padding: 13px 10.5px;
    
}
.st-home-slider .galleria-image-nav,
.st-gallery-slider .galleria-image-nav{
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 100%;
    height: auto;
    left: auto;
    right: 0;
}
.st-home-slider .galleria-image-nav-left, 
.st-gallery-slider .galleria-image-nav-left {
    top: 268px;
    right: 0 !important;
}
.st-home-slider .galleria-image-nav-right, 
.st-gallery-slider .galleria-image-nav-right {
    right: 0 !important;
    top: 309px;
}
.st-home-slider .box-button {
    top: 350px;
}
.st-left-toggle a {
    display: inline-block;
}
.st-date-time {
    font-family: 'Open Sans';
    font-weight: 200;
    color: #ffffff;
    font-size: 14px;
    margin-top:  10px;
}
.st-date-time:before{
    font-family: 'Open Sans';
    display: block;
    content: '';
    border-top: 1px solid #ffffff;
    position: relative;
    z-index: 1111;
    width: 50px;
    margin: auto;
    margin-bottom: 10px;
}
 /* ----------------------- MENU-------------------------------- */
 .st-main-menu .st-mega-menu > li {
    position: relative;
    float: left;
    clear: left;
    display: block;
    width: auto;
    padding-right: 1px;
 }
  .st-main-menu li ul {
    position: absolute;
    display: inline-block ;
    left: 100%;
    list-style: none;
    top: 0;
    width: 940px;
}
.pull {
    display: none;
}

  .st-main-menu li ul li {
    display: inline-block;
    margin-right: 1px;
  }
   .st-main-menu li ul li a {
    background-color: #181818;
   }
.st-mega-menu li ul > li {
    position: relative;
    min-height: 47px;
    height: 47px;
    float: left;
} 
@media (min-width: 1024px) {
    .st-main-menu li ul {
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    } 
    .st-main-menu li ul {
        left: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        
        visibility: hidden;
    }
  .st-main-menu li:hover ul {
        width: 1024px;
        opacity: 1;
        filter: alpha(opacity=100);
        
        visibility: visible;
        margin-left:  1px;
  } 
  .st-mega-menu li ul  li ul {
        position: absolute;
        top: 90%;
        left: 0 !important;
        opacity: 0 !important;
        filter: alpha(opacity=0) !important;
        width: 300px;
    }
    .st-mega-menu li ul  li:hover ul {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        top: 100%;
        left: 100%;
    }
    
}


/* ------------------------------------ GALLERY --------------------------- */

.st-gallery .layout-wall .item{
    height: auto;
}
.st-gallery .layout-wall .item img {
    max-height: 100%;
}
.st-gallery .fa-picture-o{
    position: absolute;
    bottom: 0;
    left:  0;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.st-gallery .fa-picture-o:hover,
.st-gallery-massonry .fa-picture-o:hover {
    text-decoration: none;
}
.st-gallery .fa-picture-o:before,
.st-gallery-massonry .fa-picture-o:before,
.st-gallery-full .fa-picture-o:before{
   content: "\f00e";
    color: #000000;
    padding: 12px;
    background: #ffffff;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
}
.st-gallery .fa-link,
.st-gallery-massonry .fa-link,
.st-gallery-full .fa-link  {
    display: none;
}
.st-gallery .media {
    width: 100%;
    
} 
.st-gallery .media:before {
    width: 100%;
    
    background-color: rgba(0,0,0,.4);
    content: '';
    display: inline-block;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.st-gallery-massonry .media > a {
    display: block;
}
.st-gallery-massonry .media img,
.st-gallery-full .media img {
    background-color: rgba(0,0,0,0.4);
    display: block;
}
.st-gallery .media:hover:before,
.st-gallery-massonry  .media:hover:before,
.st-gallery-full  .media:hover:before {
    background-color: transparent;
}
.st-gallery-massonry .layout-wall .item {

}
.st-gallery-massonry .links,
.st-gallery-full .links
 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.links a:hover {
    text-decoration: none;
}
.layout-wall .media .links a.image {
    height: 100%;
    width: 100%;
}

.st-gallery-massonry .fa-picture-o,
.st-gallery-full .fa-picture-o {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.st-portfolio .mCSB_dragger,
.st-portfolio .mCSB_dragger_bar ,
.st-portfolio .mCSB_draggerContainer{
    display: none;
}
.st-portfolio  .mCSB_buttonLeft {
    background-position: center center ;
    position: absolute;
    top: 50%;
}
.st-portfolio  .mCSB_buttonLeft:after {
    font-family: 'FontAweSome';
    color: #ffffff;
    content: "\f104";
    display: inline-block;
    font-size: 30px;
    padding: 20px;
    background-color: rgba(0,0,0,.8);
    text-align: center;
    
} 
.st-portfolio  .mCSB_buttonRight {
    background-position: center center ;
    position: fixed;
    top: 50%;
    right: 0;
    left: auto;
}
.st-portfolio  .mCSB_buttonRight:after {
    font-family: 'FontAweSome';
    color: #ffffff;
    content: "\f105";
    display: inline-block;
    font-size: 30px;
    padding: 20px;
    background-color: rgba(0,0,0,.8);
    text-align: center;
    
}
.st-portfolio  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    position: fixed;
} 
.st-portfolio  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, 
.st-portfolio  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    z-index: 100;
    width: auto;
    height: auto;
    background-image: none;
}
/* ------------------------------------- CONTENT ARTICLE --------------------- */
.no-article{
    font-size: 18px;
    top: 40%;
    position: fixed;
    color: #000;
    font-size: 24px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 2;
}
#avatar-content .pagination {
    margin: 20px 0;
    clear: both;
    display: block;
    margin-top: 118px;
    position: relative;
    width: 100%;
    padding-top: 10px;
}
#avatar-content .pagination .pagination-start ,
#avatar-content .pagination  .pagination-end{
    display:  none;
}
.item-pagest-portfolio-article {
    background-color: rgba(0,0,0,.4);
    padding-left: 78px;
    padding-right: 78px;
}
.pagination ul li {
    float: left;
}
.pagination ul {
    list-style: none;
}
.pagination ul li .link-image {
    display: none;
}
.pagination ul li a, .pagination ul li span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.page-header {
    border-bottom: none;
}
#avatar-content .page-header h2,
#avatar-content .page-header h3,
#avatar-content .page-header h4,
#avatar-content .page-header h5 {
    line-height: 1;
}
#avatar-content .page-header a {
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 200;
    line-height: 1.5;
    text-transform: uppercase;
    color: #999999;
    display: inline-block;
    padding: 57px 0 14px;
}
#avatar-content .page-header a:hover {
    color: #ffffff;
    text-decoration: none;
}
#avatar-content #avatar-pos-main-body p {
    font-family: Open Sans;
    font-weight: 200;
    color: #999999;
    font-size: 14px;    
    line-height: 28px;
    clear: both;
}
#avatar-content .article-info.muted 
  {
    font-family: Open Sans;
    font-weight: 200;
    font-size: 12px;
    color: #666666;
}
#avatar-content .article-info .st-date-inner,
#avatar-content .article-info .category-name a {
    color: #000000;
    font-family: Open Sans;
}
#avatar-content .article-info  .published {
    margin-bottom: 17px;
}
#avatar-content .article-info  .category-name {
    margin-bottom: 41px;
}
#avatar-content .st-plg-social > div {
    float: left;
    display: inline-block;
    width: auto;
}
#avatar-content .st-plg-social .shar-this ,
#avatar-content .st-related-post .heading span{
    float: none;
    font-family: Open Sans Bold;
    color: #999999;
    font-weight: 200;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#avatar-content .st-related-post .heading {
    line-height: 1;
    margin-bottom: 24px;
    margin-top: 58px;
}
#avatar-content .st-related-post .layer-effect-recentwork .sequence-next, 
#avatar-content .st-related-post .layer-effect-recentwork .sequence-prev {
    bottom: auto;
    top: 50%;
    background: none;
    background-position: center center ;
}
#avatar-content .st-related-post .layer-effect-recentwork .sequence-next:hover:after, 
#avatar-content .st-related-post .layer-effect-recentwork .sequence-prev:hover:after {
    background-position: center center;
    background-color: rgba(0,0,0,1);
} 
.st-related-post .sequence-prev:after {
    font-family: FontAweSome;
    content: "\f104";
    display: inline-block;
    color: #ffffff;
    background-color: rgba(0,0,0,.7);
    padding: 9px 15px;
    font-size: 18px;
}
.st-related-post .sequence-next:after {
    font-family: FontAweSome;
    content: "\f105";
    display: inline-block;
    color: #ffffff;
    background-color: rgba(0,0,0,.7);
    padding: 9px 15px;
    font-size: 18px;
}
.st-related-post .title img {
    height: auto;
    width: 100%;
}
#avatar-content .st-related-post .sequence-prev {
    left: -10px;
    opacity: 0;
    filter: alpha(opacity=0);
} 
#avatar-content .st-related-post .sequence-next {
    right: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    left: auto;
}
.st-related-post .st-layer-slider {
    height: auto !important;
}
.st-ain-article #avatar-full-1-block,
.st-ain-article #avatar-full-2-block {
    display: none;
}  
#avatar-content .btn-group.pull-right {
    margin-right: 78px;    
}
.st-page-portfolio-3  #avatar-body-middle-block .avatar-wrapper {
    width: 80%;
    margin-left: 20%;
}
.st-page-portfolio-3  #avatar-body-middle-block .avatar-wrapper #avatar-content {
    width: 100% !important;
}
.st-page-portfolio-3  #avatar-content .pull-left {
    width: 100%;
}
.st-page-portfolio-3  #avatar-content .pull-left img {
    width: 100%;
    height: auto;
}
.st-page-portfolio-3  .st-related-post .st-layer-slider {
    height: auto !important;
}
.fancybox-title {
    background-color:  rgba(0,0,0,0.7);
    position: absolute;
    width: 92%;
    left: 2%;
    bottom: 5px;
    padding: 18px 2%;
}
.fancybox-title a {
    /*font-family: Open Sans;*/
    font-size: 14px;
    font-weight: 200;
    color:  #ffffff;
    text-transform: uppercase;
    
}
#avatar-content  #avatar-main-content #avatar-main-content-inner {
    margin-top: -2px;
}
.fancybox-nav span {
    background-position: center center;
    background: transparent;
}
.fancybox-nav span:after {
    font-family: FontAweSome;
    font-size: 14px;
    content: '';
    display: inline-block;
    color: #ffffff;
    background-color: rgba(0,0,0,0.4);
    padding: 13px 20px;
    width: auto;
    height: auto;
}
.fancybox-prev span {
    left: 30px;
} 
.fancybox-next span {
    right: 30px;
}
.fancybox-next span:after {
    content: "\f054";
}
.fancybox-prev span:after {
    content: "\f053";
}

#avatar-content .blogst-portfolio-article .page-headerd,
#avatar-content .blogst-portfolio-article .article-info{
    display: none;
}
#avatar-content .link-image p {
    display: none;
}
.fancy-des,
.fancybox-title p {
    color: #999999;
    font-weight: 200;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 28px;
    margin-top:  14px;
    margin-bottom: 0;
    
}
.fancy-des p{
    display: none;
}
.fancybox-opened .fancybox-title {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
#avatar-content  .row-fluid [class*="span"] {
    margin-left: 0;
}
#avatar-content  .fancybox-article {
    position: absolute;
    bottom: 13px;
    left: 0;
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
#avatar-content  .fancybox-article:after {
    font-family: FontAweSome;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    width: auto;
    content: "\f00e";
    color: #000000;
    padding: 12px;
    background: #ffffff;
    font-size: 14px;
    line-height: 1;
    height: auto;
    
}
#avatar-content  .item {
    position: relative;
}
#avatar-content  .blogst-portfolio-article .page-header a {
    display: none;
    padding: 0;
}
#avatar-content .blogst-portfolio-article .items-row {
    float: left;
    width: 33.33%;
}
@media (max-width:767px ) {
    .avatar-responsive #avatar-content .blogst-portfolio-article .items-row {
        width: 50%;
    }
}
@media (max-width:360px ) {
    .avatar-responsive #avatar-content .blogst-portfolio-article .items-row {
        width: 100%;
    }
}
.st-page-portfolio-3 #avatar-content .blogst-portfolio-article .items-row {
    width:  20%;
} 
#avatar-content .blogst-portfolio-article .item-image ,
#avatar-content .blogst-portfolio-article .item-image img{
    height: auto;
    width: 100%;
    display: block;
     
}
#avatar-content .blogst-portfolio-article .item-image  {
    position: relative;
}
#avatar-content .blogst-portfolio-article .page-header {
    margin: 0;
    padding: 0;
}
#avatar-content .blogst-portfolio-article .item-image:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}
#avatar-content .blogst-portfolio-article .item-image:hover:after {
    background-color:  transparent;
}
#avatar-content .pull-left.item-image
{
    margin-bottom: 24px; 
}
#avatar-content .st-box-article  {
    border-top:  1px solid #999999;
    border-bottom:  1px solid #999999;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-top: 42px;
    margin-bottom: 51px;
}
#avatar-content .st-box-article  > div {
    float: left;
    margin-right: 24px;
}
.st-box-article span {
    color: #999999;
}
.st-box-article .color {
    color: #000000;
}
.st-box-article .tags {
    position: relative;
}
.st-box-article .tags:before {
    content:"Tags: ";
    position: absolute;
    display: inline-block;
    left: 0;
    color: #000;
}
.st-box-article .tags span:first-child {
    margin-left: 40px;
}
.st-box-article a {
    color: #999999;
}
.st-box-article a:hover {
    text-decoration: none;
    color: #ffffff;
}
.st-box-article .tags a {
    background: transparent;
    padding: 0;
}
.st-box-article .tags span {
    float: left;
    margin-right: 3px;
    position: relative;
}
.st-box-article .tags span:after {
    font-family: Arial;
    content: ',';
    display: inline-block;
    margin-left: -3px;
    
}
.st-box-article .tags span:last-child:after {
    content: '';
}
#avatar-content .pagenav {
    
} 
#avatar-content .pagenav  a {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    line-height: 0;
    border: none;
    background: transparent;
    font-size: 0;
}
#avatar-content .pagenav  a span {
    text-indent: 0;
    font-size: 12px;
    font-family: Open Sans Bold;
    font-weight: 600;
    text-transform: uppercase;
    color: #999999;
    position: relative;
}
#avatar-content .pagenav  a span:hover {
    color: #FFFFFF;
}
#avatar-content .pagenav  a span:before,
#avatar-content .pagenav  a span:after {
    font-family: FontAweSome;
    font-size: 12px;
    content: '';
    display: inline-block;
    color: #000;
}
#avatar-content .pagenav  a .newer-post:after {
    content: "\f178";
    margin-left: 9px;
}
#avatar-content .pagenav  a .older-post:before  {
    content: "\f177";
    margin-right: 9px;
}
#avatar-content .pager {
    margin-bottom: 43px;
} 

.st-page-404 #avatar-content {
    background-color: transparent;
}
#avatar-content #avatar-pos-main-body .item-page {
    padding-left: 78px;
    padding-right: 78px;
	background-color: rgba(0,0,0,0.4);
}
/* -----------------------------------------AVATART WRAPPER -----------------------*/
.st-contactd,
.st-about-me .st-module-content{
    background-color: rgba(0,0,0,.7);
    min-height: 100%;
}
.st-about-me-full .st-module-content {
    background-color: transparent;
}
/* -----------------------FIX ON BROWSER ----------------------------- */
#avatar-body-middle-block {
    z-index: 90;
}
body.SAFARY #avatar-full-1-block, 
body.SAFARY #avatar-full-2-block { 
   z-index: 100;
}
body.SAFARY #avatar-tool-block { 
    z-index: 1;
}
body.SAFARY .st-left-social a {
    position: relative;
}
body.SAFARY .st-left-social a i {
    width: 48px;
    height: 28px;
    background: transparent;
}

body.SAFARY .st-left-social a i::before, 
body.SAFARY .st-left-toggle i::before  {
    position: absolute;
    top: 0;
}
body.SAFARY  #avatar-position-stick-left-middle {
    width: 294px
}
.page-galleries-slider #avatar-full-1-block, 
.page-galleries-slider #avatar-full-2-block {
    height: 100%;
}
body.IE9 .st-home-slider  .galleria-image-nav {
    visibility: hidden;
}
body.IE9.st-page-home .st-home-slider  .galleria-image-nav {
    visibility: visible;
}
/* CONTENT SHOWCASE AND BACKGROUND */
#avatar-settings {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 140px;
    padding: 16px;
    background: #fff;
    bottom:auto;
}
#avatar-settings #close:after {
    font-family: FontAweSome;
    font-size: 16px;
    content: "\f013";
    display: inline-block;
    position: absolute;
    top: auto;
    left: 0;
    width: 48px;
    height: 42px;
    background: #fff;
    right: 0;
    bottom: auto;
    text-align: center;
    line-height: 42px;
    color: #000;
}
#avatar-settings #close {
    width: auto;
    height: auto;
    background: transparent;
    right: 0;
    top: 0;
}
#avatar-settings .header-color,
#avatar-settings .body-color {
    display: none;
}
/* ------------------------------ PAGE 404 -----------------------*/
.st-page-404 #avatar-content .item-image img ,
.st-page-404 #avatar-content .st-related-post,
.st-page-404 #avatar-content .st-plg-social,
.st-page-404 .st-box-article ,
.st-page-404 #disqus_thread
 {
    display: none;
} 
.st-box-404 {
    padding-top: 200px;
}
.st-box-404 .text {
    float: left;
    font-family: Arial;
    font-size: 120px;
    line-height: 1;
    color: #000;
    padding-right: 4%;
    width: 21%;
}
.st-box-404  .description-404 {
    float: left;
    width: 75%;
    padding-top: 6px;
}
#avatar-content #avatar-pos-main-body .st-box-404  .description-404  p {
    font-size: 14px;
    color: #000;
    line-height: 2;
    padding-left: 0;
    padding-right: 0;
}
#avatar-content .portfolio_default .color-article {
    color: #000;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 300;
}
#avatar-content .portfolio_default .pull-left {
    margin-left: -78px;
    margin-right: -78px;
}
#avatar-content .portfolio_default .page-header a {
    padding-top: 23px;
}
#avatar-content .portfolio_default .st_comment_counter,
#avatar-content .portfolio_default .pagenav {
    display: none;
}
#avatar-content .portfolio_default .article-info .category-name {
    margin-bottom: 33px;
}
.portfolio_default .st-plg-social{
    margin-top: 41px;
}
/* ------------------------------ END PAGE 404 -----------------------*/    
/* ------------------BACKGROUND-------------------------------------------- */
.st-bg-black .item-pagest-portfolio-article ,
.st-bg-black #avatar-pos-main-body > div{
    background-color: rgba(26,28,29,1);
}
.st-bg-black.st-page-contact .avatar-wrapper,
.st-bg-black .st-contactd, 
.st-bg-black .st-about-me .st-module-content,
.st-bg-black.st-page-about-full #avatar-full-1-block {
    background-color: rgba(26,28,29,1) ;
}
.st-bg-black .st-contact  input, 
.st-bg-black .st-contact  textarea {
    background: rgba(255,255,255,1);
}

.st-bg-gray .item-pagest-portfolio-article ,
.st-bg-gray #avatar-pos-main-body > div,
.st-bg-gray.st-page-contact .avatar-wrapper,
.st-bg-gray .st-contactd, 
.st-bg-gray .st-about-me .st-module-content,
.st-bg-gray.st-page-about-full #avatar-full-1-block
 {
    background-color: rgba(242,242,242,1);
}
.st-bg-gray .st-custom-contact .title,
.st-bg-white .st-custom-contact .title,
.st-bg-gray .st-about-me .title,
.st-bg-white .st-about-me .title {
    color: #000;
}
.st-bg-white .item-pagest-portfolio-article ,
.st-bg-white #avatar-pos-main-body > div,
.st-bg-white.st-page-contact .avatar-wrapper,
.st-bg-white .st-contactd, 
.st-bg-white .st-about-me .st-module-content,
.st-bg-white.st-page-about-full #avatar-full-1-block {
    background-color: rgba(255,255,255,1);
}


/* --------------------- END CONTENT SHOWCASE ------------------------------ */
/* --------------------- CSS3 EFFECT ------------------------------ */
.css3-effect .st-gallery-full .layout-wall .item .media,
.css3-effect .st-gallery-full .layout-wall .item .inner,
.css3-effect .st-gallery-massonry .layout-wall .item .media,
.css3-effect .st-gallery-massonry .layout-wall .item .inner{
    height: 100%;
}
.css3-effect .st-gallery-full .layout-wall .item .media:before,
.css3-effect .st-gallery-full .layout-wall .item .inner:before,
.css3-effect .st-gallery-massonry .layout-wall .item .media:before,
.css3-effect .st-gallery-massonry .layout-wall .item .inner:before {
    content: '';
    position: absolute;
    top: 0;
    left:  0;
    right: 0;
    bottom: 0;
    display: inline-block;
    background-color:  rgba(0,0,0,.4);
}
.css3-effect .st-gallery-full .layout-wall .item .media:hover:before,
.css3-effect .st-gallery-full .layout-wall .item .inner:hover:before,
.css3-effect .st-gallery-massonry  .layout-wall .item .media:hover:before,
.css3-effect .st-gallery-massonry  .layout-wall .item .inner:hover:before {
    background-color: transparent;
} 
.css3-effect .st-home-slider .galleria-image-nav-left:hover, 
.css3-effect .st-home-slider .galleria-image-nav-right:hover,
.css3-effect .st-gallery-slider .galleria-image-nav-left:hover, 
.css3-effect .st-gallery-slider .galleria-image-nav-right:hover {
    background-color: rgba(0,0,0,1);
    
}
.css3-effect .st-mega-menu li ul  li ul {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.css3-effect .st-main-menu li a,
.css3-effect .st-main-menu li span,
.css3-effect .st-main-menu li.current > a,
.css3-effect .st-left-social a,
.css3-effect .st-portfolio ul li:after,
.css3-effect .st-portfolio-2 ul li:after,
.css3-effect .st-portfolio-3 ul li:after,
.css3-effect  #avatar-tool-block .galleria-image-nav-right,
.css3-effect #avatar-tool-block .galleria-image-nav-left,
.css3-effect .st-gallery .fa-picture-o,
.css3-effect .st-gallery-massonry .fa-picture-o,
.css3-effect .st-gallery .media:before,
.css3-effect .st-gallery-massonry  .media:before,
.css3-effect .st-gallery-full  .media:before,
.css3-effect .st-portfolio ul li:after,
.css3-effect .link a,
.css3-effect #avatar-content .page-header a,
.css3-effect #avatar-content .st-related-post .layer-effect-recentwork .sequence-next:after, 
.css3-effect #avatar-content .st-related-post .layer-effect-recentwork .sequence-prev:after,
.css3-effect #avatar-content .st-related-post .layer-effect-recentwork .sequence-prev:after ,
.css3-effect #avatar-content .blogst-portfolio-article .item-image:after,
.css3-effect .st-contact input.submit
 {
   
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.css3-effect .st-contact input.submit:hover{
    background-color: #AF1A17;
	opacity:1;
}

/* --------------------- END CSS3 EFFECT ------------------------------*/
/* ----------------------------- RESPONVISE ---------------------------*/
.st-main-menu span.toggle {
    display: none !important;
    visibility: hidden !important;
    
}

@media (max-width: 1392px) {
    body.avatar-responsive *[id*="avatar-position-stick"] {
        display: block;    
    }
    body.avatar-responsive .st-box-404 {
        padding-left: 10%;
        padding-right: 10%;
    }
    body.avatar-responsive .st-box-404 .text {
        font-size: 90px;
    } 
    body.avatar-responsive.st-page-about-full .st-about-me-full .st-about-container  {
            padding-left: 5%;
            padding-right: 5%;
            padding-top:  50px;
    }
    body.avatar-responsive .st-about-me-full .title {
        margin-bottom: 37px;
        border-left: 1px solid #666666;
        padding-left: 37px;
    }
    body.avatar-responsive .st-about-me-full .st-about-container .col2 {
        width:  100%;
    }
    body.avatar-responsive .st-about-me .content p {
        margin-bottom: 10px;
    }
    body.avatar-responsive.st-page-about-full .st-about-me-full .st-about-container .col1 {
        border-right: none;
        width: 100%;
    }
    body.avatar-responsive.st-page-about-full .st-about-me .title .description {
        text-align: left;
    }
    
}
@media (max-width: 1190px) {
    body.avatar-responsive .st-custom-contact {
        padding-top: 50px;
    }
}
@media (max-width: 1025px) and (min-width: 769px) {
    body.avatar-responsive .st-mega-menu li > span.pull {
        display: inline-block;
        font-family: FontAweSome;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        height: 46px ;
        padding: 0 10px !important;
        text-align: center;
        line-height: 46px;
		display:none;
    }
    body.avatar-responsive .st-mega-menu li > .pull:after {
        font-family: FontAweSome;
        display: inline-block;
        color: #FFF;
        padding-left: 0;
        content: "\f054";
    }
    body.avatar-responsive .st-mega-menu li ul {
        
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@media (max-width: 1025px) {
    body.avatar-responsive .fancybox-nav span {
        visibility: visible;
    }
    body.avatar-responsive .st-main-menu li a, body.avatar-responsive .st-main-menu li span {
        display: block;
    }
}
@media (max-width: 1023px) {
    
    body.avatar-responsive.st-page-galleries-full #avatar-full-1-block .avatar-wrapper, 
    body.avatar-responsive.st-page-galleries-masonry #avatar-full-1-block .avatar-wrapper,
    body.avatar-responsive.st-page-portfolio-3 #avatar-body-middle-block .avatar-wrapper {
         margin-left: 0;
    }
    body.avatar-responsive.st-page-portfolio-3 #avatar-full-1-block .avatar-wrapper {
        margin-left: 0;
        width: 100%;
    }
        
}

@media (max-width: 960px) {
     body.avatar-responsive .st-custom-contact .content { 
        line-height: 2;
    }
    body.avatar-responsive .st-contact  .name,
    body.avatar-responsive .st-contact  .email {
        width: 100%;
    }
    body.avatar-responsive .st-custom-contact,
    body.avatar-responsive .st-contact{
        padding-left: 5%;
        padding-right: 10%;
    }
    body.avatar-responsive .st-portfolio-2 ul li, 
    body.avatar-responsive .st-portfolio-3 ul li {
        height: 250px;
    }
}
@media (max-width: 768px) {
    body.avatar-responsive .st-main-menu li a:hover, 
    body.avatar-responsive .st-main-menu li span:hover,
    body.avatar-responsive .st-main-menu li.current > a {
        background-color: #ababab;
    }
    body.avatar-responsive .item-pagest-portfolio-article {
        padding-left: 5%;
        padding-right: 5%;
    }
    body.avatar-responsive #avatar-pos-main-body {
        padding: 0;
        margin: 0;
    }
    body.avatar-responsive .st-box-404 .text {
        float: left;
        font-family: Arial;
        font-size: 150px;
        line-height: 1;
        color: #000;
        padding-right: 0;
        width: 100%;
        text-align: center;
    }
    body.avatar-responsive .st-box-404 .description-404 {
        width: 100%;
    }
    body.avatar-responsive .st-portfolio-2 ul li, 
    body.avatar-responsive.st-portfolio-3 ul li {
        height: 200px;
    }
    body.avatar-responsive .st-portfolio {
        width:  100%;
    }
    body.avatar-responsive .st-mega-menu li ul  li ul {
    position: relative;
    opacity: 0 ;
    filter: alpha(opacity=0);
    width: auto;
    display: none ;
}

    body.avatar-responsive .st-main-menu li ul {
        opacity: 1 !important;
        display: none;
    }
    body.avatar-responsive .st-main-menu li a:hover,
    body.avatar-responsive .st-main-menu li span:hover,
    body.avatar-responsive .st-main-menu li.current > a {
        color: #ffffff;
        
    }
    body.avatar-responsive .st-main-menu li.open .pull:after {
        content: "\f068";
    }
    body.avatar-responsive .st-main-menu li ul li a {
        padding-left: 4%;
    }
    body.avatar-responsive .st-main-menu li ul li ul a {
        padding-left: 8%;
        width: 92%;
    }
    
    body.avatar-responsive .st-main-menu li ul {
        display: none;
    }
    body.avatar-responsive .st-main-menu li span.pull {
        display: inline-block;
        width: auto;
        position: absolute;
        right: 2%;
        top: 16px;
        height: auto;
        padding: 0;
        margin: 0;
        background-color: transparent ;
        z-index: 10000;
		display:none;
    }
    body.avatar-responsive .pull:after {
        content: "\f067";
        font-family: fontAweSome;
        font-size:  14px;
        position: absolute;
        display: inline-block;
        float: right;
        right: 0;
        color: #393b3d;
        top: 0;
        width: 30px;
        height: 30px
    }
    body.avatar-responsive .pull_click:after {
        content: "\f068";
    }
    body.avatar-responsive .st-main-menu li span.pull:hover,
    body.avatar-responsive .st-main-menu li span.pull:hover:after {
        background: transparent;
    }
   body.avatar-responsive .st-main-menu li a, .st-main-menu li span,
   body.avatar-responsive .st-left-social a {
        background-color: #ededed;
        color:  #000;
    }
    body.avatar-responsive .st-left-social a i:hover:before {
        background-color: #ababab;
        color: #ffffff;
    }
    body.avatar-responsive .st-left-social a i:before {
        color:  #000000;
    }
    body.avatar-responsive .st-logo a {
        color: #000;
        /*width: 96%;*/
        /*padding: 46px 2%;*/
        margin: auto;
        text-align: center;
        background-size: 100% auto;
		left: 50%;
		margin-left: -105px;
		position: relative;
    }
    body.avatar-responsive .st-logo a .description {
        color: #000000;
    }
    body.avatar-responsive .avatar-module {
        margin:  0;
    }
    body.avatar-responsive .avatar-position-stick {
        top: 0;
        position: absolute;
        left: 0 !important;
    }
    body.avatar-responsive #avatar-position-stick-left-top,
    body.avatar-responsive #avatar-position-stick-left-middle {
        top: -9999px;
        width: 100%;
        background-color: #000;
    }
    body.avatar-responsive #avatar-position-stick-left-middle  {
        width: auto;
        top: 0 !important;
		position: fixed;
    }
    body.avatar-responsive .st-main-menu .st-mega-menu li {
        width: 100%;
        height: auto;
    }
    body.avatar-responsive .st-main-menu li a, 
    body.avatar-responsive  .st-main-menu li span {
        padding-left: 0%;
        padding-right:  0%;
        padding-top: 0;
        padding-bottom: 0;
        width:  100%;
        text-indent: 2%;
    }
    body.avatar-responsive .st-main-menu .st-mask {
        padding-bottom: 16px;
        padding-top: 16px;
    }
    body.avatar-responsive .st-main-menu {
        margin:  0;
    }
    body.avatar-responsive .st-main-menu li ul {
        left: 0 !important;
        position: relative;
        width: 100% !important;
    }
    body.avatar-responsive #avatar-position-stick-left-bottom {
        top:  0;
    }
    body.avatar-responsive .clearfix,
    body.avatar-responsive .container {
        position: relative;
    }
    
     body.avatar-responsive span.toggle {
        visibility: visible;
    }
    body.avatar-responsive .st-about-me .content p {
        margin-bottom: 10px;   
    }
    body.avatar-responsive .st-about-me .st-about-container {
        padding-top: 50px;
    }
    body.avatar-responsive .st-about-me .title {
        margin-bottom: 37px;
    }
    body.avatar-responsive .st-gallery .layout-wall .item, 
    .st-gallery .layout-wall .item img,
    body.avatar-responsive .st-gallery-full .layout-wall .item,
    body.avatar-responsive .st-gallery-full .layout-wall .item .inner img,
    body.avatar-responsive #avatar-content .blogst-portfolio-article .items-row,
    body.avatar-responsive #avatar-content .blogst-portfolio-article .item-image, 
    body.avatar-responsive #avatar-content .blogst-portfolio-article .item-image img,
    body.avatar-responsive .st-related-post .title img
        {
        height: auto;
    }
    body.avatar-responsive .st-related-post .st-layer-slider {
        height: auto !important;
    }
    body.avatar-responsive.st-page-portfolio-3 #avatar-content .blogst-portfolio-article .item-image, 
    body.avatar-responsive.st-page-portfolio-3 #avatar-content .blogst-portfolio-article .item-image img {
        height: auto;
    }
}
@media (max-width: 640px) {
    body.avatar-responsive .st-date-time {
        font-size: 12px
    }
    body.avatar-responsive .st-portfolio-2 ul li a,
    body.avatar-responsive  .st-portfolio-3 ul li a {
        font-size: 18px
    }
    
    body.avatar-responsive .st-portfolio-2 ul li,
     body.avatar-responsive.st-portfolio-3 ul li {
        height: 180px;
    }
    body.avatar-responsive .st-contact  .name,
    body.avatar-responsive .st-contact  .email {
        width: 100%;
    }
    body.avatar-responsive .st-gallery .layout-wall .item, 
    .st-gallery .layout-wall .item img,
    body.avatar-responsive .st-gallery-full .layout-wall .item,
    body.avatar-responsive .st-gallery-full .layout-wall .item .inner img,
    body.avatar-responsive #avatar-content .blogst-portfolio-article .items-row,
    body.avatar-responsive #avatar-content .blogst-portfolio-article .item-image, 
    body.avatar-responsive #avatar-content .blogst-portfolio-article .item-image img,
    body.avatar-responsive .st-related-post .title img
      {
        height: auto;
    }
    body.avatar-responsive .st-related-post .st-layer-slider {
        height: auto !important;
    }
}
@media (max-width: 480px) {
    body.avatar-responsive .st-portfolio-2 ul li a, 
    body.avatar-responsive .st-portfolio-3 ul li a {
        font-size: 16px;
    }
    body.avatar-responsive .st-portfolio-2 ul li,
     body.avatar-responsive.st-portfolio-3 ul li {
        height: 150px;
    }
    body.avatar-responsive .st-contact,
    body.avatar-responsive .st-page-contact-full .st-custom-contact {
        padding-left: 5%;
        padding-right: 5%;
        margin: auto;
    }
    body.avatar-responsive .st-custom-contact {
        padding-left: 5%;
        margin-left: 10% !important;
    }
    body.avatar-responsive .st-custom-contact .content {
        line-height: 2;
    }
     body.avatar-responsive #avatar-content .blogst-portfolio-article .items-row,
    body.avatar-responsive #avatar-content .blogst-portfolio-article .item-image, 
    body.avatar-responsive #avatar-content .blogst-portfolio-article .item-image img,
    body.avatar-responsive.st-page-portfolio-3 #avatar-content .blogst-portfolio-article .item-image, 
    body.avatar-responsive.st-page-portfolio-3 #avatar-content .blogst-portfolio-article .item-image img ,
    body.avatar-responsive .st-related-post .title img,
    body.avatar-responsive .st-gallery-full .layout-wall .item .inner img,
    body.avatar-responsive .st-gallery-full .layout-wall .item{
        height: auto;
    }
    body.avatar-responsive .st-related-post .st-layer-slider {
        height: auto !important;
    }
}
@media (max-width: 320px) {
    body.avatar-responsive .st-portfolio-2 ul li, 
    body.avatar-responsive .st-portfolio-3 ul li {
        height: 107x;
    }
    body.avatar-responsive .st-portfolio-2 ul li a,
    body.avatar-responsive .st-portfolio-3 ul li a {
        font-size: 14px;
    }
}
@media (max-height: 768px) {
    #avatar-settings {
        top: 43px ;
        right: -172px ;
        left: auto !important ;
        
    }
    #avatar-settings #close {
        right: 221px;
    }
}
/* ----------------------------- END RESPONVISE ---------------------------*/
::-webkit-input-placeholder { font-family: 'OpenSansLight' ; }
::-moz-placeholder { font-family: 'OpenSansLight' ; } /* firefox 19+ */
:-ms-input-placeholder { font-family: 'OpenSansLight' ; } /* ie */
input:-moz-placeholder { font-family: 'OpenSansLight' ; }
#avatar-template-copyright {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	border: none;
	background-color: rgba(0,0,0,.4);
	padding: 5px 20px;
	color: #999999;
}
#avatar-template-copyright a { 
	color: #999999 !important;
}
/* ADD CSS */
.st-page-portfolio-3.portfolio_default {
    padding-left: 0;
    padding-right: 0;
}
.st-page-portfolio-3.portfolio_default > div,
.st-page-portfolio-3.portfolio_default > p,
.st-page-portfolio-3.portfolio_default > dd  {
    padding-left: 78px;
    padding-right: 78px;
}
.st-page-portfolio-3.portfolio_default div.first-child {
    padding-left: 0;
    padding-right: 0;
}

#avatar-content #avatar-pos-main-body .item-page {
    background-color: rgba(0,0,0,0.7);
}
.item-pagest-portfolio-article {
    background-color: rgba(0,0,0,.7);
}
.st-portfolio ul li img {
    left: -50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}
.css3-effect .st-portfolio ul li:hover img {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ma-transform: scale(1,1);
}
.css3-effect .st-portfolio ul li:hover:first-child img {
    left: -44%;
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}
.css3-effect .st-portfolio ul li:hover:last-child img {
    left: -56%;
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}

.st-date-time {
    margin-top: 40px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.css3-effect .st-portfolio ul li:hover .st-date-time,
.css3-effect .st-portfolio-2 ul li:hover .st-date-time,
.css3-effect .st-portfolio-3 ul li:hover .st-date-time {
    margin-top: 10px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.css3-effect .st-date-time:before {
    margin-top: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}  
.css3-effect .st-portfolio ul li:hover .st-date-time:before,
.css3-effect .st-portfolio-2 ul li:hover .st-date-time:before,
.css3-effect .st-portfolio-3 ul li:hover .st-date-time:before {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 50px;
    margin-top: 10px;
}
.css3-effect .st-portfolio ul li a,
.css3-effect .st-portfolio-2 ul li a, 
.css3-effect .st-portfolio-3 ul li a {
    transform: translate3d(0,-10px,0);
    -moz-transform: translate3d(0,-10px,0);
    -ms-transform: translate3d(0,-10px,0);
    -o-transform: translate3d(0,-10px,0);
    -webkit-transform: translate3d(0,-10px,0);
    transition : all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition : all 0.3s ease-in-out;
    -ms-transition : all 0.3s ease-in-out
}
.css3-effect .st-portfolio ul li:hover a,
.css3-effect .st-portfolio-2 ul li:hover a, 
.css3-effect .st-portfolio-3 ul li:hover a {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
}
body.IE9 #avatar-content .portfolio_default .pull-left,
body.IE10 #avatar-content .portfolio_default .pull-left {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
body.IE9 .blogst-portfolio-article .link-image {
    display: inline-block;
}
body.IE9  #avatar-content .blogst-portfolio-article .items-row .link-image,
body.IE9  #avatar-content .blogst-portfolio-article .items-row .link-image .item-image {
    width: 100%;
}
/* FIX ON W3C */


.st-main-menu .st-mega-menu > li {
    height: 47px;
}
.st-gallery .media > a,
.st-gallery .media > a img{
    display: block;
}
.css3-effect .st-main-menu a

{
    overflow: hidden;
    position: relative;
}

/* GALLERY */
.layout-wall .media  {
     position: relative;
     overflow: hidden;
}

.layout-wall .media  .st_mask {
   position:absolute; /* Center the mask */
   top:36%;
   left: 36%;
   cursor:pointer;
   border-radius: 50px;
   border-width: 50px;
   display: inline-block;
   height: 100px;
   width: 100px;
   border: 50px solid rgba(0, 0, 0, 0.4);
   box-sizing:border-box;
   opacity:1;
   visibility:visible;
   transform:scale(6);
   -webkit-transform:scale(6);
   -moz-transform:scale(6);
   -ms-transform:scale(6);
   -o-transform:scale(6);
   transition:all 0.8s;
   -moz-transition:all 0.8s;
   -ms-transition:all 0.8s;
   -webkit-transition:all 0.8s;
   -o-transition:all 0.8s;
}
.st-gallery .layout-wall .media .st_mask {
    top: 34%;
    left: 34%;
}
.st-massonry .layout-wall .media .st_mask {
    top: 36%;
    left: 36%;
}
@media (max-width: 1025px) {
    .layout-wall .media  .st_mask {
        top: 0 !important;
        left: 0 !important;
        transform:scale(1);
        height: 100%;
        width: 100%;
       -webkit-transform:scale(1);
       -moz-transform:scale(1);
       -ms-transform:scale(1);
       -o-transform:scale(1);
       border: 1px solid transparent;
    }
}
.layout-wall .media:hover .st_mask {
   opacity: 0;
   border:0px solid rgba(0,0,0,0.4);
   visibility:hidden;
}
.st-gallery .fa-picture-o:hover:before,
 .st-gallery-massonry .fa-picture-o:hover:before, 
 .st-gallery-full .fa-picture-o:hover:before {
       transition:all 0.5s ease-in-out;
   -moz-transition:all 0.5s ease-in-out;
   -ms-transition:all 0.5s ease-in-out;
   -webkit-transition:all 0.5s ease-in-out;
   -o-transition:all 0.5s ease-in-out;
 }


 .st-portfolio .mCSB_buttonLeft {
    top: 40%;
    right: 0;
    left: auto !important;
    display: block;
}
.st-portfolio .mCSB_buttonRight {
    margin-top: 1px !important;
}
#avatar-content .pull-left.item-image {
    margin-bottom: 0;
    display: block;
}
.st-home-slider .galleria-thumbnails-container,
.st-home-slider .galleria-info,
.st-home-slider .galleria-info-text {
    display: none;
}
 /* HOVER BUTTON */
  @media (min-width: 769px) {
 .css3-effect .st-main-menu a:hover,
 .css3-effect .st-main-menu span:hover {
 	
    
 }
 .css3-effect .st-main-menu a:before,
 .css3-effect .st-main-menu span.separator:before {
     width: 100%;
    height: 100%;
    content: attr(data-hover);
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    /*line-height: 46px;*/
    z-index: -9;
    background: #000000;
    padding: 16px 0px 16px 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
 }
 .css3-effect .st-main-menu span.separator:before {
    line-height: 46px;
    /*text-indent: 25px;*/
    padding: 0;
 }

    .css3-effect .st-main-menu span.separator:before {
    line-height: 46px;
    height: 46px;
   /* text-indent: 25px;*/
    padding: 0;
 }
 
 .css3-effect .st-main-menu a:hover:before,
 .css3-effect .st-main-menu span.separator:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
    transform: translatex(0%);
    -moz-transform: translatex(0%);
    -webkit-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    /*text-indent: 25px;*/
 }
 .css3-effect .st-main-menu li.current > a,
 .css3-effect .st-main-menu li.current > a:hover {
    transform: translatex(0%);
    -moz-transform: translatex(0%);
    -webkit-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    height: 46px;
    
 }
 .css3-effect .st-main-menu li.current > a:before {
    transform: translatex(0%);
    -moz-transform: translatex(0%);
    -webkit-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
 }
 .css3-effect .st-main-menu li a, 
 .css3-effect .st-main-menu li .separator {
    padding: 0;
    overflow: hidden;
 }
 .css3-effect .st-main-menu li .st-mask {
    padding: 16px 20px; /*16px 25px;*/
	width: 170px;
    transition:  all 0.3s ease-in-out;
    -webkit-transition:  all 0.3s ease-in-out;
    -moz-transition:  all 0.3s ease-in-out;
    -ms-transition:  all 0.3s ease-in-out;
    -o-transition:  all 0.3s ease-in-out;
 }
 .css3-effect .st-main-menu li a:hover .st-mask, 
 .css3-effect .st-main-menu li .separator:hover .st-mask {
    transform: translatex(100%);
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
 }
 .css3-effect .st-main-menu li.current > a  .st-mask,
 .css3-effect .st-main-menu li.current > a:hover  .st-mask {
    background: #000;
    -webkit-transform: translatex(0%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
 }
 .css3-effect .st-main-menu li.current > a:hover  .st-mask  {
    
 }  
 }
 
#disqus_thread {
    padding: 12px;
    background: #fff;
    margin-top: 20px;
}
.st-home-ver-1 {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    
}
.st-home-ver-1 iframe{
    max-width: none;
}
/*     
                          HOVER ICON                          */
@keyframes LeftToRight {
    49% {
        transform: translate(100%);
    }
    50% {
        transform: translate(-100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes LeftToRight {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        -moz-transform: translate(-100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@-webkit-keyframes LeftToRight {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        -webkit-transform: translate(-100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@-o-keyframes LeftToRight {
    49% {
        -o-transform: translate(100%);
    }
    50% {
        -o-transform: translate(-100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@keyframes RightToLeft {
    49% {
        transform: translate(-100%);
    }
    50% {
        transform: translate(100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes RightToLeft {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        -moz-transform: translate(100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@-webkit-keyframes RightToLeft {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        -webkit-transform: translate(100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@-o-keyframes RightToLeft {
    49% {
        -o-transform: translate(-100%);
    }
    50% {
        -o-transform: translate(100%);
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
.css3-effect .st-left-social a i:hover:before {
    animation:  LeftToRight 0.3s forwards;
    -moz-animation:  LeftToRight 0.3s forwards;
    -webkit-animation:  LeftToRight 0.3s forwards;
    -o-animation:  LeftToRight 0.3s forwards;
}
.css3-effect .st-left-social a {
    overflow: hidden;
}
.css3-effect .galleria-image-nav .galleria-image-nav-left:hover:after {
    animation:  RightToLeft 0.3s forwards;
    -moz-animation:  RightToLeft 0.3s forwards;
    -webkit-animation:  RightToLeft 0.3s forwards;
    -o-animation:  RightToLeft 0.3s forwards;
    
}
.css3-effect .galleria-image-nav .galleria-image-nav-right:hover:after
 {
    animation:  LeftToRight 0.3s forwards;
    -moz-animation:  LeftToRight 0.3s forwards;
    -webkit-animation:  LeftToRight 0.3s forwards;
    -o-animation:  LeftToRight 0.3s forwards;
    
}
.css3-effect .fancybox-nav span:after {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.css3-effect .fancybox-nav span:hover:after {
    background: #000;
}
#avatar-content .blogst-portfolio-article .item-image {
    overflow: hidden;
}
#avatar-content .blogst-portfolio-article .item-image img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    
}
#avatar-content .blogst-portfolio-article .item-image:hover img{
    transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}

@media (min-width: 769px) and (max-width: 1675px) {
    body.st-push-body.css3-effect {
        margin-left: 300px;
        overflow: hidden;
        transition: margin-left 0.3s ease-in;
        -webkit-transition: margin-left 0.3s ease-in;
        -moz-transition: margin-left 0.3s ease-in;
        -ms-transition: margin-left 0.3s ease-in;
        -o-transition: margin-left 0.3s ease-in;
    }
    body.css3-effect {
        margin-left:  0;
        transition: margin-left 0.3s ease-in;
        -webkit-transition: margin-left 0.3s ease-in;
        -moz-transition: margin-left 0.3s ease-in;
        -ms-transition: margin-left 0.3s ease-in;
        -o-transition: margin-left 0.3s ease-in;
    }
    #avatar-position-stick-left-top {
        left: -210px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    body.avatar-responsive .st-mega-menu li ul {
        display: inline-block !important;
    }
}
@media (max-height: 769px) {
    #avatar-position-stick-left-top,
    #avatar-position-stick-left-middle {
        position: fixed;
    }
    .st-page-portfolio #avatar-full-1-block {
        position: absolute;
    }
}

/* MODIFY */
.css3-effect #avatar-content .pull-left.item-image img {
    width: 100%;
}
/* ------------------BACKGROUND-------------------------------------------- */

.st-bg-black #avatar-content #avatar-pos-main-body .item-page,
.st-bg-black.st-page-contact-full .avatar-wrapper{
    background-color: rgba(26,28,29,1);
}
.st-bg-gray #avatar-content #avatar-pos-main-body .item-page,
.st-bg-gray.st-page-contact-full .avatar-wrapper
 {
    background-color: rgba(242,242,242,1);
}

.st-bg-white #avatar-content #avatar-pos-main-body .item-page,
.st-bg-white.st-page-contact-full .avatar-wrapper{
    background-color: rgba(255,255,255,1);
}
.st-bg-white #avatar-content .page-header a:hover,
.st-bg-gray #avatar-content .page-header a:hover{
    color: #000000;
}
.st-bg-white .st-contact input,
 .st-bg-white .st-contact textarea,
 .st-bg-gray .st-contact input,
 .st-bg-gray .st-contact textarea {
    background: rgba(255,255,255,0.4);
    border: 1px solid #dfdfdf;
}

/* END MODIFY */


/* MENU POLICY */
.policy-menu {

	}
.policy-menu ul {
	text-align:center;
	width:250px;
}
.policy-menu li {
	float:left;
	margin-right:20px;
	height:30px;
}
.policy-menu li a {
	color:#fff;
	display:inline-block;
}
.policy-menu li a:hover {
	color:#A4A4A4;
	background:none;
}
.policy-menu li:before{ 
	content: "|"; 
	padding-right:20px;
		}
		
/* END MENU POLICY */

/* TESTO SEZIONI */
.txt_in {
	color:#fff;
	text-align:justify;
	margin-bottom: 15px;
}

/* END TESTO SEZIONI */

@media screen and (max-width:768px){
	#logo-menu-space {
		height:0;
	}
	.st-logo a img {
		visibility: visible !important;
	}
}
@media screen and (min-width:769px){
	#logo-menu-space {
		height:70px;
	}
}

.fa-times-circle  {
	color:#fff;
	float:right;
	font-size:0.6em;
	margin-top:-2px;
	margin-right:-10px;
}
.fa-times-circle:hover {
	opacity:0.7;
}

.st-module-content .home-text-content {
	position: absolute;
	bottom: 20px;
	padding: 0 15px;
	background-color: rgba(0,0,0,0.7);
	color: #eee;
	border-radius: 7px;
}

.st-module-content .home-text-content h1 {
	color: #ffd900;
}


/* INTERNAL TABLES STYLE - START */
table {
  text-align: left;
  line-height: 24px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #ffd900;
  width: 100%;
  margin: 0px auto 10px;
  border-radius: .25rem;
}

thead tr {  
  text-align: center;
  background-color: #fbf2c1;
}

thead tr:first-child {
  background: #ffd900;
  color: #1d1d1d;
  border: none;
  font-size: 1.3em;
}

thead th {
  padding: 10px;
}

td {
  padding: 8px 5px;
}

th:first-child,
td:first-child {
  padding: 0 15px 0 20px;
}

thead tr:last-child th {
  border-bottom: 3px solid #ddd;
}

tbody tr:last-child td {
  border: none;
}

tbody tr {
	background-color: #fff;
}

tbody tr:nth-child(even){ 
	background-color: #f9f9f9;
}

tbody tr:hover {
  background-color: #f2f2f2;
  cursor: default;
}

tbody td {
  border-bottom: 1px solid #ddd;
}

.button {
  color: #aaa;
  cursor: pointer;
  vertical-align: middle;
  margin-top: -4px;
}

.edit:hover {
  color: #0a79df;
}

.delete:hover {
  color: #dc2a2a;
}
/* INTERNAL TABLES STYLE - END */

/* DOWNLOAD PDF BUTTON - START */
.brochure {
	margin-bottom: 70px;
}

.brochure .download_button {
	text-decoration: none;
	color: white;
}

.download_button_style {
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-family: "Georgia", sans-serif;
    cursor: pointer;
	
	display: block;
    border: 2px solid #ffd900;
    width: 200px;
    text-align: center;
    height: 48px;
    padding: 2px 4px;
    border-radius: 100px;
    color: white;
    margin: 0 auto;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 3;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
}

.download_button_style:hover {
    -webkit-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.2);
    background: #ffd900;
}

.download_button_style:hover i {
    margin-right: 2px;
}
/* DOWNLOAD PDF BUTTON - END */

/* HOME PROMO BTN - START */
.home-promo-content {
	position: fixed;
	bottom: 20px;
	right: 50px;
	display: block;
	border-radius: 0 25px 0 25px;
    background: #ffd900;
    padding: 15px; 
    width: 200px;
    height: 50px; 
}

/* HOME PROMO BTN - END */

/* PAOLONE 7/6/ 18 */
.mini-title {
	color:#ffb100;
	font-size: 11px;
	font-style: italic;
}

.st-about-me .content a {
	color:	#fff;
}