@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.navcall h6{
	text-align: left;
}
.navmail h6{
	text-align: right;
}
.navresponsive{
  position: relative;z-index: 100;
  margin: 0 auto;
}



.class1{
	z-index: 10000;
	text-align: right;
}
.class1 i{
	color: #fff;
	padding: 2px 5px;
}
.class1 h6 a{
	color: #fff;
}

.slidertop{
	margin-top: -130px;
}

.class2{
	z-index: 10000;
	text-align: right;
}
.class2 i{
	color: #fff;
	padding: 2px 5px;
}
.class2 h6 a{
	color: #fff;
}
.carousel{
	z-index:1;
}

.class3{
	background: #f3f3f3;
	text-align: center;
	border-radius: 50px;
	margin-top: -20px;
	z-index: -2;
}

.class3 h1{
	font-size: 30px;
	padding: 30px 20px 0px 20px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}
.class3 h1 span{
	color: #0597db;
	font-size: 35px;
}
.class4 p{
	color: #606060;
}
.class4{
	text-align: center;
	margin-top: 30px;
}
.class4 button{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#314092+0,009fe2+50,1e5799+99 */
background: rgb(49,64,146); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(49,64,146,1) 0%, rgba(0,159,226,1) 50%, rgba(30,87,153,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(49,64,146,1) 0%,rgba(0,159,226,1) 50%,rgba(30,87,153,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(49,64,146,1) 0%,rgba(0,159,226,1) 50%,rgba(30,87,153,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314092', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
width: 200px;
border-radius: 50px;
border: 0;
height: 50px;
}
.class4 button a{
	color: #fff;
}
.class4 button:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009fe2+0,1e5799+50,009fe2+100 */
background: rgb(0,159,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,159,226,1) 0%, rgba(30,87,153,1) 50%, rgba(0,159,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,159,226,1) 0%,rgba(30,87,153,1) 50%,rgba(0,159,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,159,226,1) 0%,rgba(30,87,153,1) 50%,rgba(0,159,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fe2', endColorstr='#009fe2',GradientType=0 ); /* IE6-9 */

}



#limbu img{
	animation: mymoves 8s infinite;
position: absolute;
}
@keyframes mymoves {
  0% {left: 0;}
  25% {left:10%;}
  50% {left: 0%;}
  75% {left:10%;}
  100% {left:  0;}
}
#limbu2  img{
	animation: mymove 8s infinite;
	 animation-delay: 2s;
position: absolute;}
@keyframes mymove {
  0% {width: 100px}
  25% {width: 150px}
  50% {width: 100px}
  75% {width: 150px}
  100% {width: 100px}
}
#class9  img{
	animation: mymovef 12s infinite;
	 animation-delay: 0s;
position: absolute;}
@keyframes mymovef {
  0% {width: 100px}
  25% {width: 150px}
  50% {width: 100px}
  75% {width: 150px}
  100% {width: 100px}
}


#limbu3 img{
	animation: mymov 10s infinite;
position: absolute;
}
@keyframes mymov {
  0% {left: 0;}
  25% {left:10%;}
  50% {left: 0%;}
  75% {left:10%;}
  100% {left:  0;}
}
#limbu4 img{
	animation: mymo 10s infinite;
position: absolute;
}
@keyframes mymo {
  0% {top: 0;}
  25% {top:30%;}
  50% {top: 0%;}
  75% {top:20%;}
  100% {top:  0;}
}
/********product slider***********/


/***********************product slider******************************/

.bx-wrapper {
  box-shadow: none !important;
  border: none !important;
  background: transparent!important;
  margin: auto !important;
  height: auto!important;
}

.cardimg{
	background: #fff;
	border-radius: 50%;z-index: 100;position: relative;
	width: 180px;
	height: 180px;
	margin: 0 auto;
	border: 7px solid #b4e3f6;
	padding: 0px;
}
.cardp{
	height: 390px;
	margin-top: -50px;
	z-index: 0!important;

}
.cardp hr{
	border: 1px solid;
	width: 80%;
	margin-left: auto;
	margin-top: -5px;
}
.cardp h1{
	padding-top: 50px;font-family: 'Raleway', sans-serif;font-weight: 700;font-size: 30px;
}
.cardp p{
	margin-top: -5px;
	padding:0 10px 20px 10px;
	font-family: 'Raleway', sans-serif;
}
#producttitle1bg{
	background: #ffc028;
	border-radius: 20px;
}

#producttitle2bg{
	background: #92f9a8;
	border-radius: 20px;
}
#producttitle3bg{
	background: #fff003;
	border-radius: 20px;
}

#producttitle4bg{
	background: #ff800f;
	border-radius: 20px;
}



.bx-wrapper img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}
.productbox img{
	padding: 20px;
}
.productbox{
	padding: 0px;
	background: transparent;float: left;
    list-style: none;
    position: relative;
    margin-right: 37px!important;

}



/* End bx-wrapper Styling */

.logosImgs {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  
}

.logosImgs img {
  max-height: 100%;
opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.logosImgs img:hover {
	
   -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .65;
  transition: all .5s;
}
.bx-wrapper .bx-prev {
    left: -50px ;
    background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: -50px;
    background: url(images/controls.png) no-repeat -43px -32px;
}
@media screen and (max-width: 800px) {
    .logosImgs img {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
}
}

@media screen and (max-width: 560px) {
 .logosImgs img {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
}
}




.class6{
	padding: 0;
}

.class7{
	margin-top: -50px;
}
.class8{
	margin-top: -50px;
}
.class9{
	margin-top: -50;
}
.class9 h1{
	text-align: center;
	color: #f6a801;
	font-family: 'Segoe Print';
	font-size: 6pc;
	font-weight: 700;
}
.class9 p{
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}
#class9{
	text-align: center;
	margin-top: 100px;
}
.class10 {
	margin-top: -250px;
	padding: 0;	
}

.class11{
	background: #000;
	padding: 50px 70px;
}
.class12
h1{
	font-family: 'Bebas Kai';
	color: #fff;
	font-size: 20px;
	margin-top: 5px;
}
.class12
table{
	margin-top: 0px;
}
.class12
table
tr
td
i{
	font-size: 20px;
	color: #fff;
	padding:10px 10px;

}
.class12
table
tr
td
span{
	color: #fff;
	font-size: 18px;
	margin-top: 0px;

}
.class12
table
tr
td
span{
	color: #fff;
	font-size: 18px;
	margin-top: 35px;
	
}

.class12
table
tr
td
h6{
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	margin-top: 10px;
}
.class12
table
tr
td
h6
span{
	margin-left: 15px;

}
.class12
table
tr
td
h5
{
	text-align: left; 
}
.class12
table
tr
td
h5
img
{
padding:0 20px;
}
.class12
table
tr
td
h5
span{
	font-family:'Segoe Print'; 
}

.class12
table
tr
td
a{
	color: #fff;
}


.class14
img{
	margin-top: 60px;
}
.class13{
	background: #00a0e3;
}
.class14{
	padding: 50px;
}
.class15{
	color: #000;
	text-align: center;
	background: #f7f7f5;
	height: auto;
	padding: 10px;
	height: 50px;
}
.class15
p{
	padding-top: 0px;
}
.class15
p
span a{
	color: #000;
	font-weight: 700;
}
.class15
p
span {
	color: #000;
	font-weight: 700;
}
.class21{
	padding: 50px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#35388b+2,35388b+2,00a0e3+99 */
background: rgb(53,56,139); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(53,56,139,1) 2%, rgba(53,56,139,1) 2%, rgba(0,160,227,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(53,56,139,1) 2%,rgba(53,56,139,1) 2%,rgba(0,160,227,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(53,56,139,1) 2%,rgba(53,56,139,1) 2%,rgba(0,160,227,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35388b', endColorstr='#00a0e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.class21
table
tr
td
a{
	color: #fff;
}


.class21
h1{
	font-family: 'Bebas Kai';
	color: #fff;
}
.class21
table{
	margin-top: 0px;
}
.class21
table
tr
td
i{
	font-size: 20px;
	color: #fff;
	padding:10px 10px;

}
.class21
table
tr
td
span{
	color: #fff;
	font-size: 18px;
	margin-top: 0px;
	

}
.class21
table
tr
td
span{
	color: #fff;
	font-size: 18px;
	margin-top: 35px;

}

.class22{
	margin-top: 50px;
}

.class23{
	padding: 50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a0e3+3,35388b+99,35388b+99,35388b+99,35388b+100 */
background: rgb(0,160,227); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,160,227,1) 3%, rgba(53,56,139,1) 99%, rgba(53,56,139,1) 99%, rgba(53,56,139,1) 99%, rgba(53,56,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,160,227,1) 3%,rgba(53,56,139,1) 99%,rgba(53,56,139,1) 99%,rgba(53,56,139,1) 99%,rgba(53,56,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,160,227,1) 3%,rgba(53,56,139,1) 99%,rgba(53,56,139,1) 99%,rgba(53,56,139,1) 99%,rgba(53,56,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e3', endColorstr='#35388b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.class23
h1{
	font-family: 'Bebas Kai';
	color: #fff;
}


#contact
form
input{
	border: 2px solid;
	border-radius: 10px;
	padding: 0px 20px;
	height: 35px;
}
#contact
form
input::placeholder{
	font-size: 15px;
}

#contact
form
textarea{
	border: 2px solid;
	border-radius: 10px;
	padding: 10px 20px;
	height: 165px;
}
#contact
form
textarea::placeholder{
	font-size: 15px;
	margin-top: 10px;
}



.btn-grad {background-image: linear-gradient(to right, #283c86 0%, #45a247  51%, #283c86  100%)}
.btn-grad {
			width: 200px;
            margin: 10px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
          }
.btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
         


/****************media*******************/
.class41{
  margin-bottom: 50px;overflow: hidden;
}
#class41{
	overflow: hidden;  
	border-radius: 10px;
	border: 3px solid gray;
}
.class41 h3{
  font-size: 18px;
  padding: 10px;
}
.class41:hover img{
  color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}


.class41
i{
  position: absolute;
  font-size: 45px;
  left: 43%;
  top: 35%;
  color: #000;
  display: none;
}

.class41:hover i{
  display: block;
  opacity: 1 !important;
}


#class41 img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
#class41:hover img {
  transform: scale(1.5);
  opacity: 0.3;
}
.container.gallery-container{
    color: #35373a;
    min-height: 100vh;  
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}


.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}

.baguetteBox-button#close-button {
    top: 70!important;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
}










/***********product*********************/



.class51{
	padding: 50px;
}


.class52{
	padding: 50px;
	text-align: center;
}
.class53
h1{
		font-family: 'Bebas Kai';
}
.class54{
	border: 2px solid;
	margin-top: 10px;
}
.class53{
	border: 2px solid;
	padding: 30px;
}
.class53
hr{
	border: 2px solid;
}
.class53
table{
	width: 100%;
}
.class53
table
tr:hover{
	background: #f3f1f9;
	color: #606060;
}
.class53
table
tr
td{
	border-bottom: 1px solid;
}
.class53
table
tr
td
h3{
	text-align: right;
	font-size: 18px;
	color: #606060;
}
.class53
table
tr
td
h1{
	text-align: left;
	font-size: 20px;
	font-weight: 700;
}
.class54{
	background: #f6a801;
}
.class54
h1{
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 700;
	padding: 10px;
	color: #000;
}
.class54
h1 span{
	font-weight: 400;
	font-family: sans-serif;
	font-size: 18px;
	color: #000;
}

.class61{
	padding: 50px;
}
.class62{
	padding: 50px;
}
.class62 h1{
	font-family: 'Bebas Kai';
	color: #000;
}
.class62 p{
	color: #606060;
}


.numscroll{
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6a801+0,961427+100 */
background: rgb(246,168,1); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(246,168,1,1) 0%, rgba(150,20,39,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(246,168,1,1) 0%,rgba(150,20,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(246,168,1,1) 0%,rgba(150,20,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a801', endColorstr='#961427',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.numscroll h1{
	font-family: 'Bebas Kai';
	color: #fff;
	font-size: 65px;
}
.numb h5{
	margin-top: -15px;color: #fff;
}
.numb{
	padding: 50px;
}

.class14
form
input{
	width: 300px;
	height: 40px;
	border-radius: 0;
	border: 1px solid #000;
}
.class14
form
select{
	width: 300px;
	height: 40px;
	border: 1px solid #000;
	padding:0 10px;
}
.class14
form
input::placeholder{
	color: #000;
}

.class14
h1{
	font-family: 'Bebas Kai';
	color: #fff;
}



.btn-sub {background-image: linear-gradient(to right, #283c86 0%, #45a247  51%, #283c86  100%)}
.btn-sub {
			width: 100px!important;
            margin: 10px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
          }
.btn-sub:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }


.infoconta{
	padding: 0px 0;
}
.infoconta p{
	color: #606060;
}
.infoconta h1{
	margin-top: -20px;
	font-weight: 700;
	font-family: 'Bebas Kai';
}

.mainfol{
	border: 2px solid #f3f3f3;
	text-align: center;
	height: 550px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	overflow: hidden;
}
.mainimg img{
	border:0px solid;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
.mainfol:hover{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	 background: #00a0e3;color: #393185;
}
.secondimg{
	margin-top: 30px;
	padding: 10px;
}
.textprod{

}
.textprod h2{
	font-size: 23px;
	
	padding: 20px;
}

.classaboutmain{
	padding:20px;
}
.abouttextt{
	padding:10px 0;
}
.abouttextt h1{
	font-size: 25px;
		font-family: 'Bebas Kai';
}
.abouttextt p {
    font-size: 18px;
    line-height: 25px;
    color: #606060;
    font-family: 'Raleway', sans-serif;
}





@import url(https://fonts.googleapis.com/css?family=Raleway);

*, *:before, *:after{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
}


.container .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
 
 .classcontactmain{
 	text-align: center;
 }
 .contactimg{
	position: relative;
	z-index: -1;
}
 .cotatexttx{
 	margin-top: -170px;
 	z-index: 1;
 }
  .cotatexttx h2{
  	color: #fff;
  	font-weight: 700;margin-top: 40px;
  }
   .cotatexttx p{
  	color: #fff;
  	font-weight: 400;
  }

  .contcticon{
  	padding: 50px 10px;
  }
  .contactbordr{
  	border:1px solid #facaca;
  	padding: 10px;
  	border-radius: 15px;
  	height: 110px;
  
  }
    .contactbordr:hover{
    		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }
     .contactbordr:hover i{
	
	color: #235ca9;
}
  .contactbordr
table
tr
td
i{
	font-size: 40px;
	margin-top: -15px;
	padding: 0 10px;
	color: #0499dd;
}
.contactbordr
table
tr
td
h2{
	font-size: 28px;  font-family: 'Raleway', sans-serif;font-weight: 600;
}
.contactbordr
table
tr
td
span{
	font-size:15px;
	color: #606060;
}
.contactbordr
table
tr
td
span a{
	font-size:15px;
	color: #606060;
}

.classinqirymain{
	padding: 20px;
}
.inqityrtext p{
	color: #606060; font-family: 'Raleway', sans-serif;font-weight: 500;
}
.inqityrtext h1{
	color: #000; font-family: 'Raleway', sans-serif;font-weight: 700;
	margin-top: -10px;
	font-size: 30px;
}
.inqityrtext h4{
	font-size: 18px;
	color: #606060;font-family: 'Raleway', sans-serif;font-weight: 500;
}

.inquirtformmain{
	padding:50px 0;
}
.inquirtformmain
form
input{
	border-bottom: 2px solid;
	border-right: 0px solid;
	border-left:0px solid;
	border-top: 0px solid;
	padding: 20px;
}

.contactfooter
h1{
	color: #000; font-family: 'Raleway', sans-serif;font-weight: 700;
	margin-top: -10px;
	font-size: 30px;
}
.contactfooter p{
	font-size: 18px;
	color: #606060;font-family: 'Raleway', sans-serif;font-weight: 500;

}




/**********social icon****************/
/* fixed social*/
#fixed-social {
   position: fixed;
   top: 50%;z-index: 1000000;
}
#fixed-social i{
  padding-top: 10px;
}
#fixed-social a {
   color: #fff;
   display: block;
   height: 40px;
   position: relative;
   text-align: center;
    line-height: 40px;
   width: 40px;
   margin-bottom: 1px;
   z-index: 200000!important;
}
#fixed-social a:hover>span{
  visibility: visible;
  left: 41px;
  opacity: 1;
} 
#fixed-social a span {
  line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 10000;
    opacity: 0;
}
 .fixed-facebook{
  background-color: #4267B2;
 }
 .fixed-facebook span{
  background-color: #4267B2;
 }
 .fixed-twitter{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */


 }
 .fixed-twitter span{
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a3ab9+0,e95950+50,fccc63+100 */
background: rgb(138,58,185); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(138,58,185,1) 0%, rgba(233,89,80,1) 50%, rgba(252,204,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(138,58,185,1) 0%,rgba(233,89,80,1) 50%,rgba(252,204,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a3ab9', endColorstr='#fccc63',GradientType=0 ); /* IE6-9 */

 }
 .class47 img{
     border:2px solid;
 }
 .fixed-youtube{
  background-color: red;

 }

 .fixed-youtube span{
  background-color: red;
 }
 .fixed-whatsapp {
  background-color: green;

 }
 .fixed-whatsapp span{
  background-color: green;
 }