@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700');







html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



body {

    /*font-family: 'Lato', sans-serif;*/

	font-family: 'Roboto', sans-serif;

    font-weight: 400;

	overflow-x:hidden;

}



/*h1, h2, h3, h4, h5, h6 {

    font-family: 'Muli', sans-serif;

    font-weight: 700;

}*/



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

    display: block;

}



nav ul {

    list-style: none;

}



a {

    outline: none !important;

    text-decoration: none !important;

}



img {

    max-width: 100%;

}



/* change border colour to suit your needs */



input, select {

    vertical-align: middle;

}



/*==========================*/

/* 	  Common Styles			*/

/*==========================*/



.full_width {

    float: left;

    width: 100%;

}



.common_padding {

	padding:40px 0;

}



.relative {

    position: relative;

}



input[type="text"] {

    float: left;

    width: 100%;

    outline: none;

}



button {

    background-color: transparent;

    border: none;

    outline: none !important;

}







/*==========================*/

/* 	  Header content here	*/

/*==========================*/



header {

	background:#fff;

	padding:23px 0;

}



.navbar-light .navbar-nav .nav-link {

	color:#02488e;

	font-size:18px;

	text-transform:uppercase;

	/*font-weight:500;*/

	padding:10px 30px;

	transition-duration:0.5s;

}

.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:#fd5e52;

	transition-duration:0.5s;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

	color:#fd5e52;

	transition-duration:0.5s;

}

.navbar-expand-lg .navbar-nav li:last-child a {

	padding-right:0;

}





/*==========================*/

/* 	  Banner content here	*/

/*==========================*/



.banner_section {

	position:relative;

}

.banner_section img {
	float: left;
}

.banner_content {

	position:absolute;

	left:0;

	width:100%;

	top:50%;

	transform:translateY(-50%);

	z-index:99;

}

.banner_content h2, .banner_content h1 {

	font-size:60px;

	color:#fff;

	font-weight:900;

	text-transform:uppercase;

}

.small_color {

	background:#f3f3f3;

	height:35px;

}

.small_color a {
	padding-top: 6px;
	display: block;
	color: #02488e;
	font-size: 18px;
	text-transform: uppercase;
}

.small_color a:hover {
	color: #fd5e52;
}

.small_color a i {
	padding-right: 4px;
	position: relative;
	top: 1px;
}


/*==============================*/

/* 	  video section styles here	*/

/*==============================*/



.video_sec {

	padding:50px 0;

}

.common_head {

	color:#02488e;

	font-weight:700;

	font-size:40px;

	text-transform:uppercase;

	text-align:center;

	position:relative;

	padding-bottom:25px;

	margin-bottom:55px;

}

.common_head:before {

	width:72px;

	height:3px;

	content:"";

	background:url(../images/icons/line_gradient.png) left top no-repeat;

	position:absolute;

	bottom:0;

	left:0;

	right:0;

	margin:0 auto;

}



.video_sec img {

	width:100%;

	float:left;

}

.video_sec .col-lg-4 {

	padding-left:1px;

	-ms-flex: 0 0 33.333333%;

    flex: 0 0 36.333333%;

    max-width: 36.333333%;

}

.video_sec .col-lg-8 {

	padding-right:15px; /* edited sec */

	-ms-flex: 0 0 66.666667%;

    flex: 0 0 63.666667%;

    max-width: 63.666667%;

}

.video_sec a {

	position:relative;

	padding-bottom: 18px; /* edited sec */

}

.timer {

	font-size:14px;

	color:#fff;

	min-width:56px;

	height:22px;

	background:#000;

	position:absolute;

	left:40px;

	top:30px;

	padding:0 15px;

}



.video_sec h3 {

	position:absolute;

	left:0;

	width:100%;

	bottom:15px;

	font-size:30px;

	font-weight:500;

	color:#fff;

	padding:10px 15px 25px 40px;

}

.video_sec h5 {

	position:absolute;

	left:0;

	width:100%;

	bottom:15px;

	font-size:22px;

	font-weight:500;

	color:#fff;

	padding:10px 15px 25px 40px;

	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

}



.ply_btn {

	width:51px;

	height:51px;

	left:50%;

	top:50%;

	position:absolute;

	transform:translate(-50%,-50%);

}

.all_modals iframe {

	width:100%;

	float:left;

}



.blue_section {

	background:#3aa1f0;

	padding:85px 0;

}



.sky_bl {

	background:#fff;

	padding:60px 47px;

	-webkit-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.46);

-moz-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.46);

box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.46);

}



.blue_section .common_head {

	color:#505050;

}

.blue_section p {

	font-size:18px;

	line-height:28px;

	text-align:left;

}

.photo_section {

	padding:85px 0;

}

.photo_section img {

	width:100%;

	float:left;

}

.photo_section .gallery_po {

	padding:0 30px;

}

.photo_section .gallery_po a {

	float:left;

	position:relative;

	width:100%;

}

.photo_section .col-lg-6 .col-lg-6 {

	padding:4px;

}

.photo_section .col-lg-6 .row {

	margin:0;

}

.gallery_po > .row > .col-lg-6:first-child, .gallery_po > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .row > .col-lg-6:first-child {

	padding:4px;

}

.gallery_po > .row > .col-lg-6, .gallery_po > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .row > .col-lg-6 {

	padding-left:0px;

	padding-right:4px;

}

.photo_section .item.row {
	margin-left: -2px;
	margin-right: -2px;
}

.photo_section .item .row {
	margin-left: -2px;
	margin-right: -2px;
}

.photo_section .col-lg-6 .col-lg-6 img {
	height: 221px;
	object-fit: cover;
	float: left;
}
.photo_section .item > .col-lg-6 > a {
	height: calc(100% - 4px);
}
.photo_section .col-lg-6 > a img {
	background-size: cover;
	background-position: center center;
	height: 450px;
	width: 100%;
}
.photo_section .item > .col-lg-6 {
	padding: 2px;
}

.photo_section .gallery_po a:before {

	position:absolute;

	content:"";

	width:0px;

	height:0px;

	left:50%;

	top:50%;

	background:rgba(58,161,240,0.6);

	transition-duration:0.5s;

}

.photo_section .gallery_po a:hover:before , .photo_section .gallery_po a:focus:before {

	position:absolute;

	content:"";

	width:100%;

	height:100%;

	left:0;

	top:0;

	background:rgba(58,161,240,0.6);

	transition-duration:0.5s;

}

.blue_section.ovrwrite_yellow {

	background:#feb157;

}

.blue_section.ovrwrite_yellow .sky_bl {

	background:#ffc888;

}

.products {

	padding:55px 0;

}

.products .owl-item {

	padding:5px 5px;

}

.pro_items {

	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.18);

-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.18);

box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.18);

	padding:15px;

	border:1px solid #e4e4e4;

	min-height:430px;

	padding-top:70px;

}





.pro_items img {

    width: auto !important;

    margin: 0 auto;

}



.pro_items h3 {

    display: block;

    text-align: center;

    padding-top: 29px;

	padding-bottom:20px;

    margin-top: 48px;

    color: #02488e;

    font-weight: 500;

    font-size: 24px;

    position: relative;

}

.pro_items h3:before {

	width:72px;

	height:3px;

	content:"";

	background:url(../images/icons/line_gradient.png) left top no-repeat;

	position:absolute;

	top:0;

	left:0;

	right:0;

	margin:0 auto;

}



.gray_paragraph {

	background:#f8f8f8;

	padding:55px 0;

}

.gray_paragraph p {

	text-align:center;

	font-size:18px;

	color:#333;

	line-height:27px;

	margin-bottom:20px;

}

footer {

	background:#040e2f;

	padding:55px 0 30px 0;



}

.footer_logo {

	float:left;

	width:100%;

	position:relative;

	padding-bottom:25px;

	margin-bottom:30px;

}

.footer_logo:before {

	width:72px;

	height:3px;

	content:"";

	background:url(../images/icons/line_gradient.png) left top no-repeat;

	position:absolute;

	bottom:0;

	left:0;

}

.social_ico a {

	margin-right:5px;

}

footer p {

	font-size:16px;

	line-height:18px;

	margin-bottom:20px;

	color:#fff;

}

footer h3,
footer .lnk2 h3 a {

	font-size:18px;

	color:#3aa1f0;

	font-family: 'Lato', sans-serif;

	font-weight:700;

	text-transform:uppercase;

	padding-bottom:15px;

}

.lnk1 a {

	display:block;

	font-size:18px;

	color:#fff;

	text-transform:uppercase;

	padding:5px 0;

}

.lnk2 a {

	display:block;

	font-size:18px;

	color:#fff;

	padding:5px 0;

}

.lnk2 a img {

    display: inline-block;

    vertical-align: middle;

    padding-right: 8px;

}

footer hr {

	display:block;

	background:#252e4b;

}

.copy {

	font-size:13px;

	display:block;

	text-align:center;

	margin-bottom:0;

	font-weight:300;

	padding-top:10px;

}

.copy a {

	color:#fd5042;

}



.video_sec .common_head , .photo_section .common_head , .products .common_head {

	margin-bottom:64px;

}


.banner_content p {
	font-size:17px;
	color:#fff;
	padding:30px 0 30px 10px;
}
.banner_content h2 {
    font-size: 17px;
    color: #fff;
    padding: 30px 0 30px 10px;
    font-weight: 900;
    text-transform: none;
    line-height: 25px;
}
.exp_btn {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	min-width:227px;
	height:50px;
	display:inline-block;
	text-align: center;
    padding-top: 12px;
    border-radius: 29px;
	background: rgba(253,82,66,1);
	background: -moz-linear-gradient(left, rgba(253,82,66,1) 0%, rgba(254,176,87,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,82,66,1)), color-stop(100%, rgba(254,176,87,1)));
	background: -webkit-linear-gradient(left, rgba(253,82,66,1) 0%, rgba(254,176,87,1) 100%);
	background: -o-linear-gradient(left, rgba(253,82,66,1) 0%, rgba(254,176,87,1) 100%);
	background: -ms-linear-gradient(left, rgba(253,82,66,1) 0%, rgba(254,176,87,1) 100%);
	background: linear-gradient(to right, rgba(253,82,66,1) 0%, rgba(254,176,87,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5242', endColorstr='#feb057', GradientType=1 );
}
.exp_btn:hover {
	color:#fff;
}
.different_col {
	padding:50px 0;
}
.different_col .col-lg-3 img {
	float:left;
	width:100%;
}

.absl_div {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.d1_col {
	background:rgba(255,140,113,0.7);
}
.d2_col {
	background:rgba(254,177,87,0.8);
}
.d3_col {
	background:rgba(12,172,210,0.8);
}
.d4_col {
	background:rgba(58,161,240,0.8);
}
.d5_col {
	background:rgba(205,0,129,0.5);
}
.d6_col {
	background:rgba(255,140,113,0.7);
}
.d7_col {
	background:rgba(2,72,142,0.7);
}
.d8_col {
	background:rgba(11,170,207,0.7);
}
.d9_col {
	background:rgba(106,172,2,0.7);
}
.d10_col {
	background:rgba(90,0,202,0.6);
}
.different_col .row {
	margin-left:-4px;
	margin-right:-4px;
}
.different_col .col-lg-3 , .different_col .col-lg-6 {
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
}
.absl_div h4 {
	font-size:24px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	transform:translateY(-50%);
}

.d_log {
	text-align:center;
}

.input_div {
	width:469px;
	max-width:90%;
	display:block;
	margin:36px auto 0px auto;
}
.input_div input[type="text"]{
	border:1px solid #02488e;
	height:53px;
	border-radius:25px;
	font-size:18px;
	color:#727679;
	padding:0 20px;

}
.input_div button {
	position:absolute;
	right:15px;
	top:13px;
}
.d_log h3 {
	float:left;
	width:100%;
	font-size:18px;
	color:#02488e;
	text-transform:uppercase;
	margin-top:23px;
}
.different_col .col-lg-3 a {
	overflow:hidden;
}
.different_col .col-lg-3 a:hover img {
  transition: transform .5s; /* Animation */
}

.different_col .col-lg-3 a:hover img {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.blue_section.with_img {
	background:url(../images/copy_blk.jpg) left top no-repeat;
	background-size:cover;
}
.blue_section.with_img p {
	padding-bottom:20px;
}
.blue_section.with_img .common_head {
	color:#02488e;
}

.blue_section.text_custom {

}

.blue_section.text_custom br {
	display: none;
}

.blue_section.text_custom h2 {
	margin-bottom: 15px;
}

.blue_section.text_custom p {
	padding-bottom: 20px;
}

.featured_section {
	padding:97px 0;
}
.featured_section .row {
	margin-left:-9px;
	margin-right:-9px;
}
.featured_section .col-lg-3 {
	padding-left:9px;
	padding-right:9px;
	margin-bottom:18px;
}
.featured_list {
	-webkit-box-shadow: -1px 5px 13px -5px rgba(0,0,0,0.31);
	-moz-box-shadow: -1px 5px 13px -5px rgba(0,0,0,0.31);
	box-shadow: -1px 5px 13px -5px rgba(0,0,0,0.31);
	height:100%;
}
.featured_list img {
	float: left;
	width: 100%;
	height: 207px;
	object-fit: cover;
}
.text_feat{
	padding:15px;
	text-align:center;
}
.text_feat h4{
	font-size:20px;
	color:#02488e;
	font-weight:700;
	text-transform:uppercase;
	padding:15px 0;
}
.text_feat p {
	font-size:16px;
	color:#242525;
}
.inner_shade:before {
	position: absolute;
	content: "";
	background: rgba(0,0,0,0.3);
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
}
.inner_shade   {
	position: relative;
}

.home_shade:before {
	position: absolute;
	content: "";
	background: rgba(0,0,0,0.3);
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
}

.wefound {
	height:470px;
	background:#3aa1f0;
	position:relative;
}
.wefound_cont {
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	padding:15px 15px;
	text-align:center;
}
.wefound_cont h3 {
	font-size:65px;
	color:#fff;
	font-weight:700;
}
.wefound_cont p {
	font-size:22px;
	color:#fff;
	padding-top:25px;
}

.hobby h5 {
	font-size:48px;
	color:#02488e;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
}

.modal.in ,
.modal.in .modal-dialog{
	position:fixed !important;
    bottom:0px !important;
    right:0px !important;
    margin:0px !important;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}
body.modal-open {
	overflow: scroll !important;
}

/*==============================*/

/* 	  Media Query styles here	*/

/*==============================*/



@media (min-width: 1300px) {

	.container {

    	max-width: 1300px;

	}

}



@media (min-width: 1380px) {



}



/* End query */



@media (min-width: 1400px) {

.exp_btn { margin-top:20px; }



}



/* End query */



@media (min-width: 1689px) {











}



/* End query */



@media (min-width: 1799px) {





} /* End query */



@media (min-width: 2023px) {





}



/* End query */



@media (min-width: 2600px) {



}



/* End query */



@media (min-width: 1200px) {



}



/* End query */



@media (min-width: 881px) {



}



/* End query */



@media (max-width: 1200px) {

	.banner_content h2 { font-size:17px; }

	.video_sec h3 { font-size:22px; }

	.video_sec h5 { font-size:18px; }

	.d_log > img { width: 180px;}
	.input_div { margin-top:10px;}
	.absl_div h4 { font-size:17px; }
	.d_log h3 { font-size:16px; }
	.wefound_cont h3 { font-size:45px; }
	.wefound_cont p { font-size:18px; padding-top:20px; }
	.wefound { height:308px; }





}



/* End query */



@media (max-width: 1024px) {





}



/* End query */



@media (max-width: 992px) {



.navbar-toggler { margin-left:auto; }

.navbar-nav { text-align:right; padding-top:15px; }

.navbar-light .navbar-nav .nav-link { padding:10px 0 !important; }

.video_sec .col-lg-4 {

	padding-left:15px;

	-ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}

.video_sec .col-lg-8 {

	padding-right:15px;

	-ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}

.social_ico {

	padding-bottom:25px;

}









}



/* End query */



@media (max-width: 880px) {



} /* End query */



@media (max-width: 768px) {

	.photo_section .col-lg-6 > a img{
		background-size: cover;
		background-position: center center;
		height: 450px;
		width: 100%;

	}
}



/* End query */



@media (max-width: 767px) {

	.width767 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

	.navigation {  position: relative; margin-top: -62px;}

	.logo { position:relative; z-index:99; }

	footer { text-align:center; }

	.footer_logo:before { right:0; margin:0 auto; }

	.banner_content h2 { font-size:20px; }
	.banner_content p { padding:15px 0; }

	.different_col .col-lg-6 { padding-top:30px; padding-bottom:30px; }

	.different_col { padding: 50px 0;}


}



/* End query */



@media (max-width:680px){





} /* End query */





@media (max-width: 667px) {





}



/* End query */





@media (max-width: 574px) {





}



/* End query */



@media (max-width: 575px) {

.banner_content h2 { font-size:22px; }
.wefound_cont h3 {
    font-size: 24px;
}
.wefound_cont p {
    font-size: 16px;
    padding-top: 14px;
}








}



/* End query */





@media (max-width: 480px) {

	.logo img { max-width:175px; }
	.banner_section.home img { height: 535px; object-fit: cover;}
	.banner_section.home p br { display:none; }

	.modal.in.show, .modal.in.show .modal-dialog {
		position: fixed !important;
		bottom: auto !important;
		right: auto !important;
		display: flex;
		align-items: center;
		min-height: calc(100% - 1rem);
	}
	.banner_section img { min-height: 300px; object-fit: cover; }
	.banner_section .ply_btn img { min-height: unset}
}



/* End query */



@media (max-width: 390px) {



}



/* End query */



@media (max-width:375px){









} /* End Query */



@media (max-width: 360px) {



}



@media (max-width:320px){







} /* End Query */




/* updated styles */

.video_sec iframe {
	width:100%;
	float:left;
}


.normal_col .col-lg-4 {
	padding-left:15px;
	padding-right:15px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.height_50 a {
	height:50%;
}
.height_50 a img {
	height:100%;
}

@media (max-width:992px){
	.normal_col .col-lg-4 {
		padding-left: 15px;
		padding-right: 15px;
		-ms-flex: 0 0 100.333333%;
		flex: 0 0 100.333333%;
		max-width: 100.333333%;
	}
} /* end query */




/* pop up styles here */



.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus{outline:0}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:1060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:1060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}}

.img-hover-zoom {
    height: 207px;
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }

  .img-hover-zoom img {
    transition: transform .5s;
  }

  .img-hover-zoom:hover img, .featured_list:hover img {
    transform: scale(1.1);
  }
  .h3:hover{
	  color: #fd5e52;
  }
  .featured_section .featured_hobby img{
	transition: transform .5s, filter 1.5s ease-in-out;
	/* filter: grayscale(100%); */
  }
  .featured_section .featured_hobby:hover img{
	filter: grayscale(0);
	transform: scale(1.1);

  }
  .backbtn{
	color: #fd5e52;
	font-size: 18px;
    text-transform: uppercase;
    padding: 10px 10px;
  }
  .h2{
	  font-size: 60px !important;
	  text-transform: uppercase !important;
  }
  .index{
	  position: absolute;
	  z-index: 1;
  }
  #suggesstion-box ul,
  #suggesstion-box1 ul {
	  width: 100%;
  }
  .image_fit{
	  object-fit: cover;
	  object-position: 0 0;
  }

  /*
  .navigation .input_div {
	width:64px;
	margin:0 0px 0 20px;
	position:absolute;
	right:0;
}
.navigation .input_div input {
	height:45px;
	font-size:0;
	border-color:transparent;
	background:none;
	transition-duration:0.5s;
	color:#fff;
}
.navigation .input_div button {
	top:10px;
}
.navbar-expand-lg .navbar-nav li:last-child a {
    padding-right: 50px;
}

.navigation .input_div.active {
	width:274px;
	margin:0 0px 0 20px;
	position:absolute;
	right:0;
	z-index: 99;
}
.navigation .input_div.active input {
	height:45px;
	font-size:16px;
	border-color:#02488e;
	background:#fff;
	color:#000;
	transition-duration:0.5s;
}
*/

.navigation .input_div {
    width:250px;
    margin:0 0px 0 20px;
    position:relative;
    right:0;
    z-index:99;
    display:inline-block;
}
.navigation .input_div input {
    height:45px;
    font-size:16px;
    border-color:#02488e;
    background:#fff;
    transition-duration:0.5s;
    color:#000;
}
.navigation .input_div button {
    top: 10px;
    right: 14px;
}
.navbar-expand-lg .navbar-nav li:last-child a {
    padding-right: 15px;
}

.navbar-light .navbar-nav .nav-link { padding:10px 14px; }

@media(max-width:1200px){
    .navigation .input_div { width:182px; }
    .navbar-light .navbar-nav .nav-link { font-size:15px; }
}
@media(max-width:992px){
    .navbar-light .navbar-toggler { margin-right:0px; }
}

/* new styles */

.contact_ban {
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    transform:translateY(-50%);
    padding:15px 15px;
    text-align:center;
}
.contact_ban h3 {
    font-size:72px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
}
.contact_wrap {
    padding:100px 0 100px 0;
}

.contact_wrap h2 {
    font-size:24px;
    font-weight:500;
    color:#02488e;
    text-align:center;
    display:block;
    padding-bottom:30px;
    position:relative;
}
.contact_wrap h2:before {
    width: 72px;
    height: 3px;
    content: "";
    background: url(../images/icons/line_gradient.png) left top no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.contact_wrap input[type="text"] , .contact_wrap input[type="number"], .contact_wrap input[type="email"]{
    border:1px solid #8d8d8d;
    height:50px;
    padding:0 15px 0 73px;
    text-transform:uppercase;
    font-weight:500;
    color:#2b3c46;
    font-size:16px;
    margin-top:14px;
}
.contact_wrap .col-lg-4 {
    padding-left:7px;
    padding-right:7px;
}
.bottom__form .col-lg-6 {
    padding-left:7px;
    padding-right:7px;
}
.bottom__form .col-lg-12 {
    padding-left:7px;
    padding-right:7px;
}
.bottom__form textarea {
    border:1px solid #8d8d8d;
    height:150px;
    padding:18px 15px 0 73px;
    text-transform:uppercase;
    font-weight:500;
    color:#2b3c46;
    font-size:16px;
    margin-top:14px;
    text-align:left;
    width:100%;
    float:left;
    background:url(../images/icons/comments.png) left 30px top 18px no-repeat;
}
.mbt46 {
    margin-bottom: 46px;
}
.name__ {
    background:url(../images/icons/userman.png) left 30px center no-repeat;
}
.email__ {
    background:url(../images/icons/email.png) left 30px center no-repeat;
}
.hobby__ {
    background:url(../images/icons/hobby_suggession.png) left 30px center no-repeat;
}
.contact_wrap button {
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    height:50px;
    min-width:173px;
    display:block;
    margin:28px auto 15px auto;
    font-family: 'Lato', sans-serif;
    background: rgba(206,1,127,1);
    background: -moz-linear-gradient(left, rgba(206,1,127,1) 0%, rgba(253,80,67,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,1,127,1)), color-stop(100%, rgba(253,80,67,1)));
    background: -webkit-linear-gradient(left, rgba(206,1,127,1) 0%, rgba(253,80,67,1) 100%);
    background: -o-linear-gradient(left, rgba(206,1,127,1) 0%, rgba(253,80,67,1) 100%);
    background: -ms-linear-gradient(left, rgba(206,1,127,1) 0%, rgba(253,80,67,1) 100%);
    background: linear-gradient(to right, rgba(206,1,127,1) 0%, rgba(253,80,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce017f', endColorstr='#fd5043', GradientType=1 );
}
.top_form {
    margin-bottom:74px;
}
.bottom__form p {
    color: #4d5052;
    font-size: 20px;
    text-align: center;
    display: block;
    margin-top: 34px;
    max-width: 825px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:26px;
}
.form_center {
    width:100%;
    display:block;
    margin:0 auto;
    max-width:782px;
}



@media(min-width:1200px){
    .contact_wrap .container { max-width:1170px; }
}

@media(max-width:767px){
    .contact_ban h3 { font-size:45px; }
    .contact_wrap h2 { font-size:20px; }
    .bottom__form p { font-size:16px; }
    .contact_wrap { padding: 70px 0 70px 0;}
    .contact_wrap .col-lg-4 , .bottom__form .col-lg-6 , .bottom__form .col-lg-12 { padding-left:15px; padding-right:15px; }

}

@media (max-width: 525px) {
    .contact_ban h3 {font-size: 29px;}
}

label.error { color: red; }