﻿@font-face {
	font-family: 'MyriadProRegular';
	src: url("../fonts/myriad_pro.eot")/*tpa=http://master-football.ru/fonts/myriad_pro.eot*/;
	src: local('☺'),
	url("../fonts/myriad_pro.woff")/*tpa=http://master-football.ru/fonts/myriad_pro.woff*/ format('woff'),
	url("../fonts/myriad_pro.ttf")/*tpa=http://master-football.ru/fonts/myriad_pro.ttf*/ format('truetype'),
	url("../fonts/myriad_pro.svg#MyriadProRegular")/*tpa=http://master-football.ru/fonts/myriad_pro.svg#MyriadProRegular*/ format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Tahoma; /* имя шрифта для CSS правил */
	src: local("Tahoma"), /* проверяем наличие шрифта в ОС пользователя */
		url("../fonts/Tahoma.ttf")/*tpa=http://master-football.ru/fonts/Tahoma.ttf*/; /* если шрифт не установлен, тогда загружаем его по указанному пути */
}

body{
	margin:0px;
	padding:0px;
	font-family: Tahoma;
}
a{
	color:#0000D2;
	text-decoration:none;
	outline:none;
}
a:hover{text-decoration:underline}

#page{
	width:100%;
	min-width:1000px;
	width:expression(document.body.clientWidth > 1000 ? "100%" : "1000" );
	overflow:hidden;
}

#main{
	background:#fff;
	overflow:hidden;
	padding:4px 0 31px;
}
#main h1 { /* header */
    font-family: Impact ;
    color: #911316;
    font-size: 40px;
    text-align: center;
    margin-bottom: 15px;
	font-weight: bold;
	text-shadow:
	-2px -2px 0 white,
    2px -2px 0 white,
    -2px 2px 0 white,
    2px 2px 0 white,
	0.07em 0.07em 0.2em black;
}

#main h2 { /* title */
    color: #333;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

#main h3 { /* bottom */
    color: #ff0911;
    font-size: 25px;
    font-weight: bold;
	text-shadow:
	0.07em 0.07em 0.2em yellow;

}

#main h4 { /* order */
    background:#fff;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
   -2px -2px 0 grey,
    2px -2px 0 grey,
   -2px 2px 0 grey,
    2px 2px 0 grey,

}    	   
#main h5 { /* header 30*/
    font-family: header ;
    color: #128C04;
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
	font-weight: bold;
	text-shadow:
	-2px -2px 0 white,
    2px -2px 0 white,
    -2px 2px 0 white,
    2px 2px 0 white,
	0.07em 0.07em 0.2em black;
}


.textsheet6{
   
    font-family: Arial;
    text-shadow: 1px 1px 1px black; /* Ia?aiao?u oaie */
    color: #edb015; /* Aaeue oaao oaenoa */
    font-size: 28px; /* ?acia? iaaiene */


}
.textsheet6:hover{
    font-family: Arial;
    text-shadow: 1px 1px 1px black; /* Ia?aiao?u oaie */
    color: #53FF40; /* Aaeue oaao oaenoa */
    font-size: 28px; /* ?acia? iaaiene */
}


#bg{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	min-height:100%;
	min-width:1000px;
	width:expression(document.body.clientWidth > 1000 ? "100%" : "1000" );
	z-index:-1;
}

.b-content{
	width:550px;
	float:left;
	background:url("../img/bord_right.png")/*tpa=http://master-football.ru/img/bord_right.png*/ repeat-y right top;

}
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 1}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
.social-b {
	position: absolute;
	top: 120px;
	left: 15px;
}

/* Pricing table*/
.pricingdiv{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: 'Source Sans Pro', Arial, sans-serif;
}

.pricingdiv ul.theplan{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white;
  background: #C91C39;
  position: relative;
  width: 180px; /* width of each table */
  margin-right: 10px; /* spacing between tables */
  margin-bottom: 1em;
  transition: all .5s;
}

.pricingdiv ul.theplan:hover{ /* when mouse hover over pricing table */
  transform: scale(1.05);
  transition: all .5s;
  z-index: 100;
  box-shadow: 0 0 10px gray;
}

.pricingdiv ul.theplan li{
  margin: 10px 20px;
  position: relative;
}

.pricingdiv ul.theplan li.title{
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
  border-bottom: 5px solid white;
}
.pricingdiv ul.theplan li.tut{
  font-size: 16px;
  font-weight: bold;
  font-family: 'georgia';
  text-align: center;
  margin-top: 10px;
  color: gold;
}


.pricingdiv ul.theplan:nth-of-type(2){
  background: #C7BA08;
}
.pricingdiv ul.theplan li.tut2{
  font-size: 16px;
  font-weight: bold;
  font-family: 'georgia';
  text-align: center;
  margin-top: 10px;
  color: navy;
}
    
.pricingdiv ul.theplan:nth-of-type(3){
  background: #318A04;
}
.pricingdiv ul.theplan li.tut3{
  font-size: 16px;
  font-weight: bold;
  font-family: 'georgia';
  text-align: center;
  margin-top: 10px;
  color: red;
}

.pricingdiv ul.theplan:last-of-type{ /* remove right margin in very last table */
  margin-right: 0;
}

/*very last LI within each pricing UL */
.pricingdiv ul.theplan li:last-of-type{
  text-align: center;
  margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
}  

.pricingdiv a.pricebutton{
  background: white;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
  margin: 10px auto;
  border-radius: 5px;
  color: navy;
  text-transform: uppercase;
}

@media only screen and (max-width: 500px) {
  .pricingdiv ul.theplan{
    border-radius: 0;
    width: 100%;
    margin-right: 0;
  }
  
  .pricingdiv ul.theplan:hover{
    transform: none;
    box-shadow: none;
  }
  
  .pricingdiv a.pricebutton{
    display: block;
  }
}
/* End pricing table*/

/* BUTTONS*/
#free-access {
	margin: 30px auto 30px auto;
    text-align: center;
}
#free-access .button{
    display: block;
    text-align: center;
    margin: 20px auto 0 auto;
    width: 264px;
    padding: 18px 0 15px 0;
    font-family: 'HelveticaNeueLTCom-Bd', Georgia, times, serif;
    font-size: 24px;
    letter-spacing: -.5px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
    background: #fec100;
    background: url(b1.jpg);
    background: -moz-linear-gradient(top,  #fec100 0%, #f2b100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#f2b100));
    background: -webkit-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -o-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: -ms-linear-gradient(top,  #fec100 0%,#f2b100 100%);
    background: linear-gradient(to bottom,  #fec100 0%,#f2b100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f2b100',GradientType=0 );
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#free-access .button:hover{
    background: #63FC2B;
    background: url(b.jpg);
    background: -moz-linear-gradient(top,  #fcc214 0%, #efbc39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcc214), color-stop(100%,#efbc39));
    background: -webkit-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -o-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: -ms-linear-gradient(top,  #fcc214 0%,#efbc39 100%);
    background: linear-gradient(to bottom,  #fcc214 0%,#efbc39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc214', endColorstr='#efbc39',GradientType=0 );
}
#free-access .button:after{
    content: url(t/bottom3.png);
    margin-left: 10px;
}

.submit-btn{
    cursor: pointer;  
    width: 344px; 
    text-align: center;
    font-family: 'SourceSansPro-Bold', Georgia, times, serif;
    padding: 10px 0 10px 0;
    font-size: 24px;
    text-shadow: 1px 1px 2px rgba(3, 3, 3, 0.55); 
    letter-spacing: 0px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
    background: #fec100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmIxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fec100 0%, #075E0C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#075E0C));
    background: -webkit-linear-gradient(top,  #fec100 0%,#075E0C 100%);
    background: -o-linear-gradient(top,  #fec100 0%,#075E0C 100%);
    background: -ms-linear-gradient(top,  #fec100 0%,#075E0C 100%);
    background: linear-gradient(to bottom,  #fec100 0%,#075E0C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f2b100',GradientType=0 );
}

.submit-btn:hover{
    background: #fcc214;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYzIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmJjMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #075E0C 0%, #10DB1C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#075E0C), color-stop(100%,#10DB1C));
    background: -webkit-linear-gradient(top,  #075E0C 0%,#10DB1C 100%);
    background: -o-linear-gradient(top,  #075E0C 0%,#10DB1C 100%);
    background: -ms-linear-gradient(top,  #075E0C 0%,#10DB1C 100%);
    background: linear-gradient(to bottom,  #075E0C 0%,#10DB1C 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc214', endColorstr='#efbc39',GradientType=0 );
}

/* End BUTTONS*/
/* ECKS*/
.curl{
  width: 60px; /* default width of page curl */
  height: 60px; /* default height of page curl */
  position: absolute;
  left: 0;
  top: 0;
	z-index: 1000;
  overflow: hidden;
  background: white;
  box-shadow: 0 0 10px gray;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.curl .curlcontent{
  position: absolute;
  left: 15px; /* left position of curl content to show */
  top: 15px; /* top position of curl content to show */
}

.curl:after{ /* the curl itself */
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: rotate(45deg) translateX(70%) scale(1.4);
  background: #afafaf;
  background: -moz-linear-gradient(left,  #afafaf 0%, #ffffff 29%);
  background: -webkit-linear-gradient(left,  #afafaf 0%,#ffffff 29%);
  background: linear-gradient(to right,  #afafaf 0%,#ffffff 29%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#ffffff',GradientType=1 );

}

.curl:hover{
  width: 200px; /* width of page curl when mouse over */
  height: 200px; /* height of page curl when mouse over */
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 10px 10px 50px gray;
}

/* #### Right corner curl specific CSS (instead of default left corner) ### */

.curl.rightcorner{
  left: auto;
  right: 0;
}

.curl.rightcorner:after{
  left: auto;
  right: 0;
  transform: rotate(135deg) translateX(70%) scale(1.4);  
}

.curl.rightcorner .curlcontent{
  left: auto;
  right: 15px; /* right position of curl content to show */
  top: 15px; /* top position of curl content to show */
}
/* End ECKS*/
/* --- svg_modal_guests.css --- */

.svg-modal-guests #overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: url(rgba.php?r=0&g=0&b=0&a=165); background: rgba(0, 0, 0, 0.65); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000,endColorstr=#A5000000);
	z-index: 999;
	-webkit-animation: fade .6s;
	   -moz-animation: fade .6s;
	        animation: fade .6s;
	overflow: auto;
}
.svg-modal-guests .popup {
	
		font-family: 'Open Sans', sans-serif;
	
}
.svg-modal-guests .popup {
	font-size: 14px;
color: rgb(255, 255, 255);
margin: auto;
top: 20%;
left: 0;
right: 0;
min-width: 320px;
max-width: 600px;
position: absolute;
z-index: 1000;
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
width: 85%;

}
.svg-modal-guests .popup h1.split {font-size:2em; position:relative; font-family:georgia, "times new roman", serif; height:1em;}
h1.split span.line {position:absolute; left:0; top:0; color:#c60; height:0.6em; overflow:hidden; border-bottom:1px solid #fff;}
h1.split span.noline {position:absolute; left:0; top:0; color:#ff0; height:0.6em; overflow:hidden;}
h1.split:before {content:attr(title); position:absolute; left:0; top:0; color:#c60;}
h1.split span.dgrey {color:#555;}
h1.ln:before {color:#c60;}
h1.lgrey:before {color:#aaa;}

.svg-modal-guests .popup h2 {
	color: rgb(255, 5, 5);
margin: 0 0 10px;
font-weight: 600;
line-height: 1.3;} 
 
.svg-modal-guests .popup h3 {
	color: rgb(255, 155, 55);
margin: 0 0 10px;
font-weight: 600;
line-height: 1.3;

}
.svg-modal-guests .popup h1.split {
	font-size: 22px;
margin-left: 35%;

}
.svg-modal-guests .popup h2 {
	font-size: 20px;

}
.svg-modal-guests .popup h3 {
	font-size: 16px;
margin-left: 5%;

}
.svg-modal-guests .popup p {
	padding: 10px;
}
.svg-modal-guests .popup a {
	font-weight: bold;
color: rgb(242, 38, 19);

}
.svg-modal-guests .popup condition {
	font-weight: bold;
color: rgb(42, 138, 219);

}
.svg-modal-guests button.close {
	top: 10px;
	right: 10px;
	position: absolute;
	background: transparent;
	color: rgb(255, 255, 255);
	border: none;
	cursor: pointer;
	outline: none;
}
.svg-modal-guests button.close:before {
	content: "\2716";
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	        transition: all 0.5s;
}
.svg-modal-guests button.close:hover {
	color: rgb(242, 38, 19);
}
.svg-modal-guests .popup img {
	width: 100%;
	height: auto;
}
.svg-modal-guests .pl-right {
	float: right;
	margin: 15px 0 5px 0;
}
.svg-modal-guests .pl-left {
	float: left;
	margin: 5px 18px 5px 0;
}
@-moz-keyframes fade {
	from { opacity: 0; }
	to { opacity: 1 }
}
@-webkit-keyframes fade {
	from { opacity: 0; }
	to { opacity: 1 } 
}
@keyframes fade {
	from { opacity: 0; }
	to { opacity: 1 }
}

/* End SVG*/
/* PAGER CONTAINER */

#pager-container{display:block;margin-top:30px}
#pager{font-family:"BebasNeueRegular",Tahoma;text-shadow:0 -1px 0 gray;font-size:20px;position:relative;width:auto;display:inline-block;margin-bottom:0}.oldIE 
#pager{width:100%}
#pager span,#pager img,
#pager input{display:block;float:left}
#pager input{font-family:"BebasNeueRegular",Tahoma!important;font-size:20px!important;text-align:center!important;color:#83807c!important;width:50px!important;height:20px!important;margin:0!important;padding:0!important;margin-top:4px!important;margin-left:5px!important;margin-right:5px!important;background:url("../img/page.png") no-repeat!important;border:none!important;outline:none!important;border-radius:0!important}.oldIE #pager input,.ie9 
#pager input{font-size:19px!important;line-height:23px!important}
#pager span{display:block;margin-top:5px}

/* End PAGER CONTAINER */
/* WP-PAGENAVI */
.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#707070 !important;
		background:#FFFFFF !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		border-color:#3390CA !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		color:#fff !important;
		margin-right:3px !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
}
/*END WP-PAGENAVI */	