@import url(http://weloveiconfonts.com/api/?family=entypo);
@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

@charset "utf-8";
/* CSS Document */


body { font-size:16px; line-height:25px;}
.clr { clear:both;}
a { color:#000000;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }


a:hover {color:#000000; text-decoration:none;}
input { border:1px solid #eeeeee;}
textarea { border:1px solid #eeeeee; height:100px;}
.comment-form-comment label { width:100%;}
.submit { background-color:#08b1f4; color:#ffffff; border:none; padding:5px 20px;}
.submit:hover {background-color:#333333;}
.sidebar .menu { padding:0px;}
.sidebar .menu li { list-style-type:none; border-top:1px solid #eeeeee; padding:5px 0px;}
.sidebar .menu li:first-child { border-top:none;}
.sidebar .menu ul li:first-child {border-top:1px solid #eeeeee;}
.sidebar .menu li:last-child {border-bottom:1px solid #eeeeee;}
.sidebar .menu ul li:last-child { border-bottom:none;}
.sidebar .menu ul { margin:0px; padding:0px; }
.side-title { border-bottom:1px solid #eeeeee; padding-bottom:10px; font-size:16px; padding:5px 10px; background-image: url(../images/meni.png);
background-repeat:no-repeat; background-position:center left; padding-left:20px;}
.widget_search input { width:100%; border:1px solid #eeeeee; padding:5px 10px;}
.widget_search  label { width:100%; margin-top:10px;}




.banner_image { padding:0px; margin-bottom:15px;  text-align:center; position:relative; min-height:300px; overflow:hidden; background-color:#ffffff; }
.banner_image img {width:100%; padding:0px;}
.search_image { padding:0px; margin-right:20px;}
.search_image img { max-width:100%; padding:0px;}
.page_5  ul {}

.image_div { position:absolute; width:100%; height:100%;}
.text_div { position:absolute; text-transform:uppercase; color:#ffffff; text-align:left; margin-top:30%;}
.text_div  h1{ font-size:40px;}
.date_sie { width:100px;  background-color:#333333; position:absolute; right:0px; margin-top:120px; color:#ffffff; padding:20px 0px; line-height:40px;}
.date_sie span { font-size:50px;line-height:50px; border-bottom:1px solid #ffffff;  }


.pro_text .col-md-3 { border-right:1px solid #eeeeee;	}
.pro_text .col-md-3:last-child { border-right:none;}











.site_header { }
.logos { padding:10px; padding-bottom:10px; z-index:100; text-align:center;}
.logos img { text-align:left; float:left; width:90%;}
.banner { width:100%; position:relative; height:600px; overflow:hidden;}
.text-cemte { text-align:center;}
.fetured_cols_outer { margin-top:30px; text-align: center;  padding:0px 0px 0px 0px; margin-bottom:50px;}
.fetured_cols { text-align:center;}
.sub-headers-t{text-align:center;font-weight:800;font-family: 'Roboto', sans-serif; padding-top:20px;} 


.fetured_cols .img-responsive { max-width:100%;}
.read_more_2 { background-color:#fbed03; padding:8px 20px 10px 20px; color:#000000; border-radius:30px; text-decoration:none;}
.read_more_2:hover { color:#ffffff; text-decoration:none; background-color:#333333;}

.read_more_1 { background-color:#333333; padding:8px 20px 10px 20px; color:#ffffff; border-radius:30px;}
.read_more_1:hover { color:#000000; text-decoration:none; background-color:#fbed03;}


.footer_outer { background-color:#ffffff; width:100%; padding:20px 0px;padding:80px 0px;}
.footer_bar { width:100%; background-color:#eeeeee; padding:20px 0px; text-align:center;color:#999999; border-top:1px solid #dddddd; font-size:12px;}
.footer_bar h2 { font-size:25px;}
.footer_bar a { }
.footer_bar a:hover  { color:#cccccc; text-decoration:none;}
.footer_banner { width:100%; background-color:#08b1f4;color:#ffffff; background-repeat:no-repeat; background-position:left; padding:30px 0px; background-image: url(../images/bann_inner.png);}
.foot_cols { color:#ffffff; text-align:left;}
.foot_cols  .foot-title { font-size:20px; border-bottom:1px solid #666666; padding-bottom:10px; color:#ffffff; font-weight:bold; margin-bottom:20px;}
.foot_cols  a { color:#000000;}
.foot_cols  a:hover { text-decoration:none; color:#666666;}
.locatopn_map { margin-bottom:-10px;}
.foot_cols ul li { padding:3px 0px; font-size:14px; border-bottom:1px solid #666666; }
.foot_cols ul li a { color:#ffffff; text-decoration:none;}
.foot_cols ul li a:hover { color:#cccccc;}
.page_5 h1 {padding-bottom:20px; margin-bottom:20px; background-repeat:no-repeat; background-position:left bottom; font-size:28px;}


.banner_bar {width:100%; background-color:#08b1f4; padding:15px; color:#ffffff; background-repeat:no-repeat; background-position:left; line-height:0px; margin-bottom:30px;
background-image: url(../images/bann_inner.png);}
.banner_bar h2 { margin:0px; padding:0px; font-size:25px;}
.header_outer { width:100%; background-image: url(../images/bg_1.png); position:absolute; top:50px; z-index:10; }
.header_outer a { color:#000000;}
.header_outerinn { width:100%; position:absolute; top:60px; }
.page_5 {   margin-top:30px; text-align:justify;}

.protfolio { padding:0px;}
.protfolio .col-md-6 { padding:0px;}
.protfolio .pro_text { padding:20px;}
.protfolio .col-md-6 p { }
.protfolio:nth-child(2n+1) { }
.protfolio:nth-child(2n+1) .imag_prot { float:right;}

.marg__gfs { margin-top:50px;}


.bord_right { border-right:1px solid #eeeeee; text-align:justify; padding-left:0px;}
.bor_btmm { padding-bottom:20px; margin-bottom:20px; background-image:url(../images/h_ng.jpg); background-repeat:no-repeat; background-position:center bottom;}
.bg_code_image { background-image:url(../images/2017_04_10_close_html_xml_tag.gif); min-height:250px; background-position: left; background-attachment:fixed;}
.padd_not { padding:0px;}


.get_quote { min-height:10px; text-align:center;color:#ffffff; padding:50px 0px; background-position:right; background-image:url(../images/requestQuote-bg.jpg); }
.get_quote  h2 { padding-top:0px; margin:0px; padding-top:10px; padding-bottom:20px;}
.get_quote a { text-align:center; padding:20px 50px; color:#ffffff; background-image:url(../images/bg_1.png);}
.get_quote a:hover { background-image:url(../images/bg_2.png);}
.get_quote .likss {  font-size:25px;font-family: 'Roboto Condensed', sans-serif; padding-top:20px; }
.get_quote .likss1 { border-right:1px solid #666666; }





/* ====================================================
    06. Progress Bar Styles
==================================================== */
.progress-title {
  font-weight: 600;
  color: #30353E;
  margin: 0 0 10px;
  line-height: 16px;
  text-transform: capitalize;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1px; }

.progress {
  height: 4px;
  background: #677180;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 40px;
  overflow: visible; }

.progress-bar {
  height: 4px; }

.progress .progress-bar {
  box-shadow: none;
  position: relative;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s; }

.progress .progress-bar:after {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-radius: 100%;
  position: absolute;
  top: -4px;
  right: -4px; }

.progress .progress-value {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  position: absolute;
  top: -24px;
  right: 0; }

.progress.default .progress-bar {
  background: #fbed03; }

.progress.default .progress-bar:after {
  border-color: #fbed03; }







/* entypo */
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}


#sticky-social {
   left: 0;
   position: fixed;
   top: 250px;
   z-index:300;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
   text-decoration:none;
   
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
   
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998;text-decoration:none; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced;text-decoration:none; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; text-decoration:none;}  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6;text-decoration:none; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4;text-decoration:none; }  

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924;text-decoration:none; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127;text-decoration:none; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084;text-decoration:none; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d;text-decoration:none; }





.footer_social { margin:0px; padding:0px; margin:0px auto; width:auto; margin-top:20px;}
.footer_social li { float:left; list-style-type:none; margin-right:10px;}
.foot_cols .footer_social li  a { color:#ffffff; border-bottom:none; width:40px; height:40px; text-align:center; display: inline-block; padding-top:7px; border-radius:50px;}
.footer_social li  a span{ }
.footer_social li  .facebook { background: #3b5998;text-decoration:none; }
.footer_social li  .twitter { background: #00aced;text-decoration:none; }
.footer_social li  .gplus { background: #dd4b39;text-decoration:none; }
.footer_social li  .linkedin { background: #007bb6;text-decoration:none; }
.footer_social li  a span {


   text-align:center;
   width:120px;
}
.footer_social li  a:hover  {
opacity: 1.0;}



















.scroll-fix{ position: fixed; width:100%; top:0px; z-index:100; }
#bar {/* position: fixed; width:100%; top:0px;*/  }
















.fonto { font-size:25px; color:#ff0205;}
.padd_not { padding:0px;}
.padd_left_not { padding-left:0px;}
.padd_right_not { padding-right:0px;}
.max_widtho { max-width:100%;}
.marg_top { margin-top:50px;}
.marg_top2 { margin-top:20px;}
.clr_1 { color:#6aaf08;}

h1 { font-weight: normal;}
.main_menu { font-size:14px; text-transform:uppercase;}
.outer_menu {  box-shadow:0px 0px 5px #dddddd;z-index:500; background-color:#ffffff;}

.padd_not_2 { padding:5px;}



.first_col { height:350px;  overflow:hidden; position:relative; width:100%; }
.first_col img {
 -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; width:100%; max-width:none;

}
.first_col:hover img { margin-top:-5%; margin-left:-5%; width:110%;}
.first_col:hover {}



.first_col_side { height:350px;  overflow:hidden; position:relative; width:100%; background-color:#009999; text-align: left; }
.first_col_side img {  height:350px; 
 -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; width:auto; max-width:none; 

}
.first_col_side:hover img { height:400px; margin-top:-25px; }
.first_col_side:hover {}



.first_col_side2 { height:300px;  overflow:hidden; position:relative; width:100%; background-color:#009999; text-align: left; margin-bottom:30px; }
.first_col_side2 img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; width:auto; max-width:none; 
height:320px;}
.first_col_side2:hover img { height:380px; margin-top:-30px; margin-left:-30px;  }
.first_col_side2:hover {}

.first_col_side2 .inner_text h1  { font-size:20px;}



.inner_text { position:absolute; z-index:10; top:0px; width:100%; height:100%; padding:50px; text-transform:uppercase; color:#ffffff; font-size:14px;}
.bord_read {padding:5px 15px; font-size:14px; border:2px solid #ffffff; color:#ffffff;border-radius:5px;}
.bord_read:hover  { text-decoration:none; color:#333333; background-color:#FFFFFF;
-webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.scroll-fix { position:fixed; top:0px; width:100%;}
.footer { width:100%; padding:15px; text-align:center; background-color:#171515; color:#ffffff;}

.footer_top { width:100%; background-color:#222222; min-height:200px;}

.mag_gap { margin:00px auto}
.welcome_outer { width:100%;  padding:30px 0px;}
.bold_s { font-size:25px; font-weight:bold;}
.padd_rs { padding-top:10px;}
.mag_tos { margin-top:0px;}
.saard { margin-top:15px;}
.scroll-fix { background-color:#ffffff; box-shadow: 0px 0px 5px #f1f1f1;}
.main_text { position:absolute; z-index:50; top:15%; color:#000000;  text-align: center; width:100%; }
.main_text h2 { font-size:60px;font-family: 'Monoton', cursive;}
.borderriht { border-right:1px dashed #dddddd;}
.icon_box { font-size:60px; color:#fbed03; padding-top:20px;	}
.icon_box:hover i { margin-top:-20px;  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}


.fetured_cols:hover { margin-top:-20px;  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.to_banner { background-image:url(../images/requestQuote-bg.jpg); background-repeat:no-repeat; min-height:100px; background-color:#0099CC;}
.page_5 .col-md-9 {  border-right:1px dashed #dddddd;}


.main_text2 { position:absolute; z-index:50; top:0; color:#000000;  text-align:left; width:100%; min-height:600px;}
.banner  h1 { font-size:30px; font-weight:normal;}
.color_2 { color:#cccccc;}
.icons_s .glyph-icon { font-size:50px;}
.icons_s .col-md-3 { margin-top:50px;}
.digital_eader { width:100%; margin-top:50px; background-color: #09C; }
.banner  h1 { margin-top:200px;}
.enqury_outer { background-image:url(../images/banner_o.jpg); background-repeat:no-repeat; min-height:500px; margin-top:50px;  background-position:center top; text-align:center; padding-top:50px;}
.enqury_outer .form-control { margin-bottom:20px;}
.enqury_outer textarea .form_et { height:150px !important;}

.packeages { border:1px solid #dddddd; border-radius:30px; width:100%; padding-bottom:30px;}
.packeages h3 { font-size:20px; text-transform:uppercase; margin-bottom:20px;}
.packeages ul { list-style-type:none; padding:0px 15px; text-align: left; font-size:14px; }
.packeages ul li { border-bottom:1px solid #dddddd; padding:10px 0px;}
.packeages ul li:first-child { border-top:1px solid #dddddd;}
.images_amount { background-color:#0098ef; width:100%; padding:15px 0px; font-size:30px; font-weight:bold; color:#ffffff;}
.need_help { border:1px solid #dddddd; border-radius:30px; padding:20px 20px; text-align:center; min-height:240px;}
.need_help .glyph-icon  { font-size:30px; color:#ffffff; background-color:#0098ef; width:50px; height:50px; margin:0px auto; padding-top:10px; border-radius:100px;}
.pad_btms { margin-bottom:50px;}
.watsapp_img1 { width:70px; height:70px; position:absolute; z-index:100; bottom:10px; left:10px; position:fixed;}
.watsapp_img2 { width:70px; height:70px; position:absolute; z-index:100; bottom:10px; left:75px; position:fixed;}
.magics_ops { margin-top:50px !important;}
.inners_ts h1 { margin-top:150px;}

@media (max-width:768px)
{
.clr2 { clear:both;}
.banner_bar h2 { font-size:18px;}
#bar { position:relative;}
.scroll-fix { position:relative;}
.get_quote .likss  { font-size:14px;}
.get_quote .likss1 { border-right:none;}
.footer_bar { padding:0px 15px;}
.banner2 h3 { display:none;}


.banner_image { width:100%; min-height:200px; }
.banner_image h1 { font-size:25px;}
.date_sie { display:none;}


.first_col { min-height:300px;}
.first_col h1 { font-size:25px;}
.saard { text-align:center;}
.yellowside { height:auto;}


.banner  { overflow: visible; height:auto; }
.main_text2 { position:relative;}
.banner  h1 { margin-top:200px;}
.bar-progress { margin-bottom:200px;}
.borderriht { border-right:none;}
.banner2 {  overflow: scroll; min-height:450px; margin-bottom:80px;}
.icons_s { display:none;}
.bold_s { margin-top:20px; width:100%; display:inline-block;}
.packeages { margin-bottom:30px;}
.need_help { margin-top:30px;}
.padd_mobiles { padding:0px; padding-left:0px; padding-right:0px;}
.footer_bar { padding:15px 10px;}
.logos { padding-left:30px;}
.inne_tes .col-md-1 .glyph-icon { display:none;}
.inne_tes .col-md-11 { padding:0px;}
.magics_ops { margin-top:10px !important;}
.inners_ts h1 { margin-top:0px;}
.inners_ts img { margin-top:50px;}

}



@media (min-width:768px)
{
.banner_image { width:100%; min-height:300px;}
.banner_image h1 { font-size:40px;}
}




@media (min-width:980px)
{
.banner_image { width:100%; min-height:300px;}
.banner_image h1 { font-size:40px;}

}



@media (min-width:1200px)
{
.banner_image h1 { font-size:40px;}
}























/* ----------------------------------------------------Animation csss*/

#particle-canvas {
  width: 100%;
  height: 100%;
  overflow:hidden;
  position:absolute;
  top:0;
}



.stage {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: #f5f2f1;
  position: relative;
}

.stage:after {
  background-color: #eae4df;
  height: 100px;
  width: 100%;
  position: absolute;
  content: '';
  bottom: 0;
}

.table {
  position: absolute;
  bottom: 75px;
  width: 100%;
  height: 8px;
  background-color: #caa17f;
  z-index: 40;
  border-radius: 20px;
}

.pc {
  z-index: 2;
  position: absolute;
  bottom: 100px;
  width: 142px;
  height: 98px;
  background-color: #c0c0c2;
  border-radius: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pc:after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #b5b7ba;
  position: absolute;
  top: 51%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.pc:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  height: calc(100% - 4px);
  background-color: #d1d3d5;
  border-radius: 2px;
}

.guy {
  width: 174px;
  height: 130px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
          transform: translateX(-50%) translateY(0) translateZ(0);
  bottom: 198px;
  -webkit-animation: guyMove 3500ms cubic-bezier(0.4, 0, 1, 1) infinite alternate;
          animation: guyMove 3500ms cubic-bezier(0.4, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes guyMove {
  0% {
    -webkit-transform: translateX(-50%) translateY(45px) translateZ(0);  
  }
  15% {
    -webkit-transform: translateX(-50%) translateY(50px) translateZ(0);  
  }
  30% {
    -webkit-transform: translateX(-50%) translateY(45px) translateZ(0);  
  }
  45% {
    -webkit-transform: translateX(-50%) translateY(50px) translateZ(0);  
  }
  60% {
    -webkit-transform: translateX(-50%) translateY(0px) translateZ(0);  
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0px) translateZ(0);  
  }
}


@keyframes guyMove {
  0% {
    transform: translateX(-50%) translateY(45px) translateZ(0);  
  }
  15% {
    transform: translateX(-50%) translateY(50px) translateZ(0);  
  }
  30% {
    transform: translateX(-50%) translateY(45px) translateZ(0);  
  }
  45% {
    transform: translateX(-50%) translateY(50px) translateZ(0);  
  }
  60% {
    transform: translateX(-50%) translateY(0px) translateZ(0);  
  }
  100% {
    transform: translateX(-50%) translateY(0px) translateZ(0);  
  }
}

.body {
  width: 70px;
  height: 40px;
  position: absolute;
  bottom: -14px;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50px 50px 0 0;
  background-color: #36508a;
}

.body:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  border-radius: 50px 50px 0 0;
  background-color: #4563a5;
  bottom: 5px;
}

.neck {
  width: 26px;
  height: 26px;
  background-color: #f6d2be;
  border-radius: 0 0 50px 50px;
  bottom: 4px;
  z-index: 4;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.face {
  background-color: #f6d2be;
  width: 78px;
  border-radius: 0 0 50px 50px;
  height: 58px; 
  position: absolute;
  bottom: 26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.face:after {
  background-color: #fddac5;
  width: 68px;
  border-radius: 0 0 50px 50px;
  height: 52px; 
  content: '';
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
}

.eye {
  width: 12px;
  height: 12px;
  background-color: #533d34;
  position: absolute;
  left: 15px;
  top: 14px;
  z-index: 5;
  border-radius: 50px;
}

.eye:nth-child(2) {
  left: auto;
  right: 15px;
}

.eye:after {
  content: '';
  width: 16px;
  left: -2px;
  height: 14px;
  background-color: #fddac5;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: eyeMove 3500ms cubic-bezier(0.4, 0, 1, 1) infinite alternate;
          animation: eyeMove 3500ms cubic-bezier(0.4, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes eyeMove {
  0% {
    -webkit-transform: translateY(16px) translateZ(0); 
  }
  15% {
    -webkit-transform: translateY(16px) translateZ(0);
  }
  30% {
    -webkit-transform: translateY(16px) translateZ(0);
  }
  45% {
    -webkit-transform: translateY(16px) translateZ(0);
  }
  60% {
    -webkit-transform: translateY(4px) translateZ(0);
  }
  100% {
    -webkit-transform: translateY(4px) translateZ(0); 
  }
}

@keyframes eyeMove {
  0% {
    transform: translateY(16px) translateZ(0); 
  }
  15% {
    transform: translateY(16px) translateZ(0);
  }
  30% {
    transform: translateY(16px) translateZ(0);
  }
  45% {
    transform: translateY(16px) translateZ(0);
  }
  60% {
    transform: translateY(4px) translateZ(0);
  }
  100% {
    transform: translateY(4px) translateZ(0); 
  }
}

.nose {
  background-color: #efc2a3;
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6px;
  height: 14px;
  z-index: 5;
  border-radius: 20px;
}

.hat {
  background-color: #4563a5;
  height: 42px;
  width: 78px;
  top: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50px 50px 0 0;
  position: absolute;
  z-index: 5;
}

.hat:before {
  height: 6px;
  width: 10px;
  background-color: #4563a5;
  position: absolute;
  content: '';
  border-radius: 50px 50px 0 0;
  top: -3px;
  left: 50%;
  margin-left: -5px;
}

.hat:after {
  height: 8px;
  width: 42px;
  background-color: #4563a5;
  position: absolute;
  content: '';
  border-radius: 50px 0 0 50px;
  bottom: 0;
  left: -38px;
}

.hair-left {
  background-color: #5e3919;
  position: absolute;
  top: 46px;
  z-index: 5;
  left: 48px;
  width: 8px;
  border-radius: 0 0 0 50px;
  height: 14px;
}

.hair-left:before {
  content: '';
  position: absolute;
  top: 0;
  left: 8px;
  width: 8px;
  height: 8px;
  background-color: #5e3919;
  border-radius: 0 0 50px 0;
}

.hair-right {
  background-color: #5e3919;
  position: absolute;
  top: 46px;
  z-index: 5;
  right: 48px;
  width: 8px;
  border-radius: 0 0 50px 0;
  height: 14px;
}

.hair-right:before {
  content: '';
  position: absolute;
  top: 0;
  right: 8px;
  width: 8px;
  height: 8px;
  background-color: #5e3919;
  border-radius: 0 0 0 50px ;
}

.hair-middle {
    background-color: #5e3919;
    top: 45px;
    left: 49%;
    z-index: 4;
    width: 14px;
    height: 6px;
    border-radius: 0 0 100px 100px;
    position: absolute;
    z-index: 4;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%) rotate(-15deg);
}

.hair-middle:after {
  content: '';
  position: absolute;
  top: -4px;
  right: -3px;
  width: 8px;
  height: 14px;
  border-radius: 0 50px 50px 0;
  background-color: #5e3919;
  transform: rotate(-15deg);
}

.hat-hair {
  width: 24px;
  height: 10px;
  background-color: #5e3919;
  border-radius: 50px 50px 0 0;
  position: absolute;
  bottom: 10px; 
  right: 6px;
}

.hat-hair:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: -5px;
  right: 3px;
  background-color: #5e3919;
  border-radius: 0 50px 0 0;
}

.hat-hair:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 8px;
  top: 2px;
  right: -10px;
  background-color: #5e3919;
  border-radius: 0 0 50px 0;
}

.hat-close {
  position: absolute;
  bottom: 0;
  right: 2px;
  width: 28px;
  height: 10px;
  border-radius: 0 100px 100px 0;
  background-color: #879ed0;
}

.mouth {
  width: 18px;
  height: 8px;
  border-radius: 0 0 50px 50px;
  background-color: #fff;
  position: absolute;
  bottom: 11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 12;;
}

.ear-left {
  position: absolute;
  top: 50px;
  left: 40px;
  border-radius: 50px 0 0 50px;
  width: 16px;
  height: 24px;
  background-color: #f6d2be;
}

.ear-right {
  position: absolute;
  top: 50px;
  right: 40px;
  border-radius: 0 50px 50px 0;
  width: 16px;
  height: 24px;
  background-color: #f6d2be;
}

.clock {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #eae4df;
  position: absolute;
  right: 16px;
  top: 24px;
}

.clock:before {
  content: '';
  width: 66px;
  height: 66px;
  background-color: #f6f7f8;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 2;
}

.pointer-min {
  height: 22px;
  width: 4px;
  border-radius: 0 0 50px 50px;
  background-color: #e0dddb;
  position: absolute;
  left: 50%;
  top: calc(50% + 10px);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-30deg);
          transform: translateX(-50%) translateY(-50%) rotate(-30deg);
  z-index: 20;
  transform-origin: top;
  -webkit-animation: min 30s linear infinite;
          animation: min 30s linear infinite;
}

@-webkit-keyframes min {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-30deg);  
  } 
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(330deg);
  }
}

@keyframes min {
  0% {
    transform: translateX(-50%) translateY(-50%) rotate(-30deg);  
  } 
  100% {
    transform: translateX(-50%) translateY(-50%) rotate(330deg);
  }
}

.pointer-hour {
  width: 14px;
  height: 4px;
  border-radius: 50px 0 0 50px;
  background-color: #e0dddb;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 20;
  left: 22px;
}

.pointer {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 10px;
  height: 10px;
  border: 3px solid #e0dddb;
  background-color: #f6f7f8;
  border-radius: 50%;
  z-index: 30;
}

.marker-top {
  width: 6px;
  height: 6px;
  background-color: #e0dddb;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 20;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.marker-right {
  width: 6px;
  height: 6px;
  background-color: #e0dddb;
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 20;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.marker-bottom {
  width: 6px;
  height: 6px;
  background-color: #e0dddb;
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 20;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.marker-left {
  width: 6px;
  height: 6px;
  background-color: #e0dddb;
  position: absolute;
  left: 10px;
  top: 50%;
  z-index: 20;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cup {
  width: 36px;
  height: 60px;
  position: absolute;
  bottom: 90px;
  z-index: 20;
  right: 56px;
  border-top: 50px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.cup:after {
  content: '';
  position: absolute;
  right: -1px;
  top: -46px;
  width: 4px;
  border-top: 38px solid rgba(220, 220, 220, 0.41);
  border-left: 0px solid transparent;
  border-right: 4px solid transparent;
}

.cup-cover {
  width: 44px;
  right: 52px;
  position: absolute;
  bottom: 150px;
  z-index: 21;
  border-bottom: 6px solid #ce4646;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

.cup-cover:after {
  content: '';
  width: 32px;
  right: 2px;
  position: absolute;
  bottom: 0;
  z-index: 21;
  border-bottom: 4px solid #af4242;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent; 
}

.book.one {
  position: absolute;
  bottom: 100px;
  width: 64px;
  height: 16px;
  left: 46px;
  background-color: #fff;
  border-top: 3px solid #FB904D;
  border-right: 6px solid #FB904D;
  border-bottom: 3px solid #FB904D;
  border-radius: 0 4px 4px 0;
}

.book.two {
  position: absolute;
  bottom: 116px;
  width: 70px;
  height: 20px;
  left: 44px;
  background-color: #fff;
  border-top: 3px solid #45a58b;
  border-right: 11px solid #45a58b;
  border-bottom: 3px solid #45a58b;
  border-radius: 0 7px 8px 0;
}

.book.three {
  position: absolute;
  bottom: 136px;
  width: 62px;
  height: 20px;
  left: 48px;
  background-color: #ff443d;
}

.book.three:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
}

.fonts_icon { font-size:50px; color:#000000; margin-top:40px;}
.fonts_icon2  { margin-top:10px; width:100%; clear:both; display:block;}
.fonts_icon2 .glyph-icon { font-size:25px; color:#000000;}
.fonts_icon2 b { color:#666666;}

.inners_ts { background-color:#f1f1f1; width:100%; background-color:#f7f7f7; min-height:300px; padding:50px 0px 0px 0px; margin-bottom:50px;}

.outer_banner_booking { width:100%; min-height:100%; position: absolute; z-index:5; top:0; }

.outer_form { width:100%; background-color:#FFF; min-height:300px; margin-top:22%; padding:20px; border-radius:10px;}
.outer_form h4 { font-weight:bold; color:#0098db;}
.carousel-control-next, .carousel-control-prev { z-index:200; width:5%;}
.form_feild { margin-top:20px;}
.about_outer { width:100%;background-repeat:no-repeat; background-position:top; background-position:top right; padding-top:50px; padding-bottom:50px;}


.heading_bar {  padding:10px 20px; margin-bottom:-1px; text-align:center; width:auto; color:#000000; font-size:20px; font-weight:bold; display:inline-block; }
.about_outer .col-md-4 .heading_bar:hover { background-color: #F00;}




.bord_btms { border-bottom:2px solid #000000; text-align:center; margin-bottom:50px; }
.ab_1 { text-align:center; width:100%; transition: all .4s ease; -webkit-transition: all .4s ease; margin-top:50px;}
.ab_1:hover { margin-top:40px;}

.card { transition: all .4s ease; -webkit-transition: all .4s ease; }
.card:hover { margin-top:-10px;   box-shadow:0px 5px 10px #cdcecf; }


.marg_tops { margin-top:20px;}
.margin_s { padding-top:50px; }
.btn { width:auto; margin:0px auto;}
.outer_map { width:100%; min-height:400px; overflow: hidden; }
.outer_blog { padding:50px 0px 30px 0px;} 
.paddigns_top { padding:50px 0px 50px 0px;}

.footer_social li { float:left; list-style-type:none; margin-right:10px; border-bottom:0px !important ;}
.card { min-height:300px;}


.page_5 .thumb { transition: all .4s ease; -webkit-transition: all .4s ease; }
.page_5 .thumb:hover { margin-top:-10px;}

.top_bar a { color:#000000;}


.top_bar { width:100%; background-color:#000000; padding:10px; color:#ffffff;}
.top_bar .footer_social { margin-top:0px;}
.top_bar .footer_social li { float:right; width:30px; height:30px; border:1px solid #ffffff; border-radius:50px; text-align:center; background-color:#FFF; }
.top_bar .footer_social li a { background:none;}
.btn-primary { background-color:#cc0000; border-radius:0px; border:none;}
.carousel-caption { right:0; left:0; bottom:0; color:#ffffff;  text-shadow: 2px 2px #000000;}
.btn-primary:hover { background-color:#7f0000;}
.carousel-caption h5 { font-size:30px; font-weight:bold;}
h2 { color:#cc0000;}
.banner2 { width:100%; background-image: url(../images/a1.jpg); background-size:cover; background-attachment:fixed; text-align:center; color:#ffffff; padding:80px 0px; margin-top:50px;}
.banner2 h1 { font-weight:bold;}
.incre { padding:50px 0px;}

@media (max-width:768px)
{
.outer_banner_booking { display:none;}
.ab_1 { margin-top:50px;}
.foot-title { margin-top:30px;}
.logos { padding-left:0px; text-align:center;}
.logos img { max-width:300px; float:none;}
.header_outer { background-image:none; position: static; text-align:center;}
.top_bar { text-align:center;}
.top_bar .footer_social { text-align:center;}
.top_bar .footer_social li { float:none; display:inline-block;}
}



@media (min-width:768px)
{

}




@media (min-width:980px)
{

}



@media (min-width:1200px)
{

}