/*
Theme Name: Seofy
Theme URI: http://seofy.webgeniuslab.net/
Author: WebGeniusLab
Author URI: http://webgeniuslab.net/
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.5.3
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: seofy
*/


.button9 {
  position: relative;
  color: white;
  font-weight: bold;
 color: #fff;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  background-color: #ef0007;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.button9:active {
  top: 1px;
  box-shadow: none;
}
.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}

.button8 {
	display: inline-flex;
	margin: 10px;
	text-decoration: none;
	position: relative;
	font-size: 20px;
	line-height: 20px;
	padding: 12px 30px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase; 
	font-family: 'Roboto Condensed', Тahoma, sans-serif;
	background: #fff;
	cursor: pointer; 
	border: 3px solid #BFE2FF;
	transition: transform 0.2s ease-out, padding 0.2s ease-out;
	overflow: hidden;
}
.button8:hover,
.button8:active,
.button8:focus {
	color: #337AB7;
	transform: rotate(-2deg);
	padding: 12px 50px 12px 10px;
}
.button8:before {
	content: "\27A4";
	position: absolute;
	right: -30px;
	color: #1c53b4;  
	transition: right 0.5s cubic-bezier(.97,.01,.97,.55);
}
.button8:hover:before,
.button8:active:before,
.button8:focus:before {
	right: 10px;
}
.wpcf7 {
background:#1c53b4;  /*цвет границы*/
padding:20px 20px 20px 20px!important;
text-align:center;
border:1px solid #ccc;
font-size:17px;
}
.wpcf7 h2{
text-transform:uppercase;
font-size:20px;
color:#750000;
margin-bottom:15px;
}
.wpcf7-text{
margin-bottom:10px;
padding:5px;
border:1px solid #6e6e6e;
}
.wpcf7-text:focus{
-moz-box-shadow: 0 0 6px #004080!important;
-webkit-box-shadow: 0 0 6px #004080!important;
box-shadow:0 0 6px #004080!important; 
}
.wpcf7-submit{
background: linear-gradient(#f20000, #750000)!important;
color:#fff!important;
text-shadow:none!important;
text-transform:uppercase;
border-radius:10px!important;
-moz-box-shadow: 0 0 6px #000!important;
-webkit-box-shadow: 0 0 6px #000!important;
box-shadow:0 0 6px #000!important;   
margin-top:20px;
}
.button10 {
    display: inline-flex!important;
    margin: 10px!important;
    text-decoration: none!important;
    border: 2px solid #BFE2FF!important;
    position: relative!important;
    overflow: hidden!important;
    font-size: 20px!important;
    line-height: 20px!important;
    padding: 12px 30px!important;
    color: #FFF!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    font-family: 'Roboto Condensed', Тahoma, sans-serif!important;
    background: #c10e0e!important;
    transition: box-shadow 0.3s, transform 0.3s!important;
    cursor: pointer!important;
}
.button10:hover,
.button10:active,
.button10:focus {
    transform: translateY(-4px)!important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2)!important;
    color: #FFF!important;
}
.button10:before {
    content: "";
    position: absolute!important;
    top: 0;
    left: -100%!important;
    width: 100%!important;
    height: 100%!important;
    background: linear-gradient(-45deg, transparent, rgba(191, 226, 255, 0.3), transparent)!important;
    transition: left 0.2s!important;
}
.button10:hover:before,
.button10:active:before,
.button10:focus:before {
    left: 100%!important;
}
.button11 {
    display: inline-flex!important;
    margin: 10px!important;
    text-decoration: none!important;
    border: 2px solid #BFE2FF!important;
    position: relative!important;
    overflow: hidden!important;
    font-size: 20px!important;
    line-height: 20px!important;
    padding: 12px 30px!important;
    color: #FFF!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    font-family: 'Roboto Condensed', Тahoma, sans-serif!important;
    background: #1c53b4!important;
    transition: box-shadow 0.3s, transform 0.3s!important;
    cursor: pointer!important;
}
.button11:hover,
.button11:active,
.button11:focus {
    transform: translateY(-4px)!important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2)!important;
    color: #FFF!important;
}
.button11:before {
    content: "";
    position: absolute!important;
    top: 0;
    left: -100%!important;
    width: 100%!important;
    height: 100%!important;
    background: linear-gradient(-45deg, transparent, rgba(191, 226, 255, 0.3), transparent)!important;
    transition: left 0.2s!important;
}
.button11:hover:before,
.button11:active:before,
.button11:focus:before {
    left: 100%!important;
}

.button12 {
    display: inline-flex!important;
    margin: 10px!important;
    text-decoration: none!important;
    border: 2px solid #BFE2FF!important;
    position: relative!important;
    overflow: hidden!important;
    font-size: 17px!important;
    line-height: 20px!important;
    padding: 12px 30px!important;
    color: #FFF!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    font-family: 'Roboto Condensed', Тahoma, sans-serif!important;
    background: #c10e0e!important;
    transition: box-shadow 0.3s, transform 0.3s!important;
    cursor: pointer!important;
}
.button12:hover,
.button12:active,
.button12:focus {
    transform: translateY(-4px)!important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2)!important;
    color: #FFF!important;
}
.button12:before {
    content: "";
    position: absolute!important;
    top: 0;
    left: -100%!important;
    width: 100%!important;
    height: 100%!important;
    background: linear-gradient(-45deg, transparent, rgba(191, 226, 255, 0.3), transparent)!important;
    transition: left 0.2s!important;
}
.button12:hover:before,
.button12:active:before,
.button12:focus:before {
    left: 100%!important;
}