/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 28px;
	color: #FFF;
	line-height: 35px;
}
h3 {
	font-size: 20px;
	color: #F43C60;
}
a:link {
	color: #f97594;
}
a:hover {
	color: #F00;
}
ol, ul {
  list-style: none; }



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }



body {
  color: #3e3831;

  font-family: Tahoma, sans-serif;
  line-height: 1.5em; }

nav {
  min-width: 800px;}

nav ul {
  position: relative; 
  z-index:9999;}

nav > ul:after {
  content: "";
  position: absolute;
  width: 50%;
  border-radius: 40%;
  height: 40px;
  bottom: 0;
  left: 20%;
  box-shadow: 0 0 10px rgba(28, 110, 126, 0.5);
  z-index: -1; }

nav > ul:hover:after {
  bottom: 5px; }

h2 {
  font-size: 1.5em;
  margin-top: 10px;
  margin-bottom: 1em;
  text-shadow: 0 1px 0 white;

  color: #f43c60; }
  h2:first-child {
	color: #F06;
}

nav.ph-lift {
  text-align: center; }
  nav.ph-lift > ul {
    display: inline-block;
    position: relative; }
    nav.ph-lift > ul:after {
      box-shadow: 0 0 10px rgba(244, 60, 96, 1); }
  nav.ph-lift ul li {
    float: left;
    height: 90px;
    line-height: 90px;
    background: white;
    overflow: hidden;
    -webkit-transition: all.6s ease;
    -moz-transition: all.6s ease;
    -o-transition: all.6s ease;
    -ms-transition: all.6s ease;
    transition: all.6s ease; }
    nav.ph-lift ul li:hover {
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      background: teal; }
	nav.ph-lift ul li a {
      display: block;
      text-decoration: none;
      color: #f43c60;
      padding: 0 45px;
      margin-top: 0;
      -webkit-transition: all.6s ease;
      -moz-transition: all.6s ease;
      -o-transition: all.6s ease;
      -ms-transition: all.6s ease;
      transition: all.6s ease; }
    nav.ph-lift ul li:hover a {
      margin-top: -90px;
      color: white;
      text-shadow: 0 1px 2px  black; }
      nav.ph-lift ul li a:after {
        content: attr(data-title);
        display: block; }



nav.ph-lift1 {
  text-align: center; }
  nav.ph-lift1 ul {
    display: inline-block; }
    nav.ph-lift1 ul:after {
      box-shadow: 0 0 10px rgba(209, 0, 98, 1); }
  nav.ph-lift1 > ul > li {
    float: left; }
  nav.ph-lift1 ul li {
    height: 80px;
    line-height: 80px;
    background: white;
    -webkit-transition: all.6s ease;
    -moz-transition: all.6s ease;
    -o-transition: all.6s ease;
    -ms-transition: all.6s ease;
    transition: all.6s ease; }
    nav.ph-lift1 ul li ul {
      max-height: 0;
      -webkit-transition: all.6s ease;
      -moz-transition: all.6s ease;
      overflow: hidden;
      display: block; }
    nav.ph-lift1 ul li:hover {
      box-shadow: 0 0 15px rgba(51, 51, 51, 1) inset;
      background: #f43c60; }
    nav.ph-lift1 ul li:hover ul {
      max-height: 300px; }
	nav.ph-lift1 ul li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	height: 80px;
}
    nav.ph-lift1 ul li ul li a {
	color: #333;
}
    nav.ph-lift1 ul li ul li:hover {
      background: olive; }
	nav.ph-lift1 ul li a span {
        -webkit-transition: all.6s ease;
        -moz-transition: all.6s ease;
        -o-transition: all.6s ease;
        -ms-transition: all.6s ease;
        transition: all.6s ease;
        display: block;
        padding: 0 40px; }
    nav.ph-lift1 ul li:hover > a span {
      margin-top: -80px;
      color: white;
      text-shadow: 0 1px 2px  black; }
    
      
      nav.ph-lift1 ul li a span:after {
        content: attr(data-title);
        display: block; }
.shi {color:#000; font-weight:bold;
  padding: 8px 4px;
  margin: 10px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 0px thin #ebebeb;
  border-radius: 1px 1px 0 0;}
.shi2 {color:#fff; font-weight:bold;
 }

.shi3 {color:#fff; 
 }
 /*-- 
 /*--contact-Part-starts-Here --*/
.contact{
		padding:3em 0px;
}
.contact-top{
	text-align:center;
}
.contact-bottom iframe{
	width:100%;
	height:400px;
	margin-top:2em;
}
.contact-text{
	margin-top:2em;
}
.contact-left input[type=text] {
	width: 32.51%;
	margin: 0px;
	color: #333;
	background: none;
	padding: 15px 10px;
	outline: none;
	border: 1px solid #333;
}
.contact-left textarea {
	width: 100%;
	color: #333;
	resize: none;
	background: none;
	height: 12.7em;
	padding: 15px;
	outline: none;
	border: 1px solid #333;
	margin-top: 1.4%;
}
.submit-btn input[type=submit] {
	color: #fff;
	padding: 9px 42px;
	font-size: 15px;
	cursor: pointer;
	font-weight: 500;
	margin: 20px 0 0 0px;
	border: 3px solid #F43C60;
	background:#F43C60;
	outline: none;
}
.submit-btn input[type=submit]:hover{
	background:transparent;
	color:#F43C60;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.address h5{
	color:#F43C60;
	font-size:1.2em;
	font-weight:700;
}
.contact-left input[type="text"]:nth-child(2) {
	margin: 0 6px;
}
.address p{
	color: #999;
	font-size: 0.85em;
	line-height: 1.6em;
	margin-top: 1em;
}
.address p span{
	display:block;
}
.address p a{
	color: #999;
}
.address:nth-child(1){
	margin-bottom:2em;
}
/*--single--*/
.single{
	padding:3em 0;
}
.single-bottom img {
  width: 90%;
  margin:0 auto;
  display: block;
}
.single-info p{
	font-size:0.95em;
	color:#777;
	line-height:1.8em;
margin-top:0.5em;	
}
.single-info h3{
  color: #F43C60;
  font-weight: 500;
  font-size: 1.3em;
  margin-top:1em;
}
.coment-form input[type=text] {
  background: none;
  width: 100%;
  color: #777;
  margin: 0 0px 23px 0;
  font-size: 0.9em;
  padding: 12px 10px;
  outline: none;
  border:1px solid #CDCDCD;
}
.coment-form textarea {
  background: none;
  width: 100%;
  color:#777;
  font-size: 0.9em;
  resize: none;
  height: 185px;
  padding: 12px;
  outline: none;
  border: 1px solid #CDCDCD;
  }
.coment-form input[type=submit] {
  width: 24%;
  color: #fff;
  border: 2px solid #F43C60;
  outline: none;
  padding: 10px 12px;
  background: #F43C60;
  margin-top:1.5em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.coment-form input[type=submit]:hover {
    border: 2px solid #F43C60;
  background: transparent;
  color: #F43C60;
}
.coment-form h4 {
  margin-bottom: 22px;
}
.coment-form form{
	width:50%;
}
.address2  {
	color: #999;
	font-size: 12px;
	font-family:"Arial";
}
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(51, 51, 51, 0.95);
  z-index: 9999;
  padding: 10px 0;
  font-size: 14px;
}

.cookie-container {
  max-width: 960px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding: 10px;
}

.cookie-container a {
  color: #fde3e9;
  text-decoration: underline;
}

.cookie-container button {
  margin-left: 10px;
  padding: 6px 14px;
  background-color: #f43c60;
  border: none;
  color: white;
  cursor: pointer;
  font-weight: bold;
  border-radius: 4px;
}

.cookie-container button:hover {
  background-color: #d52f47;
}