*{ padding: 0;margin: 0;}
@font-face {font-family: T Star Pro;src: url("../fonts/TStarProRegular.ttf");}
body{ width:100%; position:relative; color: #000;font-size: 15px;line-height: 30px;  font-family: "Roboto", sans-serif;
}
span{ }
h1,h2,h3,h4,h5,h5,h6{ color: #000; line-height:1.3;letter-spacing:1.3px; font-weight:700;  font-family: T Star Pro; }
p{text-align: justify;  line-height: 30px; color: #000;font-size: 15px; letter-spacing: 1px; margin-bottom:8px; }
a{text-decoration:none; color: #000;font-size: 15px;  letter-spacing: 1px;}
.clear_all{clear:both;}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
/*header*/
.header{width: 100%;position:absolute;top:0px;left:0px;padding:5px 0px;height: auto; background:#fff; 
box-shadow: 5px 7px 16px 8px #0000001A;  z-index: 123;     }
.menubg2{ z-index: 2;position: absolute;bottom: -12px;left: 0;width: 100%;height: 20px;}
.menubg2 img{width: 100%;height: auto;}
.sticky-header.sticky {background: #fff;box-shadow: 0 4px 20px rgba(0,0,0,.25); padding:10px 0px;  color:#fff; position: fixed; top:0px; left: 0; width: 100%;height:auto;
 z-index: 9999;}
.sticky {animation-name: fadeInDown;animation-iteration-count: 1;animation-fill-mode: both;animation-timing-function: linear;animation-delay: 0s;animation-duration: .7s;}
.mlogo{width:100%;}
.mlogo img{width:100%;height:auto; max-width: 250px;   }
 .main_menu{width:100%;   position: relative;top:0px;z-index: 12; }
.main_menu #nav {width: 100%;  }
.main_menu #nav > a {display: none;}
.main_menu #nav li {position: relative;}
.main_menu #nav li a {color: #fff;display: block;}
.main_menu #nav > ul {margin: 0px 0px; text-align: center;padding:3px 20px;border-top:0px solid #F5F5F6;
list-style: none; }
.main_menu #nav > ul > li {display:inline-block;padding:1px 25px;position:relative;}
.main_menu #nav > ul > li > a {text-decoration:none;font-size: 15px;font-weight:500;color:#000;position:relative;text-transform: capitalize; }
.main_menu #nav > ul > li:not( :last-child ) > a {/*border-right: 1px solid #cc470d;*/}
.sub-menu{position:relative;}
.main_menu #nav > ul > li:hover > a  {color: #000;}
/*.main_menu ul li ul:before { content: ''; height: 0; left: 10px; position: absolute; top: -10px; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; }*/
/* second level */
.main_menu #nav li ul {background-color: #fff;  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 25%); transition:.3s;transition: 0.2s 1s;
display: none;position: absolute;  z-index: 12;width: 250px; padding: 10px 10px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%); border-radius: 4px;}
.main_menu #nav li:hover ul {display: block; animation-name: fadeInUp;transition-delay: 0s;animation-duration: .4s; }
li#nav li ul  {position:relative;}
li#nav li ul:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #000;content: '';vertical-align: middle;
display: inline-block;position: relative;right: -6px; /* 5 */}
.main_menu #nav li:not( :first-child ):hover ul {left: 0;text-align: left;}
.main_menu #nav li ul li{     list-style: none; padding: 5px;border-bottom: 0px solid #ccc;display: block;}
.main_menu #nav li ul li:last-child a{background:transparent;color:#231101;padding: 0px; }
.main_menu #nav li ul li:last-child{padding-right:0px;}
.main_menu #nav li ul a {text-decoration:none; font-size: 15px;font-weight:400; color: #1d2331;}
.main_menu #nav li ul li a:hover,.main_menu #nav li ul:not( :hover ) li.active a {background-color: #fff;color:#000;}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {
.main_menu #nav {width: 100%;position: static;margin: 0;}}
@media only screen and ( max-width: 40em ) /* 640 */ {
.main_menu #nav {position: relative;top: auto;left: auto;}
.main_menu #nav > a {text-align: left;text-indent: -9999px;background-color: #6a7bff;position: relative;}
.main_menu #nav > a:before,.main_menu #nav > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
.main_menu #nav > a:after {top: 60%;}
.main_menu #nav:not( :target ) > a:first-of-type,.main_menu #nav:target > a:last-of-type {display: block;}
/* first level */
.main_menu #nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
.main_menu #nav:target > ul {display: block;}
.main_menu #nav > ul > li {width: 100%;float: none;}
.main_menu #nav > ul > li > a {height: auto;text-align: left;padding: 0 0.833em; /* 20 (24) */}
.main_menu #nav > ul > li:not( :last-child ) > a {border-right: none;border-bottom: 1px solid #cc470d;}
/* second level */
.main_menu #nav li ul {position: static;padding: 1.25em; /* 20 */padding-top: 0;}}
.mlogo2{display:block;}
.mlogo2 img{width:100%;height:auto; }
/*main_menu2*/
.main_menu2{display:none;padding:0px 6px;width: 100%;  }
.logo2 img{width:100%;height:auto; }
.logo3{padding:5px 10px;}
.logo3 img{width:100%;height:auto; }
.menu-button img{width:20px;}
.swipe-nav__inner img{width:20px;}
.main_menu2 .menu-button {display: inline-block;position: absolute;z-index: 1; top: 20px;
right: 25px; border: 1px solid #4f62c0;background: #4f62c0;font-size: 1.5em;line-height: 1.5;width: auto;
text-align: center;border-radius: 0;padding: 1px 10px;}
.main_menu2 .swipe-nav { position: fixed;  z-index: 2; top:0; right: 0; bottom:initial;
left: 0; visibility: hidden; transition: visibility 0.2s ease;}
.main_menu2 .swipe-nav__overlay {  cursor: default; display: block; position: absolute;  top: 0; right: 0;  bottom: 0; left: 0; transition: opacity 0.2s ease;
transform: translateZ(0);  opacity: 0; background: rgba(0, 0, 0, 0.5); will-change: opacity;}
.main_menu2 .swipe-nav__panel { position: absolute;top: 0; bottom: 0; left: 0; width: 300px;height: 100vh; margin: 0 0; transition: 0.2s ease-out;
transition-property: transform; transform: translate3d(-100%, 0, 0); background-color: #fff; will-change: transform; }
.main_menu2 .swipe-nav__scroller { height: 100%; overflow-y: auto; overflow-x: hidden;}
.main_menu2 .js .swipe-nav__panel:after { position: fixed; top: 0; bottom: 0; left: 100%; visibility: visible; width: 1em; content: "";}
.main_menu2 .swipe-nav__inner { position: relative; min-height: 100%; padding-bottom: 0; border-top: 0 solid #eaeaea;padding: 20px 10px;}
.main_menu2 .swipe-nav__inner .menu-button {  top: -55px;right: 10px;}
.main_menu2 .swipe-nav--open,
.main_menu2 .no-js .swipe-nav:target {visibility: visible;}
.main_menu2 .swipe-nav--open .swipe-nav__overlay,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__overlay {opacity: 1;}
.main_menu2 .swipe-nav--open .swipe-nav__panel,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__panel { transform: translate3d(0, 0, 0);}
.main_menu2 nav{position:relative;width:100%;margin:0 auto;height: 100%;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1.4;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{  }
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:14px;font-size:15px; text-decoration:none;color:#1d2331;   }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:transparent!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:140px;font-size:15px;text-decoration:none;color:#ddd; text- }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#ccc}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu2 .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu2 .logo{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;text-align: left; }
#cssmenu ul li{width:100%;border-top:0px solid #00b2d6;border-bottom: 1px solid #efefef;}
#cssmenu ul li:hover{background:#fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:20px}
#cssmenu ul ul li{background:transparent!important;}
#cssmenu ul ul li:hover{background:#fff!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#1d2331;background:none; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#00b2d6}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#000;font-size:12px;font-weight:700}
.main_menu2 .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu2 .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu2 .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
.main_menu2 .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu2 .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top: 2px;display:block;border-left:0px solid #fff;height:46px;width:46px;
cursor:pointer;background:#4f62c0; }
#cssmenu .submenu-button.submenu-opened{background:#4f62c0;}
#cssmenu ul ul .submenu-button{height:35px;width:35px;top: 1px;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.main_menu2 .swipe-nav--open .menu-button{background:#fff !important;border:none;}
.logo3 .m-logo { padding-left:  0px;padding-top:10px;}
.logo3{width:100%;padding:0px 10px; border-radius: 10px;text-align:left; }
.newlogo{padding-top:25px;}
.newlogo img{width:100%; height:auto;max-width:300px;  }
.logo3 img{width:100%;max-width:220px;     }
.mlogo2 img{width:100%; height:auto;    max-width: initial;}
.logo22 img{width:100%; height:auto;    max-width: initial;}
.main_menu .logo22{position:relative;z-index:123; float:left;width:20%;margin-right: 30px; display: none;}
.main_menu .logo22 a{color:#6DDB07;}
.main_menu nav{position:relative;width:100%;margin:0 auto;}
.main_menu #cssmenu2,.main_menu #cssmenu2 ul,.main_menu #cssmenu2 ul li,.main_menu #cssmenu2 ul li a,.main_menu #cssmenu2 #head-mobile2{border:0;
list-style:none; display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main_menu #cssmenu2:after,.main_menu #cssmenu2 > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.main_menu #cssmenu2 #head-mobile2{display:none}
.main_menu #cssmenu2 ul{     text-align: center;    padding-right: 0px;position: relative;}
.main_menu #cssmenu2 > ul > li{display:inline-block;}
.main_menu #cssmenu2 > ul > li > a:hover  {color:#4f62c0;}
.main_menu #cssmenu2 > ul{margin:0px;}
.main_menu #cssmenu2 > ul > li > a{padding:17px 17px;font-size:15px; font-weight:600;color:#000;
 letter-spacing:1px;text-decoration:none; }
.main_menu #cssmenu2 > ul > li:hover > a,.main_menu #cssmenu2 ul li.active a{color:#4f62c0;}
.main_menu #cssmenu2 > ul > li:hover,.main_menu #cssmenu2 ul li.active:hover,.main_menu #cssmenu2 ul li.active,.main_menu #cssmenu2 ul li.has-sub.active:hover{color:#000 ;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
.main_menu #cssmenu2 > ul > li.has-sub > a{padding-right:17px}
.main_menu #cssmenu2 > ul > li.has-sub > a:before{position:absolute;top:20px;right:-2px;display:block;  
content: "\eab2";color: #4f62c0;font-family: "Icofont";webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.main_menu #cssmenu2 > ul > li.has-sub:hover > a:before{ }
.main_menu #cssmenu2 ul ul{position:absolute;left:-9999px;     padding-right: 0px;   top: 100%;display: block !important;    background: #fff;   
  border-top: 3px solid #4f62c0;text-align: left;   z-index: 9;}
.main_menu #cssmenu2 ul ul li{height:auto;display: inline-table;-webkit-transition:all .25s ease;-ms-transition:all .25s ease; 
transition:all .25s ease;
padding:2px 10px;}
.main_menu #cssmenu2 ul ul li:hover{}
.main_menu #cssmenu2 li:hover > ul{left:auto}
.main_menu #cssmenu2 li:hover > ul > li{height:35px}
.main_menu #cssmenu2 ul ul ul{margin-left:100%;top:0}
.main_menu #cssmenu2 ul ul li a{ width:220px; 
font-size:13.5px;color:#000;    word-break: break-word;
text-decoration:none;color:#000;font-weight:400;}
.main_menu #cssmenu2 ul ul li:last-child > a,.main_menu #cssmenu2 ul ul li.last-item > a{border-bottom:0}
.main_menu #cssmenu2 ul ul li:hover > a,.main_menu #cssmenu2 ul ul li a:hover{color:#4f62c0}
.main_menu #cssmenu2 ul ul li.has-sub > a:before{position:absolute;top:13px;right:25px;display:block;width:2px;height:8px; 
-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
content: "\eab2";color: #4f62c0;font-family: "Icofont";transition:.3s;}
.main_menu #cssmenu2 ul ul > li.has-sub:hover > a:before{ transform:rotate(-94deg);top:20px; right:25px;}
.main_menu #cssmenu2 ul ul li.has-sub:hover,.main_menu #cssmenu2 ul li.has-sub ul li.has-sub ul li:hover{ }
.main_menu #cssmenu2 ul ul ul li.active a{border-left:1px solid #333}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu .logo22{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu .logo2{display:none}
.main_menu nav{width:100%;}
.main_menu #cssmenu2{width:100%}
.main_menu #cssmenu2 ul{width:100%;display:none}
.main_menu #cssmenu2 ul li{width:100%;border-top:1px solid #444}
.main_menu #cssmenu2 ul li:hover{background:#363636;}
.main_menu #cssmenu2 ul ul li,.main_menu #cssmenu2 li:hover > ul > li{height:auto}
.main_menu #cssmenu2 ul li a,#cssmenu2 ul ul li a{width:100%;border-bottom:0}
.main_menu #cssmenu2 > ul > li{float:none}
.main_menu #cssmenu2 ul ul li a{padding-left:25px}
.main_menu #cssmenu2 ul ul li{background:#333!important;}
.main_menu #cssmenu2 ul ul li:hover{background:#363636!important}
.main_menu #cssmenu2 ul ul ul li a{padding-left:35px}
.main_menu #cssmenu2 ul ul li a{color:#ddd;background:none}
.main_menu #cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li.active > a{color:#fff}
.main_menu #cssmenu2 ul ul,.main_menu #cssmenu2 ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
.main_menu #cssmenu2 > ul > li.has-sub > a:after,.main_menu #cssmenu2 > ul > li.has-sub > a:before,.main_menu #cssmenu2 ul ul > li.has-sub > a:after,.main_menu #cssmenu2 ul ul > li.has-sub > a:before{display:none}
.main_menu #cssmenu2 #head-mobile2{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.main_menu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.main_menu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.main_menu #cssmenu2 .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
.main_menu #cssmenu2 .submenu-button.submenu-opened{background:#262626}
.main_menu #cssmenu2 ul ul .submenu-button{height:34px;width:34px}
.main_menu #cssmenu2 .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:after{top:15px;right:13px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:after{background:#fff}
.main_menu #cssmenu2 .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:before{top:12px;right:16px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:before{display:none}
.main_menu #cssmenu2 ul ul ul li.active a{border-left:none}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.mlogo,.main_menu {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
 .sticky-header.sticky { background: #fff; color:#fff;position: fixed;top:0px;left: 0;width: 100%; height:auto;z-index: 9999;}
 .header.sticky .topmenu   {display:none;}
 .header.sticky  .mmbg{padding:0px;}
 .header.sticky  {       width: 100%;padding: 0px;}
.sticky {animation-name: fadeInDown;animation-iteration-count: 1;animation-fill-mode: both;animation-timing-function: linear;
    animation-delay: 0s;animation-duration: .7s;} 
/*slider*/
.slider{width: 100%;height: 100vh;overflow:hidden;position: relative;overflow:hidden;} 
 .content {background: #fff;height: 600px;}
.parallax-container {position: relative; height: 500px;}
.parallax {position: absolute;height: 200%;width: 100%;
  z-index: -1;background-image: url(../images/banner.jpg);
    background-position: center;background-repeat: no-repeat;background-size: cover;}
.cap{width: 100%;position: relative;padding:70px 0px;overflow:hidden;}
.capr{width: 100%;position: relative;}
.capr img{width: 100%;height:450px;object-fit:cover;border-top-left-radius:500px;border-bottom-left-radius:500px;object-position: bottom;}
.capl{width: 100%;position: relative; padding:0px 30px 0px 0px;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);} 
.capl h1{font-size:60px;line-height:1;text-align:right;}
.capl h1 span{display:block;}
.capi{margin-bottom: 0px;}
.capr2 img{width: 100%;height:450px;object-fit:cover;border-top-right-radius:500px;border-bottom-right-radius:500px;}
.capl2{}
.capl2{width: 100%;position: relative; padding:0px 0px 0px  30px;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);} 
.capl2 h1{font-size:60px;line-height:1;}
.capl2 h1 span{display:block;}
.sliderimg2{display:none;width: 100%;position: relative;}
.sliderimg2 img{width: 100%;height:auto;object-fit:cover;}
/*about*/
.about{width: 100%;position: relative; padding:90px 0px 0px 0px;overflow:hidden;}
.aboutr img{width: 100%;height:550px;object-fit:cover;}
.aboutl{padding:0px 150px;}
.sectitle{margin-bottom:25px;}
.sectitle h2{font-size:40px;}
.aboutr2  {width:100%;height:400px;    object-position: left; }
.abouti{padding: 0px 0px;}
.aboutll2{width: 100%;position: relative; padding:0px 70px;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);}
 .aboutli{width: 100%;height:650px;}
 .aboutl{margin-bottom:30px;}
 /*slider2*/
.aboutli{width:100%;min-height:350px;margin-bottom: 0px;}
/*hmpage*/
.hmpage{width: 100%;position: relative; padding:70px 0px;background:#4f62c0;overflow:hidden;}
.hmpage .sectitle h2{color:#fff; }
.hmpagel ul{margin:15px 0px;}
.hmpagel ul li{color:#fff; list-style:none;padding-left:20px;display:block;margin-bottom:10px;position:relative;
 line-height: 30px;  font-size: 15px; letter-spacing: 1px;  }
 
 .hmpagel ul li:after {content: "\ec77";color: #fff !important;
    font-family: "Icofont";font-size: 6px;
    left: 0px;top: 0px;position: absolute;}
.capl{padding:0px 60px;}	
 
.qckcall {width: 100%;position: relative;overflow: hidden;}
.qckcall video {display: block;width: 100%;height: 350px;object-fit: cover;}
/*un*/
.un{width:100%;position:relative;padding:70px 0px;overflow:hidden;}
.unl img{width:100%;height:UTO;}
.unr{padding:40px;box-shadow: 0 16px 32px rgb(166 188 233 / 20%);background:#FFF;position:relative;left:-50px;
position: relative;  top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);}
.unr ul{margin:15px 0px;}
.unr ul li{color:#000; list-style:none;padding-left:20px;display:block;margin-bottom:10px;position:relative;
 line-height: 30px;  font-size: 15px; letter-spacing: 1px;  }
 
 .unr ul li:after {content: "\ec77";color: #000 !important;
    font-family: "Icofont";font-size: 6px;
    left: 0px;top: 0px;position: absolute;}	
/*testimonial*/
.testimonial{width:100%;position:relative;padding: 70px 0px;background: url(../images/services.jpg);background-repeat: no-repeat;background-position: top center;
background-size: cover;background-attachment: scroll;}
.testimoniall{width:100%;position:relative;padding:70px 0px;background: url(../images/bg-8.jpg);background-repeat: no-repeat;background-position: top center;
background-size: cover;background-attachment: scroll;}
.testimonial .sectitle {text-align:center;}
.testimoniall{padding:70px 80px;}
 
.testimonialr{width:100%;position:relative;   }
 
.testil img{width:100%;height:auto;}
.testimonial_content{ padding:30px;  margin-top:0px;  text-align:left;
    position:relative;z-index:1; }
.testimonial_contentc{width: 100%!important;border:2px solid #000;position: relative;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);padding:40px 20px;margin:20px 0px;min-height:250px;background:#fff;}	
.testimonial_contentc:after {content: "";height: 100%;width: 100%;background-color: #4f62c0;display: block;
    position: absolute;right: -20px;top: 20px;z-index: -1;
    -webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;}
 .icon-img img {width: 75px!important;margin-bottom:30px;}
.testimonial_content h6,.testimonial_content p{color:#000;text-align:left;}
.testimonial_content h5{color:#000;font-weight: 900;}
.testimonial_content ol li{color:#000;}
.tstl{width:100%;}
.tstl img{width:100%;height:auto;}
.icon-img{ }
.info ul{margin:10px 0px;}
.info ul li{list-style:none;display:inline-block;margin-right:2px;color:#000;font-size:20px;}
.testimonial .sectitle  { position:relative;z-index:12;}
.testi .owl-carousel .owl-item img {width:45px;}
.infoimg{ position: absolute;top: 15%;right: 10%;padding: 5px;z-index: 12; }
 .testi .owl-theme .owl-nav [class*=owl-] {color: #FFF;font-size: 14px;font-weight:900;margin: 5px;
    padding: 8px!important;background: #4f62c0 !important;display: inline-block;cursor: pointer;border-radius: 3px;}
.testi .owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #ccc;display: block;
    -webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 1px;}
.testi .owl-theme .owl-dots .owl-dot.active span,.testi  .owl-theme .owl-dots .owl-dot:hover span {background: #4f62c0;}
.testimonial:after{content:'';position:absolute;top:0px;right:0px;width:100%;height:100%;background: #ffffff8c;}	
.nfooter{width:100%;padding:40px 0px 20px 0px; background:#040273 ;}
 
.nfooter .footer_bx{position:relative;z-index:12;}	
.nfooter .footer_bx h4{text-transform:capitalize;margin-bottom:20px;color:#fff;font-size: 20px;font-weight:400;}
.nfooter .recnt_post ul{margin:0px;}
.nfooter .recnt_post ul li{list-style: none;padding-left:95px;position: relative;margin-bottom: 10px;}
.nfooter .recnt_post ul li img{width:80px;height:50px;object-fit:cover;position: absolute;top: 4px;left: 0;}
.nfooter .recnt_post ul li a{text-decoration:none;font-size:15px;cursor:pointer;}
.nfooter .recnt_post ul li a p{color: #fff;text-align:left;font-size:15px;}
.nfooter .recnt_post ul li a span{font-weight:600;margin-bottom:5px;color:#fff;}
.nfooter .footer_bx p{color: #fff; font-size:15px;    text-align: left; }
.nfooter .quick_link{}
.nfooter .quick_link ul{margin:0px;}
.nfooter .quick_link ul li{list-style:none; margin-bottom:7px; display:block;}
.nfooter .quick_link ul li a{text-decoration:none;color:#fff;font-size:15px;font-weight: 400;}
.nfooter .footer_box_in1 p{color: #fff; font-size: 15px;text-align: left;}
.nfooter .footer_box_in1 a{color: #fff; font-size: 15px;text-decoration:none;}
.copyrights{width:100%;padding:5px 0px; background:#040273;
    border-top: 1px solid #fff;}
.copyrights p{text-align:center;margin:0px;font-size:13px;color: #fff;}
.copyrights a{text-decoration:none;color:#fff;font-size:13px;}
.copyrights img {width: 30px;height: 30px;object-fit: contain;}
.nfooter .footer_bxa a{color:#fff;text-decoration:none;}
.nfooter .footer-icons ul {list-style:none; margin:20px 0px 20px 0px;padding: 0;text-align:center;}
.nfooter .footer-icons ul li {display: inline-block;margin:0px 10px; }
.nfooter .footer-icons ul li a {color: #fff;border-radius:0px;display: block;font-size:21px;text-align: center; 
text-decoration:none;  }
 .footer_box_in1 h6{color:#fff;}
 .copyrights p a img{width:20px;}
 .pt-bg-overley1{background-image: url(../images/bg-1.png);background-attachment: scroll;
background-position: bottom left;background-repeat: repeat-x;background-size: 30% auto;
    opacity: 0.05;transition: background 0.3s,border-radius 0.3s,opacity 0.3s;height: 100%;
    width: 100%;top: 0;left: 0;position: absolute;}
.footer_box_in1ph p a{ border-bottom: 1px solid #000;}
.footer_bxa p{text-align:justify;}
.quick_link2{padding-left:45px;}

/*page_title*/
.page_title{width:100%;position:relative;  padding:250px 0px 20px 0px;     }
.page_title:before { position: absolute;left: 0;top: 0;width: 100%;height: 100%; content: '';background: #4f61c5;z-index: 1;}
.page_title img{width:100%;height:250px;object-fit:cover;} 
.page_title h2{font-size:32px; width:auto;   color:#fff;padding:20px  0px; position: absolute;
 bottom:1%;text-align: center;left:0%;right: 0px;margin: 0; z-index:1 ;  }
 .mabt{width:100%;position:relative;padding:70px 0px;  }
.mabtl{width:100%;position:relative;padding-top:0px;padding-right:0px; }
.mabtl img{width:100%;height:auto;box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);}
.mabtl1 {position: absolute;top: 38px;right: 24px;width: 199px;height: 169px;display: flex;align-items: center;justify-content: center;background-color: #c62824;}
.mabtl1 .inner {position: relative;padding: 20px;text-align: center;}
.mabtl1 h6{color:#fff;font-size:24px;}
.mabtl122 img{width:100%;height:300px;object-fit:cover;box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);}
.mabtl122{position:absolute;bottom:-55px;left:-45px;}
.mabtr h5{text-align:left;margin:15px 0px;}
.mabt2i{margin-top:60px}
.mabt2bx{margin-bottom:30px;position:relative;padding:30px;padding-left:100px;width:100%;box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);}
.mabt2bx img{position:absolute;top:15px;left:20px;width:60px;height:auto;}
.mabt2bx h3{font-size:18px;min-height:65px;}
.mabtr p{text-align:left;}

/*mproducts*/
.mproducts{width: 100%;padding:70px 0px;position:relative;  }
.mproductsbx{width:100%;position:relative;padding:20px;padding-bottom:10px;margin-bottom:25px;background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;text-align:center;}
.mproductsbx img{width:80px;height:auto; }
.mproductsbxc{padding:30px 15px;}
.mproductsbxc h3{text-align:center;margin:0px 0px;font-size:17px;min-height:45px; }

/*prices*/
.prices{width: 100%;padding:70px 0px;position:relative;}

/*prices*/
.prices{width: 100%; position: relative;padding:  90px 0px;overflow:hidden;}
.iSOJsr {position: absolute;top: 0px;z-index: -1;width: 100%;height: 80%;color: rgb(247, 247, 248);}
.pricesbx{width: 100%; text-align:center;   border-radius: 64px; position: relative;padding: 40px 25px;background-color: rgb(255, 255, 255);box-shadow: rgba(34, 39, 43, 0.06) 0px 36px 64px;}
.pricesbx h3{    color: rgb(12, 75, 91);text-align: center;font-size: 24px;font-weight: bold;line-height: 1.4;}
.pricesbx img{width:120px;height:120px;margin:20px auto;}
.advd h3{    color: rgb(81, 179, 167);}
.cstm h3{color: rgb(242, 79, 40);}
.pricesbx h2  {font-size: 50px;}
.pricesbx h2 sup{font-size: 24px;font-weight: bold;line-height: 1.3;    position: relative;top: -25px;}
.pricesbx h2 sub{font-size: 18px;font-weight: bold;line-height: 1.3;}
.bs h2{color: rgb(12, 75, 91);}
.advd h2{    color: rgb(81, 179, 167);}
.cstm h2{color: rgb(242, 79, 40);}
.pricesbxdt  { }
.pricesbxdt ul{margin:0px;min-height:400px;}
.pricesbxdt ul li{position:relative;padding:10px;padding-left:25px;list-style:none;border-bottom: 1px solid rgb(228, 230, 231);text-align:left;font-size:14px;}
.pricesbxdt ul li:after{content: "\efc2";color: rgb(188, 226, 221);font-family: "Icofont";font-size: 16px;left: 0px;top: 12px;position: absolute;}
.pricesbxdt p{margin:10px 0px;text-align:center;font-size: 14px;}
.signup a{cursor:pointer;text-decoration:none;font-size: 16px;margin-top:30px;line-height: 1.6;font-weight: bold;padding: 11px 48px 12px;white-space: nowrap;
    border-radius: 24px;transition: all 0.2s ease-in-out 0s;color: rgb(255, 255, 255);
    background: rgb(12, 75, 91);box-shadow: rgba(12, 75, 91, 0.14) 0px 24px 32px;align-self: center;text-align: center;}
.signupp {min-height:120px;}	
.advd .signup a{background: rgb(81, 179, 167);}
.cstm .signup a{background: rgb(242, 79, 40);}
 .pricesbxdt a:hover{opacity:.6;}
 
 .main_contact{width:100%;padding:  60px 0px 20px 0px;position:relative;
    background-attachment: scroll;background-image: url(../images/cbg.jpg);
    background-position: center;background-repeat: no-repeat;background-size: cover;}	
.main_contact_left img{width:100%;height:auto;margin-bottom:20px;}	
.main_contact_right h3{font-weight:500;margin-bottom:30px;}	
.main_contact_right h5{font-weight:500;margin-bottom:20px;}	
.main_contact_right p b{font-weight:500;margin-bottom:2px;}	
.main_contact_right p a{color: #000;text-decoration:none;font-size: 16px;}	
.main_contact_right p a img{width:25px;}
.main_contact_message input{width:100%;padding:15px;border:1px solid #eee;margin-bottom:15px;background-color:#f7f7f7;    border-radius: 0px;}
.main_contact_message textarea{height:120px;width:100%;resize:none;padding:20px 20px;border:1px solid #eee;margin-bottom:15px;background-color:#f7f7f7;  }
.main_contact_message_btn{text-align:center;}
.main_contact_message_btn p{text-align:center;}
.main_contact_message_btn input[type=submit]{width:auto;border:2px solid #4f62c0;background:#4f62c0;color:#fff;padding:12px 30px;transition:.3s; 
font-size:16px;font-weight:700;    box-shadow: 0 20px 38px rgba(0,0,0,.16);    border-radius:0px;
}	
.main_contact_message_btn input[type=submit]:hover{color:#4f62c0;border:2px solid #4f62c0;background:transparent;}
.main_contact_message{ padding: 25px 15px;
    background-color: #fff;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
    border-radius: 10px;}	
.main_contact_message h3{text-align:center;margin-bottom:20px;font-weight:500;}
 .map iframe {width: 100%;height: 400px;}
.map {margin: 30px 0px;}
.main_contacti{margin-bottom:50px;position:relative;}
.main_contact_bx{width:100%;    text-align: center;margin-bottom: 25px;padding: 20px 15px; min-height:225px;box-shadow: 0 5px 6px 1px rgb(0 0 0 / 20%);background: #fff;padding-top:10px;transition:.2s;}
.main_contact_bx p a{text-decoration:none;color:#000;}	
.main_contact_bx p{     text-align: center;margin-bottom:0px;}
.main_contact_bx h5{font-weight:500;margin:10px 0px;}	
.main_contact_bxi{background:#4f62c0;width:50px;height:50px;text-align:center;line-height:60px;position:relative; transition:.4s;margin:30px 0px;}
.main_contact_bxi i{color:#fff;font-size:36px;}
.icon-item__img {position: relative;}
 .img--layout {height: 85px;width: auto;}
.contacts .icon-item__icon {font-size: 50px;}
.icon--red {color: #f36f8f;}
.icon {display: inline-block;width: 1em;height: 1em;fill: currentColor;}
.iconcnt img{    width: 50px;
    margin: 0px;
    padding: 5px;
    margin-bottom: 25px; }
.icon-item__img{margin-bottom:30px;}
/*main_contact2c*/
.main_contact2c{width: 100%;position: relative;padding: 70px 0px;
background-image: url(../images/bg-1.png);background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment:fixed;}
.main_contact2c:before {position: absolute;content: "";height: 100%;width: 100%;background-color: #000000cc;top: 0;left: 0;  }
.main_contact2cbx{ text-align:center; }
.main_contact2cbx a{border:2px solid #ec6724eb;background:#ec6724eb;padding:12px 20px;color:#fff;font-size:17px;font-weight:700;transition:.3s;
text-decoration:none;border-radius:100px;}
.main_contact2cbx a:hover{background:#ec6724ab;}
.main_contact2cbx p{color:#fff;text-align:center;margin-bottom:30px;}	


.iconcnt {
    position: relative;
    height: 60px;
    width: 60px;
    display: block;
    margin: 0 auto;
    line-height: 55px;
    border: 0;
    background-color: #4f62c0;
}
.iconcnt:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 60px;
    border-width: 0 13px 12px 0;
    border-style: solid;
    border-right-color: transparent!important;
    border-left-color: transparent!important;
    display: block;
    border-color: #4f62c0;
    transition: all .4s;
    opacity: .7;
}
.iconcnt:after {
    position: absolute;
    content: "";
    right: 0;
    height: 11px;
    width: 100%;
    top: -11px;
    z-index: 1;
    border-color: #4f62c0;
    transition: all .5s;
    background-color: #4f62c0;
    transform: scale(1,1.2);
}

.mabtr{position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}



.aboutli23{width:100%;position:relative;display:none;}
.aboutli23 img{width:100%;height:auto;}

.flogos{text-align:center;}
.flogos img{width:100%;max-width:300px;height:auto;    filter: brightness(0) invert(1);}