@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
html, body {
	height: 100%;
}
body {
	font: normal normal 16px 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
}
h1 {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
}
p {
	line-height: 24px;
	margin-bottom: 24px;
}
.box {
	background: #fff;
	-webkit-box-shadow: 1px 1px 2px 0 #D9D9D9;
	box-shadow: 1px 1px 2px 0 #D9D9D9;
	padding: 20px 25px;
}
.points{
	margin: 15px auto 25px;
	padding:0;
}
.points li{
	margin: 0 0 10px 20px;
}
a:hover {
	text-decoration: none !important;
}
.btn-custom {
	background: #66f;
	color: #fff;
	border-radius: 0;
	font-weight: 300;
	padding: 6px 25px;
	text-align: center;
	font-size: 14px;
}
.btn-custom:hover {
	background: #99f;
}
/* ---------------------------------------------
					Nav
---------------------------------------------- */
nav {
	position: relative;
	z-index: 9;
}
.navbar-brand {
	height: auto;
}
.navbar-default {
	background: rgba(0,0,0,0.7);
	border: none;
	border-radius: 0;
	position: fixed;
	width: 100%;
}
.navbar-default .navbar-nav {
	margin-top: 40px;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	text-transform: uppercase;
	margin: 0 10px 10px;
	font-weight: 300;
}
.navbar-default .navbar-nav>li .glyphicon {
	font-weight: 300;
}
.navbar-default .navbar-nav>li:last-child>a {
	margin-right: 0;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #ccc;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: none;
	color: #ccc;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
	color: #66f;
}
.navbar-nav>li.dropdown:hover .dropdown-menu {
	display: block;
}
.navbar-nav>li>.dropdown-menu {
	background: rgba(102, 102, 255,0.9);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	padding: 10px 0;
}
.dropdown-menu>li>a {
	color: #fff;
	padding: 5px 20px;
}
.dropdown-menu>li>a:hover {
	background: none;
	color: #ddd;
}
/* ---------------------------------------------
					Bootstrap Toogle
---------------------------------------------- */
.navbar-toggle .icon-bar+.icon-bar {
	margin: 0
}
.navbar-default .navbar-toggle {
	width: 44px;
	height: 35px;
	padding: 0 5px;
	border-radius: 3px;
}
.navbar-default .navbar-toggle .icon-bar {
	position: absolute;
	transition: all 250ms linear;
	margin-left: 5px;
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
	position: absolute;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0)
}
.navbar-default .navbar-toggle .line1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	top: 15px;
}
.navbar-default .navbar-toggle .line2 {
	opacity: 0;
}
.navbar-default .navbar-toggle .line3 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	top: 15px;
}
.navbar-default .navbar-toggle.collapsed .line1 {
	top: 9px;
}
.navbar-default .navbar-toggle.collapsed .line2 {
	opacity: 1;
	top: 15px;
}
.navbar-default .navbar-toggle.collapsed .line3 {
	top: 21px;
}
.navbar-default .navbar-toggle:hover {
	background: #efefef;
}
.navbar-toggle .icon-bar {
	background: #fff;
}
/* ---------------------------------------------
					Search
---------------------------------------------- */
.search form {
	display: flex;
	margin: 0;
	padding:0 10px;
}
.search .form-control {
	color: #fff;
	background-color: transparent;
	border: none;
	box-shadow: none;
}
/* ---------------------------------------------
					no-gutters
---------------------------------------------- */
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
 padding-right: 0;
 padding-left: 0;
}
.row.gutters-5 {
	margin-right: -5px;
	margin-left: -5px;
}
.row.gutters-5 > [class^="col-"], .row.gutters-5 > [class*=" col-"] {
 padding-right: 5px;
 padding-left: 5px;
}
/* ---------------------------------------------
					Banner
---------------------------------------------- */
#banner {
	height: 100%;
	position:relative;
}
#inner #banner {
	height: 420px;
	background-position: center center !important;
    background-size: cover !important;
}
#video {
	width:100%;
	position: absolute;
    bottom: 40px;
}
#video ul {
	margin:0 auto;
	padding:0;
	width:60%;
}
#video li{
	list-style:none;
	float:left;
	width:15%;
	margin:0.5%;
	border:2px solid #fff;
	border-radius:3px;
}
#video li a{
	margin:0;
}
/* ---------------------------------------------
					Main
---------------------------------------------- */
#about {
	padding: 30px 0 50px;
	background-color: #efefef;
}
#about h1 {
	text-align: center;
	color: #333;
}
#about h5 {
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}
.num-counter {
	padding: 50px 10px;
	border-right: 1px solid #efefef;
}
.num-counter h3 {
	text-align: center;
	margin: 0 0 5px;
}
.num-counter h3 span {
	font-size: 48px;
}
.num-counter p {
	font-size: 16px;
	text-align: center;
	margin-bottom: 0;
	line-height: 20px;
}
#services .title {
	background: #66f;
	padding: 15px 0;
}
#services .title h1, #services .title a {
	color: #fff;
	text-align: center;
	margin: 10px 0;
	display: block;
}
.services ::-webkit-scrollbar {
 width: 6px;
 cursor:pointer;
}
.services ::-webkit-scrollbar-track {
 background: #fff;
 border-radius:3px;
}
.services ::-webkit-scrollbar-thumb {
 background: #8c949c;
 border-radius:3px;
}
.services h2 {
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin: 10px 0;
}
.services p {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	border-top: 1px solid #555;
	padding-top: 15px;
	overflow-y: auto;
	height: 190px;
}
.services a:hover {
	color: #fff;
}
.services img {
    width: 100%;
}
.description {
	padding: 0 15px;
	z-index: 9;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 25%;
}
.links {
	display: none;
}
.services:hover .links {
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
	-o-animation-duration: 200ms;
	animation-duration: 200ms;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	padding: 5px 15px;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	display: block;
	z-index: 99;
}
.services:hover .description {
	opacity: 0;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
	-o-animation-duration: 200ms;
	animation-duration: 200ms;
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
/* ---------------------------------------------
				Inner
---------------------------------------------- */
#inner section {
	padding:15px 0 60px;
}
#inner h5 {
	border-bottom:2px solid #000;
	padding-bottom:15px;
}
.video {
    position: relative;
    background: #eee;
}
.video:before {
    content: '';
    display: block;
    padding-top: 65%;
    position: relative;
}
.video iframe, .video a, .video div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.video img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}
/* ---------------------------------------------
				maps
---------------------------------------------- */
#maps {
	position:relative;
}
#googlemaps {
	height: 420px;
	width: 100%;
	position: relative;
}
/* ---------------------------------------------
					Footer
---------------------------------------------- */
footer {
	background: #333;
	padding: 15px 0;
	text-align: center;
}
footer p {
	color: #fff;
	font-size: 14px;
	margin: 0;
	text-align: center;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #eee;
	text-decoration: none;
}
#backtotop span {
	border: 1px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding: 10px 0;
	margin: 20px 0 10px;
	text-align: center;
}
#backtotop p {
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
}
/* ---------------------------------------------
					Social Media
---------------------------------------------- */
@font-face {
	font-family: 'si';
	src: url('../fonts/socicon.eot');
	src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'), url('../fonts/socicon.woff') format('woff'), url('../fonts/socicon.ttf') format('truetype'), url('../fonts/socicon.svg#icomoonregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
	font-family: si;
	src: url(../fonts/socicon.svg) format(svg);
}
}
.soc {
	overflow: hidden;
	margin: 30px 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.soc li {
	display: inline-block;
 *display:inline;
	zoom: 1;
}
.soc li a {
	font-family: si!important;
	text-align: center;
	display: block;
	font-size: 20px;
	margin: 10px 20px;
	color: #fff;
}
.soc-facebook:before {
	content: 'b';
}
.soc-google:before {
	content: 'c';
}
.soc-email2:before {
	content: '.';
}
.soc-twitter:before {
	content: 'a';
}
.soc-youtube:before {
	content: 'r';
}
.soc-facebook:hover, .soc-google:hover, .soc-email2:hover, .soc-twitter:hover, .soc-youtube:hover {
	color: #ccc;
}
/* ---------------------------------------------
					Media Queries
---------------------------------------------- */
@media only screen and (max-width: 1169px) {
.container {
	width: 100%;
}
}
 @media (max-width: 1032px) {
/* ---------------------------------------
				Do Not Touch
--------------------------------------- */
.navbar-header, .navbar-left, .navbar-right, .navbar-nav>li {
	float: none !important;
}
.navbar-toggle {
	display: block;
	margin-right: 0;
}
.navbar-collapse.collapse {
	display: none!important;
}
.collapse.in {
	display: block !important;
}
/* ---------------------------------------
				End
--------------------------------------- */
.navbar-default .navbar-nav {
	margin-top: 0;
}
.navbar-default .navbar-nav>li>a {
	margin: 0;
	border: none;
}
.navbar-default .navbar-collapse {
	margin: 0 -30px;
}
.navbar-nav>li>.dropdown-menu {
	background: rgba(0,0,0,0.9);
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
.services img {
	width:100%;
}
}
@media (min-width: 768px) {
    .col-sm-20 {
        width: 20%;
    }
}
@media (max-width: 767px) {
.navbar-default .navbar-toggle {
	margin-right: 15px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
}
.navbar-default .navbar-collapse {
	margin: 0 -15px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	padding: 5px 15px;
}
.services h2 {
	font-size: 14px;
	line-height: 20px;
}
.description {
	height: 28%;
}
.services p {
	height: 155px;
}
}
