
@font-face {
    font-family: myridcond;    
	src: url(fonts/MYRIADPRO-COND.OTF);
}




html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
    font-family: 'MyriadProRegular' !important;
    color: #FFF;
}
/* ==========================================================================
   01. Header
   ========================================================================== */
.header {
	position: relative;
	z-index: 9;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	color: #31353e;
	background: #fff;
}
.header.transparent {
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
}
.header .top {
	font-size: 12px;
	line-height: 40px;
	border-bottom: 1px solid #ebebeb;
	text-transform: uppercase;
}
.header.transparent .top {
	border-bottom: 1px solid rgba(235,235,235,.25);
}
.header .top .left {
	float: left;
}
.header .top .right {
	float: right;
	text-align: right;
}
.header .top .item {
	margin-left: 24px;
}
.header .top a {
	color: #31353e;
}
.header.transparent .top a {
	color: #fff;
}
@media all and (max-width: 768px) {
	.header .top .left {
		float: none;
	}
	.header .top .right {
		float: none;
		text-align: left;
	}
	.header .top .item {
		margin-left: 0;
		margin-right: 24px;
	}
}


/* Navigation
   ========================================================================== */
.navigation {
	z-index: 9;
	margin-top:-1px;
}
.navigation .logo {
	height: 96px;
	float: left;
	font-size: 0;
	text-align: center;
}
.navigation .logo:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.navigation .logo a {
	display: inline-block;
	vertical-align: middle;
	max-height: 96px;
}
.main-nav {
	float: right;
	font-size: 0;
	
	margin-top:-10px;
}
.main-nav ul {
	margin-bottom: 0px;
	border-bottom: 15px solid ;
	border-image: url(images/menudash.png) 50 round;
	
	-webkit-border-image: url(images/menudash.png) 50 round;
	
}
.main-nav ul>li {
	display: inline-block;margin-bottom:10px;
}
.main-nav ul>li a {
	font-family: 'MyriadPro-Cond';
	font-weight:400;
	font-size: 20px;
	color: #31353e;
	
	padding: 0 50px;
	line-height: 95px;
	height: 95px;
	display: inline-block;
	position: relative;
}


.main-nav ul>li a:hover {
	text-decoration: none;
	
	background: url(images/menusel.png) no-repeat;
	-webkit-border-image: url(images/menusel.png) no-repeat;	

	background-position:center 75px;
}



.header.transparent .main-nav ul>li a {
	color: #fff;
}

.main-nav ul>li ul {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	background: #fff;
	position: absolute;
	top: 140px;
	height: auto;
	
	padding: 12px 0px 0px 0px;
	
	z-index: 999;
	min-width: 240px;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
}
.main-nav ul>li ul li {
	white-space: nowrap;
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}
.main-nav ul>li ul li a {
	width: 100%;
	height: 36px;
	line-height: 36px;
}
.header.transparent .main-nav ul>li ul li a {
	color: #31353e;
}
.main-nav ul>li ul li>ul {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	position: absolute;
	left: 100%;
	top: 20px;
}
.main-nav ul>li ul li:hover>ul {
	top: 0;
	
}
.main-nav ul>li:hover>ul {
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	top: 76px;
	
	border-radius:10px;
	
	
	background: url(images/menubg.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.header.transparent .main-nav ul>li ul li a:hover {
	background: #000;
	color:#fff;
	border-radius:10px;
}
.responsive-menu-open {
	font-size: 21px;
	color: #353537;
	padding: 0 24px;
	line-height: 96px;
	height: 64px;
	float: right;
	display: none;
}
.header.transparent .responsive-menu-open {
	color: #fff;
}
.responsive-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 100%;
	min-width: 100%;
	background: #fff;
	z-index: 999;
	padding: 24px;
	overflow-y: scroll;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
.responsive-menu.open {
	left: 0;
}
.responsive-menu-close {
	position: absolute;
	top: 24px;
	right: 24px;
	font-size: 48px;
	color: #353537;
}
.responsive-nav ul>li a {
	font-size: 16px;
	color: #353537;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 36px;
}
.responsive-nav ul>li.active>a {
	color: #ff4229;
}
.responsive-menu .navigation-button {
	float: none;
	display: block;
	text-align: center;
	margin-left: 0;
}
.no-scroll {
	overflow: hidden !important;
}


.prefootertext a{
    color: #010101;
}
@media all and (max-width: 1023px) {
	.main-nav {
		display: none;
	}
	.responsive-menu-open {
		display: inline-block;
	}
}
@media all and (max-width: 768px) {
	.header .top span, .header .top .links {
		float: none;
	}
	.header .top a {
		margin-left: 0;
		margin-right: 18px;
	}
	.navigation .navigation-button {
		display: none;
	}
	.responsive-menu-open {
		padding-right: 22px;
	}
}

/* Page Title */
.page-title {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	color: #e9e9e9;
}
.page-title .inner {
	padding: 200px 0;
	position: relative;
	z-index: 2;
	background: rgba(49,53,62,.8);
	line-height: 23px;
}
.header.transparent + .page-title .inner {
	padding-top: 337px;
}
.page-title h2 {
	color: #fff;
	margin-bottom: 0;
}
.page-title p {
	margin-bottom: 0;
}
.title1{
    margin-left: 0 !important;
    font-size: 35px;
}
.page-title.part-of-page {
	margin-bottom: 160px;
}


/* menu*/
.menu {
	margin-bottom: 36px;
}
.menu img {
	float: left;
	border-radius: 100%;
}
.menu .content {
	margin-left: 84px;
}
.menu h5 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	text-transform: none;
}
.menu p {
	margin-bottom: 0;
}
.menu .price {
	float: right;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	color: #31353e;
}



/* footer */
.footer {
    color: #010101;
    /* background: url(images/footerbg.jpg) repeat; */
    background: #DBBB6A;
    font-size: 12px;
    line-height: 15px;
    padding-top: 15px;
	
}
.footer img {
    padding-right: 10px;
}
.footer a {
    color: #010101;
}
.footer p {
    margin-bottom: 0;        
    font-size:12px;
    font-weight: normal;
}


@media all and (max-width: 768px) {
    .footer {
        position: relative;
        bottom: 5px;
        width: 100%;
        /* Set the fixed height of the footer here */
        padding: 12px 0;
    }
}



/*----amit---*/

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: url(images/topbar.jpg) -462px -19px repeat;
    color: #000;
}

.nav-tabs>li>a:hover {
    background: url(images/topbar.jpg) -462px -19px repeat;
    color: #000;
}

.nav>li>a {
    font-family: 'MyriadPro-Cond';
    font-weight:400;
    font-size: 20px;
    color: #fff;
    padding: 5px 20px;
}

.tab-pane h3 {
   color: #fff;
   font-size: 18px;
   font-family: 'MyriadProRegular';
   font-weight: 700;
}



.tablearea {
    margin-top: 20px;
}

.prolable.colortext {
    line-height: normal;
    text-align: justify;
}

.specifica,.downltext {
    padding: 10px;
    background: url(images/footerbg.jpg) repeat;
    color: #000;
    margin-right: 20px;
    margin-top: 40px;
    display: inline-block;
    margin-bottom: 40px;
}

.specifica:hover,
.downltext:hover,
.specifica:focus,
.downltext:focus,
.specifica.activtab{
    text-decoration: none;
    color: #fff;
    border-bottom: 5px solid #FFF;
}

.lableh2 {
color: #fff;
font-size: 18px;
font-family: 'MyriadProRegular';
font-weight: 400;
line-height: 0px;
margin: 0;
}

.products_pdf a {
    margin-left: 15px;
    display: block;
}

.products_pdf a h2 {
    background: url(images/pdf_vector.png) right center no-repeat;
    background-position: 50% 0;
    font-weight: 500;
    color: #ffcc33;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    margin: 0px;
    font-size: 25px;
    font-family: 'MyriadProRegular';
}

/*.products_pdf.propdf a h2 {
  background-position: 21% 0;  
}*/

.products_pdf a:hover {
    text-decoration: none;
}


/*7 july*/
.color-c {
    color:#ffe1a5;
}
.color-c:hover{
    color:#ffe1a5;
}
.cm-soon h1{
    color: #ffe1a5;
    text-align: center;
    padding-bottom: 10%;
}
.fot_1 {
    float: left;
    line-height: 25px;
    width: 70%;
}
.fot_2 {
    float: right;
    line-height: 27px;
}
.about-txt{
    color: #FFF;
    text-align: justify;
}
.private h1{
    font-size: 25px;
}
.cont-top{
    margin-top: 150px;
    margin-bottom: 25px;
}
.cont-text{
    margin-top: 25px;
    margin-bottom: 25px;
}
.box-1{
    background: url(images/speaker/box1.png) no-repeat;
    background-size: 100%;
}
.box-2{
    background: url(images/speaker/box2.png) no-repeat;
    background-size: 100%;
}
.box-3{
    background: url(images/speaker/box3.png) no-repeat;
    background-size: 100%;
}
.box-1 img,
.box-2 img,
.box-3 img{
    margin: 29%;
    width: 38%;
    margin-bottom: 30px;

}
html, body {
  height: 100%;
}
.main{
    margin-bottom: -90px; 
     min-height: 100%;
}
.footer, .main:after{
    height: 95px;
}
.fot {    margin-bottom: 9px;}

.main:after {
  content: "";
  display: block;
}
