1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / priyoholidays.com / public / assets / homepage / css /
Filename : style.css
back
/*-------- STYLE CSS ---------*/

*{
margin:0;
padding:0;
}
body{
font-family:"microsoft yahei", arial, sans-serif;
}

/*-------- NAVBAR ---------*/

.navbar{
height:74px;

}
.navbar-brand {
padding-top:5px;

}

.navbar-nav{
margin-right:5%;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 19px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid #f48942;
border-radius:0px;
}



.nav li{
	overflow:hidden;
}
.nav li a{
	display:block;
	z-index:11111;
}
.nav li:after {
content: '';
position: absolute;

opacity: 1;
top:0;
left:0;
right:0;
height: 44px;
width: 100%;
height:100%;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s ease;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px));
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
z-index:-1;
}

.nav li:hover:after {
	
background-color: #3b5998;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px));
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
z-index:-1;
}

#custom-bootstrap-menu.navbar-default {
font-size: 14px;
background-color:#FFF;    /*main navbar bg color*/
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
color:#3a3a3a;   /*toggle font color---*/
line-height:40px;
font-size:14px;

}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover
 {
color: #fff;
text-decoration:none;
z-index:1;
    -webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
color: rgba(85, 85, 85, 1);
background-color: rgba(231, 231, 231, 1);
}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
border-color: #f48942;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
background-color: #f48942;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
background-color: #f48942;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #FFF;
}
.nav li a{
	text-decoration:none;
}
.navbar-left{
	margin-left:20px;
}
.navbar-right li a{
	padding-left:0px;
	padding-right:0px;

}
 .navbar-right li  {

	margin-right:10px;
}
.index .navbar-right li:hover:after{
	display:none;
}

.rotate:hover{
	transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.fa-facebook{
	border-radius:4px;
	background-color: #3b5998;
	height:40px;
	width:40px;
	text-align:center;
	padding-top:10px;
	color:#fff;
}


.fa-twitter{
	border-radius:4px;
	background-color: #00aced;
	height:40px;
	width:40px;
	text-align:center;
	padding-top:10px;
	color:#fff;
}
.fa-google-plus{
	border-radius:4px;
	background-color: #dd4b39;
	height:40px;
	width:40px;
	text-align:center;
	padding-top:10px;
	color:#fff;
}
.fa-youtube{
	border-radius:4px;
	background-color: #bb0000;
	height:40px;
	width:40px;
	text-align:center;
	padding-top:10px;
	color:#fff;
}


@media screen and (min-width:778px) and (max-width:980px){
	#custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
   
    font-size: 14px;
}
.navbar-left{
	margin-left:0px;
}
.navbar-right {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	
}
 .navbar-right li  {

	margin-right:0px;
}
.nav > li > a{
	padding:15px 5px;
	
}
.navbar-right li{
	margin-left:0px;
	padding:0;
}	
}

@media screen and (min-width:768px) and (max-width:825px){
	#custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
   
    font-size: 13px;
}
.navbar-left{
	margin-left:0px;
}
.navbar-right {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	
}
 .navbar-right li  {

	margin-right:0px;
}
.nav > li > a{
	padding:15px 3px;
	
}
.navbar-right li{
	margin-left:0px;
	padding:0;
}	
}


/*--
@media (max-width:791px){
.navbar-left{
	margin-left:0px;
}
.navbar-toggle{
	margin-top:20px;
}
}


@media (max-width:769px){
.navbar-right li{
	margin-left:5px;
}
.navbar-toggle{
	margin-top:20px;
}
}
*/

@media (max-width:767px){
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    margin-top: 11px;
    background: #fff;
    opacity: 0.9;
}	

.navbar-right{
	display:none;
}	
}
/*------nav about modal-----*/
.about_modal .modal-title{
	font-size:30px;
	font-weight:bold;
	display: inline-block;
}
.about_modal .modal-body{
	
	padding:30px 60px;
}
.about_modal img{
	width:100%;
	float:left;
	padding-right:20px;
	padding-bottom:10px;
}
.about_modal p{
	color:#808080
}

/*------nav our services modal-----*/
.service_margin_top_gap{
	margin-top:40px;
}
.our_services_heading{
	color:#8B0000;
	font-weight:bold;
}

.our_services_sub_heading{
	color:#008080;
	font-weight:bold;
}
.our_services_sub_sub_heading{
	color:#20B2AA;
}

.service_content ul{
	margin-left:30px;
}
/*------nav contact modal-----*/
#modalContact .modal-body{
	padding:30px 60px;
}
.contact_modal  .modal-title{
	font-size:30px;
	font-weight:bold;
	display: inline-block;
}

.contact_address_div{
	margin-bottom:30px;
	
}

.contact_address_div:nth-child(4){
	color:#4B0082
}

.contact_address_div h4{
	font-weight:bold;
	margin-bottom:20px;
}
.contact_address_div .underline{
	text-decoration:underline;
}
.contact_address_div span{
	font-weight:bold;
}

.contact_address_div_bottom_margin{
	height:5px;
	width:100%;
	background:#228B22;
	margin-bottom:30px;
}


/*------nav Terms and conditions  modal-----*/
#modalconditions .conditions_heading{
	color:#FF0000;
	font-weight:bold;
}
.condition_package_list{
	margin-bottom:30px;
}

	
/*------slider------*/
.carousel-inner{
	margin-top:73px;
}
.slider_content{
	margin-top:-400px;
	z-index:1;
}

.content_one{
	border-radius:10px;
	padding:30px;
	height:auto;
	float:left;
	margin-left:30px;
	background:rgba(230,230,250,0.6);
	opacity:0.8;
	text-align:justify;
	font-weight:bold;
	

	}


.content_one h2{
	color:#111A73;
	font-weight:bold;
}

.content_one:hover{
	    box-shadow: 0px 2px 4px 2px #B6B6B6;
    -webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	
}

.content_one a{
	text-decoration:none;
	color:#111A73;
}

.content_one a:hover{
	
	text-decoration:none;
	color:#f48942;
}

.content_one p:hover{
	color:#111A73;
	transform:translateX(8px);
	 -webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.content_one span{
	padding-right:13px;
	margin-right:13px;
	
}

.content_one a  .fa-home{
	color:#006400;
	font-size:20px;
	height:30px;
	width:30px;
	border:2px solid #006400;
	border-radius:50%;
	padding-left:3px;
}
.content_one a .fa-bitbucket{
	color:#B22222;
	font-size:15px;
	height:30px;
	width:30px;
	border:2px solid #B22222;
	border-radius:50%;
	padding-left:7px;
	padding-top:5px;
}
.content_one a  .fa-car{
	color:#191970;
	font-size:15px;
	height:30px;
	width:30px;
	border:2px solid #191970;
	border-radius:50%;
	padding-top:3px;
	padding-left:4px;
}
.content_one a .fa-video-camera{
	color:#B8860B;
	font-size:15px;
	height:30px;
	width:30px;
	border:2px solid #B8860B;
	border-radius:50%;
	padding-left:6px;
	padding-top:5px;
}
.content_one a  .fa-users{
	color:#D2691E;
	font-size:15px;
	height:30px;
	width:30px;
	border:2px solid #D2691E;
	border-radius:50%;
	padding-top:5px;
	padding-left:5px;
}
.content_one a .fa-suitcase{
	color:#006400;
	font-size:15px;
	height:30px;
	width:30px;
	border:2px solid #006400;
	border-radius:50%;
	padding-top:4px;
	padding-left:5px;
}
.content_one a .fa-ban{
	color:#B22222;
	font-size:20px;
	height:30px;
	width:30px;
	border:2px solid #B22222;
	border-radius:50%;
	padding-top:2px;
	padding-left:4px;
}
.content_one a .fa-glass{
	color:#191970;
	font-size:15px;
	height:30px;
	width:30px;
	border:2px solid #191970;
	border-radius:50%;
	padding-top:5px;
	padding-left:5px;
}
.content_one a .fa-cog{
	color:#B8860B;
	font-size:20px;
	height:30px;
	width:30px;
	border:2px solid #B8860B;
	border-radius:50%;
	padding-top:2px;
	padding-left:4px;
}
.content_one a .fa-coffee{
	color:#D2691E;
	font-size:18px;
	height:30px;
	width:30px;
	border:2px solid #D2691E;
	border-radius:50%;
	padding-top:3px;
	padding-left:3px;
}



 @media screen and (min-width:1100px) and (max-width:1134px){
	 
	.content_one {
		width:30%;
		
	}
.content_one h2{
	padding-top:20px;
}	 
 }
 
  @media screen and (min-width:992px) and (max-width:1099px){
	  .slider_content{
	margin-top:-365px;
	z-index:1;
}
	 	.content_one {
		width:30%;
	}
.content_one h2{
	padding-top:20px;
} 
  }
@media (max-width:991px){
.slider_content{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:7%;
	padding-right:7%;
	z-index:1;
	}

.content_one{
	width:40%;
	padding:30px;
	height:auto;
	float:left;
	margin-left:30px;
	background:rgba(228,218,218,0.9);
	opacity:0.8;
	color:#454545;
	}

}

@media (max-width:878px){
.slider_content{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:7%;
	padding-right:7%;
	z-index:1;
	}

.content_one{
	width:40%;
	padding:30px;
	height:auto;
	float:left;
	margin-left:30px;
	background:rgba(228,218,218,0.9);
	opacity:0.8;
	color:#454545;
	}

}

@media (max-width:632px){
.slider_content{

	width:100%;
	margin-top:20px;
	padding-left:4%;
	padding-right:4%;

	}
}

@media (max-width:472px){
.slider_content{
	font-size:12px;
	width:100%;
	margin-top:20px;
	padding-left:3%;
	padding-right:3%;

	}

.slider_content h2{
	font-size:20px;
	}

.content_one{
	padding:20px;
	width:82%;
	margin:20px;
}
}


/*----footer-------*/

.footer{
	padding:20px 0;
	background:#111A73;
}

.footer_register{
	height:70px;
	color:#fff;

	padding-left:50px;
}

.footer .bttn{
border:0;
width:100%;
height:35px;
text-align:center;
background:#f48942;
line-height:30px;
border-radius:5px;
color:#fff;
font-weight:bold;
}

.footer .bttn:hover{
border:1px solid #f48942;
width:100%;
height:35px;
text-align:center;
background:#fff;
line-height:30px;

color:#f48942;
}





.footer_payment{
	color:#fff;
}

.footer_payment img{
	border-radius:5px;
}

.footer_address{
	color:#fff;
	padding-top:10px;
}
.footer_address span{
	padding-right:8px;
	font-weight:bold;
	font-size:16px;
}

.footer_address  p{
	margin-bottom:0;
}

.form-control:focus {
    border-color: #808080;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(128,128,128,0.6),0 0 8px rgba(128,128,128,0.6);
    box-shadow: inset 0 1px 1px rgba(128,128,128,0.6)),0 0 8px rgba(128,128,128,0.6);
}

.signin_modal .modal-content{
	color:grey;
}
.signin_modal .modal-title {
	font-weight:bold;
}
.signin_modal .modal-body{
	
	padding:30px 60px;
}
.signin_modal .md-form{
	margin-bottom:15px;
}

input[type="radio"]{
	margin-left:20px;
}
.modal-footer .btn{
	padding:8px 30px;
	background:#f48942;
	border:2px solid #f48942;
	color:#fff;	
	font-weight:bold;
	}
	
.modal-footer .btn:hover{
	
	background:#fFFF;
	border:2px solid #f48942;
	color:#f48942;	
	}
	
.small_device_shareicon{
	display:none;
}

@media (max-width:767px){
	
.footer_register{
	
		padding-left:50px;
		padding-right:50px;
		margin-bottom:20px;
	}


.footer_payment{
		padding-left:50px;
		padding-right:50px;
		margin-bottom:10px;
	}
.footer_address{
	  
		padding-left:50px;
		padding-right:50px;
		
		margin-top:10px;
		margin-bottom:10px;
}

.small_device_shareicon{
	
	display:block;
	text-align:center;
	padding:10px 0;
	background:#111A73;
}


.small_device_shareicon li{
	display:inline;
	float:center;
	padding:0 1%;
}
}

/*---------------------hena_trading.html-----------------------------*/
.navbar-brand{
	padding-right:0;
}
@media (min-width:932px){
.hena_trading li{
	margin-right:20px;
}	
}
@media (max-width:910px){
.navbar-right{
	margin-right:0;
	
}
}
/*-------nav li garments modal----------*/
.garments_modal .modal-title{
	font-size:30px;
	font-weight:bold;
    display: inline-block;
}
.garments_modal .modal-body{
	padding:30px 60px;
}

.garments_modal  img{
	padding-bottom:30px;
}

/* style by Delowar */

	.navbar {
	    height: 115px !important;
	}
	#myCarousel{
		padding-top: 43px !important;
	}
	.headersubmenu{
		width:100%;
		height:30px;
		border-bottom:1px solid #ddd;
		background: #111A73;
		padding-right:15px;
	}
	.headersubmenu ul{
		list-style:none;
	}
	.headersubmenu ul li{
		float:left;
		line-height:25px;
	}
	.headersubmenu ul li a{
		color:#fff;
		font-size:12px !important;
		text-decoration:none;

	}