@import url(http://weloveiconfonts.com/api/?family=maki);
@import url(http://weloveiconfonts.com/api/?family=typicons);
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
html{
height: 100%;
margin: 0 auto;
 
   
}

body{
margin: 0 auto;
height: 100%;
  background-image: url(../images/fon1.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
    background-attachment: fixed;

}
/* header */

header.hea{
height: 65px;
width: 100%;
position: fixed;
z-index: 10; 
background-color: rgba(255,255,255,1);
-webkit-box-shadow: 0px 10px 22px -2px rgba(0,0,0,0.76);
-moz-box-shadow: 0px 10px 22px -2px rgba(0,0,0,0.76);
box-shadow: 0px 10px 22px -2px rgba(0,0,0,0.76);}

header.hea div.logo1 {
text-align: center;
}
header.hea div.logo1 img{
  height: 62px;

}
header span.icon{
      font-family: 'typicons', sans-serif;
padding: 5px;
font-size: 3em;
color:rgba(214,33,33,.9);
float: right;
}
header div.hea3{
  display: none;
}

a.sub:link {  text-decoration: none }
a.sub:hover {  text-decoration: none }
a.sub:visited {  text-decoration: none }

 #cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0 auto;
  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 {
  padding: 5px 50px;
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1;
}
#cssmenu ul {

}
#cssmenu > ul > li {
  float: left;
    border-bottom: 3px solid rgba(193,12,12,.9);

}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li > a {
  margin-right: 0;
  margin-left: -4px;
}
#cssmenu > ul > li > a {
  z-index: 2;
  padding: 18px 25px 12px 25px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  color: #444444;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: -4px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 120%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  content: "";
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: perspective(5px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(5px) rotateX(2deg);
  -moz-transform-origin: bottom;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
}
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
  background: rgba(214,33,33,1);
}
#cssmenu li ul{padding:0;width:100%;min-width:0;height:0;overflow:hidden;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;position:absolute;}
 #cssmenu li:hover ul{height:25em;}
  #cssmenu li li{float:none;padding:0;margin-top:1px;width:auto;}
 #cssmenu a.sub{color: rgba(255,255,255,1);
      font-size: 1.1em;font-family: Raleway,sans-serif;background: rgba(214,33,33,.92); 
    display:block;padding:14px 10px;text-decoration: none;margin:0 ;}
#cssmenu li:hover li a.sub:hover{text-decoration:underline;background:#008080;}



/* header */

/* page1 */
section.page1{
	width: 100%;
padding: 58px 0}
/* page1 */

/* page2 */
section.page2{
  font-family: 'maki', sans-serif;

}
section.page2 h3.titu2{
font-family: 'lora';
font-size: 2em;
text-align: center;
padding: 20px 0 ;
}
h1.tit{

  font-size: 1.1em;
font-family: 'Trebuchet MS';
text-align: center;

}

section.page2 h3.titu2 span.icon{
		  font-family: 'typicons', sans-serif;

font-size: 1em;
color:rgba(214,33,33,.9);
}
section.page2 p.par2{
font-family: 'Trebuchet MS';
width: 80%;
text-align: center;
margin: 0 auto;
font-size: 1.1em;

}
div.sdown1{
background-image: url(../images/se1.jpg);
    width: 230px;
  height: 296px;
margin: 0 auto;
display: none;
}
div.sdown2{
background-image: url(../images/se2.jpg);
    width: 230px;
  height: 296px;
margin: 0 auto;
display: none;
}
div.sdown3{
background-image: url(../images/se3.jpg);
    width: 230px;
  height: 296px;
margin: 0 auto;
display: none;
}
div.sdown4{
background-image: url(../images/se4.jpg);
    width: 230px;
  height: 296px;
margin: 0 auto;
display: none;
}
div.sdown5{
background-image: url(../images/se5.jpg);
    width: 230px;
  height: 296px;
margin: 0 auto;
display: none;
}
div.sdown6{
background-image: url(../images/se6.jpg);
    width: 230px;
  height: 296px;
margin: 0 auto;
display: none;
}
.center{
text-align: center;
padding: 20px 0;
cursor: pointer;
}
.pad{
	padding: 50px 10px;
}
.pizza-link {
  display: block;
  width: 230px;
  border: 1px solid rgba(214,33,33,.9);
  position: relative;
  overflow: hidden;
  padding: 1.5em;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: black;
  background: rgba(255,255,255,.7);
}
.pizza-link:hover{
-webkit-box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
-moz-box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
}
.pizza-link h2 {
  font-family: 'lora';
  border-bottom: 1px solid rgba(214,33,33,.9);
  padding: 3.5em 0 0.75em 0;
  margin: 0 0 0.75em 0;
  position: relative;
  font-size: 1.7em;
}
.pizza-link p {
  font-family: 'Trebuchet MS';
  margin: 0;
  position: relative;
  font-size: 1em;
}
.pizza-link h2, .pizza-link p {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pizza-link .icon {
  position: absolute;
  color: white;
  width: 60px;
  height: 60px;
  line-height: 40px;
  font-size: 2em;
  margin-left: -25px;
  left: 48%;
}
.pizza-link:before {
  content: "";
  background: rgba(255,0,0,1);
 background: -moz-linear-gradient(-45deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(13,0,0,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,0,0,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,0,0,1)), color-stop(100%, rgba(13,0,0,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(13,0,0,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(13,0,0,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(13,0,0,1) 100%);
background: linear-gradient(135deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(13,0,0,1) 100%);
  position: absolute;
  width: 50px;
  height: 50px;
  top: 20px;
  left: 50%;
  margin-left: -25px;
  -moz-transition: width 0.2s, left 0.2s, margin-left 0.2s, top 0.2s 0.2s, height 0.2s 0.2s;
  -o-transition: width 0.2s, left 0.2s, margin-left 0.2s, top 0.2s 0.2s, height 0.2s 0.2s;
  -webkit-transition: width 0.2s, left 0.2s, margin-left 0.2s, top 0.2s, height 0.2s;
  -webkit-transition-delay: 0s, 0s, 0s, 0.2s, 0.2s;
  transition: width 0.2s, left 0.2s, margin-left 0.2s, top 0.2s 0.2s, height 0.2s 0.2s;
}
.pizza-link:hover h2, .pizza-link:active h2 {
  color: white;
  border-bottom-color: #E14646;
}
.pizza-link:hover p, .pizza-link:active p {
  color: white;
}
.pizza-link:hover:before, .pizza-link:active:before {
  width: 230px;
  left: 0;
  top: 0;
  margin-left: 0;
  height: 320px;

}



/* page2 */

/* page3 */
section.page3{
	width: 100%;
	padding:50px 10px;
		background-color: rgba(242,242,242,.8);


}
section.page3 h3.titu2{
font-family: 'lora';
font-size: 2em;
text-align: center;
padding: 20px 0 ;
}
section.page3 p.par2{
font-family: 'Trebuchet MS';
width: 80%;
text-align: center;
margin: 0 auto;
font-size: 1.1em;

}
.pad2{
	padding: 50px 0 0 0 ;
}
section.page3 h3.titu2 span.icon{
		  font-family: 'typicons', sans-serif;

font-size: 1em;
color:rgba(214,33,33,.9);
}
/* page3 */


/* page4*/
section.page4{
  width: 100%;
background: rgba(232,29,32,1);
background: -moz-linear-gradient(-45deg, rgba(232,29,32,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(87,2,2,0.86) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(232,29,32,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,0,0,1)), color-stop(100%, rgba(87,2,2,0.86)));
background: -webkit-linear-gradient(-45deg, rgba(232,29,32,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(87,2,2,0.86) 100%);
background: -o-linear-gradient(-45deg, rgba(232,29,32,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(87,2,2,0.86) 100%);
background: -ms-linear-gradient(-45deg, rgba(232,29,32,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(87,2,2,0.86) 100%);
background: linear-gradient(135deg, rgba(232,29,32,1) 0%, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 0%, rgba(87,2,2,0.86) 100%);
  padding: 40px 10px 40px 10px;
}

section.page4 h3.titu2{
font-family: 'lora';
font-size: 2em;
text-align: center;
padding: 20px 0 ;
}
section.page4 p.par2{
font-family: 'Trebuchet MS';
width: 95%;
text-align: center;
margin: 0 auto;
font-size: 1.1em;

}
section.page4 h3.titu2 span.icon{
      font-family: 'typicons', sans-serif;

font-size: 1em;
color:rgba(214,33,33,.9);
}
.tra{
  background-color: rgba(255,255,255,.9);
  padding: 50px;
}
.tr{
  background-color: rgba(255,255,255,.9);
  margin: 20px 0 20px 0;
}
/* page4 */

/* page5 */
section.page5{
	width: 100%;
	height: 400px;
	background-color: rgba(193,12,12,1);
}
#map{
	width: 100%;
	height: 400px;
	background-color: rgba(255,72,50,1);
}
/* page5 */
/* page6 */
section.page6{
	width: 100%;
	background-color: rgba(242,242,242,.7);
	padding: 60px 10px;
}
section.page6 h3.titu2{
font-family: 'lora';
font-size: 1.7em;
text-align: center;
padding: 60px 0 30px 0 ;
margin: 0 auto;
}
section.page6 p.par2{
font-family: 'Trebuchet MS';
text-align: center;
margin: 0 auto;
font-size: 1.1em;
padding: 0 0 2px 0 ;


}
.tiger{
  width: 80%;
}
.pex{
text-align: center;
}
section.page6 h3.titu2 span.icon{
		  font-family: 'typicons', sans-serif;

font-size: 1em;
color:rgba(193,12,12,1);
}
.credit {
  display: block;
  max-width: 400px;
  text-align: center;
  padding: 0;
  font-size: 0.8em;
  color: #888888;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
}
.credit p a,
.credit a {
  color: white;
  text-decoration: none;
  font-weight: 700;
}
.credit p a:hover,
.credit a:hover,
.credit p a:active,
.credit a:active {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
  color: white;
}
.credit p a.button,
.credit a.button {
  padding: 6px 12px;
  margin-top: 10px;
  background: #1a1a1a;
  border-radius: 3px;
}
.credit p a.button:hover,
.credit a.button:hover {
  background: #4d4d4d;
}
.credit p:last-of-type {
  margin-bottom: 30px;
}
div.social{
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 2em;
  width: 100%;
}
div.social span {
  position: absolute;
  top: 7px;
  left: 16px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
}
div.social span.fb-inner {
  background: no-repeat url('http://vsxed.github.com/Social-Slides/sprite.png') -41px 0;
  width: 40px;
  height: 40px;
}
div.social span.tw-inner {
  background: no-repeat url('http://vsxed.github.com/Social-Slides/sprite.png') 0 0;
  width: 40px;
  height: 40px;
}
div.social .social-share {
  width: 72px;
  height: 54px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
div.social .social-share:first-of-type {
  margin-right: 10px;
}
div.social .social-share.fb {
  background: -webkit-gradient(radial, 37 56, 25, 36 190, 144, from(rgba(51, 88, 144, 0.99)), to(rgba(51, 88, 144, 0.99))), -webkit-gradient(radial, -10 72, 10, 310 -72, 72, from(rgba(54, 93, 152, 0.99)), to(rgba(54, 93, 152, 0.99))), -webkit-gradient(radial, 72 72, 20, -275 -72, 72, from(rgba(54, 93, 152, 0.99)), to(rgba(54, 93, 152, 0.99))) rgba(61, 105, 171, 0.99) !important;
  background: no-repeat url('http://vsxed.github.com/Social-Slides/sprite.png') 0 -47px;
}
div.social .social-share.tw {
  background: -webkit-gradient(radial, 37 56, 25, 36 190, 144, from(rgba(56, 168, 186, 0.99)), to(rgba(56, 168, 186, 0.99))), -webkit-gradient(radial, -10 72, 10, 310 -72, 72, from(rgba(58, 175, 194, 0.99)), to(rgba(58, 175, 194, 0.99))), -webkit-gradient(radial, 72 72, 20, -275 -72, 72, from(rgba(58, 175, 194, 0.99)), to(rgba(58, 175, 194, 0.99))) rgba(76, 184, 201, 0.99) !important;
  background: no-repeat url('http://vsxed.github.com/Social-Slides/sprite.png') -73px -47px;
}
div.social .social-share:hover > span {
  top: -29px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.social .social-share:hover > .cta {
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.social .cta {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
  width: 72px;
  position: absolute;
  border-radius: 0 0 6px 6px;
  bottom: -60px;
  display: block;
  box-shadow: inset 0 1px 0 0 #ffffff, 0 -1px 0 0 rgba(0, 0, 0, 0.3);
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: -moz-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: -ms-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top left, #e8e8e8, #ffffff);
  background-image: linear-gradient(top left, #e8e8e8, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0);;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.social .cta.tw {
  color: rgba(58, 175, 194, 0.99);
}
div.social .cta.fb {
  color: rgba(54, 93, 152, 0.99);
}

/* page6 */
/* page7 */

section.page7 {
  padding: 58px 10px 50px 10px;
}
section.page7 h3.titu2{
font-family: 'lora';
font-size: 2em;
text-align: center;
padding: 20px 0 ;
}
section.page7 h3.titu2 span.icon{
      font-family: 'typicons', sans-serif;

font-size: 1em;
color:rgba(214,33,33,.9);
}
section.page7 p.par2{
font-family: 'Trebuchet MS';
width: 80%;
text-align: center;
margin: 0 auto;
font-size: 1.1em;

}
/* page7 */
/* page8 */
section.page8{

padding: 50px 10px 50px 10px;
}
section.page8 h2{
font-family: 'lora';
font-size: 2em;
padding: 20px 0 ;
width: 80%;
margin: 0 auto;

}
section.page8 p{
font-family: 'Trebuchet MS';
width: 80%;
margin: 0 auto;
font-size: 1.1em;
}
section.page8 h2 span.icon{
      font-family: 'typicons', sans-serif;

font-size: 1em;
color:rgba(214,33,33,.9);
}
section.page8 img {
   width: 80%;
   -webkit-box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
-moz-box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
}
.marg{margin: 50px 0;
padding: 20px 0;
    background-color: rgba(242,242,242,.8);


}
.marg1{
margin: 50px auto 50px auto;
border: 5px solid rgba(214,33,33,.9);
padding: 40px 0;
-webkit-box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
-moz-box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
box-shadow: 3px 4px 10px -2px rgba(0,0,0,0.81);
background-color: rgba(255,255,255,.8);
}
.tex{
  text-align: center;
}
/* page8 */
/* footer */

footer{
	width: 100%;
		background-color: rgba(28,31,39,.9);
	padding-bottom: 20px;
	padding-top: 20px;
}
footer p.fo{
text-align: center;	
color: rgba(255,255,255,1);
}
.nara{
			color: rgba(193,12,12,1);

}
/* footer */


/* media */
@media screen and (min-width:750px ){
section.page2 p.par2{
	width: 50%;
    
}
.pad{
	padding: 50px 100px;
}	

section.page3{
	padding: 50px 100px;
}
section.page3 p.par2{
	width: 50%;
    
}

.bac1{
		background-color: rgba(193,12,12,.7);

}
.bac2{
	background-color: rgba(242,242,242,.8);

}
header span.icon{
display: none;
}
header div.hea3{
  display: inline-block;
}
section.page4{

  padding: 40px;
}
section.page4 p.par2{
width: 80%;


}
section.page6{
  padding: 60px 100px;
}
section.page7 p.par2{
  width: 50%;
    
}
section.page8{
padding: 50px;
}
}
/* media */



/* media */

@media screen and (min-width:950px ){
}
/* media*/


