/*
    Theme Name: Day
    Theme URL: https://bootstrapmade.com/day-multipurpose-html-template-for-free/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/
/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');

@import 'https://fonts.googleapis.com/css?family=Lato';

body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	overflow-x:hidden;
}

hi,h2,h3,h4,h5,h6 {
	color:#272727;
	line-height:1.1em;
}

p {
	color:#aaa;
	font-size:13px;
}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#272727;
}
a:hover {
	text-decoration: none;
	color:#aaa;	
	}

.btn {
	border-radius:0;
	margin-top:10px;
	/*background-color: #65AAF0;*/
	text-transform:uppercase;
	border-color:#fff;
	font-size:14px;
}

.btn:hover {
	
	border-color:#f2f2f2;
	color:#272727;	
}

p{ font-family: 'Lato', sans-serif!important; color:#222!important; font-size:15px; line-height: 28px; letter-spacing: 0.02em;}
	
.freelance-writing{font-family: 'Lato', sans-serif!important;}	
/*===========================
  Menu and Navigation
============================ */
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand h1 {
	margin-top:9px;
	padding-top:5px;
	float: left;	
	font-size: 25px;	
	color:#fff;	
	text-transform:uppercase;
	font-weight:600;
}

@media (max-width: 767px) {
  .navbar-brand {
    padding: 0 0 0 15px;
  }
}

.menu {
	font-size:12px;
	float:right;
	text-transform:uppercase;
	font-weight:600;	
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}

.menu ul.nav-tabs li {
	color:#fff;	
}

.nav-tabs {
	border-bottom: 0;
}
.nav-tabs > li {
	float: left;
	margin-bottom: 0;
}

.nav-tabs > li > a {	
	border-radius:0;
	color:#fff;
	padding:30px;
}

.nav-tabs > li > a:hover {
	color:#272727;
	background:#fff;	
} 

.nav-tabs > li a.active {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #fff;
	border-bottom-color:#fff;
}

.navbar-default {
	background-color: #65AAF0;
	border-color:#65AAF0;
}

/*===========================
  slider
============================ */
.slider {
	position: relative;	
	margin-top:-20px;
}

.slider img {
    width: 100%;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -40px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
	border-radius:50%;
	font-size: 30px;
	height: 50px;
	padding: 10px;
	position: absolute;
	top: 50%;
	width: 50px;
	color:#65AAF0;
	background:#65AAF0;
	color:#fff;
}

#carousel-slider a i:hover {
	background:#65AAF0;
	color:#fff;
	border: 1px solid #65AAF0;
}

#carousel-slider 
.carousel-control {
	width:inherit;
}

#carousel-slider .carousel-control.left i {
	left:50px;
	top: calc(50% - 50px);
}

#carousel-slider .carousel-control.right i {
	right: 50px;
	top: calc(50% - 50px);
}

.carousel-caption {
	position: absolute;
	right: 15%;
	top: calc(50% - 150px);
	font-size:40px;
	left: 15%;
	z-index: 10;
	padding-bottom: 0px;
	color: #fff;
	text-align: center;
}

.carousel-caption  h2 {
	font-size:60px;
	color: #fff;
}

.carousel-caption  h2 span {
	font-size:60px;
	color: #fff;
}

.carousel-caption  p {
	font-size:30px;
	margin-top:30px;
	margin-bottom:20px;
	color:#fff;
	padding:10px;
	background:#65AAF0;
}

@media (max-width: 767px) {
    .carousel-caption  {
      font-size: 18px;
    }
    .carousel-caption h2, .carousel-caption  h2 span, .carousel-caption  p {
    	font-size:18px;
    }
}

.carousel-inner .form-inline .form-group button[type="livedemo"]{
	padding:20px 60px;
	font-size:20px;
	background:#65AAF0;
	color:#fff;
	border-radius:0;
	border-color:#fff;
	text-transform:uppercase;
}

.carousel-inner .form-inline .form-group button[type="livedemo"]:hover {
	color:#272727;
	opacity: 0.8;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.carousel-inner .form-inline .form-group button[type="getnow"]{
	padding:20px 60px;
	font-size:20px;
	background:#fff;
	color:#272727;
	border-radius:0;
	text-transform:uppercase;
	border: 1px solid #fff;
}

.carousel-inner .form-inline .form-group button[type="getnow"]:hover {
	color:#fff;
	border-color:#fff;
	background:#65AAF0;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.form-inline {
	margin-top:50px;	
}


/*===========================
  about
============================ */

.about {
	padding:80px 0 80px 0;
	background:#fff;
}

.about .text-center h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
}

.about .text-center p {
	margin-top:20px;
	margin-bottom:80px;
	color:#aaa;
} 

.btn-gamp a {
  float: right;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #272727;
  border: 2px solid #272727;
  width: 180px;
  height: 60px;
  text-align: center;
  display: inline-block;
  line-height: 56px;
}

.btn-gamp a:hover {
  opacity: 0.8;
  transition: all 0.5s;
}

.gamp-btn a {
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  background: #272727;
  color: #ffffff;
  width: 180px;
  height: 60px;
  text-align: center;
  display: inline-block;
  line-height: 60px;
}
.gamp-btn a:hover {
  color: #ffffff;
  opacity: 0.8;
  transition: all 0.5s;
}

.center span {
	color:#E8CE0E;
}

#about-us {
	margin-bottom:50px;
}

#about-us .text-center h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
	margin-bottom:30px;
}

.skill_text {
  display: block;
  margin-bottom: 60px;
  margin-top: 25px;
  overflow: hidden;
}

.sinlge-skill {
  background:#f2f2f2;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  height: 200px;
  position: relative;
  width: 200px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 30px 0;
}

.sinlge-skill p em {
  color: #FFFFFF;
  font-size: 38px;
}

.sinlge-skill p {
  line-height: 1;
   color: #FFFFFF;
}

.joomla-skill, 
.html-skill, 
.css-skill, 
.wp-skill {
  position: absolute;
  height: 100%;
  bottom: 0;
  width:100%;
  border-radius: 100%;
  padding: 70px 0;
  text-align: center;
}

.joomla-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 28%, rgba(45,125,164,1) 28%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(28%,rgba(242,242,242,1)), color-stop(28%,rgba(45,125,164,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4',GradientType=0 ); /* IE6-9 */    
}

.html-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 9%, rgba(106,164,47,1) 9%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(9%,rgba(242,242,242,1)), color-stop(9%,rgba(106,164,47,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); /* IE6-9 */
}

.css-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(255,189,32,1) 32%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(32%,rgba(242,242,242,1)), color-stop(32%,rgba(255,189,32,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); /* IE6-9 */
}

.wp-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 19%, rgba(219,54,21,1) 19%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(19%,rgba(242,242,242,1)), color-stop(19%,rgba(219,54,21,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); /* IE6-9 */
}

.skill-wrap {
  display: block;
  overflow: hidden;
  margin: 60px 0;
}

.team .text-center h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
	margin-bottom:30px;
}

.team .text-center p {
	margin-bottom:50px;
}

.team h4 {
  margin-top: 0;
  text-transform: uppercase;
}

.team h5 {
  font-weight: 300;
}

.single-profile-top, 
.single-profile-bottom {
  font-weight: 400;
  line-height: 24px;
}

.single-profile-top, 
.single-profile-bottom  {
  border: 1px solid #ddd;
  padding: 15px;
  position: relative;
}

.media_image {
  margin-bottom: 10px;
}

.team .btn {
  background:transparent;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 3px;
  padding: 1px 5px;
  text-transform: uppercase;
  border:1px solid#ddd;
  margin-right: 3px;
}


ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}

ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}

.team .social_icons .fa-facebook:hover, 
.team .social_icons .fa-twitter:hover, 
.team .social_icons .fa-google-plus:hover {
  transform: rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  transition-duration:2s;
  transition-property: all;
  transition-timing-function: ease;
  opacity:1;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.team .social_icons .fa-facebook {
  background: #0182c4;
}

.team .social_icons .fa-twitter {
  background: #20B8FF
}

.team .social_icons .fa-google-plus {
  background: #D34836
}


.team-bar .first-one-arrow {
  float: left;
  margin-right: 30px;
  width: 2%;
}

.team-bar .first-arrow {
  float: left;
  margin-left: 5px;
  margin-right: 35px;
  width: 22%;
}

.team-bar .second-arrow {
  float: left;
  margin-left: 5px;
  width: 21%;
}

.team-bar .third-arrow {
  float: left;
  margin-left: 40px;
  margin-right: 12px;
  width: 22%;
}

.team-bar .fourth-arrow {
  float: left;
  margin-left: 25px;
  width: 20%;
}

.team-bar .first-one-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .first-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .second-arrow hr {
  border-bottom: 1px solid #6aa42f;
  border-top: 1px solid #6aa42f;
}

.team-bar .third-arrow hr {
  border-bottom: 1px solid #FFBD20;
  border-top: 1px solid #FFBD20;

}

.team-bar .fourth-arrow hr {
  border-bottom: 1px solid #db3615;
  border-top: 1px solid #db3615;
}

.team-bar {
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative;
}

.team-bar i {
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: -32px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 24px;
  position: absolute;
}

.team-bar .first-arrow .fa-angle-up {
  background:#2D7DA4;
  margin-left:-33px
 }

.team-bar .second-arrow .fa-angle-down {
  background:#6AA42F;
  margin-left: -33px;
}

.team-bar .third-arrow .fa-angle-up {
  background:#FFBD20;
  margin-left: -32px;
}

.team-bar .fourth-arrow .fa-angle-down {
  background:#db3615;
  margin-left: -32px;
}

.team .single-profile-top:before, 
.team .single-profile-top:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-top:before {
  left:26px;
  bottom: -20px;
  border-width: 10px;
  border-color:#fff transparent transparent transparent;
  z-index: 1;
}

.team .single-profile-top:after {
  left: 25px;
  bottom: -22px;
  border-style: solid;
  border-width: 11px;
  border-color:#ddd transparent transparent transparent;
  z-index: 0;
}

.team .single-profile-bottom:before,
.team .single-profile-bottom:after {
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-bottom:before {
  left:30px;
  top: -20px;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 1;
}

.team .single-profile-bottom:after {
  left: 29px;
  top: -22px;
  border-style: solid;
  border-width: 11px;
  border-color: transparent transparent #DDD transparent;
  z-index: 0;
}

/*===========================
  services
============================ */

.services {
	padding:80px 0 80px 0;
}

.services .text-center h2 {
	font-weight:300;
	text-transform:uppercase;
	text-shadow:none;
	margin-bottom:50px;
	font-size:24px;
}

.services i {
	margin-top:20px;
	margin-bottom:10px;
	font-size:50px;
	color:#ddd;
}

.services h3 {
	margin-bottom:20px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
 }

/*===========================
  gallery
============================ */

.gallery {
	padding:50px;
}

.gallery .text-center h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
	margin-bottom:30px;
}

.gallery figure {
	position: relative;	
	margin-top:30px;
	margin-bottom:30px;
	background: #272727;
	text-align: center;
	cursor: pointer;
}

.gallery figure img {
	position: relative;
	display: block;
	opacity: 0.8;
}

.gallery figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery figure figcaption::before,
.gallery figure figcaption::after {
	pointer-events: none;
}

/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h4,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	color:#fff;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h4 {
	top: 30px;
	color:#fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h4::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h4::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h4::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.action {
  overflow: visible;
  padding: 0px;
  width: 100;
  background: #f2f2f2;
  position: relative;
}
.action .left-text {
  padding: 70px 0;
  padding-right: 60px;
  width: 50%;
}
.action .left-text h4 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
}
.action .left-text p {
  padding-top: 20px;
}
.action .left-text em {
  font-size: 16px;
  color: #aaa;
  font-weight: 300;
  font-style: normal;
}
.action .right-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/7.jpg);
}

/* --- Map --- */
.map{
	position:relative;
	margin-top:-20px;
	margin-bottom:40px;
}

/* google map */
#google-map{
	position:relative;
    height: 400px;
}

.contact-page{
  padding-top: 0;
  background:#fff;
  margin-bottom:30px;
}

.contact-page h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
	margin-bottom:30px;
}

.contact-page p {	
	margin-bottom:30px;
}

.contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  /*border-color:#f2f2f2;
  box-shadow: none;
  border-radius:0;*/
}

textarea#message{
   resize: none;
   padding: 10px;
   border-radius:0;
}

.contact-page .contact-wrap {
  margin-top: 20px;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

/*===========================
  Footer
============================ */
footer {
	padding:50px;
	background:green;
}

footer p {
	color:#fff;
}

footer h4 {
	margin-bottom:30px;
	text-transform:uppercase;
	text-shadow:none;
	font-weight:550;
	color:#272727;
}

footer h3 {	
	text-transform:uppercase;
	text-shadow:none;
	font-weight:550;
	color:#fff;
}

footer .btn-gamp a {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fff;
	width: 180px;
	height: 60px;
	text-align: center;
	display: inline-block;
	line-height: 45px;
	margin-right:170px;
	margin-top:20px;
	background:#272727;
	border: 1px solid #fff;
	border-radius:0px;
}

footer .btn-gamp a:hover {
	background:#fff;
	color:#272727;
	opacity: 0.8;
	transition: all 0.5s;
}

footer .btn-gamp input {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #272727;	
	width: 180px;
	height: 60px;
	text-align: center;
	display: inline-block;
	line-height: 56px;
	border-radius:0px;
	border: 1px solid #fff;
}

.contact-info {
	color:#fff;
}

.contact-info ul {
	list-style:none;
	padding-left: 0;
}

.contact-info ul li i {
	margin-bottom:20px;
}

.contact-info ul li{
line-height:24px;
}
.contact-info ul li .fa{
font-size:18px;
}

.widget {
  padding-left: 0;
}

ul.sidebar-gallery {
  list-style: none;
  padding: 0;
  margin: 0;
 
}

.sidebar-gallery li {
  display: inline-block;
  margin: 0 10px 10px 0;
   border-radius:0px;
}

.sidebar-gallery li a {
  display: inline-block;
}

ul.social-network {
	list-style:none;
	margin-top:20px;	
	padding:10px;
	transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.sub-footer  {
	background:#272727;
	padding:30px;
}

ul.social-network li {
	display:inline;
	margin: 0 50px;	
	font-size:25px;	
	margin-left:-10px;
}

ul.social-network li a {
	color:#d0d0d0;	
}
.social-network li:hover .fa-twitter {
  color: #00abf0;
}
.social-network li:hover .fa-facebook {
  color: #39579a;
}
.social-network li:hover .fa-google-plus {
  color: #eb8984;
}
.social-network li:hover .fa-pinterest {
  color: #c9171e; 
}
.social-network li:hover .fa-linkedin {
  color: #0077b5; 
}
.social-network li:hover .fa-youtube-play {
  color: #C84941; 
}
.social-network li:hover .fa-dribbble {
  color: #EA4C89 ; 
}
.social-network li:hover .fa-pinterest-square {
  color: #EA4B49; 
}

.copyright {
	margin-top:30px;
    text-align: right;
	color:#ffffff!important;
}

.copyright a {
	color:#fff;
	font-weight:600;
	font-size:12px;
	text-shadow:none;
} 

.copyright span {
	color:#fff;
	font-weight:600;
	font-size:12px;
	text-shadow:none;
} 

/* ==================================================== Theme Custom CSS Style ==================================================================== */



label{color:#333!important; padding-bottom:5px!important;}
.inner-addon { 
position: relative; margin:8px 0px; 
}

/* style icon */
.inner-addon .fa {
position: absolute;
padding: 10px;
pointer-events: none;
color:#333;
top: 28px;
font-size: 26px;
}

/* align icon */
.left-addon .fa  { left:  0px;}		

/* add padding  */
.left-addon input  { padding-left:  60px; }

.disable{cursor: not-allowed;background-color: #eee; opacity: 1;}

.tooltip-inner {
    max-width: 300px!important;
    line-height: 20px!important;
    font-family: calibri!important;
    font-size: 14px!important;
}

.search.form-inline{ margin-top:0px; float:right;}
.search.form-inline input{ height:33px!important;}
.search.form-inline .btn{margin: 8px -5px 0px -5px; border:none!important;}

#error-status{ text-align:center; color:red;}
.form-control { width:100%!important;}
.form-group{ margin:10px 0px;}
.input-group{ margin:0px 0px; width:100%;}
.input-group-addon{padding:6px 5px!important;}
.input-group[class*=col-]{float:left!important; padding-right:15px!important; padding-left:15px!important;}
.refresh{float: right; color: red; font-size: 18px; padding-top: 4px;}
.capt{ padding-left:0px;}
#error-status{ color:red;}


@media(min-width:0px) and (max-width:440px) /* media query style for Mobile devices*/
{
.site-logo img{ margin:0px auto 20px auto!important;}	
.site-logo{ float:none!important; width:100%!important; }
.header-caption{ float:none!important;}
}

@media(min-width:0px) and (max-width:767px) /* media query style for Mobile devices*/
{
    .slider{ margin-bottom:60px;} 
}
@media(min-width:768px) and (max-width:991px) /* media query style for Mobile devices*/
{
	.slider{ margin-bottom:130px;} 
    .input-group-addon{width:15%!important;}
}
@media(min-width:992px) and (max-width:1199px) /* media query style for Mobile devices*/
{
	.slider{ margin-bottom:160px;} 
    .input-group-addon{width:15%!important;}
}
@media(min-width:1200px) /* media query style for Mobile devices*/
{
	.input-group-addon{ font-size:25px;}
	.slider{ margin-bottom:160px;} 
    .input-group-addon{width:15%!important;}
	.captimg{ float:left; padding-right:20px;}
	#captcode{ float:left; width:54%!important;}
	.refresh{ padding-left:25px;}
	.form-control{ height:46px;}
}

.newuser{ margin-bottom:30px;}
.newuser .btn{ font-size:20px!important;}
.newuser .text-center h2{font-weight: 300; text-transform: uppercase; text-shadow: none; margin-bottom: 50px; font-size: 24px;}

.font-increase{background: rgb(217, 83, 79); padding: 2px 5px; border-radius: 3px; font-size: 12px; color: rgb(255, 255, 255); font-family: 'Lato', sans-serif; font-weight:bold;}
.font-normal{background: #fff; padding: 2px 7px;border-radius: 3px;font-size: 12px;color: rgb(255, 255, 255);color: #222; border: 1px solid #ccc; font-family: 'Lato', sans-serif;font-weight:bold;}
.font-minus{background: #e0a249; padding: 2px 7px; border-radius: 3px;font-size: 12px; color: #fff; font-family: 'Lato', sans-serif;font-weight:bold;}
.bg-green{background: green; padding: 2px 5px; border-radius: 3px; font-size: 12px; color: rgb(255, 255, 255); font-family: 'Lato', sans-serif; font-weight:bold;}
.bg-blue{background: #65aaf0; padding: 2px 7px; border-radius: 3px;font-size: 12px; color: #fff; font-family: 'Lato', sans-serif;font-weight:bold;}
.bg-yellow{background: #fec001; padding: 2px 7px; border-radius: 3px;font-size: 12px; color: #fff; font-family: 'Lato', sans-serif;font-weight:bold;}
.bg-merun{background: #980026; padding: 2px 7px; border-radius: 3px;font-size: 12px; color: #fff; font-family: 'Lato', sans-serif;font-weight:bold;}
.bg-blind{background: #222; padding: 2px 7px; border-radius: 3px;font-size: 12px; color: #fff; font-family: 'Lato', sans-serif;font-weight:bold;}
	

.navfix{ position:fixed; width:100%; top:0px; z-index:99999;}	
	
.green .navbar-collapse.collapse, .green .navbar-header, .green footer, .green .search.form-inline .btn, .green .nav-tabs > li.active a, .green .table-responsive tr.table-head-bg{
    background: green!important;
}	
.blue .navbar-collapse.collapse, .blue .navbar-header, .blue footer, .blue .search.form-inline .btn, .blue .nav-tabs > li.active a, .blue .table-responsive tr.table-head-bg {
    background: #65aaf0;
}
.yellow .navbar-collapse.collapse, .yellow .navbar-header, .yellow footer, .yellow .search.form-inline .btn, .yellow .nav-tabs > li.active a, .yellow .table-responsive tr.table-head-bg {
    background: #fec001;
}
.merun .navbar-collapse.collapse, .merun .navbar-header, .merun footer, .merun .search.form-inline .btn, .merun .nav-tabs > li.active a, .merun .table-responsive tr.table-head-bg {
    background: #980026;
}	
.bg-blind .navbar-collapse.collapse, .bg-blind .navbar-header, .bg-blind footer, .bg-blind .search.form-inline .btn, .bg-blind .nav-tabs > li.active a, .bg-blind .table-responsive tr.table-head-bg {
    background: #222;
}

 .table-responsive .table-head-bg{ color:#fff; background:#90908B!important;}
 
 .bg-blind .card ul li a{ color:#fff!important;}
 .bg-blind .tab-pane.active label{color:#fff!important;}
 .bg-blind .tab-pane h2, .bg-blind .tab-pane p{color:#fff!important;}
	
.navbar-header{background: green;}	
.error { border:2px solid red;}	
.site-logo{ width:85px; margin:0px 0px 10px 0px;}
.services h3{ float:left;}
.services .fa{ float:left; font-size:30px; padding-right:20px;}
.navbar-collapse.collapse{background: rgba(107, 107, 101, 0.75);}
.top-header{ background:#65aaf0; padding:20px 0px;}
	 
	 
/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
li.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
	
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
li.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
	 
/* ------- Navigation ------------ */
#navigation {
	background: #fff;
	z-index: 9999;
	width:100%;
    box-sizing:border-box;
	border-bottom: 1px solid #eee;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
}


.navbar {
    margin-bottom: 0;
}

.navbar-brand {
    font-weight: 700;
}
.navbar-brand {
  height: 40px;
  padding: 5px 15px;
  font-size: 18px;
  line-height: 1em;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
    /*background-color: rgba(255,255,255,.6);*/
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0,0,0,0);
}


.navbar-custom ul.nav li a {
	font-size: 12px;
	letter-spacing: 1px;
    color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar-custom.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #fff;
}

.navbar-custom ul.nav ul.dropdown-menu {
	  border-radius: 0;	
	margin-top: 0px;
	border-top: none;
}

.navbar-custom ul.nav li a:hover ul.dropdown-menu {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-collapse.collapse.in a {
    color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
    color: #FE7A66;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,255,255,.2);
    color: #FE7A66;
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


form.login .input-group
{
 /*margin:10px auto!important;*/
}
form.login .submit
{
 margin: 0px auto;
 display: block;
 width: 80%;
 padding: 13px 0px;
 font-size: 24px;
}
form.login .submit:hover{ background:#65AAF0!important;}
form.login h2
{
 margin: 0px;
 font-size: 20px;
 text-align: center;
 padding: 20px;
}
.forgot-pw
{
 -webkit-box-shadow: 0px 4px 12px 2px rgba(204,204,204,1);
 -moz-box-shadow: 0px 4px 12px 2px rgba(204,204,204,1);
  box-shadow: 0px 4px 12px 2px rgba(204,204,204,1);
  padding:20px 0px;
  text-align:center;
  background:#F2F2F2;
}
.forgot-pw a
{
 font-size:18px;
}
.forgot-pw a.forgot{ text-align:left;}
.forgot-pw a.newuser{ text-align:right;}


.show
 {
	 display:block; color: red; margin: -10px 0px; padding-left: 18px;
 }		

label{color:#333; padding-bottom:5px;}
.inner-addon { 
position: relative; 
}

/* style icon 
.inner-addon .fa {
position: absolute;
padding: 9px 15px;
pointer-events: none;
color:#333;
top: 34px;
font-size: 26px;
background: #eee;
border: 1px solid #ccc;
border-radius: 5px 0px 0px 5px;
}*/

/* align icon */
.left-addon .fa  { left:  0px;}	
.right-addon .fa  { right:  0px;}		

/* add padding  */
.left-addon input  { padding-left:  65px; }
#secAppealForm .inner-addon{ width: 89%; margin-left: 44px; margin-top:10px;}

.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: 1px solid #eee; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;}
.nav-tabs > li > a::after { content: ""; background: #222; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}

.card {margin-bottom: 30px; }
.inner-addon .fa{ z-index:9999;}
.input-append .fa-calendar{position: absolute;
right: 13px;    
z-index: 9999;
font-size: 22px;
margin-top:-33px;}
.tab-pane{
-webkit-box-shadow: 0px 1px 9px 3px rgba(204,204,204,1);
-moz-box-shadow: 0px 1px 9px 3px rgba(204,204,204,1);
box-shadow: 0px 1px 9px 3px rgba(204,204,204,1);
padding: 20px;
border-top: 8px solid #65AAF0;
}

.lg-form{
-webkit-box-shadow: 0px 1px 9px 3px rgba(204,204,204,1);
-moz-box-shadow: 0px 1px 9px 3px rgba(204,204,204,1);
box-shadow: 0px 1px 9px 3px rgba(204,204,204,1);
padding: 0px 50px 20px;
border-top: 8px solid #65AAF0;
}

.tab-pane h2{ font-size:20px; text-align:center;}
.checkbox{ margin-top:10px!important;}
.tab-pane p{ font-weight:600!important; color:#222;}
.input-append{position: relative;}

.card ul li a{color:#222; font-weight: bold; font-family: calibri;}
.card ul li.active a{ background:rgba(107, 107, 101, 0.75); color:#fff!important;}

.ui-datepicker{ 
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); width:22%;
width: 20%;
padding: 3px;
}
.ui-datepicker .table tr td{ text-align:center;}
.ui-datepicker .table tr td a{ font-weight:bold!important; color:#222!important;}
.ui-datepicker .table{ margin-bottom:0px!important;}
.ui-datepicker-title{ font-weight:bold!important; color:#fff!important;}
.ui-datepicker-header{ background:#CE0002; padding:8px;}
.ui-datepicker-prev{ cursor:pointer;}
.ui-datepicker-next{ cursor:pointer;}
.ui-datepicker-next.ui-state-disabled{ float:right; color:#fff!important;}
.ui-datepicker .table tr td.ui-datepicker-week-end a{color:#CE0002!important;}

.tappals-record tr th{ text-align:center; font-size:15px;}
.tappals-record tr td{ text-align:center; font-size:14px; color:#333; font-weight:bold;}
.tappals-record tr#table-head{ background:#61615b; color:#fff;}
.tappals-record tr td a{ text-decoration:underline; color:#31B0D5;}
.tappals-record tr{color:#31B0D5;}
.tappals-record>tbody>tr:nth-of-type(odd){
  background-color: #eee;
}
.tappals-record>tbody>tr:nth-of-type(even){
  background-color: #fff;
}

.tab-pane .table tr td a{ color:#222!important; font-size:18px; font-weight:bold;}

h2{margin: 0px;
    font-size: 20px;
    text-align: center;
    padding: 20px;}

.tappalsView ul li.active a{background: #eee; color: #333!important;}
.fa-check-square-o { display:none;}
.tappalsView ul li.active a .fa-check-square-o { display:inline-block; color: green; padding-top: 10px; font-size: 16px; padding-left: 10px;}
 
.list-group a{color: #222; font-size: 18px; font-weight: 600;}
.valid-alrt{ border:2px solid red;}

/*== SORTING DATA TABLE ==*/
#example .btn{ padding:5px 6px!important;}



 
/* SEARCH COMBO BOX DESIGN */

.bootstrap-select{width:220px \0}.bootstrap-select>.btn{width:100%;padding-right:25px}.error .bootstrap-select .btn{border:1px solid #b94a48}.control-group.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .btn:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group .btn .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small{color:#64b1d8;color:rgba(100,177,216,.4)}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px}.bootstrap-select.btn-group.fit-width .btn .filter-option{position:static}.bootstrap-select.btn-group.fit-width .btn .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.btn{z-index:1035+1}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom-width:7px;border-bottom-style:solid;border-bottom-color:#ccc;border-bottom-color:rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-bottom:0;border-top-width:7px;border-top-style:solid;border-top-color:#ccc;border-top-color:rgba(204,204,204,.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}.bs-searchbox,.bs-actionsbox{padding:4px 8px}.bs-actionsbox{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox input.form-control{margin-bottom:0;width:100%}.mobile-device{position:absolute;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: 0!important;
    bottom: auto%!important;
    margin-bottom: 1px;
}
.card ul.selectpicker li.active a{ background:transparent!important; color:#333!important;}
.card ul.selectpicker li a{ background:transparent!important; color:#333!important;}
.btn.dropdown-toggle.selectpicker.btn-default{background-color: transparent!important; border-color:#fff!important;}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow:none!important;
    box-shadow: none!important;
}
.bootstrap-select{ border:1px solid #ccc!important;}
.searh{ position:relative;z-index:9999;}
.dropdown-toggle.selectpicker{top: -10px!important; height: 46px!important;}

.modal-content .table { font-size:16px; color:#222; font-weight:600;}
.modal-content .table p{ font-size:13px; color:#222;}


/*error msg for div */
.error_msg{
	color:red;
	
}
.sucess_msg{
	display:none;
	
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

/* END */


@media(min-width:767px) {

    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
}
@media (max-width:768px) {
	#navigation {
		padding: 20px 0;
	}
	.site-logo{
		margin: 0 0 0 30px;
		float:none;
	}
	.navbar-custom ul.nav li a {
		color: #eee;
	}
	.navbar-custom ul.nav ul.dropdown-menu li {
		border-bottom: 1px solid #aaa;

	}
	.navbar-header {
		margin-top:30px;
		padding:0;
	}
	.navbar-header button {
		background: #111;
	}
	
	.navbar-header button.navbar-toggle {
		padding: 4px 15px;
		font-size: 14px;
		color: #fff;
	}
	
	.navbar-custom .nav {
		background: #444;
	}
}	
@media (max-width:480px) {

	.navbar-custom .nav.navbar-nav {
   
	}
	
	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}
	
	
	
   .nav-tabs > li > a{ padding:13px;}
	
}	

/* == Media Query for Resposive design == */	 
@media(min-width:0px) and (max-width:768px)
{
	.navbar-collapse.collapse.in a { color: #fff;}
	.mobi-menu{color: #fff; font-size: 25px;text-align: center; line-height: 40px; padding: 0px 0px 0px 40px;font-weight: bold; display:inline-block!important;}
	
	.mob-logo{margin: 0px 0px 14px 0px;}
 	.site-logo{ float:left!important; width:100px; height:100px; margin: 0 12px 0 0px!important;}	
	.site-logo img{ width:90px;}
	.header-caption { float:left; padding:0px 10px 0px 10px; margin: -14px 0px 0px 0px;}
	.header-caption h1{color: #fff;font-size: 14px; padding:7px 6px; margin:12px 0px; font-weight: bold;background: #ff9933;-webkit-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);
			-moz-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);	box-shadow: 0px 4px 8px -1px rgba(51,51,51,1); text-align:center;}
			
	.header-caption h2{color: #fff; font-size: 14px;  padding:7px 6px; margin:12px 0px; font-weight: bold; -webkit-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);  -moz-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);
    box-shadow: 0px 4px 8px 0px rgba(51,51,51,1); background: #188941; text-align:center;}
	.form-control{ height:45px;}
	#secAppealForm .inner-addon{ width:100%!important; margin:0px!important;}
	.card{ margin:0px!important; padding:0px!important;}
	.tab-content{ padding:0px!important;}
	.input-group-addon{ width:10%;}
	.input-group-addon .fa-map-marker{ top:0px; left:14px;}
	/* style icon */
	.inner-addon .fa {		
		padding: 9px 15px!important;				
		top: 32px!important;        
	}
	.input-group.addr-inp{ width:100%!important;}
	.tab-content h2{font-size: 15px!important; line-height: 24px!important;}
	.tab-panel{ padding:0px 5px;}
	.tab-pane .form-group{ width:90%!important; margin:20px auto!important;}
	.tab-pane .form-group.file-attach {width:100%!important; float:left!important;}
	.tab-pane .fileupld{ margin:40px 0px;}
	#ncAppealRegForm{ padding:15px;}	
	#ncAppealRegForm h4{  font-size: 16px; line-height: 23px;}
	#ncAppealRegForm .col-md-6.file-attach{ padding:0px!important;margin-left: -15px;  margin-right: -15px;}
	#ncAppealRegForm .col-md-6.fileupld{ padding:0px!important;margin-left: -15px;  margin-right: -15px;}
	
	#otherAppealRegForm{padding:15px;}
	#otherAppealRegForm .btn-info{padding:7px;}
	
	.form-row .form-group.col-md-6 { width:100%!important;}
	
	footer{ padding:0px!important;}
	footer .container{ padding:0px!important;}
	footer h3{ text-align:center;}
	.contact-info ul li{ font-size:13px;}
	.copyright{margin: 10px 0px;  text-align: center;}
	.sub-footer{ padding:0px;}
	
	
}

@media(min-width:769px) and (max-width:991px)
{
	.mob-logo{margin: 0px 0px 14px 0px;}
 	.site-logo img{ float:left; width:100px; height:90px;}		
	.header-caption { float:left; padding:0px 10px 0px 10px; margin: -14px 0px 0px 0px;}
	.header-caption h1{color: #fff;font-size: 19px; padding:7px 6px; margin:12px 0px; font-weight: bold;background: #ff9933;-webkit-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);
			-moz-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);	box-shadow: 0px 4px 8px -1px rgba(51,51,51,1); text-align:center;}
			
	.header-caption h2{color: #fff; font-size: 18px;  padding:7px 6px; margin:12px 0px; font-weight: bold; -webkit-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);  -moz-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);
    box-shadow: 0px 4px 8px 0px rgba(51,51,51,1); background: #188941; text-align:center;}
	.navbar-custom ul.nav li a{font-size:12px!important;}
	.form-control{ height:45px;}
	form.login .input-group{ margin-left:30px!important;}
	#ncAppealRegForm .col-md-6.file-attach{ margin-left: -15px;  margin-right: -15px;}
	#ncAppealRegForm .col-md-6.fileupld{ margin-left: -15px;  margin-right: -15px;}
	.tab-pane .form-group{ width:90%!important; margin:20px auto!important;}
	.tab-pane .form-group.file-attach {width:100%!important; float:left!important;}
	.tab-pane .fileupld{ margin:40px 0px;}
	
}

@media(min-width:992px) and (max-width:1199px)
{
	.mob-logo{margin: 0px 0px 14px 0px;}
 	.site-logo img{ float:left; width:100px; height:90px;}		
	.header-caption { float:left; padding:0px 10px 0px 10px; margin: -14px 0px 0px 0px;}
	.header-caption h1{color: #fff;font-size: 19px; padding:7px 6px; margin:12px 0px; font-weight: bold;background: #ff9933;-webkit-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);
			-moz-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);	box-shadow: 0px 4px 8px -1px rgba(51,51,51,1); text-align:center;}
			
	.header-caption h2{color: #fff; font-size: 18px;  padding:7px 6px; margin:12px 0px; font-weight: bold; -webkit-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);  -moz-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);
    box-shadow: 0px 4px 8px 0px rgba(51,51,51,1); background: #188941; text-align:center;}
	.navbar-custom ul.nav li a{font-size:16px!important;}
	.nav>li>a{padding: 10px 25px;}
	.navbar-nav {padding: 7px 0px;}
	.col-md-2.input-group{ width: 16.66666667%!important; }
	.col-md-3.input-group{ width: 25%!important; }
	.col-md-4.input-group{ width: 33.33333333%!important; }
	.col-md-5.input-group{ width: 41.66666667%!important;}
	.input-append{width: 45%; display: inline-block; position: relative; margin: 15px 15px 0px 15px;}
	.card ul li a{ font-size:20px;padding:10px 25px;}	
	.form-control{ height:45px;}
	.input-group-addon .fa-map-marker{ top:0px; left:18px;}
	#ncAppealRegForm .col-md-6.file-attach{ margin-left: -15px;  margin-right: -15px;}
	#ncAppealRegForm .col-md-6.fileupld{ margin-left: -15px;  margin-right: -15px;}
	.tab-pane .form-group{ width:90%!important; margin:20px auto!important;}
	.tab-pane .form-group.file-attach {width:70%!important; float:left!important;}
	.tab-pane .fileupld{ margin:40px 0px;}
}

@media(min-width:1200px)
{
    .mob-logo{margin: 0px 0px 14px 0px;}
 	.site-logo img{ float:left; width:100px; height:90px;}	
	.header-caption { float:left; padding:0px 10px 0px 10px; margin: -14px 0px 0px 0px;}
	.header-caption h1{color: #fff;font-size: 19px; padding:7px 6px; margin:12px 0px; font-weight: bold;background: #ff9933;-webkit-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);
			-moz-box-shadow: 0px 4px 8px -1px rgba(51,51,51,1);	box-shadow: 0px 4px 8px -1px rgba(51,51,51,1); text-align:center;}
			
	.header-caption h2{color: #fff; font-size: 18px;  padding:7px 6px; margin:12px 0px; font-weight: bold; -webkit-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);  -moz-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);
    box-shadow: 0px 4px 8px 0px rgba(51,51,51,1); background: #188941; text-align:center;}
	.navbar-custom ul.nav li a{font-size:16px!important;}
	.nav>li>a{padding: 10px 18px;}
	.navbar-nav {padding: 7px 0px;}
	.col-md-2.input-group{ width: 16.66666667%!important; }
	.col-md-3.input-group{ width: 25%!important; }
	.col-md-4.input-group{ width: 33.33333333%!important; }
	.col-md-5.input-group{ width: 41.66666667%!important;}
	.input-append{width: 45%; display: inline-block; position: relative; margin: 15px 15px 0px 15px;}
	.card ul li a{ font-size:20px; padding:10px 25px;}
	.input-group-addon .fa-map-marker{ top:0px; left:18px;}
	.input-group-addon { width: 11%!important;}
	.input-group.addr-inp{width: 89%; margin-left: 44px!important; margin-top: 10px!important;}
	#ncAppealRegForm .col-md-6.file-attach{ margin-left: -15px;  margin-right: -15px;}
	#ncAppealRegForm .col-md-6.fileupld{ margin-left: -15px;  margin-right: -15px;}
	
	.tab-pane .form-group{ width:90%!important; margin:20px auto!important;}
	.tab-pane .form-group.file-attach {width:70%!important; float:left!important;}
	.tab-pane .fileupld{ margin:40px 0px;}
	
}