/*------------------ LOGIN ------------------*/
#login {
    background: #2B2B2B;
    color: #fff;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid #2B2B2B;
    margin: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
#login:hover {
    background: #FFFFFF;
    color:#ff6a4a;
    border: 1px solid#ff6a4a;
}



/*------------------ SLIDER START ------------------*/
.callbacks_container {
  position: relative;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
    overflow: hidden;
    margin-top: 0;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
}
ul#flexiselDemo1 li a{
	text-decoration:none;
	display:block;
}
ul#flexiselDemo1 li a h4{
	text-align: left;
    padding-left: 14px;
	color:#478D06;
	font-family: 'Exo2-Medium';
	font-size:1.2em;
	margin-top:0.5em;
}
ul#flexiselDemo1 li a h4:hover{
	color: #DBC585;
}
.nbs-flexisel-item > a img {	
	cursor: auto;
    position: relative;
    width: 100%;
    margin: 0;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 45px;
	height: 45px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	margin-top:0em;
}
.nbs-flexisel-nav-left {
    left: 0;
    background: url(../images/img-sprite-left-right.png) no-repeat 0px 0px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/img-sprite-left-right.png) no-repeat -54px 0px;
}
/*------------------ SLIDER STOP ------------------*/


body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
html, body {
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	background: #ffffff;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*------------------ HEADER TOP ------------------*/
.header-top {
    background: #2B2B2B;
    padding: 1em 0;
}
.social {
	float: left;
}
.social ul {
	padding: 0;
	margin: 0;
}
.social ul li {
    display: inline-block;
    margin: 0;
}
.social ul li a.iwf {
    background: url(../images/social.png) no-repeat 0px 0px;
    width: 30px;
    height: 30px;
    display: block;
}
.social ul li a.ewfed {
    background: url(../images/social.png) no-repeat -30px 0px;
}
.social ul li a.facebook {
    background: url(../images/social.png) no-repeat -60px 0px;
}
.social ul li a.instagram {
    background: url(../images/social.png) no-repeat -90px 0px;
}
.social ul li a.youtube {
    background: url(../images/social.png) no-repeat -120px 0px;
}
.social ul li a.iwf:hover {
	opacity:.5;
}
.header {
    padding: 2em 0 3em;
    background: #f2f6f7;
    position: relative;
    border-bottom: solid 10px #2B2B2B;
}
.logo {
    float: left;
    width: auto;
}
.logo h1 {
	margin: 0;
}
.logo h1 a {
    color: #2B2B2B;
    font-size: 2em;
    text-decoration: none;
    font-family: 'Open Sans Condensed', sans-serif;
    letter-spacing: 0px;
    font-weight: 100;
}
.logo h1 a span {
    color: #4CABFF;
}
.top-nav {
    background:#4CABFF;
    position: absolute;
    margin: 1em 0 0 0;
}
.top-nav ul{
    padding: 0;
    float: none;
}
.top-nav ul li{
    display: inline-block;
    margin: 0 !important;
    float: none;	
}
.top-nav ul li a:hover{
    color: #2B2B2B !important;
}
.top-nav ul li a.active{
    color: #2B2B2B !important;
}
.top-nav ul li.home-icon{
    margin-left: 0 !important;
}
.top-nav ul li.home-icon a {
    background: #2B2B2B;
	padding: 1.5em;
}
.top-nav ul li.home-icon a:focus{
	outline:none;
	background:#2B2B2B;
}
.top-nav ul li.home-icon a:hover {
    background: #4F4F4F;
}
.top-nav ul li a{
    color: #FFF !important;
    font-size: 1em;
    margin: 0;
    text-decoration: none;
    padding: 1.5em 0.5em;
	letter-spacing: -0.5px;
}
.top-nav ul li.login {
	float: right;
    margin-right: 1em !important;
}
.navbar-default {
    border: none !important;
    background: none !important;
    margin: 0 !important;
    min-height: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none !important;
}
div#bs-example-navbar-collapse-1 {
    padding: 0;
}
.glyphicon-home {
    font-size: 1em;
    color: #FFFFFF;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none !important;
}
.caret {
    margin-left: 3px;
}
ul.dropdown-menu {
	background: #4CABFF;
    box-shadow: 0 0 0;
    border: none;
    margin: 0;
    top: 3.9em;
    left: 0;
    min-width: 100px;
    padding: 1em 0 0 0;
}
.dropdown-menu > li {
    text-align: left;
    display: block !important;
}
.dropdown-menu > li > a {
    display: block;
    padding: 0px !important;
    clear: both;
    margin: 1em !important;
    font-weight: normal;
    line-height: 1.42857143;
    color: #FFF !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-default .navbar-toggle {
	width: 100%;
}

/*------------------ BANNER ------------------*/
.banner-one {
	background: url(../images/banner_3.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.banner-two {
    background: url(../images/banner_2.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.banner-info {
    margin: 13em 0 15em 0;
    width: 54%;
}
.banner-info h3 {
    color: #FFFFFF;
    font-size: 1.5em;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 5px;
    font-family: 'Open Sans Condensed', sans-serif;
}
.banner-info h5 {
    color:#ff6a4a;
    font-size: 1em;
    margin: 1em 0 2em 0;
    font-weight: 600;
    text-transform: uppercase;
}
.banner-info p {
	color:#FFFFFF;
	font-size:.9em;
	line-height:1.8em;
	margin:0;
}
.banner-top-grid {
	position:relative;
}
.banner-top-grid ul {
	color: transparent;
}
/*------------------ WELCOME ------------------*/
.welcome {
	padding: 5em 0;
    text-align: justify;
}
.welcome-info {
    width: 100%;
    margin: 0 auto;
	background: #F2F6F7 none repeat scroll 0% 0%;
	padding: 5%;
}
.welcome-info h2, .gallery-info h2 {
    font-size: 5em;
    margin: 0;
    color: #4CABFF;
    text-align: center;
	margin-bottom: 1em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 100;
}
.welcome-info h5 {
    font-size: 1.3em;
    font-weight: 600;
    margin: 1.5em 0;
}
.welcome-info p {
    color: #777;
    font-size: .9em;
    margin: 0 5%;
    line-height: 2em;
	width: 90%;
}
.welcome-info #pr {
    text-transform: uppercase;
    font-size: 0.7em;
}
.welcome-info #yt {
	width: 640px;
	height: 360px;
}
.welcome-info #history {
	text-align: center;
	font-size: 75%;
}
.welcome-info #history-pic {
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
	margin-top: 1em;
	border-style: solid;
	border-width: 1px;
}


/*------------------ FOOTER ------------------*/

.footer {
    padding: 4em 0;
    background: #f2f6f7;
}
.footer-grids {
	height: 100%;
}
.footer-left{
	text-align: center;
	float: left;
}
.footer-right{
	text-align: center;
	float: right;
}
.footer-right-map {
    margin-top: 2em;
}
.footer-right-map iframe {
    width: 100%;
	height: 245px;
    border: none !important;
}
.footer-right h5 {
    color: #4CABFF;
    margin: 0 0 1em 0;
    font-size: 2em;
    font-family: 'Open Sans Condensed', sans-serif;
}
.f-social ul {
	padding: 0;
	margin: 0;
}
.f-social ul li {
    display: inline-block;
    margin: 0;
}
.f-social ul li a.iwf {
    background: url(../images/social.png) no-repeat 0px 0px;
    width: 30px;
    height: 30px;
    display: block;
}
.f-social ul li a.ewfed {
    background: url(../images/social.png) no-repeat -30px 0px;
}
.f-social ul li a.facebook {
    background: url(../images/social.png) no-repeat -60px 0px;
}
.f-social ul li a.instagram {
    background: url(../images/social.png) no-repeat -90px 0px;
}
.f-social ul li a.youtube {
    background: url(../images/social.png) no-repeat -120px 0px;
}
.f-social ul li a.iwf:hover {
	opacity:.5;
}
.f-address{
    margin: 2em 0;
	text-align: left;
}
.f-address p.text {
    font-size: .9em;
    margin: 0em auto;
    color: #5A5A5A;
    line-height: 1.8em;
    width: 90%;
}
.f-address #pr {
    text-transform: uppercase;
    font-size: 0.7em;
}
.copyright {
	margin:2em 0 0 0;
	text-align: center;
}
.copyright p {
	font-size: .9em;
    margin:0;
    color: #777;
    line-height: 1.8em;
	font-family: "Open Sans Condensed", sans-serif;
}
.copyright p a{
	color: #777;
	text-decoration:none;
}
.copyright p a:hover {
	color:#4CABFF
}


/*------------------ TEAM GRID ------------------*/
.team-grids {
  margin-top: 3em;
}
.team-grid img {
  width: 100%;
}
.team-grid h6 {
    font-size: 1em;
    color: #F25826;
    margin: 2em 0 0em 0;
    text-transform: capitalize;
    font-weight: 600;
}
.team-grid p {
    color: #777;
    font-size: .9em;
    margin: 0;
    line-height: 1.8em;
}
.team-grid i {
    font-size: .8em;
}


/*------------------ GALLERY ------------------*/
.gallery-top {
    padding: 5em 0;
}
.gallery-grids-top {
    margin: 4em 0 0 0;
}
.gallery-info p {
  color: #B2B2B2;
  font-size: .9em;
  margin: 1em auto 0;
  line-height: 1.8em;
  width: 70%;
}
.gallery-grid a {
    display: block;
	margin: 1em 0;
    background-color: #E0E0E0;
	border: 1px solid #2B2B2B;
}
.gallery-grid a:hover {
    background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
}
.gallery-grid img {
	max-width: 100%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.gallery-grid:hover img {
  -webkit-filter: grayscale(100%);
  opacity: 8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}


/*------------------ TO TOP ------------------*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 14px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/up-arrow.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

/*------------------ RESPONSIVE ------------------*/
@media (max-width:1080px){

}

@media (max-width:1024px){
	.top-nav {
		width: 94%;
	}
	.f-address p.text {
		font-size: .75em;
	}
	.footer-right-map iframe {
		height: 207px;
	}
	.welcome-info #yt {
		width: 640px;
		height: 360px;
	}
}

@media (max-width:991px){
	.top-nav {
		width: 74%;
	}
	.top-nav ul li.home-icon a {
		padding: 1.5em !important;
	}
	.top-nav ul li a {
		padding: 1.5em 0.3em;
		font-size: 0.9em;
	}
	.banner-info {
		width: 74%;
	}
	.footer-right {
		float: none;
	}
	.footer-left {
		float: none;
		margin-top: 2em;
	}
	.team-grid {
		float: left;
		width: 50%;
		margin-bottom: 2em;
	}
	.gallery-grid a {
		margin: 1em 2%;
		float: left;
		width: 46%;
	}
	.welcome-info #yt {
		width: 480px;
		height: 270px;
	}
}

@media (max-width:936px){
	.top-nav {
		width: 80%;
	}
}

@media (max-width:856px){
	.top-nav {
		width: 85%;
	}
}

@media (max-width:817px){
	.top-nav {
		width: 90%;
	}
}

@media (max-width:800px){
	.top-nav {
		width: 95%;
	}
}

@media (max-width:768px){
	.top-nav {
		width: 95%;
	}
	.banner-info {
		margin: 7em 0 12em 0;
	}
	.welcome {
		padding: 3em 0;
	}
	.gallery-top {
		padding: 3em 0;
	}
	.address {
		margin: 2em 0 0;
	}
	ul.dropdown-menu {
		min-width: 96px;
	}
	.welcome-info #yt {
		width: 320px;
		height: 180px;
	}
}

@media (max-width:640px) {
	.top-nav {
		position: inherit;
		width: 100%;
	}
	.navbar-default .navbar-toggle {
		border: none;
		color: #FFF;
		padding: 12px 10px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background: none;
		border: none;
		padding: 12px 10px;
	}
	.navbar-toggle {
		float: none;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
	.navbar-default {
		text-align: center;
	}
	.top-nav ul li {
		display: block;
	}
	.dropdown-menu > li {
		text-align: center;
	}
	ul.dropdown-menu {
	    padding: 0 0 0em 0 !important;
	}
	.top-nav ul li.login {
		margin-left: 0% !important;
		float: none;
		margin-right: 0em !important;
	}
	.top-nav ul li a {
		padding: .5em 0;
	}
	.navbar-collapse {
		max-height: 695px;
	}
	.navbar-nav {
		margin: 0;
	}
	.navbar-collapse.in {
		overflow-y: inherit;
	}
	.top-nav ul {
		padding: 0 0 2em 0;
	}
	.header {
		padding: 1em 0;
	}
	.top-nav ul li.home-icon a {
		padding: 1em !important;
	}
	div#bs-example-navbar-collapse-1 {
		border: none;
		box-shadow: 0 0 0;
	}
	.banner-info {
		width: 85%;
	}
	.banner-info {
		margin: 3em 0 9em 0;
	}
	.welcome-info h2, .gallery-info h2 {
		font-size: 4em;
	}
	.welcome-info {
		width: 100%;
	}
	.f-address {
		margin: 1em 0;
	}
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.welcome-info #yt {
		width: 256px;
		height: 144px;
	}
}

@media (max-width:480px){
	.social {
		float: none;
		text-align: center;
	}
	.logo img {
		width: 20%;
		height: auto;
	}
	.logo h1 a {
		font-size: 1.4em;
		font-weight: 100;
	}
	.banner-info {
		width: 100%;
	}
	.banner-info p {
		font-size: .8em;
	}
	.banner-info h3 {
		font-size: 1em;
	}
	.banner-one img {
		height: auto;
	}
	.banner-two img {
		height: auto;
	}
	.welcome {
		padding: 2em 0;
	}
	.welcome-info h2, .gallery-info h2 {
		font-size: 2.6em;
	}
	.welcome-info h5 {
		font-size: 1em;
	}
	.welcome-info p {
		font-size: 0.7em;
	}
	.footer {
		padding: 2em 0;
	}
	.footer-right input[type="text"] {
		width: 67% !important;
	}
	.gallery-grid a {
		float: none;
		width: 100%;
		margin-bottom: 1em;
		padding: 0;
	}
	.welcome-info #yt {
		width: 204.8px;
		height: 115.2px;
	}
}

@media (max-width:570px) {
	.team-grid {
		float: none;
		width: 100%;
		margin-bottom: 1em;
	}
}

@media (max-width:320px) {
	.logo img {
		width: 20%;
		height: auto;
	}
	.logo h1 a {
		font-size: 1.2em;
		font-weight: 100;
	}
	.header-top-right {
		width: 60%;
	}
	.header-top-right form input[type="text"] {
		width: 79%;
	}
	.navbar-default .navbar-toggle {
		padding: 6px 10px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		padding: 6px 10px;
	}
	.top-nav ul li a {
		font-size: .9em;
	}
	.banner-info {
		margin: 1em 0 7em 0;
	}
	.banner-info h5 {
		margin: 1em 0 1em 0;
	}
	.banner-info p {
		line-height: 1.5em;
	}
	.banner-one {
		background: url(../images/banner_3.jpg) no-repeat 0px 0px;
		background-size: cover;
	}
	.banner-two {
		background: url(../images/banner_2.jpg) no-repeat 0px 0px;
		background-size: cover;
	}
	.banner-one img {
		height: auto;
	}
	.banner-two img {
		height: auto;
	}
	.welcome-info p {
		font-size: 0.7em;
	}
	.welcome {
		padding: 1em 0;
	}
	.welcome-info h2, .gallery-info h2 {
		font-size: 2em;
	}
	.nbs-flexisel-nav-left {
		top: 79.5px !important;
	}
	.nbs-flexisel-nav-right {
		top: 79.5px !important;
	}
	.footer {
		padding: 1em 0;
	}
	.footer-right input[type="text"] {
		width: 100% !important;
		margin-bottom: 1em;
	}
	.footer-right input[type="submit"] {
		font-size: .8em;
		width: 50% !important;
	}
	.f-address p.text {
		width: 100%;
	}
	.copyright {
		margin: 1em 0 0 0;
	}
	.copyright p {
		font-size: .8em;
	}
	.team-grids {
		margin-top: 2em;
	}
	.gallery-top {
		padding: 1em 0;
	}
	.gallery-grids-top {
		margin: 1em 0 0 0;
	}
	.header-top-right {
		margin: 0.5em 0 0 0;
	}
	button.btn1.btn-1.btn-1b {
		font-size: .9em;
	}
	.contact-map {
		margin-top: 2em;
	}
	.footer-right-map iframe {
		height: 120px;
	}
	.footer-left {
		margin-top: 1em;
	}
	.team-grid {
		float: none;
		width: 100%;
		margin-bottom: 1em;
	}
	.welcome-info #yt {
		width: 204.8px;
		height: 115.2px;
	}
	h3.title {
		font-size: 1.6em;
	}
	.nav > li > a {
		font-size: 14px;
	}
}