/*.roboto-condensed-font {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}*/

html,
body {
  height: 100%; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal;
  position: relative;
  padding: 0 0 10px 0;
  margin: 10px 0 40px 0;
  color: #333; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 14px; }

a {
  pnl-color: #696969; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none !important; }

p {
  line-height: 2; }

* {
  box-sizing: border-box; }

img.aligncenter {
  display: block;
  text-align: center;
  margin: 0 auto 20px auto;
  padding: 0px;
  border: 0px;
  background: none; }
img{vertical-align: bottom;}
img.alignleft {
  float: left;
  margin: 6px 20px 6px 0;
  border: 0px;
  background: none;
  padding: 0;
  display: block; }

img.alignright {
  padding: 0;
  float: right;
  margin: 6px 0 6px 20px;
  border: 0px;
  display: block;
  background: none; }

::selection {
  background: #000;
  /* Safari */
  color: #fff; }

::-moz-selection {
  background: #000;
  /* Firefox */
  color: #fff; }

blockquote {
  font-size: 16px;
  line-height: 23px;
  font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
  font-weight: normal;
  font-style: italic;
  position: relative;
  width: auto; }

blockquote small {
  display: block;
  margin-top: 20px; }

pre {
  line-height: 18px;
  margin-bottom: 18px; }

.btn,
a {
  outline: 0 !important;
  text-decoration: none; }

ins {
  text-decoration: none; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

p {
  padding: 0 0 15px 0; }

ul{margin:0;padding:0;list-style:none;}


.slick-prev,
.slick-next{position:absolute;display:block;width:42px;height:42px;padding:0;background: #3685fb;
    border-radius: 24px;/*-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);*/cursor:pointer;/*color:transparent;outline:none;transition:ease-in all .1s;*/}
.slick-next{z-index:997;right: -14px;}
.slick-prev{z-index:996;left: -14px;}
.slick-next::before{content: ''!important;}
.slick-prev::before{content: ''!important;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{background: #e33f0c;}
.dots-arrow-dark .slick-prev{background-position: 19px 19px;}
.dots-arrow-dark .slick-next{background-position: 19px 19px;}
.slick-next::after, .slick-prev::after{background: #fff;mask-size: cover;top: 4px;left: 5px;
    width: 15px;height: 15px;z-index: 100;rotate: -90deg;
    position: absolute;content: "";
    mask: url(../../images/arrow.svg);
    mask-image: url("../../images/arrow.svg");
    -webkit-mask-image: url(../../images/arrow.svg);}
.slick-prev::after{rotate: 90deg;}
/*.dots-arrow-dark .slick-dots li button::before{background: #082740;}
.dots-arrow-dark .slick-dots li.slick-active button::before{background: #ffa801;}*/

body{margin: 0;padding: 0;font-family: "Roboto Condensed", sans-serif;font-size: 18px;color: #383f49;font-weight: 400;}
a{outline: none;transition: ease-in .3s;}
.pnl-container-full{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.pnl-container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.pnl-container-1k{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.pnl-row{margin-left: -15px;margin-right: -15px;display: flex;flex-wrap: wrap;}
.col-1x{width: 8.3333%;padding: 0 15px;display: flex;}
.col-2x{width: 16.6663%;padding: 0 15px;display: flex;}
.col-25x{width: 20%;padding: 0 15px;display: flex;flex-wrap: wrap;}
.col-3x{width: 24.9993%;padding: 0 15px;display: flex;}
.col-4x{width: 33.3333%;padding: 0 15px;display: flex;}
.col-44x{width: 40%;padding: 0 15px;display: flex;}
.col-5x{width: 41.6663%;padding: 0 15px;display: flex;}
.col-6x{width: 49.9993%;padding: 0 15px;display: flex;}
.col-7x{width: 58.3331%;padding: 0 15px;display: flex;}
.col-8x{width: 66.6666%;padding: 0 15px;display: flex;}
.col-9x{width: 74.9997%;padding: 0 15px;display: flex;}
.col-92x{width: 80%;padding: 0 15px;display: flex;}
.col-10x{width: 83.3333%;padding: 0 15px;display: flex;}
.col-11x{width: 91.6663%;padding: 0 15px;display: flex;}
.col-12x{width: 100%;padding: 0 15px;}

@media screen and (min-width: 768px) {
	.pnl-row:before,
	.pnl-row:after{display: table;content: " ";}
	.pnl-row:after{clear: both;}
}
@media (min-width: 576px) {
    
}

@media (min-width: 768px) {
    .pnl-container, .pnl-container-1k{width: 100%}
}

@media (min-width: 992px) {
    .pnl-container, .pnl-container-1k{width: 960px;}
    
}
@media (min-width: 1200px) {
    .pnl-container, .pnl-container-1k{width: 1140px}
}

@media (min-width: 1400px) {
    .pnl-container{width: 1320px;}
}
@media (min-width: 1600px) {
    .pnl-container{width: 1500px;}
}

.section-nav-bar{margin-top: 15px;position: fixed;width: 100%;z-index: 11;}
.bdr{
	background: #F28318;
	background: linear-gradient(0deg, rgba(242, 131, 24, 1) 0%, rgba(246, 6, 9, 1) 100%);
	padding: 1px;border-radius: 35px;height: 70px;
}
.nav-bar{background: #fff9f5;border-radius: 34px;height: 68px;display: flex;padding: 0 15px;
	justify-content: space-between;align-items: center;align-content: center;
}
.logo{width: 140px;display: flex;}
.logo img, .f-logo img{width: 100%;}

.mainmenu, .end-div{display: flex;align-items: center;}
.mainmenu a, .end-div a:first-child{color: #13171e;display: block;margin: 0 15px;}
.mainmenu a:hover,
.end-div a:first-child:hover{color: #f44c11;}
.end-div a:last-child{display: block;padding: 12px 20px;color: #fff;
	border-radius: 23px;
	background: #F28318;
	background: linear-gradient(0deg, rgba(242, 131, 24, 1) 0%, rgba(246, 6, 9, 1) 100%);
}

/* styles for responsive drop down menu */
nav.mainmenu {
  float: right; }

nav.mainmenu ul {
  list-style: none;
  margin: 0;
  padding: 0; }

nav.mainmenu ul li {
  float: left;
  position: relative; }

nav.mainmenu ul li a {
  color: #13171e;display: block;margin: 0 15px;
  /*
  The full path of this code is nav ul li a:not(:only-child):after. This means that the code will apply to any a tag in our nav list that is NOT an only child, aka any dropdown. The :after means it comes after the output of the tag. I’ve decided that to specify any nav item as a dropdown, it will be followed by a unicode arrow – ▾ (#9662).
  */ }


nav.mainmenu ul li a:hover {
  color: #f44c11; }



.nav-dropdown {
  z-index: 100;
  /* Guarantees that the dropdown will display on top of any content. */
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  display: none;
  background: #a39161; }

.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  /*background: #fff;*/
  height: 70px;
  width: 70px; }

@media only screen and (max-width: 991px) {
  .nav-mobile {
    display: block; }

  nav.mainmenu {
    padding: 85px 0 0; }

  nav.mainmenu ul {
    display: none;padding: 15px 0;
   }

  nav.mainmenu ul li {
    float: none; }

  nav.mainmenu ul li a {
    padding: 10px 15px;
    line-height: 20px; }

  nav.mainmenu ul li ul li a {
    padding-left: 30px; }
}
#nav-toggle {
  position: absolute;
  left: -12px;
  top: 24px;
  cursor: pointer;
  padding: 10px 35px 16px 0px; }

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 2px;
  height: 3px;
  width: 32px;
  background: #13171e;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out; }

#nav-toggle span:before {
  top: -10px; }

#nav-toggle span:after {
  bottom: -10px; }

#nav-toggle.active span {
  background-color: transparent; }

#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0; }

#nav-toggle.active span:before {
  transform: rotate(45deg); }

#nav-toggle.active span:after {
  transform: rotate(-45deg); }

.navigation {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  z-index: 111; }

.nav-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap; }

.brand {
  width: 180px;
  height: 103px; }

.brand a {
  height: 100%;
  width: 100%;
  display: flex;
  /*mask: url(../../images/caperlux-svg.svg);
  mask-image: url("../../images/caperlux-svg.svg");
-webkit-mask-image: url(../../images/caperlux-svg.svg);
  background: #fff;mask-size: cover;*/ }

/*.brand a:hover{background: $gold-color;}*/
@media screen and (min-width: 992px) {
  .nav-dropdown {
    position: absolute; }

  .nav-list {
    display: block !important; }

  .nav-container {
    align-items: center; }
 }
/* Responsive menu ends */

.section-header{position: relative;}
.header-wrapper{position: absolute;top: 130px;left: 0;width: 100%;z-index: 10;
	text-align: center;
	/*transform: translate(-50%, -50%);*/
}
.section-header img{width: 100%;}

.section-header .float-img{}
.section-header .caption{text-align: center;width: 100%;}
.section-header .caption h1{color: #13171e;font-size: 57px;margin: 0 0 30px 0;padding: 0;
	font-weight: 700;
}
.section-header .caption h1 span,
.vision-wrap h3 span,
.mission-wrap h3 span{
	background: linear-gradient(0deg, rgba(242, 131, 24, 1) 0%, rgba(246, 6, 9, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.section-header .caption ul li{display: inline-block;position: relative;padding-left: 10px;
	margin-right: 10px;color: #13171e;
}
.section-header .caption ul li:not(:last-child)::after{width: 2px;height: 15px;position: absolute;top: 3px;right: -11px;
	content: "";background: #13171e;
}
.cta-holder{display: flex;margin-top: 30px;column-gap: 10px;justify-content: center;}
.btn1, .btn2{display: block;padding: 10px 25px;color: #fff;font-size: 21px;
	transition: 0.5s;background-size: auto 200%;border-radius: 25px;
}
.btn1{
	/*background: linear-gradient(0deg, rgba(242, 131, 24, 1) 0%, rgba(246, 6, 9, 1) 100%)*/
	background-image: linear-gradient( to top, #f60609 0%, #f28318  51%, #f60609  100%)
}
.btn2{
	/*background: linear-gradient(0deg, rgba(29, 35, 45, 1) 0%, rgba(12, 14, 17, 1) 100%);*/
	background-image: linear-gradient( to top, #0c0e11 0%, #324259  51%, #0c0e11  100%)
}
.btn1:hover, .btn2:hover{background-position: right center}

.heading-div h1, .heading-div h2, .heading-div h3 {
  color: #13171e;font-size: 41px;font-weight: 500;line-height: 1.2;margin: 0 0 30px 0;
	padding: 0;text-align: center;
}
.section-about{padding: 120px 0 0 0;}
.about-content{text-align: center;margin: 30px;}
.vision-wrap, .mission-wrap{background: #fff9f5;border-radius: 20px;padding: 30px 30px 1px;}
.vision-wrap h3, .mission-wrap h3{font-size: 25px;font-weight: 500;margin: 0;padding: 0;}

.section-what-we-do, .section-why-t2trax{padding: 120px 0 60px 0;}
.num-list li{display: block;line-height: 2;
	padding-left: 51px;position: relative;
}
.num-list li:not(:last-child){margin-bottom: 15px;
	border-bottom: 1px solid #dfdfdf;padding-bottom: 10px;
}
.num-list li i{position: absolute;top: -15px;left: 0;font-size: 41px;font-weight: 300;font-style: normal;}
.num-list li span, .why-choose-t2 h4 span,
.solutions-box h6 span, .partner-with-us h4 span{
	background: linear-gradient(0deg, rgba(242, 131, 24, 1) 0%, rgba(246, 6, 9, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.num-list h4, .why-choose-t2 h4, .partner-with-us h4{margin: 0;padding: 0;font-size: 21px;}
.img-holder {border-radius: 20px;overflow: hidden;}
.img-holder img{width: 100%;border-radius: 20px;}

.bullet-list{margin-bottom: 30px;}
.bullet-list li{display: block;line-height: 2;position: relative;padding-left: 27px;}
.bullet-list li::before{position: absolute;top: 8px;left: 0;width: 17px;height: 17px;content: "";
	mask: url("../../images/check-mark.svg");background: linear-gradient(0deg, rgba(242, 131, 24, 1) 0%, rgba(246, 6, 9, 1) 100%);mask-size: cover;
}


.section-services{padding: 120px 0 30px 0;background: #fff9f5;}
.section-services .col-4x, .section-partner .col-6x{margin-bottom: 30px;}

.solutions-wrap{position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;
	flex-wrap: wrap;width: 100%;
}
.solutions-wrap .bdr{border-radius: 20px;height: auto;width: 100%;}
.solutions-box{position: relative;padding: 30px;background: #fff;min-height: 100%;border-radius: 19px;transition: all 500ms ease;box-sizing: border-box;display: block;text-decoration: none;}
.solutions-box .icon-box1,
.solutions-box .icon-box2,
.solutions-box .icon-box3,
.solutions-box .icon-box4,
.solutions-box .icon-box5,
.solutions-box .icon-box6{position: absolute;top: 10px;right: 10px;width: 64px;height: 64px;content: "";
	background: #dededf;mask-size: cover;
}
.solutions-box h6{position: relative;margin: 0 74px 30px 0;padding: 0;font-size: 23px;
	font-weight: 600;
}
.solutions-box .icon-box1{mask: url("../../images/service-icon1.svg");}
.solutions-box .icon-box2{mask: url("../../images/service-icon2.svg");}
.solutions-box .icon-box3{mask: url("../../images/service-icon3.svg");}
.solutions-box .icon-box4{mask: url("../../images/service-icon4.svg");}
.solutions-box .icon-box5{mask: url("../../images/service-icon5.svg");}
.solutions-box .icon-box6{mask: url("../../images/service-icon6.svg");}

.section-partner{padding: 120px 0 0 0;}
.section-partner .wrapper{display: flex;}
.section-partner .img-holder{width: 40%;}
.section-partner .img-holder img{width: 100%;object-fit: cover;}
.partner-with-us{padding-left: 30px;width: 60%;}

.section-footer{background-image: url("../../images/footer-img.png");
	background-position: bottom;background-size: cover;
}
.f-section{padding-bottom: 260px;padding-top: 60px;width: 100%;}
.f-section h6{margin: 0 0 30px 0;padding: 0;color: #3e6cb3;font-size: 41px;font-weight: 600;text-transform: uppercase;text-align: center}
.f-logo{width: 150px;margin: 0 auto;}
.footer-links{padding-bottom: 15px;text-align: center;background: #e8fbff;}

@media(max-width: 1499px){
	.section-header .caption h1{font-size: 41px;}
}
@media(max-width: 1199px){
	.section-services .col-4x{width: 50%;}
	.section-partner .wrapper{flex-wrap: wrap;}
	.section-partner .img-holder, .partner-with-us{width: 100%;}
	.partner-with-us{padding-left: 0;padding-top: 30px;}
}
@media(max-width: 991px){
	.end-div{margin-right: 54px;}
	nav.mainmenu ul{position: absolute;top: 70px;right: 42px;background: #fff9f5;
		border-radius: 20px;border: 1px solid #f45112;
	}
	.section-header .col-3x,
	.section-what-we-do .col-6x:nth-child(2),
	.section-why-t2trax .col-6x:nth-child(1),
	.section-footer .col-6x:nth-child(1){display: none;}
	.section-header .col-6x,
	.section-what-we-do .col-6x,
	.section-why-t2trax .col-6x,
	.section-footer .col-6x{width: 100%;}
	.section-header .caption h1{font-size: 31px;}
	.section-footer{background: #e8fbff}
	.f-section{padding: 30px 0;}
	
}
@media(max-width: 767px){
	.section-about .col-6x,
	.section-services .col-4x{width: 100%;}
	.section-about .col-6x:nth-child(2){margin-bottom: 30px;}
}
@media(max-width: 599px){
	.section-partner .col-6x{width: 100%;}
}
@media(max-width: 499px){
	.end-div a:last-child{display: none;}
}