/*Banner sec*/
body {
  font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.rowpding{padding:100px 0}
.bannersec{ background: #fff;}
.banner{ text-align:center}
.banner h1 {
    width: 65%;
    margin: 0 auto;
}
.banner p{ font-size: 18px;margin-top: 10px;}
.bnrctadiv{ margin: 40px 0;z-index: 1;position: relative;}
a.bnrcta{
	display: inline-block;
    font-family: 'Zoho_Puvi_Bold', Arial, Helvetica, sans-serif;
    padding: 10px 35px;
    margin: 0;
    color: #333;
    border: 1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
	background: #f0483e;
    color: #fff;
	/*text-transform: uppercase;*/
	text-decoration: none;
	border-radius: 2px;
	font-size: 22px;
	line-height: 1.1;
	opacity: 0.9;
}
a.bnrcta:hover{ opacity:1 }

.bannericons{display: block;
    }
.bannericons ul{position: relative;height: 385px;}

.bannericons ul li {
    transition: 1s all;
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.bnricons{ background-repeat: no-repeat; position: relative}
.bnricons img{ position: relative; width: 100%; max-width: 100%;animation-delay: 1s;z-index: 1;}
/*.bnr1, .bnr1, .bnr1, .bnr1, .bnr8, .bnr1, .bnr1, .bnr1{ margin:0px;}*/

img.bnr1{
	/* -webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
	left: 0;
	margin-top: 0px;
    }
img.bnr2{
	margin-top:90px;
	left: -675px;
	/* -webkit-animation: floaticons-bottom-to-top  3s ease infinite;
    animation: floaticons-bottom-to-top  3s ease infinite;*/
    }
img.bnr3{
	margin-top:-239px;
	left: 470px;
	 /*-webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
    }
img.bnr4{
	margin-top:-200px;
	left: -400px;
	/* -webkit-animation: floaticons-bottom-to-top  3s ease infinite;
    animation: floaticons-bottom-to-top  3s ease infinite;*/
    }
img.bnr5{
	margin-top:230px;
	left: -280px;
	/* -webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
    }
img.bnr6{
	margin-top: 170px;
    left: 680px;
	/* -webkit-animation: floaticons-bottom-to-top  3s ease infinite;
    animation: floaticons-bottom-to-top  3s ease infinite;*/
    }

img.bnr7{
	margin-top: 255px;
    left: 350px;
	/* -webkit-animation: floaticons-top-to-bottom 3s ease infinite;
    animation: floaticons-top-to-bottom 3s ease infinite;*/
    }


img.bnr1,
img.bnr3,
img.bnr4{
    transform: translate(0, 0);
    animation: float1 9s linear 1s infinite;
}

img.bnr2,
img.bnr5,
img.bnr6,img.bnr7{
    transform: translate(0, 0);
    animation: float2 9s linear 1s infinite;
}

/*Top-To-Bottom-float*/

@keyframes float1 {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, -20px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes float2 {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, 20px)
    }
    100% {
        transform: translate(0, 0)
    }
}

/*Bottom-To-Top-float*/

@-webkit-keyframes floaticons-bottom-to-top {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-7px);
                transform: translateY(-7px)
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

@keyframes floaticons {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-7px);
                transform: translateY(-7px)
    }

    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0)
    }
}

.slidersec{background:#171d2e;}
.slider-main-con{ background: #171d2e; padding:100px;}
.slider-container {
    width: 100%;
    border-radius: 10px;
    position: relative;
    margin: 0 auto;
    z-index: 2;
	display: flex;
	align-items: center;
}
.slider-top-cont {
    position: relative;
    margin-top: 70px
}
.slider-top-cont:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    background: #fff;
    bottom: -1px;
    left: 0
}
p.spotlight{ color: #fbd157; text-transform: uppercase;font-family: 'Zoho_Puvi_SemiBold', Arial, Helvetica, sans-serif;}
.nextprev{ position: absolute; width: 60px;  bottom: 25px;right: 60px;}
.arrow-sec {
    transition: .3s all ease;
    padding: 0;
    width: 46px;
    height: 46px;
    background-color: #ecb510;
    /*border-radius: 50%;*/
    pointer-events: all;
    z-index: 1;
    position: absolute;
    /*-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);*/
    display: inline-block;
    cursor: pointer;
    right: -17px;
    top: 50%;
    transform: translateY(-50%)
}
.arrow-sec:after {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    background: url("../images/black-arrow.png") no-repeat center;
    width: 18px;
    height: 25px;
    transform: rotate(360deg)
}
.left-arrow.arrow-sec {
    left: -17px
}
.left-arrow:after {
    transform: rotate(180deg)
}
.rightsldr img {
    position: absolute;
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%);
    width: 465px;
}

.slider-rightcont {
	
    width: 40%;
    /*float: left;*/
	overflow: hidden;
}
.right-sldrinner {
    margin-left: 0;
    transition: all ease .8s
}
.rightsldr {
    float: left;
    position: relative
}
.slider-leftcont {
    width: 60%;
    /*float: left;*/
    color: #000;
}
.left-sldrinner {
    max-width: 660px;
    width: 96%;
    position: relative;
    text-align: left;
	 height: 450px;
}
.left-sldrsec {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	margin-right: 90px;
}
p.testi-description {
   font-family: 'Zoho_Puvi_Regular', Arial, Helvetica, sans-serif;
  padding: 15px 0 30px;
  color: #fff;
}
.circle-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 2;
  background: #f0f0f0;
  padding: 0 10px;
  border-radius: 25px;
  bottom: -50px;
	display: none;
}
.circle {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px 1px 0;
  cursor: pointer;
  background: #b6b6b6
}
.circle.sld_active {
  background: #535353
}
h3.slide-title {
  font: 25px/1.3 'Zoho_Puvi_Bold';
	color: #fff;
	text-decoration: underline;
	margin-top: 10px;
}
.dwn-btn {
  background: #ecb510;
  color: #000;
  padding: 10px 20px;
  display: inline-block;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 600;
	font-size: 15px;
	opacity: 0.9;
}
.dwn-btn:hover{ opacity: 1}

.mobilcont img{ display: none}


/*Main content css */

.maincontsec{background: #fff;}
.contentflx{ display: flex; align-items: center; width: 80%; margin: 0 auto;}
.contentflx .left{ width: 50%}
.mR30{ margin-right: 30px}
.contentflx .right{ width: 50%}
p.cont{margin-top: 20px}
.ctamargin{margin-top: 50px}
.content-cta{background: #000;color: #fff;padding: 12px 30px;text-decoration: none; border-radius: 3px; opacity: 0.8;}
.content-cta:hover{ opacity:1}
/*Aboutme sec*/
.aboutmesec{ background: #fff;}
.aboutme{ width: 60%; margin: 0 auto; text-align: center}
.aboutme img{ text-align: center; margin: 0 auto}
.aboutme h2{ margin-top: 20px;}
.aboutme p{ margin-top: 20px;}
.aboutme a{ color: #0d89df; text-decoration: underline}

@media screen and (max-width:1920px) {
	.nextprev{ bottom: 40px;}
}

@media screen and (max-width:1680px) {
.rightsldr img {
    position: absolute;
    left: 50%;
    top: 36%;
    transform: translate(-50%, -50%);
    width: 465px;
}
.nextprev{ bottom: 50px;}

}

@media screen and (max-width:1440px) {
	img.bnr2{left: -585px;}
	img.bnr3{left: 370px;}
	img.bnr4{left: -320px;}
	img.bnr6{left: 590px;}
	img.bnr7{left: 310px;}
.nextprev{ bottom: 40px;}
}

@media screen and (max-width: 1366px){
	.nextprev{ bottom: 50px;}
}

@media screen and (max-width: 1280px){
img.bnr2 {
    left: -535px;
}
	img.bnr3 {
    left: 340px;
}
	img.bnr7 {
    left: 280px;
}
img.bnr6 {
    left: 543px;
}
}

@media screen and (max-width:1100px) {
	
	.bannersec {
    padding-bottom: 0;
}
	.banner h1 {
    width: 70%;
    margin: 0 auto;
}
	.bannericons ul li{top: 65%;}
	.bnricons img {width: 60%;}
	img.bnr1 {
    left: 50px;
    margin-top: -140px;
}
	img.bnr2 {
    margin-top: -130px;
    left: -335px;
}
	img.bnr3 {
    margin-top: -240px;
    left: 280px;
}
	img.bnr4 {
    margin-top: -230px;
    left: -170px;
}
	img.bnr5 {
    left: -138px;
    margin-top: -60px;
}
	img.bnr6 {
    margin-top: -120px;
    left: 440px;
}
	img.bnr7 {
    left: 250px;
    margin-top: -35px;
}
	div#formCTAgdpr{max-width: 90%;}
	.slider-main-con{padding: 70px;}
	.nextprev{bottom: 50px;}

}
	
@media screen and (max-width:980px) {
	.bannersec {
    padding-bottom: 0px;
}
	.banner h1 {
    width: 91%;
    margin: 0 auto;
}
	
	img.bnr1 {
    left: 50px;
    margin-top: -140px;
}
	img.bnr2 {
    margin-top: -130px;
    left: -265px;
}
	img.bnr3 {
    margin-top: -200px;
    left: 222px;
}
	img.bnr4 {
    margin-top: -210px;
    left: -120px;
}
	img.bnr5 {
    left: -110px;
    margin-top: -60px;
}
	img.bnr6 {
    margin-top: -120px;
      left: 360px;
}
	img.bnr7 {
    left: 215px;
    margin-top: -35px;
}
	
	
	
		p.spotlight{margin-top: 30px;}
	

	.rightsldr img {
    left: 50%;
    top: 50%;
    width: 395px;
}
	
	.slider-main-con {
    padding: 70px 70px 100px 70px;
}
	.slider-container {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
		.slider-top-cont {
    margin-top: 50px
  }
	.slider-leftcont {
    overflow: hidden;
    width: 100%;
    float: none;
    padding: 0;
    text-align: center;
    height: unset
  }
  .left-sldrinner {
    max-width: 100%;
    width: 100%;
    position: relative;
    text-align: center;
	 height: auto !important;
  }
  .left-sldrsec {
    position:relative;
    transform: translateY(0);
	  margin-right: 0px;
  }
		.slider-rightcont{width: 56%;}
  .slick-dots {
    margin: 40px auto 0
  }
  .slick-dots li.slick-active {
    background: #535353;
    border: unset;
    width: 10px;
    height: 10px
  }
  .slick-dots li {
    height: 10px;
    width: 10px;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
    background: #b6b6b6
  }
  .left-sldrsec img {
    width: 300px;
    box-shadow: 0 3px 5px 0 rgba(36, 56, 66, 0.15);
    margin-top: 30px;
	  margin: 0 auto;
  }
	h3.slide-title {
    width: 100%;
}
	
	.nextprev {
    position: relative;
    bottom: 30px;
		display: none;
}
	.mobilcont img{ display: none;}
	#sldr2{padding-top: 50px;}
	.mobhide{ display: none;}
	#sldr3{display: none;}
	.left-sldrsec{display: block; text-align: left}
	
	.slider-rightcont{ display: none;}
	
		.circle-container{ display: none;}
		
		.contentflx {
    width: 60%;
    flex-wrap: wrap;
}
	.contentflx .left {
    width: 100%;
}
	.contentflx .right {
    width: 100%;
}
	.contentflx.rowpding.flxd {
    flex-direction: column-reverse;
}
	.contentflx img {
    width: 70%;
    margin: 0 auto 30px auto;
}
		p.cont {
    margin-top: 20px;
    padding-right: 20px;
}
		.aboutme {
			width: 80%;}
	.cont-wrap {
    transform: translateY(0px);
}
	}
@media screen and (max-width:767px) {
	.slick-dotted.slick-slider {
    margin-bottom: 20px
  }
  .left-sldrsec img {
    width: 250px;
    margin-top: 25px
  }
	}

@media screen and (max-width:600px) {
	
	.banner h1 {
    width: 85%;
    margin: 0 auto;
}
	
	
	h1 {
    font: 30px/1.25 'Zoho_Puvi_Bold';
    padding: 0 30px;
   
}
	h2 {
    font: 25px/1.25 'Zoho_Puvi_Bold';
}
	.banner p {
    font-size: 18px;
    margin: 10px auto;
   width: 74%;
}
	.bannericons {
    display: block;
    padding-top: 0px;
}
	.bnricons img {
    width: 40%;
}
	img.bnr1 {
    left: 50px;
    margin-top: -140px;
}
	img.bnr2 {
    margin-top: -90px;
    left: -85px;
}
	img.bnr3 {
    margin-top: -190px;
    left: 160px;
}
	img.bnr4 {
    margin-top: -170px;
    left: -60px;
}
	img.bnr5 {
    left: 0px;
		margin-top: -10px;
}
	img.bnr6 {
    margin-top: -100px;
    left: 200px;
}
	img.bnr7 {
    left: 107px;
    margin-top: -35px;
}
	.rowpding {
    padding: 50px 0;
}
	.bannersec {
    padding-bottom: 0px;
}
.slider-main-con {
    padding: 20px 30px 40px 30px;
}
	.slider-rightcont{ height: 235px !important}
	.rightsldr img{top: 56%;}
h3.slide-title {
    font: 20px/1.3 'Zoho_Puvi_Bold';
    color: #fff;
    text-decoration: underline;
	margin-top: 30px;
}
	.slide-title{ padding-top: 0px;}
	
	.nextprev {
    position: relative;
    bottom: 25px;
}
	.arrow-sec {
    transition: .3s all ease;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: #000;
    /* border-radius: 50%; */
    pointer-events: all;
    z-index: 1;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
	.arrow-sec:after {
    content: '';
    position: absolute;
    top: 24%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    background: url(../images/next-white-arrow.png) no-repeat center;
    width: 13px;
    height: 16px;
    
}
	.contentflx {
		width: 85%;}
	
	.mR30 {
    margin-right: 0;
}
	p.cont {
    margin-top: 20px;
    padding-right: 0;
}
	.form-fields {
    width: 90%;
    margin: 0 auto;
}
	
	.aboutme {
    width: 100%;
		text-align: left;
}
	.aboutme h2 {
    margin-top: 0;
}
	.slidersec {
    padding: 0 0 20px 0;
}
	.mobilcont img{ display: none}
	.contentflx img{ display: none}
	.aboutme img{ display: none}
	section.aboutmesec.rowpding {
    padding: 50px 30px;
}
	.ctamargin {
    margin-top: 40px;
}
	
}


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

  .left-sldrsec img {
    width: 225px
  }
}