﻿/* * {  
  -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
		
  }
body {
	background:none repeat scroll 0 0 #fff;
	font-size:100%;
	margin:0;
	/*font-family:'Raleway', sans-serif;
    font-family:tahoma;
	font-family:helvetica , sans-serif;
  color:#444;
  }
h1, h2, h3, h4, h5, h6 {
  color:#444;
  font-weight: normal;
  margin:0.2em 0 0.2em 0;    
}
h1 {font-size:2.4em;}
h2 {font-size:2em;}  
h3 {font-size:1.6em;}  
h4 {font-size:14px; text-transform:uppercase; font-weight:bold;color:White;}  
h5 {font-size:1em;}  
h6 {font-size:0.9em;}    */


a{
	text-decoration:none;
 	color:whitesmoke;
	}
	 a:hover
	 { color:Orange;}
.smalltxt{font-size:0.7em;}	
.div-left {width:60%; float:left; border:0px solid #0000FF; padding:7px 0 7px 0; text-align:left;}
.div-right {width:40%; float:right; border:0px solid #FF0000;padding:7px 0 7px 0; text-align:right; }

.div-left-strw {width:60%; float:left; border:0px solid #0000FF; padding:7px 0 7px 0; text-align:left;}
.div-right-strw {width:40%; float:right; border:0px solid #FF0000;padding:7px 0 7px 0; text-align:right;}

.div-left-brk {width:65%; float:left; border:0px solid #0000FF; padding:7px 0 7px 0; text-align:left;}
.div-right-brk {width:35%; float:right; border:0px solid #FF0000;padding:7px 0 7px 0; text-align:right;}

.click_call {color: #fff; padding:45px 0px 10px 0; text-align:right; border:0px solid #00FF00;}
.price {font-size:0.9em; color:#FF0000; font-weight:bold; } 

.readmore{font-size:0.8em; text-decoration:underline; color:#444; border:1px solid #ddd ; padding:5px 20px 5px 20px; border-radius:6px; background-color:#eee; width:70%; margin:0 auto; }	
.icon img{ width:30px;}

.img {
	height:auto;
	width:100%;
	}
.img1 {
	height:auto;
	width:100%;
	}	
.videoWrapper {
	position: relative;
	padding-bottom: 66.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	

table tr td, table tr th {padding:0.625em;}
table tfoot, table thead {/*background:none repeat scroll 0 0 #e0e0e0;*/}

th {border-right:1px solid #fff;}
/*td {border-right:1px solid #e0e0e0;}*/
.size-960 .line {
  margin:0 auto;
max-width:60em;
  padding:0 0.625em;
}
.size-1140 .line {
 /* margin:0 auto;
  max-width:71.25em;
  padding:0 0.625em;*/
}
.size-1140 .lineMiddle
{
margin: 0 auto;
 max-width: 71.25em;
padding: 0 0.625em;
margin-top: 20px;
}
.size-1140 .footerline {

  max-width:71.25em;
  padding:0 0.625em;
}
.size-960.align-content-left .line,.size-1140.align-content-left .line {margin-left:0;}
form {line-height:1.4em;}
nav {
 position: fixed;
display: block;
width: 100%;
z-index: 200;
/* background: #262626; */
/* background: url(../img/Red-bg.gif) repeat-x left top; */
/* background-color: #ed1c22; */
/* border: 0px solid #FF0000; */
/* position: relative; */
background: url('../ImageIcon/header-background.png');
}
.line:after,nav:after,.center:after,.box:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}
/*.logo { width:100px; position: relative; top: 1%; left: 1%; height: 100%;  border:0px solid #00FF00; float: left; }
.logo_img {
	height:auto;
	width:148px;
	}*/
.top-nav ul {padding:0; border:0px solid #0000FF;}
.top-nav ul ul {
  position:absolute;
  background:#262626;
}
.top-nav li {
  float:left;
  list-style:none outside none;
  cursor:pointer;  
}
.top-nav li a {
  margin:20px 5px 5px 5px;
  padding:5px;
 /* display:block;*/
  color:#fff;
  border-radius: 3px;
  font-size:14px; 
  border:0px solid #00FF00;
  width:97%;
  text-align:center;
}
.right li a:hover{
  color:Orange;
}
.top-nav li ul li a {
 /* background:none repeat scroll 0 0 #222;*/
  min-width:100%;
  padding: 22px 10px 10px 10px;
}

.top-nav li ul 
{
   display: none;
border: 3px solid orange;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
}
.top-nav li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding: 8px 0px 4px 0px;
}
.top-nav li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}
.count-number {
  background:none repeat scroll 0 0 #777;
  -webkit-border-radius:10em;
  -moz-border-radius:10em;
  border-radius:10em;
  display:inline-block;
  font-size:0.7em;
  line-height:1.8em;
  margin-left:0.3125em;
  text-align:center;
  width:1.8em;  
  color:#fff; 
  margin-bottom:-0.3125em; 
}
ul.chevron .count-number {display:none;}
.menuinput{ border:none;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
  content:"\f004";
  display:inline-block;
  font-family:mfg;
  font-size:0.7em;
  margin:0 0.625em;
}
.top-nav .active-item a {background:none repeat scroll 0 0 #999;}
.aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited {
  background:none repeat scroll 0 0 #999;
  color:#fff;
} 
@media screen and (min-width:800px) {
  .aside-nav .count-number {
	 margin-left:-1.25em;	
	 float:right;	
  }
  

  .top-nav li:hover > ul {
	 display:block;
	 z-index:10;
  }  
.top-nav li:hover > ul ul {
    left:100%;
    margin:-2.5em 0;
    width:100%;
  }
}
.nav-text {display:none;}
.nav-text1 {display:none;}
.aside-nav li li a, .aside-nav li li.active-item a, .aside-nav li li.aside-sub-submenu li a, 
.aside-nav > ul > li > a, .aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited, .aside-nav li > ul,
.top-nav .active-item a, .top-nav li a, .aside-nav li a, .top-nav li ul li a, .top-nav li a,.top-nav li a, .top-nav li ul li a, .top-nav li ul li ul li a {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}
.aside-nav ul {
  background:#e8e8e8; 
  padding:0;
}
.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav li a {
  display:block;
  padding:1.25em;
  border-bottom:1px solid #d2d2d2; 
}
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4;
  border-left:solid 1px #f2f2f2;
  border-right:solid 1px #f2f2f2;
  overflow:hidden;
}
.aside-nav li ul ul {
  border:0;
  background:#fff;
}
.aside-nav ul ul a {padding:0.625em 1.25em;}
.aside-nav li a:link, .aside-nav li a:visited {color:#333;}
.aside-nav li li a:hover, .aside-nav li li.active-item a, .aside-nav li li.aside-sub-submenu li a:hover {
  color:#999;
  background:none;
}
.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
  content:"\f006";
  display:inline-block;
  font-family:"mfg";
  font-size:0.6em;
  margin:0 0.625em 0 -1.25em;
  width:0.625em;
}
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item  {
  display:block;  
  height:auto;
}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}
/*.margin {margin:0 -0.625em;}*/
.line {clear:left;}
.line .line {padding:0;}
.hide-l {display:none;}
.box {
  background:none repeat scroll 0 0 #fff;
  display:block;
  padding:1.25em;
  width:100%;
}
.margin-bottom {margin-bottom:1.25em;}
.s-1, .s-2,.s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
  float:left;
  position:relative;
} 
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:90%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {padding:0 1em;}
.margin > .s-1 {width:8.3333%;}
.margin > .s-2 {width:16.6666%;}
.margin > .s-five {width:20%;}
.margin > .s-3 {width:25%;}
.margin > .s-4 {width:33.3333%;}
.margin > .s-5 {width:41.6666%;}
.margin > .s-6 {width:50%;}
.margin > .s-7 {width:58.3333%;}
.margin > .s-8 {width:66.6666%;}
.margin > .s-9 {width:75%;}
.margin > .s-10 {width:83.3333%;}
.margin > .s-11 {width:90%;}
.margin > .s-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%; border:1px solid #00FF00;}
.l-five {width:17%; margin-bottom:3%;}
.l-3 {width:25%;}
.l-4 {width: 564px;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:90%;}
.l-12 {clear:left;width:100%;}
.margin > .l-1 {width:8.3333%;}
.margin > .l-2 {width:16.6666%;}
.margin > .l-five {width:20%;}
.margin > .l-3 {width:25%;}
.margin > .l-4 {width:33.3333%;}
.margin > .l-5 {width:41.6666%;}
.margin > .l-6 {width:50%;}
.margin > .l-7 {width:58.3333%;}
.margin > .l-8 {width:66.6666%;}
.margin > .l-9 {width:75%;}
.margin > .l-10 {width:83.3333%;}
.margin > .l-11 {width:90%;}
.margin > .l-12 {width:100%;}
.right {float:right;} 
.right >li > b{color:White;}
@media screen and (max-width:768px) {
.size-960 {max-width:800px;}
.size-1140 {max-width:800px;}
.hide-l {display:block;}
.hide-s {display:none;}
 h4 {font-size:1.1em;} 
.price {font-size:1.1em;} 
.click_call {text-align:left; padding-left:5px;}
nav {height:100px;}
.logo { z-index:10; height:100px; border:0px solid #00FF00; width:60%; text-align:right; top:0;}
.logo_img {
	height:100px;
	width:100px;
	}
.img {
	height:auto;
	width:100%;
	}
	
.img1 {
	width:210px;
	height:70px;
	}	
.videoWrapper {
	position: relative;
	padding-bottom: 70%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	
nav {
  display:block;
  cursor:pointer;
  line-height:3em;
}
.top-nav li a {background:none repeat scroll 0 0 #4a4a4a;}
.top-nav > ul 
{
      margin-top: 45px;
  height:0;
  width:50%;
  overflow:hidden;
  position:absolute;
  z-index:999;
  right:0;
  padding:0px;
  margin-top:-3.5em;
}
.top-nav > ul.show-menu {height:auto;}
.top-nav ul ul {
  left:0;
  position:relative;
  right:0;
} 
.top-nav li ul li a {min-width:100%;}
.top-nav li {
  float:none;
  list-style:none outside none;
  margin:-6.5% 0 1% 0 ; 
  border:0px solid #FF0000;  
}
.top-nav li a {
  border-top:1px solid #333;
  color:#fff;
  display:block;
  padding:0px 0px 0px 20px;
  text-decoration:none;
}
.top-nav li ul li a {border-top:1px solid #878787;}
.top-nav li ul li ul li a {border-top:1px solid #989898;}
.top-nav li a {
  background:none repeat scroll 0 0 #8b8b8b;
  color:#fff;
}
.top-nav li ul,.top-nav li ul li ul {
  display:block;  
  overflow:hidden; 
  height:0;   
} 
.top-nav > ul ul.show-ul {
  display:block;
  height:auto;  
}
.top-nav li ul li a {
  background:none repeat scroll 0 0 #9d9d9d;
  padding:0px;
}
.top-nav li ul li ul li a {
  background:none repeat scroll 0 0 #d7d7d7;
  color:#222;
}
.nav-text1 {
  color:#fff;
  display:block;
  font-size:15px;
  font-weight:bold;
  line-height:1em;
  margin:4% 0 0 0;
  max-width:100%;
  text-align:right;
  vertical-align:middle;
 
}
.nav-text {
  color:#fff;
  display:block;
  font-size:16px;
  line-height:2em;
  margin:0px 0px 0px 10px;
  max-width:100%;
  text-align:right;
  vertical-align:middle;
 
}
.nav-text:after {
  content:"\f008";
  font-family:"mfg";
  font-size:16px;
  margin:0 0 0 2%;
  text-align:right;
}
.count-number {margin-right:0;} 
.l-1 {width:8.3333%;}
.l-2 {width:60%; text-align:right;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:100%; text-align:center;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {float:right}
.l-11 {width:90%;}
.l-12 {width:100%;}
.margin > .l-1 {width:8.3333%;}
.margin > .l-2 {width:16.6666%;}
.margin > .l-five {width:20%;}
.margin > .l-3 {width:25%;}
.margin > .l-4 {width:33.3333%;}
.margin > .l-5 {width:41.6666%;}
.margin > .l-6 {width:50%;}
.margin > .l-7 {width:58.3333%;}
.margin > .l-8 {width:66.6666%;}
.margin > .l-9 {width:75%;}
.margin > .l-10 {width:30%;}
.margin > .l-11 {width:90%;}
.margin > .l-12 {width:100%;}
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:20%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:90%;}
.s-12 {float:left; }
.margin > .s-1 {width:8.3333%;}
.margin > .s-2 {width:16.6666%;}
.margin > .s-five {width:20%;}
.margin > .s-3 {width:25%;}
.margin > .s-4 {width:33.3333%;}
.margin > .s-5 {width:41.6666%;}
.margin > .s-6 {width:50%;}
.margin > .s-7 {width:58.3333%;}
.margin > .s-8 {width:66.6666%;}
.margin > .s-9 {width:75%;}
.margin > .s-10 {width:83.3333%;}
.margin > .s-11 {width:90%;}
.margin > .s-12 {width:50%; }

.icon img{ width:30px;}

}
.center {
  float:none;
  margin:0 auto;
  display:block;
}
@media screen and (max-width:400px) {
.margin > .s-12 {width:100%;}
.l-five {margin-bottom:5%;}
.logo {width:50%; top:0px;}
.logo_img {
	height:100px;
	width:100px;
	}
.click_call {display:none;}
.nav-text1 {
  margin:8% 0 0 0;
}
.div-left { font-size:15px;}
.div-right {font-size:15px;}
.icon img{ width:30px;}
}

@media screen and (max-width:640px) { 

.videoWrapper {
	position: relative;
	padding-bottom: 66.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.div-left { font-size:15px;}
.div-right {font-size:15px;}

.div-left-brk {font-size:15px;}

.div-left-strw { font-size:15px;}

.price {font-size:1.2em; color:#FF0000; font-weight:bold; } 

.icon img{ width:30px;}	
}
@media screen and (max-width:480px) {
.videoWrapper {
	position: relative;
	padding-bottom: 63.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top-nav li a {
  margin:10px; 
}
.logo {width:65%;}
.div-left { font-size:13px;}
.div-right {font-size:13px;}
.price {font-size:0.95em; color:#FF0000; font-weight:bold; } 

.div-left-brk {font-size:13px;}

.div-left-strw { font-size:13px;}

.icon img{ width:30px;}	
}

@media screen and (max-width:320px) {
.videoWrapper {
	position: relative;
	padding-bottom: 63.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top-nav li a {
  margin:10px; 
}
.click_call {display:none; z-index:1;}
.logo {width:65%;}
.div-left { font-size:16px;}
.div-right {font-size:13px;}
.div-left-brk {font-size:16px;}

.div-left-strw { font-size:16px;}

.price {font-size:1.4em; color:#FF0000; font-weight:bold; } 

.icon img{ width:25px;}	
.company-icon img{ width:12%; height:33px;}
}

.ulFooter {
list-style-type: none;
margin-top: 25px;
text-align: justify;
color: White;
}


.FooterLeft
{
 width: 731px;
float: left;
}
.FooterRight
{
width: 565px;
height: 223px;
margin-left: 708px;
}
.FooterInLeft
{
 width: 361px;
float: left;
}

.FooterInRight
{
  wwidth: 361px;
margin-left: 384px;
}

.FooterInnerLeft
{
 width: 175px;
float: left;
margin-left: 76px;
}
.FooterInnerRight
{
  width: 175px;
margin-left: 231px;  
}
.FooterInner2Left
{
width: 175px;
float: left;
margin-left: 28px;
}
.FooterInner2Right
{
 width: 175px;
margin-left: 192px;
 }
 
.FooterLeftIn
{
 width: 320px;
float: left;
}
.FooterRightIn
{
    width: 209px;
margin-left: 290px;
 }
 
 .FooterLeftInner
{
width: 175px;
float: left;
}
.FooterRightInner
{
 width: 159px;
margin-left: 147px;
}
.FooterLeftInner2
{
 width: 177px;
float: left;
margin-left: -23px;
 }
. FooterulMain
 {
  list-style:none;
 }
 
 .FooterulMain > li
 {
  font-size:9pt;
text-decoration: none;
list-style: none;
line-height: 18px;
font-family: helvetica ,sans-serif;
 }
  .FooterulMain > li > a
  { color:whitesmoke;}
  
  .FooterulMain > li > a:hover
  { color:#666;}
  
 .FooterulMain >li >b
 {
  font-size: 14px;
  color : orange;
}

#languages_block_top {right:0px;}
#languages_block_top ul li {float:left;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#languages_block_top ul li:hover {-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#languages_block_top ul li + li {margin:0 0 0 10px;}
#languages_block_top ul li img {width:30px;height:20px;border-radius:100px 100px;}


.SocialMedia
{
  width: 348px;
height: 60px;
margin-left: 960px;
}
.CopyWrite
{
 width:724px;
height: 60px;
float: left;
margin-left: 36px;
margin-top:-7px;
}
.CopyWrite > a:hover
{
 color:Orange;
}
.CopyWrite > p
{
  font-family: helvetica ,san-serif;
 font-size:9pt;
 color: whitesmoke;
}
.ContentHeader
{
  font-size: 19px;
color: rgb(244, 141, 35);
text-transform: uppercase;
/*font-weight: bold;*/
font-family:Copperplate Gothic Bold 
}

.border
{
     border:0px solid #e5e5e5;

}


.imageBar{
      border: 5px solid #FFFFFF;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.298);
height: 211px;
width: 270px;
}
.imgWrap {
 position: relative;
margin-left:0px;
margin-bottom: 100px;
}

.imgDescription {
 position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(2, 2, 22, 0.45);
color: #fff;
   width: 260px;
height: 199px;
visibility: hidden;
opacity: 0;
}
.imgDescription >p
{
margin-left: 4%;
font-family: helvetica,sans-serif;
font-size: 14px;
text-align:Justify;
}
.buttondiv > p
{
margin-left: 0%;
font-family: helvetica,sans-serif;
font-size: 13px;
text-align:Justify;
}
.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

.steady
{
    z-index:1;
    margin-top:-80px;
}
.strip
{
   background-color: orange;
width:260px;
height:60px;
margin-top:40px;
}
.allready
{
    background: rgba(11, 11, 10, 0.43);
width:260px;
height: 58px;
margin-top: 142px;
position: absolute;
font-family: helvetica, sans-serif;
font-size: 18px;
text-align: center;
color: white;
padding-top: 10px;
}
.button
{
    width: 133px;
    margin-left: 81px;
    margin-top: 5%;
    font-size: 21px;
    font-family: -webkit-pictograph;
    background-color: rgb(216, 224, 16);
}
.imgWrap:hover .imgDescription1 {
  visibility: visible;
  opacity: 1;
}

.Button1
{
 text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 12px;
border: 2px solid orange;
display: inline-block;
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
margin-left: 133px;
height: 43px;
margin-top: -17px;
width: 84px;
background-color: #424142;
text-align:center;
padding-top: 10px;
}
.Image {
width:260px;
height: 200px;
 max-width: 100%;
}

.MiddleSearchBox {
position: absolute;
top: 154px;
z-index: 100;
left: 325px;
width: 670px;
height:317px;
border: 4px solid orange;
/*background-color: rgba(8, 8, 7, 0.37);*/
border-bottom-style: none;
border-right-style: none;
border-left-style: none;
}
.MiddleSearchBoxUl
{
    position: absolute;
    top: 154px;
    z-index: 100;
    left: 325px;
}

.Listing
{
    margin-left:45px;
    position: absolute;
z-index: 2;
background-color: rgba(56, 60, 73, 0.68);
width: 185px;
top: 44px;
font-size: 33px;
line-height: 13px;
list-style-type: none;
color: white;
text-decoration: none;
margin-left: 6px;
border: 2px solid orange;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
}
  .tabs input[type=radio] {
          position: absolute;
          top: -9999px;
          left: -9999px;
      }
      .tabs {
       width:650px;
        float: none;
        list-style: none;
        padding: 0;
        margin: 4px 146px 0px 0px;
      }
      .tabs li{
        float: left;
      }
      .tabs label {
          display: block;
padding: 4px 26px;
border-radius: 2px 2px 0 0;
color: white;
font-size: 15px;
font-weight: normal;
font-family: helvetica , sans-serif;
background: rgba(255,255,255,0.2);
cursor: pointer;
position: relative;
top: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
      }
      .tabs label:hover {
        background: rgba(255,255,255,0.5);
        top: 0;
      }
        
      [id^=tab]:checked + label {
       background: orange;
color: black;
top: 3px;
      }
        
      [id^=tab]:checked ~ [id^=tab-content] {
          display: block;
      }
      .tab-content{
      z-index: 2;
display: none;
text-align: left;
width: 100%;
font-size: 20px;
line-height: 48%;
padding-top: 10px;
/*background: rgba(8, 8, 7, 0.37);*/
padding: 15px;
color: white;
position: absolute;
top: 32px;
left: 0;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
border: 4px solid orange;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background: url("../sliderindia/meta_bg_wht.png") 0 0 repeat;

}
      
 .Innertabs input[type=radio] {
          position: absolute;
          top: -9999px;
          left: -9999px;
      }
      .Innertabs {
        width: 650px;
float: none;
list-style: none;
position: relative;
padding: 0;
margin: 6px auto;
      }
      .Innertabs li{
        float: left;
      }
      .Innertabs label {
          display: block;
padding: 4px 26px;
border-radius: 2px 2px 0 0;
color: white;
font-size: 15px;
font-weight: normal;
font-family: helvetica , sans-serif;
background: rgba(255,255,255,0.2);
cursor: pointer;
position: relative;
top: 3px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
      }
      .Innertabs label:hover {
        background: rgba(255,255,255,0.5);
        top: 0;
      }
        
      [id^=Innertab]:checked + label {
       background: orange;
color: black;
top: 3px;
      }
        
      
      [id^=Innertab]:checked ~ [id^=tab-Innercontent] {
          display: block;
      }
.tab-Innercontent{
       z-index: 2;
display: none;
text-align: left;
width: 100%;
font-size: 20px;
line-height: 140%;
padding-top: 10px;
background: rgba(218, 155, 72, 0.09);
padding: 15px;
color: white;
position: absolute;
top: 53px;
left: 0;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
      }


.side-panel {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.57);;
    left: -284px;
    position: fixed;
    top: 150px;
    transition: all 0.4s ease 0s;
    width:284px;
    z-index: 1000000000;
    padding: 20px ;
}
.side-panel:hover{
    left: 0;
}
.side-panel:before {
    content: "";
position: absolute;
right: -32px;
height: 160px;
top: -15px;
width: 40px;
background: url("../ImageIcon/Feedback_vertical_Icon.jpg") no-repeat scroll center center;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-ms-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}

.colors h6 {
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.colors a {
    float: left;
    width: 47px;
    cursor: pointer;
    height: 20px;
    margin-right: 10px;
    background: black;
}
.colors a:last-child{
    margin:0; 
}
.colors a.color1{
    background-color: #FFE200;
}
.colors a.color2{
    background-color: #01E060;
}
.colors a.color3{
    background-color: #FF845E;
}
.colors a.color4{
    background-color: #59aeff;
}

.Hrcss
{
  border:3px solid orange;
margin-top: 1px;
z-index: 100;
position: fixed;
width: 100%;
}

.FeedbackTxt
{
height: 27px;
padding: 1px 8px;
font-size: 14px;
line-height: 1.428571;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.FeedbackButton
{
color: #222;
background-color: orange;
border-color: orange;
display: block;
width:80px;
padding-right: 0;
padding-left: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
height:28px;    
    
}
.Caret
{
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
font-weight: bold;
}
 ::-webkit-scrollbar
 {
             width:1px;
}

.buttonclass
{
 margin-top: 46px;
margin-left: 230px;
}

.buttonholiday
{
 color: #222;
background-color: orange;
border-color: orange;
display: block;
width:20%;
padding-right: 0;
padding-left: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
height: 36px;
}

.FooterMaindiv
{
    width: 116%;
  height: 231px;

  margin-left: 20px;
}
.FooterInner1Div
{  
  box-sizing: border-box;
  width: 162px;
  height: 208px;
 
  float: left;
  list-style: none;
  color: whitesmoke;
  font-size: 12px;
  line-height: 20px;
  margin-top: 20px;

}
.FooterInner1Div >li>b
{
   font-size: 14px;
  color: orange;
}
.FooterInner1Div >li>a:hover
{
   font-size: 12px;
  color: gray;
}
.HotdealMainDiv
{
    margin-top: 20px;
 float:left;
}
.MyTourdiv
{
 
  box-sizing: border-box;
    width: 24%;
  margin-left: 0px;
  float:left;
 
}
 .MainLineBox
  {
      margin-left: 67px;
  }
  
  .outer_MyTourDiv
  {
  width: 99%;
  height: 55px;
  border: 0px solid blue;
   margin-left:5px;
   font-family:Copperplate Gothic;
   cursor:pointer;
  }
.MyTour_Con1{ background-image: url(../Images/Logos/Asia.jpg);}
.MyTour_Con2{background-image: url(../Images/Logos/SouthEast.jpg); opacity: 0.4;}
.MyTour_Con3{ background-image: url(../Images/Logos/Island.jpg);opacity: 0.4;}
.MyTour_Con4{ background-image: url(../Images/Logos/Africa.jpg); opacity: 0.4;}
.MyTour_Con5{ background-image: url(../Images/Logos/MiddleEast.jpg); opacity: 0.4;}
.MyTour_Con6{ background-image: url(../Images/Logos/Europe.jpg); opacity: 0.4;}
.MyTour_Con7{background-image: url(../Images/Logos/America.jpg); opacity: 0.4;}
.MyTour_Con8{  float: left;margin: 7px 0px 0px 7px;height: 39px;width: 12%; color:White;border-radius: 6px; text-align: center; padding: 12px 0px 0px 0px;background-image: url(../Images/Logos/SouthAmerica.jpg); opacity: 0.4;}
.MyTour_Con9{   background-image: url(../Images/Logos/Canada.jpg); opacity: 0.4;}
.MyTour_Con10{ background-image: url(../Images/Logos/Cruise.jpg); opacity: 0.4;}
.MyTourCounDiv
{
  float: left;
  margin: 7px 0px 0px 5px;
  height: 39px;
  color: White;
  text-align: center;
  padding: 12px 0px 0px 0px;
  width: 8%;
  border-radius: 6px;
}
.MyTour_Con11{  background-image: url(../ImageIcon/Bg1.jpg);}
.MyTour_Con12{ background-image: url(../ImageIcon/Bg2.jpg);}
.MyTour_Con13{ background-image: url(../ImageIcon/Bg3.jpg);}
.MyTour_Con14{ background-image: url(../ImageIcon/Bg4.jpg);}
.MyTour_Con15{ background-image: url(../ImageIcon/Bg5.jpg);}
.MyTour_Con16{ background-image: url(../ImageIcon/Bg6.jpg);}
.MyTour_Con17{ background-image: url(../ImageIcon/America.jpg);}
.MyTour_Con18{ float: left;margin: 7px 0px 0px 7px;height: 39px;width: 12%; color:White;border-radius: 6px; text-align: center; padding: 12px 0px 0px 0px;background-image: url(../ImageIcon/Bg9.jpg); }
.MyTour_Con19{ background-image: url(../ImageIcon/Bg8.jpg);}
.MyTour_Con110{background-image: url(../ImageIcon/Bg10.jpg);}

.MyTour_Con21{background-color: Red;}
.MyTour_Con22{background-color: rgb(153, 61, 107);}
.MyTour_Con23{background-color: rgb(149, 218, 162);}
.MyTour_Con24{background-color: rgb(123, 158, 239);}
.MyTour_Con25{background-color: rgb(14, 103, 24);}
.MyTour_Con26{background-color: rgb(206, 173, 39);}
.MyTour_Con27{background-color: rgb(155, 22, 45);}
.MyTour_Con28{  float: left;margin: 7px 0px 0px 7px;height: 39px;width: 12%; color:White;border-radius: 6px; background-color: rgb(22, 155, 79);text-align: center; padding: 12px 0px 0px 0px; }
.MyTour_Con29{ background-color: rgb(108, 68, 130);}
.MyTour_Con210{background-color: rgb(125, 96, 69); }

.Detail_Box
{
  width: 92%;
  height: 851px;
  border: 2px solid #FFFFFF;
  margin: 0px 0px 0px 20px;
  /* overflow: scroll; */
  overflow-y: scroll;
  /* overflow-wrap: break-word; */
  overflow: overlay;
  border-style: outset;
}
.MyTour_Con31{ background-image: url(../ImageIcon/singapore_flag.png);}
.MyTour_Con32{background-image: url(../ImageIcon/China.gif);}
.MyTour_Con33{ background-image: url(../ImageIcon/Thailand.png);}
.MyTour_Con34{ background-image: url(../ImageIcon/Jordan.png); color: blue;}
.MyTour_Con35{ background-image: url(../ImageIcon/Indonesia.png);}
.MyTour_Con36{ background-image: url(../ImageIcon/India.png);}
.MyTour_Con37{background-image: url(../ImageIcon/Taiwan.png);}
.MyTour_Con38{  float: left;margin: 7px 0px 0px 7px;height: 39px;width:105px; color:White;border-radius: 6px; text-align: center; padding: 12px 0px 0px 0px;background-image: url(../ImageIcon/Sri_Lanka.png); }
.MyTour_Con39{   background-image: url(../ImageIcon/Russia.png);}
.MyTour_Con310{ background-image: url(../ImageIcon/Oman.png);}

.MyTour_Con2c1{background-color: Red;}
.MyTour_Con2c2{background-color: rgb(153, 61, 107);}
.MyTour_Con2c3{background-color: rgb(101, 87, 224);}
.MyTour_Con2c4{background-color: rgb(123, 158, 239);}
.MyTour_Con2c5{background-color: rgb(14, 103, 24);}
.MyTour_Con2c6{background-color: rgb(206, 173, 39);}
.MyTour_Con2c7{background-color: rgb(155, 22, 45);}
.MyTour_Con2c8{  float: left;margin: 7px 0px 0px 7px;height:25px;width: 12%; color:White;border-radius: 6px; background-color: rgb(22, 155, 79);text-align: center; padding:5px 0px 0px 0px; }
.MyTour_Con2c9{ background-color: rgb(108, 68, 130);}
.MyTour_Con2c10{background-color: rgb(125, 96, 69); }

.MyTouInnerTab
{
 float: left;
  margin: 7px 0px 0px 7px;
  height: 25px;
  color: White;
  text-align: center;
    padding: 3px 0px 0px 0px;
  width: 9%;
  border-radius: 6px;
  font-size:14px;
  border: 0px;
    font-weight: bold;
    font-family: Copperplate Gothic;
}

    #demo
        {
            width: 700px;
            margin: auto;
            height: 78px;
            text-align: center;
            padding-top: 100px;
        }
     
        #demo p
        {
            text-align: left;
            color: #b5B5B5;
        }
        
        .hrclass {
border: 1px solid red;
margin-top: -7px;
width: 22px;
margin-left: 20px;
}
.dialogboxConverter {
position: absolute;
top: 20px;
z-index: 100;
left: 23px;
}
.mytourborder
{
  width: 92%;
  height: 55px;
}


.imgWrap:hover .imgDescription1 {
  visibility: visible;
  opacity: 1;
}

   .MyTour_Con2c11
   {
    background-color:  rgb(92, 98, 33)
   }
     .Detail_Box
{margin: 0px 0px 0px 20px;    text-align: left;}
.submenu
{
 color:White; float:left ;
  width:150px; height:40px;border-style:outset ; 
  font-family:Copperplate Gothic;  
  text-align:center;
  line-height: 2.4em;  
  font-size: 13px; 
  cursor:pointer;
  width: 200px;
 /* background-color:#993D6B;*/
  font-weight:bold;
  background-color: transparent;
}


.HotdealMainDiv
{
    margin-top: 0px;

}

.MyTourdiv
{
 
  box-sizing: border-box;
    width: 32%;
  margin-left: 0px;
  float:left;
 }
 .Image {
width:291px;
height: 220px;
}
.imageBar {
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.298);
  height: 230px;
  width: 300px;
}
.imgDescription
{
   width: 291px;
  height: 220px;
}
.allready 
{
      width: 291px;
      margin-top: 163px;
}
.strip {
  margin-top: 71px;
   width: 291px;
}
.MyTouInnerTab
{
  font-size:14px;
}
.ddsmoothmenu{

}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	margin-right: 1px;
	font-size: 12px;
	color: green;	
	text-decoration: none;
	outline: none;
	text-align: center;
	
	/*background: url(images/templatemo_menu_divider.png) right center no-repeat*/
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #fff;
	background: url(../images/templatemo_menu_hover.jpg) repeat-x;
	
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	padding: 10px 0 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background: #313131;
	border-bottom: 4px solid rgba(74, 70, 70, 0.85)
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font-weight: 400;
	width: 185px; /*width of sub menus*/
	height: 30px;
	padding: 0 30px;
	line-height: 30px;
	font-size: 11px;	
	text-align: left;
	background:url(menu.png);
	color: #ccc;
	border-bottom: 1px solid #736B6B;
	border-top: 1px solid #7E7979;
}

.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
	color: #fff;
	font-weight: 700;
	background: #7E7979;;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}

.mytourname
{
    font-family:Copperplate Gothic;font-family: Copperplate Gothic;
    color: #408778;
    font-weight: 700;
    font-size: 25px;
    margin-top: 14px;
}

.CounrtyInfo
{
    border:0px solid black;width: 16.5%; float: left;
    
}

.CounrtyInfo  input[type="button"]{ border:none;}
.CounrtyDatalistDiv
{
  /*float:left; border:0px solid blue;  width: 80%;*/
        border: 0px solid blue;
    width: 80%;
    float: right;
}


/*------------- Background-----------------------*/


.wrapper2 {
    background: #50a3a2;
    position: relative;
    /*background: linear-gradient(to bottom right, rgba(255, 165, 0, 0.3) 0%, rgb(248, 135, 38) 100%);*/
   
   background: linear-gradient(to bottom right, rgba(123, 158, 239, 0.62) 0%, rgba(248, 135, 38, 0.88) 100%);
    left: 0;
    width: 100%;
    overflow: hidden;
}

.bg-bubbles2 {
/*  position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bg-bubbles2 li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  border-radius: 80px;
}
.bg-bubbles2 li:nth-child(1) {
  left: 10%;
}
.bg-bubbles2 li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles2 li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles2 li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles2 li:nth-child(5) {
  left: 70%;
}
.bg-bubbles2 li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles2 li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles2 li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles2 li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles2 li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}