/*** fix DIVI **/
.et_pb_fullwidth_code.et_pb_module {
    z-index: 1;
}


#floatingSocialShare {
   /*position: absolute;*/
   position:fixed;
   z-index: 9;
    right: 25px;
    top: 40%;
	opacity:0;
}

.home #floatingSocialShare{display: none;}

#floatingSocialShare.visible{    
	opacity: 1;
    -webkit-animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
}


#floatingSocialShare *,
#floatingSocialShare *:before,
#floatingSocialShare *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#floatingSocialShare a {
    position: relative;
    width: 45px;
    height: 30px;
    line-height: 20px;
    padding: 3px 0;
    display:list-item;
    list-style-type: none;
    text-align: center;
    color: #454544;
}

#floatingSocialShare a:focus, #floatingSocialShare a:hover {
    color: #fff;
    width:52px;
    opacity: 0.8;
    transition-duration: 0.3s;
    transition-property: right;
    transition-timing-function: ease-out;
}

#floatingSocialShare a, #floatingSocialShare a:visited, #floatingSocialShare a:focus, #floatingSocialShare a:active, #floatingSocialShare a:hover {
    outline: 0 none !important;
}

#floatingSocialShare i {
    line-height: inherit;
    font-size: 24px;
    text-align: center;
        font-weight: 300;
}

#floatingSocialShare .top-left, #floatingSocialShare .top-right, #floatingSocialShare .content-left, #floatingSocialShare .content-right {
    /*position: fixed;*/
    top: 525px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#floatingSocialShare .top-left {
    left: 0;
}

#floatingSocialShare .top-right {
    right: 50px;
}

#floatingSocialShare .content-left, #floatingSocialShare .content-right {
    margin: 0;
}

#floatingSocialShare .top-right {
    direction: rtl;
}

#floatingSocialShare .envelope {
    background-color: #726C6C;
}

#floatingSocialShare .facebook {
   background-color: transparent;
}

#floatingSocialShare .google-plus {
    background-color: #dd4b39;
}

#floatingSocialShare .linkedin {
    background-color: #007bb6;
}

#floatingSocialShare .odnoklassniki {
    background-color: #f6900b;
}

#floatingSocialShare .pinterest {
    background-color: transparent;
}

#floatingSocialShare .reddit {
    background-color: #a9bacb;
}

#floatingSocialShare .stumbleupon {
    background-color: #eb4924;
}

#floatingSocialShare .telegram {
    background-color: #1E96C8;
}

#floatingSocialShare .tumblr {
    background-color: #36465d;
}

#floatingSocialShare .twitter {
    background-color: transparent;
}

#floatingSocialShare .vk {
    background-color: #6383a8;
}

#floatingSocialShare .whatsapp {
    background-color: #00E676;
}

#floatingSocialShare .shareCount {
    position: absolute;
    bottom: 0;
    right: -15px;
    left: 0;
    margin: auto;
    color: #ffffff;
    font-size:  10px;
}

#floatingSocialShare .margin-top-5 {
    margin-top: 5px;
}



@media only screen and (min-device-width: 0px) and (max-width:1024px) {
	
	.bookmark-save {
        position: absolute;
		right: 0px;
		top: -6px;
		margin-top: 0px;
    }

	#floatingSocialShare {
		position: relative;
		width: 100%;
		float: left;
		left: 5px;
		/*margin: 30px 0;	*/
		opacity: 0;
	}
	#floatingSocialShare.mobile-visible{opacity: 1;}


	#floatingSocialShare:before {
        content: 'SPREAD THE WORD';
        display: inline-block;
        padding-bottom: 10px;
        color: #333;
        font-weight: 500;
        line-height: 1em;
        font-size: 18px;
        float:left;
		margin-right: 20px;
    }
		
    #floatingSocialShare .top-left, #floatingSocialShare .top-right, #floatingSocialShare .content-left, #floatingSocialShare .content-right  {
    
		z-index: 999;
		float: left;
		margin: -20px;
    }

    #floatingSocialShare a {
        position: relative;
        float: left;
        display:list-item;
        list-style-type: none;
		padding-right: 5px !important;
    }

    #floatingSocialShare a:focus, #floatingSocialShare a:hover {
        -moz-transition-property: none;
        -webkit-transition-property: none;
        -o-transition-property: none;
        transition-property: none;
    }
	
}

@media ( max-width:1024px) and (orientation: landscape) {
	.bookmark-save {
		top: -2px;
    }
}

@media ( max-width:980px){
	.bookmark-save {
		top: -6px;
    }
}	

@media only screen and (min-device-width: 0px) and (max-width:320px) {
	#floatingSocialShare .top-right{margin: 0px 0 0 0;}
	#floatingSocialShare { margin: 20px 0 20px 0; }	
}
