@import url('/assets/icons/font-awesome.css?');
@import url('/assets/icons/linearicons.css');
@import url('/assets/icons/flat-ui.css');
/*
@import url('/assets/icons/materialdesignicons.css');
*/
@import url('/assets/fonts/fonts.css');
@import url('UA.css');

html{margin:0;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;}
body{margin:0;font-family:Montserrat;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;}
a{text-decoration:none;color:dodgerblue;}
img{pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;}
header{background:#fff;padding:25px 10px;position:relative;box-shadow:0 2px 2px #ccc;margin-bottom:1px;}
header .logo{width:55px;display:inline-block;vertical-align:middle;}
header .name{display:inline-block;vertical-align:middle;font:bold 22px Montserrat;color:rgb(1,120,186);padding-top:10px;}
header .name .slogan{font:400 14px Overpass;text-align:right;}
header .navicon{position:absolute;top:40px;right:10px;width:35px;padding:0;border:none;cursor:pointer;outline:none;}
header .navicon span{position:absolute;display:block;background:rgb(1,120,186);height:3px;width:100%;transition:0.5s ease-in-out;}
header .navicon span:nth-child(2){top:10px}
header .navicon span:nth-child(3){top:20px}
header .navicon.active span:first-child{transform:rotate(45deg);position:absolute;top:10px;}
header .navicon.active span:nth-child(2){transform:scale(0);}
header .navicon.active span:nth-child(3){transform:rotate(-45deg);position:absolute;top:10px;}


.header{position:relative;background:linear-gradient(60deg,#33495E 0%,rgb(5,31,49) 100%);color:white;overflow:hidden;margin-bottom:60px;}
.header .content{min-height:38vh;position:relative;margin-top:35px;}
.header .hero{width:90%;position:absolute;left:5%;bottom:10px;}
.header .btn{margin:30px 0 50px 0;padding:15px 20px;font:bold 17px Product Sans;}
.header .waves{position:relative;width:100%;height:80px;margin-bottom:-20px;min-height:80px;max-height:150px;}
.header .parallax > use{animation:headerwave 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.header .parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s;}
.header .parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s;}
.header .parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;}
.header .parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s;}
@keyframes headerwave{0%{transform:translate3d(-90px,0,0);}100%{transform:translate3d(85px,0,0);}}

@media (max-width:834px){.header .waves{height:45px;min-height:30px;}}


nav{background:#fff;transition:all 0.5s ease-in-out;max-height:0;opacity:0;overflow:hidden;padding:0;text-align:left;}
nav.show{max-height:500px;opacity:1;padding-top:0;padding-bottom:15px;overflow:visible;}
nav li{color:#000;cursor:text;display:block;padding:19px 14px 14px 14px;font-size:16px;position:relative;border-bottom:1px solid #eee;vertical-align:middle;}
nav a{color:#000;text-decoration:none;font-weight:600;font-family:Montserrat;}
nav a:hover li,nav a:hover{color:dodgerblue;}
nav li:hover i{color:#FD355C;}
nav li i{font-size:18px;display:inline-block;vertical-align:baseline;width:23px;text-align:center;margin-top:-2px;margin-right:5px;}
nav .navdropdown{position:relative;display:inline-block;width:100%;}
nav .navmenu{display:none;position:absolute;left:126px;background:#fff;border-radius:15px;z-index:999;box-shadow:0 0 6px #ccc;min-width:200px;top:5px;visibility:hidden;overflow:hidden;opacity:0;}
nav .navmenu:before{content:'';border-width:8px;border-right:8px solid #222;border-bottom:8px solid transparent;border-top:8px solid transparent;position:absolute;display:inline-block;left:-8px;top:15px;}
nav .navmenu .navtitle{color:#fff;padding:8px 10px 5px 10px;background:#222;border-radius:15px 15px 0 0;}
nav .navdropdown:hover .navmenu{display:block;overflow:visible;visibility:visible;opacity:1;}
nav .navmenu li{font:400 14px Arial;line-height:1.5;padding:5px;}
nav .navmenu a:last-child li{border-bottom:none;}



.TopSlider{background:transparent;height:100%;overflow:hidden;margin-bottom:40px;}
.TopSlider .caption{text-align:center;}


.archive-wall{background:url('/assets/img/keyboard.png');background-size:250%;background-position:46%;padding:50px 0 20px 0;text-align:center;margin-bottom:30px;}
.archive-wall .icon{color:#00b865;font-size:50px;background:#fff;padding:20px;box-shadow:0 0 3px #888;border-radius:50%;border:4px solid #00b865;margin-bottom:3px;transition:0.5s ease-in-out;}
.archive-wall .icon.fa-globe{padding:20px 25px 20px 25px;}
.archive-wall .icon.fa-pencil{padding-left:25px;padding-right:25px;}
.archive-wall .num{color:#00b865;font:bold 34px Montserrat;margin-top:15px;margin-bottom:40px;}
.archive-wall .icon:hover{color:#fff;background:#00b865;border-color:#fff;}
.archive-wall .arc-title{position:relative;color:white;font:600 20px Montserrat;margin-top:15px;padding-bottom:8px;}
.archive-wall .arc-title:before{content:'';position:absolute;top:100%;border-bottom:3px solid red;width:50%;left:25%;right:0;transform:scaleX(0.4);}
.archive-wall .arc-title:after{content:"";position:absolute;top:108%;left:50%;margin-left:-7px;border-width:7px;border-bottom:0;border-style:solid;border-color:red transparent;}


.service-box{text-align:center;box-shadow:0 0 6px #ccc;border-radius:10px;width:84%;padding:0 0 30px 0;margin-bottom:35px;}
.service-box .icon{width:100px;margin:10px 0 5px 0;transition:all 0.5s ease-in-out;}
.service-box .service-title{background:#25a2c2;padding:19px 10px 14px 10px;position:relative;border-radius:5px 5px 0 0;margin-bottom:20px;color:#fff;font:500 21px Josefin Sans;}
.service-box .service-title:after{content:"";position:absolute;top:95%;left:50%;margin-left:-10px;border-width:10px;border-bottom:0;border-style:solid;border-color:#25a2c2 transparent;}
.service-box .service-info{font:15px Open Sans;margin-top:10px;padding:0 10px 10px 10px;line-height:1.5;}
.service-box .service-btn{background:#f6755e;border:1px solid #f6753e;padding:10px 25px 8px 25px;color:#fff;box-shadow:none;font:400 15px Montserrat;outline:none;margin-top:15px;border-radius:25px;cursor:pointer;}
.service-box .service-btn:hover{color:#222}
.title{font:bold 30px Montserrat;color:#111;position:relative;margin-bottom:20px;text-align:center;padding-bottom:12px;line-height:1.3;}
.title:before{content:'';position:absolute;bottom:0;border-bottom:3px solid red;width:100%;left:0;right:0;transform:scaleX(0.4);}
.title:after{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;border-width:7px;border-bottom:0;border-style:solid;border-color:red transparent;}
.SideNav{display:none;}
.MainBody{padding:30px 0;}
.SeeAllServicesBtn{border-radius:25px;padding:18px 50px 15px 50px;color:#fff;font:600 15px Montserrat;background:#F6755E;border:none;outline:none;margin:25px 0;cursor:pointer;}
.SeeAllServicesBtn:hover{background:#25A2C2;}


.about{padding:20px 30px;text-align:justify;}
.about .text{font-size:15px;column-width:200px;font-family:Open Sans;}


.help-div{background:linear-gradient(-45deg,dodgerblue,deepskyblue);padding:22px 15px;margin-bottom:40px;}
.help-div .avatar{width:75px;vertical-align:middle;}
.help-div .help-info{display:inline-table;vertical-align:middle;color:rgba(255,255,255,.90);font:17px Montserrat;max-width:75%;padding-left:5px;line-height:22px;}

.co-serv{text-align:center;}
.co-serv .ideo{font:500 15px Open Sans;color:#666;line-height:23px;}
.co-serv .t{color:#222;font:600 32px Montserrat;color:rgb(31,184,83);margin:5px 0;}
.co-serv .core-icon{position:relative;color:rgb(31,184,83);font-size:55px;line-height:45px;padding-bottom:5px;background:transparent;}
.co-serv .core-icon:before{content:'';position:absolute;top:100%;border-bottom:3px solid red;width:50%;left:25%;right:0;transform:scaleX(0.6);}
.co-serv .core-icon:after{content:"";position:absolute;top:103%;left:50%;margin-left:-7px;border-width:7px;border-bottom:0;border-style:solid;border-color:red transparent;}
.co-serv .ua-5{font:bold 17px Montserrat;margin-top:18px;margin-bottom:20px;}
.co-serv .co-serv-2{margin-bottom:18px;}

.products{padding:10px;}
.products .title{margin-bottom:30px;}
.products button{background:transparent;border:none;padding:0;display:inline-block;vertical-align:middle;width:48%;margin-bottom:3px;outline:none;}
.products button img{width:100%;box-shadow:0 0 5px #ddd;border-radius:5px;}



@media screen and (min-width:834px){
header{padding:20px;}
header .navicon{top:26px;right:20px;}
.TopSlider{height:450px;padding-top:30px;}
.TopSlider .owl-carousel .item img{width:55%}
.TopSlider .caption{position:absolute;left:60%;top:20%;font:bold 18px Montserrat;}
.header .content{min-height:300px;height:400px;}
.MainBody{display:inline-block;vertical-align:top;width:;overflow:hidden;padding:50px 0 30px 0;border-left:none;}
.service-box{display:inline-block;vertical-align:top;width:31%;margin:10px 8px;}
.archive-wall{background-size:100%;padding-top:70px;margin-top:20px;}
.archive-wall .arc-block{display:inline-table;width:30%}
.co-serv .co-serv-2{display:inline-table;vertical-align:top;width:300px;border-radius:25px 0;box-shadow:0 0 1px #eee;height:120px;padding-top:9px;margin:8px;}
.co-serv{margin-bottom:20px;}
.co-serv .ideo{font-size:16px;}
.co-serv .t{font-size:60px;}
.help-div{text-align:center;padding:45px 40px;margin:20px 0 40px 0;}
.help-div .help-info{text-align:left;padding-left:10px;font-size:26px;line-height:36px;}
.help-div .avatar{width:100px;}
header .navicon{top:32%;}
.title:before{width:50%;left:25%}
}

.mdt1{font:800 18px Montserrat;margin-bottom:10px;line-height:1.4;border-left:6px solid rgb(1,120,186);color:rgb(1,120,186);padding:4px 0 0 15px;}
.mdt2{font:400 25px Montserrat;margin-bottom:10px;line-height:1.4;}

footer{background:rgb(5,31,49);color:#fff;padding:20px 10px 30px 10px;font-family:Montserrat;font-size:15px;}
footer .abt{font:bold 24px Montserrat;margin-top:25px;display:block;margin-bottom:11px;}
footer .abt small{font-weight:400;}
footer .ul{position:relative;margin-bottom:18px;margin-top:30px;font:600 16px Montserrat;text-transform:uppercase;}
footer .ul:before{content:"";position:absolute;bottom:-8px;left:0;border-bottom:3px solid red;width:30px}
footer .ul:after{content:"";position:absolute;bottom:-8px;left:34px;border-bottom:3px solid #FACD10;width:10px}
footer i{width:15px;text-align:center;margin-right:2px;color:deepskyblue}
footer li{list-style:none;margin:12px 15px 4px 10px;border-bottom:1px dashed rgba(255,255,255,.25);padding-bottom:8px;}
footer li:before{content:'> ';font-family:Linearicons;font-size:11px;color:#fff;margin-right:4px;}
footer li a{color:rgba(255,255,255,.99);text-decoration:none;}
footer li a:hover,footer li a:focus{color:yellow;text-decoration:none;}
footer .block li:nth-child(2){padding-top:5px;}
footer .info{margin:6px 0;}
footer .info a{color:#fff;text-decoration:none;}
footer .InBlock{padding-left:10px;}

.dev .social{margin:10px 0 20px 0;text-align:center;}
.dev .social button{display:inline-block;overflow:hidden;height:45px;width:45px;background:#bbb;border-radius:50px;border:none;text-align:center;color:#fff;text-decoration:none;font-size:23px;}
.dev .social button.fa-twitter{background:dodgerblue;}
.dev .social button.fa-facebook{background:#3D5B99;}
.dev .social button.fa-instagram{background:linear-gradient(45deg,gold,deeppink,indigo);}
.dev .social button.fa-youtube-play{background:rgb(230,0,0);}
.dev .social button.fa-whatsapp{background:rgb(31,184,83);}
.dev .social button:hover{color:#fff;}

.dev{text-align:center;padding:25px 20px 30px 20px;font:400 14px Open Sans;line-height:24px;}
.dev .footerlogos{width:100%;}
.dev .copyright{border-top:1px solid #ddd;margin-top:25px;padding-top:30px;}
.dev .copyright a{font:800 16px Open Sans;color:#1CA45C;text-decoration:none;display:inline-block;position:relative;}
.dev .copyright a:after{content:'';height:2px;width:100%;background:linear-gradient(-90deg,#FF9E0F,#FD355C);position:absolute;bottom:0;left:0;transition:background 0.5s ease-in-out;}
.dev .copyright a:hover{color:#FD355C;}


.strips{height:20px;overflow:hidden;}
.strips .strip{width:14.275%;height:25px;background:#1CA45C;display:inline-block;vertical-align:top;}
.strips .strip:nth-child(2){background:#FF9E0F;}
.strips .strip:nth-child(3){background:#FD355C;}
.strips .strip:nth-child(4){background:rgb(91,188,45);}
.strips .strip:nth-child(5){background:dodgerblue;}
.strips .strip:nth-child(6){background:deepskyblue;}
.strips .strip:nth-child(7){background:rgb(114,121,253);}

@media screen and (min-width:834px){
footer{padding-top:30px;padding-left:30px;padding-right:20px;}
footer .block{display:inline-block;vertical-align:top;width:29%;}
footer .contact{display:inline-block;vertical-align:top;width:40%;background:transparent;margin-left:5px;}
footer .abt{font-size:26px;}
.dev .social{display:inline-block;vertical-align:middle;width:49%;text-align:left;}
.dev .copyright{display:inline-block;vertical-align:middle;width:49%;text-align:right;margin:0;padding:0;border:none;}
footer .Copyright .dev{text-align:right;}



}

@media screen and (min-width:600px){
footer{font-size:15px}
footer .abt{font-size:30px;}
.co-serv .co-serv-2{display:inline-table;vertical-align:top;width:310px;}
.help-div{text-align:center;padding:40px 35px;margin:20px 0 40px 0;}
.help-div .help-info{text-align:left;padding-left:10px;font-size:21px;line-height:30px;width:90%;}
.co-serv .t{font-size:40px;}.co-serv .ideo{font-size:15px;}
.service-box{display:inline-table;width:300px;height:400px;margin-left:6px;margin-right:6px;}
.TopSlider{height:340px;}
}


/* */
.ContactPage{font-family:Open Sans;}
.contact-form{padding:10px;font-family:Open Sans;}
form .form-control{font-size:14px;padding:10px;margin-bottom:18px;height:27px;width:94%;font-family:Open Sans;}
form textarea.form-control{resize:none;height:100px;}
form label{font-size:15px;font-weight:600;line-height:15px;margin-bottom:2px;}
form label b{color:red;}
form .btn{font-size:15px;height:40px;width:100px;padding-top:6px;}

#contact-messages,#register-msg{margin:10px 0 10px 0;min-height:0;border-radius:5px;padding:8px;font-size:14px;text-align:center;}

.contact-c1{padding:10px;}
.contact-c1 .abt{font:bold 32px Montserrat;background:linear-gradient(45deg,deeppink,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none;}}
.contact-c1{padding:10px;}
.contact-c1 .icon{color:dodgerblue;}
.contact-c1 .c11{margin-bottom:10px;}
.contact-c1 .map{width:100%;height:200px;border:1px solid #ddd;}
.wut{font:bold 20px Montserrat;margin-bottom:15px;border-bottom:2px solid red;width:50px;}

@media screen and (min-width:734px){
.contact-c1,.contact-c2{display:inline-table;width:48%;vertical-align:top;min-height:800px;padding-top:15px;}
.contact-c1{padding:20px 30px 0 30px}
.contact-c2{width:400px;background:transparent;padding-left:20px;padding-right:20px;position:relative;}
.contact-c1 .map{width:75%;height:225px;}
.contact-c2:before{content:'';position:absolute;left:0;background:linear-gradient(gold,deeppink);height:70%;width:3px}
.pp .text,.text-2{min-height:750px;}
.text2{margin:0 250px 0 250px;min-height:750px;}
.contact-c1 iframe{width:100%;}
}

.tnc{margin-bottom:20px;user-select:none}

.text2{padding:10px;text-align:justify;font-size:15px;}
.ua-align-center{text-align:center;}
.ua-bold{font-weight:bold;}

/* - POLICIES - */
.pp{padding:10px;}
.pp .text{padding:15px;column-width:450px;text-align:justify;font-size:16px;}
.pp .ppt{font:700 18px Open Sans;}


.ua-color-red{color:red;}
.ua-color-green{color:rgb(31,184,83)}
.ua-color-blue{color:dodgerblue}
.ua-color-orange{color:orangered}
.ua-color-teal{color:teal;}
.ua-color-blue2{color:rgb(1,120,186);}
.ua-color-purple2{color:darkorchid;}
.ua-color-dpink{color:deeppink;}
.ua-color-green2{color:limegreen;}

.ua-label{background:#eee;border-radius:3px;color:#fff;font:bold 12px Arial;padding:2px 5px 2px 5px;display:inline-table;vertical-align:top;}
.ua-label-success{background:rgb(31,184,83);}
.ua-label-warning{background:#d9534f;}

.ua-label a{color:inherit;text-decoration:none;}

.ClientPage{padding:10px 20px;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
 .ClientPage .client{background:rgba(114,121,230,.08);border-radius:15px;padding:40px 15px;border:2px dashed rgb(114,121,230);text-align:center;margin:20px 0 50px 0;}
 .ClientPage .client img{width:125px;background:transparent;border:none;pointer-events:none;}
 .ClientPage .client .ClientName{margin-top:30px;text-decoration:none;font-weight:bold;padding-bottom:8px;margin-bottom:8px;border-bottom:2px dashed rgba(114,121,255,.40);}
 .ClientPage .client a{text-decoration:none;color:rgb(114,121,230);}
 .ClientPage .client a:hover{color:red;}
 .ClientPage .client .info{text-align:left;}
 @media screen and (min-width:600px){
 .ClientPage{padding:10px 20px;}
 }
 @media screen and (min-width:834px){
 .ClientPage{padding:10px 20px;}
 .ClientPage .client{display:inline-block;width:33%;vertical-align:top;margin:20px;}
 }