h1{ font:normal 50px/70px 'fertigo_proregular';     }
h2{font:normal 40px/60px 'fertigo_proregular'; }
h3{font:normal 30px/40px 'fertigo_proregular'; }
h4{font:normal 26px/30px 'fertigo_proregular'; }

@media (max-width: 768px) {
h1{ font:normal 30px/40px 'bebas_neueregular';  text-transform:uppercase;  }
}
.price_head {
  margin: 0 0 10px;
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}


.pricebox {
  background: rgba(0, 0, 0, 0) url(../img/footerbg.jpg);
  color: #fff;
  border: 1px solid #c90020;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 10px;
}

.pricebox p {
  font-size: 16px;
}
.table-bordered {
  border: 0px solid #dddddd;
}

.pricebox > .table-bordered{ color:#fff;}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
    border: 1px solid #dddddd;
}


  
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.pricebox .table-bordered, .pricebox .table-bordered > thead > tr > th, .pricebox .table-bordered > tbody > tr > th, .pricebox .table-bordered > tfoot > tr > th, .pricebox .table-bordered > thead > tr > td, .pricebox .table-bordered > tbody > tr > td, .pricebox .table-bordered > tfoot > tr > td {
  border-color: #c90020;
}

.pricebox .table-bordered tr.active > td{
  background: #c90020 !important;
  color: #fff !important;
}

.pricebox h4 {
 text-align:left;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  margin: 5px 0;

}

.pricebox h4 span {
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
  color: #fff;
  display: block;
  padding-top: 3px;
}

.pricebox big {

  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 40px;
  line-height: 50px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
}

.pricebox small {
  font-size: 12px;
  text-align: right;
  display: block;
  font-style: italic;
  padding-top: 10px;
}

.text-danger {
  color: #a94442;
}


.catring-img{
  display: block;
  margin: 10px auto;
  width:198px;
  height:198px;
  border-radius: 50%;
  padding: 5px;
  background:#FFFFFF;
}

.paypal{border:1px solid #ddd; float: right;}




.welcome{ background:#fff url(../images/bg_pic2.jpg) center no-repeat; background-size:cover; padding:50px 0; text-align:center;}
.welcome-inner{padding:0 10%;}
.nice-corners{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: url("../images/border-sh.png") 30 30 30 30 round round;
    border-style: solid;
    border-width: 30px;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
#newsletterpopup .modal-dialog{ background-size: contain;
    left: 0%;
    margin: 0px auto 0 ;
    position:relative;
    top: 50%;
    width: 100%;}
 
 .nice-corners-cont{ padding:10px 10px 20px; background:#fff; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
 
 
 
 .ornament-bot{ transform: rotateX(180deg);}


 
.error{ color:#FF0000;}


.mid-icons{ background:url(../images/banner-2-img-parallax.jpg); background-size: cover; padding:70px 0;
       }
	.mid-icons .col-md-3,p{  margin:0}
	.mid-box{ background:#666; text-align:center;     -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; color:#FFFFFF; cursor:pointer;}
	.mid-box h2{ background:url(../images/bnr-title-ornament.png) no-repeat center bottom; font:normal 22px 'montserratregular'; height:60px; display:block; color:#FFFFFF; }
  .mid-box:hover{ background:#000}
  
  .catering{ background:url(../images/catering-bg.jpg) center fixed; background-size:cover; padding:0; }
  .catering .nice-corners:hover{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: url("../images/border-sh2.png") 30 30 30 30 round round;
    border-style: solid;
    border-width: 30px;  }
	
	.quick-link{ background:#f5f2ee;}
	img{ max-width:100%;}
	.quick-link .nice-corners-cont{ padding:0px;}
	
	 

.menu-hd h3{  font:normal 20px/20px 'brooklynregular'; background:#000; text-align:center; text-transform:uppercase; color:#fff; margin:0; padding:15px 0;}

.menu-item span{ font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.menu-item{ background:#f8efee; margin-bottom:5px; padding:8px 0; border-bottom:1px solid #9c9c9c}


.thumb-img{ transition:all 100ms ease-out 0s;}
.fancybox-effects-d{position:relative; display:inline-block; 
}
.fancybox-effects-d:hover{

}
.thumb{position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/zoom-icon.png) center no-repeat; display:block; opacity:0; z-index:999; color:#FFFFFF; text-align:center;}
.thumb:hover{ opacity:1; transition: all .2s ease-in-out;}

.mid-icon img{max-width:100%; width:100%;  transition:all 100ms ease-out 0s; }
.mid-icon:hover img{ -webkit-transform: scale(1.1,1.1);
     -moz-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
     -ms-transform: scale(1.1,1.1);
     transform: scale(1.1,1.1); }
.mid-icon{padding:0 1px 0 0; margin-top:1px; overflow:hidden}


.order-icon{ cursor:pointer; background:#f6f6f6 url(../images/order1.png) no-repeat left; padding:15px;  height:200px;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; text-align:right; border:1px solid #CC9900; border-radius:4px;}

.order-icon:hover{ background:#f6f6f6 url(../images/order1.png) no-repeat left; padding:20px; transform: rotatex(40deg); height:200px;  }

.order-icon h2{ color:#ff9306; font:normal 30px 'montserratregular'; }

.order-icon2{cursor:pointer;  background:#f6f6f6 url(../images/order2.png) no-repeat right; padding:15px;  height:200px;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; text-align:left; border:1px solid #CC9900; border-radius:4px;}

.order-icon2:hover{ background:#f6f6f6 url(../images/order2.png) no-repeat right; padding:20px; transform: rotatex(40deg); height:200px;  }

.order-icon2 h2{ color:#ff9306; font:normal 30px 'montserratregular'; }


.bottom3{ background:url(../images/bg_pic3.jpg) no-repeat center fixed; padding:100px 0; color:#FFFFFF;}

.bottom4{ background:#f2f2f2 url(../images/bg_pic4.jpg)right no-repeat; padding:140px 0; color:#000; background-position: center; background-size:cover; background-attachment: fixed; text-align: center;} 
.bottom4 h2{font-size:65px; color: #fff; }
.btn2{background:#ff9306  ; padding:15px 15px;  border-radius:0px; font:normal 18px 'corbertregular'; text-transform:uppercase;  color:#fff; re

-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.btn2:hover{background:#000; color:#fff; }


.mid-menu{ background:#fff url(../images/bg_pic2.jpg) right bottom no-repeat; text-align:center;}
.mid-round{ background:#ff9306; padding:10px 0 20px; width:80px; height:80px; border-radius:100%; color:#FFFFFF;}

.clear{clear:both; margin:0; padding:0; line-height:0;}
.mid-round h2{ font-size:30px; line-height:30px;}




.footer{font-size:17px; padding:60px 0; background: rgb(199,41,41);
background: linear-gradient(42deg, rgba(255,180,180,1) 0%, rgba(181,4,4,1) 50%); background-size:cover;   color:#fff;}

.bottom{ background:#a9cf54; padding-top:20px;}
.footer a{ color:#fff;}
.social{ margin:0px 0 0 -30px;}
.social li{list-style:none; display:inline; margin:0 5px;}

 

.bottom-add{text-align:right;}
@media (max-width: 768px) {
.footer{ text-align:center;}
.bottom-add{text-align:inherit; margin-top:10px;}
}



.social{background:#383838;  text-transform:uppercase; border-top:10px solid #464646; padding:30px 0;}
/* ______________________________follow us_________________________________________ */
.follow_us {
	float:none;
	margin-top:5px;
	padding:0 0 34px 0; text-align:center;
}
.follow_us ul{margin: 0 0 0 15px !important;}
.follow_us ul{ padding:0;}

.follow_us ul li {
	 
	margin:0 0 0 10px;
	display:inline-block;
	line-height:18px; border-radius:100%; background:none; border:none; padding:10px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us ul li:hover { background:none}

.follow_us a {
	background-image:url(../images/top_socials.png);
	background-repeat:no-repeat;
	height:26px;
	display:block;
	text-indent:-9999px;
	text-align:left;
}
.follow_us a.facebook {
	background-position:0 0;
	width:26px;	transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.facebook:hover {background-position:0 -30px;
}
.follow_us a.twitter {
	background-position:-41px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.twitter:hover {background-position:-41px -30px;
}
.follow_us a.flickr {
	background-position:-82px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.flickr:hover {background-position:-82px -30px;
}
.follow_us a.dribbble {
	background-position:-123px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.dribbble:hover {background-position:-123px -30px;
}
.follow_us a.rss {
	background-position:-164px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.rss:hover {background-position:-164px -30px;
}
.follow_us p {
	margin: 12px 0 0 0;
	padding:0;
	text-transform:uppercase;
	line-height: 22px;
	font-family: 'Arimo', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
}

/* __________________________________________ end follow us __________________________________________________ */

.btn3{background:#ff0b0b; padding:10px 15px;  border-radius:20px; font:normal 18px 'corbertregular'; text-transform:uppercase;  color:#fff;

-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.btn3:hover{background:#ff9205; color:#fff; }




a.backlink, a.backlink:visited{ margin:0px 20px 0px 0px; font:normal 20px/30px 'bree_serifregular', Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; text-decoration:none; background:url(../images/arrow-previous-icon.png) left no-repeat; padding-left:40px; float:right; height:30px;}

a.backlink:hover{ color:#d21223;}

.menu_img h3 span{ background:#FF0000; display:inline-block; padding:3px 15px; font-size:18px; color:#000000;  border-radius:6px; }


.service-icon {text-align:center; overflow:hidden; }
.service-icon img{transition:all 0.5s ease; filter:brightness(70%);}
.service-icon a:hover img{ filter:brightness(100%);}
.service-icon h2{ width:100%;  padding-bottom:0px; margin-top: 0px; color:#fff; bottom:0; margin-bottom:0; background-color: #000; transition: all 700ms;}
.service-icon h3{position:; width:100%; padding:6px 0; color:#fff; bottom:0; margin-bottom:0; background:linear-gradient(to left, rgb(98, 13, 13), rgb(255, 0, 0, 1));margin-top: 0px; overflow: hidden; transition: all 700ms;}

.service-icon a 
{
  color: #FFFFFF;
  text-decoration: none;
  transition: all 400ms;
  overflow: hidden;
}

.service-icon:hover img
{
   transform: scale(1.1);
   overflow: hidden;
}


.service-icon
{
  transform: scale(1);
  transition: all 700ms;
  overflow: hidden;
}
.service-icon img
{
  transform: scale(1);
  transition: all 400ms;
  overflow: hidden;
}
.service-icon:hover h2

{
  background-color: #FF0000;
}

.service-icon:hover h3

{
  background:linear-gradient(to left, rgb(0, 0, 0), rgb(0, 0, 0));
}

.srv-icn2 h3
{ width:100%; padding:6px 0; color:#fff; bottom:0; margin-bottom:0; margin-top: 0px; overflow: hidden; transition: all 700ms;
  font-size: 23px;
}



.srv-icn2:hover img
{
  transform: scale(1.1);
  overflow: hidden;
}
.srv-icn2 a 
{
  text-decoration: none;
  color: #fff;
 
}

.srv-icn2  
{

  transition: all 400ms;
}

.srv-icn2:hover
{
 
  color: #FFFFFF;
}
.online-box{ border-radius:20px; border:1px solid #000; padding:15px;}
.icc1 
{
  transition: all 400ms;
  overflow: hidden;
  background:linear-gradient(to left, rgb(252, 186, 44), rgb(240, 119, 6, 1)); border-radius:20px;
}

.icc1 a
{
  transition: all 400ms;
  text-decoration: none;
}

.icc1  img
{
  transform: scale(1);
  overflow: hidden;
}


.icc1:hover img
{
  transform: scale(1.1);
  overflow: hidden;
  background:linear-gradient(to left, rgb(0, 0, 0), rgb(0, 0, 0));
 
}
.icc1:hover
{
  
  background:linear-gradient(to left, rgb(0, 0, 0), rgb(0, 0, 0));
 
}





.icc2 
{
  transition: all 400ms;
  overflow: hidden;
  background: #000;
  text-align: center;
}

.icc2 a
{
  transition: all 400ms;
  text-decoration: none;
}

.icc2  img
{
  transform: scale(1);
  overflow: hidden;
}


.icc2:hover img
{
  transform: scale(1.1);
  overflow: hidden;
  background: #FF0000;
 
}
.icc2:hover
{
  
  background: #FF0000;
 
}

.srv-icn2 h2
{ width:100%; padding:0px 0; color:#fff; bottom:0; margin-bottom:0; margin-top: 0px; overflow: hidden; transition: all 700ms;
}











@media (max-width:768px){
	.service-icon{height:auto;}

}

.home-bottom-content{padding:40px 0px;}

@media (max-width:768px){
	.home-bottom-content{padding:40px 0px;}
}
.testi{background:#e8ecf7 url(../images/testi-bg.jpg) center top no-repeat;  padding:10px 0 60px 0; text-align:center; margin-top: 0px;}
.testi-inner{padding:0 20%; color:#000; }

.topbar{background:#b50404; padding:10px 0; color:#fff; border-bottom:solid 1px #434343;}
.sidebar-outer{background:#f6f6f6; padding:20px;}


















.bg-white1 
{
  background-color: #FFFFFF;

}
.box33 
{
 
  padding: 20px;

  margin-top: 45%;
  border-radius: 6px;
  font-family: 'bite_chocolateregular';

}
.text-box33
{


  padding: 8px;
  transition: all 400ms;

  border-radius: 6px !important;
  font-family: 'bite_chocolateregular';

}
.text-box33 a
{

  color: #fff;
  text-decoration: none;
  font-family: 'bite_chocolateregular';
}






/* .text-box33 h2 {

  font-size: 25px;
  letter-spacing: -1px;
  text-transform: none;
  line-height: 30px;
  color: #fff;
  margin: 0px;
  font-family: 'bite_chocolateregular';
} */


.text-box33 h2 {

  font-size: 23px;
  letter-spacing: -1px;
  text-transform: none;
  line-height: 80px;
  color:#fdfdfd;
  margin: 0px;
  font-family: 'bite_chocolateregular';
  border:white solid 3px;
  border-radius: 0px;
  padding: 0 15px;
transition: all 800ms;

}
.text-box33 h2:hover
{
background-color:black;
border:red solid 3px;
border-radius: 12px;
box-shadow: 3px 8px 10px #000;
}




.text-box33 h4 {

 margin: 0px;
 margin-top: 4px;
 font-family: 'bite_chocolateregular';
  text-transform: none;
  line-height: 18px;
  color: #fff;
}
.bx3 a
{
  
   text-decoration: none;
    color: #fff;
    font-family: 'biteregular';
    

}
.bx3, .text-box33 
{
  
   text-decoration: none;
    color: #fff;
    margin-top: 40px;
    font-family: 'bite_chocolateregular';
    

}
.topBar
{
  color: #fff!important
}
.bx333
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.w-100
{
  width: 100%;
}
.txt-lft 
{
  text-align: left!important;
}
.st 
{
  margin-top: 50px;
}

.custom-padding1
{
    padding-left: 0px!important;
    padding-right: 10px!important;
}
.section15 
{
    margin-top: 10px!important;
}

.no-pad
{
    padding-left: 0px;
    padding-right: 0px;
}
.img-fluid
{
  width: 100%;
}
.zm img
{
  transition: all 600ms;
  overflow: hidden;
  transform: scale(1);

}
.zm:hover img
{
 
  transform: scale(1.1);

}
.zm 
{
  overflow: hidden;
  position: relative;
}
.zm a
{
  overflow: hidden;
  position: relative;
  color: #fff;
  text-decoration: none;
}

.zm::before
{    content: '';
     width: 100%;
     height: 100%;
     background-color: rgb(0, 0, 0, .3);
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1111;
     transition: all 400ms;
     opacity: 1;
}

.zm4
{
     width: 100%;
     height: 100%;
     position: absolute;
    
     left: 50%;
     color: white;
     transform: translate(-50%, -65%);
     z-index: 1111111;
     transition: all 400ms;
     background-color: transparent;
}
 .zm:hover ::before
{    content: '';
     width: 100%;
     height: 100%;
    
     position: absolute;
     top: 0;
     left: 0;
     z-index: 4;
     opacity: 1;
}
.zm4 a
{
  color: #fff;
  text-decoration: none;
}

.brdr2 
{
  border-top: #e68484 solid 1px;
}
.text-box33,.bx3 :hover
{

  
 color: #FF0000!important;

}

/* .navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus::before{
    
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000000;
  top: 0%;
  left: 0%;
  transition: all 500ms;
  z-index: 1;
  transform: translateY(-70px);
 
 
}
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus:hover::before{
  
  width: 100%;
  height: 100%;
  color: #fff!important;
  transform: translateY(0px);

 


} */




.txt-right 
{
  text-align: right!important;
}







@media screen and (min-width:769px) and (max-width:991px){


  .txt-lft 
{
  text-align: left!important;
}

.txt-right 
{
  text-align: center!important;
}
.custom-padding1
{
    padding-left: 10px!important;
    padding-right: 10px!important;
}




}

@media (max-width:768px)
{

  .custom-padding1
  {
      padding-left: 10px!important;
      padding-right: 10px!important;
  }

  .txt-right 
  {
    text-align: center!important;
  }

.navbar-default .navbar-nav > li > a {
  color: #fff;
  border-radius: 5px;
}
.txt-lft 
{
  text-align: center!important;
}


}


.vva1 h3 span {
  background: #FFF;
  display: inline-block;
  padding: 0px 5px;
  font-size: 18px;
  color: #000000;
  border-radius: 6px;
  line-height: 35px;
 
}



.home-menu{font-size:15px; padding:30px 0 120px 0; background:#fff url(../images/home-menu-bg.jpg) right top no-repeat fixed; background-size:cover;   color:#fff;}
.home-menu h1{ color:#000;}

.home-icons{ background:#f7f2f2; padding:50px 0;}
.icons-inner{ background:#fff; text-align:center; padding:30px; border:1px solid #CCCCCC; margin-bottom:25px; cursor:pointer; height:350px;  -webkit-transition: all 1s;}

.icons-inner:hover {-webkit-box-shadow: 10px 10px 26px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 26px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 26px -10px rgba(0,0,0,0.75);}

.icons-inner h2{ color:#000; border-bottom:2px solid #b50404; padding-bottom:10px; margin-bottom:20px; font-size:30px;}
 .btn2{ background:#b50404; color:#fff; padding:12px 50px; border-radius:50px;  -webkit-transition: all 1s; text-transform:uppercase; font:normal 20px 'bebas_neueregular'; letter-spacing:2px;
	-o-transition: all 1s;
	transition: all 1s;}
  .btn2:hover{ background:#000; color:#fff;}
  
  .icons-inner:hover .btn2{ background:#000;}
  
  .package_block h4{ font-size:23px;}
  
  
  
  /* 6.1. Categories */
.ct-category{
  display: block;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;
}
.ct-category img{
  transition: .3s;
}
.ct-category:hover img{
  transform: scale(1.1);
}
.ct-category .ct-category-body{
  position: absolute;
  top: 0;
  left: 0;
  padding: 40px;
  width: 100%;
  height: 100%;
  z-index: 1;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; text-align:left;
}

.ct-category:hover .ct-category-body{
    text-align:center;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;
}


.ct-category .ct-category-body::after{
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  border: 2px solid #fff;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}


.ct-category:hover .ct-category-body::after{
  
  border: 2px solid #fe6363;  -webkit-transition: all 1s;
   
}


.ct-category .ct-category-body::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: -1;
}

.ct-category:hover .ct-category-body::before{
  
  background-color: rgba(0,0,0,.2);
 
}
.ct-category .ct-category-body h4{
  margin-bottom: 5px; color:#fff; font-size:36px; line-height: 48px;
}
.ct-category .ct-category-body h5{
  margin-bottom: 5px; color:#fff; font-size:23px;
}

.footer-link{ }



.cons_singleTeam{position:relative;text-align:center;overflow:hidden;box-shadow:0 0 30px 0 rgba(0,0,0,.1);margin-top:27px}
.front_view{padding:41px 25px;transition:.5s}
.front_view img{width:214px;height:214px!important;border-radius:50%!important;margin-bottom:22px}
.back_view h5,.front_view h5{line-height:28px;margin-bottom:0}
.front_view h2{ font-size:29px;}
.back_view span,.front_view span{display:inline-block;line-height:28px}
.back_view p,.front_view p{margin-top:3px}
.back_view .con_TMS a,.front_view .con_TMS a{display:inline-block;width:35px;height:35px;border-radius:50%;border:1px solid #ddd;color:#ababab;font-size:17px;line-height:35px;text-align:center;margin:0 7px}
.witr_team_s12 .front_view{border:none}
.witr_team_s12{border:none;box-shadow:0 5px 20px 0 #d90a2c14;transition:.5s}
.witr_team_s12 .con_TMS{margin-top:10px}
.front_view .con_TMS a:hover{background:#ff5e14;color:#fff;border-color:#ff5e14}
.back_view{position:absolute;top:50%;left:-52%;width:100%;transform:translate(-50%,-50%);transition:.5s}
.cons_singleTeam:hover .back_view{left:50%}
.witr_back_img{position:relative}
.witr_back_img:after{content:'';position:absolute;top:0;right:0;height:100%;width:100%;z-index:1;background:#e95d23d1;transition:transform .4s ease;opacity: 0.7;}
.witr_back_img img{height:480px!important}
.witr_back_content{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);z-index:3}
.witr_back_content h5,.witr_back_content i,.witr_back_content p,.witr_back_content span{color:#fff}
.witr_back_content h2{ font-size:36px;}
.back_view .con_TMS a{color:#fff;border-color:#fff}
.back_view .con_TMS a:hover{color:#324452;background:#ff5e14;border-color:#ff5e14}





/* waves */
.ocean {
  height: 80px; /* change the height of the waves here */
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
}

.wave {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23003F7C'/%3E%3C/svg%3E");
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  opacity: 0.8;
}

.wave:nth-of-type(2) {
  top: 0;
  animation: wave 18s linear reverse infinite;
  opacity: 0.5;
}

.wave:nth-of-type(3) {
  top: 0;
  animation: wave 20s -1s linear infinite;
  opacity: 0.5;
}

@keyframes wave {
    0% {transform: translateX(0);}
    50% {transform: translateX(-25%);}
    100% {transform: translateX(-50%);}
}