@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');


*{ font-family: 'Lato', sans-serif;
margin:0 auto; padding:0 0;}

body{ background:url(../images/top-bg.png) center top repeat fixed; margin:0 auto; padding:0 0; font-size: 16px;}

.clr{ clear:both;}

.pull-right a{ color:#fff;}

.p{
    font-size: 16px;
}
.topdiv{
    display: none;
}

.btn.btn-success.btn-block.btn-lg {
    position: relative;
    top: 18px;
}


.input-group-addon2 {
    padding: 8px 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
     background-color:#eee;
      border: 1px solid #ccc;
        border-right-color: rgb(204, 204, 204);
        border-right-style: solid;
        border-right-width: 1px;
        border-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
}
.input-group-addon2, .input-group-btn {
    width: 34px;;
    white-space: nowrap;
    vertical-align: middle;
	height:34px;
}
   
.Captch {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}


.MT{ margin-top:10px;}
.MT20{ margin-top:20px;}
.MT30{ margin-top:30px;}
.MT40{ margin-top:40px;}
.MT50{ margin-top:50px;}

.MB10{ margin-bottom:10px}
.MB20{ margin-bottom:20px}
.MB30{ margin-bottom:30px; position:relative; top:30px;}

.PD10{ padding:10px;}
.PD20{ padding:20px; padding-top: 5px;}
.PD30{ padding:30px;}
.PD40{ padding:40px;}

.p-grorich {
    
    
    position: relative;
    right: 178px;
    bottom: 77px;
	padding:35px;
}
.cdn{
	 background: #285aa5;
    position: relative;
    bottom: 178px;
	}

.bg{ background:#fff; box-shadow:1px 2px 5px #999;height: 120px;}

.modal-content h4{ background:#4445c1; padding:10px; color:#fff;}

/* header */
header{}
header > .container{}
/* logo */
.navbar-brand{ height:auto; padding-left:0}
.navbar-brand img{ max-height: 160px;    width: 140px;    padding-left: 30px;}
/* top right */
.top-right{ color:#fff; padding:10px; text-align:right;}
.top-right a{ color:#fff; display:inline-block; text-decoration:none;}
.top-right a:hover{  color:#fff; }
.top-right .mob{ font-size:22px; font-weight:bold}
.top-right .email{}
/* navbar */
.navbar{ min-height:auto;width:60%;}
.navbar-default{ background:none; border:none; margin-bottom:0; border-radius:0;}
.navbar-collapse{ padding:0}
.navbar-collapse .navbar-nav > li > a{ color:#4445c1; padding:8px 15px}
.navbar-collapse .navbar-nav > li > a .glyphicon{ color:#4445c1;}
.navbar-collapse .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{ color:#000}
.navbar-collapse .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color: #fff;
background-color: #4445c1;
padding: 30px 10px 30px 10px;
margin: -30px 0px 7px 5px;}

.navbar-collapse .navbar-nav > li > .active > a .glyphicon{
    color: #fff;
}
.navbar-collapse .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background:none; color:#48b548}
.dropdown-menu > li > a:hover{ background:#6ab769; color:#fff}

.navbar-default .navbar-nav > a{background:none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:#2e529e; color:#fff;  border-bottom: 2px #627fb9 solid; background-color: rgba(0, 0, 0, 0.23) !important; }
/* Affix */
header.affix-top{ position:absolute; height:150px; z-index:999; width:100%; top:0;}
header.affix{ z-index:999; position:fixed; top:0; width:100%;
animation: 0.5s ease 0s normal forwards 1 running slidedown; transform: translateY(-100%);
}
header.affix .navbar-brand img{ }
/* animations */
@-o-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-moz-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}

.banner{ width:100%; border: 5px solid rgba(70,70,70,0.2); position: relative;
    bottom: 19px;}
.banner img{ width:100%; }



.form{ border: 5px solid rgba(0,0,0, 0.2); min-height:390px; background:rgba(255,255,255, .5); background-color: #fff;
position: fixed !important; width: 370px; position: relative;
bottom: 3px;}
.form h3{ margin:0 auto; background:#285aa5;  color:#fff;text-align: center; padding: 4px; font-size: 18px; line-height: 25px;}
.form p{ margin:0 auto; background:#4445c1; padding:20px; color:#fff;text-align: center;}
.form-group lable{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
.form-group h4{ color:#fff;}

.forms {
    border: 5px solid rgba(0,0,0, 0.2);
    min-height: 390px;
    background: rgba(255,255,255, .5);
        background-color: rgba(255, 255, 255, 0.5);
    background-color: #fff;
    position: fixed;
    width: 370px;
}

.in-captcha {
    margin: 0 auto;
    background: #4445c1;
	padding: 5px !important;
	color:#fff;
	text-align: center;
	float: left;
	position: relative;
	right: 22px;
	width:60px;
	border: 1px solid;
}
.error-captcha{
	color:#F00 !important;
	background:none !important;
	width:100% !important;
	height:25px;
	}

.fl{ float:left;}
.space {
    position: relative;
    /*margin: 50px;*/
}

div#products {
    position: relative;
    top: 30px;
}

div#gallery {
    position: relative;
    top: 30px;
}



.about{ box-shadow:1px 2px 5px #999; border-bottom: dotted 1px #999; background:rgba(255,255,255, .5); position: relative;}
.about img{ float:left; width:40%; padding:10px 20px; max-height:200px}
.about h3{ margin:0 auto; background:#303030; padding:10px 20px; color:#fff;}
.about h3 span{ float:right}
.about h3 a{ color:#fff;}
.about h3 a:hover{ color:#4445c1;}
.about p{ padding:10px 20px; text-align:justify;}
.btn-success:hover{background-color: #f2f2f2}
.cont{ margin-bottom:20px; box-shadow:1px 2px 5px #999; border-bottom: dotted 1px #999; background:rgba(255,255,255, .5); position: relative; top: 50px;}
.cont h3{ margin:0 auto 10px auto; background:#303030; padding:10px 20px; color:#fff;}
.cont h3 a{ color:#fff;}
.cont h3 a:hover{ color:#4445c1;}

.cont p span{ font-weight:bold;}
.cont iframe{ box-shadow:1px 2px 3px #999; border:solid 5px #000; width:100%; margin:0 auto; padding: 5px;}

.service{ margin-bottom:10px; box-shadow:1px 2px 5px #999; border-bottom: dotted 1px #999; background:rgba(255,255,255, .5);}
.service h3{ margin:0 auto; background:#303030; padding:10px 20px; color:#fff;}
.service h3 span{  display:none;}
.service h3 a{ color:#fff;}
.service h3 a:hover{ color:#4445c1;}

.prd{ text-align:justify;  padding:12px 13px 0px 26px; text-align:center}
.prd h4{ text-align: center;
font-weight: 600;
padding: 10px;
font-size: 18px;}
.prd img{ width:auto 100%; max-width:100%; height:150px; box-shadow:1px 2px 5px #999; border-radius:0 20px 0 20px;}
.prd p{ margin-bottom:10px; text-align:justify;}
.prd p a{ float:left; background:#285aa5; padding:8px 10px;  color:#fff; border-radius:3px; text-decoration:none; position: relative; right:0px; bottom: 38px;}
.prd p a:hover{ background:#4445c1;}

.read-more-target p{ margin:0 auto;}

footer{ margin-top:10px; background:#303030; padding:15px 20px; color:#fff; margin-top: 151px; position: relative;clear: both;}
footer img{ vertical-align:middle;}


.rgt-pnl{ float:left; width:100%; background:rgba(255,255,255, .5); text-align:justify; text-align:center; box-shadow:1px 2px 5px #999; padding-bottom:10px}
.rgt-pnl h3{ color:#fff;  background:#303030; padding:10px 20px; margin:0 auto; text-align:left;}
.rgt-pnl h4{ color:#fff;  background:#303030; padding:10px 20px; margin:0 auto; text-align:left;}
.rgt-pnl ul{ list-style:disc; margin:20px 30px 30px 40px}
.rgt-pnl ul li{ text-align:left; line-height:32px; border-bottom: dotted 1px #999;}
.rgt-pnl p{  margin:10px 20px; text-align: justify;}
.rgt-pnl p span{ font-weight:bold; font-size:15px;}
.rgt-pnl p a{ text-decoration:none; color:#3d7916;}

.video { width:95%; padding:15px 10px}
.video iframe{ width:90%; margin:20px auto;}
.video img{ width:100%; margin:0 auto;}

.gly{  width:100%; background:#fff; text-align:justify; text-align:center; box-shadow:1px 2px 5px #999; padding-bottom:10px; position: relative; top: 45px;}
.gly h3{ color:#fff;  background:#303030; padding:10px 20px; margin:0 auto; text-align:left;}
.gly img{ width:42%; margin:10px 5px; border:solid 1px #cfcfcf; height: 200px; overflow: hidden;}

.foot{ width:100%; height:5px; background:#303030;}

.divide{ background:#fff; z-index:999; width:100%; position:relative}

/* carousel */
.testi{ background:rgba(255,255,255,.6); padding:0 0 20px 0; box-shadow:1px 2px 5px #999; width:100%;}
.testi h3{ color:#fff;  background:#303030; padding:10px 20px; margin:0 auto; text-align:left;}
#quote-carousel {padding: 0 10px 30px 10px; margin-top: 30px; text-align:center;}
#quote-carousel img{ width:100px; height:100px; border-radius:50%; margin:10px auto;}
/* indicator position */
#quote-carousel .carousel-indicators {  top: auto; bottom: -10px; width:100%; }
/* indicator color */
#quote-carousel .carousel-indicators li { background: #c0c0c0;}
/* active indicator */
#quote-carousel .carousel-indicators .active { background: #333333; height:10px; width:10px; margin-bottom:1px;}
/* typography */


/*---------------------------------------*/
/*-----------Lightbox--------------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:1000px; max-height:530px; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{background: none repeat scroll 0 0 #424242; border-radius: 19px; color: #fff; left: -5px; opacity: 1; padding: 5px; position: absolute; text-align: center;
  		  width: 100%; z-index: 9999999 !important;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.html) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.html) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
  


/*-----------------------------------------------*/
/*---------------- side button --------------------*/
/*-----------------------------------------------*/
.side-form{ display:block;}
.side_btn{ background:#285aa5; color:#fff; font:normal 12px Verdana, Arial, Helvetica, sans-serif; position:fixed; padding:10px 10px; 
transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);
border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0; border:1px solid #fff; border-bottom:none;  overflow:hidden;}

.side_btn:hover{ background:#4445c1; color:#fff; cursor:pointer; text-shadow:none}
.side_frm{ position:fixed; background:#303030; padding:10px;  z-index:999; text-align:center; width:248px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; }
.side_frm p{ font:normal 18px Verdana, Arial, Helvetica, sans-serif;}

.side-form .btn{ width:100%; padding:5px}

.side_btn{right:210px; top:35%; display:none; position:fixed; z-index:99; display:none;}
.side_frm{top:25%; right:-2px; display:none }
.side_btn_hide{right:-38px; top:35%;}
.side_frm_hide{top:25%; right:-248px; }
.side_btn,.side_frm,.side_btn_hide,.side_frm_hide{ transition:all ease-in-out 0.3s}


/*-----------------------------------------------*/
/*---------------- side button --------------------*/
/*-----------------------------------------------*/

/*------------------------------------------*/
/*---------------  Read More ---------------*/
.btn-success {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.btn-success {
    color: #FFF;
    background-color: #000;
    border-color: #fff;
}
.btn-success:hover{background-color: #000;}
.btn-success.focus, .btn-success:focus{background-color: #000;}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success{background-color: #000;}

.read-more-state {  display: none;}
.read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; display:block;}
.read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em;}
.read-more-state ~ .read-more-trigger:before { content: 'Read more'; font:normal 13px Verdana, Arial, Helvetica, sans-serif;}
.read-more-state:checked ~ .read-more-trigger:before { content: 'Read less';}
.read-more-trigger { cursor: pointer; 
  text-align:center;
  font-size:15px;
  display: inline-block;
  padding:8px;
  color: #FFF;
  border-radius:3px;
  background:#464646;
  width: 40% !important;
  position: relative;
  left:58px !important;
}

a.ab {
    float: unset !important;
    padding: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    background: unset !important;
    color: #333333 !important;
}
.read-more-trigger:hover {
  background:#303030;
}



/*---------------  Read More ---------------*/
/*------------------------------------------*/


@media only screen and (min-width:1025px) and (max-width: 1199px)
{
.banner { min-height:350px;}
.banner img{ min-height:350px;}
.form{ min-height:300px; }
}

@media only screen and (max-width: 1024px) {

.form-group{margin-bottom:10px}
.form { height:auto; min-height:323px;}
.form .PD20{ padding:10px 20px; background-color: #285aa5 !important;}

}

@media only screen and (min-width:981px) and (max-width: 991px)
{
.banner { min-height:315px;}
.banner img{ min-height:315px;}
.form{ min-height:300px;}
}

@media only screen and (max-width: 980px) {
.container{ width:100%;}
.banner img{ width:100%; height:400px; min-height:315px}
.row{ padding:0 20px;}
.rgt-pnl{ width:45%; margin:15px;}
.testi{ width:45%; margin:15px;}
.row{ margin-left:0; margin-right:0;}
.gly img{ width:30%; height:170px}

}

@media only screen and (max-width:900){ 
.cboxPhoto{ width:100%; height:auto }
.row{ margin-left:0; margin-right:0;}

 }

@media only screen and (max-width: 800px) {
.logo{ width:80%;}
.rgt-pnl, .testi{ float:left; width:46%; margin:10px 15px}
.form{ margin:0 auto; width:100%; min-height:inherit}
.top-right a{ width:auto;}
.form h3{ padding:10px !important; font-size:18px; text-align: center;}
.form-group{ width:100%; height:20px float:none; margin:10px auto}
.btn{ width:100%; margin:0 auto; padding:5px}
.banner img{ width:100%; height:300px; min-height:290px}
.row{ margin-left:0; margin-right:0;}
.rgt-pnl{ width:45%; margin:15px;}
}


@media only screen and (max-width: 768px) {
.rgt-pnl{ float:left; width:45%; }
.cboxPhoto{ max-width:540px !important; max-height:300px !important  } 
    .form{ margin-bottom:20px;}
     .topdiv{
        display: flex;
    }

}

@media only screen and (min-width:641px) and (max-width: 767px)
{
     .topdiv{
        display: flex;
    }
.top-right { position:absolute; z-index:99;}
.navbar .navbar-header{ background:#97e796;}
.navbar-brand{ text-align:center; float:none;}
.navbar-brand img{ text-align:center; width:40%; margin:10px auto; }
.carousel-caption p{ font-size:18px;}
.row{ margin-left:0; margin-right:0;}
.rgt-pnl{ width:45%; margin:10px;}
.gly img{ width:30%; height:150px}
}


@media only screen and (max-width: 640px) {
     .topdiv{
        display: flex;
    }
body{ padding:0 0;}
.row{ margin-left:0; margin-right:0;}
.navbar-brand{text-align:center}
.navbar-brand img{ width:auto; max-width:100%; max-height:70px; text-align:center}
.top-cnt{ margin: 0 auto}
.top-cnt p a{ padding:5px; margin:0 auto; white-space:nowrap}
.form{ margin-bottom:20px;}
.form {
    margin-bottom: 20px;
    float: left;
    position: inherit;
}
.p-grorich {
    position: relative;
	bottom:100px!important;
    right: 0px !important;
    left: 100px !important;
	padding: 0px !important;
}
.banner{float: left;}
.rgt-pnl, .testi{ float:left; width:100%; margin:0 auto; margin-bottom:20px;}
.rgt-pnl iframe{ width:70%; height:300px}
.service{ padding-bottom:20px;}
.service img{ height:200px;}
.form-group{ width:auto; float:none; margin:10px auto}
.banner img{ width:100%; height:auto; min-height:inherit}
.top-right { position:absolute; z-index:99;}
.tbl-cl.VAM {float: none !important;}
.top-right { position:inherit; z-index:99;margin-top:10px;margin-top: 0px !important;display: flex;} 
.top-right p{ text-align:center}
.container-fluid>.navbar-collapse{ background:#285aa5;width: 768px; position:absolute; z-index: 999;}
.about{ top:0px !important;}
.ac_link{padding: 0px !important; 0px !important; top:0px !important;}
footer { margin-top: 155px !important;}
.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{ float: left;}
.prd{ padding:45px 30px; border-bottom:dotted 1px #999; margin:0 auto;}
.prd:hover{ background:#fff;}
.read-more-trigger {
    width: 100% !important;
    top: 45px !important;
	left:0px !important;
}
.prd p a {
    display: block;
    width: 100% !important;
	text-align:center;
}
header.affix{ position:static; animation:none;}

.gly img{ width:40%; margin:10px; border:solid 1px #cfcfcf; height:140px; position:relative; z-index:99;}
.navbar-collapse{ padding:10px}
.navbar-collapse .navbar-nav > li > a{ color:#fff; padding:8px 20px}
.navbar-collapse .navbar-nav > li > a:hover{ background:#379f37 !important; color:#fff;}
.navbar-collapse .navbar-nav > li > a .glyphicon{ color:#fff;}
.navbar-collapse .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background:none; color:#fff}
.dropdown-menu > li > a:hover{ background:#6ab769; color:#fff}
.service h3 span{ float:right; font-size:15px; padding:5px 0; display:block}
.carousel-caption p{ font-size:18px;}
    ..navbar-toggle{
        background-color: #4445c1 !impotant;
    }
    .navbar-toggle .icon-bar{
        width: 25px !important;
        height: 3px !important;
    }
.about img{ width:50%;}
.side_btn{ top:17%;}
.side_frm{ top:10%;}
.pull-right{ text-align:center; float:none !important}

.rahul-cpt .input-group-addon2 {
   float: left;
   position: relative;
   left: -56px;
   width: 41px;
   top: 1px;
}

.rahul-cpt input#chk {
   position: relative;
   top: -33px;
   left: -11px;
}

.rahul-cpt input#ran {
   float: right;
   position: relative;
   top: -67px;
   left: 36px;
}


}


@media only screen and (max-width:480px){ .cboxPhoto{ max-width:340px !important; max-height:200px !important  } 
.logo img{ width:100%; max-width:100%; max-height:70px;}
.about img{ width:100%; max-height:inherit}
.gly img{ width:90%; margin:10px auto; padding:10px; height:auto;}
     .topdiv{
        display: flex;
    }
	.rahul-cpt .input-group-addon2 {
   float: left;
   position: relative;
   left: -56px;
   width: 41px;
   top: 1px;
}

.rahul-cpt input#chk {
   position: relative;
   top: -33px;
   left: -11px;
}

.rahul-cpt input#ran {
   float: right;
   position: relative;
   top: -67px;
   left: 36px;
}
.input-group.rahul-cpt {
    position: relative;
	margin-bottom: -65px !important;
	}
}

@media only screen and (max-width: 360px) {
.logo img{ width:100%; max-width:100%; height:50px;}
.service img{ height:auto}
.btn{ width:100%; margin:0 auto;}
.rgt-pnl iframe{ width:70%; height:200px}
.cboxPhoto{ max-width:220px !important; max-height:150px !important  }
.top-cnt p a{ line-height:30px;}
.gly img{ width:80%; height:150px;}
    .topdiv{
        display: flex;
    }
.rahul-cpt .input-group-addon2 {
   float: left;
   position: relative;
   left: -56px;
   width: 41px;
   top: 1px;
}

.rahul-cpt input#chk {
   position: relative;
   top: -33px;
   left: -11px;
}

.rahul-cpt input#ran {
   float: right;
   position: relative;
   top: -67px;
   left: 36px;
}
.input-group.rahul-cpt {
    position: relative;
	margin-bottom: -65px !important;
	}	
}


@media only screen and (max-width: 320px) {
.logo img{ width:100%; max-width:100%; height:60px;}
.rahul-cpt .input-group-addon2 {
   float: left;
   position: relative;
   left: -56px;
   width: 41px;
   top: 1px;
}

.rahul-cpt input#chk {
   position: relative;
   top: -33px;
   left: -11px;
}

.rahul-cpt input#ran {
   float: right;
   position: relative;
   top: -67px;
   left: 36px;
}
.input-group.rahul-cpt {
    position: relative;
	margin-bottom: -65px !important;
	}

}
@media(max-width: 767px) {
	
	.form {
    background-color: #fff;
    position: unset !important;
       
}
}

/*Custom CSS*/
.errmsg-body{    
	background: wheat none repeat scroll 0 0;
    border: 1px solid #ccc998;
    color: #BF0C0C;
    font: 12px/11px arial;
    margin: 10px 0px;
    padding: 5px;
}
.errmsg-body > ul{
    padding-left:10px;
    overflow:hidden;
}
.errmsg-body > ul li{
	padding:1px;
	margin-top:2px;
        float:left;
}
.prod-prime{	
	margin: 20px 0 0 0;
}
/*For Thankyou*/
.thankyou .tbl{display: table; width: 100%; height: 300px}
.thankyou .tbl-cl{display: table-cell}
.thankyou .VAM{vertical-align: middle}
.thankyou .TAC{text-align: center}
.thankyou img{max-width: 100%;}







@media (min-width: 768px){
.navbar-right {
    float: right!important;
    margin-right: -15px;
    margin-top: 44px;
}}

.top-right{    margin-top: -67px;}

body {
    height: 6000px;
    font-family: Helvetica, Arial;
}

#top-menu {
    position: fixed;
    z-index: 1;
    background: white;
    left: 0;
    right: 0;
    top: 0;
}

#top-menu li {
    float: left;
}

#top-menu a {
    display: block;
    padding: 5px 25px 7px 25px;
    width: 4em;
    text-align: center;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
    border-top: 3px solid white;
    color: #aaa;
    text-decoration: none;
}

#top-menu a:hover {
    color: #000;
}

#top-menu li.active a {
    border-top: 3px solid #333;
    color: #333;
}

#about{
   position: relative;
   
}

#service{
    position: absolute;
    top: 800px;
}

#contact {
    position: absolute;
    top: 1200px;
}