/*!-n
 * Start Bootstrap - Agency v5.2.2 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */body {
	overflow-x:hidden;
	font-family:'Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji''
}
p {
	line-height:1.75
}
a {
	color:#000
}
a:hover {
	color:#057ab4
}
.text-primary {
	color:#009feda6!important
}
h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	font-family:'Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji''
}
.page-section {
	padding:43px 0
}
.page-section h2.section-heading {
	font-size:40px;
	margin-top:34px;
	margin-bottom:15px
}
.page-section h3.section-subheading {
	font-size:16px;
	font-weight:400;
	font-style:italic;
	margin-bottom:75px;
	text-transform:none;
	font-family:'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
@media (min-width:768px) {
section {
padding:150px 0
}
}
::-moz-selection {
background:#fed136;
text-shadow:none
}
::selection {
background:#fed136;
text-shadow:none
}
img::-moz-selection {
background:0 0
}
img::selection {
background:0 0
}
img::-moz-selection {
background:0 0
}
.btn {
	font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	font-weight:700
}
.btn-xl {
	font-size:18px;
	padding:20px 40px;
	border-radius: 31px
}
.btn-primary {
	background-color:#59c1f3;
	border-color:#19323e
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color:#094765!important;
	border-color:#fec810!important;
	color:#fff
}
.btn-primary:active, .btn-primary:focus {
box-shadow:0 0 0 .2rem rgba(254, 209, 55, .5)!important
}
#mainNav {
	background-color:#212529
}
#mainNav .navbar-toggler {
	font-size:18px;
	font-weight:600;
	right:0;
	padding:13px;
	margin-top: 39px;
	text-transform:uppercase;
	color:#fff;
	border:0;
	background-color:#009fed;
	width: 56px;
	height: 51px;
	font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
#mainNav .navbar-brand {
	color:#fed136;
	font-family:'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
	color:#fec503
}
#mainNav .navbar-nav .nav-item .nav-link {
	font-size:18px;
	font-weight:600;
	padding:.75em 0;
	letter-spacing:1px;
	color:#fff;
	font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
	color:#009fed
}
@media (min-width:992px) {
#mainNav {
padding-top:25px;
padding-bottom:25px;
transition:padding-top .3s, padding-bottom .3s;
border:none;
background-color:transparent
}
#mainNav .navbar-brand {
font-size:1.75em;
transition:all .3s
}
#mainNav .navbar-nav .nav-item .nav-link {
padding:2.1em 1em!important
}
#mainNav.navbar-shrink {
padding-top:0;
padding-bottom:0;
background-color:rgba(0, 0, 0, 0.2);
}
#mainNav.navbar-shrink .navbar-brand {
font-size:1.25em;
padding:12px 0
}
}
header.masthead {
	text-align:center;
	color:#fff;
	background-image:url(../img/header-bg.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center center;
	background-size:cover
}
header.masthead .intro-text {
	padding-top:150px;
	padding-bottom:100px
}
header.masthead .intro-text .intro-lead-in {
	font-size:22px;
	font-style:italic;
	line-height:22px;
	margin-bottom:25px;
	font-family:'Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji''
}
header.masthead .intro-text .intro-heading {
	font-size:50px;
	font-weight:700;
	line-height:50px;
	margin-bottom:25px;
	font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
@media (min-width:768px) {
header.masthead .intro-text {
padding-top:380px;
padding-bottom:200px
}
header.masthead .intro-text .intro-lead-in {
font-size:40px;
font-style:italic;
line-height:40px;
margin-bottom:25px;
font-family:'Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'';
}
header.masthead .intro-text .intro-heading {
font-size:75px;
font-weight:700;
line-height:75px;
margin-bottom:50px;
font-family:'Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'';
}
}
.service-heading {
	margin:15px 0;
	text-transform:none;
	font-size: 30px
}
#portfolio .portfolio-item {
	right:0;
	margin:0 0 15px
}
#portfolio .portfolio-item .portfolio-link {
	position:relative;
	display:block;
	max-width:400px;
	margin:0 auto;
	cursor:pointer
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
	position:absolute;
	width:100%;
	height:100%;
transition:all ease .5s;
	opacity:0;
	background:rgb(90, 194, 243)
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
	opacity:1
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	font-size:20px;
	position:absolute;
	top:50%;
	width:100%;
	height:20px;
	margin-top:-12px;
	text-align:center;
	color:#fff
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
	margin-top:-12px
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	margin:0
}
#portfolio .portfolio-item .portfolio-caption {
	max-width:400px;
	margin:0 auto;
	padding:25px;
	text-align:center;
	background-color:#fff
}
#portfolio .portfolio-item .portfolio-caption h4 {
	margin:0;
	text-transform:none
}
#portfolio .portfolio-item .portfolio-caption p {
	font-size:16px;
	font-style:italic;
	margin:0;
	font-family:'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
#portfolio * {
	z-index:2
}
@media (min-width:767px) {
#portfolio .portfolio-item {
margin:0 0 30px
}
}
.portfolio-modal .modal-dialog {
	margin:1rem;
	max-width:100vw
}
.portfolio-modal .modal-content {
	padding:100px 0;
	text-align:center
}
.portfolio-modal .modal-content h2 {
	font-size:3em;
	margin-bottom:15px
}
.portfolio-modal .modal-content p {
	margin-bottom:30px;
	font-size: 21px;
	text-align: justify;
	font-family: cursive;
}
.portfolio-modal .modal-content p.item-intro {
	font-size:16px;
	font-style:italic;
	margin:20px 0 30px;
	font-family:'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
.portfolio-modal .modal-content ul.list-inline {
	margin-top:0;
	margin-bottom:30px
}
.portfolio-modal .modal-content img {
	margin-bottom:30px
}
.portfolio-modal .modal-content button {
	cursor:pointer
}
.portfolio-modal .close-modal {
	position:absolute;
	top:25px;
	right:25px;
	width:75px;
	height:75px;
	cursor:pointer;
	background-color:transparent
}
.portfolio-modal .close-modal:hover {
	opacity:.3
}
.portfolio-modal .close-modal .lr {
	z-index:1051;
	width:1px;
	height:75px;
	margin-left:35px;
	transform:rotate(45deg);
	background-color:#212529
}
.portfolio-modal .close-modal .lr .rl {
	z-index:1052;
	width:1px;
	height:75px;
	transform:rotate(90deg);
	background-color:#212529
}
.timeline {
	position:relative;
	padding:0;
	list-style:none
}
.timeline:before {
	position:absolute;
	top:0;
	bottom:0;
	left:40px;
	width:2px;
	margin-left:-1.5px;
	content:'';
	background-color:#e9ecef
}
.timeline>li {
	position:relative;
	min-height:50px;
	margin-bottom:50px
}
.timeline>li:after, .timeline>li:before {
	display:table;
	content:' '
}
.timeline>li:after {
	clear:both
}
.timeline>li .timeline-panel {
	position:relative;
	float:right;
	width:100%;
	padding:0 20px 0 100px;
	text-align:left
}
.timeline>li .timeline-panel:before {
	right:auto;
	left:-15px;
	border-right-width:15px;
	border-left-width:0
}
.timeline>li .timeline-panel:after {
	right:auto;
	left:-14px;
	border-right-width:14px;
	border-left-width:0
}
.timeline>li .timeline-image {
	position:absolute;
	z-index:100;
	left:0;
	width:80px;
	height:80px;
	margin-left:0;
	text-align:center;
	color:#fff;
	border:7px solid #e9ecef;
	border-radius:100%;
	background-color:#fed136
}
.timeline>li .timeline-image h4 {
	font-size:10px;
	line-height:14px;
	margin-top:12px
}
.timeline>li.timeline-inverted>.timeline-panel {
	float:right;
	padding:0 20px 0 100px;
	text-align:left
}
.timeline>li.timeline-inverted>.timeline-panel:before {
	right:auto;
	left:-15px;
	border-right-width:15px;
	border-left-width:0
}
.timeline>li.timeline-inverted>.timeline-panel:after {
	right:auto;
	left:-14px;
	border-right-width:14px;
	border-left-width:0
}
.timeline>li:last-child {
	margin-bottom:0
}
.timeline .timeline-heading h4 {
	margin-top:0;
	color:inherit
}
.timeline .timeline-heading h4.subheading {
	text-transform:none
}
.timeline .timeline-body>p, .timeline .timeline-body>ul {
	margin-bottom:0
}
@media (min-width:768px) {
.timeline:before {
left:50%
}
.timeline>li {
min-height:100px;
margin-bottom:100px
}
.timeline>li .timeline-panel {
float:left;
width:41%;
padding:0 20px 20px 30px;
text-align:right
}
.timeline>li .timeline-image {
left:50%;
width:100px;
height:100px;
margin-left:-50px
}
.timeline>li .timeline-image h4 {
font-size:13px;
line-height:18px;
margin-top:16px
}
.timeline>li.timeline-inverted>.timeline-panel {
float:right;
padding:0 30px 20px 20px;
text-align:left
}
}
@media (min-width:992px) {
.timeline>li {
min-height:150px
}
.timeline>li .timeline-panel {
padding:0 20px 20px
}
.timeline>li .timeline-image {
width:150px;
height:150px;
margin-left:-75px
}
.timeline>li .timeline-image h4 {
font-size:18px;
line-height:26px;
margin-top:30px
}
.timeline>li.timeline-inverted>.timeline-panel {
padding:0 20px 20px
}
}
@media (min-width:1200px) {
.timeline>li {
min-height:170px
}
.timeline>li .timeline-panel {
padding:0 20px 20px 100px
}
.timeline>li .timeline-image {
width:170px;
height:170px;
margin-left:-85px
}
.timeline>li .timeline-image h4 {
margin-top:40px
}
.timeline>li.timeline-inverted>.timeline-panel {
padding:0 100px 20px 20px
}
}
.team-member {
	margin-bottom:50px;
	text-align:center
}
.team-member img {
	width:225px;
	height:225px;
	border:7px solid rgba(0, 0, 0, .1)
}
.team-member h4 {
	margin-top:25px;
	margin-bottom:0;
	text-transform:none
}
.team-member p {
	margin-top:0
}
section#contact {
	background-image:url(../img/Contact2.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
section#contact .section-heading {
	color:#fff
}
section#contact .form-group {
	margin-bottom:25px
}
section#contact .form-group input, section#contact .form-group textarea {
	padding:20px
}
section#contact .form-group input.form-control {
	height:auto
}
section#contact .form-group textarea.form-control {
	height:248px
}
section#contact .form-control:focus {
	border-color:#fed136;
	box-shadow:none
}
section#contact ::-webkit-input-placeholder {
font-weight:700;
color:#ced4da;
font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
section#contact :-moz-placeholder {
font-weight:700;
color:#ced4da;
font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
section#contact ::-moz-placeholder {
font-weight:700;
color:#ced4da;
font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
section#contact :-ms-input-placeholder {
font-weight:700;
color:#ced4da;
font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
.footer {
	padding:0px 0;
	text-align:center
}
.footer span.copyright {
	font-size:90%;
	line-height:40px;
	text-transform:none;
	font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
.footer ul.quicklinks {
	font-size:90%;
	line-height:40px;
	margin-bottom:0;
	text-transform:none;
	font-family:Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
ul.social-buttons {
	margin-bottom:0
}
ul.social-buttons li a {
	font-size:28px;
	line-height:50px;
	display:block;
	width:50px;
	height:50px;
transition:all .3s;
	color:#fff;
	border-radius:100%;
	outline:0;
	background-color:#009fed
}
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
	background-color:#5ac2f3!important;
}
/*--==========================
    Animation
    ============================--*/

  .zoom {
 transition: transform .2s; /* Animation */
	margin: 0 auto;
}
.zoom:hover {
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Safari 3-8 */
	transform: scale(1.2);  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/*--==========================
    Navbar dropdown section start
    ============================--*/
    
 .dropbtn {
	font-size: 22px;
	font-weight: 600;
	border: none;
	outline: none;
	color: white;
	background-color: inherit;
	font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
	margin: 0;
}
.dropdown-content {
	display: none;
	position: fixed;
	background-color: #f9f9f9;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.dropdown-content a {
	font-size: 18px;
	font-weight: 600;
	float: none;
	font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
	color: black;
	padding: 15px 16px;
	text-decoration: none;
	display: block;
	text-align: center;
}
.dropdown-content a:hover {
	background-color: #ddd;
	color:#009fed;
}
.dropbtn:hover .dropdown-content {
	display: block;
}
/*--==========================
    Navbar dropdown section end
    ============================--*/

/*--==========================
    Services section start
    ============================--*/
#services {
	background-image:  url("../img/background/4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#services .text-muted {
	color: #383838!important;
	font-size: larger !important;
}
#services.text-primary:hover {
	color:#ffffff;
}
#services a {
	color:#383838;
}
#services a:hover {
	color:#094765;
	text-decoration:none;
}
 @media (min-width: 320px) and (max-width: 480px) {
.page-section h2.section-heading {
font-size:38px;
}
}
/*--==========================
    Services section end
    ============================--*/

/*--==========================
    Portfolio section start
    ============================--*/

#portfolio {
	background-image:  url("../img/background/4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#portfolios {
	background-image:  url("../img/background/4.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#portfolios a:hover {
	color: #ffffff;
	text-decoration: none;
}
#portfolios a {
	color: #1b5d79;
}
.gallery-title {
	font-size: 36px;
	color: #42B32F;
	text-align: center;
	font-weight: 500;
	margin-bottom: 70px;
}
.gallery-title:after {
	content: "";
	position: absolute;
	width: 7.5%;
	left: 46.5%;
	height: 45px;
	border-bottom: 1px solid #5e5e5e;
}
.filter-button {
	font-size: 18px;
	border: 1px solid #50bae7;
	border-radius: 5px;
	text-align: center;
	color: #1b5d79;
	margin-bottom: 30px;
}
.filter-button:hover {
	font-size: 18px;
	border: 1px solid #50bae7;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	background-color: #094765;
}
.btn-default:active .filter-button:active {
	background-color: #42B32F;
	color: white;
}
.port-image {
	width: 100%;
}
.gallery_product {
	margin-bottom: 30px;
}
.btn:focus, .btn:active, button:focus, button:active {
	outline: none !important;
	box-shadow: none !important;
}
#image-gallery .modal-footer {
	display: block;
}
.thumb {
	margin-top: 15px;
	margin-bottom: 15px;
}
/*********************** Demo - 2 start*******************/
.box12 {
	position:relative
}
.box12 .box-content, .box12:after {
	position:absolute;
transition:all .3s ease 0s
}
.box12:after {
	content:"";
	width:50%;
	background:rgba(78, 22, 22, 0.8);
	padding-bottom:50%;
	opacity:0;
	top:50%;
	left:50%;
	transform:rotate(0) translate(-50%, -50%);
	transform-origin:0 0 0
}
.box12:hover:after {
	transform:rotate(-45deg) translate(-50%, -50%);
	opacity:1
}
.box12 img {
	width:100%;
	height:auto
}
.box12 .box-content {
	width:100%;
	top:28%;
	left:0;
	opacity:0;
	z-index:1
}
.box12:hover .box-content {
	opacity:1
}
.box12 .title {
	padding:10px 0;
	color:#fff;
	margin:0;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff
}
.box12 .icon {
	padding:0;
	margin:12px 0 0;
	list-style:none
}
.box12 .icon li a {
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	border-radius:50%;
	border:1px solid #fff;
	font-size:18px;
	color:#fff;
	margin-right:-4px;
transition:all .3s ease 0s
}
.box12 .icon li a:hover {
	border-radius:0
}
@media only screen and (max-width:990px) {
.box12 {
margin-bottom:20px
}
}
 @media (min-width: 320px) and (max-width: 480px) {
.box12 .box-content {
top:34%;
}
.box12:after {
width:45%;
padding-bottom:45%;
}
}
/*********************** Demo - 2 end *******************/


/*--==========================
    Portfolio section end
    ============================--*/

/*--==========================
    About us section start
    ============================--*/

#about {
	padding: 48px 0;
	background-image: url("../img/about/background.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#about .about-container .background {
	min-height: 300px;
	margin-top:34px;
	margin-bottom: 10px;
}
#about .about-container .content {
	background: #fff;
}
#about .about-container .title {
	color: #333;
	font-weight: 700;
	font-size: 32px;
}
#about .about-container p {
	line-height: 30px;
	text-align: justify;
	font-family: 'Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'';
}
#about .about-container p:last-child {
	margin-bottom: 0;
	margin-top:-47px;
}
#about .about-container .icon-box {
	background: #fff;
	background-size: cover;
	padding: 0 0 30px 0;
}
#about .about-container .icon-box .icon {
	float: left;
	background: #fff;
	width: 64px;
	height: 64px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #2dc997;
}
#about .about-container .icon-box .icon i {
	color: #2dc997;
	font-size: 24px;
}
#about .about-container .icon-box .title {
	margin-left: 80px;
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 18px;
	text-transform: uppercase;
}
#about .about-container .icon-box .title a {
	color: #111;
}
#about .about-container .icon-box .description {
	margin-left: 80px;
	line-height: 24px;
	font-size: 14px;
}
#about .about-container .background img {
	border-radius:32%;
}



/*--==========================
    about us responsive section start
    ============================--*/

@media (min-width: 320px) and (max-width: 480px) {
 #about .about-container .background img {
 height: 100%;
 width: 100%;
}
 header.masthead .intro-text {
 padding-top: 244px;
 padding-bottom: 32px;
}
 .btn-xl {
 font-size: 16px;
 padding: 5px 16px;
 border-radius: 31px;
}
header.masthead .intro-text .intro-heading {
font-size:42px;
}
 #about {
background-position: unset;
}
}
/*--==========================
    about us section end
    ============================--*/
  
  /*--==========================
    Contact section start
    ============================--*/
  
    
#contact .text-muted {
	color: #f2f5f2b5!important;
}
.text-danger {
	font-size: 14px;
	margin-top: 10px;
}
.form-control {
	width: 100%;
	margin-bottom: 20px;
	padding: 15px 30px;
	font-size: 14px;
	border-radius: 30px;
	border: 1px solid transparent;
	background: #f5f5f5;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* contact Section	end
--------------------------------*/


/*--==========================
    copyright section start
    ============================--*/
#copyright {
	background-color:#0000009e;
}
.copyright a {
	color: #278ebf;
	font-weight: 600;
}
.copyright a:hover {
	color:#094765;
	text-decoration:none;
}
.copyright p {
	font-size:17px;
	font-weight:500;
	color:#ffffff;
	font-family:'Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'';
}
 @media (min-width: 320px) and (max-width: 480px) {
.copyright p {
font-size:12px;
font-weight:500;
text-align:center;
}
}
/*--==========================
    copyright section end
    ============================--*/

/*--==========================
    footer section start
    ============================--*/


.block-title {
	font-size: 16px;
	font-weight: 500;
	color: #59c1f3;
	margin-bottom: 30px;
	text-transform: uppercase;
	position: relative;
}
footer .footer-Content {
	background-image:  linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/background/6.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 30px 0 10px 0;
	color: #ffffff;
}
.textwidget {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: justify;
}
.textwidget p {
	color: #ffffff;
	font-size: 16px;
}
.widget-2 {
	margin-left:15%;
}
footer .menu {
	padding-left: 0;
}
footer .menu li {
	padding-bottom: 12px;
	list-style:none;
}
footer .menu li a {
	color: #ffffff;
}
footer .menu li a:hover {
	color: #59c1f3;
}
.contact-footer {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.contact-footer li {
	padding: 3px 0;
	margin-bottom: 15px;
	list-style:none;
}
.contact-footer li strong {
	float: left;
}
.contact-footer li strong:hover {
	color: #59c1f3;
}
.contact-footer li span {
	margin-left: 73px;
	display: block;
	text-align:justify;
	word-spacing: 4px;
	letter-spacing: normal;
}
.contact-footer li span a {
	color: #ffffff;
}
.contact-footer li span a:hover {
	color: #59c1f3;
}
.instagram-footer {
	padding: 0;
}
.instagram-footer li {
	display: block;
	width: 33%;
	float: left;
	padding: 0 5px 5px 0;
	margin: 0;
}
.instagram-footer li a img {
	width: 100%;
}
.footer-social li {
	display: inline-block;
	margin-right: 12px;
}
.footer-social li a {
	background-color: #F97794;
	border-radius: 50%;
	color: #fff;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 32px;
	display: inline-block;
 -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
.footer-social li .facebook:hover {
	background-color: #3b5998;
}
.footer-social li .twitter:hover {
	background-color: #55acee;
}
.footer-social li .linkedin:hover {
	background-color: #007bb5;
}
.footer-social li .google-plus:hover {
	background-color: #dd4b39;
}
 @media (min-width: 320px) and (max-width: 480px) {
 .footer {
text-align:left;
}
 .widget-2 {
margin-left: 0;
margin-top: 26px;
}
}
	
/*--==========================
    footer section end
    ============================--*/


@media (max-width: 1024px) and (min-width: 768px) {
 #about .about-container .background img {
 height: 100%;
 width: 100%;
}
 #mainNav .navbar-nav .nav-item .nav-link {
 font-size: 17px;
 text-align:center !important;
}
 .widget-2 {
 margin-left: -58%;
}
 #mainNav .navbar-toggler {
padding:13px;
font-size: 21px;
width: 56px;
 height: 51px;
}
}
/*--==========================
    slider Arrow start
    ============================--*/


 
.arrow-container {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	bottom: 25px;
	left: 0;
	right: 0;
}
.arrow-1 {
	width: 100px;
	height: 100px;
	background: #00BCD4;
	opacity: 0.5;
	border-radius: 50%;
	position: absolute;
	margin-left:-49px !important;
}
.arrow-2 {
	width: 60px;
	height: 60px;
	background: #00BCD4;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	display: table;
}
.arrow-2 .fa-angle-down {
	padding-top:3px;
}
.arrow-2:hover {
	text-decoration:none;
}
.arrow-2:before {
	width: 52px;
	height: 52px;
	content: "";
	border: 2px solid #006064;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px;
}
.arrow-2 i.fa {
	font-size: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #006064;
}
/*--==========================
   custom Animate css
    ============================--*/


.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @-webkit-keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.4, .4, .4);
 transform: scale3d(.4, .4, .4);
}
 50% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
}
}
 @keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.4, .4, .4);
 transform: scale3d(.4, .4, .4);
}
 50% {
 opacity: 0.5;
}
 100% {
 opacity: 0;
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
/*--==========================
    header social icon
    ============================--*/



	.iconbar {
	width:10% !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	margin: 0 1700px !important;
	padding: 25px 0px;
	/*margin-left:1040px;*/
		
	text-align:center;
}
.iconbar a {
	color: #008dd2;
}
/*--==========================
   multicolured hover variation
    ============================--*/

 
 #social-fb:hover {
	color: #3B599;
}
#social-in:hover {
	background:#C13584;
	color: white;
}
#social-yt:hover {
	color: #d34836;
}
#social-em:hover {
	color: #f39c12;
}
.fa-facebook {
	background: #fff;
	color: white;
}
.fa-youtube {
	color: #fff;
}
.fa-instagram {
	color:#fff;
	border-radius: 0.7rem!important;
}
.social:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.social {
	-webkit-transform: scale(0.8);
	/* Browser Variations: */
     transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}
 @media (min-width: 320px) and (max-width: 480px) {
 #mainNav .navbar-nav .nav-item .nav-link {
 font-size: 19px;
 text-align:center !important;
}
 .iconbar {
 width: 61% !important;
		/*
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    margin-top: -365px !important;
    padding: 0px 0px;
	/*margin-left:1040px;*/
	/*	
	text-align:center;
	*/
	
	 margin: 0 250px !important;
}
 ul.social-buttons li a {
 font-size: 22px;
 line-height: inherit;
 width: 30px;
 height: 30px;
}
}
 @media (max-width: 1024px) and (min-width: 768px) {
.iconbar {
width: 20% !important;
margin: 0 818px !important;
}
ul.social-buttons li a {
 font-size: 22px;
 line-height: 2;
 width: 40px;
 height: 40px;
}
}
#farmhouse {
	padding: 0px 0;
	background-image: url("./img/about/background.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
 @media (min-width: 320px) and (max-width: 480px) {
 #farmhouse img {
display:none;
}
 #farmhouse {
background-position: unset;
}
}
/* ========================================================================== 
   Scroll To Up 
   ========================================================================== */


#rocketmeluncur {
	position: fixed;
	bottom: 50px;
	z-index: 7;
	display: none;
	visibility: hidden;
	width: 26px;
	height: 48px;
	right: 25px;
	background: url(https://3.bp.blogspot.com/-GZOBULN1Q4s/VbNxQrf37EI/AAAAAAAAAPk/rak337seJ70/s1600/Ask.png) no-repeat 50% 0;
	opacity: 0;
 -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
 -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
 transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
#rocketmeluncur i {
	display: block;
	margin-top: 48px;
	height: 14px;
	background: url(https://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) no-repeat 50% -48px;
	opacity: .5;
 -webkit-transition: -webkit-transform .2s;
 -moz-transition: -moz-transform .2s;
 transition: transform .2s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0
}
#rocketmeluncur:hover {
	background-position: 50% -62px
}
#rocketmeluncur:hover i {
	background-position: 50% 100%;
 -webkit-animation: flaming .7s infinite;
 -moz-animation: flaming .7s infinite;
 animation: flaming .7s infinite
}
#rocketmeluncur.showrocket {
	visibility: visible;
	opacity: 1
}
#rocketmeluncur.launchrocket {
	background-position: 50% -62px;
	opacity: 0;
	-webkit-transform: translateY(-800px);
	-moz-transform: translateY(-800px);
	-ms-transform: translateY(-800px);
	transform: translateY(-800px);
	pointer-events: none
}
#rocketmeluncur.launchrocket i {
	background-position: 50% 100%;
	-webkit-transform: scale(1.4, 3.2);
	-moz-transform: scale(1.4, 3.2);
	transform: scale(1.4, 3.2)
}