@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*--Common Elements--*/
body {font-family:'Poppins', sans-serif;font-size:16px;color:#333333;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%!important;overflow-x:hidden!important;background:#fff;;}
textarea, input, select {font-family:inherit;font-size:inherit;}
* {box-sizing:border-box;text-decoration:none;outline:none!important;margin:0;padding:0;}
a {outline:none;text-decoration:none!important;cursor:pointer!important;}
ul {margin:0;padding:0;}
ul li, ol li {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}

body {font-family: 'Poppins', sans-serif;}

#fltBtn {position:fixed;right:15px;top:50%;transform:translateY(-50%);transform:rotate(90deg);transform-origin:right;border-radius:0px 0px 10px 10px;z-index:99;-webkit-box-shadow: -8px 6px 16px -7px rgba(0,0,0,0.3);-moz-box-shadow: -8px 6px 16px -7px rgba(0,0,0,0.3);box-shadow: -8px 6px 16px -7px rgba(0,0,0,0.3);}

.formModel {width:100%;border:0px;}
.formModel .offcanvas-header {justify-content:center;}
.formModel .offcanvas-title img {width:180px;}
.formModel .offcanvas-header .btn-close {position:absolute;right:25px;top:25px;}
.formModel .container {max-width:800px;}

.formModel .field1 {width:48%;margin-bottom:4%;}
.formModel .field1:nth-child(1), .formModel .field1:nth-child(4), .formModel .field1:nth-child(5) {float:left;width:100%}
.formModel .field1:nth-child(2) {float:left;}
.formModel .field1:nth-child(3) {float:right;}
.formModel .field1 label {display:block;width:100%;text-align:left;margin-bottom:5px;text-transform:uppercase;font-size:15px;}
.formModel .field1 label span {color:#dc3545;}
.formModel .field1 input {display:block;width:100%;border:0px;border-radius:0;border-bottom:1px solid #999;background:transparent;padding:10px 10px 10px 0;color:#2a2a2a;font-size:15px;}
.formModel .field1 textarea {display:block;width:100%;border:0px;border-radius:0;border-bottom:1px solid #999;background:transparent;padding:10px 10px 10px 0;color:#2a2a2a;font-size:15px;height:150px;resize:none;}
.formModel .field1 ::placeholder {color:#2a2a2a;}

.formModel .field2 {width:100%;}
.formModel .field2 button {float:left;width:100%;padding:15px;}


header#headerBlock {padding-top:15px;background:#F8FCFC;z-index:99;position:relative;width:100%;float:left;}
header#headerBlock .navbar-brand img {width:180px;}
header#headerBlock .container {justify-content:space-between;}
header#headerBlock .container .offcanvas-body {align-self:center;}
header#headerBlock .container .nav-link {color:#2a2a2a;font-size:14px;font-weight:500;}
header#headerBlock .container .nav-link:hover {color:#0d6efd;}
header#headerBlock .container .nav-link:after {border:0px;background:url(../images/navIcon.svg) no-repeat;width:11px;height:6px;background-size:11px 6px;position:absolute;right:-14px;top:17px;}
header#headerBlock .container .navbar-nav {gap:20px;}
header#headerBlock .container .nav-link.dropdown-toggle:after {transition:.5s;}
header#headerBlock .container .nav-link.dropdown-toggle.show:after {transform:rotate(180deg);}
header#headerBlock .container .dropdown-menu {min-width:20rem;padding:0px;background:#272a71;border:0px;}
header#headerBlock .container .dropdown-menu li {border-bottom:1px solid rgba(255,255,255,.1);}
header#headerBlock .container .dropdown-menu li a {color:#fff;font-weight:300;}
header#headerBlock .container .dropdown-menu li a:hover {color:#209fda;}
header#headerBlock .container .dropdown-menu li:last-child {border-bottom:0px;}

header#headerBlock .container .nav-item .btn {background:#128c7e;}

label.error {color:red;font-size:13px;font-weight:400;font-style:italic;}

input.error, select.error, textarea.error {border-color:red!important;}

/*--Clients Block--*/
#clientsBlock {padding:40px 0 40px 0;width:100%;float:left;}
#clientsBlock .row {align-items:center;}
#clientsBlock h3 {font-size:25px;color:#2A2A2A;font-weight:600;}
#clientsBlock ul {display:flex;flex-direction:row;gap:20px;}
#clientsBlock ul li img {width:90%;}

/*--Footer Block--*/
#footerBlock {align-items:center;width:100%;float:left;}
#footerBlock .footerTop .row {align-items:center;}
#footerBlock .footerTop {background:#00122F;padding:30px 0px;}
#footerBlock .footerTop .topLeft {display:flex;gap:40px;align-items:center;}
#footerBlock .footerTop svg {width:200px;}
#footerBlock .footerTop h2 {font-size:18px;color:#fff;font-weight:400;}
#footerBlock .footerTop ul {display:flex;justify-content:end;gap:20px;align-items:center;}
#footerBlock .footerTop ul a {color:#fff;}
#footerBlock .footerTop ul a .fa {font-size:20px;}

#footerBlock .footerBottom .col-3 {padding-left:90px;}

#footerBlock .footerBottom {background-color:#00122F;background-image:url('../images/footerBg.png');background-repeat:no-repeat;padding:50px 0px 25px 0px;}
#footerBlock .footerLinks {display:flex;justify-content:space-between;gap:20px;}
#footerBlock h4.footerHead {font-size:18px;text-transform:uppercase;color:#fff;font-weight:500;margin-bottom:10px;}
#footerBlock .contactDetails hr {color:#fff;}
#footerBlock .contactDetails li {font-size:13px;color:#fff;font-weight:400;line-height:35px;position:relative;}
#footerBlock .contactDetails a {font-size:13px;color:#fff;font-weight:400;position:relative;padding-left:30px;}
#footerBlock .contactDetails a.usCall:before {content:'';background: url(../images/usFlag.png) no-repeat;width: 22px;height: 22px;background-size: cover;position: absolute;left: 0;top: -2px;}
#footerBlock .contactDetails a.indCall:before {content:'';background: url(../images/indFlag.png) no-repeat;width: 22px;height: 22px;background-size: cover;position: absolute;left: 0;top: -2px;}
#footerBlock .contactDetails a.whatsapp:before {content:'';background: url(../images/whatsapp.png) no-repeat;width: 22px;height: 22px;background-size: cover;position: absolute;left: 0;top: -2px;}
#footerBlock .footerLinks li {line-height:28px;position:relative;padding-left:16px;}
#footerBlock .footerLinks li:before {content:'\f101';font-family:'FontAwesome';position:absolute;left:0;color:#fff;}
#footerBlock .footerLinks li a small {display:block;}
#footerBlock .footerLinks li a {font-size:13px;color:#fff;font-weight:400;}
#footerBlock a:hover {color: #0d6efd !important;}
#footerBlock .footerBottom .card h4 {font-size:18px;text-transform:uppercase;color:#fff;font-weight:500;margin-bottom:30px;}
#footerBlock .footerBottom .card {background:#000000;padding:20px;border:1px solid rgba(255,255,255,.1);}
#footerBlock .footerBottom .card .field1 {width:48%;margin-bottom:4%;}
#footerBlock .footerBottom .card .field1:nth-child(1), #footerBlock .footerBottom .card .field1:nth-child(4), #footerBlock .footerBottom .card .field1:nth-child(5) {float:left;width:100%}
#footerBlock .footerBottom .card .field1:nth-child(2) {float:left;}
#footerBlock .footerBottom .card .field1:nth-child(3) {float:right;}
#footerBlock .footerBottom .card .field1 label {display:block;width:100%;text-align:left;margin-bottom:5px;text-transform:uppercase;font-size:15px;}
#footerBlock .footerBottom .card .field1 label span {color:#dc3545;}
#footerBlock .footerBottom .card .field1 input {display:block;width:100%;border:0px;border-bottom:1px solid #222;background:transparent;padding:10px 10px 10px 0;color:#fff;font-size:15px;}
#footerBlock .footerBottom .card .field1 ::placeholder {color:#ccc;}

#footerBlock .footerBottom .card .field2 {width:100%;}
#footerBlock .footerBottom .card .field2 input {width:100px;float:left;}

#footerBlock .footerBottom .copyBlock {border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;color:white;}
#footerBlock .footerBottom .copyBlock a {color:white;}
#footerBlock .footerBottom .copyBlock .credits {text-align:right;}

.img-responsive {width:100%;max-width:100%;}

@media screen and (max-width:1367px)
{
	header#headerBlock .container .navbar-nav {gap: 10px;}
	header#headerBlock {padding-top:0px;}
}

@media screen and (max-width:1024px)
{
	header#headerBlock .navbar-brand img {width: 160px;}
	header#headerBlock .container .nav-link {font-size: 12px;padding-left:0;}
	header#headerBlock .container .nav-link:after {width: 6px;height: 4px;background-size: cover;right: -5px;}
	.nav-item .btn {font-size:12px;}
	#footerBlock .footerBottom {background-repeat: repeat;}
	
	#clientsBlock .row {gap:20px;}
	#clientsBlock .row .col-3, #clientsBlock .row .col-9 {width:100%;}
	#clientsBlock .row .col-3 h3 br {display:none;}
	#footerBlock .footerBottom .col-3 {padding-left: 0;}
}

@media screen and (min-width:993px)
{
    #headerBlock .offcanvas {visibility:visible;position:relative;background:none;border:none;justify-content:end;color:red;}
}
  
@media screen and (max-width:993px)
{
    #headerBlock .offcanvas {width:50%!important;}
    #headerBlock .offcanvas-start-lg {top:0;left:0;border-right:1px solid rgba(0, 0, 0, .2);}
	#headerBlock .offcanvas.show {transform: none!important;}
}
  
@media screen and (max-width:992px)
{
    .navbar-brand {margin-left:80px;}
	.navbar-toggler {background:#bb2d3b;position:absolute;}
	.nav-item .btn {font-size: 16px;}
	#headerBlock .offcanvas .offcanvas-header {background:#001e4a;}
	#headerBlock .offcanvas .offcanvas-header h5 svg {width:180px;}
	#headerBlock .offcanvas {width:80%!important;}
	header#headerBlock .container .offcanvas-body {width:100%;}
	header#headerBlock .container .nav-link {font-size: 17px;padding:10px;}
	header#headerBlock .container .nav-link:after {width: 10px;height: 6px;right:0px;}
	header#headerBlock .container .dropdown-menu {min-width: 100%;}
}

@media screen and (max-width:820px)
{
	.container {max-width:100%!important;width:100%!important;}
}

@media screen and (max-width:813px)
{	
	#footerBlock .footerBottom .row, #footerBlock .footerTop .row, #footerBlock .footerTop .topLeft {flex-direction:column;align-items:stretch;gap:30px;}
	#footerBlock .footerBottom .row .col-3, #footerBlock .footerBottom .row .col-4, #footerBlock .footerBottom .row .col-5, #footerBlock .footerTop .row .col-9, #footerBlock .footerTop .row .col-3 {width:100%;}
	#footerBlock .footerBottom .row .col {text-align:left;}
	#footerBlock .footerTop ul {justify-content: left;}	
	#footerBlock .footerBottom .col-3, #footerBlock .footerBottom .col-5 {display:none;}
}

@media screen and (max-width:737px)
{
	.container {max-width:100%;}
	#fltBtn {top: 70%;}
	#footerBlock .footerBottom .copyBlock .row {gap:10px;}
	
	#clientsBlock ul {flex-wrap:wrap;}
	#clientsBlock ul li img {width: 70%;}
}

@media screen and (max-width:450px)
{
	.navbar-brand {margin-left:55px;margin-right:0;}
	.navbar-toggler {padding-left:0.2rem!important;padding-right:0.2rem!important;}
	header#headerBlock .navbar-brand img {width: 180px;}
	.nav-item .btn {font-size:25px;    padding: 0.3rem 0.65rem;}
	.nav-item .btn span {display:none;}
	
	header#headerBlock {padding-top: 10px;padding-bottom:10px;background: #efefef;}
	header#headerBlock .navbar {padding-top:0;padding-bottom:0;}
	
	#clientsBlock ul {display:inline-block;border:1px solid #ddd;border-right:0px;}
	#clientsBlock ul li {width:50%;float:left;text-align:center;padding:25px;position:relative;}
	#clientsBlock ul li img {width:90%;}
	
	#clientsBlock ul li:after {width:1px;height:100%;right:0;top:0;background:#ddd;content:'';position:absolute;}
	#clientsBlock ul li:before {width:100%;height:1px;bottom:0;left:0;background:#ddd;content:'';position:absolute;}
	#clientsBlock ul li:nth-child(5):before, #clientsBlock ul li:nth-child(6):before {display:none;}
}