/* CSS Document */

@font-face {
    font-family: "iranianSans";
    src: url(../fonts/font/IRAN-Sans.ttf);
    font-weight: normal;
    font-style: normal;
}

.IranianSans{
	font-family: iranianSans;
}


html{
	overflow-x: hidden;
	overflow-y: scroll; 
	scroll-behavior: smooth;
}



* {
    box-sizing: border-box;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}


[class*="col-"] {
	float: right;
	 width: 100%;
     padding: 5px;
	 padding-left:0px;
	 padding-right:0px;
}


/***************phone style**************/

@media only screen and (min-width: 0px) {
    /* For phone: */
    .col-p-1 {width: 8.33%;}
    .col-p-2 {width: 16.66%;}
    .col-p-3 {width: 25%;}
    .col-p-4 {width: 33.33%;}
    .col-p-5 {width: 41.66%;}
    .col-p-6 {width: 50%;}
    .col-p-7 {width: 58.33%;}
    .col-p-8 {width: 66.66%;}
    .col-p-9 {width: 75%;}
    .col-p-10 {width: 83.33%;}
    .col-p-11 {width: 91.66%;}
    .col-p-12 {width: 100%;}
	.left{text-align: center!important;}
	.left1{text-align: center!important;}
	.right{text-align: center!important;}
	.right1{text-align: center!important;}
	.left2{text-align: center!important;}
	.right2{text-align: center!important;}
	.display1{display: none!important;}
	.display2{display: inherit!important;}
	.display3{display: none!important;}	
	.display4{display: inherit!important;}
	
	.menucn{padding-top:1px;margin-top: -35px!important;}
	
	
	.kh_titr{font-size: 16px;text-align: center;}
	
	.picarea{
		background-image: url(../images/index/back2.webp); 
		background-size: cover;
		padding: 10px;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	
	.pic_titr{
		font-size: 22px;
		font-weight: bold;
		color: #2F4F4F;
	}

	.pictext{
		color: #2F4F4F;
		font-size: 13px;
		text-align: justify;
	}


	.picbtn1{
		background-color: #f36781;
		border: 1px solid #f36781;
		color: #eeeeee;
		border-radius: 5px;
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
		font-size: 15px;
	}


	.picbtn2{
		background-color: #009688;
		border: 1px solid #009688;
		color: #eeeeee;
		border-radius: 5px;
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
		font-size: 15px;
		margin-right: 0px;
		margin-top:10px;
	}
	
	
	.picbtn3{
		background-color: #f36781;
		border: 1px solid #f36781;
		color: #eeeeee;
		border-radius: 3px;
		padding: 5px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: 13px;
		margin-right: -10px;
		margin-top:-10px;
	}
	
	.index_icon{
		color: #ffffff;
		font-size: 45px;
	}

	.index_number{
		font-size: 35px;
		color: #ffffff;
		margin-top: -15px;
	}


	.image_text{
		color: #2F4F4F;
		font-size: 14px;
		margin-top: -10px;
	}
	
	.number_border{border-right: none; border-left: none; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
	
	
	.flag{
		display: inline-block;
		text-align: center;
		padding: 5px;
		margin-top: 10px;
		margin-right: 15px;
		margin-left: 15px;
		cursor: pointer;
	}


	.flag img{
		border-radius: 3px;
		width: 90px;
		border: 1px solid #cccccc;
		 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		-webkit-transition: all 0.2s ease 0.15s;
		-o-transition: all 0.2s ease 0.15s;
		transition: all 0.2s ease 0.15s;
	}


	.flag img:hover{
		 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		-webkit-transition: all 0.2s ease 0.15s;
		-o-transition: all 0.2s ease 0.15s;
		transition: all 0.2s ease 0.15s;
	}


	.flagtitr{
		font-size: 12px;
	}
	
	
	.mrg_phone{margin-top:20px;margin-bottom: 10px;}
	
	.numberh{text-align: center!important;padding-bottom: 10px!important;}
	
	.menubtn{margin-top: 10px!important;}
	
	
	.number1{
		font-size: 14px;
		display: block!important;
		margin-top: 5px;
	}

	.number1 img{
		margin-bottom: -3px;
		width: 21px;
	}
	
	}
/****************************************/

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	.left{text-align: center!important;}
	.left1{text-align: left!important;}
	.right{text-align: center!important;}
	.right1{text-align: right!important;}
	.left2{text-align: center!important;}
	.right2{text-align: right!important;}
	.display1{display: none!important;}
	.display2{display: inherit!important;}
	.display3{display: inherit!important;}	
	.display4{display: none!important;}
	
	.menucn{padding-top:1px;margin-top: -5px!important;}
	
	.kh_titr{font-size: 18px;text-align: center;}
	
	.picarea{
		background-image: url(../images/index/back2.webp); 
		background-size: cover;
		padding: 10px;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	
	.pic_titr{
		font-size: 25px;
		font-weight: bold;
		color: #2F4F4F;
	}

	.pictext{
		color: #2F4F4F;
		font-size: 14px;
		text-align: justify;
	}


	.picbtn1{
		background-color: #f36781;
		border: 1px solid #f36781;
		color: #eeeeee;
		border-radius: 5px;
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
		font-size: 15px;
	}


	.picbtn2{
		background-color: #009688;
		border: 1px solid #009688;
		color: #eeeeee;
		border-radius: 5px;
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
		font-size: 15px;
		margin-right: 5px;
		margin-top: 0px;
	}
	
	.index_icon{
		color: #ffffff;
		font-size: 45px;
	}

	.index_number{
		font-size: 35px;
		color: #ffffff;
		margin-top: -15px;
	}


	.image_text{
		color: #eeeeee;
		font-size: 14px;
		margin-top: -10px;
	}
	
	.number_border{border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-top: none; border-bottom: none;}
	

	.flag{
		display: inline-block;
		text-align: center;
		padding: 5px;
		margin-top: 10px;
		margin-right: 21px;
		margin-left: 21px;
		cursor: pointer;
	}


	.flag img{
		border-radius: 5px;
		width: 140px;
		border: 1px solid #cccccc;
		 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		-webkit-transition: all 0.2s ease 0.15s;
		-o-transition: all 0.2s ease 0.15s;
		transition: all 0.2s ease 0.15s;
	}


	.flag img:hover{
		 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		-webkit-transition: all 0.2s ease 0.15s;
		-o-transition: all 0.2s ease 0.15s;
		transition: all 0.2s ease 0.15s;
	}


	.flagtitr{
		font-size: 12px;
	}
	
	.mrg_phone{margin-top:0px;margin-bottom: 0px;}

	.numberh{text-align: center!important;padding-bottom: 10px!important;}
	
	.menubtn{margin-top: 10px!important;}
	

	.number1{
		font-size: 15px;
		display: inline-block!important;
		margin-top: 5px;
		text-align: center;
	}

	.number1 img{
		margin-bottom: -3px;
		width: 21px;
	}
	
	
	}
/****************************************/

@media only screen and (min-width: 900px) {
    /* For desktop: */
    .col-d-1 {width: 8.33%;}
    .col-d-2 {width: 16.66%;}
    .col-d-3 {width: 25%;}
    .col-d-4 {width: 33.33%;}
    .col-d-5 {width: 41.66%;}
    .col-d-6 {width: 50%;}
    .col-d-7 {width: 58.33%;}
    .col-d-8 {width: 66.66%;}
    .col-d-9 {width: 75%;}
    .col-d-10 {width: 83.33%;}
    .col-d-11 {width: 91.66%;}
    .col-d-12 {width: 100%;}
	.left{text-align: left!important;}
	.left1{text-align: left!important;}
	.right{text-align: right!important;}
	.right1{text-align: right!important;}
	.left2{text-align: left!important;}
	.right2{text-align: right!important;}
	.display1{display: inherit!important;}
	.display2{display: none!important;}	
	.display3{display: inherit!important;}	
	.display4{display: none!important;}
	
	.menucn{padding-top: 15px;margin-top: 2px!important;}
	
	.kh_titr{font-size: 16px;text-align: center;}
	
	.picarea{
		background-image: url(../images/index/back2.webp); 
		background-size: cover;
		background-repeat: no-repeat;
		padding: 10px;
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.pic_titr{
		font-size: 33px;
		font-weight: bold;
		color: #2F4F4F;
	}

	.pictext{
		color: #2F4F4F;
		font-size: 15px;
		text-align: justify;
	}


	.picbtn1{
		background-color: #f36781;
		border: 1px solid #f36781;
		color: #eeeeee;
		border-radius: 5px;
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
		font-size: 15px;
	}


	.picbtn2{
		background-color: #009688;
		border: 1px solid #009688;
		color: #eeeeee;
		border-radius: 5px;
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
		font-size: 15px;
		margin-right: 5px;
		margin-top: 0px;
	}
	
		.index_icon{
		color: #ffffff;
		font-size: 75px;
	}

	.index_number{
		font-size: 65px;
		color: #ffffff;
		margin-top: -45px;
	}


	.image_text{
		color: #eeeeee;
		font-size: 15px;
		margin-top: -15px;
	}
	
	.number_border{border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee;}


	.flag{
		display: inline-block;
		text-align: center;
		padding: 5px;
		margin-top: 10px;
		margin-right: 21px;
		margin-left: 21px;
		cursor: pointer;
	}


	.flag img{
		border-radius: 5px;
		width: 140px;
		border: 1px solid #cccccc;
		 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		-webkit-transition: all 0.2s ease 0.15s;
		-o-transition: all 0.2s ease 0.15s;
		transition: all 0.2s ease 0.15s;
	}


	.flag img:hover{
		 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		-webkit-transition: all 0.2s ease 0.15s;
		-o-transition: all 0.2s ease 0.15s;
		transition: all 0.2s ease 0.15s;
	}


	.flagtitr{
		font-size: 12px;
	}
	
	
	
	.mrg_phone{margin-top:0px;margin-bottom: 0px;}
	
	.numberh{text-align: left!important;padding-bottom: 0px!important;}
	
	.menubtn{margin-top: -10px!important;}
	
	.number1{
		font-size: 15px;
		display: inline-block!important;
		margin-top: 5px;
	}

	.number1 img{
		margin-bottom: -3px;
		width: 21px;
	}
	
}

/********************public style********************/


body{
	font-family: iranianSans!important;
	direction: rtl;
	text-align: justify;
	padding: 0!important;
	overflow-x: hidden;
	overflow-y: hidden;
	color: #555555;
	background-color: #ffffff;
	font-size: 13px;
	margin: 0px;	
	width: 100%!important;
}

.main{
		max-width: 1400px!important;
		margin: 0 auto!important;
		float: none;
		padding:10px!important;
}


.mainwidth{
	max-width: 1650px!important;
	margin: 0 auto!important;
	float: none;
	padding: 5px;
}



a{
	text-decoration: none!important;
	color:  #555555;
}



img{
	max-width: 100%!important;
}


button{
	cursor: pointer;
	outline: none;
	font-family: iranianSans!important;
}


input{
	outline: none;
	font-family: iranianSans!important;
}

ul li {
	list-style: none;
}


.inline_block{
	display: inline-block;
}

.hidden{
	display: none;
}


.blkandwith {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.bold{
	font-weight: bold;
}

/* total width */
body::-webkit-scrollbar {
    background-color:#fff;
    width:16px
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:4px solid #fff
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {display:none}




h1 , h2 , h3 , h4 , h5 , h6{
	font-weight: normal;
}


::placeholder {
  color: #cccccc;
}

/********************scroll************************/
	
	.scrollbar
{
	float: left;
	overflow-y: scroll;
}


	
	
#myscroll::-webkit-scrollbar-track
{

	border-radius: 10px;
}

#myscroll::-webkit-scrollbar
{
	width: 3px;

}

#myscroll::-webkit-scrollbar-thumb
{
	border-radius: 1.5px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#dddddd),
									   to(#dddddd),
									   color-stop(.6,#cccccc))
}


/**********************padding margin*************************/
.pd0{padding: 0px;}
.pd5{padding: 5px;}
.pd7{padding: 7px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd25{padding: 25px;}
.pd30{padding: 30px;}
.pd35{padding: 35px;}
.pd40{padding: 40px;}
.pd45{padding: 45px;}
.pd50{padding: 50px;}


.pd-t0{padding-top: 0px;}
.pd-t5{padding-top: 5px;}
.pd-t7{padding-top: 7px;}
.pd-t10{padding-top: 10px;}
.pd-t15{padding-top: 15px;}
.pd-t20{padding-top: 20px;}
.pd-t25{padding-top: 25px;}
.pd-t30{padding-top: 30px;}
.pd-t35{padding-top: 35px;}
.pd-t40{padding-top: 40px;}
.pd-t45{padding-top: 45px;}
.pd-t50{padding-top: 50px;}


.pd-b0{padding-bottom: 0px;}
.pd-b5{padding-bottom: 5px;}
.pd-b7{padding-bottom: 7px;}
.pd-b10{padding-bottom: 10px;}
.pd-b15{padding-bottom: 15px;}
.pd-b20{padding-bottom: 20px;}
.pd-b25{padding-bottom: 25px;}
.pd-b30{padding-bottom: 30px;}
.pd-b35{padding-bottom: 35px;}
.pd-b40{padding-bottom: 40px;}
.pd-b45{padding-bottom: 45px;}
.pd-b50{padding-bottom: 50px;}


.pd-r0{padding-right: 0px;}
.pd-r5{padding-right: 5px;}
.pd-r7{padding-right: 7px;}
.pd-r10{padding-right: 10px;}
.pd-r15{padding-right: 15px;}
.pd-r20{padding-right: 20px;}
.pd-r25{padding-right: 25px;}
.pd-r30{padding-right: 30px;}
.pd-r35{padding-right: 35px;}
.pd-r40{padding-right: 40px;}
.pd-r45{padding-right: 45px;}
.pd-r50{padding-right: 50px;}


.pd-l0{padding-left: 0px;}
.pd-l5{padding-left: 5px;}
.pd-l7{padding-left: 7px;}
.pd-l10{padding-left: 10px;}
.pd-l15{padding-left: 15px;}
.pd-l20{padding-left: 20px;}
.pd-l25{padding-left: 25px;}
.pd-l30{padding-left: 30px;}
.pd-l35{padding-left: 35px;}
.pd-l40{padding-left: 40px;}
.pd-l45{padding-left: 45px;}
.pd-l50{padding-left: 50px;}



.mg0{margin: 0px;}
.mg5{margin: 5px;}
.mg7{margin: 7px;}
.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg25{margin: 25px;}
.mg30{margin: 30px;}
.mg35{margin: 35px;}
.mg40{margin: 40px;}
.mg45{margin: 45px;}
.mg50{margin: 50px;}


.mg-t0{margin-top: 0px;}
.mg-t5{margin-top: 5px;}
.mg-t7{margin-top: 7px;}
.mg-t10{margin-top: 10px;}
.mg-t15{margin-top: 15px;}
.mg-t20{margin-top: 20px;}
.mg-t25{margin-top: 25px;}
.mg-t30{margin-top: 30px;}
.mg-t35{margin-top: 35px;}
.mg-t40{margin-top: 40px;}
.mg-t45{margin-top: 45px;}
.mg-t50{margin-top: 50px;}


.mg-b0{margin-bottom: 0px;}
.mg-b5{margin-bottom: 5px;}
.mg-b7{margin-bottom: 7px;}
.mg-b10{margin-bottom: 10px;}
.mg-b15{margin-bottom: 15px;}
.mg-b20{margin-bottom: 20px;}
.mg-b25{margin-bottom: 25px;}
.mg-b30{margin-bottom: 30px;}
.mg-b35{margin-bottom: 35px;}
.mg-b40{margin-bottom: 40px;}
.mg-b45{margin-bottom: 45px;}
.mg-b50{margin-bottom: 50px;}


.mg-r0{margin-right: 0px;}
.mg-r5{margin-right: 5px;}
.mg-r7{margin-right: 7px;}
.mg-r10{margin-right: 10px;}
.mg-r15{margin-right: 15px;}
.mg-r20{margin-right: 20px;}
.mg-r25{margin-right: 25px;}
.mg-r30{margin-right: 30px;}
.mg-r35{margin-right: 35px;}
.mg-r40{margin-right: 40px;}
.mg-r45{margin-right: 45px;}
.mg-r50{margin-right: 50px;}


.mg-l0{margin-left: 0px;}
.mg-l5{margin-left: 5px;}
.mg-l7{margin-left: 7px;}
.mg-l10{margin-left: 10px;}
.mg-l15{margin-left: 15px;}
.mg-l20{margin-left: 20px;}
.mg-l25{margin-left: 25px;}
.mg-l30{margin-left: 30px;}
.mg-l35{margin-left: 35px;}
.mg-l40{margin-left: 40px;}
.mg-l45{margin-left: 45px;}
.mg-l50{margin-left: 50px;}


.mg_t_0{margin-top: -0px;}
.mg_t_5{margin-top: -5px;}
.mg_t_7{margin-top: -7px;}
.mg_t_10{margin-top: -10px;}
.mg_t_15{margin-top: -15px;}
.mg_t_20{margin-top: -20px;}
.mg_t_25{margin-top: -25px;}
.mg_t_30{margin-top: -30px;}
.mg_t_35{margin-top: -35px;}
.mg_t_40{margin-top: -40px;}
.mg_t_45{margin-top: -45px;}
.mg_t_50{margin-top: -50px;}


.mg_b_0{margin-bottom: -0px;}
.mg_b_5{margin-bottom: -5px;}
.mg_b_7{margin-bottom: -7px;}
.mg_b_10{margin-bottom: -10px;}
.mg_b_15{margin-bottom: -15px;}
.mg_b_20{margin-bottom: -20px;}
.mg_b_25{margin-bottom: -25px;}
.mg_b_30{margin-bottom: -30px;}
.mg_b_35{margin-bottom: -35px;}
.mg_b_40{margin-bottom: -40px;}
.mg_b_45{margin-bottom: -45px;}
.mg_b_50{margin-bottom: -50px;}

/************************************************************/

.main_color{color: #f36781;}

/************************************************************/

.header1{
	padding: 5px;
	padding-top: 5px;
}

.register{
	font-size: 15px;
}

.login{
	font-size: 15px;
}

.slash{
	font-size: 15px;
}


.number2{
	font-size: 15px;
}

.number2 img{
	margin-bottom: -4px;
	width: 22px;
}


.header2{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #dddddd;
	
}


/************************************************************/

.footer{
	background-color: #222222; 
	color:#cccccc;
	margin-top: 40px;
	padding-top: 50px;
}


.footer_bt{
	border-top: 1px solid #555555;
	margin-top: 40px;
}

.cpright{
	text-align: center;
	font-size: 12px;
}

.icon{
	color: #cccccc;
	font-size: 13px;
	padding-left: 5px;
}

.icon img{
	width: 18px;
	margin-bottom: -5px;
}

.footertitr{
	border-bottom: 1px solid #888888;
	padding-bottom: 7px;
}


.footer_link{
	margin-top: 7px;
	padding-right: 5px;
}


.footer_link a{
	color: #cccccc;
}

/***********blog************/

.blogbox{
	border-radius: 2px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #ffffff;
}

.blog_titr{
	font-size: 15px;
	color: #555555;
	margin-top: 15px;
	font-weight: bold;
	padding-right: 3px;
}

.blogtext{
	font-size: 12.5px;
	padding: 5px;
	margin-top: 7px;
}

.blogimage img{
	border: 1px solid #dddddd;
	
}


/**************************/




.bloglink{
	font-size: 15px;
	color: #888888;
	line-height: 30px;
}



.footer_image{
	display: inline-block;
	background-color: #ffffff;
	width: 120px;
	border-radius: 7px;
	padding-top: 15px;
	padding-bottom: 12px;
	margin-top: 8px;
}

.footer_image img{
	width: 150px;
}


/************************************************************/
.number_div{
	background-image: url(../images/index/back1.png);
	background-size: cover;
	text-align: center;
	padding-top:50px;
	padding-bottom: 65px;
}


.top_img{
	text-align: center;
	margin-top: 7px;
	padding: 5px;
	padding-top: 15px;
	background-color: #eeeeee;
	border-radius: 10px;
}



.top_img img{
	width: 120px;
}



.web_titr{
	text-align: center;
	font-size: 25px;
	color: #555555;
	font-weight: bold;
	margin-top: -5px;
}

.sub_titr{
	font-size: 13px;
	text-align: center;
	color: #555555;
	margin-top: -3px;
}


/********************************image hover**********************************/

@media only screen and (min-width: 0px) {
	
.snip1361 {
  position: relative;
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  color: #ffffff;
  text-align: right;
  text-align: justify;
  line-height: 25px;
  font-size: 13px;

}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(77%);
  width: 100%;
  background-color: #222222;
  padding: 15px 25px 65px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  right: 0;
  width: 100%;
  height: 80px;
/*  background-image: -webkit-linear-gradient(top, transparent 0%, #555555 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #555555 100%);*/
}
.snip1361 h3,
.snip1361 p {
  margin: 0 0 10px;
}
.snip1361 h3 {
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.2em;
  text-transform: uppercase;
}
	
.snip1361 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}
	
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
	
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 30px;
}

	
	
}



@media only screen and (min-width: 0px) {
	
.snip1361 {
  position: relative;
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  color: #ffffff;
  text-align: right;
  text-align: justify;
  line-height: 25px;
  font-size: 13px;

}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(77%);
  width: 100%;
  background-color: #222222;
  padding: 15px 25px 65px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  right: 0;
  width: 100%;
  height: 80px;
/*  background-image: -webkit-linear-gradient(top, transparent 0%, #555555 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #555555 100%);*/
}
.snip1361 h3,
.snip1361 p {
  margin: 0 0 10px;
}
.snip1361 h3 {
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.snip1361 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 30px;
}

	
	
}



@media only screen and (min-width: 0px) {
	
.snip1361 {
  position: relative;
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  color: #ffffff;
  text-align: right;
  text-align: justify;
  line-height: 25px;
  font-size: 13px;

}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(77%);
  width: 100%;
  background-color: #222222;
  padding: 15px 25px 65px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  right: 0;
  width: 100%;
  height: 80px;
/*  background-image: -webkit-linear-gradient(top, transparent 0%, #555555 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #555555 100%);*/
}
.snip1361 h3,
.snip1361 p {
  margin: 0 0 10px;
}
.snip1361 h3 {
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.snip1361 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 30px;
}

	
	
}



/************************************************/

.iconarea{
	background-color: #eeeeee;
	padding-bottom: 60px;
	margin-top: 50px;
}

.iconbox{
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
	color: #f36781;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 25px;
}

.iconbox:hover{
	background-color: #dddddd;
	border: 1px solid #dddddd;
}


.iconbox i{
	font-size:80px;
	color: #f36781;
}


.icontext{
	color: #555555;
	font-size: 11px;
	margin-top: 7px;
}




/*************************************/
#cssmenu{
	z-index: 999999999999999999;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: iranianSans;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: right;
}
#cssmenu.align-center ul ul {
  text-align: right;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 10px 15px;
  font-size: 13px;
  color: #222222;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #f36781;
}
#cssmenu > ul > li.has-sub > a {
  padding-left: 13px;
}
#cssmenu ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  right: 5px;
  display: block;
  width: 18px;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu ul > li.has-sub > a:before {
  content: '+';
  position: absolute;
  left: 5px;
  top: 12.5px;
  display: block;
  width: 0;
  height: 0;
  border-top-color: #ffffff;
  z-index: 99;
}
#cssmenu ul > li.has-sub:hover > a:before {
  border-top-color: #cccccc;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  opacity: 0;

  -webkit-transition: top .2s ease, opacity .2s ease;
  -moz-transition: top .2s ease, opacity .2s ease;
  -ms-transition: top .2s ease, opacity .2s ease;
  -o-transition: top .2s ease, opacity .2s ease;
  transition: top .2s ease, opacity .2s ease;
}
#cssmenu > ul > li > ul {
  top: 100px;
  margin-top: -18px;
  border-radius: 0px;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 51px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  top: 40px;
}
#cssmenu ul ul > li:hover > ul {
  top: 0;
  right: 178px;
  padding-left: 10px;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 230px;
  padding-left: 0;
  padding-right: 10px;
  opacity: 1;
}
#cssmenu ul ul li a {
  width: 225px;
  padding: 12px 20px;
  font-size: 13px;
  color: #222222;
  text-decoration: none;
  background: #eeeeee;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li > a:hover,
#cssmenu ul ul li.active > a {
  color: #f36781;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
 
}
#cssmenu ul ul > li.has-sub > a:after {
  right: 12px;
  top: 9.5px;
  background: #eeeeee;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#cssmenu.align-right ul ul > li.has-sub > a:after {
  right: auto;
  left: 12px;
}
#cssmenu ul ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 15.5px;
  left: 16px;
  border-top-color: transparent;
  border-left-color: #222222;
}
#cssmenu.align-right ul ul > li.has-sub > a:before {
  top: 15.5px;
  right: auto;
  left: 16px;
  border-top-color: transparent;
  border-right-color: #222222;
  border-left-color: transparent;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
 
  border-left-color: #f36781;
}

#cssmenu.align-right ul ul > li.has-sub:hover > a:before {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: #222222;
}

@media all and (max-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 900px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 900px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 900px), only screen and (min-device-pixel-ratio: 2) and (max-width: 900px), only screen and (min-resolution: 192dpi) and (max-width: 900px), only screen and (min-resolution: 2dppx) and (max-width: 900px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul,
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu > ul,
  #cssmenu.align-center > ul,
  #cssmenu > ul > li > ul,
  #cssmenu > ul > li:hover > ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu ul ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul li:hover > ul,
  #cssmenu.align-right ul ul ul li:hover > ul {
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    display: none;
    padding: 0;
    opacity: 1;
    text-align: right;
  }
  #cssmenu ul li {
   width: 100%;
   padding-top: 7px;
   
  }
  #cssmenu > ul > li > a,
  #cssmenu ul ul li a,
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background: none;
  }
  #cssmenu ul li a {
    padding-right:40.5px;
	border-top: 1px solid #dddddd;
  }
  #cssmenu ul ul li a {
    padding: 14px 60px 14px 27.5px;
	  border-top: none;
  }
  #cssmenu ul ul ul li a {
    padding-right: 72.5px;
	  border-top: none;
  }
  #cssmenu ul ul ul ul li a {
	  border-top: none;
    padding-r: 57.5px;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul li.has-sub > a:after,
  #cssmenu ul ul li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    position: relative;
    display: block;
    padding: 20px;
    padding-right: 12.5px;
    cursor: pointer;
    font-size: 13px;
    color: #222222;

  }
  #cssmenu .submenu-button {
    position: absolute;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
  }
  #cssmenu ul ul .submenu-button {
    height: 41px;
  }
  #cssmenu ul .submenu-button:after,
  #cssmenu #menu-button:after {
    content: '';
    position: absolute;
    right: 12.5px;
    top: 12.5px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
  #cssmenu ul .submenu-button.submenu-opened:after,
  #cssmenu #menu-button.menu-opened:after {
    background-position: 0 -28px;
  }
  #cssmenu ul ul .submenu-button:after {
    top: 6.5px;
  }
 
  #cssmenu .submenu-button:before {
    content: '';
    position: absolute;
    right: 22.5px;
    top: 25.5px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #222222;
    z-index: 99;
  }
	

	
  #cssmenu ul ul .submenu-button:before {
    top: 19.5px;
  }
  #cssmenu #menu-button.menu-opened:before,
  #cssmenu .submenu-button.submenu-opened:before {
    border-top-color: #222222;
  }
}

.fa-bars{
	font-size: 30px;
	color: #222222;
}

/******************************************************/

.customer_img{
	display: inline-block;
	cursor: pointer;
	padding-right: 7px;
	padding-left: 7px;
	margin-right: 5px;
	margin-left: 5px;
	outline: none;
}

.customer_img:focus{
	outline: none;
}

.customer_pic:focus{
	outline: none;
}

.customer_pic{
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	-webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
}


.customer_pic:hover{
  filter: none;
   -webkit-filter: grayscale(0);
	-webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
	outline: none;
}

/******************************************************/


.blogimage{
	background-size: cover; 
	margin-top: 10px;
	width: 100%; 
	height: 200px; 
} 

/******************************************************/


.footer_number{
	margin-bottom: 15px;
}

.phone_footer{
	display: inline-block;
	direction: ltr;
	font-size: 15px;
	padding-right: 7px;
}

.phone_footer img{
	width:19px;
	
}

/******************************************************/


.input1{
	font-family: iranianSans;
	border: 1px solid #cccccc;
	width: 100%;
	border-radius: 3px;
	padding: 5px;
}

.input1:focus{
	border: 1px solid #f36781;
}

.textarea{
	font-family: iranianSans;
	border: 1px solid #cccccc;
	border-radius: 3px;
	min-width: 100%;
	max-width: 100%;
	height: 160px;
	outline: none;
}

.textarea:focus{
	border: 1px solid #f36781;
}

.input_titr{
	font-size: 12.5px;
	padding-right: 2px;
}


.input_cn{
	margin-top: 3px;
}


.ft-edit-3{
	color: #f36781;
}


.contact_div{
	background-color: #eeeeee;
	text-align: center;
	padding: 5px;
	font-size: 17px;
	padding-top: 7px;
}

/*********************************/

.box_text{
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 11px!important;

}

/**************************************/


.price_box{
	border: 1px solid #dddddd;
	background-color: #f7f7f7!important;
	padding: 15px;
	padding-bottom: 50px;
}


.price_titr{
	background-color: #009688;
	color: #eeeeee;
	text-align: center;
	font-size: 17px;
	border-radius: 5px;
}


.selectpicker{
	width: 100%!important;
	text-align: right!important;
	direction: ltr!important;
}


.titr_select{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

.input_num{
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 3px;
	padding-right: 7px;
}

.input_num::placeholder {
  color: #333333;
}

.prc_box{
	background-color: #ffffff;
	padding: 15px;
	padding-bottom: 35px;
	border: 1px solid #dddddd;
}


.titr_prc1{
	font-size: 19px;
	font-weight: bold;
	background-color: #f4e04d;
	color: #555555;
	text-align: center;
	padding: 15px;
}



.titr_prc2{
	font-size: 19px;
	font-weight: bold;
	background-color: #dddddd;
	color: #555555;
	text-align: center;
	padding: 15px;
}


.titr_prc3{
	font-size: 19px;
	font-weight: bold;
	background-color: #ba6b57;
	color: #eeeeee;
	text-align: center;
	padding: 15px;
}


.sath_keyfi{
	font-size: 17px;
	text-align: center;
	margin-top: 20px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 15px;
}



.time_prc{
	text-align: center;
	font-size: 15px;
	margin-top: 15px;
}


.time_prc2{
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	text-align: center;
	margin-top: 15px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 15px;
}


.prc_val{
	font-size: 22px;
	margin-top: 15px;
	text-align: center;
}

.btn_prc{
	padding: 6px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 16px;
	background-color: #f36781;
	border: 1px solid #f36781;
	border-radius: 2px;
	color: #ffffff;
	outline: none;
}

/**************************************/

.cart_titr{
	font-size: 18px;
	margin-top: 10px;
}


.cart_text{
	font-size: 13px;
	margin-top: -5px;
}

/**************************************/

.box-5 {
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0 17px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0 17px rgba(0, 0, 0, 0.12);
}
.box-5 .with_background {
  background-color: #f4f4f5;
}
.box-5 .highlight {
  color: #f38519 !important;
  border-color: #f38519 !important;
}
.box-5 .highlight a {
  color: #f38519 !important;
}
.box-5 .highlight a:hover {
  color: #1f2732!important;
}
.box-5 .small-text {
  font-size: 12px;
  font-weight: bold;
}
.box-5 .item-media {
  position: relative;
  overflow: hidden;
}
.box-5 .item-media span {
  position: absolute;
  color: #fff;
  right: 85px;
  bottom: 35px;
  font-weight: bold;
  z-index: 2;
 font-size: 15px;
}
.box-5 .item-media img {
  max-width: 100%;
  width: 100%;
}
.box-5 .ds h3 {
  color: #fff;
}
.box-5 .ds h3 a {
  color: #fff;
}
.box-5 .ds h3 a:hover {
  color: #f38519;
}
.box-5 .ds a {
  color: #f4f4f5;
}
.box-5 .ds a:hover {
  color: #fff;
}
.box-5 .ds .with_background {
  background-color: #191f28;
}
.box-5 .ds .highlight {
  color: #f38519;
}
.box-5 .ds .highlight > * {
  color: #f38519 !important;
}
.box-5 .ds .highlight a {
  color: #f38519;
}
.box-5 .ds .highlight a:hover {
  color: #fff!important;
}
.box-5 .categories-links {
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}
.box-5 .categories-links a {
  margin-right: 6px;
  margin-bottom: 6px;
  color: #fff;
}
.box-5 .categories-links a:hover,
.box-5 .categories-links a:focus {
  color: #1f2732;
}
.box-5 .categories-links a:last-child {
  margin-right: 0;
}
.box-5 .gallery-item {
  overflow: hidden;
  position: relative;
}
.box-5 .gallery-item .item-title {
  font-size: 20px;
  font-weight: 800;
  text-transform: none;
  margin-bottom: 0;
}
.box-5 .gallery-item .item-content {
  padding: 0 40px 5px;
}
.box-5 .item-layout-item-extended-2 {
  position: relative;
  padding-left: 0!important;
  padding-right: 0!important;
}
.box-5 .item-layout-item-extended-2 .item-media::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a3000000', GradientType=0);
  /* IE6-9 */
  z-index: 1;
}
.box-5 .item-layout-item-extended-2 .item-content {
  padding: 40px 30px;
  position: absolute;
  left: 0;

  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
}
.box-5 .item-layout-item-extended-2 .item-content > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3 !important;
}
.box-5 .item-layout-item-extended-2 .item-content > *:not(.item-button-hover):not(.item-number) {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;
  z-index: 1;
}
.box-5 .item-layout-item-extended-2 .item-content::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-color: #f38519;
  transition: all 0.8s ease-in-out;
  transition-delay: 0.2s;
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: 0;
  clip-path: circle(20px at 87% 90%);
}
.box-5 .item-layout-item-extended-2 .item-content .item-number {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
}
.box-5 .item-layout-item-extended-2 .item-content .item-number::before {
  content: '0';
}
.box-5 .item-layout-item-extended-2 .item-content .item-button-hover {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: inline-block;
  -webkit-mask: url('img/icon_plus.png');
  width: 40px;
  height: 40px;
  background-color: #f38519;
  transition: all 0.3s ease-in-out;
}
.box-5 .item-layout-item-extended-2 .item-content .item-title a:hover {
  color: #1f2732;
}
.box-5 .item-layout-item-extended-2 .item-content .categories-links a {
  color: #1f2732!important;
}
.box-5 .item-layout-item-extended-2 .item-content .categories-links a:hover {
  color: #fff!important;
}
.box-5 .item-layout-item-extended-2 .item-content p {
  color: rgba(255, 255, 255, 0.8);
}
.box-5 .item-layout-item-extended-2 .item-content:hover > *:not(.item-button-hover) {
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.2s;
}
.box-5 .item-layout-item-extended-2 .item-content:hover::before {
  opacity: 1;
  transition-delay: 0s;
  clip-path: circle(900px at 88% 90%);
}
.box-5 .item-layout-item-extended-2 .item-content:hover .item-button-hover {
  opacity: 0;
}
.box-5 .portfolio-shortcode.owl-carousel .gallery-item {
  margin-bottom: 0!important;
}
.box-5 .gallery-item {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

/*************************************/
.fixedButton{
    position: fixed;
    bottom: 0px;
    left: 0px; 
    padding: 20px;
}
.roundedFixedBtn{
  height: 70px;
   line-height:75px; 
  width: 70px;  
  font-size: 35px;
  font-weight: bold;
  border-radius: 50%;
  background-color: #4CAF50;
  color: white;
  text-align: center;
  cursor: pointer;
}

/*************************************/