html,
body {
  height:100%;
}

body {
  background-color:#fff;

}


@font-face {
  font-family: "ARIALBD_1";
  src: url('../fonts/ARIALBD_1.woff') format('woff'), 
  url('../fonts/ARIALBD_1.otf') format('otf'), 
  url('../fonts/ARIALBD_1.svg') format('svg'), 
  url('../fonts/ARIALBD_1.ttf') format('ttf'); 
} 

@font-face {
  font-family: "Sacramento-Regular";
  src: url('../fonts/Sacramento-Regular.woff') format('woff'), 
  url('../fonts/Sacramento-Regular.otf') format('otf'), 
  url('../fonts/Sacramento-Regular.svg') format('svg'), 
  url('../fonts/Sacramento-Regular.ttf') format('ttf'); 
} 

@font-face {
  font-family: "Raleway-Light";
  src: url('../fonts/Raleway-Light.woff') format('woff'), 
  url('../fonts/Raleway-Light.otf') format('otf'), 
  url('../fonts/Raleway-Light.svg') format('svg'), 
  url('../fonts/Raleway-Light.ttf') format('ttf'); 
} 

@font-face {
  font-family: "Raleway-Regular";
  src: url('../fonts/Raleway-Regular.woff') format('woff'), 
  url('../fonts/Raleway-Regular.otf') format('otf'), 
  url('../fonts/Raleway-Regular.svg') format('svg'), 
  url('../fonts/Raleway-Regular.ttf') format('ttf'); 
} 

@font-face {
  font-family: "Raleway-Medium";
  src: url('../fonts/Raleway-Medium.woff') format('woff'), 
  url('../fonts/Raleway-Medium.otf') format('otf'), 
  url('../fonts/Raleway-Medium.svg') format('svg'), 
  url('../fonts/Raleway-Medium.ttf') format('ttf'); 
} 

@font-face {
  font-family: "Raleway-SemiBold";
  src: url('../fonts/Raleway-SemiBold.woff') format('woff'), 
  url('../fonts/Raleway-SemiBold.otf') format('otf'), 
  url('../fonts/Raleway-SemiBold.svg') format('svg'), 
  url('../fonts/Raleway-SemiBold.ttf') format('ttf'); 
} 

@font-face {
  font-family: "Raleway-Bold";
  src: url('../fonts/Raleway-Bold.woff') format('woff'), 
  url('../fonts/Raleway-Bold.otf') format('otf'), 
  url('../fonts/Raleway-Bold.svg') format('svg'), 
  url('../fonts/Raleway-Bold.ttf') format('ttf'); 
} 

@font-face {
  font-family: "RALEWAY-EXTRABOLD";
  src: url('../fonts/RALEWAY-EXTRABOLD.woff') format('woff'), 
  url('../fonts/RALEWAY-EXTRABOLD.otf') format('otf'), 
  url('../fonts/RALEWAY-EXTRABOLD.svg') format('svg'), 
  url('../fonts/RALEWAY-EXTRABOLD.ttf') format('ttf'); 
} 


*{  padding:0;  margin:0; font-family: "Raleway-Regular"; font-size:16px; color:#000000;}
h1, h2, h3, h4, h5, h6{ font-family: "Raleway-Bold"; margin:0px 0px 20px;}
p{font-size:16px; line-height:1.6; color:#000; font-family: "Raleway-Regular"; margin-bottom: 15px;}
a{color:#100621;   font-family: "Raleway-Regular";}
a, a:hover{ text-decoration:none !important; transition: all 0.5s ease;}
img{max-width:100%;}
input, select, textarea{font-size:16px;}


input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #C9C9C9 !important;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #C9C9C9 !important;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #C9C9C9 !important;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #C9C9C9 !important;
}


textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #C9C9C9 !important;
}
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #C9C9C9 !important;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  color: #C9C9C9 !important;
}
textarea:-moz-placeholder { /* Firefox 18- */
  color: #C9C9C9 !important;
}



.page-wrapper { overflow: hidden;}
input:focus, select:focus, textarea:focus, button:focus{outline:none !important; box-shadow:none !important;}
a:hover, a:active, a:focus { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
ol, ul{list-style:none; margin-bottom:0px;}
.flex-class{display:flex; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flex; flex-flow:wrap; width: 100%;}
.container{max-width:1320px; margin:0 auto; padding:0 15px;}	
.fill-btn{ background-image: linear-gradient(to right, #FFD700, #FCDB5A); color:#000; padding: 0px 40px; font-size: 20px; text-transform: uppercase; font-family: "Raleway-Bold"; border-radius: 10px; height: 60px; display: inline-block; line-height: 60px; border: none;}
.fill-btn:hover{ background-image:unset; background-color: #303040; color:#FCDB5A;}

.all-headig-bx h2 { font-size: 60px;}
.all-headig-bx h2 span{ font-size: 60px; font-family: "Sacramento-Regular"; display:block;}
.all-headig-bx h2 span sub { bottom: unset; top: -30px; right: 20px;}
.padding-class { padding:100px 0px;}


/**************************************** Header CSS *************************************/
.header-row { position: fixed; top: 0px; left: 0px; width: 100%; padding:0px 50px; border-bottom: solid 1px #FFF7D9; z-index: 7; transition: all 0.5s ease;}
header.header-row.black-header { background-color: #323232;}
.top-header-center p { margin: 0px; color: #1B1B1B;}
.top-header-right ul li { padding-left: 15px;}
header.header-row.fixed { background-color: #323232; top: 0px; z-index: 9; border-bottom: solid 1px #323232;}
header.header-row.fixed .header-top { height: 0px; background-color: transparent; padding: 0px;}
header.header-row.fixed .header-top>div { display: none;}

.co-logo { position: absolute; top: 0%; left: 50%; transform: translate(-50%, -0%); z-index: 1; background-color: #FFF7D9; padding: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; transition: all 0.5s ease; }
.co-logo img{ transition: all 0.5s ease; height:65px;}
header.header-row.fixed .co-logo { padding: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
header.header-row.fixed .co-logo img { height: 60px; transition: all 0.5s ease;}
.header-bx .custom-nav-row { justify-content: space-between; align-items: center;}
.header-bx nav#nav-points ul { width: auto;}
.header-bx nav ul.menu-bx>li { padding-top: 25px; padding-bottom: 25px; position:relative;}
.header-bx nav#nav-points ul li a{ font-size:16px; font-family: "Raleway-Bold"; color:#fff;}
.header-bx nav#nav-points ul li a:hover{ color:#FFD700;}
.header-bx nav#nav-points ul.left-nav li{ padding-right:50px;}
.header-bx nav#nav-points ul.left-nav li:last-child{ padding-right:0px;}
.header-bx nav#nav-points ul.right-nav li{ padding-left:50px;}
.header-bx nav#nav-points ul.right-nav li:first-child{ padding-left:0px;}
.mobile-icon { display: none;}
.header-bx nav li .down-arrow i{ color:#fff; margin-left: 5px;}
.drop-menu-wrapper { display: none;}
.header-bx nav ul.menu-bx>li:hover .drop-menu-wrapper { display: block; position: absolute; top: 74px; left: 0px; background-color: #fff7d9; width: 180px;}
.header-bx nav ul.menu-bx>li .drop-menu-wrapper ul li { padding:0px !important; border-bottom: solid 1px #ccc !important;}
.header-bx nav ul.menu-bx>li .drop-menu-wrapper ul li:last-child{ border-bottom:0px !important;}
.header-bx nav ul.menu-bx>li .drop-menu-wrapper ul li a{ color:#000 !important; display:block; padding: 15px !important; }
.header-bx nav#nav-points ul.menu-bx>li:hover a, .header-bx nav#nav-points ul.menu-bx>li:hover i { color: #FFD700;}
.header-bx nav ul.menu-bx>li:hover .drop-menu-wrapper ul li:hover{ background-image: linear-gradient(to right, #FFD700, #FCDB5A);}

/**************************************** Header CSS *************************************/

.footer-section{ position:relative; background-image: url(../img/footer-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.footer-row{ padding:60px 0px;}
.footer-section:before { content: ''; background-color: #000000b0; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px;}
.footer-top { position: relative; z-index: 1; justify-content: space-between;}
.footer-top .footer-col:nth-child(1){ width:50%;}
.footer-top .footer-col:nth-child(2){ width:20%;}
.footer-top .footer-col:nth-child(3){ width:20%;}
.foot-logo { padding-bottom: 20px;}
.footer-top .footer-col .add-row { max-width: 500px; width: 100%; border: solid 1px #FFF7D9; margin-bottom: 15px;}
.footer-top .footer-col .add-row:last-child{ margin-bottom:0px;}
.footer-top .footer-col .add-row .add-left { width: 100px; text-align: center; padding: 8px 10px; background-color: #FFF7D9; font-family: "Raleway-Bold";}
.footer-top .footer-col .add-row .add-right { width: calc(100% - 100px); padding: 8px 10px; color:#fff; font-family: arial;}
.footer-col h6 { color: #fff; font-size: 24px; text-transform: uppercase;}
.footer-col ul li a { text-transform: uppercase; color: #fff; line-height: 36px;}
.footer-col ul li a:hover { color:#FFD700;}
.footer-bottom { position: relative; padding-top: 25px;}
.footer-bottom .social-media { width: 300px;}
.footer-bottom .social-media ul li { padding-right: 15px;}
.footer-bottom .social-media ul li a i { font-size: 30px; color: #fff;}
.footer-bottom .social-media ul li a:hover i { color:#FFD700;}
.footer-bottom .other-country { width: calc(100% - 300px); text-align: right;}
.footer-bottom .other-country ul { justify-content: right;}
.footer-bottom .other-country ul li { padding-left: 15px; margin-left: 15px; position: relative; color: #fff;}
.footer-bottom .other-country ul li:before { content: ''; width: 1px; height: 17px; display: block; position: absolute; left: 0px; top: 3px; z-index: 1; background-color: #fff;}
.footer-bottom .other-country ul li:first-child{ margin-left:0px; padding-left:0px;}
.footer-bottom .other-country ul li:first-child:before{ display:none;}
.copyright-row { position: relative; text-align: center; padding: 10px 0px; border-top: solid 1px #ffffff2e;}
.copyright-row p{ margin:0px; color:#fff; font-size: 14px;}
.copyright-wrap { display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.copyright-row p a { color: #fff; font-size: 14px; color: #FCDB5A;}


@media only screen and (max-width: 1600px)
{
	.header-bx nav#nav-points ul.right-nav li { padding-left: 25px;}
	.header-bx nav#nav-points ul.left-nav li { padding-right: 25px;}
	.all-headig-bx h2 { font-size: 44px;}
	.all-headig-bx h2 span { font-size: 44px;}
	
	
	
}

	
@media only screen and (max-width: 1366px)
{
	.container { max-width: 1170px;}
	.header-row, header.header-row.fixed { padding: 0px 25px;}
	.header-bx nav ul.menu-bx>li { padding-top: 15px; padding-bottom: 15px;}
	.header-bx nav ul.menu-bx>li:hover .drop-menu-wrapper { top: 54px;}
	.header-bx nav#nav-points ul.left-nav li { padding-right: 15px;}
	.header-bx nav#nav-points ul.right-nav li { padding-left: 15px;}
	.header-bx nav#nav-points ul li a { font-size: 14px;}
	.co-logo { padding: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
	.co-logo img{ height:60px;}
	header.header-row.fixed .co-logo img { height: 55px;}
	.fill-btn { padding: 0px 25px; font-size: 16px; height: 50px; line-height: 50px;}
	
	
}	
	
@media only screen and (max-width: 1199px)
{
	.container { max-width: 970px;}
	.padding-class { padding:60px 0px;}
	.header-row, header.header-row.fixed { padding: 0px 15px;}
	.header-bx nav#nav-points ul li a { font-size: 12px;}
	.header-bx nav li .down-arrow i { font-size: 12px;}
	.co-logo img { height: 50px;}
	header.header-row.fixed .co-logo img { height: 45px;}
	.all-headig-bx h2 { font-size: 36px;}
	.all-headig-bx h2 span { font-size: 36px;}
	.all-headig-bx h2 img { height: 36px;}
	.footer-col h6 { font-size: 18px;}
	.footer-top .footer-col:nth-child(1) { width: 55%;}
	.footer-bottom .other-country ul li { padding-left: 10px; margin-left: 10px;}
	.footer-row { padding: 40px 0px;}
	
	
}


@media only screen and (max-width: 991px)
{
	.container { max-width: 750px;}
	body.mobile-overlay { overflow: hidden;}
	body.mobile-overlay:before { content: ''; background-color: #00000094; width: 100%; height: 100%; display: block; position: fixed; top: 0px; left: 0px; z-index: 2;} 
	.header-bx nav .menu-bx>li>a { font-size: 16px; display: block; border-bottom: solid 1px #454343;}
	.header-bx nav#nav-points ul li a { font-size: 16px;}
	.header-bx nav#nav-points ul.left-nav li{ padding-right:25px;}
	.header-bx nav#nav-points ul.right-nav li{ padding-left:25px;}
	.co-logo { padding: 10px 15px; left: 15px; transform: translate(-0%, -0%);}
	header.header-row.fixed .co-logo{ padding: 10px 15px; z-index: 9;}
	.header-row{ padding:0px; height:55px; background-color: #323232; border:none;}
	header.header-row.fixed { position: fixed; width: 100%;}
	.custom-nav-row{display:none;}
	.mobile-icon { display: inline-block; position: absolute; top: 50%; right: 15px; transform: translate(-0%, -50%);}
	.mm-ic-box { float: right; border: 0px; display: inline-block; text-align: center; background-color: transparent; width: 26px;}
	.mobile-icon span{height: 3px; margin-bottom:6px; border-radius: 3px; background-color: #fff; display: block; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
	.mobile-icon span:nth-child(1){width:13px; }
	.mobile-icon span:nth-child(2){width:26px;}
	.mobile-icon span:nth-child(3){width:13px; margin: 0px;}
	.mobile-icon.mobile-icon-open span:nth-child(1){width:26px;}
	.mobile-icon.mobile-icon-open span:nth-child(2){width:13px;}
	.mm-ic-box {float: right; border: 0px; display: inline-block; text-align: center; background-color: transparent; width: 26px;}
	.custom-nav-row { position: fixed; width: 300px; background-color: #323232; height: 100%; right: -300px; top: 55px; z-index: 1; display: block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; overflow: auto; padding-bottom: 100px;}
	.custom-nav-row>ul { display: block;}
	.custom-nav-row>ul>li a{ padding: 15px !important;}
	.mobile-icon.mobile-icon-open ~  .custom-nav-row{ right:0px;}
	.header-bx nav ul.menu-bx>li:hover .drop-menu-wrapper { position: unset; width: 100%; display: none;}
	.header-bx nav ul.menu-bx>li { padding: 0px !important;}
	.header-bx nav .menu-bx>li .down-arrow { position: absolute; top: 15px; right: 15px;}
	.header-bx nav ul.menu-bx>li.sub-menu.menu-open .drop-menu-wrapper { display: block;}
	.header-bx nav ul.menu-bx>li .drop-menu-wrapper { background-color: #fff7d9;}
	.header-bx nav ul.menu-bx>li .drop-menu-wrapper ul li { padding: 0px !important;}
	.header-bx nav ul.menu-bx>li .drop-menu-wrapper ul li a{ padding: 15px !important; color:#000 !important; display:block;}
	.header-bx nav li .down-arrow i { font-size: 16px;}
	.footer-top .footer-col:nth-child(1) { width: 100%; padding-bottom: 25px;}
	.footer-top .footer-col address{ margin:0px;}
	.footer-top .footer-col:nth-child(2) { width: 50%;}
	.footer-top .footer-col:nth-child(3) { width: 50%;}
	.footer-col h6 { font-size: 18px; margin-bottom: 10px;}
	.footer-col ul li a { line-height: 30px;}
	.footer-bottom .social-media { width: 100%;}
	.footer-bottom .other-country { width: calc(100% - 0px); text-align: left; padding-top: 15px;}
	.footer-bottom .other-country ul { justify-content: left;}
	
}

@media only screen and (max-width: 767px)
{
	.container { max-width: 100%;}
	*, p{ font-size:14px;}
	input, select, textarea { font-size: 14px;}
	.co-logo img, header.header-row.fixed .co-logo img{ height:40px;}
	.all-headig-bx h2 { font-size: 30px;}
	.all-headig-bx h2 span { font-size: 30px;}
	.all-headig-bx h2 img { height: 30px;}
	.footer-bottom .other-country ul li:before { height: 12px;}
	.copyright-row p, .copyright-row p a { font-size: 12px;}
	.fill-btn { height: 42px; line-height: 42px;}
	
	
}	

@media only screen and (max-width: 639px)
{
	.padding-class { padding:40px 0px;}
	.all-headig-bx h2 { font-size: 24px; margin-bottom: 10px;}
	.foot-logo { padding-bottom: 10px;}
	.foot-logo img { height: 40px;}
	.footer-top .footer-col .add-row { max-width: 100%; position: relative; padding-top: 15px; margin-top: 25px;}
	.footer-top .footer-col .add-row .add-left { width: 80px; padding: 3px 0px; position: absolute; top: -14px; left: 10px; border-radius: 2px;}
	.footer-top .footer-col .add-row .add-right { width: calc(100% - 0px);}
	.design-name, .copyright-content { text-align: center; width: 100%;}
}