@charset "utf-8";
/* CSS Document */
body{ font-family:verdana;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
 pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kb d, q, s, 
 samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
  fieldset, form, label, input, textarea, select, legend, table, caption, tbody, tfoot, thead, 
  tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
   menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: 0;
}

 
/* @font-face {
font-family: 'Open Sans Condensed Bold';
font-style: normal;
font-weight: normal;
src: local('Open Sans Condensed Bold'), url('OpenSans-CondBold.woff') format('woff');
}
Font downloaded from FontsForWeb.com */

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
 @font-face {font-family:"Open Sans Condensed Bold";
 src:url("OpenSans-CondBold.eot");
 src:url("OpenSans-CondBold.eot?") format("eot"),url("OpenSans-CondBold.woff") format("woff"),url("OpenSans-CondBold.ttf") format("truetype"),url("OpenSans-CondBold.svg#OpenSans-CondensedBold") format("svg");font-weight:normal;font-style:normal;}


 @font-face {font-family:"Rage Italic LET";
 src:url("Rage Italic LET Plain1.0.eot?") format("eot"),url("Rage Italic LET Plain1.0.eot"), url("Rage Italic LET Plain1.0.woff") format("woff"),url("Rage Italic LET Plain1.0.ttf") format("truetype"),url("Rage Italic LET Plain1.0.svg#Rage Italic LET Plain1.0") format("svg");font-weight:normal;font-style:normal;}









::selection {
	background: #82d007;
	color: #fff;
}
::-moz-selection {
 background: #82d007;
 color: #fff;
}
::-webkit-selection {
 background: #82d007;
 color: #fff;
}
img, a {
	border: none;
	outline: none
}
a {
	text-decoration: none
}
input:focus {
	outline: none
}
ul, ol {
	list-style-type: none;
}
p{ line-height:20px;}


body p, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #282828;
}
body {
	background:#efefef; min-width:1100px;
}

h2{ color:#000000; font-size:21px;  font-family:'Open Sans Condensed Bold';} 
h4{ font-size:20px; color:#4f433d; font-weight:bold; text-align:center;}
h5{ font-size:20px; font:'MYRIADPROREGULAR'; color:#4f433d; text-align:center;}



/*align*/
.fl {
	float: left
}
.fr {
	float: right
}
.ac {
	margin: auto
}
.gap{ padding-top:6px; margin-bottom:5px;}

/* clear fix */
* html .clearfix {
	height: 1%;
	overflow: visible
}
*+html .clearfix {
	min-height: 1%
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0
}
/*Clear*/
.clear {
	clear: both;
	height: 0;
	overflow: hidden
}
.db {
	display: block;
}
.dn {
	display: none !important;
}
.transitionsInsite {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

/**************************Laoput Design Start*************************************/


/*--- back to top  start---*/

#back-top {
	  background: none; width:76px; height:42px; 
	display: block; position:relative; margin-top:-9px;  margin:0 auto;
}

/* arrow icon (span tag) */
#back-top span {
	width: 76px;
	height: 42px;
	display: block; 
	background: url(../images/page-scroll.png) no-repeat center top;
	/* rounded corners */
	/*-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top span:hover{ background-position:center bottom;}


/*--- back to top  end---*/

 

/**************************main Layout Design Start*************************************/

header { 
	width: 100%; display:block; height:177px; position:fixed; z-index:9999;  
	background:url(../images/header_bg.jpg) repeat-x top;
	/* -moz-box-shadow: 0px 3px 10px #7f7f7f;
	-webkit-box-shadow: 0px 3px 10px #7f7f7f;
	box-shadow-bottom: 10px #7f7f7f;*/
}
#head_in{  width:1150px; display:block; margin:0 auto;    height:177px;  }
#top_phone{ width:300px; height:33px; padding:0 10px;  
 border-radius:3px; overflow:hidden;  font-size:15px;
 background:#b30800;
 background: -webkit-linear-gradient(top, #b60800, #9e0700);
background: -moz-linear-gradient(top, #b60800, #9e0700);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b60800, endColorstr=#9e0700);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b60800, endColorstr=#9e0700)";  

 /*box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);*/}
#top_phone p{color:#ffffff; font-size:18px; line-height:33px;
background:url(../images/phone_icon.png) no-repeat right center ;
 font-family:Open Sans Condensed Bold !important;
 }
	
#logo{ width:500px; padding:20px 0 0 15px;}	
#logo .logo02{ margin:30px 0 0 35px;}

#head_in_right{ width:470px; }
.top_email{ width:150px; height:16px; margin:23px 0 0 0; padding-left:20px; 
background:url(../images/message_icon.png) no-repeat left top;}
.top_email:hover{ background-position: left bottom;}


.follow{ width:150px; height:20px; line-height:20px; margin:17px 0 0 0; 
}
.follow p{ text-transform:uppercase; 
 font-family:'Open Sans Condensed Bold'; color:#331312; font-size:14px; font-weight:bold;}
 
 
.twitter_logo{ height:20px; width:20px; display:block; 
background:url(../images/twitter.png) no-repeat left top; }
.twitter_logo:hover{ background-position: left bottom;}

.faceb{ height:20px; width:20px; display:block; 
background:url(../images/face.png) no-repeat left top;  margin:0 1px;}
.faceb:hover{ background-position: left bottom;}

.linkedin{ height:20px; width:20px; 
display:block; background:url(../images/linkedin.png) no-repeat left top; }
.linkedin:hover{ background-position: left bottom;}


/*--- menu start ---*/
.nav { background:#ffffff; padding:5px; margin-top:7px; border-radius:5px;
	 -moz-box-shadow: 0px 3px 5px #7f7f7f;
	-webkit-box-shadow: 0px 3px 5px #7f7f7f;
	box-shadow:0px 3px 5px #7f7f7f;
	position:relative; z-index:999;   
	  
	 
}
.nav_in{ width:100%;  
	height:58px; border-radius:5px;	 background:#d20900; 
 background: -webkit-linear-gradient(top, #d20900, #bf0800, #ae0700);
background: -moz-linear-gradient(top, #d20900, #bf0800, #ae0700);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d20900, endColorstr=#ae0700);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d20900, endColorstr=#ae0700)";
}
.nav_in .home_icon{ width:63px; height:58px; border-radius:5px; }
.nav_in .home_icon:hover{ background:#7b0803; 
 background: -webkit-linear-gradient(top, #7b0803, #bf0800, #930802);
background: -moz-linear-gradient(top, #7b0803, #bf0800, #930802);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7b0803, endColorstr=#930802);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7b0803, endColorstr=#930802)";
}
.nav_in .home_icon a{ display:block; width:100%; height:100%;
display:block;
background:url(../images/home_icon.png) no-repeat center center;}


.nav ul {
	width:auto;
	height:58px;
	display: block; 
	list-style:none;
	margin:0px;
	padding:0px;

}
.nav ul li {
	width: auto;
	float: left;
	display: inline-block;
	
	font-size: 14px; 
	height: 58px;
	line-height: 58px;
		background: repeat-x center -77px;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	text-decoration:none; 
	
}
.nav ul li.menu_divi{ background:url(../images/menu_divi.png) no-repeat right center;}
 
.nav ul li a {
	height:61px; font-family:'Open Sans Condensed Bold'; font-size:19px;
	padding: 0px 15px;
	color: #ffffff;
	display:block;
	
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	text-decoration:none;
}
  .nav ul li a:hover, .nav ul li.current a {
	color: #2a0101;
	
} 
/*--- menu end ---*/

.amazingslider-nav-0{ position:relative; z-index:9999; top:83% !important;}
.amazingslider-text-box-0{ display:none !important; }
#amazingslider-1{  border-bottom:#FFF 15px solid;
 -moz-box-shadow: 0px 3px 10px #7f7f7f;
	-webkit-box-shadow: 0px 3px 10px #7f7f7f;
	box-shadow-bottom: 10px #7f7f7f;  }
.amazingslider-bullet-wrapper-0{ /*display:none !important;*/}
/*.amazingslider-bullet-0-0{}
.amazingslider-ribbon-0{ display:none !important;}
.amazingslider-nav-container-0{display:none !important;}*/
/**/

#header_gap{ height:177px; display:block; }


#content{ width:1150px; margin:0 auto; background:#c1c1c1; padding-top:7px;
 -webkit-box-shadow: 0 5px 19px 2px rgba(0,0,0,0.1);
 -moz-box-shadow: 0 5px 19px 2px rgba(0,0,0,0.1);
  box-shadow: 0 5px 19px 2px rgba(0,0,0,0.1);
	
	
	
	position:relative; margin-top:-30px; }
#content_in{ border:#ffffff 3px solid; padding:35px 35px 10px 35px;
background: url(../images/content_in_bg.jpg) repeat-x top left #FFF; 
 }
 
#content_in b.reed{ color:#393838;font-size:12px; }
#content_in b.blackk{ color:#2c2c2c;font-size:12px;}



#content_left{ width:715px;}
.about_img{ padding:7px; background:#ffffff; border:#e0e0e0 1px solid; } 
.mar_left{ margin:0 15px 10px 0;}
.welcome_imgshadow{ width:188px; height:14px; display:block;
 background:url(../images/welcome_imgshadow.jpg) no-repeat top center;}
	
#content_left h1{ color:#004a80; font-family:Open Sans; font-size:24px; font-weight:normal;}
#content_left b{ font-family:Arial, Helvetica, sans-serif; font-size:17px;}
#content_left p{ color:#4a4949; font-size:12px; line-height:18px;}
.wel_read{ background:#dadada url(../images/wel_readbg.jpg) no-repeat right top;
 padding:8px 10px; color:#000000; padding-right:45px;}
.wel_read:hover{ background-position:bottom right;}
#services{  padding:25px 40px; border:#cccacb 1px solid;
	background:#e6e9fa;
background: -webkit-linear-gradient(top, #e6e9fa, #dfe2f3, #d9daec);
background: -moz-linear-gradient(top, #e6e9fa, #dfe2f3, #d9daec);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e9fa, endColorstr=#d9daec);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e9fa, endColorstr=#d9daec)"; }
#services_in{ width:280px;}
#services_in li{ height:26px; display:block; padding-left:30px; 
background:url(../images/services_aro.png) no-repeat left top; margin-bottom:2px;}
#services_in li:hover{ background-position:left bottom;}
#services_in li a{ line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:15px; 
color:#4a4949; border-bottom:#adafbe 1px solid; display:block; height:26px; }
#services_in li a:hover{ font-weight:bold;}

#our_package{ width:345px; background:url(../images/package_bg.jpg); }
#our_package_head{background:#d30900;
background: -webkit-linear-gradient(top, #d30900, #ca0900, #bf0802);
background: -moz-linear-gradient(top, #d30900, #ca0900, #bf0802);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d30900, endColorstr=#bf0802);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d30900, endColorstr=#bf0802)";}

#our_package h1{font-family:Open Sans; font-size:25px; font-weight:normal; height:60px; padding:0 25px;
line-height:60px; color:#f3f3f5; background:url(../images/pachead_aro.png) no-repeat right center;
 
}

#our_package_in{ padding:17px 14px;}
#package_box{ width:318px;/* height:192px;*/ height:auto; background:#ffffff;
-webkit-box-shadow: 0 2px 8px -2px #030e22;
   -moz-box-shadow: 0 2px 8px -2px #030e22;
        box-shadow: 0 2px 8px -2px #030e22;}
#package_box_img{ width:187px; height:192px; float:left;}
.pack_img_over{ width:125px; height:80px; display:block; background:url(../images/img_over.png) no-repeat top left; position:relative; top:-195px;}
#package_box_right{ width:120px; float:right; padding:5px 4px 0 0 ;}
#package_box_right p{ color:#000000; font-size:14px;   }
p.pyellow{ color:#f7941d !important; }
p.pbg_yellow{ background:#f7941d; padding:5px; color:#ffffff !important;}
#package_box_right .wel_read{ background: url(../images/wel_readbg.jpg) no-repeat right top #ffda72;}
#package_box_right .wel_read:hover{ background-position:bottom right;}
#gallery_outer{ height:128px; background:url(../images/gall_bg.jpg); padding:10px; 
box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  
  /*-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);*/
 
   }
 
   
   
   




   
#gallery_in{ background:#ffffff; padding:14px 18px; border:#d4d4d4 1px solid;
-webkit-box-shadow: 2px 1px 10px -2px #30343b;
   -moz-box-shadow: 2px 1px 10px -2px #30343b;
        box-shadow: 2px 1px 10px -2px #30343b; }
#clients{ width:710px; height:62px; display:block; margin-top:42px; overflow:hidden;}
#adddss{ width:355px; }
#con_dot{ height:7px;  border-top:#d5d5d5 1px solid; background:#ffffff;}
 
#footer{ background:url(../images/bott_bg.jpg) no-repeat center bottom #efefef; min-height:600px; }
#footer_in{  width:1076px; min-height:100px; margin:0 auto; 
border:#ffffff 3px solid; padding:30px 35px 35px 35px;

background:#FFF; 
 -webkit-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
     -khtml-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
       -moz-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
            box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
	  }
#foot_address{ width:300px;}
#foot_address_right{ width:145px;}
#foot_address_right p{ font-size:12px;}
#foot_links{ width:115px; margin-left:65px;}
#foot_links li{ margin-bottom:10px;}
#foot_links a{ color:#4a4949; font-family:Arial, Helvetica, sans-serif; font-size:13px;
background:url(../images/foot_link_bg.jpg) no-repeat left top; padding-left:23px;  }
#foot_links a:hover,#foot_links .current{ background-position: left bottom;}
#foot_mails {
    width: 300px;
    margin-left: 65px;
}
#foot_mails p{ height:36px; line-height:40px; border-bottom:#f1f1f1 1px solid; padding-left:30px;} 
#foot_mails .email{ background:url(../images/foot_mail.jpg) no-repeat left top;}
#foot_mails .email:hover{ background-position:left bottom;}
#foot_mails .web{ background:url(../images/foot_web.jpg) no-repeat left top;}
#foot_mails .web:hover{ background-position:left bottom;}
#foot_mails .phone{ background:url(../images/foot_phone.jpg) no-repeat left top;}
#foot_mails .phone:hover{ background-position:left bottom;}

#foot_follow{ width:175px; margin-left:45px; padding-top:30px; }	
.foot_fb{ width:32px; height:30px; display:block; 
background:url(../images/foot_fb.png) no-repeat center top;}
.foot_fb:hover{ background-position:center bottom;}
.foot_linkedin{width:32px; height:30px; display:block; 
background:url(../images/foot_linkedin.png) no-repeat center top; margin:0 10px;}
.foot_linkedin:hover{ background-position:center bottom;}	 
.foot_twitter{width:32px; height:30px; display:block; 
background:url(../images/foot_twitter.png) no-repeat center top; margin:0 10px;}
.foot_twitter:hover{ background-position:center bottom;}

#footer_copy{ width:1150px; margin:0 auto; height:50px; margin-top:400px;}  
#footer_copy_in{ width:770px;}
#footer_copy_in p,#footer_copy_in p a{ line-height:50px; color:#000000;}
#footer_copy_in p a:hover{ color:#0553bd;}



.in_banner{ height:188px; width:100%;
 background:url(../images/inbanner.jpg) no-repeat top center;}
#about_left{ width:570px;}
h3{ font-size:32px; font-weight:bold; line-height:64PX; color:#be0800;  font-family:'Open Sans Condensed Bold';}
h3 b{ color:#2a2a2a;
}
.intitle_head{ display:block; padding:0 15px; float:left; 
background:#f9f9f9;
background: -webkit-linear-gradient(top, #ffffff, #f7f7f7, #f2f2f2);
background: -moz-linear-gradient(top, #ffffff, #f7f7f7, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f2f2f2);

-moz-box-shadow: 5px 5px 0px #dedede;
	-webkit-box-shadow: 5px 5px 0px #dedede;
	box-shadow:5px 5px 0px #dedede;
 }
#services_outer{ background:url(../images/service_outer_bg.jpg); padding:10px;
-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.45);
box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.45);
  }
#services_inn{ width:492px; height:220px; border:#bfbfbf 1px solid; padding:15px; 
 background:url(../images/serv_in_bg.jpg) no-repeat top right #ffffff; 
  -webkit-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
     -khtml-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
       -moz-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
            box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;}
			
#services_inn:hover{ background:url(../images/serv_in_bg_over.jpg) no-repeat top right #ffffff;;}
h4{font-size:18px; color:#020101;  font-family:'Open Sans Condensed Bold'; text-align:left;}
#services_inn_img{ width:263px; height:175px; }
#services_inn_img a{ padding:10px 15px; display:block; font-family:'Open Sans Condensed Bold';
font-size:18px; color:#ffffff;  background:url(../images/ser_link_bg.jpg) no-repeat right #c80800;
 }
#ser_details{ width:185px; margin:55px 20px 0 0; }
#contact_left{ width:660px; height:440px; background:url(../images/contact_bg.jpg) no-repeat right bottom; }
#contact_phone_area{ width:225px; height:125px; margin:65px 0 0 15px; }
#contact_phone_area p{ color:#691b05; font-size:12px;} 
#contact_right{ width:388px;}
#contact_right input, #contact_right textarea{   height:30px; line-height:30px; border:#d6d6d6 1px solid; width:300px; resize:none; padding:0 5px; font-family:Verdana, Geneva, sans-serif; font-size:12px;
} 
#contact_right textarea{ height:165px;}



#contact_right .butt{ width:155px; background:#030101; color:#ffffff; font-size:20px; font-family:Arial, Helvetica, sans-serif; height:38px; line-height:38px;}
#contact_right .butt:hover{ background:#a70700;}
#package_in{ width:346px;}
#package_in h1{ color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:18px;
background:url(../images/servicein_bghead.jpg) repeat-y left #d20900; display:block; width:auto; height:38px; line-height:38px; padding:0 15px 0 30px;
} 
#package_in h2{ /*font-family:'Rage Italic LET';*/ font-size:21px; color:#4a4949;}
#package_in h3{ color:#662d91; font-size:18px; line-height:30px; font-family:Arial, Helvetica, sans-serif;
background:url(../images/blue_aro.jpg) no-repeat center left; padding-left:30px;}
#package_in h4{ color:#000000; font-size:18px; font-family:Arial, Helvetica, sans-serif;
background:url(../images/tourhead_bg.png) no-repeat center right; }
#package_in .nights{ background:url(../images/night_bg.png) no-repeat center right #000000;
 color:#FFF; width:40%; display:block; float:left; height:33px;
 line-height:33px; padding:0 5%; font-size:16px;}
#package_in .days{ background:url(../images/day_bg.png) no-repeat center right #662d91; color:#ffffff; width:40%; display:block; float:left; height:33px;
 line-height:33px; padding:0 5%; font-size:16px;}
 
#package_in_box{ background:#f3f3f3;
} 
 
#package_in .package_in_headbg{ height:30px; padding:4px;
background:#f9f9f9;
background: -webkit-linear-gradient(top, #ffffff, #f7f7f7, #f2f2f2);
background: -moz-linear-gradient(top, #ffffff, #f7f7f7, #f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f2f2f2);
border:#c9c7c7 1px solid; }
#package_in .package_in_headbg_in{ background:url(../images/tourhead_bg.png) no-repeat center right;}
#package_in #package_sideimg{ width:158px; margin-right:15px; }
#package_in #package_sideimg img{ margin:0; padding:0; border:0; float:left; width:157px;}

#package_in #package_sideimg .nights{ background:url(../images/night_bg02.png) no-repeat top center #292929;
height:66px; }
#package_in #package_sideimg .days{ background:url(../images/day_bg02.png) no-repeat top center #662d91;  
height:66px;}
#package_in_box p{ margin-right:15px;}

#package_in_box_sha{
background:-webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.2), rgba(97, 97, 97, 0.0) 55%);
background:		   radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.2), rgba(97, 97, 97, 0.0) 55%);
}

#location{ height:230px; padding:12px; border:#d9d9d9 1px solid;
 -webkit-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
     -khtml-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
       -moz-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
            box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px; }























/*--- flip image start ---*/
 div.flip{
position:relative;
width: 187px; /* Set default width of flip */
height: 192px; /* Set default height */
-webkit-perspective: 600px; /* larger the value, the less pronounced the 3D effect */
-moz-perspective: 600px;
-o-perspective: 600px;
perspective: 600px;
}


div.flip div.rotate{
width: 100%;
height: 100%;
-moz-transform-style: preserve-3d; /* Specify all child elements inside this DIV maintain the same perspective */
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-transition: all 0.6s ease-in-out 0.3s; /* final 0.3s specifies delay before effect kicks in */
-webkit-transition: all 0.6s ease-in-out 0.3s;
-o-transition: all 0.6s ease-in-out 0.3s;
transition: all 0.6s ease-in-out 0.3s;
}

div.flip div.rotate > *{ /* Target all children elements */
position:absolute;
width: 100%;
height: 100%;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}

div.flip div.rotate > div{ /* Target all child DIVs */
-webkit-box-sizing: border-box; /* Specify that any border/ paddings do not add to the DIV's total width */
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
background: #eee;
}

div.rotate.x *:nth-child(2){ /* X Axis rotate specific CSS. Rotate 2nd child DIV 180deg in the X axis */
-moz-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}


div.flip:hover > div.rotate.x{ /* X Axis rotate specific CSS. Rotate div.rotate.x when mouse rolls over container */
-moz-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}


div.rotate.y *:nth-child(2){ /* Y Axis rotate specific CSS. Rotate 2nd child DIV 180deg in the Y axis so it mirrors the first */
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}


div.flip:hover > div.rotate.y{ /* Y Axis rotate specific CSS. Rotate div.rotate.y when mouse rolls over container */
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}	
/*--- flip image end ---*/




 

/**************************main Layout Design End*************************************/