section.fixed{position:fixed; right:20px; bottom:20px; z-index:9999; overflow:hidden; border-radius:40px;}
.slider, .action, .moduls, .prices, .question, .contacts,
.section-list, .section-list ul, footer{width:100%; height:auto;}
header{height:50px; width:100%; padding:20px 0 20px 0; position:fixed; top:0; left:0; right:0; background-color:#fff; z-index:9999;}
header div.logo img{height:50px;}
header ul {margin-top:5px;}
header ul li{float:left;}
header ul li a{color:var(--dark-black-color); padding:10px 15px 10px 15px; display:block;}
header ul li a:hover, header ul li a:active{color:var(--green-color);}
header ul li.active a{background-color:var(--green-color); border-radius:var(--border-radius); 
color:#fff !important; border:1px var(--green-color) solid;}
header ul li.active a:active, header ul li.active a:hover{background-color:var(--white-color); color:var(--dark-black-color) !important;}
.contents{padding:60px 0 0 0; }
.heading-title{font-size:40px; overflow:hidden; padding:20px 0 20px; text-align:center; width:100%;}
.heading-title h2{font-size:40px;}
.heading-desc{width:700px; text-align:center; height:auto; margin:0px auto; padding-bottom:40px;}

.slider {background-color: #E3F0FA; padding:40px 0 0 0; margin-top:90px;}
.slider div.col-md-6:nth-child(2){margin:0px !important; position:relative;}
.slider div.image div.images{position:absolute; bottom:-80px; left:25%;}
.slider div.top{padding:10px 15px; background-color:#fff; display:inline-block; 
margin-bottom:20px; border-radius:var(--border-radius); line-height:10px;}
.slider div.top img{width:20px;}
.slider div.top div.fleft:nth-child(1){margin-right:5px;}
.slider div.top div.fleft:nth-child(2){padding-top:5px;}
.slider div.titles{margin-bottom:20px;}
.slider div.description{font-size:18px; color:var(--light-black-color); margin-bottom:40px;}
.slider div.disflex{height:500px;}
.slider h1{font-size:40px;}
.slider div.image img{height:600px;}

.why div.title{font-size:18px; margin-bottom:10px;}
.why div.description{margin-bottom:20px; color:var(--light-black-color);}
.why div.description strong{color:var(--primary-color);}

.modullist ul li{float:left; padding:20px; width:calc(50% - 60px); 
border-radius:var(--border-radius); height:130px; margin-bottom:10px; 
background-color:var(--light-gray-color); border:1px #e5e5e5 solid; 
transition:all .5s ease;}
.modullist ul li:hover, .modullist ul li:active{background-color:#fff;}
.modullist ul li:nth-child(2n+1){margin-right:10px; }
.modullist ul li img{width:40px; margin-bottom:5px;}
.modullist ul li div.title{font-size:17px;}

.teams div.list{width:100%; height:auto; background-color:#f8f8f8; border-radius:var(--border-radius);}
.teams div.list img{width:100%;}
.teams div.list div.title{font-size:18px;}
.teams div.list div.description{width:calc(100% - 40px); padding:20px; }

.prices{width:calc(100% - 80px); height:420px; padding:30px; border-radius:var(--border-radius); position:relative;}
.prices.white{background-color:#fff;color:#0e0e13; border:1px #f1f1f1 solid;}
.prices.blue{background-color:var(--primary-color); color:#fff;}
.prices.blue div.border{width:100%; height:1px; background-color:#fff; margin-bottom:25px;}
.prices.green{background-color:var(--green-color);color:#fff;}
.prices .box{position:absolute; left:30px; top:-10px; display:inline-block; padding:10px 15px; border-radius:var(--border-radius); background-color:var(--green-color);}
.prices div.title{font-size:30px; margin-bottom:20px; margin-top:20px;}
.prices div.shortdesc{font-size:15px; margin-bottom:20px;}
.prices div.price{font-size:35px; position:absolute; bottom:90px; left:30px;}
.prices div.list{width:100%; margin-bottom:30px;}
.prices div.list ul{width:100%; overflow:hidden; margin-bottom:10px;}
.prices div.list ul li{float:left; margin-right:20px;}
.prices div.button{width:100%; position:absolute; left:30px; bottom:30px; }
.prices div.button a{width:calc(100% - 60px);  border-radius:var(--border-radius); cursor:pointer; text-align:center; display:block; line-height:40px;height:40px;}
.prices.white div.button a{background-color:var(--primary-color); color:#fff;;}
.prices.blue div.button a{background-color:#fff; color:var(--primary-color);}
.prices.green div.button a{background-color:#fff; color:var(--primary-color);}
.prices.blue div.button a:hover, .prices.blue div.button a:active{background-color:var(--primary-color); color:#fff;}
.prices.green div.button a:hover, .prices.green div.button a:active{background-color:var(--green-color); color:#fff;}
.prices.white div.button a:hover, .prices.white div.button a:active{background-color:#fff; color:var(--primary-color);}
/*.prices div.forms{width:calc(100% - 40px); height:auto; background-color:var(--primary-color); 
                  color:var(--white-color); padding:20px; border-radius:var(--border-radius);}
.prices div.text{width:calc(100% - 20px); height:auto; padding-right:20px;}
.prices div.form-big-title{font-size:22px;}*/

.contacts div.bglightprimary{width:calc(100% - 80px); padding:60px 40px;}
.contacts a{color:var(--black-color);}
.contacts div.list div.icon{width:50px; height:50px; border-radius:var(--border-radius); background-color:var(--primary-color); color:var(--white-color); margin-right:10px;}
.contacts div.list div.icon i{font-size:20px;}
.contacts div.list div.text{width:calc(25% - 60px);}
.contacts div.title{width:100%; text-align:center; font-size:30px; margin-bottom:10px;}
.contacts div.shortdesc{margin-bottom:40px; width:100%; text-align:center; font-size:18px;}
.contacts .social a i{font-size:30px !important;}
.action{width:100%; height:auto; background-image:url(/home/images/action.webp); 
  background-size:cover; background-attachment:fixed; color:#fff; text-align:center; overflow:hidden;}
.action div.title{font-size:30px; margin-bottom:10px;}
.action div.description{margin-bottom:20px; font-size:18px;}
.actiontop{width:100%; height:auto; padding:40px 0 40px 0; text-align:center; font-size:30px; line-height:30px; }
.section-list ul{overflow:hidden; margin-bottom:20px;}
.section-list ul li:nth-child(1){margin-right:10px; width:80px;}
.section-list ul li:nth-child(2){padding-top:10px; width:calc(100% - 100px);}
.section-list ul li div.icon{width:80px; height:80px; cursor:pointer; border-radius:var(--border-radius); border:1px var(--blue-color) solid; background-color:var(--blue-color);}
.section-list ul li div.icon:hover, .section-list ul li div.icon:active{background-color:var(--light-gray-color);}
.section-list ul li{float:left;}
.section-list ul li strong{font-size:22px;}

.accordionmenu{width:100%; min-height:60px; cursor:pointer; line-height:60px; 
               border-radius:var(--border-radius); border:1px var(--light-primary-color) solid; 
               background-color:var(--light-primary-color); color:var(--black-color);}
.accordionmenu div.text{float:left; padding-left:20px; width:calc(90% - 20px);}
.accordionmenu div.icon{float:right; padding-right:20px; width:calc(10% - 20px);}
.accordionmenu:hover, .accordionmenu:active, 
.accordionmenu.active{background-color:var(--primary-color);}
.accordionmenu:hover div.text, .accordionmenu:active div.text, 
.accordionmenu:hover div.icon, .accordionmenu:active div.icon,
.accordionmenu.active div.text, .accordionmenu.active div.icon{color:#fff;}
.accordioncontent{width:100%; height:auto; display:none; border-bottom:1px #f1f1f1 solid; transition: max-height 0.5s ease-in-out !important; border-left:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid;}
.accordioncontent div.row{padding:20px; margin:0 !important;}

.menuicon{font-size:17px; cursor:pointer; margin-top:12px;}
.menuicon:hover, .menuicon:active{color:var(--green-color);}

.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;
          background-color:rgba(173,219,208,.4);display:flex;
          justify-content:center;align-items:center;opacity:0;
          visibility:hidden;transition:opacity .4s;z-index:1000}
.lightbox.active{opacity:1;visibility:visible}
.lightbox .form{width:calc(500px - 60px);background:#0072a7;border-radius:8px;padding:50px 30px;box-shadow:0 0 20px rgba(0,0,0,.3);
                max-height:90vh;overflow-y:auto;opacity:0;transform:translateY(20px);
                transition:opacity .4s .2s,transform .4s .2s; color:#fff; position:relative;}
.lightbox.active .form{opacity:1;transform:translateY(0)}
.lightbox .form div.closer{position:absolute; right:30px; top:30px; font-size:30px; color:#fff; cursor:pointer;}
.lightbox .form div.closer:hover, .lightbox .form div.closer:active{opacity:0.5;}
.lightbox .form div.title strong {font-size:22px;}

.lightbox .content, .lightbox .success {transition: opacity 0.5s ease, transform 0.5s ease;}
.lightbox .content.hide{opacity: 0;transform: scale(0.95); pointer-events: none;}
.lightbox .success{ display: none;opacity: 0;transform: scale(1.1); width:100%; text-align:center;}
.lightbox .success.show{display: block;opacity: 1;transform: scale(1);}
.lightbox .success i{font-size:80px;}
.lightbox .form .content .button{display:block;}
.lightbox .form .content .button.hide{display:none;}
.lightbox .form .content .buttonsuccess{display:none;}
.lightbox .form .content .buttonsuccess.show{display:block;}

.contracts .font10{font-size:12px;}
.contracts a{color:#fff; font-size:12px;}

.header-bottom{width:100%; height:auto; padding-top:130px; text-align:center; padding-bottom:50px; background-color:#e4f0fa;}
.header-bottom div.head{width:100%; height:auto; }
.header-bottom h1{font-size:2.4em; line-height:30px;}
.header-bottom h2{font-size:15px; font-weight:normal; width:600px; padding-bottom:20px; display:block; overflow:hidden; margin:0px auto;}
.header-bottom h1 strong span{color:#0072a7;}
.header-bottom div.button{background-color:#0072a7; padding:15px 20px; display:inline-block; border-radius:10px; color:#fff;}

.section-content{width:100%; height:auto; background-color:#fff;}
.sector div.boxes{width:calc(100% - 60px); height:500px; background-color:#fff; 
                  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
                  padding:30px;
                  border-radius:10px; border:1px #f1f1f1 solid;}
.sector div.boxes:hover, .sector div.boxes:active{background-color:#f8f8f8;}
.sector div.boxes div.images{width:100%; height:auto; margin-bottom:20px; text-align:left;}
.sector div.boxes div.images img{width:130px;}
.sector div.boxes div.title{margin-bottom:15px; font-size:18px;}
.sector div.boxes div.icon{width:30px; height:30px; margin-right:5px; 
                           background-color:#f1f1f1; border-radius:30px; 
                           text-align:center; line-height:30px; 
                           font-size:12px;}
.sector div.boxes div.fleft:nth-child(2){width:calc(100% - 40px);}
.sector div.boxes ul li{margin-bottom:10px; height:30px; line-height:30px;}
.footers {
    background-color: var(--primary-color);
    padding-bottom: 60px;
}
.footers div.logo img{height:50px;}
.footers ul li {float:left; margin-left:10px;}
.footers ul li a{color:#fff;}