/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body { width: 100%; height: 100%; }
body { font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; }
.text-vertical-center { display: table-cell; text-align: center; vertical-align: middle; }

.text-vertical-center h1 { margin: 0; padding: 0; font-size: 4.5em; font-weight: 700; }
/* Custom Button Styles */
.btn-dark { border-radius: 0; color: #fff; background-color: rgba(0,0,0,0.4); }

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active { color: #fff; background-color: rgba(0,0,0,0.7); }

.btn-light { border-radius: 0; color: #333; background-color: rgb(255,255,255); }

.btn-light:hover,
.btn-light:focus,
.btn-light:active { color: #333; background-color: rgba(255,255,255,0.8); }

/* Custom Horizontal Rule */

hr.small { max-width: 100px; }

/* Content block start here*/
/* Header */
.header { display: table; position: relative; width: 100%; }
/**/
.content { padding: 20px 0; }
/* About */
.about { padding: 20px 0; }
/* Services */
.services { padding: 20px 0; }
.service-item { margin-bottom: 20px; }
/* Footer */
footer { padding: 20px 0; }
/* Content block end here */

.header .btn-group-lg > .btn, .btn-lg { margin-bottom: 100px !important; }
.headStrip {  height: 10px; /*background: #2e4b90; z-index: 50;*/ padding: 0; background: rgba(210,255,82,1);
background: -moz-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,255,82,1)), color-stop(100%, rgba(145,232,66,1)));
background: -webkit-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -o-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -ms-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: linear-gradient(to bottom, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842', GradientType=0 ); }



.topStrip { background: #fff; height: 80px; /*z-index: 50;*/ padding: 0; }
.logo { float: left; display: block; }

/* slider start here */
.slideBlock { width:450px; /*right:0; z-index:1001;*/ display:block; background: #2e4b90;  height: 350px; color:#fff; position: absolute; background:rgba(0,0,0,0.25); }

.hangingText{   width: 425px;
  right: -2px;
  display: block;
  background: #2e4b90;
  height: 100px;
  color: #fff;
  position: absolute;
  background: /*rgba(0,0,0,0.2)*/ none;
  z-index: 1001;
  top: 175px;
  padding: 5px;}
.slideFlipFrst { padding:10px; background:#c4e17f;}
.slideFlipSec { padding:10px; background:#dc6800;}

#slider1_container {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 400px; overflow: hidden;}
.loadOne {filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.loadSec {position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;}
.slideS {cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px; height: 400px; overflow: hidden; }

.slideSheaD { padding: 5px; text-align: left; line-height: 60px; /*text-transform: uppercase;*/ font-size: 40px;  color: #FFFFFF;}
.slideStexT { padding: 5px; text-align: left; line-height: 36px; font-size: 30px; color: #FFFFFF; }


.jssorb21 { position: absolute; /*margin-bottom: 26px;*/ bottom:80px; top:360px !important;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { position: absolute; /* size of bullet elment */ width: 19px; height: 19px; text-align: center; line-height: 19px; color: white;
													font-size: 12px; background: url(../img/b21.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

/* Arrows */
.jssora21l { margin-top: 190px !important; left: 8px;}
.jssora21r { margin-top: 190px !important; right: 8px;}

.jssora21l, .jssora21r { display: block; position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; 
							background: url(../img/a21.png) center center no-repeat; overflow: hidden; }
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }
/* slider end here */


/* Background images are set within the HTML using inline CSS, not here */
.fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }

.loginBox { z-index:100; width:450px; display:block; height:320px; position:fixed; top:100px; float:right; right:0px;}


@media(max-width:768px) {
}
/* Login Panel from top menu */
.colorgraph {
  height: 12px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 0px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.tops { /*z-index:1000; position:fixed; top:0px;*/ width:100% !important;}

.topspace { margin-top:20px !important;}

.navbar-inverse .navbar-nav > li > a { color:#9d9d9d;}
.navbar-inverse .navbar-nav > li > a:hover { color:#9d9d9d;}
.navbar {margin-bottom:0px !important;}
.navbar-inverse { background-color:#fff !important; border:0px !important; border-radius:0px !important; color:#000;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color:#fff !important; color:#000;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color:#fff !important; color:#000;}

.form-login-heading { background: none repeat scroll 0 0 #68dff0; border-radius: 5px 5px 0 0; color: #fff; font-size: 20px; font-weight: 300; margin: 0; padding: 25px 20px;
					 text-align: center; text-transform: uppercase;}
		
.dropdown-menu { z-index:10000;}
#login-dp{ min-width: 320px; padding: 14px 14px 0; overflow:hidden; background-color:rgba(255,255,255); }
#login-dp .help-block{ font-size:12px; }
#login-dp .bottom{ background:#2e4b90; border-top:1px solid #ddd;/*background-color:rgba(255,255,255,.8); border-top:1px solid #ddd;*/ clear:both; padding:14px; color:#fff;}

#login-dp .form-group { margin-bottom: 10px; }
.btn-fb{ color: #fff; background-color:#3b5998; }
.btn-fb:hover{ color: #fff; background-color:#496ebc  }
.btn-tw{ color: #fff; background-color:#55acee; }
.btn-tw:hover{ color: #fff; background-color:#59b5fa; }


/**/
.text-vertical-center h1 { color:#fff !important;}
.text-vertical-center h3 { color:#fff !important;}

/* Colour full Block Start Here  */
.color-box {min-height:220px; display:block; margin-left:30px; width:22% !important; float:left; }
.color-box h1 { color:#fff; text-align:center; text-shadow: 2px 1px 2px rgba(0,0,0, 0.46); text-transform: uppercase;}
.color-box h4 small { color:#fff; text-align:center;}

.color-box.firstcolorbox{background:#0A5DC2; border: #084896 solid 1px;}
.color-box.secondcolorbox{background:#fba714; border: #B08B00 solid 1px; }
.color-box.thirdcolorbox{background:#43BD0E; border: #2A7509 solid 1px;}
.color-box.fourthcolorbox{background:#FF7400; border: #7A3800 solid 1px;}
/* Colour full Block End Here  */

/* Footer text style start here*/
ul.list-unstyled { display:inline-block; padding:0px; margin:0px; float:left}
.list-unstyled li{ display:inline-block; padding:0px 5px;}
/* Footer text style end here*/

@media(max-width:768px){
    #login-dp{ background-color: inherit; color: #fff; }
    #login-dp .bottom{ background-color: inherit; border-top:0 none; }
}

/**/
blockquote { border-left:0px !important;}