/* Buttons templates */
/* Version: 0.1 */
/* Copyright (C) Zoomsoft, s.r.o., all rights reserved */



/* Button element buttons */
.button-1 {
	background: none;
	border: none;
	font-size: 14px;
	outline: none;
	padding: 0.6em 2.0em;
	border-radius: 5px;
}
			.button-1:hover {
				cursor: pointer;
			}

.button-2 {
	background: rgb(100,100,100);
	color: rgb(255,255,255);
	border: none;
	font-size: 14px;
	outline: none;
	padding: 0.6em 2.0em;
	border-radius: 5px;
	transition: 0.5s;
}
			.button-2:hover {
				background: rgb(120,120,120);
				transition: 0.5s;
				cursor: pointer;
			}


.button-modal-close-1 {
	background: none !important;
	color: rgb(160,160,160) !important;
	border: none !important;
}
			.button-modal-close-1:hover {
				color: rgb(255,255,255);
				cursor: pointer;
				transition: 0.5s;
			}




/* A link buttons */

a.btn0 {
  color: rgb(255,255,255) !important;
  text-decoration: none !important;
  user-select: none;
  background: #187aba; 
  font-family: Verdana;
  padding: 2.0em 3.6em;
  outline: none;
  font-size:18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.8s;
} 
a.btn0:hover { background: #3ca2e6; text-decoration:none; color:rgb(255,255,255) !important; }
a.btn0:active { background: #3ca2e6; text-decoration:none; color:rgb(255,255,255) !important; } 

            @media screen and (max-width: 760px) {
                a.btn0 {
                    color: rgb(255,255,255) !important;
                    text-decoration: none !important;
                    user-select: none;
                    background: #78a7dd; 
                    padding: 1.2em 3.0em;
                    outline: none;
                    font-size:15px !important;
                } 
            a.btn0:hover { background: #91cff9; text-decoration:none; color:rgb(255,255,255) !important; }
            a.btn0:active { background: #91cff9; text-decoration:none; color:rgb(255,255,255) !important; } 
            }
            
            
/* Button 1*/

a.btn1 {
  color: rgb(255,255,255) !important;
  text-decoration: none !important;
  user-select: none;
  background: #36b36b; 
  display: inline-block;
  font-family: Verdana;
  padding: 2.0em 3.6em;
  outline: none;
  font-size:18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.8s;
} 
a.btn1:hover { background: #65d193; text-decoration:none; color:rgb(255,255,255) !important; }
a.btn1:active { background: #37b76d; text-decoration:none; color:rgb(255,255,255) !important; } 

            @media screen and (max-width: 999px) {
                a.btn1 {
                    padding: 2.0em 3.6em;
                    font-size:17px !important;
                } 
            
            }
            
            
            
            
/* button 2 */
            
a.btn2 {
  color: #187aba;
  text-decoration: none !important;
  user-select: none;
  display: inline-block;
  background: rgb(255,255,255); 
  font-family: Verdana;
  padding: 2.0em 3.6em;
  outline: none;
  font-size:18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.5s !important;
} 
a.btn2:hover { transition: 0.5s !important; background:#187aba; color:rgb(255,255,255); border:1px solid rgb(255,255,255); }
a.btn2:active {  } 

            @media screen and (max-width: 760px) {
                a.btn2 {
                    padding: 1.2em 3.0em;
                    outline: none;
                    font-size:15px !important;
                } 
           
            }
            
            @media screen and (max-width: 500px) {
                a.btn2 {
                    padding: 1.2em 3.0em;
                    outline: none;
                    font-size:13px !important;
                } 
           
            }
            
            
/* button 3 */
            
a.btn3 {
  color: rgb(255,255,255) !important;
  text-decoration: none !important;
  user-select: none;
  background: #36b36b; 
  font-family: Verdana;
  display: inline-block;
  padding: 2.0em 3.6em;
  outline: none;
  font-size:18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.5s !important;
} 
a.btn3:hover { background: #65d193; transition: 0.5s !important; }
a.btn3:active { } 

            @media screen and (max-width: 760px) {
                a.btn3 {
                    padding: 1.2em 3.0em;
                    outline: none;
                    font-size:15px !important;
                }
            }
            
            @media screen and (max-width: 500px) {
                a.btn3 {
                    padding: 1.2em 3.0em;
                    outline: none;
                    font-size:13px !important;
                }
            }
            
            
            
/* button 4 */
            
a.btn4 {
  color: rgb(120,120,120) !important;
  border: 1px solid #187aba;
  text-decoration: none !important;
  user-select: none;
  background: rgb(255,255,255) !important; 
  font-family: Verdana;
  padding: 0.8em 3.2em;
  outline: none;
  font-size:18px;
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.8s;
} 
a.btn4:hover { border: 1px solid rgb(80,80,80); transition: 1s;  }
a.btn4:active { } 

            @media screen and (max-width: 999px) {
                a.btn4 {
                   	padding: 1.2em 5.0em;
                    font-size:15px !important;
                } 
            
            }
            
            
            
/* Button 10*/

a.btn10 {
  color: rgb(255,255,255) !important;
  text-decoration: none !important;
  user-select: none;
  background: rgb(70,70,70); 
  font-family: Verdana;
  padding: 2.0em 3.6em;
  outline: none;
  font-size:18px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.5s !important;
  } 
a.btn10:hover { background: #37b76d; text-decoration:none; color:rgb(255,255,255) !important; transition: 0.5 !important; }
a.btn10:active { background: #37b76d; text-decoration:none; color:rgb(255,255,255) !important; } 

            @media screen and (max-width: 760px) {
                a.btn10 {
                    padding: 1.6em 3.0em;
                    font-size:15px !important;
                } 
            
            }
            
            
/* Button 1*/





/* Button 11*/

a.btn11 {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid rgb(245,245,245);
  color: rgb(100,100,100);
  text-decoration: none !important;
  user-select: none;
  background: none;
  padding: 1.0em 1.6em;
  outline: none;
  font-size:15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.5s !important;
  } 
a.btn11:hover { border: 1px solid rgb(215,215,215); background:rgb(235,235,235); color:rgb(100,100,100); text-decoration:none; transition: 0.5 !important; }
a.btn11:active { border: 1px solid rgb(180,180,180); background:rgb(235,235,235); color:rgb(100,100,100); text-decoration:none; transition: 0.5 !important; } 

            @media screen and (max-width: 660px) {
                a.btn11 {
                    display: block;
                    margin-bottom: 0px;
                    text-align: left !important;
                } 
            
            }
  
            
/* Button 1*/





/* Button 11*/

a.btn12 {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid rgb(245,245,245);
  color: rgb(100,100,100);
  text-decoration: none !important;
  user-select: none;
  background: rgb(255,255,255);
  padding: 0.5em 1.6em;
  outline: none;
  font-size:15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  transition: 0.5s !important;
  } 
a.btn12:hover { border: 1px solid rgb(215,215,215); background:rgb(235,235,235); color:rgb(100,100,100); text-decoration:none; transition: 0.5 !important; }
a.btn12:active { border: 1px solid rgb(180,180,180); background:rgb(235,235,235); color:rgb(100,100,100); text-decoration:none; transition: 0.5 !important; } 

            @media screen and (max-width: 660px) {
                a.btn12 {
                    display: block;
                    margin-bottom: 0px;
                    text-align: left !important;
                } 
            
            }
  
            

            
            
            
            
/* Button 13*/
/* Button for area with defined padding*/
a.btn13 {
  display: inline-block;
  margin-bottom: 10px;
  border: none;
  padding: 0.5em 1.6em;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(255,255,255) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  } 
a.btn13:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	transition: 0.5s !important; 
  }
a.btn13:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 


/* Button 13b*/
/* Button for area with defined padding*/
a.btn13b {
  display: inline-block;
  margin-bottom: 10px;
  border: none;
  padding: 0.5em 1.6em;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(50,50,50) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  } 
a.btn13b:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	transition: 0.5s !important; 
  }
a.btn13b:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 




/* Button 14*/
/* Button for area with defined padding*/
a.btn14 {
  display: inline-block;
  margin-bottom: 10px;
  border-width: 1px;
  border: 1px solid rgb(255,255,255);
  padding: 1.1em 2.4em;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(255,255,255) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  } 
a.btn14:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	transition: 0.5s !important; 
  }
a.btn14:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 
@media screen and (max-width: 999px) { 
  a.btn14 {
    padding: 1.1em 2.7em;
  }
}

/* Button 14b*/
/* Button for area with defined padding*/
a.btn14b {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid rgb(200,200,200);
  padding: 1.1em 2.7em;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(60,60,60) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  } 
a.btn14b:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	transition: 0.5s !important; 
  }
a.btn14b:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 

/* Button 14b*/
/* Button for area with defined padding*/
a.btn14c {
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid #267aba;
  padding: 1.1em 1.5em;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: #267aba !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  } 
a.btn14c:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	transition: 0.5s !important; 
  }
a.btn14c:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 


/* Button 15*/
/* Button for area with defined padding*/
a.btn15 {
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgb(245,245,245);
  background: rgb(250,250,250);
  font-weight: normal;
  padding: 1.1em 1.1em;
  text-align: left;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(50,50,50) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  width: 96% !important;
  } 
a.btn15:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	border: 1px solid #419cd6;
	transition: 0.7s !important; 
	background: rgb(245,245,245);
  }
a.btn15:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 

/* Button 15b*/
/* Button for area with defined padding*/
a.btn15b {
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid #187aba;
  background: rgb(250,250,250);
  padding: 1.1em 1.1em;
  text-align: left;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(0,0,0) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  width: 96% !important;
  } 
a.btn15b:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.7 !important;
	text-decoration: none; 
	transition: 0.5s !important; 
	background: rgb(245,245,245);
  }
a.btn15b:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 



/* Button 17*/
/* Button for area with defined padding*/
a.btn17 {
  display:inline;
  margin-bottom: 15px;
  border-width: 1px;
  background: none;
  font-weight: normal;
  padding: 1.1em 1.1em;
  text-align: center;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(50,50,50) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  } 
			 @media screen and (max-width: 760px) {
                a.btn17 {
                	display: inline-block;
                	width: 100% !important;
                } 
            
            }
a.btn17:hover { 
	filter: alpha(opacity=7) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	transition: 0.7s !important; 
	background: rgb(230,230,230);
  }
a.btn17:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 





/* Button 18*/
/* Button for area with defined padding*/
a.btn18 {
  display: inline-block;
  margin-bottom: 15px;
  background: rgb(255,255,255);
  font-weight: normal;
  padding: 1.1em 1.1em;
  text-align: left;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(50,50,50) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  width: 96% !important;
  } 
			 @media screen and (max-width: 1400px) {
                a.btn18 {
                    padding: 0.8em 0.8em;
                } 
            }
            
            @media screen and (max-width: 1200px) {
                a.btn18 {
                    padding: 0.4em 0.4em;
                } 
            }
            
            @media screen and (max-width: 900px) {
                a.btn18 {
                   padding: 1.1em 1.1em;
                } 
            }
a.btn18:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	
	transition: 0.7s !important; 
  }
a.btn18:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 



/* Button 19*/
/* Button for area with defined padding*/
a.btn19 {
  display: inline-block;
  margin-bottom: 15px;
  border: 1px solid rgb(245,245,245);
  font-weight: normal;
  padding: 1.1em 1.1em;
  text-align: left;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(255,255,255) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  width: 96% !important;
  } 
a.btn19:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	border: 1px solid #419cd6;
	transition: 0.7s !important; 
	background: rgb(245,245,245);
  }
a.btn19:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 




/* Buttons without A tag */

/* Button 14*/
/* Button for area with defined padding*/
.button-1 {
  display: inline-block;
  margin-bottom: 10px;
  border-width: 1px;
  border: none;
  font-weight: bold;
  padding: 1.1em 2.7em;
  text-decoration: none !important;
  user-select: none;
  outline: none;
  color: rgb(0,0,0) !important;
  font-size:15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: 0.5s !important;
  } 
.button-1:hover { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	text-decoration: none; 
	transition: 0.5s !important; 
  }
.button-1:active { 
	filter: alpha(opacity=8) !important; 
  	opacity: 0.8 !important;
	transition: 0.5 !important; 
} 

.big-button-1 {
  background: #c17792;
  color: rgb(255,255,255);
	border: 1px solid rgb(235,235,235);
	width: 100%;
  font-size: 18px;
	outline: none;
  padding: 1em 1em;
	border-radius: 25px;
  margin-bottom: 20px;
}
.button-1:hover {
				cursor: pointer;
}
      @media screen and (max-width: 500px) {
        .big-button-1 {
          padding: 1.8em 2em;
        } 
      }
      @media screen and (max-width: 450px) {
        .big-button-1 {
          padding: 1.5em 1.5em;
        } 
      }