@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

body
{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#34393d;
	font-family: 'Oswald', sans-serif;
}


html 
{
  scroll-behavior: smooth;
  font-smooth: always;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

*, ::after, ::before {
    box-sizing: border-box;
}



a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:none;
}

.overflow
{
	overflow:hidden;
}

.wrapper
{
	width:100%;
	position:relative;
}

.zeropadding
{
	padding:0px !important;
}

.padding-100
{
	padding:50px 0px;
}

.padding-0-100
{
	padding:0px 0px 100px 0px;
}

.padding-150
{
	padding:150px 0px;
}

.padding-200
{
	padding:200px 0px;
}

.padding-250
{
	padding:250px 0px;
}

.mb-30
{
	margin:0px  0px 30px 0px !important;
}

.mb-50
{
	margin:0px  0px 50px 0px !important;
}

.btn-mrg
{
	margin:0px 5px;
}


.btn-primary
{
	background:#0068c8;
	border-color:#0068c8;
	font-size:14px;
	color:#FFF !important;
	padding:10px 30px;
}

.btn-primary:hover
{
	color:#FFF !important;
}

.btn-success
{
	/* background:#0068c8;
	border-color:#0068c8; */
	font-size:14px;
	color:#FFF !important;
}

.btn-success:hover
{
	color:#FFF !important;
}

.btnpadding
{
	font-size:16px;
	color:#FFF !important;
	padding:10px 30px;
}

.greentext
{
	color:#0068c8;
}

.bluetext
{
	color:#0068c8;
}

.home-link
{
	color:#FFF !important;
}

@media screen and (max-width: 1024px) 
{
.padding-250
{
	padding:70px 0px;
}

.padding-150
{
	padding:70px 0px;
}

}
.header-wrapper
{
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position:sticky;
	top: 0;
	width:100%;
	z-index:999999;
	padding:10px 0px;
	transition: 0.5s;
	background:#FFF;
	box-shadow:0px 0px 7px rgb(0 0 0 / 15%);
}

.main-nav
{
	display:flex;
	width:100%;
}

.main-nav ul
{
	align-items:center;
	justify-content:flex-end;
	width:100%;
	margin:0px;
	padding:0px;
}

.main-nav ul li
{

	margin:0px 0px 0px 5px;
	padding:0px;
}

.main-nav ul li a {
   font-size: 14px;
    font-weight: 500;
	padding:10px 15px !important;
}


.navbar-light .navbar-nav .nav-link
{
	color:#34393d;

}

.nav-link:focus
{
	color:#0068c8 !important;
}

.nav-link i
{
	font-size:12px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{
	color:#34393d;
}

.activec
{
	color:#0068c8 !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding:0 !important;
    margin:  0;
    font-size: 14px;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #34393d;
    background-clip: padding-box;
    border:none !important;
    border-radius:0px !important;
	transform: translateX(-50%);
    transition: .2s height;
	box-shadow:0px 4px 7px rgba(0,0,0,0.2);
}

.dropdown-item
{
	padding:10px 20px;
	color:#fff;
	font-size: 14px;
}

.nav-item:hover .dropdown-menu
{
	display:block;
	-webkit-animation: scale-in-ver-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-top 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}

.logo
{
	display:block;
}

.logo img
{
	width:150px;
}

.dropdown-item.active, .dropdown-item:active {
    color:#2f3a3e !important;
    text-decoration: none;
    background-color:transparent!important:
}
.img-responsive
{
	width:100%;
	border-radius:5px;
}

.img-responsive-2
{
	width:100%;
}
@media screen and (max-width: 1024px) 
{
	
.img-responsive
{
	margin:0px 0px 30px;
}

.navbar-light .navbar-toggler {
    background:#0068c8 !important;
    border: 0;
	color:#FFF !important;
}	

.navbar-nav
{
	display:flex;
	width:100%;
	background:#FFF;
	padding:30px 0px !important;
}
.navbar-light .navbar-nav .nav-link
{
	color:#404951 !important;
}
}


/*header end*/

.slider-wrapper
{
	width:100%;
	cursor: -webkit-grab;
	cursor: grab;
}
.slider
{
	width:100%;
	position:relative;
}

.slider img
{
	width:100%;
}

.slider h1
{
	margin:0px 0px 20px;
	padding:0px;
	text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
	-webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.slider h2
{
	margin:0px 0px 10px;
	padding:0px;
	text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
	-webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


.slider p
{
	margin:0px 0px 20px;
	padding:0px;
	font-size: 16px;
	line-height:30px;
}


.arrow-css {
    background: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
    line-height: 40px;
	display:inline-block;
	opacity:0.5;
}

.arrow-css:hover {
	opacity:0.8;
}

.root-header
{
	position:relative;
	width:100%;
	padding:100px 0px 0px 0px;
	text-align:center;
}

.root-header h2
{
	background:#0068c8;
	padding:20px 40px;
	margin:0px;
	color:#FFF;
	width:auto;
	display:inline-block;
	font-size:24px;
}



/*end slider*/
.ligt-bg
{
	background:#f1fafc;
}
.web-title
{
	width:100%;
	margin:0px 0px 30px;
	position:relative;
}

.web-title h2
{
	font-size:34px;
	margin:0px 0px 20px;
	padding:0px;
	font-weight:bold;
}

.web-title h5
{
	font-size: 18px;
    line-height: 18px;
	padding:0px;
	margin:0px 0px 20px;
}

.web-title p
{
	width:100%;
	padding:0px;
	font-weight:400;
    font-size: 14px;
	line-height: 2em;
    margin: 0 0 10px;
}

.about-color-bg
{
	position:relative;
	background:#34393d;
    padding: 30px;
    min-height: 100%;
    color: #fff;
    border-radius: 5px;
}

.about-color-bg h3
{
	margin:0px 0px 20px;
	padding:0px;
	font-size:30px;
	font-weight:300;
	line-height:30px;
}

.about-color-bg p
{
	margin:0px 0px 20px;
	padding:0px;
	font-size:18px;
	font-weight:300;
	line-height:36px;
}

.content
{
	width:100%;
	position:relative;
}

.content h2
{
	margin:0px 0px 15px;
	padding:0px;
	font-size:40px;
	font-weight:bold;
}

.content h3
{
	margin:0px 0px 15px;
	padding:0px;
	font-size: 18px;
}

.content h4
{
	margin:0px 0px 10px;
	padding:0px;
	font-size: 18px;
}


.content h5
{
	margin:0px 0px 20px;
	padding:0px;
	font-size: 18px;
}

.content h6
{
	margin:0px;
	padding:0px;
}

.content p
{
	margin:0px 0px 20px;
	padding:0px;
	line-height:30px;
	font-size:16px;
}

.content ul
{
	margin:0px;
	padding:0px;
}


.content ul li
{
	 margin: 0px 0px 10px;
    padding: 10px;
    font-size: 16px;
    list-style: none;
    background: #fff;
	width:100%;
	border-radius:5px;
}

.content ul li svg
{
	color:#0068c8
}

.content ul li a
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.content-icon
{
	font-size:40px;
	font-weight:lighter;
	margin:0px 0px 20px;
	width:100%;
	color:#fff;
}

.text-link
{
	color:#0068c8;
	font-size:14px;
	font-weight:600;
}

.text-link:hover
{
	color:#002e5b;
}

.font-40
{
	font-size:40px;
}

.content-padding
{
	padding:0px 50px;
}

.testimonials
{
	padding:0px 40px;
}

.anchor-link
{
	display:block;
	color:#0068c8;
	font-size:18px;
	margin:0px 0px 5px 0px;
}

.formbox
{
	 margin: 0px;
    padding: 30px;
    font-size: 16px;
    list-style: none;
    background: #fff;
	width:100%;
	border-radius:5px;
}

.socialmedia-wrapper
{
	background:#0068c8;
	padding:30px 0px;
}

.social-media
{
	width:auto;
	text-align:center;
	color:#FFF;
}

.social-media ul
{
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}

.social-media ul li
{
	margin:0px 10px;
	padding:0px;
	list-style:none;
	display:inline-block;
}

.social-media ul li a
{
	color:#FFF;
}

.social-media ul li a:hover
{
	color:#FFF;
}


@media screen and (max-width: 1024px) 
{
.web-title h2
{
	font-size:28px;
}

.about-color-bg h3
{
	font-size:24px;
}

.content-padding
{
	padding:50px 20px;
	margin:0px !important;
}
.content
{

	margin:0px 0px 30px;
}

.content h2
{
	font-size:28px;
	font-weight:bold;
}

.content h3
{
	font-size:20px;
	font-weight:bold;
}
}
/*end main content*/


.contact-box {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.contact-box img
{
	width:100%;
}
.contact-box .item-icon {
  position: absolute;
  z-index: 1;
 
}
.contact-box .shape1 {
  top: 25px;
  left: 50px;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width:70px;
}
.contact-box .shape2 {
  bottom: 30px;
  right: 60px;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width:70px;
}
.contact-box .shape3 {
  bottom: 100px;
  left: 70px;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width:60px;
}
.contact-box .shape4 {
  top: 150px;
  right: 100px;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width:70px;

}



.contact-container
{
	width:100%;
	padding:30px;
	background:rgb(20 41 53 / 58%);
	border-radius:5px;
	position:relative;
	z-index:99;
	text-align:left;
	font-size:14px;
	color:#fff;
	text-align:center;
}

.contact-container input, .contact-container textarea, .contact-container select
{
	font-size:14px;
	border:none;
}

.contact-container h3
{
	font-size:18px;
	font-weight:700;
	padding:0px;
	margin:0px;
	line-height:24px;
}

.contact-container p
{
	font-size:13px;
	font-weight:500;
	padding:0px;
	margin:0px 0px 10px;
}

.form-group label
{
	font-weight:bold;
}

.footer-wrapper
{
 
    padding: 120px 0 0 0;
}

.footer
{
	color:#FFF;
	width:100%;
	text-align:center;
}

.footer h6
{
	margin:0px 0px 20px;
	padding:0px;
}

.footer ul
{
	margin:0px;
	padding:0px;
}

.footer ul li
{
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:40px;
}

.footer ul li a
{
	color:#FFF;
}

.footer ul li a:hover
{
	color:#0068c8;
	text-decoration:none;
}

.footer-break
{
	display:inline;
	width:100%;
	height:1px;
	margin:30px 0px;
	background:#002e5b;
}

.copy-wrapper
{
	color:#FFF;
	width:100%;
	text-align:center;
	padding:70px 0px;
}



@media screen and (max-width: 1024px) 
{
.footer
{
	margin:0px 0px 20px;
	text-align:center;
}
.copyrights
{
	margin:0px 0px 20px;
}	
}


	.album {
		width: 90%;
		margin: 0px auto;
	}

	.albumThumbs {
		display: block;
		float: left;
		width: 200px;
		margin: 10px;
	}

	.overlay {
		width: 0px;
		height: 0px;
		position: fixed;
		overflow: hidden;
		left: 0px;
		top: 0px;
		padding: 0px;
		z-index:9999999;
		text-align: center;
		opacity: 1;
		background: 
			-webkit-radial-gradient(
				center, 
				ellipse cover, 
				rgba(0, 0, 0, .75) 0%,
				rgba(0, 0, 0, 1) 100%
			);
		transition: opacity 0.5s linear;
		
	}

	.close,
	.galNav {
		position: absolute;
		width: 100px;
		left: 50%;
		z-index: 1001;
		color: #fff;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
		line-height: 23px;

	}
	
	.close {
		top: 30px;
		height: 25px;
		margin-left: -50px;
		background: #999;
		background: rgba(50,50,50,0.75);
		text-transform: uppercase;
	}
	
	.galNav {
		list-style-type: none;
		padding: 0px;
		margin: 0px 0px 0px -50px;
		bottom: 20px;
	}
	
	.galNav li:first-child {
		float: left;
	}
	
	.galNav li:last-child {
		float:right;
	}
	
	.prev,
	.next {
		background: #999;
		background: rgba(50,50,50,0.75);
		color: #fff;
		padding: 5px;
    text-decoration: none;
	}
	
	.prev:hover,
	.next:hover {
		text-decoration: none;
	}
	
	.large {
		max-height: 100%;
		position: relative;
		opacity: 0;
	
		transition: opacity 0.5s linear;
	}

	.overlay:target {
		width: auto;
		height: auto;
		bottom: 0px;
		right: 0px;
		padding: 30px 100px 60px 100px;
	}

	.overlay:target .large {
		opacity: 1;
	}
	
	@media screen and (max-width: 1024px) 
{
	.albumThumbs {
		display: block;
		float: left;
		width: 100%;
		margin:10px;
	}
}
@media only screen and (max-width: 991px) {
.main-nav ul li a{
    margin-top: 10px;
    float: left;;
}
#myForm .form-group{
    width:75% !important;
}
}
#form-messages.success{
    background: green;
    color: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.contact-form-above a{
    color:#000;
}
@media only screen and (max-width: 991px) {
body .collapse.show .nav-item.dropdown{
    text-align: center;
}
body .collapse.show .nav-item.dropdown a{
    float:none;
        /*color: #fff !important;*/
}
body .navbar-light a.hvr-sweep-to-bottom:hover, 
body .navbar-light a.hvr-sweep-to-bottom:focus, 
body .navbar-light a.hvr-sweep-to-bottom:active {
    color: #fff !important;
}
}