/* common */
body {
	 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
     font-size: 14px;}	 
::-moz-selection { background: #03c7b8; color: #fff; }
::selection { background: #03c7b8; color: #fff;}
a:hover, 
a:focus {
     text-decoration: none;
	 color: #38393b;} 
   
/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #abb1b0;}
::-moz-placeholder { /* Firefox 19+ */
     color: #abb1b0;}
:-ms-input-placeholder { /* IE 10+ */
     color: #abb1b0;}
:-moz-placeholder { /* Firefox 18- */
     color: #abb1b0;} 

/* number icon remove */	 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}	
	
/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #00051b;
        background: transparent;}
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;}
	
/* pre-loader */  
.pre-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.89) url(../../../common/images/pre-loader.gif) center no-repeat;}

    	
/* button */
button,
.a-btn {
    white-space: nowrap;
    line-height: normal;
    background: #2760ad;
    color: #fff;
    border-radius: 20px;
    padding: 6px 22px;
    font-size: 16px;
    text-transform: capitalize;
    cursor: pointer;
    border: transparent;}
button:hover,
button:focus,
.a-btn:hover,
.a-btn:focus {
    color: #fff;
    outline: none;}

/* h1, h2, p */	
h1 {
	font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    padding: 85px 0 40px;}	
h2 {
	font-size: 22px;}
p {
    font-size: 16px;}	 
@media (max-width: 991px) {
h1 {
    font-size: 30px;}
h2 {
    font-size: 18px;}
}
@media (max-width: 767px) {
h1 {
    font-size: 27px;}
}


/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;}
@media (min-width: 1200px) {
.wrapper {
    max-width: 2500px;
	padding: 0 100px;}
}
@media (max-width: 1199px) {
.wrapper {
	padding: 0 70px;}
}  
@media (max-width: 991px) {
.wrapper {
	padding: 0 50px;}
} 
@media (max-width: 767px) {
.wrapper {
	padding: 0 25px;}
} 
@media (max-width: 499px) {
.wrapper {
	padding: 0 15px;}
} 
	
	
	
/* header */
header {
    height: 80px;
    position: fixed;
    /*background: #357bbf;*/
    background: #f3f3f3;
    z-index: 120;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;}
@media (max-width: 767px) {
header {
    height: 75px;
    padding-left: 15px;
    padding-right: 15px;}   
} 	
/* logo */
header .logo {
    float: left;
    margin-top: 10px;}
header .logo h5 {
    float: left;
    margin-top: 13px;
    margin-left: 11px;
    color: #357bbf;
    font-weight: bold;
    font-size: 27px;}
header .logo img {
	max-height: 45px;
    max-width: 100%;
    margin-top: 7px;
    float: left;}
a.nav-link.active {
    font-size: 16px;}
@media (max-width: 767px) {
header .logo img {
    max-height: 35px;}
header .logo h5 {
    font-size: 19px;
    margin-top: 13px;}   
} 
/* right */   
header .right {
    float: right;
    text-align: right;}

/* h4 */
header .right h4 {
    font-size: 14px;
    padding-top: 9px;
    color: #5f5d5d;
    font-weight: normal;}
header .right h4 a {
    font-size: 17px;
    color: #000;}
@media (max-width: 767px) {
header .right h4 {
    font-size: 11px;
    padding-top: 13px;}  
header .right h4 a {
    font-size: 14px;}  
}
/* button */
header .right button {
    background: #fdfdfd;
    color: #5d6a77;
    font-size: 13px;
    box-shadow: 0 0 30px #c6cbd0;
    margin-left: 10px;}
@media (max-width: 767px) {
header .right button {
    font-size: 11px;
    padding: 4px 13px;}
}


/* card-col */
.card-col {
    text-align: center;}
.card-col h2 {
    margin-bottom: 32px;
    margin-top: 8px;
    text-transform: capitalize;}
.card-col img {
    height: 110px;
    opacity: .5;}
@media (max-width: 767px) {
.card-col h2 {
    margin-bottom: 38px;}
.card-col img {
    height: 80px;}
}
    


/* home */
#home {
    background: linear-gradient(rgba(32, 73, 113, 0.65), rgba(29, 94, 156, 0.25)), url(../images/home-bg.png);
    background-size: auto 580px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 580px;
    color: #fff;
    padding-top: 280px;}
#home h4 {
    font-weight: normal;
    font-size: 23px;
    margin-bottom: 14px;}
#home h4 .fa {
    font-size: 14px;
    margin-right: 10px;
    text-shadow: 1px 0 #000;}
#home h5 {
    font-weight: normal;
    font-size: 25px;}
@media (min-width: 992px) {
#home {
    padding-left: 70px;
    padding-right: 70px;}
}
@media (max-width: 991px) {
#home h4 {
    font-size: 17px;}
#home h4 .fa {
    font-size: 18px;}
#home h5 {
    font-size: 20px;}
}
@media (max-width: 767px) {
#home {
    background-size: auto 500px;
    height: 500px;
    padding-top: 170px;}
#home h4 {
    font-size: 17px;}
#home h4 .fa {
    font-size: 15px;}
#home h5 {
    font-size: 20px;
    margin-top: 30px;}
}




/* features */
#features .we-are-at {
    text-align: center;
    margin: 40px 0;}
#features .we-are-at label {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 8px;}
#features .we-are-at p {
    font-size: 17px;
    margin: 0;
    padding-bottom: 7px;}




/* footer */
footer {
    background: #262626;
    text-align: center;
    padding: 20px 15px;
    color: #7b7b7b;}
footer p {
    margin: 0;}
footer a {
    color: #324e80;
    white-space: nowrap;}
@media (max-width: 575px) {
footer {
    padding: 15px;}
footer p {
    font-size: 14px;}
}

	
	
/*/ pop-up Start /*/ 	
/* input's */	
.pop-up .modal-body input[type="text"],
.pop-up .modal-body input[type=""],
.pop-up .modal-body input[type="number"],
.pop-up .modal-body input[type="date"],
.pop-up .modal-body input[type="password"],
.pop-up .modal-body input[type="email"],
.pop-up .modal-body input[type="url"],
.pop-up .modal-body input[type="time"],
.pop-up .modal-body input[type="file"],
.pop-up .modal-body select,
.pop-up .modal-body textarea {
    width: 100%;
    color: #000;
    padding-left: 5px;
    border: 1px solid #d8dcde;
    border-radius: 0;
    margin:5px 0 0 0;
    font-size: 17px;}
.pop-up .modal-body textarea {
    padding-top: 5px;}	
@media (min-width: 768px) {
.pop-up .modal-body input[type="file"] {
    width:100%;
    padding-top: 14px;}
.pop-up .modal-body input[type="text"],
.pop-up .modal-body input[type=""],
.pop-up .modal-body input[type="number"],
.pop-up .modal-body input[type="date"],
.pop-up .modal-body input[type="password"],
.pop-up .modal-body input[type="email"],
.pop-up .modal-body input[type="url"],
.pop-up .modal-body input[type="time"],
.pop-up .modal-body input[type="file"],
.pop-up .modal-body select,
.pop-up .modal-body textarea {
   height: 35px;}
}
@media (max-width: 767px) {	
.pop-up .modal-body input[type="text"],
.pop-up .modal-body input[type=""],
.pop-up .modal-body input[type="number"],
.pop-up .modal-body input[type="date"],
.pop-up .modal-body input[type="password"],
.pop-up .modal-body input[type="email"],
.pop-up .modal-body input[type="url"],
.pop-up .modal-body input[type="time"],
.pop-up .modal-body input[type="file"],
.pop-up .modal-body select {
    height: 30px;}
	
.pop-up .modal-body textarea  {
    height: 85px;}  
.pop-up .modal-body input[type="file"] {
    padding-top: 2px;}  
}

/* pop-up-small */  
@media (min-width: 768px) {
.pop-up .body.pop-up-small {
    width: 600px;}
} 
/* pop-up-col */   
@media (min-width: 992px) {
.pop-up .pop-up-small .modal-body .pop-up-col {
     width: 50%;}
}	 
	 
/* common */
.modal.pop-up {
    padding-right: 0 !important;
	padding-left: 0 !important;}
.pop-up .modal-content {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
	height: 100vh;}	
@media (min-width: 576px) {
.pop-up  .modal-dialog {
    max-width: 100%;}	
}	
@media (min-width: 768px) {
.pop-up  .modal-dialog {
    max-width: 100%;}
}
	
/* body */	
.pop-up .body {
    margin: 0 auto;
    background: #fff;
    border: 2px solid #e2e5e6;}	
@media (min-width: 768px) {
.pop-up .body {
   width: 75%;}	
}
@media (max-width: 767px) {
.pop-up .body {
    width: 100%;}
}
		
/* modal-header */
.pop-up .modal-header {
    padding: 0;}	
.pop-up .modal-header h1,
.pop-up .modal-header h2 {
    margin: 0;
    padding: 0;
    text-transform: capitalize;}		
.pop-up .modal-header .close-btn {
    color: #f12c4f;
    position: relative;
    bottom: 17px;
    left: 32px;
    box-shadow: none;
    border-color: transparent;
    background: transparent;}
@media (min-width: 768px) {
.pop-up .modal-header {
    padding: 15px 30px;}	
.pop-up .modal-header h1 {
  font-size: 20px;}
.pop-up .modal-header h2 {
  font-size: 18px;}  
}
@media (max-width: 767px) {
.pop-up .modal-header {
    padding: 10px 25px;}	
.pop-up .modal-header h1 {
    font-size: 19px;}  
.pop-up .modal-header h2 {
    font-size: 17px;} 
}

	
/* modal-body */
 /* common */		
.pop-up .modal-body label {
    margin: 10px 0 2px 0;
	text-transform: capitalize;
	width: 100%;
	font-size: 14px;}
@media (min-width: 768px) {
.pop-up .modal-body  {
    padding: 15px 30px;}		
}
@media (max-width: 767px) {
.pop-up .modal-body  {
    padding: 10px 25px;}	
}

	
/* modal-footer */			
.pop-up .modal-footer {
	margin-top: 15px;}
.pop-up .modal-footer .close-btn {
    background: #c1c1c1;}	 
@media (min-width: 768px) {
.pop-up .modal-footer  {
    padding: 15px 30px;}		
}
@media (max-width: 767px) {
.pop-up .modal-footer  {
    padding: 10px 25px;}	
}  


/*/ pop-up end /*/