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

*{
	margin:0;
	padding:0;
}

.google_translate_box{ width:140px; font-size:18px;  color:#000; padding:5px;  }

/*.banner_ad_box{ width:220px; padding:45px 0;}
.banner_ad_box img{ width:220px;}
*/
.left_float{ float:left;}
.right_float{ float:right;}


.clr{ clear:both; margin:0 auto; padding:0;}

#container{ width:1000px; line-height:22px; margin:0 auto; margin-top:20px;   }

.slide_box{ width:980px; height:400px;  background-color:#F3F3F3;
padding:10px;
box-shadow:0 0 5px #588ba4 inset;
-moz-box-shadow:0 0 5px #588ba4 inset;
-ms-box-shadow:0 0 5px #588ba4 inset;
-o-box-shadow:0 0 5px #588ba4 inset;
-webkit-box-shadow:0 0 5px #588ba4 inset;

}



.left_contant{ width:100%; background-color:#73c5ed; border-radius:3px; line-height:22px; padding:5px;}
.mid_contant{ width:100%; margin-left:10px; background-color:#FFF; border-radius:3px; line-height:22px; box-shadow:0 0 1px;}
.right_contant{ width:100%; margin-left:10px; background-color:#73c5ed; border-radius:3px; line-height:22px; padding:5px; 
box-shadow:0 0 1px;}

.left_contant a img{ width:100%; margin-top:10px; border:2px solid #FFF;}
.right_contant a img{ width:100%; margin-top:10px;}

.left_contant_02{ width:100%; background-color:#73c5ed; border-radius:3px; line-height:22px; padding:5px; margin-right:10px;}

.right_contant_02{ 
    width:100%; 
    background-color:#FFF; 
    border-radius:3px; 
    line-height:22px; 
    padding:5px;
    border: 10px solid #73c5ed;
}



.left_menu{ margin:0 auto; padding:0; }
.left_menu .heading{padding:5px;  color:#FFFFFF; border-radius:3px 3px 0 0;  box-shadow:0 1px #54a5cf;
font-size:16px; text-transform:uppercase; text-align:center; clear:both; margin-bottom:5px; border-bottom:1px solid #1e709a;
background-color:#085985;
}

.left_menu ul{ margin:0; padding:0; list-style:none;}
.left_menu ul li{list-style:none; overflow:hidden; margin:1px; border-bottom:1px solid #286b8d; box-shadow:0 1px #54a5cf; }
.left_menu ul li a{ display:block; font-size:14px; color:#FFF; background-color:#368dba; padding:5px; 
}
.left_menu ul li a:hover{ background-color:#4ba9d9; color:#FFF;}





.package ul{ margin:0; padding:0;}
.package li  {
	float: left;
    margin:0; padding:5px;
    overflow: hidden;
    position: relative;
    width: 188px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 10px;
    height: 150px;
    left: 0;
    text-align: center;
    top: 0;
	margin:10px;
	box-shadow:0 0 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.2) inset;
	-ms-box-shadow:0 0 2px rgba(0,0,0,0.2) inset;
	-o-box-shadow:0 0 2px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2) inset;
}

.package li a img{ width:186px; height:148px;}

h3 a {
    background-color: rgba(60,38,4,0.8);
    color: #FFFFFF;
    font-size:14px;
    font-weight: normal;
    left: 6px;
    margin-bottom: 6px;
    opacity: 0.8;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-top: 4px;
    position: absolute;
    top: 123px;
    width: 181px;
    z-index: 99;
	
}
h3 a:hover{ color:#0CF;}


.international_tour_box{ width:1000px; margin:1px auto; height:210px; clear:both;}
.international_in_box{ width:1000px;  height:167px; background-color:rgba(60,38,4,0.8); clear:both;}
.int_heading{ padding:10px; font-size:24px; color:#FFF;
background:url(../image/head_line_bg.png) no-repeat left center;
}
.int_tour ul{ margin:0; padding:0;}
.int_tour li  {
	float: left;
    margin:0; padding:5px;
    overflow: hidden;
    position: relative;
    width: 121px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 10px;
    height: 132px;
    left: 5px;
    text-align: center;
    top: 5px;
	margin:4px;
	background-color:#999;
}

.int_tour li a img{ width:121px; height:130px;}

h4 a{
    background-color: rgba(255,153,0,0.99);
    color: #000000;
    font-size:11px;
    font-weight: bold;
    left: 5px;
    margin-bottom: 6px;
    opacity: 0.8;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-top: 4px;
    position: absolute;
    top: 105px;
    width: 116px;
    z-index: 99;
}
h4 a:hover{ color:#039;}


.h5{display:block; line-height:20px; padding:10px; font-size:18px; color:#FFF; margin-bottom:5px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; border:1px solid #e7e7e7; background-color:#56A5D3;}



.himachal{  margin-bottom:10px; clear:both;}
.himachal img{width:770px;}

.text_box{ margin-bottom:10px;  width:750px; clear:both;}
.himachal_text{  line-height:22px; text-align:justify; color:#333; padding:10px;}
.heading_01{ font-size:16px; color:#FFF; padding:5px; background-color:#666;}
.heading_02{ font-size:16px; color:#392202; padding:5px; background-color:#CCCCCC; text-align:center;}

.package_box{ width:100%; border:5px solid #92d1e3; padding:10px; min-height:45px; clear:both; }
.package_box img{ width:200px; float:right;}
.package_box .pbox{ line-height:25px; height:auto;}
.pbox strong{ color:#9C0;}

.request_box{ margin:20px auto; width:400px; border:10px solid #92c0d7;}

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:12px;
border:1px solid #CCCCCC;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:14px;
text-transform:uppercase;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#392202;
color:#ffffff;
}
#customers td a
{
color:#000000;
}
#customers td a:hover
{
color:#FF6600;
}









h2{
	color: #bc2424;
    float: left;
    font-size: 18px;
    font-weight: 600;
    padding: 8px;
    width: 98%;
}
h3{
	font-size: 18px;
	padding: 8px;
	width:90%;
	float:left;
}



header{
	display:block;
	margin-top:50px;
	position:relative;
}




a, a:visited {
	text-decoration:none;
	outline:none;
}

.staing
{
margin:0;
padding:0;
}
.staing ul
{
margin:0;
padding:0;
}
.staing ul li
{
list-style-type:none;

}

.staing ul li a
{
text-decoration:none;
display:block;
border-bottom:1px #252525 solid;
box-shadow:0 1px #444;
color:#7eacde;
padding:5px;
font-size:12px;

}
.staing ul li a samp{ text-align:center; font-family:Arial, Helvetica, sans-serif; position:absolute; padding:10px;  }
.staing ul li a:hover
{
color:#FFFFFF;
opacity:0.6;
filter:alfha(opacity=60); /* For IE8 and earlier */
}






.footer_min_box{width:100%; min-height:50px; margin:0 auto; padding:0px 0;

}

.footer_min_box_under{width:100%; min-height:20px; margin:0 auto;
clear:both; background-color: #282828; font-size:12px; text-align:center; color:#FFF; padding:10px 0;  }

.footer_box_in{width:1040px; margin:0 auto; min-height:200px; clear:both;  padding-top:0px; padding-bottom:0px;
background: none repeat scroll 0 0 #383838; border: 1px solid #3F3F3F; 
}

.footer
{
width:230px;

}
.footer ul
{
margin:0;
padding:0;
}
.footer ul li
{
border-bottom:1px #252525 solid;
list-style:none;
padding:5px;
 box-shadow:0 1px #444444;
}
.footer ul li:last-child
{
border-right:none;
}
.footer ul li a
{
list-style:none;
text-decoration:none;
color:#FFFFFF;
/*padding:1px 5px 1px;*/
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

display:block;
}

.footer ul li a:hover
{
color:#FFFFFF;
}
.footer_box_left{width:230px; min-height:200px; float:left;}
.footer_box_mid{width:230px; min-height:200px; float:left; margin-left:20px;}
.footer_box_right{width:230px; min-height:200px; float:left; margin-left:20px; color:#CCC; font-size:14px;}
.footer_box_last{width:210px; min-height:200px; float:left; margin-left:20px;}
.footer_had_line{padding:10px 0; font-size:16px; font-weight:bold; color:#FFF;
border-bottom:1px #000 solid; box-shadow:0 1px #444; margin-bottom:10px;}

.input_form{
	width:250px;
	height:30px;
	border:1px solid #CCC;
	margin:5px;
}

#fixedpack{
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    
}
.fixed_pack_title{
	background-color:#56a5d3;
	border: 1px solid #e7e7e7;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
    margin: 0 4px;
    overflow: hidden;
    padding: 0px 0 0px 0px;
}
.fixed_pack_title a{
    float: left;
    overflow: hidden;
    text-decoration: none;
	color: #000;
	font-size:16px;
	padding-left:5px;
}
.fixed_pack_title a:hover{
	color:#C00;
	
}
.cost{
	float: right;
	font-size:14px;
	margin-right:15px;
}
.entry_content{
    overflow: hidden;
    padding: 7px 14px 11px 12px;
	font-size: 14px;
    line-height: 18px;
	width: 100%;
}
.entry_content img{
	width: 150px;
	height: 130px;
	margin: 3px 13px 0 0;
	border: 1px solid #999 inset;
	display: inline;
    float: left;
	
}
.short_des{
	width:550px;
	height:130px;
	float:left;
	
}
.short_des_divider{
	width:100%;
	height:130px;
	float:left;

	
}


.service_btn{
	width:200px;
	height:30px;
	border:none;
	background-color:#0084c4;
	float:right;
	text-align:center;
	line-height:30px;
	color:#000;
	font-size:16px;
	padding:1px;
}
.btn{
	width:100px;
	height:30px;
	border:none;
	background-color:#0084c4;
	float:right;
	text-align:center;
	line-height:30px;
	color:#000;
	font-size:16px;
	padding:1px;
	border-radius:8px 0px;
}
.btn:hover{
	background-color:#099fe0;
	color:#333;
}

.detailsimg{
	width:685px;
	height:300px;
	margin:0 auto;
	
}
.detailsimg img{
	width:685px;
	height:300px;
}
.sherelike{
	float:right;
}

.aboutcontainer {
    box-shadow: 0 0 4px rgba(3, 2, 3, 0.4);
    min-height: 920px;
    width:100%;
	padding-bottom:15px;
}

.aboutcontainer h1 {
    color: #555555;
    font-size: 34px;
    font-weight: bold;
}
.aboutcontainerColumn {
    background-color:rgba(0,102,204,0.4);
    float: left;

	margin: 3px 0px 0px 5px;
 	width: 32%;
	min-height:950px;
}
.aboutcontainerColumnEffect {
    box-shadow: 0 10px 6px -6px #777;
}
.aboutHeader {
    font-size:18px;
    font-weight: normal;
    line-height:25px;
	margin:0px;
	color:#dc4b4b;
	padding-bottom:2px;
	background-color:rgba(51,153,204,0.4);
	padding:5px;
}
.aboutHeader span{
	color:#a4e7e7;
	
}

.aboutcontainerColumn02 {
	background-color:rgba(0,102,204,0.3);
    float: left;
	margin: 3px 0px 0px 5px;
	min-height:950px;
	width: 32%;
}
.aboutcontainerColumnEffect02 {
    box-shadow: 0 10px 6px -6px #777;
}
.aboutHeader02 {
    font-size:18px;
    font-weight: normal;
    line-height:25px;
	margin:0px;
	color:#dc4b4b;
	border-bottom: 1px solid #bcbcbc;
	padding-bottom:2px;
	background-color:rgba(0,102,204,0.4);
}
.aboutHeader02 span{
	color:#005f80;
	
}

.aboutcontainerColumn03 {
	background-color:rgba(0,153,255,0.3);
    float: left;
	margin: 3px 0px 0px 5px;
	min-height:950px;
	width: 32%;
}
.aboutcontainerColumnEffect03 {
    box-shadow: 0 10px 6px -6px #777;
}
.aboutHeader03 {
    font-size:18px;
    font-weight: normal;
    line-height:25px;
	margin:0px;
	color:#dc4b4b;
	border-bottom: 1px solid #bcbcbc;
	padding-bottom:2px;
	background-color:rgba(0,153,255,0.4);
}
.aboutHeader03 span{
	color:#005a8d;
	
}

.contact_form__field_name {
    font-size:16px;
    font-weight: normal;
    line-height:25px;
	margin:5px;
	color:#000;
	padding-bottom:2px;
	padding-left:2px;
}
.contact_form__field{
    font-size:18px;
    font-weight: normal;
    line-height:25px;
	margin:5px;
	color:#000;
	padding-bottom:2px;
	padding-left:2px;
}

.contact_form__field_style{
	
	border:1px solid #069;
	background-color:rgba(0,153,204,0.1);
	padding-left:2px;
	
}
.contact_form__field textarea{
	border:1px solid #069;
	background-color:rgba(0,153,204,0.1);
	padding-left:2px;
	
}
.vinfo_heading{
	width:100%;
	height:35px;
	line-height:35px;
	background-color:rgba(0,153,255,0.4);
	padding-left:10px;
	color:#d74444;
	font-size:18px;
	margin-top:5px;
	
}
.VisaMainDiv{
	width:99.8%;
	height:30px;
	background-color:#CCC;
}
.CnameHeading{
	width:37.6%;
	height:30px;
	text-align:center;
	border-right:1px solid #5b7878;
	line-height:30px;
	float:left;
	background-color:rgba(0,153,204,0.5);
	font-weight:600;

}
.regionHeading{
	width:32%;
	height:30px;
	text-align:center;
	border-right:1px solid #5b7878;
	line-height:30px;
	float:left;
	background-color:rgba(0,153,204,0.5);
	font-weight:600;

}
.moreinfoVisa{
	width:30%;
	height:30px;
	text-align:center;
	line-height:30px;
	float:left;
	background-color:rgba(0,153,204,0.5);
	border-bottom:1px solid #FFF;
	font-weight:600;


}


.CnameName{
	width:36.6%;
	height:30px;
	text-align:left;
	border-right:1px solid #60ade0;
	border-bottom:1px solid #60ade0;
	line-height:30px;
	float:left;
	background-color:rgba(0,153,204,0.4);
	padding-left:1%;

}
.RegionName{
	width:31%;
	height:30px;
	text-align:left;
	border-right:1px solid #60ade0;
	border-bottom:1px solid #60ade0;
	line-height:30px;
	float:left;
	background-color:rgba(0,153,204,0.3);
	padding-left:1%;

}
.Visadetais{
	width:29%;
	height:30px;
	text-align:center;
	line-height:30px;
	float:left;
	background-color:rgba(0,153,204,0.2);
	padding-left:1%;
	border-bottom:1px solid #60ade0;

}
.Visadetais a{
	color:#F00;
	
}
.Visadetais a:hover{
	color:#090;
	
}
.visa_flag_Cname {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    margin: 0 0 14px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    width: 100%;
	height:75px;
}
.visa_conun_flag{
    float: left;
    height: 80px;
    width:140px;
}
.visa_conun_flag img{
	height: 70px;
    margin: 5px;
    width: 120px;
	
}


.imigration_info_container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    margin: 0 0 14px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    width: 766px;
	float:left;
	height:65px;
}
.immigration_conuntry_flag{
    float: left;
    height: 65px;
    width: 118px;
}
.immigration_conuntry_flag img{
	height:55px;
    margin: 5px;
    width: 100px;
	
}

.paymentsystem_container {
    box-shadow: 0 0 4px rgba(3, 2, 3, 0.4);
   /* height: 920px;*/
   
}
.paymentoption_heading {
    background-color: rgba(0, 153, 255, 0.4);
    color: #d74444;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
    padding-left: 10px;
    width:15%;
	border-radius:0px 50px 0px 0px;
}

.visaprocessing_inquery_box{ border:10px solid #92c0d7;}

.Embassy_flag_Name {
    background-color: rgba(0, 153, 204, 0.1);
    border-radius: 0 30px 0 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    float: left;
    height: 70px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    width: 766px;
}
.Embassy_flag {
   float: left;
    height: 70px;
    width: 140px;
}

.Embassy_flag img{
	height: 60px;
    margin: 5px;
    width: 120px;
}
.Embassy_name{
	width:600px;
	height:40px;
	line-height:40px;
	float:left;
	margin-left:15px;
	margin-top:20px;
	font-size:18px;
	color:#36889f;
}
.Embassy_info_up{
	width:100%;
	height:35px;
	float:left;
	background-color: rgba(0, 153, 255, 0.1);
}
.Embassy_info_down{
	width:100%;
	height:35px;
	float:left;
	background-color: rgba(0, 153, 204, 0.2);
}
.Embssy_info_title{
    background-color: rgba(0, 153, 204, 0.1);
    border-right: 1px solid #799696;
    float: left;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    text-align:right;
    width:15%;
	padding:0px 5px 0px 5px;
	box-shadow: 0 1px #799696;
}
.Embassy_title_clone{
	 background-color: rgba(0, 153, 204, 0.1);
    border-right: 1px solid #799696;
    float: left;
    font-weight:bold;
    height: 35px;
    line-height: 35px;
    text-align:center;
    width:3%;
	box-shadow: 0 1px #799696;

	
}
.Embassy_title_data{
	/*background-color: rgba(0, 153, 204, 0.1);*/
	float: left;
    font-weight:normal;
    height: 35px;
    line-height: 35px;
    text-align:left;
    width:79.6%;
	box-shadow: 0 1px #799696;
	padding:0px 3px 0px 3px;
	display:block;

	
}
.Embassy_title_data:hover{
	background-color: rgba(0, 153, 204, 0.1);
	
}

ul li{
	list-style-type:none;
	
	
}
ol li{
	list-style-type:none;
}

.caption {
    background: url("../image/bg_img.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    padding: 0 10px;
    text-shadow: 0 1px 1px #000;
    width: 30%;
}
.sub-menu{
    background: linear-gradient(to bottom, #37bee6 0%, #1994d1 49%, #2989d8 50%, #207cca 51%, #1894d1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1px;
    text-align: center;
}
.sub-menu ul {
    margin: 0;
    padding: 0;
}
.sub-menu ul li {
    float: left;
    list-style-type: none;
}
.sub-menu ul li a {
    border-left: 1px solid #1391cc;
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 30px;
    padding: 0 9px;
    text-decoration: none;
}
.marquee_in_box{ margin:0; padding:0;}

/*.marquee_in_box li{ margin:7px; list-style:none; border-bottom:1px solid #CCC; padding:5px;}
.marquee_in_box li a{ text-decoration:none; color:#666; display:block; }
.marquee_in_box li a:hover{ color:#09C;}*/



/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
/*end reset*/

.wrap{
  width: 102%;
  margin: 0 auto;
}
a.button,a.button2{
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  padding: 1em;
  cursor: pointer;
  background:none;
  text-decoration: none;
  font-size: 1.2em;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.hover-buttons {
padding: 2em 0;
}
.aligncenter {
  text-align: center;
}
.hover-buttons h1,.tr-effects h2{
  font-size: 3em;
  color:#fff;
    font-family: 'Lora', serif;
}
ul.bt-list li{
 display: inline-block;
 list-style: none;
 margin: 0.9em 0;
}
ul.bt-list li a{
  margin-right:6px;
}
/* BACKGROUND TRANSITIONS */

/* Sweep To Right */
a.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background:#3598dc;
  color: #fff;
}
a.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2178B4;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-sweep-to-right:hover,a.hvr-sweep-to-right:focus,a.hvr-sweep-to-right:active {
  color: white;
}
a.hvr-sweep-to-right:hover:before,a.hvr-sweep-to-right:focus:before,a.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  
}


/* Rectangle In */
a.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #6aa84f;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
a.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4e8735;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-rectangle-in:hover,a.hvr-rectangle-in:focus,a.hvr-rectangle-in:active {
  color: white;
}
a.hvr-rectangle-in:hover:before,a.hvr-rectangle-in:focus:before,a.hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
a.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#368dba;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
  width: -webkit-fill-available;
  text-align: -webkit-center;
}
a.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6fa8dc;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {
  color: white;
}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mailstyle{
	 background-color: #085985;
    border-bottom: 1px solid #1e709a;
    border-radius:15px 8px;
    box-shadow: 0 1px #54a5cf;
    clear: both;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
	margin-left: 100px;
    padding: 10px;
	line-height:30px;	
}


#news-bar {
    width: 100%;
    background: #dedede;
    /* box-shadow: 0 4px 10px black, 0 0 10px black inset; */
    /* border-radius: 15px; */
    font: 21px bold;
    padding: 4px;
    margin-bottom:3px;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
}
#ajker_tips{
text-align:center;
line-height:2.5;
color: #00baed;
}
#news-bar:hover {
  transition: 0.37s;
}

#news-bar a {
  padding:8px 2px;
  color: black;
  text-decoration: none;
}

#news-bar a:hover {
  transition: 0.37s;
  color: red;
}


/* Pop */

@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Float */

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}


/* slideUp */

.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%)
  }
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}