*{
	margin: 0px;
	padding:0px;
}
.Frame{
	background-image: url(../images/frame-img.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	height:100% !important;
	border-bottom:solid 4px #e72d08;
	float:left;
	width:100%;
}
.cricle{
background: rgb(255,255,255);background: radial-gradient(circle, rgba(255,255,255,1) 38%, rgba(235,235,237,1) 85%);
    border-radius: 100%;
    border: 10px solid rgba(255, 255, 255, 0.3);
    transition: 1s;
    text-align: center;
	width: 160px;    height: 160px;	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.43);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.43);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.43);
}
.cricle:hover{
	transform:scale(1.1);
	cursor: pointer;
}
.cricle img{
	color: #fff;  
	padding: 25px 10px;
	width:100px;
}

/******* Welcome Popup ********/
#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
}
.modal-content{	background-color: #e72d08;	color: #fff; 
}
#myModal input{
	width:100%;
	padding:10px;	border:0px;
	color:#333;	color: #333;    background: #FFF;    border: solid #EEE 2px;    height: 40px;
}
#myModal .btn{
	background:#e72d08;
	border:none;
	padding:10px 20px;
	margin-top:20px;
	width:100%;
	transition:all 0.5s;
}
#myModal .btn:hover{
	background:#333;
	color:#CCC;
}
/*.modal-body {
  display: none;
  z-index: 500;
  position: fixed;
  width: 50%;
  left: 25%;
  top: 20%;
  padding: 20px 20px 40px 20px;
  font-family: Calibri, Arial, sans-serif;
  background: #e72d08;
  border-top:solid #FFF 5px;
	color:#FFF;	
     border-radius: 5px;
}*/
/*#myModal img{
	border-right: dashed 1px #333;
	padding-right:20px;
}
#myModal button{	background:#333;
	border:none;
	padding:10px 20px;
	margin-top:20px;
	width:100%;
	transition:all 0.5s;
}
#myModal button:hover{
	background:#000;
	color:#CCC;
}
#myModal h2{
	margin-top: 0px;
}
*/
#fvpp-close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  color:#FFF;
  text-decoration:none;
  transition:all 0.5s;
  font-weight:bold;
}
#fvpp-close:hover{
  color:#333;
}
#fvpp-dialog h2 {
  font-size: 2em;
  margin: 0;
  color:#FFF;
}
#fvpp-dialog p { margin: 0;}
.logo img{
	position:absolute;
	top:30px;
	padding-left:20px;
	border-left: solid 95px #e72d08;
	z-index:100;}	
.footer{
	width:100%;
	color:#CCC;
	bottom:0;
	text-align:center;
	float:left;	bottom:10px;
	margin-bottom: 20px;
}
.iconrows{
	padding:100px !important;	margin-top:55px;
}
.sub_text{	border-bottom:dotted 2px #CCC; margin-bottom:12px; padding-bottom:15px;text-align: center;	color:#777;}.head_text{	text-align: center;	font-size: 26px;	color:#e72d08;	font-weight: bold;}.p_text{	color:#777;}.modal-header .close {    color: #e72d08 !important;}.total_frame{	border: solid 1px #CCC;    padding: 30px 50px;    border-radius: 30px;	margin-top: 20px;-webkit-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.36);-moz-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.36);box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.36);	}.name_text{	font-size:17px;	font-weight:bold;	color:#FFF;	padding-top:10px;}

@media (max-width: 1024px){
.cricle img {
width: 135px;
}


@media (max-width: 768px){
.cricle {
width: 200px !important;
height:200px !important;
    margin-bottom: 0% !important;}

.cricle img {
padding: 33px 15px !important;}
}