body{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
}

 header {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  transition: height 0.5s;
  border-bottom: 1px #000 solid;
}


.header_top{
	background: #000;
	min-height: 30px;
	padding:5px 0px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

.hot-contact{
	text-align: right;
	font-size: 18px;
}

.header_top a{
	color: #fff;
	text-decoration: none;
}

.header_top a:hover{
	color: #fff;
	text-decoration: none;
}


.logo{
	background-color: #fff;
	padding: 5px;
	display: block;
	position: absolute;
	z-index: 9999;
	top:0px;
	margin-left:auto;
	margin-right: auto;
	left: 0px;
	right: 0px;
	width: 250px;
}


.navbar-toggle {
    background-color: #000;
    background-image: none;
    color: #fff;
    border: 1px solid #000;
    border-radius: 0px;
}

.navbar-default  .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border: 1px solid #000;
}

 
.navbar-default {
    background-color: #FFF;
    border-color: #000;
}

.navbar{
	border-radius: 0px;
	border:0px none;
	border-bottom: #000 3px solid;
	margin-top: 80px;
	margin-bottom: 0px;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    text-transform: uppercase;
    border-bottom:3px transparent solid;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 7px;
}

.navbar-default .navbar-nav > li > a:hover {
	border-bottom:3px #000 solid;
}

.navbar-default .navbar-nav > li{
	border-left:#000 1px solid;
}

.navbar-default .navbar-nav > li:first-child{
	border-left:#fff 1px solid;
}

/*---------------------------- 


     header.smaller {
        height: 75px;
      }
 

 
      header.smaller.header_top{
        display: none;
        transition: height 0.3s;
      }

      header.smaller>.logo{
        height:72px; 
        display: block;
      }

      header.smaller>nav.navbar {
        margin-top: 0px !important;
      }


 -----------------------------*/


h1{
	font-family: 'Lato', sans-serif;
	font-weight: 300;	
	text-align: center;
	color: #fff;
	background: #000;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 0px 10px;
}

.top-strip{
	font-family: 'Lato', sans-serif;
	font-weight: 300;	
	text-align: center;
	color: #fff;
	background: #000;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px 0px 10px;
}



h2{
	font-family: 'Lato', sans-serif;
	font-weight: 300;	
	text-align: center;
	margin: 0px;
	padding: 5px 0px 10px;
}

h4{
	font-family: 'Lato', sans-serif;
	font-weight: 700;	
	text-align: left;
	margin: 0px;
	padding: 5px 0px 10px;
}

.p-t-20{
	padding-top: 20px;
}
.p-b-20{
	padding-bottom: 20px;
}
.p-l-20{
	padding-left: 20px;
}
.p-r-20{
	padding-right: 20px;
}

.btn-h1{
	color: #fff;
	border: 1px #fff solid; 
	border-radius: 0px;
}

.sectopn{

}


.box{
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}

.box2{
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}

.box img{
	display: block;
	margin: 0px auto;
	padding:10px; 
}
.box h3{
	font-family: 'Lato', sans-serif;
	font-weight: 400;	
}

.box p{
	padding: 10px 20px;
	text-align: justify;
	min-height: 125px;
}

.box2 p{
	padding: 10px 5px;
	text-align: center;
	min-height: 125px;
}

.box2 img{
	display: block;
	margin: 0px auto;
	padding:10px; 
}

.list-bold{
	font-family: 'Lato', sans-serif;
	font-weight: 300;	
	font-size: 22px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.list-bold li{
	margin-top: 15px;
}

.intro{
	text-align: center;
	padding: 30px 0px;
}

.sp{
	display: block;
	max-width: 250px;
	height: 1px;
	margin: 20px auto;
	background: #000;
}

p{
	margin:20px;
	text-align: center;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #fff;
}

footer{
	background: #000 url('../images/footer.jpg') top center no-repeat;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-top: 50px;
}

footer .wrap{
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgba(0,0,0,0.5);
}

footer h3{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	margin-top: 5px;
	margin-bottom:15px; 	
}

.footer-bottom{
	border-top:2px #fff solid; 
	background: #000;
	color: #fff;
	font-size: 12px;
	padding-top: 10px;
}

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }

input[type="text"], 
input[type="password"], 
select,
select.form-control,
textarea, 
textarea.form-control {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #999;
 	font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    color: #000;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

textarea, 
textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
	min-height: 125px;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
select:focus, 
select.form-control:focus, 
textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #000;

    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, 
textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }



button.btn {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #000;
    border: 0;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;
}

button.btn:hover { opacity: 0.6; color: #fff; }

button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btn:focus { outline: 0; opacity: 0.6; background: #000; color: #fff; }

button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #000; color: #fff; }

.bootstrap-switch {
    display: block;
    border-radius: 0px;
    border: 1px solid #999;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #000;
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-radius: 0px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-radius: 0px;
}


.bootstrap-switch.bootstrap-switch-focused {
	border-color:#000;
	outline:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.btn-link{ color: #000; }
.btn-link:hover{ color: #000; }

.form-box {
	margin-top: 20px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #444;
	background: rgba(0, 0, 0, 1);
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { 
	margin-top: 0; 
	color: #fff; 
	font-weight: 400;}
.form-top-left p { opacity: 0.8; color: #fff;  text-align: left; margin-left: 0px;}

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #fff;
	line-height: 100px;
	text-align: right;
	opacity: 1;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #fff;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	text-align: left;
	border:1px #000 solid;
	margin-bottom: 20px;
}

.form-bottom form textarea {
	height: 100px;
}

.form-box label{
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #000;
}

 .nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}


.nav-tabs > li{

}

.nav-tabs > li > a {
    margin-right: 2px;
	font-size: 24px;
	font-weight: 300;
    border: 1px solid #000;
    border-radius: 0;
    margin-bottom: 20px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #000;
    border: 1px solid #000;
}


.credit{
	text-align: right;
}


/* XS Screen*/
@media(max-width:767px){
	.logo{
		width: 150px;
		top:70px;
		margin-left:5px;
	}

	.header_top{
		min-height: 30px;
		padding:5px 0px;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		font-size: 10px;
	}

	.navbar-default .navbar-nav > li{
		border-left:0px none;
		border-bottom:rgba(0,0,0,0.1)  1px solid;
		text-align: center;
		letter-spacing: 2px;
	}

	.hot-contact{
	text-align: center;
	}
	.credit, .footer-bottom {
		text-align: center;
	}

	.box p{
		text-align: center;
	}
}

/* SM Screen*/
@media(min-width:768px){
	.logo{
		width: 150px;
	}
	.credit, .footer-bottom {
		text-align: center;
	}

	.box p{
		text-align: center;
	}
}

/* MD Screen*/
@media(min-width:992px){
	.logo{
		width: 200px;
	}
	

}

/* LG Screen*/
@media(min-width:1200px){
	.logo{
		width: 250px;
	}

}