/* ------------------------------------------------------------------------------
 Project Name : Gernaey Software 
 Description : Main Style Sheet 
 Author :Abul Azad.s
 Created On :09/13/2021
 --------------------------------------------------------------------------------*/

/** Google Fonts **/

html,
body {
	margin: 0;
	padding: 0;
}
body {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
}
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
ol,
ul {
	list-style: none;
}
p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #000;
}
img {
	display: block;
	outline: none;
}
img,
input,
textarea,
button {
	border: 0;
	outline: 0;
	resize: none;
}
a,
a:hover,
a:focus {
	text-decoration: none;
	-moz-transition: all .200s ease-in-out;
	-webkit-transition: all .200s ease-in-out;
	transition: all .200s ease-in-out;
}
* html .clearfix {
	height: 1%;
}
li.clearfix {
	display: list-item;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,
body,
p,
a,
li,
span,
div {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
/* ::-webkit-input-placeholder {
     color:#fff;
}
 ::-moz-placeholder {
     color:#fff;
}
 :-ms-input-placeholder {
     color:#fff;
}
 :-moz-placeholder {
     color:#fff;
}
 */
h1, h2, h3, h4, h5, h6 {
    color: #131333;
    font-family: "Poppins", sans-serif;
}
::selection {
	background: #347ca4;
	color: #fff;
}
::-moz-selection {
	background: #347ca4;
	color: #fff;
}
/** Theme Css **/

header {width: 100%;position: fixed;z-index: 999;top: 0;transition: all 0.3s ease;padding:0px 0px 0px;background-color:#fff;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.header-fixed {-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);}
.header-fixed nav#menu ul > li a {}
.header-fixed nav#menu ul > li a.active,.header-fixed nav#menu ul > li a:hover {color: #c3912e;}
.logo {margin-top: 10px;padding-left: 5px;margin-left: 15px;width: 47%;
-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
.logo a {display: inline-block;padding: 5px 0px 5px 15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-top: -15px;}
.logo img {float: left;margin-top: 10px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
#burgernav {display: none;width: 28px;height: 18px;position: absolute;top: 20px;right: 25px;margin-top: 0px;}
#burgernav:before,
#burgernav:after {content: '';display: block;background: #333;height: 2px;width: 28px;}
#burgernav span {background: #333;display: block;height: 2px;margin: 6px 0;width: 28px;}
.banner-section{margin-top:80px;}
.banner-section .caption{width: 50% !important;left: 25% !important;text-align:center;}
.banner-section .caption h3 {color: #ffffff;font-size: 40px;font-weight: 700;white-space: nowrap;line-height: 60px;margin-bottom: 5px;font-family: 'Poppins', sans-serif;text-align: center;}
.banner-section .caption h3 span {font-weight: 800;display: block;font-size: 50px;}
.banner-section .caption a{color: #fff;font-size: 15px;border: 2px solid #fff;padding: 5px 10px;border-radius: 25px;margin-top: 15px;display: inline-block;}
.banner-section .caption a:before{background: #ffffff;border-radius: 25px;}
.banner-section .caption a:hover{color:#c3912e;}.themehead {color: #c3912e;position: relative;margin-bottom: 15px;text-transform: capitalize;font-weight: 500;font-size: 40px;text-align: center;}	
/*About us css start*/
.about-sec{position: relative;padding: 10px 0px 25px 120px;}
.about-sec .left {float: left;width: 45%;position: relative;padding: 50px 25px 20px;}
.about-sec .left h3{color:#c3912e;margin-bottom: 15px;}
.about-sec .left h3 span{color:#3a3a3a;font-size:35px;display:block;font-weight: 600;}
.about-sec .left p{color:#6e6e6e;line-height: 30px;font-size: 19px;margin-bottom: 10px;}
.about-sec .left a{color:#6e6e6e;border:1px solid #6e6e6e;padding:6px 10px;margin-top:20px;display:inline-block;position:relative;}
.about-sec .left a i{font-size: 20px;position: relative;top: 2px;}
.about-sec .left a i{font-size: 20px;position: relative;top: 2px;}
.about-sec .left a:hover i{-webkit-animation-name: arrow-anim;-webkit-animation-duration: 0.8s;-webkit-transform-origin: 50% 50%;
-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@-webkit-keyframes arrow-anim{0% { -webkit-transform: translate(0px, 0px)  }10% { -webkit-transform: translate(2px, 0px)  }10% { -webkit-transform: translate(3px, 0px)  }}
.about-sec .left a:before,.about-sec .left a:after {border: 2px solid transparent;width: 0;height: 0;content: '';position: absolute;}
.about-sec .left a:before {top: -1px;left: 0px;}
.about-sec .left a:after {bottom: -2px;right: 0px;}
.about-sec .left a:hover {color: #c3912e;}
.about-sec .left a:hover::before,.about-sec .left a:hover::after {width: 101%;height: 110%;}
.about-sec .left a:hover::before {border-top-color: #c3912e;border-right-color: #c3912e;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.about-sec .left a:hover::after {border-bottom-color: #c3912e;border-left-color: #c3912e;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.about-sec .right img{float:right;}
.about-sec .right {float: right;width: 45%;position: relative;}
.about-sec .right h3{font-size: 40px;}
.about-sec .right p{font-family: "Poppins", sans-serif;font-size: 18px;color: #000;}
/*services*/
.services {padding: 15px 120px;}
.middle-head{width: 70%;margin: 0 auto 20px;text-align: center;}
.middle-head p{color:#636363;}
.services-sli{padding-bottom: 15px;}
.services-sli .item {
-webkit-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.12);
box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.12);
background-color: #fff;
display: inline-block;padding: 0px;margin: 5px;}
.services-sli .ser-img{background-color: #ff8500;border-radius: 45px;margin: -65px auto 0;z-index: 999;width: 70px;height: 70px;padding: 12px 9px 3px 11px;}
.services-sli .ser-cntnt{padding:20px;text-align:center;min-height: 200px;}
.services-sli .ser-cntnt:hover{background-color: #ff8500;}
.services-sli .ser-cntnt:hover h4,.services-sli .ser-cntnt:hover p{color: #ffffff;}
.services-sli h4{color: #c3912e;font-size: 17px;font-weight: 600;margin: 7px 0px;}
.services-sli p{color:#8a8a8a;}
.services-sli .owl-dots {top: 10px;left:0px;text-align: center;}
.explore{background-color: #ffaf00;color: #fff;padding: 8px 10px;margin: 15px 0px;display: inline-block;border-radius: 4px;}
/* Rectangle Out */
.hvr-rectangle {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #ff8500;border-radius: 4px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle:hover, .hvr-rectangle:focus, .hvr-rectangle:active {color: white;}
.hvr-rectangle:hover:before, .hvr-rectangle:focus:before, .hvr-rectangle:active:before {-webkit-transform: scale(1);transform: scale(1);}
/*hme-tech Css start*/
.hme-tech{background: url(../images/hme-tech-bg.jpg) #fafafa no-repeat bottom;padding: 50px 30px 50px;}
.hme-tech .middle-head{width: 60%;}
.hme-tech .themehead,.hme-tech .middle-head p{color:#fff;}
.hme-tech ul{width: 80%;margin:30px auto;}
.hme-tech ul li{float:left;width: 14%;}
.hme-tech ul li .cir{width:100px;height:100px;background-color:#fff;padding:20px 10px 10px;border-radius:50%;margin: 0 auto;
-webkit-box-shadow: -1px 2px 5px 0px rgb(0 0 0 / 12%); */-moz-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.12);box-shadow: -1px 2px 5px 0px rgb(0 0 0 / 12%);}
.hme-tech ul li .cir{width:100px;height:100px;background-color:#fff;padding:20px 10px 10px;border-radius:50%;margin: 0 auto;border:5px solid #fff;
-webkit-box-shadow: -1px 2px 5px 0px rgb(0 0 0 / 12%); */-moz-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.12);box-shadow: -1px 2px 5px 0px rgb(0 0 0 / 12%);
-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
.hme-tech ul li .cir:hover{border:5px solid #ffaf00;}
.hme-tech ul li .cir img{margin:0 auto;}
.hme-tech ul li:nth-child(2) .cir img{width:80%;margin-top:10px;}
/*Hme solution Css start*/
.hme-sol{padding: 0px 0px 0px 120px;}
.hme-sol .left{width: 40%;float:left;padding: 50px 15px 0px 0px;}
.hme-sol .left h3{color:#c3912e;margin-bottom: 15px;text-align:left;margin-bottom:10px;}
.hme-sol .left h3 span{color:#3a3a3a;font-size:35px;display:block;font-weight: 600;}
.hme-sol .left p{color:#4a4a4a}
.hme-sol .left .explore{background-color:transparent;border: 1px solid #ffaf00;border-radius:25px;color: #ffaf00;}
.hme-sol .left .explore:hover{color: #fff;}
.hme-sol .left .explore:before{background: #ff8500;border-radius: 25px;border: 1px solid #ff8500;color: #fff;}
.hme-sol .right{width: 60%;float:left;position:relative;z-index:9;padding-top: 50px;}
.hme-sol .right img{width:80%;}
.hme-sol .right:after {content: '';position: absolute;width: 100%;height: 96%;top: -0px;left: 0;background: url(../images/hme-sol-rt.jpg) no-repeat right;z-index: -9;background-size: 75%;}
/*footer css start*/
footer{background: #f0f0f0;padding: 30px 120px 20px;}
footer .footer-mnu{float: left;width: 33%;}
footer .footer-mnu p{margin: 7px 0px;} 
footer .footer-mnu ul li a{color: #000;font-size: 16px;padding: 5px 6px;position: relative;font-weight: 500;display: block;font-family: 'Poppins', sans-serif;}
footer .footer-mnu ul li a.active{color: #ff8500;}
footer .footer-mnu .adr h3{font-size: 19px;color:#ff8500;}
footer .footer-mnu .adr p strong{width: 5%;display: inline-block;font-weight: 500;color: #ff8500;}
footer .footer-mnu .adr p a{color: #000;}
footer .footer-mnu .adr p:hover a{color: #ff8500;}
footer .footer-mnu:last-child{margin:50px 0px;}
footer .footer-mnu:last-child a{background-color: #ff8500;width: 50px;height: 50px;display: inline-block;border-radius: 50%;color: #fff;padding: 5px;font-size: 27px;}
footer .footer-mnu:last-child a i{position:relative;top: 8px;left: 9px;}
footer .footer-mnu:last-child a:nth-child(3) i{left: 9px;}
footer .footer-mnu:last-child a:nth-child(1):hover {background-color: #3b5998;}
footer .footer-mnu:last-child a:nth-child(2):hover {background-color: #00aced;}
footer .footer-mnu:last-child a:nth-child(3):hover {background-color: #f65f3b;}
footer .footer-mnu:last-child a:nth-child(4):hover {background-color: #007bb6;}
.copyright{  background: #1c233c;padding: 15px 0px;text-align: center;}
.copyright p{color:#fff;}

/*Inner pages css start*/
.inner-banner {height: 315px;background-size: 100% !important;position: relative;margin-top: 75px;}	
.inner-banner .caption{padding: 100px 50px 0px;color:#fff;float: left;}
.inner-banner .caption h3{color:#fff;font-size:50px;text-transform: uppercase;font-weight: 600;
-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
.pad-50{padding:50px 0px;}	
.inner-banner .caption h3.fixed{position: fixed;top: 20px;z-index: 999;left: 20%;color:#c48b29;font-size: 35px;}
/*Contact Section Css Start*/
.cntct-ban{background: url(../images/inner-ban-contact.jpg) no-repeat top;}
.cntct-ban .caption h3{color: #ff8500;}
.contact-sec{padding: 35px 120px;}
.contact-sec h3{color: #ff8500;margin-bottom:10px;font-size:22px;}
.contact-sec .left{width:40%;float:left;}
.contact-sec .left p{padding-left:28px;position:relative;}
.contact-sec .left p a{color:#000;}
.contact-sec .left p i{position: absolute;left: 1px;top: 6px;font-size: 20px;color: #ff8500;}
.contact-sec .right{width:55%;float:right;}
.contact-sec p {margin-bottom: 20px;line-height: 30px;}
.contact-form .form-group{width: 47%;float:left;margin-right: 15px;}
.contact-form .form-group.msg{width:100%;}
.contact-form input {background-color: #f2f2f2;height: 40px;border-radius: 2px;border: none;margin-bottom: 10px;box-shadow: none;width: 100%;padding: 0px 15px;}
.contact-form textarea {border-radius: 0px;resize: none;background-color: #f2f2f2;margin-bottom: 10px;box-shadow: none;border: none;width: 96%;padding: 6px 15px;}
.contact-form .submit {background-color: #ff8500;padding: 8px 29px;color: #fff;border-radius: 5px;outline: none;}
.contact-form .submit.hvr-rectangle:before {background: #c48b29;}
/*Abouts Page*/
.abt-ban{background: url(../images/aboutus/aboutus-banner.jpg) no-repeat top; justify-content: center;}
.abt-cntnt{clear: both;padding-bottom: 0px;}
.overview{padding: 0px 80px;margin-top: -40px;display:inline-block;width:100%;overflow: hidden;}
.overview .left{width: 40%;float: left;position: relative;padding: 25px 0px;}
.overview .left h3{text-transform: uppercase;font-size: 25px;}
.overview .left h3 span{display:block;font-size: 40px;}
/*.rte-cir{position:relative;width: 300px;height: 300px;padding: 106px 70px;margin: 0 auto;}
*//*.overview .right{width: 55%;float: left;}*/
/*.rte-cir img{width: 70%;position:absolute;top: 0;left: 0;z-index: -9;}
.rte-cir img{-webkit-animation-name: rotateme;animation-name: rotateme;*/
-webkit-animation-duration: 5s;animation-duration: 60s;
-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@keyframes  rotateme {from {transform: rotate(0deg);}to {transform: rotate(359deg);}}
.overview .right p{margin-bottom:15px;}
/*grid*/
.abt-grid {
	margin: 35px 0px 0px 0px;
	text-align: center;
	position: relative;
	z-index: 9;
	padding: 10px 0px 20px;
/*		background-color: #d9f1da;
*/}


/*.abt-grid:before{content:'';position:absolute;background:url(../images/mission-curve.png) no-repeat top;display: block;width: 100%;height: 145px;top: -138px;}
*/
.mission-list {padding: 0px 25px;width: 32%;float: left;margin-right: calc(1% - 0px);}
.mission-list img {width: 10%;float: left;margin-top: -5px;}
.mission-list h3 {font-size: 23px;margin: 10px 0px 20px;text-align: left;}
.mission-list p{text-align:left;clear: both;}
.mission-list ul{clear:both;}
/*#c3912e*/
.mission-list ul li {
	text-align: left;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}
.mission-list ul li:before{background-color:black;content:'';position: absolute;width: 10px;height: 10px;display: block;border-radius: 50%;left: 0px;top: 7px;}
/*Products page*/
.prod-ban{background: url(../images/inner-ban-prod.jpg) no-repeat top;}
.prod-cntnt{padding:20px 150px;}
.prod-cntnt .prod-list{width: 48%;float:left;border: 1px solid #ff8500;margin-right: 16px;}
.prod-cntnt .prod-list strong{color: #c3912e;font-weight: 500;margin: 0px 0px 9px;display: inline-block;font-size: 17px;}
.prod-cntnt .prod-list .cntnt{padding: 15px;}
.prod-cntnt .prod-list h3{background-color: #ff8500;color: #fff;font-size: 20px;padding: 7px;}
/*Solution Page*/
.sol-ban{background: url(../images/solutions/solutions-banner.jpg) no-repeat top;}
.sol-cntnt .text-center{width: 60%;margin: 0px auto 45px;/*background-color: #fff0e7;padding: 20px;z-index: 9;position: relative;border-radius: 5px;
border: 3px solid #ba8f3a;border-bottom: 4px solid #ba8f3a;*/}

solution-top {
	position: relative;
	z-index: 9;
	padding: 0px 0px 0px;
}

	solution-top .text-center {
		width: 85%;
		margin: 0 auto 20px;
		text-align: center !important;
	}

		solution-top .text-center p {
			margin-bottom: 10px;
		}

.sol-lstblk{padding:0px 100px;}
.sol-list{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.sol-list .left{width: 50%;background-size: 100%;background-position: center;background-repeat: no-repeat;}
.sol-list .left img{width:100%;}
.sol-list .right{position: relative;width: 50%;overflow: hidden;padding: 20px 65px 70px 65px;box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 6%);}
.sol-list:nth-child(2n) {-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.sol-list .right img{margin-bottom:10px;}
.sol-list .right h4{font-size: 25px;font-weight: 500;margin-bottom: 10px;}
.sol-list .right li{margin-bottom:15px;}

/*Technology Page*/
.tech-ban{background: url(../images/technologies/technology-banner.jpg) no-repeat top;}
.tech-cntnt,.sol-cntnt {z-index: 99;position: relative;}

.techology-top {
	position: relative;
	z-index: 9;
	padding: 0px 0px 0px;
}

	.techology-top .text-center {
		width: 85%;
		margin: 0 auto 65px;
		text-align: center !important;
	}

		.techology-top .text-center p {
			margin-bottom: 45px;
		}

.tech-cntnt .text-center {
	width: 60%;
	margin: 0px auto 0px; /**background-color: #f7efd7;padding: 20px;z-index: 9;position: relative;border-radius: 5px;
.border:3px solid #ba8f3a;border-bottom: 4px solid #ba8f3a;margin-left: 15%;*/
}



.tech-lstblk{padding:15px 70px;}
.tech-list{width: 50%;float: left;min-height: 195px;margin-bottom: 15px;}
.tech-list .left{float:left;background-color: #fff;box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 35%);border-radius: 50%;width: 100px;height: 100px;padding: 19px 7px;}
.tech-list .left:hover{box-shadow: 0px 3px 5px 0px rgb(186 143 58);background-color: rgb(186 143 58 / 6%);}
.tech-list .left img{width: 85%;position:relative;top: 3px;left: 8px;}
.tech-list:nth-child(2) .left img{width:60%;top: 15px;left: 15px;}
.tech-list .right{width: 80%;float:left;border-left: 1px solid #ccc;padding-left: 16px;margin-left: 15px;}
.tech-list .right h4{color: #ff8500;margin-bottom:5px;}
/*Services Page*/
.ser-ban{background: url(../images/services/services-banner.jpg) no-repeat top;}
.ser-cntnt{padding: 15px 0px 3px;}
.service-top{position:relative;z-index:9;padding: 0px 0px 0px;}
.service-top .text-center{width: 65%;margin: 0 auto 40px;text-align: center !important;}
.service-top .text-center p{margin-bottom:10px;}
.servicepge-sli{padding: 0px 25px;}
.servicepge-sli .ser-cntnt{background-color:#c48b29;padding:15px;border-radius:5px;min-height:160px;z-index: 9;}
.servicepge-sli .ser-cntnt:after{content:'';position:absolute;background-color:#ff8500;width: 100%;height: 0%;bottom: 0px;left: 0px;z-index: -9;
border-radius: 5px;visibility: hidden;transition: all 1.2s;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.servicepge-sli .item:hover .ser-cntnt:after{height:100%;visibility:visible;}
.servicepge-sli .ser-img img{width:30%;margin:0 auto 15px;}
.servicepge-sli .ser-cntnt h4{color:#fff;font-size:18px;text-align:center;}
.servicepge-sli .owl-nav button{position:absolute;top: 39%;font-size:50px;width: 35px;height: 35px;line-height: 0px;border-radius: 50%;outline: none;border:2px dotted #c7c7c7;box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 6%);}
.servicepge-sli .owl-nav button span{position:relative;top:-3px;}
.servicepge-sli:hover .owl-nav button{background-color:#fff;color:#c48b29;border:2px dotted #c48b29;} 
.servicepge-sli .owl-nav button.owl-prev{left: 0px;}
.servicepge-sli .owl-nav button.owl-next{right:0px;}
.ser-btm {margin: 45px 0px 0px 0px;position: relative;z-index: 9;padding: 10px 100px 20px;background-color: white;}
/*.ser-btm:before{content:'';position:absolute;background:url(../images/services-curve.png) no-repeat top;display: block;width: 100%;height: 145px;top: -138px;left: 0px;}
*/.ser-btm .rte-shape{position:absolute;z-index:-9;}
.ser-btm .rte-shape.sec{right: 76px;top: 7%;}
.ser-btm .shape-2{position:absolute;right: -1%;top: 50%;opacity: 0.8;z-index: -9;width: 4%;}
.ser-list{margin-bottom: 20px;border-bottom: 1px solid #e0c08a;}
.ser-list .left{width: 37%;float:left;}
.ser-list .right{width: 63%;float:left;}
.ser-list .right h3{font-size:22px;margin-bottom:10px;}
.ser-list .right img{display:none;}
.ser-list[ tabindex="-1"] {padding-top: 90px;transition: all .7s;}
/*work-progress*/
.work-progress{margin-top: 80px;}
.work-progress .left{width:50%;float:left;height: 60vh;padding:150px 0px;border: 1px solid #eee;}
.work-progress .left img{width: 50%;margin: 0 auto;}
.work-progress .right{width:50%;float:left;height: 60vh;background-color: #c3912e;padding: 150px 20px;text-align: center;}
.work-progress .right h1{color: #ffffff;font-size: 45px;/* font-family: 'Caveat', cursive; */}
.work-progress .right p{color: #ffffff;font-size: 20px;font-family: 'Caveat', cursive;}
.work-progress .right p span{color: #ffffff;font-size: 20px;}
.work-progress .right a{color:#fff;padding-bottom: 2px;display:inline-block;margin-top:15px;border-bottom: 1px solid #fff;font-family: 'Caveat', cursive;}
.ReadMore,.xtra-cntnt{float: left;border-bottom: 2px solid #ff8500;cursor:pointer;clear: both;color: #ff8500;}
.HideText{display:none;}
#toTop {width: 40px;height: 40px;padding: 10px;background: #ffffff;color: #ff8500;position: fixed;bottom: 38px;right: 10px;display: none;border-radius: 35px;
cursor: pointer;z-index:9;
-webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 21%);-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 35%);}
 #toTop i {top: 3px;transform: translateY(0);position: absolute;left: 15px;font-size: 24px;line-height: inherit;}
.themelist li{padding-left:18px;position:relative;}
.themelist li:before{content:'★';left:-5px;position:relative;color:#c3912e;position: absolute;font-size:18px;}
/*Shape-3 rotate curve*/
.rte-shape{
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}
@keyframes animationFramesOne {
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}
  20% {-webkit-transform: translate(73px, -1px) rotate(36deg);transform: translate(73px, -1px) rotate(36deg);}
  40% {-webkit-transform: translate(141px, 72px) rotate(72deg);transform: translate(141px, 72px) rotate(72deg);}
  60% {-webkit-transform: translate(83px, 122px) rotate(108deg);transform: translate(83px, 122px) rotate(108deg);}
  80% {-webkit-transform: translate(-40px, 72px) rotate(144deg);transform: translate(-40px, 72px) rotate(144deg);}
  100% {-webkit-transform: translate(0px, 0px) rotate(0deg);transform: translate(0px, 0px) rotate(0deg);}
}

@-webkit-keyframes animationFramesOne {
  0% { -webkit-transform: translate(0px, 0px) rotate(0deg);}
  20% {-webkit-transform: translate(73px, -1px) rotate(36deg);}
  40% {-webkit-transform: translate(141px, 72px) rotate(72deg);}
  60% {-webkit-transform: translate(83px, 122px) rotate(108deg);}
  80% {-webkit-transform: translate(-40px, 72px) rotate(144deg);}
  100% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
}
/*Shape-2 rotate*/
.shape-2 {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme {
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes rotateme {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}