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

 -------------- Azure Xchange --------------

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



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

    01. Imported CSS

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

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

@import url("bootstrap.min.css");

@import url("animate.css");

@import url("icomoon.css");

@import url("slicknav.css");

@import url("aos.css");



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

    02. General CSS 

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

body {

    background: #ffffff;

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

    font-size: 16px;

    font-weight: 400;

    overflow-x: hidden;

}



.container-fluid {

    overflow:hidden;

    padding-right: 0px;

    padding-left: 0;

}

.pt_long{padding-top:170px !important;}

/* Selection CSS */

::selection {

  background: #00537f;

  color: #ffffff;

  text-shadow: none;

}



::-moz-selection {

  background: #00537f;

  color: #ffffff;

  text-shadow: none;

}



::-webkit-selection {

  background: #00537f;

  color: #ffffff;

  text-shadow: none;

}



/* Common CSS */

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family:;

    margin-top: 0;

    color: #91137a;

    font-weight: 500;

    line-height: 1.1;

    text-transform:;

}

p {

    margin: 0;

    padding: 0;

    color: #6c757d;

    line-height: 30px;

}

a { 

    margin: 0;

    padding: 0;

    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

a:focus,

a:hover {

    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

ul {

    margin: 0;

    padding: 0;

}

ul li {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



/* Form CSS */

/*

.form-control {

    height: 45px;

    margin-bottom: 30px;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    border-radius: 0px;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

}

.form-control:focus {

    border-color: #999999;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

::-webkit-input-placeholder {

    color: #333333 !important;

}

::-moz-placeholder {

    color: #333333 !important;

}

::-o-placeholder {

    color: #333333 !important;

}

:-ms-input-placeholder {

    color: #333333 !important;

}

input:-moz-placeholder {

    color: #333333 !important;

}

*/



/* Button CSS */

.btn {

	background: #fff;

	padding: 15px 25px;

	font-size: 12px;

	font-weight: 600;

	display: inline-block;

	text-transform: uppercase;

	letter-spacing: 1px;

    -webkit-transition: .5s linear;

    -moz-transition: .5s linear;

    -o-transition: .5s linear;

    -ms-transition: .5s linear;

    transition: .5s linear;

	color: #001d3b;

	min-width: 230px;

	border: none;

    border-radius: 0;

}



.btn:hover {

  background: #f48d11;    

  color: #fff;  

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn.focus:active,

.btn:active:focus,

.btn:focus,a {

    outline: none;

}



.color-base {

    color: #f48d11;

}





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

        TOP BAR SECTION: 01

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

.header-section {

    background: #fff;

	position: fixed;

	width: 100%;

    z-index: 99;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.top-bar {

    background: #f48d11;

    padding: 5px 0px;

}



.left-area ul li, .right-area ul li {

    display: inline-block;

}



.left-area ul li a {

	color: #fff;

	padding: 0px 11px 0px 5px;

	border-right: 1px solid rgb(255, 255, 255, 0.4);

    font-size: 15px;

}



.left-area ul li a:hover {

    color: #001d3b;

}



.left-area ul li:last-child a {

    border: none;

}



.right-area ul {

    text-align: right;

}



.right-area ul li a {

    color: #fff;

    padding: 0px 10px;

    border-right: 1px solid rgb(255, 255, 255, 0.4);

    font-size: 15px;

}



.right-area ul li:last-child a {

    border: none;

    padding-right: 0;

}



.right-area ul li a:hover {

    color: #001d3b;

}



.sticky-right-area {

    display: none;

}



.subOverlay .fixed-right-area {

    display: none;

}



.subOverlay .sticky-right-area {

    display: block;

}



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

         HEADER SECTION: 02

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

.header-area {

    background: #fff;

}



.logo {

	margin-top: 20px;

	max-width: 220px;

}



.header-area nav > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.header-area nav ul {

  padding-left: 0;

  margin-top: 1px;

}



.header-area nav li {

	list-style: none;

	position: relative;

	text-align: left;

	color: #001d3b;

}



.header-area nav li ul li a {

	text-transform: none;

	width: 100%;

	padding: 10px 18px;

	border-bottom: 1px solid #eee;

}



.header-area nav li a {

    color: inherit;

    cursor: pointer;

    display: inline-block;

    color: #001d3b; 

    font-size:16px;

    font-weight: 600; 

    text-decoration:none;

    outline: 0;

    padding: 32px 18.7px;

}



.header-area nav li a:hover, .header-area nav li a.active {

    color: #91137a;

}



.header-area nav .dropdown {

  display: inline-block;

  position: relative;

  z-index: 9;    

}



.header-area nav .dropdown:hover > ul {

  -webkit-transform: scaleY(1);

          transform: scaleY(1);

}



.header-area nav .dropdown ul {

	background-color: #fff;

    -webkit-box-shadow: -1px 28px 60px -38px rgba(0,0,0,1);

    -moz-box-shadow: -1px 28px 60px -38px rgba(0,0,0,1);

    box-shadow: -1px 28px 60px -38px rgba(0,0,0,1);

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: top;

	transform-origin: top;

	-webkit-transition-duration: 0.25s;

	transition-duration: 0.25s;

	position: absolute;

	left: 0;

	top: 87px;

	width: 240px;

	border-top: 2px solid #f48d11;

}



.header-area nav .dropdown:last-child ul {

	left: -120px;

}



.slicknav_menu {

    display: none;

}



.slicknav_nav {

  background: #fff;

  float: left;

  top: 98px;

  padding: 10px 30px;

  width: 100%;

  position: fixed;

  left: 0; 

}



.slicknav_nav ul {

  margin: 0;

}



.slicknav_nav a {

  border-bottom: 1px solid #eee;

  color: #001d3b;

  outline: 0;

}



.slicknav_btn {

    background: none;

    float: right;

    margin-top: 58px;

}



.slicknav_menu .slicknav_menutxt {

	display: none;

}



.slicknav_menu .slicknav_icon-bar {

    background: #001d3b;

    font-size: 16px;

}



@media screen and (max-width: 767px) {

    nav {

        display: none;

    }

    

    .slicknav_menu {

      background: none;

      display: block;

      float: right;

      position: fixed;

      right: 0;

      top: -3px;

      z-index: 999;

    }

    

    .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {

        border: none;

    }

    

    .slicknav_nav a:hover,.subs li a:hover {

        background: none;

        color:  #001d3b; 

    }

    

    .slicknav_nav .slicknav_row:hover {

        background: none;

        color: #001d3b;

    }

}



.subOverlay {

	background-color: #fff;

    z-index: 99;

    top: 0;

    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);

}



.subOverlay.header-area nav .dropdown ul {



}



.subOverlay .logo, .sticky-logo {

  

}



.subOverlay .sticky-logo {



}



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

         SLIDER SECTION: 03

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

.slider-area, .about-inner  {

   margin-top: 123px;

}



.slider-area .carousel-item::after {

  background: linear-gradient(to bottom, rgba(0, 29, 59, 0.3) 18%, rgba(0, 29, 59, 0.7) 98%);

  bottom: 0;

  content: " ";

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

}



.slider-area .carousel-indicators {

	bottom: 0;

}

.slider-area .carousel-control.right,

.slider-area .carousel-control.left {

	background-image: none;

}



.slider-area .carousel-item {

    padding: 100px 0px;

    min-height: 600px;

    background-size: cover;

    background-position: center top;

    background-repeat: no-repeat;

}



.slider-area .carousel-caption h1 {

	color: #fff;

	display: inline-block;

	font-size: 52px;

	font-weight: 600;

	letter-spacing: 1px;

	margin-bottom: 15px;

}



.slider-area .carousel-caption p {

	color: #fff;

	font-size: 16px;

	font-weight: 500;

	letter-spacing: 1px;

    margin-bottom: 30px;

}



/* Animation delays */

.slider-area .carousel-caption h1:first-child {

	animation-delay: 1s;

	-webkit-animation-delay: 1s;

	-moz-animation-delay: 1s;

}

.slider-area .carousel-caption p:nth-child(2) {

	animation-delay: 1.5s;

	-webkit-animation-delay: 1.5s;

	-moz-animation-delay: 1.5s;

}

.slider-area .carousel-caption a {

	animation-delay: 2s;

	-webkit-animation-delay: 2s;

	-moz-animation-delay: 2s;

}



.slider-area .carousel-caption a:last-child {

	animation-delay: 2.5s;

	-webkit-animation-delay: 2.5s;

	-moz-animation-delay: 2.5s;

}



.slider-area .carousel-caption {

    padding: 100px 0px;

	top: 15%;

	width: 60%;

	left: 0;

	right: 0;

}



.slider-area  .carousel-control-prev, .slider-area  .carousel-control-next {

    font-size: 60px;

}



.slider-area .carousel-caption .btn {

    margin-right: 10px;

}



.slider-area .carousel-caption .btn:hover {

    margin-top: -13px;

}



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

         ABOUT SECTION: 04

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

.about-area {

    background: #dfeced;  

    padding: 60px 0px;

}



.about-area h1 {

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 60px;

    text-align: center;

}



.about-area h1 span {

    color: #f48d11;

}



.about-box {

	text-align: center;

	background: #91137a;

	display: block;

	padding: 60px 15px;

	min-height: 200px;

    -webkit-transition: .5s linear;

    -moz-transition: .5s linear;

    -o-transition: .5s linear;

    -ms-transition: .5s linear;

    transition: .5s linear;

}



.about-box span {

    font-size: 60px;

    color: #fff;

}



.about-box h5 {

    color: #fff;

    margin-top: 15px;

    text-transform: capitalize;

    font-weight: 600;

    font-size: 18px;

}



.about-box:hover {

    background: #f48d11;

    -webkit-box-shadow: 0px 0px 25px -9px rgba(0,0,0,1);

    -moz-box-shadow: 0px 0px 25px -9px rgba(0,0,0,1);

    box-shadow: 0px 0px 25px -9px rgba(0,0,0,1);

    transform: translate(0,-13px);

    transition: .5s linear;

}



.markets-area {

    background: #fff;

}



.icon-forum::before {

    font-size: 50px;

}



.icon-phone::before {

    font-size: 45px;

}



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

         FOOTER SECTION: 05

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

.footer-area {

    background: #f48d11;

    padding: 5px 0px;

}



.footer-area h6 {

	text-align: left;

	color: #fff;

	margin-top: 8px;

	font-size: 14px;

}



.footer-menu ul {

    margin-top: 5px;

    text-align: right;

}



.footer-menu ul li {

    display: inline-block;

}



.footer-menu ul li a {

	color: #fff;

	font-size: 14px;

	padding: 0px 20px;

}



.footer-menu ul li a:hover {

    text-decoration: underline;

}



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

	TOP SECTION: 06

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

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: .5;

}



.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  white-space: nowrap;

  background: rgba(232, 98, 86, 0.8) url(../image/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: 1;

  z-index:99;

}



a:focus {

    outline:0;

} 



.cd-top {

	background: #f48d11;

	border-radius: 5px;

	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);

	color: #fff;

	font-size: 16px;

	text-align: center;

    padding: 9px;

}



.cd-top:hover {

    color: #fff;

}



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

                                                     ABOUT PAGE

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



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

       ABOUT BANNER SECTION : 07

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

.about-banner {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

}



.about-inner {

	background: linear-gradient(to bottom, rgba(0, 29, 59, 0.3) 18%, rgba(0, 29, 59, 0.7) 98%);

	padding: 100px 0px;

	min-height: 400px;

}



.about-inner h1 {

    text-align: center;

    color: #fff;

    text-transform: capitalize;

    font-size: 52px;

    font-weight: 600;

    margin-top: 40px;

    letter-spacing: 1px;

}



.about-inner p {

	color: #fff;

	width: 50%;

	text-align: center;

	margin: 0 auto;

	letter-spacing: 1px;

    font-weight: 500;

}



.about-page-cn h4 {

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 30px;

}



.about-page-cn h4 img {

    max-width: 26px;

}



.about-page-cn h5 {

    margin-bottom: 15px;

}



.about-page-cn h5 a {

    color: #f48d11;

    text-decoration: underline;

    font-weight: bold;

    font-size: 20px;

}



.about-page-cn h6 {

    margin-top: 20px;

    font-weight: 600;

}



.about-page-cn p a, .about-page-cn .card-body a {

    font-size: 16px;

    color: #f48d11;

}



.contact-num {

    display: inline-block;

}



.about-page-cn p a:hover, .about-page-cn .card-body a:hover {

    text-decoration: underline;

}



.about-area ul {

    padding-left: 30px;

}



.about-area ul li {

	list-style: disc;

	line-height: 35px;

    color: #6c757d;

}



.about-area ul li span {

    background: #f48d11;

    color: #fff;

}



.about-page-cn .btn, .download-form .btn {

    background: #f48d11;

    color: #fff;

    margin-top: 20px;

}



.about-page-cn .btn {

    margin-bottom: 30px;

}



.about-page-cn .btn:hover {

    background: #001d3b;

    color: #fff;

}



.download-form {

    margin-top: 20px;

}



.download-form .form-control {

    background: none;

	border-top: none;

	border-left: none;

	border-right: none;

	font-size: 12px;

	border-bottom: 1px solid #555;

	box-shadow: none;

	border-radius: 0;

	padding: 0;

	width: 100%;

	height: 40px;

	color: #555;

	margin-top: 10px;

    margin-bottom: 22px;

    font-weight: 600;

}



.download-form .form-control::placeholder {

    color: #555;

}



.download-form .form-control::-webkit-placeholder {

    color: #555;

}



.download-form .form-control::-moz-placeholder {

    color: #555;

}



.download-form .modal-header, .download-form .modal-footer {

    border: none;

    justify-content: left;

}



.download-form .modal-content {

    padding: 20px;

}



.download-form .modal-header .close {

    position: absolute;

    right: 20px;

    top: 10px;

    font-size: 20px;

    outline: 0;

}



.download-form .btn {

    margin-top: 0;

}



.download-form .btn:hover {

    background: #001d3b;

    color: #fff;

}



.bank-dt-btn .btn {

    min-width: 150px;

}



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

       FAQ SECTION : 08

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

.about-page-cn #accordion {

    margin-top: 20px;

}



.about-page-cn .card {

    border: none;

    margin-bottom: 10px;

}



.about-page-cn .card-header {

    padding: 0;

    border-radius: 0;

    border-bottom: 0;

    background: none;

}



.about-page-cn .card-header h5 {

    margin-bottom: 0;

}



.about-page-cn .collapsed {

    color: #fff !important;

}



.about-page-cn .btn-link {

    background: #f48d11;

	color: #fff;

	width: 100%;

	padding: 10px 30px;

	text-align: left;

	cursor: pointer;

	border: none;

	font-size: 16px;

	font-weight: 400;

    text-decoration: none;

    outline: 0;

}



.about-page-cn .btn-link span {

    float: right;

}



.about-page-cn .collapsed:hover {

    color: #fff !important;

    text-decoration: none;

}



.about-page-cn .card-body {

    background: #dfeced;

    color: #6c757d;

    font-size: 14px;

    font-weight: 400;

}



.about-page-cn .card-body span {

    color: red;

}



.about-page-cn .card-body .table {

    margin-top: 20px;

    margin-bottom: 20px;

}



.about-page-cn .card-body .table-bordered {

	border: 1px solid #6c757d;

}



.about-page-cn .card-body .table thead th, .about-page-cn .card-body .table tbody td {

	border: 1px solid #6c757d;

    color: #6c757d;

}



.about-page-cn .card-body ol li {

	list-style: disc;

	line-height: 25px;

}



.contact-box {

    width: 70%;

    margin-top: 15px;

}



.contact-box label {

	color: #91137a;

	font-weight: 500;

}



.contact-box .form-control {

	background: transparent;

    border: 1px solid #91137a;

	color: #91137a;

	font-size: 16px;

	font-weight: 400;

	height: 55px;

	border-radius: 0;

	padding: 10px 30px;

    margin-bottom: 15px;

}



.contact-box .form-control::placeholder {

    color: #91137a;

}



.contact-box .form-control:focus {

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

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

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

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



.contact-box textarea.form-control {

    height: 200px;

    margin-bottom: 20px;

}



#contact .about-page-cn ul {

    width: 50%;

    padding: 0;

}



#contact .about-page-cn ul li {

    list-style: none;

}



#contact .about-page-cn ul li a:hover {

    text-decoration: underline;

}




.disclaimer_p{
    color:#fff; margin-top:15px; font-size: 14px; font-style: italic;
}
.company_address{
color:#91137a; font-size: 18px;
}

.mr_top_35{margin-top: 35px; }
.mr_bottom_10{margin-bottom: 10px !important;}


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

    Responsive Grid Media Queries Settings

    1600+   -     Extra Large Screen

    1600-1200   - Large Screen

    1280-992   - desktop (default grid)

    992-768    - tablet landscape

    768-480     - tablet

    480-less    - phone landscape & smaller

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



/*-------------------------Extra large--------------------------------*/

@media all and (min-width: 2001px) {

    .about-inner {

        min-height: 500px;

    }

    

    .about-inner h1 {

        margin-top: 110px;

    }



}



/*----- For very large+ ------*/

@media all and (min-width: 1601px) {



}

/*--- below very large screen -----*/

@media all and (max-width: 1600px) {

}



/*-------------------------Large-------------------------------------*/

/*--- large screen + -----*/

@media all and (min-width: 1201px) {

}

/*--- Large screen only -----*/

@media all and (min-width: 1201px) and (max-width: 1600px) {  }

/*--- below large screen -----*/

@media all and (max-width: 1200px) {

    .tc-md{text-align: center;}

}



/*------------------------Medium------------------------------------*/

/*---   Medium screen+   -----*/

@media all and (min-width: 992px) {

  .mw190-md{

    min-width: 190px;

  }

  .blok-md{

    display: block;

  }

}

/*--- Medium screen only -----*/

@media all and (min-width: 992px) and (max-width: 1200px){

    .tc-md-o{text-align: center;}

    

    .logo {

        max-width: 100%;

        margin-top: 30px;

    }

    

    .header-area nav li a {

        padding: 32px 14px;

    }

    

    .slider-area .carousel-item {

        min-height: 500px;

    }

    

    .slider-area .carousel-caption {

        padding: 40px 0px;

    }

    

    .footer-menu ul li a {

        padding: 0px 15px;

    }

    

    .about-area {

        padding: 60px 0px;

    }

    

    .about-box {

        max-height: 220px;

    }

    

    .about-banner {

        background-attachment: inherit;

    }

    

    .about-inner h1 {

        margin-top: 30px;

    }

    

    .about-inner p {

        width: 60%;

    }

}

/*--- below medium screen -----*/

@media all and (max-width: 991px) {

    .show-md{

      visibility: visible;

    }

    .tc-sm{text-align: center;}

    

}



/*-----------------------Small-------------------------------------*/

/*---   Small screen+   -----*/

@media all and (min-width: 768px) {

  .mw190-sm{

    min-width: 190px;

  }

  .blok-sm{

    display: block;

  }

}

/*--- Small screen only -----*/

@media all and (min-width: 768px) and (max-width: 991px) {

    .tc-sm-o{text-align: center;}

    

    .left-area ul, .right-area ul {

        margin-top: -5px;

    }

    

    .left-area ul li a, .right-area ul li a {

        font-size: 11px;

    }

    

    .logo {

        max-width: 90px;

        margin-top: 21px;

    }

    

    .header-area nav li ul li a {

        font-size: 11px;

        padding: 11px 12px;

    }

    

    .header-area nav li a {

        padding: 22px 13px;

        font-size: 11px;

    }

    

    .header-area nav li:last-child a {

        padding-right: 0;

    }

    

    .header-area nav .dropdown ul {

        width: 160px;

        top: 60px;

    }

    

    .header-area nav .dropdown:last-child ul {

        left: -85px;

    }

    

    .slider-area, .about-inner {

        margin-top: 62px;

    }

    

    .slider-area .carousel-item {

        min-height: 420px;

    }

    

    .slider-area .carousel-caption {

        padding: 40px 0px;

        width: 75%;

        top: 15%;

    }

    

    .slider-area .carousel-caption h1 {

        font-size: 30px;

    }

    

    .slider-area .carousel-caption p {

        font-size: 14px;

    }

    

    .about-area {

        padding: 50px 0px;

    }

    

    .about-box {

        max-height: 210px;

    }

    

    .about-box h5 {

        font-size: 16px;

    }

    

    .footer-area h6 {

        font-size: 12px;

    }

    

    .footer-menu ul {

        margin-top: 3px;

    }

    

    .footer-menu ul li a {

        font-size: 13px;

        padding: 0px 5px;

    }

    

    .about-banner {

        background-attachment: inherit;

    }

    

    .about-inner p {

        width: 80%;

    }

    

    .about-page-cn h6 {

        line-height: 25px;

    }

    

    .contact-box {

        width: 100%;

    }

    

    #contact .about-page-cn ul {

        width: 80%;

    }

}

/*--- below small screen -----*/

@media all and (max-width: 767px) {

    .tc-xs{text-align: center;}

    .w100-xs{width: 100%;}

    

    .top-bar {

        padding: 5px 0px;

    }

    

    .left-area ul, .right-area ul {

        margin-top: -4px;

        text-align: center;

    }

    

    .left-area ul li a, .right-area ul li a {

        font-size: 12px;

    }

    

    .header-area {

        position: relative;

        padding: 10px 0px;

    }

    

    .subOverlay {

        box-shadow: none;

    }

    

    .logo {

        max-width: 100px;

        margin-top: 5px;

    }

    

    .slider-area, .about-inner {

        margin-top: 98px;

    }

    

    .slider-area .carousel-caption {

        padding: 60px 0px;

        top: 0;

        width: 100%;

    }

    

    .slider-area .carousel-item {

        min-height: 350px;

        background-position: center left;

        padding: 50px 0px;

    }

    

    .slider-area .carousel-caption h1 {

        font-size: 22px;

        margin-bottom: 10px;

    }

    

    .slider-area .carousel-caption p {

        font-size: 12px;

        letter-spacing: 0;

        line-height: 20px;

        width: 80%;

        margin: 0 auto;

    }

    

    .slider-area .carousel-caption a {

        margin-top: 20px;

        font-size: 10px;

        padding: 10px;

        margin-bottom: -10px;

    }

    

    .about-area {

        padding: 20px 0px;

    }

    

    .about-area h1 {

        margin-bottom: 30px;

        font-size: 24px;

    }

    

    .about-box {

        margin-bottom: 20px;

    }

    

    .footer-menu ul {

        text-align: center;

    }

    

    .footer-menu ul li a {

        padding: 0px 5px;

    }

    

    .footer-area h6 {

        font-size: 12px;

        text-align: center;

    }

    

    .about-banner {

        background-attachment: inherit;

    }

    

    .about-inner {

        min-height: 350px;

    }

    

    .about-inner p {

        width: 100%;

    }

    

    .about-inner h1 {

        margin-top: 0;

    }

    

    .about-page-cn h4 {

        font-size: 20px;

    }

    

    .about-page-cn h5 {

        line-height: 30px;

    }

    

    .about-page-cn h6 {

        line-height: 26px;

    }

    

    .about-page-cn .btn {

        margin-bottom: 5px;

    }

    

    .bank-dt-btn .btn {

        width: 100%;

        margin-bottom: 0;

        margin-top: 10px;

    }

    

    .about-page-cn .btn-link {

        padding: 10px 15px;

    }

    

    .about-page-cn .btn-link span {

        margin-top: 5px;

    }

    

    .contact-box, #contact .about-page-cn ul {

        width: 100%;

    }

    

    .contact-box textarea.form-control {

        margin-bottom: 10px;

    }



}



/*-----------------------Very Small--------------------------------*/

/*--- Extra Small screen only -----*/

@media all and (min-width: 480px) and (max-width: 767px) { }

/*--- Very Small screen -----*/

@media all and (max-width: 479px) { }



                              /*----------------------------- THE END ---------------------------*/