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


@font-face {
    font-family: tahoma;
    src: url(../font/tahoma.ttf);
}

*{ margin:0 auto; padding:0 0;}

a{ text-decoration:none;}

.clr{ clear:both;}

.main{ width:75%; margin:0 auto;}

.top-btn{ width:100%; padding:0px 0; text-align:right; margin:0px auto; background:#fff;z-index:9; box-shadow:1px 2px 5px #999;}

.top-logo { float:left;padding:5px 0;}
 .top-logo img{float:left;}

.top-bt{ float:right; width:25%; margin:25px auto; text-align:right;}
.top-bt img{ vertical-align:middle; margin:0 5px 0 0;}
.top-bt p{ float:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; margin:5px 0px 0 0; text-align:right; background:#0d439d; text-decoration:none; color:#fff; padding:8px; border-radius:5px; margin-right:10px; text-align:right; cursor:pointer;}
.sms{color:#FFF;}
.enquiry{color:#FFF;}
.top-bt p:hover{ background:#4ca704; color:#fff;}

.header{
width:100%;
    background: -webkit-linear-gradient(#000, #121212); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #121212); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #121212); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #000,#000, #121212); /* Standard syntax (must be last) */
}

.header-top {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    display: block;
    padding: 8px 0;
    z-index: 1;
}
.btn-cust {
    background: #ff9900;
    border: 1px solid #ff9900;
    color: #fff;
    font-weight: 300;
}
#navbar{float:right;}
section {
    clear: both;
    padding: 0;
    margin: 0;
}
a.logo {
    display: -webkit-inline-box;
}
.enq_btns_top {
    margin-bottom: 0;
    list-style: none;
    margin-top: 10px;
}

.slider-part {
    display: table;
    width: 100%;
    /* height: 100vh; */
    background: #000;
}
.stream_block {
    padding: 0px;
}


.header .logo{ float:left; width:20%; z-index:10; position:relative;}
.header .logo img{ width:100%;}
.header .right{ float:right; width:70%; text-align:right; margin:60px auto 0 ;}
.header .right p{ font:normal 15px 'tahoma'; color:#FFFFFF;}
.header .right p span{ font-size:26px;}
.header img{ width:100%;}


.form{ background:#4ca704; width:100%; margin:0 auto;}
.form h1{ float:left; font:normal 22px 'tahoma'; color:#FFF; margin:10px 10px 0 0;}
.form input[type=text]{ float:left; width:200px; height:30px; border:solid 1px #9e9e9e; margin:10px 20px 10px 10px; padding:0 3px;}
.form input[type=submit]{ float:left; width:100px; height:30px; background:#192d64; border:solid 1px #FFF; margin:10px 20px 10px 10px; color:#FFF; cursor:pointer;}
.form input[type=submit]:hover{ background:#272727; border:solid 1px #FFF; color:#FFF;}

#ML{ margin-left:40px;}

.pro{ width:100%; margin:20px auto; }
.pro h1{ font: normal 28px 'tahoma'; color:#192d64; line-height:30px;}

.product {
    float: left;
    padding: 12px;
    width: 30%;
    margin: 15px 0;
    border: 1px solid #ccc;
    text-align: center;
}
.product img{ width:100%; height:200px}
.product h1{ font: normal 19px 'tahoma'; color:#192d64; text-align:center; line-height:30px;}
.product h1 a{ color:#0d439d; text-decoration:none;}
.product h1 a:hover{ color:#4ca704;}
.product h2{ font: normal 17px 'tahoma'; color:#192d64; text-align:center; margin:15px auto; text-transform:uppercase;}
.product p{ font:normal 15px 'tahoma'; color:#272727; line-height:20px; text-align:justify; margin:10px auto; max-height:160px; overflow:hidden}

.product p a{ background:#4ca704; padding:6px 10px; color:#fff; color:#fff; text-decoration:none; border-radius:5px; cursor:pointer;}
.product p a:hover{ background:#262626; color:#fff;}

.product p span a{ background:#262626; padding:6px 10px; color:#fff; color:#fff; text-decoration:none; border-radius:5px; line-height:26px;}
.product p span a:hover{ background:#4ca704; color:#fff;}

.product ul{}
.product li{ font:normal 15px 'tahoma'; color:#272727; line-height:20px; text-align:justify; margin-left:20px;}
.product li a{ color:#272727;}
.product li a:hover{ color:#075FB1;}


#col{ background:#063e9a;}
#col:hover{ background:#262626;}


.about-us{ width:75%; margin:20px auto; border-bottom:dotted 1px #cfcfcf;}
.about-us h1{ font: normal 22px 'tahoma'; color:#192d64; text-align:center;}
.about-us h2{ font: normal 17px 'tahoma'; color:#192d64; text-align:center; margin:15px auto; text-transform:uppercase;}
.about-us p{ font:normal 15px 'tahoma'; color:#272727; line-height:26px; text-align:center; margin:15px auto;}


.gallery{ width:75%; margin:0 auto; background:#192d64; margin:20px auto; padding:15px; box-sizing:border-box;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
.gallery h1{ font: normal 22px 'tahoma'; color:#fff; padding:10px 10px}

.contactdetails{width:75%; margin:0 auto; margin:30px auto; border:2px dashed #d2d2d2; box-shadow:2px 4px 4px #d2d2d2}
.contactdetails h1{ font: normal 22px 'tahoma'; color:#192d64; padding:10px 0 0 10px; text-align:center; text-transform:uppercase}

.contactdetails .cont-right{ width:45%; float:right; margin:10px 10px; background:#192d64; padding:10px}
.contactdetails .cont-right iframe{ width:100%;}

.contactdetails .cont-left{ width:45%; float:left; margin:20px 20px; text-align:left;}
.contactdetails .cont-left h2{ font: normal 18px "tahoma"; color:#002c87; line-height:36px; text-transform:uppercase;}
.contactdetails .cont-left p{ font:normal 15px 'tahoma'; color:#1f2427; line-height:22px;  margin:7px 0;}
.contactdetails .cont-left p span{ color:#002c87; text-transform:uppercase;}
.contactdetails .cont-left p a{ color:#1f2427; text-decoration:underline}
.contactdetails .cont-left p a:hover{ color:#002c87; text-decoration:none}


.content{ float:left; width:64%; text-align:left; margin-right:30px;}
.content h1{ font: normal 22px 'tahoma'; color:#192d64; }
.content h2{ font: normal 17px 'tahoma'; color:#192d64; margin:10px auto; text-transform:uppercase;}
.content p{ font:normal 15px 'tahoma'; color:#272727; line-height:24px; margin:15px auto; text-align:justify;}
.content ul{ list-style:disc; margin-left:20px; margin:15px 20px;}
.content ul li{ font:normal 13px 'tahoma'; color:#192d64; line-height:22px; text-align:center; text-align:justify;}

.content1{ float:left; width:30%; text-align:left; margin-right:30px;}
.content1 h1{ font: normal 22px 'tahoma'; color:#192d64; padding-left:10px}
.content1 h2{ font: normal 17px 'tahoma'; color:#192d64; margin:10px auto; text-transform:uppercase;}
.content1 p{ font:normal 15px 'tahoma'; color:#272727; line-height:26px; margin:15px auto; text-align:justify;}
.content1 ul{ list-style:disc; margin-left:20px; margin:15px 22px;}
.content1 ul li{ font:normal 15px 'tahoma'; color:#192d64; line-height:28px; text-align:left;}


.floor-plan{ width:100%; margin:0 auto;}
.floor-plan h1{ font: normal 22px 'tahoma'; color:#192d64; border-bottom:dotted 1px #272727;}
.floor-plan img{ margin:20px 20px; width:200px; height:200px;}
.floor-plan p{ font:normal 15px 'tahoma'; color:#272727; line-height:26px;}
.floor-plan p a{ float:right; background:#192d64; padding:5px 10px; color:#FFF; text-decoration:none; border-radius:20px; margin:10px auto;}
.floor-plan p a:hover{ background:#4ca704;}



.footer{ background:#192d64; border-top:solid 4px #4ca704; width:100%; margin-top:20px;}
.footer .foot-left{ float:left; width:45%; margin:20px 0 20px 20px;}
.footer .foot-left p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#FFF;}

.footer .foot-right{ float:right; width:45%; margin:5px 20px 5px 0; text-align:right;}
.footer .foot-right p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:right;}
.footer .foot-right p a{ color:#FF0; text-decoration:none;}
.footer .foot-right p a:hover{ color:#4ca704;}
.footer .foot-right img{ width:20%;}


.product-left{ float:left; width:25%; margin:25px auto;}

.product-right{ float:right; width:70%; margin:20px auto;}

.pro{ width:100%; margin:0 auto; margin-top:30px; border-bottom:dashed 1px #d2d2d2}
.pro .pro-img{ float:right; width:30%; margin:10px 10px;}
.pro .pro-img img{ float:left; width:100%;}
.pro .pro-img p{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center; width:100%; line-height:60px;}
.pro .pro-img p a{ background:#063e9a; padding:7px 10px; border-radius:15px; color:#fff; text-decoration:none; cursor:pointer}
.pro .pro-img p a:hover{ background:#4ca704;}


.pro .pro-cnt{ margin:5px; }
.pro .pro-cnt h1{ font:normal 20px Verdana, Arial, Helvetica, sans-serif; color:#063e9a; padding:5px 0; }
.pro .pro-cnt h1 a{ text-decoration:none; color:#063e9a;}
.pro .pro-cnt h1 a:hover{ text-decoration:none; color:#4ca704;}
.pro .pro-cnt h2{ font:normal 16px 'Bell'; color:#0d439d; text-transform:uppercase; }
.pro .pro-cnt p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#363636; line-height:20px; text-align:justify; margin-bottom:10px; max-height:200px; overflow:hidden;}
.pro .pro-cnt p a{ text-decoration:none; color:#464646; font:bold 13px Verdana, Arial, Helvetica, sans-serif}
.pro .pro-cnt p a:hover{ color:#063e9a;}

.pro .pro-cnt ul{ list-style:disc; margin:10px 0 20px 20px;}
.pro .pro-cnt ul li{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#363636; line-height:22px;}

.pro .pro-cnt ol{ margin:10px 0 20px 20px;}
.pro .pro-cnt ol li{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#363636; line-height:22px;}


/*-----------------------------------------------*/
/*---------------- Accordian --------------------*/
/*-----------------------------------------------*/

.accordian{ background:#e9e9e9; border:solid 1px #cfcfcf; }
.accordian h1{ font:normal 20px Verdana, Arial, Helvetica, sans-serif; background:#4ca704; color:#fff; padding:10px; margin:0 auto;}

.accordionButton {font:bold 15px Arial, Helvetica, sans-serif;padding:8px 10px 8px 30px;  background:url(../images/ar3.png) no-repeat 10px center; 	cursor:pointer; margin-bottom:1px; margin:5px auto;}
.accordionButton a{ color:#312a1e;  outline:none !important; text-decoration:none;}
.accordionContent li a:hover{ color:#424242; }

.accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center; color:#fff;   }
.accordion-btn-active a{ color: #312a1e; outline:none !important; text-decoration:none;}
.accordionContent {	width: auto; margin-bottom:2px; margin-left:20px;}
.accordionContent li{ background:url(../images/ar4.png) no-repeat 5px center; padding:5px 0 5px 20px; font-weight:normal; font-size:13px; border-bottom:1px dashed #fff; list-style-type:none ; font:normal 13px Verdana, Arial, Helvetica, sans-serif;}
.accordionContent li:last-child{ border-bottom:none !important }				  
.accordionContent li a{ color: #000; display:block;  outline:none !important; text-decoration:none; margin-left:15px;}

/*-----------------------------------------------*/
/*---------------- Accordian --------------------*/
/*-----------------------------------------------*/


/*-----------------------------------------------*/
/*---------------- inr form --------------------*/
/*-----------------------------------------------*/

.inr-form{ background:#e9e9e9; border:solid 1px #cfcfcf; margin-bottom:20px; text-align:center;}
.inr-form h1{ font:normal 20px Verdana, Arial, Helvetica, sans-serif; background:#4ca704; color:#fff; padding:10px; margin:0 auto;}

.inr-form input[type=name]{ width:75%; margin:0 5px; height:30px; background:url(../images/edit.png) no-repeat 10px 8px #fff; padding-left:30px; border:solid 1px #cfcfcf; margin-top:15px;}	
.inr-form input[type=email]{ width:75%; margin:0 5px; height:30px; background:url(../images/email.png) no-repeat 10px 8px #fff; padding-left:30px; border:solid 1px #cfcfcf; margin-top:15px;}
.inr-form input[type=mobile]{ width:75%; margin:0 5px; height:30px; background:url(../images/call.png) no-repeat 10px 8px #fff; padding-left:30px; border:solid 1px #cfcfcf; margin-top:15px;}
.inr-form textarea{ width:75%; margin:0 5px; height:60px; font-family:arial; font-size:12px; resize:none; background:url(../images/message.png) no-repeat 10px 8px #fff; padding:7px 0 0 30px; border:solid 1px #cfcfcf; margin-top:15px;}

.inr-form input[type=submit]{ width:50%; background:#063e9a; height:30px; color:#fff; margin:15px auto; border-radius:15px; border:none;}
.inr-form input[type=submit]:hover{ background:#4ca704;}


.bd-crm{ width:100%; text-align:left; margin:10px auto 0 auto; padding:0 0 5px 0; border-bottom:dotted 1px #cfcfcf;}
.bd-crm p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#464646;}
.bd-crm p a{ color:#063e9a; text-decoration:none;}
.bd-crm p a:hover{ color:#4ca704;}


/*-----------------------------------------------*/
/*---------------- inr form --------------------*/
/*-----------------------------------------------*/