@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/*Prite Start Edit 2019-04-22 ---------------------------------*/
.back-to-top {
  visibility: hidden;
  background-color: #004a87;
  color: #fff;
  width: 55px;
  height: 50px;
  text-align: center;
  line-height: 38px;
  position: fixed;
  bottom: 30px;
  right: 110px;
  /*bottom: 50px;
  right: 50px;*/
  z-index: 90;
  cursor: pointer;
  opacity: 0;
  border-radius: 3px;
  -webkit-transform: translateZ(0);
  transition: all .4s;
}
/*Prite End Edit 2019-04-22 -----------------------------------*/

.share-fixed {
  display: inline-grid;
  color: #fff;
  text-align: center;
  line-height: 38px;
  position: fixed;
  bottom: 35%;
  left: 0;
  z-index: 90;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transform: translateZ(0);
  transition: all .4s;
}

.facebook-icon{
    background-color: #43619b;
    padding: 5px;
	transition: 0.25s;
}

.twitter-icon{
	background-color: #24a8e5;
    padding: 5px;
	transition: 0.25s;
}

.line-icon{
	background-color: #3ace01;
    padding: 5px;
	transition: 0.25s;
}
.google-icon{
	background-color: #fb5245;
    padding: 5px;
	transition: 0.25s;
}

.facebook-icon:hover{
    background-color: #43619b;
    padding: 5px;
	filter: brightness(90%);
	transition: 0.25s;
}

.twitter-icon:hover{
	background-color: #24a8e5;
    padding: 5px;
	filter: brightness(90%);
	transition: 0.25s;
}

.line-icon:hover{
	background-color: #3ace01;
    padding: 5px;
	filter: brightness(90%);
	transition: 0.25s;
}
.google-icon:hover{
	background-color: #fb5245;
    padding: 5px;
	transition: 0.25s;
}


.back-to-top .fa {
  font-size: 22px;
  vertical-align: middle
}

.back-to-top:hover {
  background-color: #66a8dd;
  color: #fff;
  opacity: 1;
}

.back-to-top.show {
  visibility: visible;
  opacity: 1;
}
.scale-icon{
	width: 45px;
	height: 45px;
}




@media screen and (max-width: 991px) {
.share-fixed {
    display: flex;
	flex-direction: row-reverse;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 38px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 90;
    cursor: pointer;
	box-shadow: 0px -5px 15px 0 rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transition: all .4s;
}
.scale-icon{
	width: 35px;
	height: 35px;
}
.width-icon{
	width: 33%	
}
.width-icon-2{
	width: 34%;	
}

/*Prite Start Edit 2019-04-22 ---------------------------------*/
/*.back-to-top {
    visibility: hidden;
    background-color: #004a87;
    color: #fff;
    width: 55px;
    height: 50px;
    text-align: center;
    line-height: 38px;
    position: fixed;
    bottom: 95px;
    right: 35px;
    z-index: 90;
    cursor: pointer;
    opacity: 0;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transition: all .4s;
}
}

@media screen and (max-width: 768px) {
.back-to-top {
    visibility: hidden;
    background-color: #004a87;
    color: #fff;
    width: 55px;
    height: 50px;
    text-align: center;
    line-height: 38px;
    position: fixed;
    bottom: 75px;
    right: 25px;
    z-index: 90;
    cursor: pointer;
    opacity: 0;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transition: all .4s;
}	
}

@media screen and (max-width: 520px) {
.back-to-top {
    visibility: hidden;
    background-color: rgba(0, 74, 135, 0.55);
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    position: fixed;
    bottom: 75px;
    right: 15px;
    z-index: 90;
    cursor: pointer;
    opacity: 0;
    border-radius: 50px;
    -webkit-transform: translateZ(0);
    transition: all .4s;
}*/

@media only screen and (min-width: 320px) {
	.back-to-top {
		visibility: hidden;
		background-color: rgba(0, 74, 135, 0.55);
		color: #fff;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 35px;
		position: fixed;
		bottom: 75px;
		right: 15px;
		z-index: 90;
		cursor: pointer;
		opacity: 0;
		border-radius: 50px;
		-webkit-transform: translateZ(0);
		transition: all .4s;
	}
}

@media only screen and (min-width: 768px) {
	.back-to-top {
		visibility: hidden;
		background-color: #004a87;
		color: #fff;
		width: 55px;
		height: 50px;
		text-align: center;
		line-height: 38px;
		position: fixed;
		bottom: 90px;
		right: 34px;
		z-index: 90;
		cursor: pointer;
		opacity: 0;
		border-radius: 3px;
		-webkit-transform: translateZ(0);
		transition: all .4s;
	}
}

@media only screen and (min-width: 1024px) {
	.back-to-top {
		visibility: hidden;
		background-color: #004a87;
		color: #fff;
		width: 55px;
		height: 50px;
		text-align: center;
		line-height: 38px;
		position: fixed;
		bottom: 95px;
		right: 35px;
		z-index: 90;
		cursor: pointer;
		opacity: 0;
		border-radius: 3px;
		-webkit-transform: translateZ(0);
		transition: all .4s;
	}
}
/*Prite End Edit 2019-04-22 -----------------------------------*/
		
.back-to-top:hover {
    background-color: rgba(102, 168, 221, 0.5);
    color: #fff;
    opacity: 1;
}
}