@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

body { margin: 0; padding: 0; font-family: 'Lato', sans-serif;}

a { transition: 0.5s ease-in-out; text-decoration: none;}

.clr { clear: both; }
.clr-10 { clear: both; height: 10px;}
.clr-20 { clear: both; height: 20px;}
.clr-30 { clear: both; height: 30px;}
.clr-40 { clear: both; height: 40px;}
.clr-50 { clear: both; height: 50px;}

.container { width: 100%; max-width: 1200px; height: auto; padding: 0 15px; box-sizing: border-box; margin: 0 auto; }

.main-heading { font-size: 30px; color: #575455; font-weight: 700; text-align: center; }

#wrapper { width: 100%; box-sizing: border-box; float: left; }
.top-header { width: 100%; box-sizing: border-box; float: left; background-color: #851275; }
.top-header-col { width: 100%; box-sizing: border-box; float: left; }
.top-header-left { width: 50%; float: left; box-sizing: border-box; padding: 10px 0;}
.top-header-left img { width: 3%; float: left; }
.top-header-left a { width: 95%; float: right; box-sizing: border-box; color: #fff; font-size: 15px; line-height: 16px; }

.top-header-right { width: 50%; float: right; box-sizing: border-box;}
.social-media { float: right; width: 25%; box-sizing: border-box; padding: 8px 0 5px 0; 
		text-align: center;}
.social-media a { display: inline-block; margin-right: 10px; }
.social-media .fa { font-size: 18px; color: #fff; }
.social-media .fa:hover { color: #6ac528; transition: 0.5s ease-in; }

.header {width: 100%; float: left; box-sizing: border-box; padding: 20px 0 10px 0; }
.logo { width: 30%; float: left; box-sizing: border-box; }
.logo img { width: 65%; }
nav .clr { display: none; }
.navigation-col { width: 70%; float: right; }

/*slider start*/
.slider-col{ width: 100%; float: left; box-sizing: border-box; overflow-x: hidden;}
.slider {width: 100%; margin: 0px auto;}
.slick-slide {margin: 0px 0px;}
.slick-slide img {width: 100%;}
.slick-slide {transition: all ease-in-out; }
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
/*slider end*/

/*about start*/
.about-100 { width: 100%; float: left; box-sizing: border-box; margin: 0px 0 60px 0; }
.about-col { width: 100%; float: left; box-sizing: border-box; }
.about-col p { width: 100%; float: left; font-size: 18px; font-weight: 300; line-height: 30px; margin: 0; }

/*process start*/
.process-100 { width: 100%; float: left; box-sizing: border-box; }
.process-100 img { width: 100%; float: left; }

/*usp start*/
.usp-100 { width: 100%; float: left; box-sizing: border-box; margin: 50px 0; }
.usp-col { width: 100%; float: left; box-sizing: border-box; padding: 35px 0 45px; border-bottom: 1px dashed #c0c0c0;}
.usp-left { width: 48%; float: left; box-sizing: border-box; }
.usp-left img { width: 100%; float: left; }
.usp-right { width: 47%; float: right; box-sizing: border-box; }
.usp-right ul { list-style: none; padding: 0; margin: 20px 0 0 0;}
.usp-right ul li { background: url(../images/circle-right.svg) top 3px left no-repeat; background-size: 2.8%; display: block; 
	color: #575455; font-size: 16px; font-weight: 300; padding: 0px 0px 40px 25px; }
.usp-right p { font-size: 18px; color: #575455; font-weight: 300; line-height: 26px; margin: 0;}
.row-margin { margin: 25px 0; float: left; width: 100%; }
.content-heading { color: #851275; font-size: 23px; margin: 0; line-height: 25px; font-weight: 700;}
.sub-heading { color: #272727; font-size: 18px; margin: 20px 0 0 0; line-height: 25px; font-weight: 700;}

.services-col { width: 100%; float: left; box-sizing: border-box; padding: 0px 0 45px;}
.services-left { width: 48%; float: left; box-sizing: border-box; }
.services-left img { width: 100%; float: left; }
.services-right { width: 47%; float: right; box-sizing: border-box; }
.services-right ul { list-style: none; padding: 0; margin: 0px 0px 0px 0px;}
.services-right ul li { background: url(../images/right-arrow.svg) top 17px left no-repeat; background-size: 2.4%; display: block; 
	color: #575455; font-size: 16px; font-weight: 300; padding: 14px 0px 14px 25px; border-bottom: 1px dashed #c0c0c0;}
.services-right p { font-size: 18px; color: #575455; font-weight: 300; line-height: 26px; }

/*case study start*/
.case-study-100 { width: 100%; float: left; box-sizing: border-box; background-color: #f3f3f3; padding: 40px 0 60px;}
.case-study-col { width: 100%; float: left; box-sizing: border-box; display: flex;}
.case-left { width: 50%; float: left; box-sizing: border-box; }
.case-left ul { list-style: none; padding: 0; margin: 0px 0px 0px 0px;}
.case-left ul li { background: url(../images/circle-right.svg) top 14px left no-repeat; background-size: 2.2%; display: block; 
	color: #575455; font-size: 16px; font-weight: 300; padding: 10px 0px 0px 25px;}
.case-left p { font-size: 18px; color: #575455; font-weight: 300; line-height: 26px; }
.case-right { width: 50%; float: right; box-sizing: border-box; }
.case-right img { width: 100%; float: left; }

.case-left ul.challenges li{ background: url(../images/star.svg) top 14px left no-repeat; background-size: 2.2%; line-height: 22px;}
.read-more { display: inline-block; color: #fff; background-color: #4b4b4b; font-size: 16px; border-radius: 50px; padding: 15px 40px; margin-top: 25px;}
.read-more:hover { background-color: #851275; }


/*testimonial start*/
.testimonial-100 { width: 100%; box-sizing: border-box; float: left; margin: 50px 0; }
.testi-col { width: 100%; float: left; box-sizing: border-box; text-align: center; padding-top: 20px;}
.testi-inner { width: 80%; margin: 0 auto; box-sizing: border-box; text-align: left; }
.testi-inner p { font-size: 16px; color: #000; font-weight: 400; line-height: 28px; margin: 0; padding: 50px 50px 80px 80px;
	background: url(../images/quotation.svg) top 28px left 25px no-repeat #f2f5f6; background-size: 8%; height: 200px;}
.word-id { width: 100%; float: left;box-sizing: border-box; margin-top: 10px; }
.word-id img.testi-img { width: 15%!important; float: left; }
.word-id .name { width: 80%; float: right; box-sizing: border-box; font-size: 16px; color: #000; font-weight: 300; 
	margin-top: 27px; }

/*footer start*/
footer { width: 100%; float: left; box-sizing: border-box; background: #36d1dc; background: -webkit-linear-gradient(to right, #36d1dc, #5b86e5); background: linear-gradient(to right, #36d1dc, #5b86e5); padding: 50px 0 0px 0; }
.footer-col { width: 100%; float: left; box-sizing: border-box; }
.footer-inner { width: 20%; float: left; box-sizing: border-box; }
.foot-address { width: 100%; float: left;box-sizing: border-box; margin-bottom: 15px;}
.foot-address img { width: 4%; float: left; box-sizing: border-box; margin: 7px 0 0 0; }
.foot-address a { width: 92%; float: right; font-size: 16px; color: #fff; font-weight: 300; line-height: 28px; }
.foot-inner-01 { width: 40%; }
.foot-links { width: 100%; float: left; box-sizing: border-box; }
.foot-links a { display: block; font-size: 16px; font-weight: 400; color: #fff; margin: 0 0 15px 0; }
.foot-head { display: block; font-size: 16px; font-weight: 400; color: #fff; margin: 0 0 15px 0;   }
.foot-links2 a { display: block; font-size: 15px; font-weight: 300; color: #fff; margin: 0 0 15px 0; /*padding-left: 8px;*/}
.foot-links a:hover { color: #663366; }
.foot-links2 a:hover { color: #663366; }
.connect { width: 100%; float: left; box-sizing: border-box; margin-top: 30px; text-align: left; padding-left: 35px;}
.connect .fa { font-size: 18 px; color: #fff; transition: 0.5s ease-in;} .connect .fa:hover { color: #663366; }
.connect a { margin: 0 15px 0 0; float: left; box-sizing: border-box; }

.copyright { width: 100%; float: left; box-sizing: border-box; margin: 50px 0 10px 0; }
.copyright-left { width: 50%; float: left; box-sizing: border-box; } 
.copyright-left p { font-size: 14px; color: #fff; margin: 0; }
.copyright-right { width: 50%; float: right; box-sizing: border-box; text-align: right; }
.copyright-right p { width: 38%; float: right; 	background: url(../images/smartech-logo-thumb.png) top 0px left 92px no-repeat;
	background-size: 7%; line-height: 20px; padding: 0 0 0 29px; color: #fff; font-size: 14px; font-weight: 300; 
	margin: 0 0px 0 0; text-align: right; }
.copyright-right a { color: #fff; text-decoration: none; }
.copyright-right a:hover { color: #663366; }