.head-logo
{
	text-align: center;
}

.menu-nav a
{
	color: #7a7676;
}
.menu-nav .icn-img
{
	    margin: 0px 5px;
}
.details-div{
    margin-top:3%;
}
.main-page
{
    margin-top: 3%;
	overflow: hidden;
}
.address a:hover {
    text-decoration: none;
}
label.text-success {
    width: 100%;
    text-align: center;
}
button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.modal-header {
    display: block !important;
        line-height: 1px;
}
.register-head{
        color: #039094;
    font-size: 30px;
    font-weight: 700
}
h5.modal-title {
   font-size: 13px;
    font-weight: 700;
}
/*.col1
{
	max-width: 255px;
	justify-content: center;
	text-align: center;
}*/
/*.col1 .bg
{
	float: right;
}*/
  body#body {
    overflow-x: hidden;
}
.home-icon-div{
    text-align:left !important;
        display: flex;
    align-items: center;

}
.home-icon-div a{
    padding-left: 15% !important;
}
.box
{
	margin-top: 141px;
	text-align: center;
}
.collapse.navbar-collapse.justify-content-end {
    justify-content: center !important;
}
/*.sub-logo*/
/*{*/
/*	position: absolute;*/
/*	top: 28px;*/
/*	text-align: center;*/
	/*left: 0px;*/
/*}*/
.sub-logo img
{
	margin: auto;
}
.contact-sec
{
	margin-bottom: 30px;
	overflow: hidden;
}
div#diamond:hover {
    background: #11aeb3;
}
#diamond:hover h6.icon-head {
    color: white !important;
}
a.bg2 {
    text-decoration: none;
}
img.mx-auto.d-block.ic1-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
   
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
}
div#diamond:hover .ic1-hover{
    opacity:1;
}
div#diamond:hover .ic1-img{
    opacity:0;
}
img.mx-auto.d-block.ic2-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
   
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
}
div#diamond:hover .ic2-hover{
    opacity:1;
}
div#diamond:hover .ic2-img{
    opacity:0;
}
img.bg.right-img {
    width: 100%;
}
.row.diamond-row {
       margin-top: 15%;
    margin-bottom: 15%;
}
img.mx-auto.d-block.ic3-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
   
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
}
div#diamond:hover .ic3-hover{
    opacity:1;
}
div#diamond:hover .ic3-img{
    opacity:0;
}
h6.icon-head:hover{
    text-decoration:none;
}
.contact-form .contact-para
{
	text-align: justify;
}
.contact-para
{
	margin-bottom: 40px;
	margin-top: 40px;
}
.cont-p
{
	text-align: justify;
	color: #868181;
	font-size: large;
}
img.home-icon {
    width: 30px;
    height: 30px;
}
.form-head
{
	margin-top: 40px;
}
.contact-form .star
{
	color: #d93025;
}
.contact-form .form-group
{
	margin-bottom: 4rem;
}
.contact-form .privacy
{
	color: #08627d;
}
.botm-img
{
	text-align: center;
}
.foot-div
{
background-color: #b9b5b5;
padding: 5px;
}
input.form-control.signin-form {
    width: 100%;
}
label.signin-label {
    width: 100%;
}
p.text-blue.reset-pass {
    margin-top: 5px;
}
input.form-control.signin-form {
    border: 1px solid #aeaeae;
    margin-top: 10px;
}
button.login-submit-btn {
    width: 100%;
    margin-top: 4%;
    padding: 6px;
    border: 0;
    background: #029094;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}
.signin-label label {
   width: 100%;
    color: black;
    font-size: 16px;
    font-weight: 500;
}
form.login-form {
    width: 50%;
    display: flex;
    margin: auto;
    margin-top: 8%;
}
.submit-btn
{
        border-radius: 10px;
    width:100%;
	padding: 9px;
	background-color: #029094;
	color: #fff;
	border: none;
}
span.labl2 {
    color: black;
        font-weight: 500;
}
.login-head {
    margin-top: 3%;
    padding: 25px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.form-group textarea#message {
    border: 1px solid #ccc;
}
.cnt-form-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-sec
{
	overflow: hidden;
}
.about-content
{
	text-align: justify;
	margin-top: 20px;
	font-size: larger;
    color: #868181;
}
.about-div1
{
	padding: 20px;
}
.about-div2
{
	text-align: justify;
	color: #868181;
	padding: 20px;
}
.sub-logo h6
{
	color: #000;
}
.labl2
{
	color: #868181;
}
.contact-form
{
	padding: 20px;
}
.contact-sec .contact2
	{
		float: right;
	}
.about-sec .about2
	{
		float: right;
	}
@media all and (max-width: 360px)
{
	.botm-img img
	{
		width: 100%;
	}
	.middle img
	{
		width: 100%;
	}
}
.menu-resp
{
	display: none;
}

@media all and (max-width: 420px)
{
	.head-logo img
	{
		width: 100%;
	}
	/*.col1 
	{
		display: inline-block;
	}*/
}
@media all and (max-width: 990px)
{
	/*.sub-logo*/
	/*{*/
	/*	position: relative;*/
 /*       top: -183px;*/
 /*       text-align: center;*/
 /*       justify-content: center;*/
	/*}*/
	.box
	{
		margin-top: 0px;
	}
}
/*@media all and (max-width: 768px)
{
	.col1 {max-width: 536px;}
	.col1 .bg1{float: left;}
	
}*/
@media only screen and (max-width:700px){
    .modal.show .modal-dialog {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        width: 100%;
        } 
        
}
.modal-dialog {
    max-width: 700px !important;
}

@media all and (max-width: 767px)
{
      
	.contact-sec .contact2
	{
		float: right;
	}
	.about-sec .about2
	{
		float: right;
	}
	.menu-resp
	{
		display: block;

	}
	/*.col1
	{
		display: block;
	}*/
	
}
@media all and (max-width: 493px)
{
.box {
    margin-top: 0px;
    }
}
@media only screen and (max-width: 1007px){
  div#diamond {
    margin-top: 17% !important;
}
}
@media only screen and (max-width: 992px){
    img.bg1.left-bg {
    display: none;
}
img.bg.right-img {
    display: none;
}
.footer{
        margin-top: 0px !important;
}
.row.diamond-row {
     margin-top: 0%;
}
}
@media only screen and (max-width:400px){
    .footer{
        margin-top:0px !important;
        margin-bottom:0px !important;
    }
    div#diamond {
    margin-top: 25% !important;
}
}
@media only screen and (max-width:1492px){
    #diamond {
    margin-top: 9% !important;
    max-width: 120px !important;
    height: 120px !important;
    border: 2px solid #61e1e7;
    /* background: #1eff00; */
   
   
}

h6.icon-head {
    font-size: 13px;
}
.ic1-img,.ic2-img,.ic3-img{
    width:55px;
}
.ic1-hover,.ic2-hover,.ic3-hover {
    width: 55px;
}
}

@media only screen and (max-width:1396px){
    #diamond {
    margin-top: 9% !important;
    max-width: 110px !important;
    height: 110px !important;
    border: 2px solid #61e1e7;
    /* background: #1eff00; */
    
    
}
}
/*mob-menu style*/
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
  bottom: 17px;
}

.topnav #mob-Links {
  display: none;
}

.topnav a {
  float: left;
  color: #fff;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a.icon-mob {
  float: right;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
/*mob-menu style*/
ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    display: flex;
    padding: 5px !important;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    display: block;
}
.col-lg-6.center-div {
    margin-top: 5% !important;
}
ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    background: transparent;
    border:none;
}
div#tabs {
    border: 0px;
    background: none;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
    border: 0;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active h5 {
    color: #029094 !important;
    font-weight: 600 !important;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
    background: none;
    /* color: blue !important; */
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
    background: none;
    border: none;
}
h5.air-head {
        text-align: center;
    margin-top: 10px;
    font-weight: 600;
    color: #c6c7c7;
}

  img.active-hover.tab1-img{
        position: absolute;
    top: 0;
    right: 0;
    left: 0;
   
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
    padding: 0.5em 1em;
    }
    a#ui-id-1:hover .tab1-img-show {
    opacity: 0;
}
a#ui-id-1:hover .tab1-img{
    opacity: 1;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab1-img-show{
    opacity:0;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab1-img{
    opacity:1;
}

    img.active-hover.tab2-img,img.active-hover.tab3-img,img.active-hover.tab4-img{
        position: absolute;
    top: 0;
    right: 0;
    left: 0;
   
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
    padding: 0.5em 1em;
    }
    a#ui-id-2:hover .tab2-img-show,a#ui-id-3:hover .tab3-img-show,a#ui-id-4:hover .tab4-img-show {
    opacity: 0;
}
a#ui-id-2:hover .tab2-img,a#ui-id-3:hover .tab3-img,a#ui-id-4:hover .tab4-img{
    opacity: 1;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab2-img-show{
    opacity:0;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab2-img{
    opacity:1;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab3-img-show{
    opacity:0;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab3-img{
    opacity:1;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab4-img-show{
    opacity:0;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .tab4-img{
    opacity:1;
}
.footer {
    padding: 50px 0px !important;
}

li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover h5 {
    color: #029094;
}

.text-blue{
    color:#029094;
}
.text-grey{
    color:#5e5c5c;
}
a.nav-link {
    color: #000;
}
.about-desc {
    text-align: justify;
}
.youtube-icon{
    margin-bottom: 7%;
    margin-top: 5%;
    margin-left: 6%;
}
label.top-checkbox {
    /* margin-right: 13%; */
    padding: 0px 40px;
}
.radio-top{
    margin-right:10px;
}


.form-control {
    border: 2px solid #029094;
}
label {
    color: #9e9e9e;
}
button.blue\=btn{
    background: #029094;
    color: white;
    font-weight: 100;
    border: 1px solid #029094;
    border-radius: 6px;
    padding: 5px 25px;
    margin: auto !important;
    width: 25%;
}
.text-center.top-form {
    margin-bottom: 20px;
}
label.radio-inline.top-checkbox.text-grey {
    font-size: 17px;
}
input.radio-top.text-grey {
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    /* appearance: none; */
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    transition: 0.2s all linear;
    margin-right: 5px;
    position: relative;
    top: 4px;
}
input#departure {
    color: #9e9e9e;
}


.thankyou-page ._header {
    background: #11aeb3;
    padding: 100px 30px;
    text-align: center;
    background: #11aeb3 url(https://codexcourier.com/images/main_page.jpg) center/cover no-repeat;
}
.thankyou-page ._header .logo {
    max-width: 200px;
    margin: 0 auto 50px;
}
.thankyou-page ._header .logo img {
    width: 100%;
}
.thankyou-page ._header h1 {
    font-size: 65px;
    font-weight: 800;
    color: white;
    margin: 0;
}
.thankyou-page ._body {
    margin: -70px 0 30px;
}
.thankyou-page ._body ._box {
    margin: auto;
    max-width: 80%;
    padding: 50px;
    background: white;
    border-radius: 3px;
    box-shadow: 0 0 35px rgba(10, 10, 10,0.12);
    -moz-box-shadow: 0 0 35px rgba(10, 10, 10,0.12);
    -webkit-box-shadow: 0 0 35px rgba(10, 10, 10,0.12);
}
.thankyou-page ._body ._box h2 {
    font-size: 32px;
    font-weight: 600;
    color: #11aeb3;
}
.thankyou-page ._footer {
    text-align: center;
    padding: 50px 30px;
}
.thankyou-page {
    margin-top: 10%;
}
.thankyou-page ._footer .btn {
    background: #11aeb3;
    color: white;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    letter-spacing: 0.8px;
    padding: 20px 33px;
    text-transform: uppercase;
}
div#collapsibleNavbar {
    justify-content: end;
}
nav.navbar.navbar-expand-md.bg-white.navbar-white {
    padding: 25px 60px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
.navbar-white .navbar-toggler-icon {
    background-image: url('images/menu.png');
}
.fa-align-justify:before{
    display:none;
}
.header-mid-div {
    text-align: center;
    display: flex;
    align-items: center;
    width: 65% !important;
   
        justify-content: flex-end;
}
.row.mid-icon-menu .col a {
    padding: 1px;
}
.row.mid-icon-menu .col {
    display: contents;
    
}
.row-mid-icon-menu .col a{
        padding: 5px;
}
h6.header-icon-text {
   font-size: 12px;
    margin-top: 5px;
    color: black;
    font-weight: 700;
}
.logo-div {
    width: 60% !important;
    display: inline-flex;
    display: inline-flex;
    justify-content: flex-end;
}
img.logo.animate__animated.animate__fadeIn.animate__delay-1s {
   max-width: 300px;
    width: 300px;
    height: auto;
}
a.nav-link {
    display: flex;
    align-items: flex-start;
    align-items: center;
}
.row.mid-icon-menu {
    align-items: baseline;
}

@media only screen and (max-width:1200px){
    nav.navbar.navbar-expand-md.bg-white.navbar-white {
    padding: 15px;
}
.header-mid-div {
    width: 80% !important;
}
}
@media only screen and (max-width:600px){
    .row.diamond-row {
    display: block;
    padding: 17px;
    width: 100%;
    margin: 0;
}
.main-page{
    padding: 0px 15px;
}
img.audit-tab-icon {
    width: 100%;
}
form.login-form {
    width: 100% !important;
    margin:0px !important;
}
.tab {
    width: 100% !important;
}
button.tablinks {
    font-size: 15px !important;
}
img.home1-show {
    width:100%;
}
img.home1-hover {
    width: 100%;
}
img.home1-hover {
    width: 180px !important;
    height: 150px !important;
}
.row.mid-icon-menu {
    align-items: baseline;
    display: -webkit-inline-box;
}
nav.navbar.navbar-expand-md.bg-white.navbar-white {
    padding: 25px 10px !important;
        display: flex;

}
.header-mid-div {
    display:none;
    
}
img.logo.animate__animated.animate__fadeIn.animate__delay-1s {
    width: 50%;
    height:auto !Important;
}
button.navbar-toggler {
    float: right !important;
}
.logo-div {
    width: 70% !important;
}
nav.navbar.navbar-expand-md.bg-white.navbar-white{
    display:block !Important;
}
}
@media only screen and (max-width:768px){
    .logo-div {
    width: 70% !important;
    }
}

@media only screen and (max-width:1090px){
   
.logo-div {
    width: 100%;
}
nav.navbar.navbar-expand-md.bg-white.navbar-white {
    padding: 25px 40px !important;
    
}
div#collapsibleNavbar {
    justify-content: center;
}
}
@media only screen and (max-width:1320px){
    .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0rem;
}
nav.navbar.navbar-expand-md.bg-white.navbar-white {
    padding: 25px 10px !important;
    
}
.logo-div {
    width: 55%;
}
}



/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10001;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
   border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  
}