@font-face {font-family: 'robotech_gpregular';src: url('robotech_gp-webfont.eot');src: url('robotech_gp-webfont.eot?#iefix') format('embedded-opentype'),url('robotech_gp-webfont.woff2') format('woff2'),url('robotech_gp-webfont.woff') format('woff'),url('robotech_gp-webfont.ttf') format('truetype'),url('robotech_gp-webfont.svg#robotech_gpregular') format('svg');font-weight: normal;font-style: normal;}
a,a:focus,a:active,a:hover{outline:0}
/*EQUIVALENT Font*/
.equivalent{font-family: "robotech_gpregular", serif;}
.equivalent.light{color:#fff}
.equivalent.dark{color:#000}
.equivalent.font1{font-size:24px;letter-spacing:1px;margin-left:2px }
.equivalent.font2{font-size:30px;letter-spacing:2px;margin-left:4px }
.equivalent>span:first-child{color:#ed3237}
.equivalent>span:last-child{color:#00a859}
h3 .equivalent.font1{font-size:28px;}
.chromeframe + div { display: none; }
body { font-family: 'Open Sans', sans-serif; }
header { background: #fff;border-bottom:1px solid #737a89;padding-top:41px }
header~section{font-size:16px}
header~section h3~p,header~section h2~p{line-height:1.8;margin-bottom:15px}
h2.head{color:#a03093;font-size:32px;font-weight:400;margin-bottom:30px; text-transform: capitalize; font-family:  'Sanchez', 'Sanchez', serif;}

header .navbar-nav > li > a { line-height: 60px; color: #6d6d6d; font-weight: 600; text-transform:uppercase;border-bottom:5px solid #fff}
header .navbar-nav > li > a:hover, header .navbar-nav > li > a:focus,header .navbar-nav > li > a.active { background:#eee;color: #770176;border-bottom:5px solid #7f307c }
h2 { font-size: 32px; margin-bottom: 15px; margin-top: 0; text-transform: uppercase; }
.icon-bar { background: #fff;}
.brand{overflow:hidden;display:inline-block;}
.brand>img{margin-top:15px}
.contact-header{background:#787878; color:#fff;padding:5px 0 10px 0; text-align:right;border-bottom:1px solid #606060;position:fixed;width:100%;top:0;z-index:99999;border-top:5px solid #4e4e4e;}
.contact-header a {color:#eee;margin-left:15px; font-size:13px;vertical-align:bottom}
.contact-header a:hover{text-decoration:none; color:#ddd}
.sliderbg{ overflow:hidden;background:url(../images/slider-bg.jpg) repeat-x}
.sliderbg .carousel .item { max-height: 474px; /*slider height*/ }
.sliderbg .carousel .item img { width: 100%; /*img width*/ }
.sliderbg a.carousel-control span.glyphicon{text-shadow:none; color:#7d7d7d}
/**************************Carousel*********************/
.caption-content { display: table; margin: 0 auto;padding-top:150px; padding-right:0%;position:absolute;right:0;top:0;left:0}
.equivalent-logo+.caption-content{padding-right:3%;left:auto}
.item img{width:100%}
.caption-content span {padding:15px;background:#8b4389; display:block;margin-bottom:15px;font-size:40px;color:#fff;text-align:center;font-family:  'Sanchez', serif;}
.caption-content span:last-child{background:#dfd3de; color:#8a4289;font-size:24px}
a.carousel-control span.glyphicon { background: none ;display:block;font-size: 19px;padding: 5px;width: 34px;}
.carousel-control.left,.carousel-control.right{background:none}
/**************************scroll up*********************/
.scrollup { background: none repeat scroll 0 0 #000; bottom: 40px; cursor: pointer; display: none; height: 40px; opacity: 0.8; position: fixed; right: 20px; width: 40px; z-index: 999; border-radius: 5px; text-align: center; }
.scrollup i { color: #fff; font-size: 20px; top: 8px; position: relative; }
.scrollup:hover { background: #eee; }
.scrollup:hover i { color: #000; }
/**********************VIsion Mission********************/
section#vision{background:url(../images/vision.jpg) no-repeat center center/cover fixed;color:#fff;padding-top:30px; padding-bottom:30px;
-webkit-box-shadow: inset 0px 26px 13px -23px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 26px 13px -23px rgba(0,0,0,0.75);
box-shadow: inset 0px 26px 13px -23px rgba(0,0,0,0.75);}
#vision h2{font-size:30px;margin-bottom:25px;font-family: 'Sanchez', serif;text-transform:capitalize}
#vision p{margin-bottom:20px}
#vision p >span{width:70%;display:inline-block}
#vision .visionmission>section:first-child{border-right:2px solid #c795c4;}
#vision .visionmission>section{padding-left:30px;padding-right:30px}
#vision .visionmission>section p{margin-bottom:0}
#earthing{background:#e7ddea;border-top:6px solid #fff; border-bottom:6px solid #fff}
#earthing a,#installation a{color:#a13795}
#earthing a:hover, #installation a:hover{text-decoration:underline}
#earthing img{width:100%;min-height:380px}
#earthing h2{background:#c795c4; margin:0;padding:15px;color:#fff;font-size:30px;text-align:right;font-family: 'Sanchez', serif;text-transform:capitalize}
#earthing h2:after{content:"";border-top:10px solid transparent; position:absolute;	border-bottom: 10px solid transparent;border-left: 10px solid #c795c4 ;right:5px;top:21px}
#earthing h3{color:#a13795;font-size:24px;margin-top:15px;font-family: 'Sanchez', serif;}
#earthing~section,#installation~section{padding-top:30px; padding-bottom:30px;}
#spec{background:url(../images/triangle.png) no-repeat #d6c5db left bottom}
#spec .fa-caret-square-o-right{font-size:18px}
.fa-li{text-align:left}
#spec table{background:#fff;border:20px solid #fff;margin-bottom:0}
#spec table tr>td{background:#e9e0ec; border:0;}
#spec table tr.head{border-top:2px solid #fff;color:#a03093;font-weight:bold}
#spec table tr.head>td{background:#d6c5db;}
#spec .fa-ul>li{margin-bottom:15px}
#spec .fa-ul>li>i{color:#a03093}
#advantage{color:#fff;background:url(../images/advantage-bg.jpg) #a03093 no-repeat center center/cover fixed;}
#advantage .fa-ul>li{margin-bottom:15px;}
#advantage .fa-ul>li>i, #advantage h2.head{color:#fff}
#range{background:#e0cfe2}
#range h2.head{text-transform:none;}
.types{width:16%; text-align:center;display:inline-block;margin:auto 20px}
.types>a img{border-radius:50%;width:100%;border:2px solid #fff; box-shadow:2px 2px 2px #888}
.types>a+span{display:block;font-weight:bold;margin-top:25px}
#applications{min-height:300px;}
#installation{background:#e7ddea}
section#client{background:#a9a9a9;padding-bottom:75px}
#client h2.head{color:#fff;}
#client table{width:80%;margin:0 auto}
#client table td{text-align:center;border-right:1px solid #ccc;color:#fff;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top:#1px solid #ccc}
#client .carousel-indicators{bottom:-50%}
#client table >tbody>tr:first-child>td{border-top:0;padding-bottom:20px}
#client table >tbody>tr:last-child>td{padding-top:15px}
#client table >tbody>tr>td:last-child{border-right:0}
#client a.carousel-control span.glyphicon{background:none;font-size:26px}
#client .carousel-control.left,#client .carousel-control.right{background:#a9a9a9; opacity:1}
#contact{background: #fff;}
#contact .fa-mobile-phone{font-size: 22px;margin-right: 5px;}
.contact address{margin-bottom:13px}
div.contact .addresses{background: #ba81b7; color: #fff; }
div.contact .container > .row > div {margin-top: 20px; margin-bottom: 20px; height: 325px; overflow: hidden; }
.contact address { display: block; overflow: hidden; }
.contact address span { float: left; }
.contact address span:first-child { margin-right: 15px; }
.contact address span i { font-size: 20px; }
.contact h4 { font-size: 22px; margin-bottom: 20px;}
.round{border-radius: 53%;box-shadow: 0 3px 2px #888;margin-bottom: 5px;padding-bottom: 5px;}
.caption-new{position: absolute; bottom: 0px; left: 0px; width: 100%; background:#000;padding:8px 0; opacity:.7; text-align:center;color:#fff}
#footer{background:#4e4e4e;color:#fff;font-size:14px}
#footer a{color:#fff}
#footer a:hover{text-decoration:underline}
/****************Inner Pages*****************/
h2.inner-head{background:#933288 none repeat scroll 0 0;color: #fff;font-size: 26px;margin: 0 0 15px 0;text-transform:capitalize;padding: 15px;}
.innerpage h3{font-size:20px;color:#770176;margin-top:30px}
.innerpage p{margin-bottom:15px;line-height:1.8}
.img-holder{background:#fffde9; text-align:center;margin-top:30px}
.innerpage{padding-bottom:30px}
#certificate{background:#740074;padding:15px 0 45px 0}
#certificate h2{font-size:26px;color:#fff; text-transform:capitalize;margin-top:20px;margin-bottom:30px}
#job h2{font-size:26px; color:#670063;text-transform:capitalize;margin-top:25px;margin-bottom:25px}
.job-details{background:#6d2781;padding:30px 0;color:#fff}
.job-details p{text-align:center}
.for-job >div:first-child{border-right:1px solid #fff}
.for-job >div:first-child p{text-align:right;}
.for-job >div:last-child p{text-align:left}
.for-job >div p{margin:0 !important;padding:0;font-size:16px !important}
.for-job >div p a{color:#fff !important}
.for-job >div p a:hover{text-decoration:underline}
.for-job >div p:first-child,.for-job >div p:last-child{font-size:18px !important;font-weight:600}
.director span{display:block;text-align:center;}
.director{margin-top:25px;border-bottom:2px solid #fff; padding-bottom:30px; padding-left:600px;}
#installation p.quotes{font-size:40px;margin-bottom:0}
.job-head{font-size:24px !important; margin-top:30px;margin-bottom:40px !important} 
.contact a{color:#fff}
.contact a:hover{text-decoration:underline}
.lists li{padding:5px 0}
.lists{padding-left:15px}
.contactform label{font-weight:normal;display:none}
.contactform{padding-bottom:15px}
.contactform .btn{margin-right:15px;margin-top:15px}
.contactform h2{margin-bottom:30px}
.contactform .form-group{margin-bottom:20px}
/*THUMB SLIDER*/
.jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */width: 40px; height: 40px; cursor: pointer; background: url(../images/a17.png) no-repeat; overflow: hidden; }
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssort01 { position: absolute; /* size of thumbnail navigator container */width: 800px; height: 100px; background:#7f307c }
.jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px; }
.jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #fff 2px solid; box-sizing: content-box; background: url(../images/t01.png) -800px -800px no-repeat; _background: none; }
.jssort01 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%; }
.jssort01 .p:hover .c { top: 0px; left: 0px; width: 70px; height: 70px; border: #5d145a 2px solid; background-position: 50% 50%; }
.jssort01 .p.pdn .c { background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid; }
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */width /**/: 72px; height /**/: 72px; }
/*Changes*/
.imagehold{width:100%; height:410px;background:url(../images/earthing.jpg) no-repeat; background-size:100% 100%;}
.btn-warning {background-color: #933288;border-color: #933288;}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning
{background-color: #b542a8;border-color: #933288;}
.steps p{text-align:center; font-weight:bold;margin-top:20px;margin-bottom:5px}
.steps img{width:100%;margin-bottom:20px;border:1px solid #aaa}
.bottom-offset{margin-bottom:0}
.errorTxt{text-transform:capitalize;padding-bottom:3px;font-size:14px;color:#FF0000;}
.modal-dialog{margin-top:60px}
.errorTxt {padding-bottom:20px}
/**************************Media query*********************/
/*LG Large Desktop*/ 
@media (min-width: 1200px) 
{
.navbar-collapse.collapse{padding-right:0}
}
@media(max-width: 1199px){.img-holder img{width:100%}}
/*MD Medium desktop*/
@media (min-width: 992px) and (max-width: 1199px) 
{
header .navbar-nav > li > a{padding:15px 5px; font-weight:400;font-weight:bold;font-size:13px}
.navbar-collapse.collapse{padding-right:0;}
.caption-content{padding-right:0%;left:0;padding-top:150px}
#vision p > span{width:100%}
.imagehold{height:500px; background:url(../images/earthing.jpg) no-repeat center center/cover }
#spec .col-md-4.col-sm-12{padding:0}
#spec table{font-size:15px;border:16px solid #fff;margin-top:30px}
.types{margin:0 14px}
}
/*SM - Tablet*/
@media (max-width: 991px) 
{
#spec .fa-caret-square-o-right{font-size:14px}
.contact .addresses>h4+address>span:first-child{display:none}
.for-job >div p,header~section, .caption-content span:last-child{font-size:14px}
.navbar-collapse.collapse.in{border-top:1px solid #ddd}
header .navbar-nav > li > a{padding-top:15px}
.navbar-toggle{margin-right:0;background:#888; margin-top:30px}
.brand>img{margin-bottom:10px}
/*Nav bar collapse in Tablet*/
.navbar-header{float: none;}
.navbar-toggle{display: block;}
.navbar-collapse{border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse{display: none!important;}
.navbar-nav{float: none!important;margin: 7.5px -15px;}
.navbar-nav>li{float: none;}
.navbar-nav>li>a{padding-top: 10px;padding-bottom: 10px;}
/* since 3.1.0 */.navbar-collapse.collapse.in{display: block!important;}
.collapsing{overflow: hidden!important;}
header .navbar-nav > li > a{line-height:1}
.caption-content{padding-right:0%;left:0;padding-top:75px}
.sliderbg .carousel .item{max-height:270px}
.caption-content span{font-size:22px}
.caption-content span:last-child{font-size:16px}
.equivalent-logo+.caption-content{padding-right:10%;left:auto}
#vision p > span{width:100%}
.types{width:30%;margintop:30px; margin-bottom:30px}
#range>.container{text-align:center}
#spec table{margin-top:30px;}
.txtfix{line-height:1.3}
#earthing h2::after{border:0}
.carousel-indicators{display:none}
header .navbar-nav > li > a:hover, header .navbar-nav > li > a:focus,header .navbar-nav > li > a.active { background:#eee;color: #770176;border-bottom:5px solid #eee }
#certificate img{width:100%}
.director{padding-left:0}
#footer span{float:none;display:block;text-align:center;width:100%}
#footer span.pull-left{font-size:13px;margin-bottom:15px;padding:5px 10px}
}
/*XS Extra Small Device*/
@media (max-width: 767px)  
{ 
carousel-indicat.ors{display:none}
section#client{padding-bottom:40px}
.navbar-header{padding-left:15px; padding-right:15px}
#vision .visionmission > section{text-align:left;padding-left:0; padding-right:0}
#vision .visionmission > section:first-child{border-right:0;margin-bottom:30px}
#vision .text-center{text-align:left}
.types{width:30%;margin-top:30px; margin-bottom:30px}
#contact{background:#ba81b7;padding:0 !important}
.for-job > div:first-child p{text-align:center}
.for-job > div:first-child{border-right:0;margin-bottom:30px}
.for-job > div:last-child p{text-align:center}
.job-head{margin-bottom:10px !important}
div.contact .container > .row > div{height:290px}
#contact .hidden-xs{display:block !important;margin-bottom:0}
/*Client Table*/
#client table td{display:block;border-right:1px solid #ddd; border-left:1px solid #ddd}
#client table > tbody > tr:first-child > td{border-top:1px solid #ddd}
#client table > tbody > tr > td:last-child{border-right:1px solid #ddd;}
#client table{width:75%}
#client table > tbody > tr:last-child > td:last-child{border-bottom:1px solid #ddd;}
#client table br{display:none}
#client table > tbody > tr > td{padding:10px !important}
}
@media (max-width:480px)
{
.contact-header a{display:block}
.imagehold{display:none}
.types{width:55%}
#spec table tr > td{padding:5px}
#spec table{border:2px solid #fff}
#client .carousel-control{width:3%}
.steps>div{width:100%}
}

