.header{  background: #000 none repeat scroll 0 0;
    border-bottom: 2px solid #ccc;
   color: #fff;
    padding: 6px 9px 1px;
    }
.follow span{ padding-top:15px;}
.follow i{  font-size: 25px;  margin-left: 4px;}
.header .col-lg-4 a{ color:#fff; font-size:15px;}
.top-banner b{ float:left; line-height:25px; padding:3px 5px; color:rgba(255,0,0,1);
}
.top-banner li{ border:1px solid #ccc; padding:3px; float:left; list-style:none}
.left{ font-size:13px;}


.bdr{ border:1px solid #ccc} 
 .menu-1{ background:rgba(204,204,204,1); line-height:35px; font-size:20px; text-transform:uppercase}
 .menu-1 li{ float:left; list-style:none; padding:15px;}
 .menu1{ float:left; margin-left: 43px; color:#fff}
 .menu-1 button{ float:left; }
 
 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background:#892C7C ; color:#fff}
.nav-tabs > li.active .active{ background:#ffb400}
 
.panel-default > .panel-heading{background:#ffb400}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a{ display:block}
.nav-tabs > li > a{ background:#ffb400; border-radius:0; color:#FFF; }
.nav > li > a:focus, .nav > li > a:hover{background:#ffb400}
 
.nav-tabs > li{display: inline-block;
    margin-bottom: -1px; }
.nav > li > a{ padding:10px 54px !important;}


 .list {  border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 1401px;
    overflow-x: hidden;
    /*overflow-y: scroll;*/
	 padding:0px !important;
	 background:#EEE none repeat scroll 0 0; padding:0 !important; }
	 
 .list ul{ margin:0px; padding:0px !important;  background:#fff none repeat scroll 0 0}
.list li a { display:inline-block; color:#333; line-height:20px; font-size:14px}
 .list li a:hover { display:inline-block; color:#337ab7}

.list li h3, .list li h1 {
    background: #fff url("../images/bullet.png")7px 11px no-repeat;
    line-height: 34px;
    padding-left: 30px;
    list-style: outside none none;
    margin: 2px;
}

 
 .list1 ul{margin:0px; padding:0px !important; background:#e4e4e4 none repeat scroll 0 0; width:97%;}
 
 .item ul{ padding:0px; margin:0px;}
 .item li{ list-style:none}
 .caption1 { background: #f0f5ff none repeat scroll 0 0; border:1px dashed #083993; height:80px; padding:2px 13px; margin-bottom:10px;}
 .caption1 p{ line-height:18px}
 .caption1 h4{ font-weight:bold  }

.footer-bg{ background:#892C7C ; color:#fff}
.footer-bg p{ font-size:15px; padding:0px 11px; text-align:justify}
.f-heading{ font-size:25px; padding:15px 7px}
.footer-bg a{ color:#fff}
 
.technology ul{ margin:0; padding:0} 
.technology li{ padding:8px 15px; border:1px dashed #ccc; margin-bottom:2px; list-style: inside; }
.technology li:hover{ background: rgba(204,204,255,0.5) }
.technology-inner{ border:1px solid #ccc; padding:15px; margin-bottom:15px;}
.technology-inner p{ text-align:justify; line-height:23px; padding:4px 11px;}
.technology-inner b{ color:#af1f16} .technology-inner strong{ color:#010fa3}
 
.product-index ul{ padding:0}
.product-index li { float:left; list-style:none; padding:8px 11.3px; background:#eee; border:1px solid #ddd; margin:5px}
.product-index li a{ color:#000} 
.product-list ul{ margin:0px; width:100%; padding:0; }

.product-list li h3{ background: rgba(204,204,204,0.2) url("../images/bullet.png") no-repeat scroll 4px 10px;
    display: inline-block;
    float: left;
    line-height: 28px;
    list-style: outside none none;
    margin: 2px;
    padding: 2px 22px;
    width: 32.9%; font-size:14px}
    
.product-list li h1{background: rgba(204,204,204,0.2) url("../images/bullet.png") no-repeat scroll 4px 10px;
    display: inline-block;
    float: left;
    line-height: 28px;
    list-style: outside none none;
    margin: 2px;
    padding: 2px 22px;
    width: 32.9%; font-size:14px}
    
.product-list li a{ display:block}
.product-list li a:hover{ display:block; color:#F00}

 /* -----------Tab Start-----------*/
.accordion {
  padding: 0;
  margin: 0em 0em 1.1em 0em;
  width: 100%;
  overflow: hidden;
  font-size: 1em;
  position: relative;
}

.accordion__title {
/*  padding: 0 3.6em;*/
  background:#ffc400 none repeat scroll 0 0;
  border-top: 2px solid #ff9900 ;
  color: #222;
  float: left;
  line-height: 3;
  height: 3em;
  width:48%; text-align:center;
  cursor: pointer;
  margin-right: .25em;
}

.no-js .accordion__title {
  float: none;
  height:auto;
  cursor:auto;
  margin:0;
  padding:0 2em;
}

.accordion__content {
  float: right;
  width: 100%;
  margin: 3em 0 0 -100%;
 /* padding:2em 0.2em;
  background: #e4e4e4 none repeat scroll 0 0;*/
}

.no-js .accordion__content {
  float:left;
  margin:0;
}

.accordion__title:hover, .accordion__title.active {
    background: #892C7C  none repeat scroll 0 0;
    color: white;
}

.no-js .accordion__title:hover {
  background-color:#ccc;
  color:#222;
}

.accordion__title.active {
    border-top-color: #302584;
}

@media (max-width: 55em) {
 .list {  border: none;
    height: 1226px;
    overflow-x: hidden;
    overflow-y: scroll;
	 padding:0px !important;
	 background:#EEE none repeat scroll 0 0; padding:0 !important; }
.product-list li{ width:100%}
}
@media (max-width: 80em) {
 .nav > li > a {
    padding: 10px 38px !important;
}
}
/* -----------Tab End-----------*/

/* Page Header */
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
}

.page-header h3 {
        line-height: 0.88rem;
        color: #000;
        }



/* Thumbnail Box */
.caption h4 {
    font-size: 1rem;
    color: #444;
    }
    .caption p {
        font-size: 0.75rem;
        color: #999; 
        }
        .btn.btn-mini {
            font-size: 0.63rem;
            }


/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
	 margin-top: -41px;
    position: absolute; 

}
.control-box a{}

.carousel-control{
        background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;
 }


 

/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}

 
 
  


 
.stylish-input-group .input-group-addon{
    background: white !important; 
}
 
.stylish-input-group button{
    border:0;
    background:transparent;
}



/* Page Header */
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
}

.page-header h3 {
        line-height: 0.88rem;
        color: #000;
        }



/* Thumbnail Box */
.caption strong {
    font-size:15px;
	padding:5px 0px; color:#083993
 }
.caption p {
        font-size:15px;
        color: #000;
 }
.btn.btn-mini {
  font-size:15px;
 }


/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;

}

.carousel-control{
    background: #666 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    display: inline-block;
    font-size: 33px;
    font-weight: 200;
    height: 27px;
    line-height: 13px;
    opacity: 10;
    padding: 4px 10px 0;
    position: static;
    width: 15px;
 }

.slider-h li { list-style:none !important; padding: 0px 4px;}

 

/* Mobile Only */
@media (max-width: 767px) {
    .page-header {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}

 
 
 
/* -----------Marquee Slider Start-----------*/
 
 
 
 

.scroll-img {
  height: 100px;
  overflow: hidden;
  font-size: 0;
  margin-top: 6px;
}

.scroll-img1 {
  height: 33px;
  overflow: hidden;
  font-size:15px;
 
}

.scroll-img1 ul li{ border:none;   margin:0px 0 13px -3px !important}

.scroll-img ul {
 
  height: 600px;
  margin: 0;
  padding:0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
 
#demo5.scroll-img ul {
  width: 1500px;
}
#demo5-btn {
 
  padding-bottom: 10px;
}

 
#demo51.scroll-img ul {
  width: 1500px;
}
#demo51-btn {
 
  padding-top: 10px;
}

#demo5-backward{ float:left; margin-top:-50px; opacity:0.8}
#demo5-backward:hover{  opacity:10}
#demo5-forward{ float:right; margin-top:-50px; opacity:0.8}
#demo5-forward:hover{  opacity:10}
 /* -----------Marquee Slider End-----------*/
 
 
.thumbnail{ margin-bottom:5px}
.caption2 p{background: rgba(232,232,232,1); padding:5px; text-align:center}
.caption2 p a{color:#000}
 
.footer-social i{ text-shadow:2px 2px 2px #000}
.footer-social .fb{ background:#3b5997; border-radius:5px; border-bottom:#143373 solid 3px; border-right:#143373 solid 3px; font-size: 18px; padding: 8px 0; text-align: center; width: 37px;}
.footer-social .twit{ background: #29c5f6; border-radius:5px; border-bottom:#039fd2 solid 3px; border-right:#039fd2 solid 3px; font-size: 18px; padding: 8px 0; text-align: center; width: 37px;} 
.footer-social .g{ background: #de332c; border-radius:5px; border-bottom:#b60d06 solid 3px; border-right:#b60d06 solid 3px; font-size: 18px; padding:  8px 0; text-align: center; width: 37px;} 
.footer-social .linked{ background: #016bbf; border-radius:5px; border-bottom:#004799 solid 3px; border-right:#004799 solid 3px; font-size: 18px; padding: 8px 0; text-align: center; width: 37px;} 

.test p{ font-weight:bold; color:#006; line-height:15px }
.test p a{color: rgba(255,0,0,1);}.test p+p a{color:#083993 }
.test p a:hover{color:#DC127A}.test p+p a:hover{color: rgba(255,0,0,1); background:none !important}


.f-copyright{ font-size:15px; background:#000; color:#fff; padding:8px 0px;}
.f-copyright a{ color:#892C7C } 

.pre-pro ul{ margin:5px; padding:0}
.pre-pro li{ float:left; border:1px solid #ccc; list-style:none; margin:5px }
.pre-pro p{ text-align:center}



.footer-menu  ul{ margin:0; padding:0}









.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #892C7C ;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}




.modal-body .form-horizontal .col-sm-2,
.modal-body .form-horizontal .col-sm-10 {
    width: 100%
}

.modal-body .form-horizontal .control-label {
    text-align: left;
}
.modal-body .form-horizontal .col-sm-offset-2 {
    margin-left: 15px;
}


.pro-pg .button1{ padding:5px; margin:5px; text-align: center;}
.pro-pg .button2{ background: rgb(254,191,1);
background: -moz-linear-gradient(-45deg, rgb(254,191,1) 0%, rgb(255,154,2) 100%);
background: -webkit-linear-gradient(-45deg, rgb(254,191,1) 0%,rgb(255,154,2) 100%);
background: linear-gradient(135deg, rgb(254,191,1) 0%,rgb(255,154,2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#ff9a02',GradientType=1 ); border:1px solid #ffd200; color:#000;  padding:8px 25px; border-radius:5px;}


.pro-pg strong{ font-size:20px; padding:10px 0px; display: block} 
.add .h2{color: #892C7C ; font-size: 28px; font-weight: bold; text-align: center;}
.add p{ padding:0px 15px;}


.heading1{color: rgb(153, 0, 0); font-size: 18px; font-weight: bold; padding-bottom: 11px; padding-top: 15px; }
.heading1 a{ color: #660066}
.main-pg .bdr{ margin-bottom:5px;}
.main-pg .button2{ margin:15px 0px; background:#892C7C ; border:1px solid #663366; color:#FFF!important }
.main-pg .button2:hover{ margin:15px 0px; background: rgba(255,153,0,1); border: 1px solid #FF6600}
.logo h1{ margin:0; padding:0}
.scroll-img1 h2{ font-size:15px; margin:0; padding:0}
.caption1 h7{ font-size:15px; font-weight:bold; color:#083993; margin:0; padding-top:5px;}
.caption1 h4{ font-size:13px; line-height:20px; color:#000; margin:0; padding-top:5px;}
.caption2 h5{ font-size:15px; margin:0; padding:0px; line-height:30px;  background: rgb(232, 232, 232) none repeat scroll 0 0;  text-align: center;}
.f-copyright h3{ font-size:15px; margin:0; padding:5px}
.add h4 { font-size: 15px; line-height: 22px; padding: 0 15px; }
.pre-pro h3{ margin:0; padding:0; font-size:15px; text-align:center; line-height:25px}
.hilite{
    background-color: yellow;
}

/*popup start */
 
 
#popup_this img{ width:100%; cursor:default}
#popup_this { top:15%;
left:25%;
right:25%;
   display:none; /* Hide the DIV */
    position:fixed;  
   	_position: relative; /* hack for internet explorer 6 */
    background: #fff; 
	border:2px solid #ccc; padding:24px 15px 7px; border-radius:5px; 
    z-index:100;  cursor:pointer; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
}
#popupBoxClose{ color:#F00; text-align: right; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
#countDown span{ color:#F00; }
 
 
#overlay{
display: none;
	z-index: 2;
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
}
#popup1 iframe{ width:100%; height:540px; border:0px;}

@media (max-width: 767px) {
	 
/* PopUP Start */
#popup_this {top:10%; left:0; right:0;}
/* POp Up End*/
}
/*       popup end          */

.content p{ padding:15px; border:1px dashed #ccc}



.margin{ margin:4px 0px; padding:10px;}

.footer{padding:15px;}
.footer ul{ text-align:center; }
.footer li{ display:inline-block; padding:0px 5px; margin:5px 0px;  border-left:1px solid #fff;}

.footer li:first-child{ border-left:none;}
.footer li a{ display: inline-block; position: relative;}

.sitemap ul{ float:left; /*padding-left:25px;*/ font-size:14px; font-weight:bold;}
.sitemap li{ padding-left:25px;  background:url("../images/bullet.png")7px 12px no-repeat ;line-height:35px; float:left; }
.sitemap ul li a{ color: rgba(0,0,0,1);  text-decoration:none}
.sitemap ul li ul li a{ color: rgba(51,51,51,1);line-height:35px; padding:0; border-bottom:none; font-weight: normal !important; text-decoration:none}
.sitemap ul li ul li h3{ background:none !important; line-height: 0px; padding-left: 0px;}
.sitemap ul li ul { padding-right:25px}

.sitemap ul li ul li h1{ background:none !important; line-height: 0px; padding-left: 0px;}

.counter{background: rgb(226,226,226);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); color:#000; padding: 2px 7px 2px 14px;
border: 1px solid #3F4C6B;
border-radius: 4px;
letter-spacing: 9px;
text-align: center; font-family:Playball-Regular;}

@font-face {
  font-family:'Playball-Regular';
  src: url('/css/Playball-Regular.eot') format('embedded-opentype');
    src: url('Playball-Regular.ttf');
        src: url('Playball-Regular.ttf') ;
    font-weight: normal;
  font-style: normal;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: inline !important;
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
 
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


hr{ border-bottom:1px solid #d9d9d9}
 
 
 
 
 .box {
   
  position: relative;
  animation: move 3s ease infinite;
  animation-direction: alternate;
  transition: 0.3s; color:rgba(255,255,255,1);
  background:#022C8C;padding: 11px 11px;
border-radius: 50%;
 }
 .box:hover{ background:#FDBD02;}
 
  .box1 {
   
  position: relative;
  animation: move 3s ease infinite;
  animation-direction: alternate;
  transition: 0.3s; color:rgba(255,255,255,1);
  background:#FDBD02;padding: 11px 11px;
border-radius: 50%;
 }
 .box1:hover{ background:#022C8C;}
 
 
 
 .top-menu{  
  font-size: 15px;
  font-weight: bold;
  padding-top:20px;
} .box .fa-mobile{ font-size: 20px;
line-height: 30px;
padding: 4px;}
 .box .fa-envelope{ font-size:18px; line-height:30px}
 
 
@keyframes move {
  0% {left: 0px; background-position: 0%}
  50% {left: 10px; background-position: 100%}
  100% {left: 0px; background-position: 0%}
}

 
#contact .card:hover i,#contact .card:hover h4, #contact .card:hover p{
color:#042885;
overflow:hidden
}

#contact .card h4{ line-height:25px}
#contact .card-body{ cursor:pointer;overflow:hidden;}
.ov-h{overflow: hidden;}

.card .well-lg{padding:16px 19px;}
.colorstar{ color:#F00}
.contact-branch div{ font-weight:normal}

#contact .h4, h4 {
  font-size: 17px;
}