/*
Template Name: Hotel Semper
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
body{
font-family: 'Alata', sans-serif;
   }
h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
color:#333;
font-weight:bold;
}
a{
 color:#333;
 }
a:hover{
text-decoration:none;
color:#333;
}
a:focus{
text-decoration:none;
color:#333;
}
ul{
padding:0;
margin:0;
list-style:none;
margin-top:15px;
}
li{
font-size:16px;
  }
.small_tag{
font-size:14px!important; 
font-weight:normal;
 }
p{
padding:0;
margin:0;
font-size:16px;
margin-top:15px;
color:#333;
}
h1{
font-size:45px;
margin-top:15px;
}
h2{
font-size:38px;
margin-top:15px;
color: #CD2DFF;
}
h3{
font-size:32px;
margin-top:15px;
}
h4{
font-size:24px;
margin-top:15px;
}
h5{
font-size:18px;
margin-top:15px;
}
h6{
font-size:16px;
margin-top:15px;
font-weight:normal;
}
.space_left{
padding-left:0; 
} 
.space_right{
padding-right:0;
} 
.space_all{
padding:0; 
} 
.iw{
   width:100%;
   }
.button{
background: #FFCD2D;
display:inline-block;
color:#000;
padding:12px 25px 14px 25px;
font-weight:normal;
  }
.button:hover{
background:#000!important;
color:#fff;
  }
.button i{
margin-left:5px;
margin-right:5px;
  }

.border_none{
  border:none!important;
  }
.mgt{
  margin-top:0!important;
  }
.bold{
 font-weight:bold!important;
  }
.normal{
 font-weight:100!important;
  }
.navbar {
 min-height:auto; 
 margin-bottom:0;
 border:none;
 border-radius:0;
}
.col{
color:#fff!important;  
  }
.col_1{
 color:#CD2DFF!important;
 }
.col_2{
 color:#999!important;
 }
.col_3{
 color:#ddd!important;
 }
 .col_violet{
	 color:#CD2DFF;
 }
 .col_yellow{
	 color:#FFCD2D;
 }
 .bg_col_1{
	 background-color: #c407ff;
 }
.pdb{
padding-bottom:0!important; 
 }
.pdt{
padding-top:0!important; 
 }
.mgb{
margin-bottom:0!important; 
 }
.block{
display:block; 
 }
.inline{
display:inline-block; 
 }
.bgn{
background:none!important; 
 }
.big{
text-transform:uppercase; 
 }
.mgl {
margin-left: 0!important;
}
.me_1{
margin-right:5px; 
 }
hr {
    border-top: 1px solid #f7efd5;
	margin-bottom: 30px;
}
/*********************header****************/
.container{
width:70%;
margin:auto; 
 }
.navbar{
background:#000000cf;
 }
#header .m_tag{
color:#fff; 
 }
#header .m_tag:hover{
    background: #ffcd2d;
    color: #7e4185;
 }

#header .m_tag:focus{
background: #ffcd2d;
 }
#header .m_tag1:hover{
background:none;
 }
#header .m_tag1:focus{
background:none;
 }
#header .navbar-brand{
font-size:26px;
padding-top:14px; 
 }
 .navbar-nav>li>a {
        padding-top: 16px;
        padding-bottom: 18px;
 }
.navbar .navbar-nav>.active>a {
background: #333!important;
color: #fff!important;
}
#header .active_tab{
background:#FFCD2D!important;
color:#7a049f!important;
 }
/*********************header_end****************/


/*********************center_home****************/
.fade-carousel {
    position: relative;
    min-height: 600px;
}
.fade-carousel .carousel-inner .item {
    min-height: 600px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 4px;
    opacity: .8;
}
.fade-carousel .carousel-indicators > li.active {
  opacity: 1;
}

.hero h1{
font-size:70px;
color:#fff;
 }
.hero span{
font-size:30px;
 }
/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
	width:50%;
    top: 52%;
    left:50%;
	padding:20px 15px;
    z-index: 2;
    text-transform:capitalize;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	text-align:center;
}


.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
	background: #0000008c;
}

/********************************/
/*          Custom Buttons      */
/********************************/

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  min-height: 600px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
     background-image: url(../img/1.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/3.jpg);
}
#center .carousel-indicators{
  bottom:0;
  }
.fade-carousel .carousel-indicators > li{
      background: #fff;
	  border-color: #fff;
	  width:18px;
	  height:18px;
  }
.fade-carousel .carousel-indicators > li.active{
      width:18px;
	  height:18px;
	  background:#FFCD2D;
	  border-color:#FFCD2D;
  }
/*********************center_home_end****************/

/*********************list****************/
#list{
padding-top:40px;
padding-bottom:40px; 
 }
blockquote {
border-color:#FFCD2D;
font-style: italic;
}
.list_2{
margin-top:30px; 
 }
.list_3{
 margin-top:20px;
 }
.list_3l img{
float:left;
margin-right:15px; 
 }
.list_4{
margin-top:30px; 
 }
.list_5r h6{
border-top:1px solid #f7efd5;
padding-top:10px;
margin-top:10px
 }
.list_6{
margin-top:30px; 
 }
 
.modal-content{
  margin-top:100px!important;
  border-radius:0;
  }
.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  margin-bottom:0; border:none; }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.

.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
 
.list_7 .list_1i{
border:1px solid #f7efd5;
padding:10px;
background:#f4f4f4; 
 }
.list_7i ul li {
display: inline-block;
}
.nav_1>li.active>a, .nav_1>li.active>a:hover, .nav_1>li.active>a:focus {
background: #f4f4f4;
}
.list_7i ul li a {
color: #000;
margin-right: 2px;
margin-left: 2px;
border-radius: 5px;
padding: 8px 12px 10px 12px;
display: block;
}
.list_7i ul li a:hover {
background: #f4f4f4; 
 }
.tab-content{
border:1px  solid #f7efd5;
margin-top:15px;
padding:10px; 
 }
.testim_1i2i img{
float:left; 
margin-right:15px;
 }
.testim_1i2i{
margin-top:20px; 
 }
.testim1{
background:#f4f4f4;
padding:40px 20px;
margin-top:30px;
 }
.popular_3{
margin-top:30px; 
 }
.popular_3 .btn-success {
background: #fff;
border-radius: 0;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #f7efd5;
margin-left: 5px;
margin-right: 5px;
text-align: center;
color:#333;
border-radius:50%;
font-size:14px;
}
.popular_3 .btn-success:hover {
background: #f4f4f4;
border-color: #f4f4f4;
color: #333;
}
/*********************list_end****************/

/*********************footer****************/
#footer{
padding-top:40px;
padding-bottom:40px;
background:#000000cf;
 }
.footer_1i1 ul li a {
background:#FFCD2D;
}
.footer_1i2 p{
border-bottom:1px solid #464444;
padding-bottom:15px;
 }
.footer_1i3 p i{
font-size:6px; 
margin-right:5px;
vertical-align:middle;
 }
.footer_1i4 .form-control{
height:50px;
margin-top:20px;
border:none;
box-shadow:none;
font-size:16px;
border-bottom:3px solid #464444;
background:#111;
 }
.footer_1i4 .form_1{
height:100px; 
 }
#footer_bottom{
padding-top:15px;
padding-bottom:15px;
background:#111;
 }
 
/* footer social icons */
ul.social-network {
	list-style: none;
	display: block;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline-block;
	margin: 0 1px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 30px;
	height: 30px;
	font-size:14px;
}
.social-circle li i {
	margin:0;
	line-height:30px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.footer_1i1 ul li a {
background:#ed145b;
}
/*********************footer_end****************/

/*********************about****************/
.about_1 h4{
    padding: 20px 10px 20px 10px;
    border: 1px solid #a80ad9;
    text-align: center;
    color: #FFCD2D;
    background-color: #aa0bdc;
 }
 .about_1 h6{
background: #c407ff17;
    padding: 15px 30px 15px 30px;
    border-bottom: 1px solid #f7efd5;
    margin-top: 0; 
 }
.contact_1 h4{
padding: 20px 10px 20px 10px;
    border: 1px solid #a80ad9;
    text-align: center;
    color: #FFCD2D;
    background-color: #aa0bdc; 
 }

.contact_1 .form-control{
    border-radius: 0;
    box-shadow: none;
    border-color: #ffe89d;
    margin: 15px 20px 15px 30px;
    height: 40px;
    width: 90%;
 }
.contact_1 .form_1{
height:120px; 
 }
/*********************about_end****************/

/*********************features****************/
.features{
padding-top:40px;
padding-bottom:40px;
margin-top:50px; 
 }
.features_1 ul li a {
background:#ed145b;
}
/*********************features_end****************/


@media screen and (max-width : 767px){
.space_left{
padding-left:15px; 
} 
.space_right{
padding-right:15px; 
} 
.space_all{
padding-left:15px;
padding-right:15px;
} 
.navbar-collapse{
box-shadow:none; 
max-height:300px; 
  }
.navbar .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}
.navbar-toggle{
 background:#FFCD2D;
 border:none;
 border-radius:0; 
 margin-top:10px;
  }
.navbar-toggle:hover{
 background:#FFCD2D!important; 
  }
.navbar-toggle:focus{
 background:#FFCD2D!important; 
  }
.navbar-toggle .icon-bar{
 background:#000!important; 
  }
.navbar {
text-align:center;
background:#111;
  }
.dropdown-menu{
background:#fff!important; 
 }
.drop_3 a{
font-size:26px!important;
 }
.cd-secondary-nav.is-fixed {
position:static; 
 }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
border:none; 
 }
.m_tag{
font-size:30px!important;
border-bottom:1px solid #4c4b4b;
padding-top:15px!important;
padding-bottom:18px!important;
margin-top:0;
border-radius:0!important;
 }
.m_tag1{
font-size:22px!important;
border-bottom:1px solid #4c4b4b;
padding-top:15px!important;
padding-bottom:18px!important;
margin-top:0;
border-radius:0!important;
 }

.hero {
width: 100%;
left:50%;
text-align:center;
}
.container {
width: 100%;
}
#list{
text-align:center; 
 }
.list_1i {
margin-top:10px; 
 }
.list_3l img {
float: none;
margin-right:0;
margin-bottom:10px;
width:100%;
}
.list_3l {
margin-top:10px; 
 }
.list_5r  h6{
text-align:left; 
 }
.list_5r {
margin-top:10px; 
 }
.list_7i {
margin-top:15px; 
 }
.list_7i ul li{
margin-bottom:5px; 
 }
.home_inner  h5{
text-align:center; 
 }
.testim_1i2i img{
float:none;
margin-right:0;
margin-bottom:10px;
 }
#footer{
text-align:center;  
 }
.footer_1i2 {
margin-top:15px; 
margin-bottom:15px;
 }
.footer_1i4 {
margin-top:15px;  
 }
.about_1 h6{
font-size:13px; 
text-align:left;
 }
.contact_1{
text-align:center;  
 }
.about_1{
text-align:center;  
 }
.features{
margin-top:0;
text-align:center; 
 }
.features_2l {
margin-top:10px; 
 }
.hero h1{
font-size:50px; 
 }
}
@media (min-width:768px) and (max-width:991px) {
.container{
width:100%; 
padding-left:20px;
padding-right:20px;
 }
#header .navbar-brand{
font-size:22px; 
 }
.hero h1{
font-size:50px; 
 }
.list_5l img{
min-height:270px; 
 }
#footer ul.social-network li {
margin-bottom:5px;
}
.button{
padding:12px 10px 14px 10px;
  }
 #header .m_tag {
padding-left:8px;
padding-right:8px;
font-size:15px;
}
 }
 
@media (min-width:992px) and (max-width:1200px) {
.container{
width:100%; 
padding-left:20px;
padding-right:20px;
 }

  }
 @media (min-width:1201px) and (max-width:1225px) {
#header .m_tag {
padding-left:12px;
padding-right:12px;
}
 }
 
@media (min-width:1201px) and (max-width:1360px) {
.list_5l img{
min-height:270px; 
 }
.button{
padding:12px 10px 14px 10px;
  }
 }