@font-face {
    font-family: 'helvetica_now_microbold';
    src: url('../fonts/helvetica_now_microbold') format('woff2'),
         url('../fonts/helveticanowmicro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microBdIt';
    src: url('../fonts/helveticanowmicro-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microXBdIt';
    src: url('../fonts/helveticanowmicro-extbdita-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-extbdita-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microXLtIt';
    src: url('../fonts/helveticanowmicro-extltita-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-extltita-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microextra_bold';
    src: url('../fonts/helveticanowmicro-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microXLt';
    src: url('../fonts/helveticanowmicro-extralight-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microlight';
    src: url('../fonts/helveticanowmicro-light-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microLtIt';
    src: url('../fonts/helveticanowmicro-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microMdIt';
    src: url('../fonts/helveticanowmicro-medita-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-medita-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_micromedium';
    src: url('../fonts/helveticanowmicro-medium-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_now_microRgIt';
    src: url('../fonts/helveticanowmicro-regita-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-regita-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticanowmicro_regularRg';
    src: url('../fonts/helveticanowmicro-regular-webfont.woff2') format('woff2'),
         url('../fonts/helveticanowmicro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


::placeholder {
  color: #fff !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}

.btn-primary{background-color:#46b4e6;}
.bg-dark{background-color:#14578a !important;}
/*
.navbar-nav .nav-link.active, .nav-link:hover{color:#c8aa02;}
.nav-link{color:#fff;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 20px; padding-left: 20px;}
*/

.logo {padding:0% 25% 0 25%;}
.logo img{width:50%!important;}
.img-center img{margin:0 auto; display:block;}
 .logo-inner img{width:20% !important;}
 .row-without-pd .row{--bs-gutter-x:0 !important;}

.content {  position: absolute; left:27%; top:25%; width:50%; color: #fff; padding: 20px; text-align:center;}
.content2 {  position: absolute;right:27%; top:25%; width:50%;color: #fff; padding: 20px; text-align:center;}
 
 .f-cnt{position:relative;}
#myBtn {border-radius:12px; font-size: 1vw; padding: 7px 10px; border: none; background: #46b4e6; color: #fff; cursor: pointer;}
 
#myBtn:hover { background: #ddd; color: black;}
h2{text-align:center; line-height:50px;}


.header h2 {
    text-align: center;
    color: #222;
}

.bg-full {
  
 background-image: url("../images/formbg.png");
  
    background-repeat: no-repeat;
	width:100%;
	height:auto;
	 background-size: 100% 100%;

}

.formbg {
  /* The image used */
  background-image: url("../images/formbg.png");
 
}
.form-control{background-color:rgba(255, 255, 255, 0.1); border:1px solid #fff;}
input[type="text"]:focus{background-color:rgba(255, 255, 255, 0.1); border:1px solid #fff !important;}
input[type="email"]:focus{background-color:rgba(255, 255, 255, 0.1); border:1px solid #fff;}
input[type="number"]:focus{background-color:rgba(255, 255, 255, 0.1); border:1px solid #fff;}
.form input{
  float:left;
 
}
.mt20{margin-top:35px !important;}
.form-padding{padding:8%;}


.map-container{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-container iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

ul{list-style:none; padding-left:0;}

 

footer{height:60px; background-color:#00588d; color:#606060; text-align:center; vertical-align:middle; padding:20px 0 0 0;}
 

video {width: 100%; height: auto;}
video:after{background-color:#000;}
/*
.row-without-pd .row>*{padding:0 !important; margin:0 !important;}
.video-col .col-xl-6{ padding:0;}
*/
.video-col .col-xl-6{ padding:0;}

@media only screen and (max-width: 600px) {
   
.content {  position: absolute; left:7%; top:5%; width:90%; color: #fff; padding: 20px; text-align:center;}
.content2 {  position: absolute;right:8%; top:5%; width:90%;color: #fff; padding: 20px; text-align:center;}


}

.header h2{margin:10px 0 0 0;}


.socail li:first-child {
  color: red !important;
}

.fa {
  border: 1px solid #808080;
    border-radius: 50%;
    padding: 10px;
}
.socail a{
 color: #808080;
}

/* Add a hover effect if you want */
.fa-facebook{padding: 10px 13px;}
.fa-facebook:hover{
  background: #3B5998;
  color: white;
  border:#3B5998 1px solid;
}
 

 
.fa-twitter:hover{
  background: #1DA1F2;
  color: white;
  border:#1DA1F2 1px solid;
}

.fa-instagram:hover{
  background: #ee2a7b;
  color: white;
  border:#ee2a7b 1px solid;
}




/* Set a specific color for each brand */

 .section-bg
 {
  margin-top: 30px;
  margin-bottom: 30px;
 }

.form-control   {

  font-color: whitesmoke;
}

 

.header h2 {
         text-align: center;
         color: #14578a;
}


.list-inline mt-5 {

    border: 2px;
}

.section-wide, footer, .banner {
    max-width: 1920px;
    margin: auto;
}

@media (min-width: 1199px){
	
	

.bg-ptrn { content: ''; position: absolute; background-size: contain; bottom: auto; margin: auto; z-index: 0;}
.bg-woollen1 { background: url(../images/left-bg.png); width: 260px; height: 920px; content: ''; position: absolute; background-size: contain; left: 0;
    right: auto; top: 0; bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}
 
.bg-woollen2 { background: url(../images/right-bg.png); width: 158px; height: 920px; content: ''; background-size: contain; right:0;left: auto;top: 0; bottom: auto; margin: auto;
    background-repeat: no-repeat; z-index: 0;}

.bg-p3 {background: url(../images/pt3.png); width: 158px; height: 920px; content: ''; position: absolute; background-size: contain; right:0;
    left: auto; top: 0; bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}


.bg-p4 { background: url(../images/pt4.png); width: 158px; height: 920px; content: ''; position: absolute; background-size: contain; right:0; left: auto; top: 0;
    bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}



}

 .containr-footer{padding:50px 200px 20px 200px; color:#808080 !important;}
 
 
 




/* ------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

/* Default Design */
.gfg-div {

	/* To make all elements center */
	display: flex;
	justify-content: center;
	align-items: center;

	/* Default Styling */
	margin: 20px auto;
	padding: 30px;
	font-size: 30px;
	width: 300px;
	height: 300px;
	background-color: darkseagreen;
	color: black;
}


.row.bg-pc2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: auto;
}
 .row.bg-pc2:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 60px;
    width: 100%;
    background: #14578a;
}

 header.header-new #nav-icon2 {
    top: 16px;
    left: auto;
    right: 15px;
}
  header.header-new #nav-icon2 span {
    background: #45b4e7;
}

.nav-0 #nav-icon1{top:15px !important;}

#top-0{ position:fixed !important; top:0 !important;}


/* For Desktop View */
@media screen and (min-width: 1024px) {
	.logo {padding:0% 25% 0 25% !important; margin:50px 0 0 0;}
	.bg-ptrn { content: ''; position: absolute; background-size: contain; bottom: auto; margin: auto; z-index: 0;}
.bg-woollen1 { background: url(../images/left-bg.png); width: 98px; height: 597px; content: ''; position: absolute; background-size: contain; left: 0;
    right: auto; top: 0; bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}
 
.bg-woollen2 { background: url(../images/right-bg.png); width: 98px; height: 597px; content: ''; background-size: contain; right:0;left: auto;top: 0; bottom: auto; margin: auto;
    background-repeat: no-repeat; z-index: 0;}

.bg-p3 {background: url(../images/pt3.png); width: 158px; height: 920px; content: ''; position: absolute; background-size: contain; right:0;
    left: auto; top: 0; bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}


.bg-p4 { background: url(../images/pt4.png); width: 158px; height: 920px; content: ''; position: absolute; background-size: contain; right:0; left: auto; top: 0;
    bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}
}

/* For Tablet View */
@media screen and (min-device-width: 768px) 
	and (max-device-width: 1024px) {
		.logo {padding:0% 0% 0 0%;}
		.containr-footer{padding:90px 90px 20px 90px;}
		
	.bg-ptrn { content: ''; position: absolute; background-size: contain; bottom: auto; margin: auto; z-index: 0;}
.bg-woollen1 { background: url(../images/left-bg.png); width: 98px; height: 597px; content: ''; position: absolute; background-size: contain; left: 0;
    right: auto; top: 0; bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}
 
.bg-woollen2 { background: url(../images/right-bg.png); width: 98px; height: 597px; content: ''; background-size: contain; right:0;left: auto;top: 0; bottom: auto; margin: auto;
    background-repeat: no-repeat; z-index: 0;}

.bg-p3 {background: url(../images/pt3.png); width: 158px; height: 920px; content: ''; position: absolute; background-size: contain; right:0;
    left: auto; top: 0; bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}


.bg-p4 { background: url(../images/pt4.png); width: 158px; height: 920px; content: ''; position: absolute; background-size: contain; right:0; left: auto; top: 0;
    bottom: auto; margin: auto; background-repeat: no-repeat; z-index: 0;}

.content {
    position: absolute;
    left: 15%;
    top: 10%;
    width: 75%;
    color: #fff;
    padding: 20px;
    text-align: center;
}
.content h1{ font-size:18px;}
.content p{ font-size:13px;}

.content2 {
    position: absolute;
    left: 15%;
    top: 10%;
    width: 75%;
    color: #fff;
    padding: 20px;
    text-align: center;
}
.content2 h1{ font-size:18px;}
.content2 p{ font-size:13px;}


}
/* For Tablet View */
@media screen and (min-device-width: 480px) 
	and (max-device-width: 768px) {
		.padding-top10{padding-top:30px;}
		.logo {padding:0% 2% 0 2%;}
		.containr-footer{padding:55px 55px 20px 89px;}
		
		
	}


/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) 
	and (orientation: portrait) {
		.video-col { margin:50px 0 0 0 !important;}
		.logo {padding:0% 2% 0 2%;}
		.bg-ptrn{display:none;}
	.content {
    position: absolute;
    left: 25%;
    top: 12%;
    /*width: 55%;*/
    color: #fff;
    padding: 20px;
    text-align: center;
}
.content h1{ font-size:18px;}
.content p{ font-size:13px;}

.content2 {
    position: absolute;
    left: 25%;
    top: 12%;
    /*width: 55%;*/
    color: #fff;
    padding: 20px;
    text-align: center;
}
.content2 h1{ font-size:18px;}
.content2 p{ font-size:13px;}

.containr-footer {
    padding: 15px;
}
.padding-top10{padding-top:10px;}
}






/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) 
	and (orientation: landscape) {
	.logo {padding:20% 2% 0 2%;}
}

/* For Mobile Phones Portrait or Landscape View */
@media screen
	and (max-device-width: 640px) {
	.logo {padding:20% 2% 0 2%;}
}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px) 
	and (-webkit-min-device-pixel-ratio: 2) {
	.logo {padding:20% 2% 0 2%;}
}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) 
	and (device-width: 320px) 
	and (-webkit-min-device-pixel-ratio: 2) {
	.logo {padding:20% 0% 0 0%;}
}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) 
	and (min-device-width: 375px) 
	and (-webkit-min-device-pixel-ratio: 3) {
	.logo {padding:20% 0% 0 0%;}
};