@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow: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'); /*font-family: "Barlow", sans-serif;*/ 

@import url('https://fonts.googleapis.com/css2?family=Barlow: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&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); 
/*font-family: "Playfair Display", serif;*/ 
 
body { background-image:url(../images/banner/banner-bg.jpg); background-size:auto; overflow-X:hidden; } 
body,html{ font-family: "Barlow", sans-serif; height:100%;}
body,h1,h2,h3,h4,h5,ul,ul li,*{ margin:0; padding:0; }
ul li{ list-style-type:none; }
p{ margin:0; font-size:16px;} 
a{ outline:none !important; text-decoration:none !important;}
.fluidbody{ width:100%; overflow:hidden;}
#headerpage{ position:relative; top:0; left:0; right:0; z-index:888; padding:0px 0px;}
.header{ position:absolute; z-index:999; padding:0px 0px; clear:both; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:100%; margin:0px;}
.logo{ margin:0; padding:20px 0px 0px 0px; width:200px;}

.mainmenu{ padding:20px 0px; margin:10px 0px 0px 0px;}
.mainmenu > ul{ margin:0px 0px; }
.mainmenu > ul > li{ float:left; margin-left:3px;}
.mainmenu > ul > li > a{}
.mainmenu  ul li a{ padding:10px 10px; display:block; font-weight:400; font-size:16px; color:#333;}
.mainmenu ul li ul{ position:absolute; background-color:#2d4191; display:none; padding:10px; border-radius:10px;}
.mainmenu ul li ul li a{ padding:10px; color:#eee; }
.mainmenu ul li ul li a:hover{ background-color:#e85222; color: #eee;  border-radius:10px;}
.mainmenu ul li a:hover,.mainmenu > ul > li.active > a{ /*color:#2f2b61;*/}
.mainmenu ul li ul li{position:relative; }
.mainmenu ul li ul li:nth-child(1){ border-top:none; }
.mainmenu ul li ul li ul{  margin-left:100%; top:0; background-color:#0065b3;width:220px;}
#stbck{ background-color:#0065b3; padding:20px 0px 0px 0px; margin:0px;}
#calbar{background-color:#f9f8ff; color:#30b300 !important;padding:14px;font-size:18px; font-weight:500; border-radius:4px;  cursor:pointer; margin:0px 20px;}
.respnav{ position:absolute; right:20px; top:30px; }
.respnav i{ font-size:25px; padding:6px; cursor:pointer; color:#fff; background-color:#e85222; border-radius:4px;}
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:8px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#23204b; color:#fff; }


.frombackcol{ opacity:0; transform:translateY(200px); z-index:2; }
.fromleftcol{ opacity:0; transform:translateX(-500px); z-index:5; }
.fromrightcol{ opacity:0; transform:translateX(500px); z-index:5; }
.animat{ padding:80px 0px 0px 0px; background-image:url(../images/promo.png); background-size:cover; overflow:hidden; } 
.animibacknrml{ opacity:1; transform:translateY(0); }
.animileftnrml{ opacity:1; transform:translateX(0); }
.animirightnrml{ opacity:1; transform:translateX(0); }

.tran01{ -moz-transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s; -o-transition:all ease-in-out 0.8s; -ms-transition:all ease-in-out 0.8s; transition:all ease-in-out 0.8s; }
.tran02{ -moz-transition:all ease-in-out 1.0s; -ms-transition:all ease-in-out 1.0s; -o-transition:all ease-in-out 1.0s; -webkit-transition:all ease-in-out 1.0s; transition:all ease-in-out 1.0s; }
.tran03{ -moz-transition:all ease-in-out 1.2s; transition:all ease-in-out 1.2s; -ms-transition:all ease-in-out 1.2s; -webkit-transition:all ease-in-out 1.2s; -o-transition:all ease-in-out 1.2s; }
.tran04{ -moz-transition:all ease-in-out 1.4s; transition:all ease-in-out 1.4s; -webkit-transition:all ease-in-out 1.4s; -ms-transition:all ease-in-out 1.4s; -o-transition:all ease-in-out 1.4s; }
.tran05{ -moz-transition:all ease-in-out 1.6s; transition:all ease-in-out 1.6s; -webkit-transition:all ease-in-out 1.6s; -o-transition:all ease-in-out 1.6s; -ms-transition:all ease-in-out 1.6s; }
.tran06{ -moz-transition:all ease-in-out 1.8s; transition:all ease-in-out 1.8s; -o-transition:all ease-in-out 1.8s; -ms-transition:all ease-in-out 1.8s; -webkit-transition:all ease-in-out 1.8s;}


.csrbuttn2{ margin:30px 0px 0px 0px; display:inline-block; }
.csrbuttn2 a{ padding:16px 33px;  color:#fff;  font-weight:500; font-size:18px;background-color:#e85222; border-radius:16px;}
.csrbuttn2 a i{ padding-left:10px; font-size:12px; }
.csrbuttn2 a:hover{color:#333 !important;  background-color:#fff;}

.csrbuttn4{ margin:34px 0px 0px 0px; display:inline-block; }
.csrbuttn4 a{ padding:16px 40px;  color:#fff;  font-weight:500; font-size:18px;background-color:#e85222; border-radius:16px;}
.csrbuttn4 a i{ padding-left:10px; font-size:12px; }
.csrbuttn4 a:hover{color:#fff;  background-color:#142935;}


.csrbuttn3{ margin:40px 0px 0px 0px; display:inline-block; }
.csrbuttn3 a{ padding:16px 33px;  color:#fff;  font-weight:bold; font-size:14px;background-color:#333; text-transform:uppercase;}
.csrbuttn3 a i{ padding-left:10px; font-size:12px; }
.csrbuttn3 a:hover{ padding:16px 33px;  color:#333 !important;  font-weight:bold; background-color:#fff;}
.csrbuttn3 p{ color: #f0bc1e; margin: 10px 0px 0px 20px;font-size:30px;}

.csrbuttn{ margin:40px 0px 0px 0px; display:inline-block; }
.csrbuttn a{ padding:16px 33px;  color:#fff;  font-weight:bold; font-size:14px;background-color:#0074bc; text-transform:uppercase;}
.csrbuttn a i{ padding-left:10px; font-size:12px; }
.csrbuttn a:hover{ color:#fff !important;font-weight:bold; background-color:#e74f21;}
.csrbuttn p{ color: #f0bc1e; margin: 10px 0px 0px 20px;font-size:30px;}

.csrbuttn1{ margin:40px 0px 0px 0px; display:inline-block; }
.csrbuttn1 a{ padding:16px 33px;  color:#fff;  font-weight:bold; font-size:14px; background-color:rgba(255,255,255,0); 
text-transform:uppercase; border:#9f8054 2px solid;
-webkit-box-shadow: -8px 14px 23px -8px rgba(128,124,128,0.6);
-moz-box-shadow: -8px 14px 23px -8px rgba(128,124,128,0.6);
box-shadow: -8px 14px 23px -8px rgba(128,124,128,0.6);}
.csrbuttn1 a i{ padding-left:10px; font-size:12px; }
.csrbuttn1 a:hover{ color:#fff !important;  font-weight:bold; background-color:#9f8054;}
.csrbuttn1 p{ color: #f0bc1e; margin: 10px 0px 0px 20px;font-size:30px;}

.bsm{ margin-top:480%; }
.socialicn{ margin:10px 0px; padding:40px 0px 0px 0px;}
.socialicn ul{ margin:0; padding:6px 10px 0px 0px;  }
.socialicn ul li a{float:left;border:1px solid #eee; border-radius:50%;margin-right:0px; width:40px; height:38px;
text-align:center;display:table; margin-top:10px;}
.socialicn ul li a { vertical-align:middle; display:table-cell; color:#fff; padding:8px 0px 0px 0px;}
.socialicn ul li a:hover {background-color:#e85222; color:#fff; border:1px solid #9f8054;}

.bsm h1{  color:#fff; transform:rotate(90deg);font-weight:400; font-size:16px; padding:10px 0px 0px 0px; margin:0px;}
.bsm h1:after { content: ''; display: inline-block; background:#fff; height:2px; width:50px; top:0%;}
#lfts{ left:0%;}
.csimg{ width:80px; margin:4px 0px 0px 20px; padding:10px; display:inline-block; position:absolute;}

.srvprd{ position:relative; padding:90px 0px 80px 0px; z-index:444; background-color:#fff; 
background-image:url(../images/doted-square.png); background-size:200px; background-repeat:no-repeat; background-position:center left 6%;}
.srvprd > div{ overflow:hidden; }
.srvprdcolm{ padding:30px 0px 20px 0px; margin-top:80px;}
.srvprd h1{ margin:0;  font-weight:600; color:#2d4191; padding:10px 0px 10px 0px; font-size:50px; line-height:1;
font-family: "Playfair Display", serif;}
.srvprd h4{ margin:0; font-weight:400; color:#e85222; padding:20px 0px 0px 0px; font-size:20px; }
.srvprd p{ font-size:18px; color:#7b868c; padding:10px 0px 0px 0px; font-weight:400; margin:0px;}
.threeclm1{ padding:200px 0px 20px 0px;}
.threeclm2{ padding:40px 0px 0px 0px;}
.threeclm3{ padding:20px 0px 40px 0px;}
.threecol{ padding:34px 30px; position:relative; border-radius:20px; background-color:rgba(255,255,255,1); z-index:55; 
min-height:250px;
border-top: 2px solid #203947;
box-shadow: 5px 0 60px rgb(186 224 246 / 60%);
transition: all 0.3s ease-in-out;}
.threecol img{ width:70px; margin:0; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.threecol h2{ margin:0; padding:10px 0px; font-size:20px; color:#333; font-weight:bold; font-family: "Playfair Display", serif;}
.threecol p{ margin:0; padding:10px 0px 0px 0px; font-size: 16px;color:#7b868c;}
.threecol i{ font-size:50px; margin:auto; color:#fff; padding:20px; margin-top: -60px; background-color: #eee; border-radius:50px;}
.threecol h5{ margin:0; padding:20px 0px; font-size:16px; color:#e85222;}
.threecol h5 a{ color:#e85222;}
.threecol:hover{  transform: translate(0, -10px);}
.threecol:hover img{  transform: translate(0, -10px);}

.stsm{position:relative; padding:120px 0px 120px 0px; z-index:444; margin-top:0px;  background-color:#fff;
background-image:url(../images/about-rightimage.png); background-size:400px; background-repeat:no-repeat; background-position:center right;}
.stsm:before{ position:absolute; content:''; left:0; height:100%; background-color:#e4f3fc; width:50%; top:0%;}
.stsm > div{overflow:hidden;}
.stsmcolm{padding:60px 40px 40px 0px;}
.stsm h2{margin:0;  font-weight:500; color:#333; padding:10px 0px 0px 0px; font-size:40px; line-height:1.3;
 font-family: 'Playfair Display', serif;}
.stsm h4{margin:0; padding:10px 0px 0px 0px; font-weight:400; font-size:20px; color:#e85222;}
.stsm p{ font-size:18px; color:#7b868c; padding:10px 0px 0px 0px; font-weight:400; margin:0px;}

.stimg1{padding:0px; z-index:555; position:relative; margin-left:0px; border-radius:20px; overflow:hidden;}
.stimg2{padding:0px 0px 40px 0px; margin:0px 0px 0px 0px;  overflow:hidden; z-index:444; float:right;}
.sticon{width:60px; padding:10px 0px;  display:inline-block; position:absolute;}




.ltpjs{  background-image:url(../images/bg4.jpg); background-size:cover;padding:120px 0px 800px 0px;margin-top:0px;
text-align:center; background-color:#eee; background-position:center;}
.ltpjs > div{ }
.ltpjs h2{margin:0;  font-weight:500; color:#fff; padding:10px 0px 0px 0px; font-size:50px; line-height:1.3;
 font-family: 'Playfair Display', serif;}
.ltpjs h4{margin:0; padding:10px 0px 0px 0px; font-weight:400; font-size:20px; color:#e85222;}
.ltpjs p{ font-size:18px; color:#adacac; padding:10px 0px 0px 0px; font-weight:400; margin:0px;}

.cnRows{ padding:0px 0 30px 0;}
.cnRow1 h1{color:#B43D26;}
.cnRow2{ margin-top:-780px; overflow:hidden; z-index:555;}
.cnRow2 h1{ color:#303030; overflow:hidden; vertical-align:middle;}
.pros_controls{ text-align:center;}
.pros_controls span{ display:inline-block; margin:0 0 0 10px; vertical-align:middle;}
.pros_controls span a{
	display:inline-block; font-size:30px; width:55px; height:55px;text-align:center; padding:7px 0 0 0; 
	background-color:rgb(232, 82, 34); 
	vertical-align:middle;
	color:rgb(255, 255, 255);
	border-radius:20%;
}

.MainProducts{margin:15px 0 0 0;}
.MainProducts ul{margin:0; padding:0; list-style:none; overflow:hidden;}
.MainProducts ul li a{display:block; padding:0px; position:relative;
transition:all linear 0.2s;-moz-transition:all linear 0.2s;-ms-transition:all linear 0.2s;-o-transition:all linear 0.2s;-webkit-transition:all linear 0.2s;}
.MainProducts ul li a div{ overflow:hidden;}
.MainProducts ul li a img{ transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s;}
.MainProducts ul li a span h4{ margin:0;}
.MainProducts ul li a:hover{background-color:#303030; border-radius:20px;}
.MainProducts ul li a:hover img{
opacity:0.6;-moz-opacity:0.6;-ms-opacity:0.6;-o-opacity:0.6;-webkit-opacity:0.6;
transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.mpbox{ background-color:#fff; padding:20px; margin:-80px 20px 40px 20px; border-radius:20px;  z-index:666;position:relative;
border-bottom: 2px solid #203947;
box-shadow: 5px 0 60px rgb(186 224 246 / 60%);
transition: all 0.3s ease-in-out;}
.mpbox h5{margin:0; padding:10px 0px 6px 0px; font-weight:400; font-size:16px; color:#e85222; cursor:pointer;}
.mpbox h4{margin:0;  font-weight:500; color:#333; padding:10px 0px 0px 0px; font-size:20px; line-height:1.3;
 font-family: 'Playfair Display', serif;}
.mpbox p{ font-size:16px; color:#7b868c; padding:4px 0px 0px 0px; font-weight:400; margin:0px;}
.mpbox:hover{  transform: translate(0, -10px);}



.wrkbx{ padding:160px 0px 140px 0px; z-index:444; position:relative; background-color:#fff; margin-top:-10px; 
background-image:url(../images/about-rightimage.png); background-size:400px; background-repeat:no-repeat; background-position:center left;}
.wrkbx:before{ position:absolute; content:''; right:0; height:100%; background-color:#e4f3fc; width:50%; top:0%;}
.wrkbx > div{}
.wrkcolm{padding:10px 0px 0px 40px;}
.wrkbx h2{margin:0;  font-weight:500; color:#0b0d26; padding:10px 0px 10px 0px; font-size:54px;  font-family: 'Playfair Display', serif;}
.wrkbx h4{margin:0; padding:10px 0px 0px 0px; font-weight:400; font-size:20px; color:#e85222;}
.wrkbx h5{ font-size:18px; color:#7b868c; padding:0px 0px 10px 0px; font-weight:400; margin:0px;}
.wrkbx p{ font-size:18px; color:#7b868c; padding:10px 0px 10px 0px; font-weight:400; margin:0px;}
.wrkimg1{padding:0px; z-index:555; position:relative; margin-left:0px; border-radius:20px; overflow:hidden;}
.wrkimg2{padding:0px 0px 40px 0px; margin:0px 0px 0px 0px;  overflow:hidden; z-index:444; float:right;}


.hmProjList{margin:0; padding:10px 0px 0px 0px; list-style:none;}
.hmProjList li{overflow:hidden; position:relative; min-height:80px; padding-left:80px;}
.hmProjList li:nth-child(1):before, .hmProjList li:nth-child(2):before{
position: absolute; z-index:0; top: 0; left: 35px;	width: 1px;  border:1px dashed #262262;	height: 100%; content: "";}
.hmProjList li h4{ color:#0b0d26; font-family: 'Playfair Display', serif; font-weight:500;}
.hmProjList li h3{ color:#e85222;  font-weight:600; text-align:center; font-size:30px; margin-top:15px;}
.prosThumb{display:block; position:absolute; left:0;float:left; margin-right:10px; width:70px; height:70px; border:2px solid #999; background-color:#fff; z-index:1; padding:3px; overflow:hidden;	border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}
.prosThumb img{border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; width:100%;}
.prosThumb i{ margin:0 auto; padding-top:20px; font-size:40px; text-align:center;}
.hmProjList li:hover .prosThumb{border:2px solid #000; background-color:#262262;}
.hmSectList{margin:0 -10px; padding:0; list-style:none; overflow:hidden;}
.hmSectList li{padding:10px; margin:10px 0; text-align:center;}
.hmSectList li p{}
.hmSectList li a{display:inline-block;  background-color:#EF4036; bottom:15px; width:120px; left:0; right:0; margin:auto;
	color:#fff !important; padding:6px 20px;
	border-radius:0px;}
.hmSectList li a:hover{background-color:#262262;}
.hmSectList li h4{color:#262262; margin:15px 0 10px 0; font-size:23px; text-transform:uppercase;}
.hmSectList li span{display:block; margin:0 -10px; overflow:hidden;}
.hmSectList li span img{transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s;}
.hmSectCont:hover span img{ transform:scale(1.2);}
.hmSectCont{padding:0 10px 10px 10px; border:1px solid #dfdfdf; min-height:407px; position:relative;}
.hedtitle-home-3{background-color:#4a7efb; overflow:hidden; padding:15px 0; border-radius:6px; border:1px solid #312B69;
 background-image:url(../images/texture.png);}
.inhomehed-3{ padding:0 20px;}
.hedtitle-home-3 h2{color:#fff; text-transform:uppercase; margin-bottom:15px;}
.hedtitle-home-3 p{color:#fff;}
.hedtitle-home-3 img{padding:6px;  border-radius:10px; border:1px solid #fff;}
.inhomehed-3 a{border-radius:0; margin-top:10px;}


/*.clptd{ position:relative; padding:90px 0px 80px 0px; z-index:444; background-color:#bfe6f6; 
background-image:url(../images/doted-square.png); background-size:200px; background-repeat:no-repeat; background-position:center left 6%;}*/
.clptd{ padding:100px 0px 140px 0px; z-index:444; position:relative; background-color:#fff; margin-top:-10px; 
background-image:url(../images/about-rightimage.png); background-size:400px; background-repeat:no-repeat; background-position:center left;}
.clptd:before{ position:absolute; content:''; right:0; height:100%; background-color:#e4f3fc; width:50%; top:0%;}

.clptd > div{ overflow:hidden; }
.clptdbx{ padding:30px 0px 20px 0px; margin-top:20px;}
.clptd h1{ margin:0;  font-weight:600; color:#0b0d26; padding:10px 0px 10px 0px; font-size:60px; line-height:1;
font-family: "Playfair Display", serif;}
.clptd h4{ margin:0; font-weight:400; color:#e85222; padding:20px 0px 0px 0px; font-size:20px; }
.clptd p{ font-size:18px; color:#7b868c; padding:10px 0px 0px 0px; font-weight:400; margin:0px;}
.clptd h6{ font-size:24px; color:#526772; padding:10px 0px 0px 0px; font-weight:400; margin:0px;}

.clpcol1{ padding:40px 0px 20px 0px;}
.clpcol2{ padding:40px 0px 0px 0px;}

.clpcol{ padding:34px 30px; position:relative; border-radius:20px; background-color:rgba(255,255,255,1); z-index:55; 
min-height:250px;
border-top: 2px solid #203947;
box-shadow: 5px 0 60px rgb(186 224 246 / 60%);
transition: all 0.3s ease-in-out;}
.clpimg{ width:70px; margin:0; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.clpcol h2{ margin:0; padding:10px 0px; font-size:20px; color:#203947; font-weight:bold; font-family: "Playfair Display", serif;}
.clpcol p{ margin:0; padding:10px 0px 0px 0px; font-size: 16px;color:#7b868c;}
.clpcol i{ font-size:50px; margin:auto; color:#fff; padding:20px; margin-top: -60px; background-color: #eee; border-radius:50px;}
.clpcol h5{ margin:0; padding:20px 0px; font-size:16px; color:#e85222;}
.clpcol h5 a{ color:#e85222;}
.clpcol:hover{  transform: translate(0, -10px);}


.compllogo { padding:120px 0px 160px 0px;}
.compllogo h2{padding:0px; margin:0px 0px 20px 0px; text-align:center; 
font-weight:bold; color:#fff; font-size:50px; font-family: 'Playfair Display', serif;}
.compllogo h4{text-align:center; font-weight:400; color:#e85222; font-size:20px; padding:0px; margin:0px;}
.compllogo p{ text-align:center; font-weight:400; color:#333; font-size:16px; padding:10px 0px; margin:0px 0px 20px 0px;}
.comu{ text-align: center;}

#tsm{ padding:100px 0px 120px 0px; background-color:#fff; text-align:center;}
#tsm h1{margin:0;  font-weight:500; color:#333; padding:10px 0px 0px 0px; font-size:50px; line-height:1.3;font-family: 'Playfair Display', serif;}
#tsm h4{  font-weight:400; color:#e85222; font-size:20px; padding:0px; margin:0px;}

.three-col{ padding:10px 0px 0px 0px; margin-left:-10px;  }
.three-col h3{ margin:0; font-size:22px; font-weight:600; padding:10px 0px 0px 0px;text-align:left; line-height:1.3;}
.three-col p{  padding:10px 0px 0px 0px; line-height:1.6; color:#333;  text-align:center;}
.three-col h5{ font-size:16px; padding:10px 0px 0px 0px; margin:0px; line-height:1.6; color:#909295; text-align:left; font-weight:400;}
.iconcol1{ margin:0px; margin:20px 0px; border-radius:20px; overflow:hidden; position:relative;}

.three-col h2{ margin:0; font-size:50px; font-weight:300; padding:20px 0px 0px 0px; text-align:left;font-family:'Playfair Display', serif; }
.three-col h4{margin:0px;text-transform:uppercase;font-size:20px;font-weight:300;padding:20px 0px 0px 0px; text-align:left; letter-spacing:30px; color:#999; }
.three-col h6{ margin:0px; font-size:16px; font-weight:500; padding:10px 0px 0px 0px; text-align:left; color:#e85222; }
.three-col h6 a{  color:#e85222; }
.tbox{ padding:20px 40px; margin:-100px 40px 0px 40px; position:relative; overflow:hidden; background-color:#fff; border-radius:20px; 
border-bottom: 2px solid #203947;
box-shadow: 5px 0 60px rgb(186 224 246 / 60%);
transition: all 0.3s ease-in-out;}
.tbox:hover{  transform: translate(0, -10px);}


.smtsm{ background-color:#fff;background-image:url(../images/bg5.jpg); background-size:cover; padding:100px 0px 120px 0px; z-index:444;  text-align:center;}
.smtsm > div{  }
.smtsm h1{ margin:0;  font-weight:500; color:#333; padding:10px 100px 0px 100px; font-size:50px; line-height:1.3; 
font-family: 'Playfair Display', serif;}
.smtsm h4{  margin:0;  font-weight:400; color:#e85222; padding:10px 0px 0px 0px; font-size:20px;}
.smtsm p{ padding:10px 0px 0px 0px; font-size:18px; line-height:1.6; color:#333;  text-align:center;}


.rnwms{ position:relative; padding:140px 0px 140px 0px; z-index:444; background-color:#e4f3fc; 
background-image:url(../images/doted-square.png); background-size:200px; background-repeat:no-repeat; background-position:center left 6%;}
.rnwms > div{ overflow:hidden;}
.rnwmsclm{ padding:20px 0px 20px 40px; margin-top:0px;}
.rnwms h1{ margin:0;  font-weight:600; color:#0b0d26; padding:10px 0px 10px 0px; font-size:50px; line-height:1;font-family: "Playfair Display", serif;}
.rnwms h4{ margin:0; font-weight:400; color:#e85222; padding:44px 0px 0px 0px; font-size:20px; }
.rnwms p{ font-size:18px; color:#7b868c; padding:10px 0px 0px 0px; font-weight:400;}

.tstbox{ background-color:#fff; border-radius:20px; overflow:hidden; position:relative; padding:0px;}
.tstimg{ margin-top:0px; overflow:hidden; z-index:666;}
.tsbgm{border-radius:20px 0px 0px 20px;  background-color:#24214c;  position:relative;  z-index:333; }


#testmoni{background-color:#f7f7f7; padding:0px 20px; margin:0px; border:2px solid #eee;  overflow:hidden;}
#testitext {width:100%; padding:20px 20px 40px 20px;}
#testitext li {font-size:20px; color:#7b868c; border:none; width:100%; line-height:1.6; font-weight:400; padding:10px 40px 20px 0px; 
margin:0px;}
#testitext li h3 {font-size:22px; font-weight:600; color:#333; padding:20px 0px 0px 80px; margin:0px;}
#testitext li h6 {margin:0; font-weight:400; color:#999; padding:10px 0px 20px 80px; font-size:18px; }
.textimg{ padding:20px 0px 20px 0px; width:120px; position:absolute; }
.tquimg{ padding:0px 0px 10px 0px; margin:0px; border-radius:0;}

.ulli{ overflow:hidden; padding:0px 0px 0px 40px; margin-left:40px;} 
.ulli li{ position:relative; }
.ulli li:after{content:'\f101 ';font-family: 'FontAwesome'; position:absolute; left:0px; color:#a6134b; font-size:14px; top:3px;}
.ulli li { color:#666; padding:4px 14px; display:block; margin:0px 0px; font-size:14px;}




/*Inner pages*/
.innerbanner { background: #deedf6; position:relative; padding:0px; margin:0px;}
.innerbanner::after{content: "";left:0;top:0;width:49%; height:100%; position:absolute;
background: url(../images/banner-bg.jpg); background-position: bottom; background-size: cover; background-repeat: no-repeat;}
.sub-banner{ padding:90px 0px 0px 0px; margin:0px;}
.sub-banner .sub_banner_outer{padding:0px 0 186px;}
.sub-banner .sub_banner_content{position:relative;padding:56px 50px 80px 120px;border-radius:15px;background-color:#2d4191;z-index:2;
margin:80px 0px 0px 0px;}
.sub-banner .sub_banner_content h1{margin-bottom:20px; position:relative;color:#fff;font-family: "Playfair Display", serif; font-size:40px;}
.sub-banner .sub_banner_content h1:before {content: "";left:-80px; top:0;bottom:0; margin:auto 0;width:58px; height:3px; position:absolute;background-color:#e16419;}

.sub-banner .sub_banner_content .box span {
font-size:18px;line-height: 20px;font-weight:400; display: inline-block;color: #bbbebf;transition: all 0.3s ease-in-out;}
.sub-banner .sub_banner_content .box a span:hover{color: #e4b027;}
.sub-banner .sub_banner_content .box .slash {margin: 0 10px 0 8px;}
.sub_banner_wrapper{ position:relative;}
.sub-banner .sub_banner_wrapper .subbanner-image{position:absolute;top:18px;left: -100px;z-index: 1;}
.sub-banner .sub_banner_wrapper .subbanner-image img{ border-radius: 15px;}


.abtsec{ position:relative; padding:90px 0px 80px 0px; z-index:444; background-color:#fff; background-repeat:no-repeat; }
.abtsec > div{ overflow:hidden;}
.abtcol{ padding: 50px 30px 42px;
  border-radius: 15px;
  background: #fff;
  border-top: 2px solid #1f3745;
  box-shadow: 5px 0 87px rgb(186 224 246 / 100%);
  transition: all 0.3s ease-in-out;}
.abstimg img{ width:70px; margin:0; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.abtcol h2{ margin:0; padding:10px 0px; font-size:20px; color:#333; font-weight:bold; font-family: "Playfair Display", serif;}
.abtcol p{ margin:0; padding:10px 0px 0px 0px; font-size: 16px;color:#7b868c;}
.abtcol i{ font-size:50px; margin:auto; color:#fff; padding:20px; margin-top: -60px; background-color: #eee; border-radius:50px;}
.abtcol h5{ margin:0; padding:20px 0px; font-size:16px; color:#e85222;}
.abtcol h5 a{ color:#e85222;}
.abtcol:hover{  transform: translate(0, -10px);}
.abtcol:hover img{  transform: translate(0, -10px);}


/* Variety */

.variety-con{padding: 120px 0;  background: #fff;  position: relative;}
.variety-con .variety-box{ padding: 50px 30px 42px; border-radius: 15px; border-top: 2px solid #1f3745;
    box-shadow: 5px 0 87px rgb(186 224 246 / 100%); transition: all 0.3s ease-in-out;}
.variety-con .variety-box:hover{transform: translateY(-5px);}
.variety-con .variety-box .icon{display:inline-block;transition: all 0.3s ease-in-out;}
.variety-con .variety-box:hover .icon{transform: translateY(-5px);}
.variety-box h5{ font-size:24px; padding:10px 0px 0px 0px; font-weight:bold; font-family: "Playfair Display", serif;}
.variety-box p a{ color:#333;}


.vsmnd{position:relative; padding:120px 0px 120px 0px; z-index:444; margin-top:0px;  background-color:#fff;
background-image:url(../images/work-leftimage.png); background-size:400px; background-repeat:no-repeat; background-position:center left;}
.vsmnd:before{ position:absolute; content:''; right:0; height:100%; background-color:#e4f3fc; width:50%; top:0%;}
.vsmnd > div{overflow:hidden;}
.vsdcolm{padding:40px 0px 0px 0px;}
.vsmnd h2{margin:0;  font-weight:500; color:#333; padding:10px 0px 0px 0px; font-size:40px; line-height:1.3;
 font-family: 'Playfair Display', serif;}
.vsmnd h4{margin:0; padding:10px 0px 0px 0px; font-weight:400; font-size:20px; color:#e85222;}
.vsmnd p{ font-size:18px; color:#7b868c; padding:10px 0px 0px 0px; font-weight:400; margin:0px;}
.vsimg{padding:0px; z-index:555; position:relative; margin:0px 50px; border-radius:20px; overflow:hidden;}

.clnts{position:relative; padding:120px 0px 120px 0px; z-index:444; margin-top:0px;  background-color:#fff;}
.ogcts{ text-align:left;}
.ogcts h2{ font-size:30px; font-weight:500; color:#2d4191;  font-family: 'Playfair Display', serif; padding:2px 0px 0px 0px;}


.thank-col{ padding:0px; width:100%; text-align:center; height:200px; display:table; overflow:hidden;}
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%;}
.thank-col h2{ color:#555; font-family: 'Playfair Display', serif; font-size:50px; font-weight:bold;}
.thank-col p{ color:#333; font-size:15px;}

.fom{  padding:10px  0px; margin:0px 0px 0px 0px;}
.fom ul{ overflow:hidden;  }
.fom ul li{ margin:0px 0px 10px 0px; font-size:20px; position:relative; }
.fom ul li label{ position:relative; font-weight:normal; font-size:14px; margin:0;}
.fom ul li input,.fom ul li textarea{  padding:24px; color:#333; font-size:14px; border-radius:10px; }
.fom ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fom button{ padding:10px 30px;}

#footercol{background-color:#242430;background-image:url(../images/footer-bg.jpg); background-size:cover;padding:40px 0px 60px 0px;margin-top:0px; position:relative;}
#footercol h3{font-size:24px; color:#fff; padding:80px 0px 10px 0px; margin:0px; font-weight:600; font-family: 'Playfair Display', serif;}
#footercol h2{font-size:34px; color:#fff; font-weight:600; padding:14px 0px 0px 0px; margin:0px 0px 0px 0px; }
#footercol h4{ padding:10px 0px 0px 0px; margin:0px; font-weight:400; color:#928973; font-size:16px;}
.ft-logo{ padding:80px 0px 4px 0px; width:300px; margin:0px;}
#footercol p{ color:#8c9da8; padding:10px 0px 0px 0px; margin:0px; font-size:16px; line-height:1.5; font-weight:300;}
#footercol p a{ color:#8c9da8;}
#footercol p i{ color:#8c9da8;}
.footermenu ul{ padding-right:10px; }
.footermenu ul li{ padding:0px 10px; position:relative; }
.footermenu ul li a{ font-size:16px; color:#8c9da8;  display:block; padding:6px 10px; }
.footermenu ul li:before{content:'\f047'; font-family: 'FontAwesome';color:#8c9da8;font-size:10px;vertical-align:middle;position:absolute;left:0;top:12px;}

#footer{ text-align:center; background-color:#24214c;  }
#footer p{ margin:0; padding:20px 0px; font-size:16px; color:#8c9da8;}

.socialcol{ margin-top:15px; margin-left:-10px;}
.socialcol ul li a{float:left;background-color:#e85222;border-radius:10%;margin-right:5px; width:37px; height:34px;
text-align:center;display:table;}
.socialcol ul li a { vertical-align:middle; display:table-cell; color:#fff; padding:6px 0px 0px 0px;}
.socialcol ul li:before{ display:none;}
.socialcol ul li a:hover {background-color:#183241; color:#fff;}

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) {}
@media (max-width: 360px) {}
@media (max-width: 576px) {.mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block;}
.bnbox img{ margin-left:0px !important;}.logo{ background-color:#2d4191; border-radius:10px; padding:14px; margin-top:10px;}
.innerbanner{ height:46%;background-color:#2d4191;} .innerbanner::after{ background:none;}
.sub-banner{ padding:20px 0px 0px 0px;}
.sub-banner .sub_banner_wrapper .subbanner-image{top:0px;left:0px;}
.sub-banner .sub_banner_outer{padding:40px 0px 20px 0px;}
.sub-banner .sub_banner_content{ padding:0px; text-align:center; background:none;}

}
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {.mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block;}}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {.mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block;}}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {.mainmenu,.sidenav{ display:block;} .respnav{ display:none;} #respo_menu{ display:none;}}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {.mainmenu,.sidenav{ display:block;} .respnav{ display:none;} #respo_menu{ display:none;}}