@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');


body {
	font-family: 'Open Sans', sans-serif;
	height:100%;
	overflow-x:hidden;
	margin: 0;
	padding:0;
	text-rendering: optimizeLegibility !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
	border: 0;
    vertical-align: baseline;
	font-size:0.875rem;
}

input::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.3s ease;}
input::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.3s ease;}
input:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.3s ease;}
input:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.3s ease;}
input:focus::-webkit-input-placeholder {text-indent: 250px; transition: text-indent 0.3s ease;}
input:focus::-moz-placeholder          {text-indent: 250px; transition: text-indent 0.3s ease;}
input:focus:-moz-placeholder           {text-indent: 250px; transition: text-indent 0.3s ease;}
input:focus:-ms-input-placeholder      {text-indent: 250px; transition: text-indent 0.3s ease;}


::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:6px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#32312e;
box-shadow:0px 0px 3px #000 inset;
}

#purchases::-webkit-scrollbar-track {
background-color:#fff;
box-shadow:0px 0px 0px #000 inset;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
background-color:#f8d982;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:7px;
height:0px
}

::-webkit-scrollbar{
width: 11px;
}


/*! OTHER */


#more {
  display: none;
}
.cov-img-div {height:100%}

.d-none {display:none;}

#modal-confidencial h2, 
#modal-confidencial h3,
#modal-rules h2, #modal-rules h3,
#modal-cookies h2, 
#modal-cookies h3 
{
    font-weight: 700;
    position: relative;
}


#modal-confidencial strong, 
#modal-cookies strong,
#modal-rules strong
{
	color:#333
}



#modal-confidencial ul li, 
#modal-cookies ul li,
#modal-rules ul li
{
	margin-bottom:15px
}



#modal-confidencial [class*='uk-modal-close-'], 
#modal-cookies [class*='uk-modal-close-'],
#modal-rules [class*='uk-modal-close-']

{
    position: absolute;
    z-index: 1010;
        top: 16px;
    right: 23px;
    padding: 5px;
	    color: #333;
}


/*! OTHER END*/







/*! NAVBAR */

.logo a span {
    font-size: 80%;
	color:#fff;
}




.logo a {
    font-weight: 700;
	color: #f8d982!important;
	
	
}
.link-top {font-weight:600}
.logo {padding-right:100px;}
.top-lang-modal-dialog {width:auto; background:#000; color:#fff;}
.top-lang-modal-dialog a {color:#fff;-webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;}
.top-lang-modal-dialog a:hover, .top-lang-modal-dialog a:focus {color: #f8d982; text-decoration:none; -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;}
.top-lang-modal-dialog ul {
    list-style: none;
    margin: 0;
    padding: 25px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.top-lang-modal-dialog ul li {
    padding: 10px 0;
	    border-bottom: 1px solid #202020;
}
.top-lang-modal-dialog ul li span{
    color: #f8d982;
	font-size:11px; font-weight:400; padding-left: 10px;
}

.top-lang-modal-dialog ul li:last-child { border:0 }


.top-contact-modal-dialog {width:auto; background:#000; color:#fff}
.mainmenu {
    padding: 0 5%;
    max-width: 2000px;
    margin: 0 auto;
}
.mainmenu .uk-navbar-nav > li > a {color:#fff; -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;}
.mainmenu .uk-navbar-nav > li > a:hover, .mainmenu .uk-navbar-nav > li > a:focus {    color: #f8d982; -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;}
.uk-sticky-fixed.uk-active

{
	-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
	background:#000
}

.uk-sticky-fixed {
	
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
	
}


 a .top-tel{
    font-weight: 700;
}

/*! NAVBAR END */



/*! SECTION START */
#start {
    margin-top: -80px;
}

#start h6 {
	font-size:240px; 
	font-weight:700;
	line-height: 1;
	}


#start h6 span {
	font-family: Times New Roman;
    font-size: 270px;
    font-weight: 600;
	color: #f8d982;
}

.subtitle {
    color: #f8d982;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding: 0px 80px 0px 0px;
    text-align: right;
    margin-top: -10px;
    position: relative;
    top: -35px;
}

.scrolldown img {max-height:42px}



.scrolldown {
	top: -50px;
    position: relative;
	-webkit-animation: scrolldown 1s steps(50, end) 1s infinite alternate-reverse both;
    animation: scrolldown 1s steps(50, end) 1s infinite alternate-reverse both;
			{
   
}
}

@-webkit-keyframes scrolldown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@keyframes scrolldown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}







/*! END SECTION START */





/* END SECTION DEV */



.add-serv-block ul {
	list-style:none;
	padding:0;
	margin:0;
}


.add-serv-block ul li {
	margin-bottom:30px;
	position:relative;
	padding-left: 30px;
}

.add-serv-block ul li strong {
    border-bottom: 1px solid;
	font-weight: 600;
}

.add-serv-block ul li:before {
	content:"";
	position:absolute;
	background:#f8d982;
	width:3px;
	height:100%;
	border-radius:10px;
	left: 6px;
}



.main-dev-title-dark {
    font-weight: 700;
    font-size: 52px;
    position: relative;
    color: #333;
}


h2.dev-title-dark, h2.services-block-title {
    font-weight: 700;
    font-size: 52px;
    position: relative;
    color: #333;
}
.dev-sub-title-dark, h3.services-block-sub-title {
    font-weight: 700;
    margin-top: 20px;
}


.txt-right-box  {
    padding: 25px;
    padding-bottom: 55px;
}



.dev-tem-block {
	padding:0px;
	padding-bottom:0px;
	position:relative;
	overflow: hidden;
	cursor:pointer;
	margin-bottom:40px;
}


#services .dev-tem-block {
	padding:25px;
	padding-bottom:40px;
	position:relative;
	overflow: hidden;
	cursor:pointer;
	margin-bottom:40px;
}


.dev-tem-block.i-1:after  {
content: "online store...";
}

.dev-tem-block.i-2:after  {
content: "corporate website...";
}

.dev-tem-block.i-3:after  {
content: "Product catalogs...";
}

.dev-tem-block.i-4:after  {
content: "onepage & landing...";
}



.dev-tem-block.i-10:after  {
content: "www...";
}

.dev-tem-block.i-20:after  {
content: "protection...";
}

.dev-tem-block.i-30:after  {
content: "optimization...";
}

.dev-tem-block.i-40:after  {
content: "content...";
}


.fauture-more {
	color:#fff;
	text-decoration:none;
}

.feauture-box {
	padding-bottom:30px
}
.digit {color:#f8d982}

.digit-block-inner  {
    rotate: 0 0 1 -90deg;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    top: 35px;
    line-height: 21px;
    left: 10px;
}
.feauture-title {
    color: #f8d982;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 5px;
}
.vert {
    width: 35px;
	position:relative;
}

.dev-tem-block:after  {  
    position: absolute;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 800;
    right: 35px;
    bottom: 5px;
    color: #eeeeee;
	transition: all .2s ease-in-out;
}

#servicesdev .uk-grid-match >div:hover .dev-tem-block:after, #services .uk-grid-match >div:hover .dev-tem-block:after  {  
   
    transition: all .2s ease-in-out;
    right:45px;
    
}




.dev-tem-block h4 {
    font-size: 28px;
    font-weight: 700;
	position:relative;
	padding-left:30px;
}


.dev-tem-block h4 span {
    display: block;
    float: right;
    background: #f8d982;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    padding: 5px 20px;
    color: #000000;
    /* box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9); */
    text-shadow: 0px 0px 0px rgb(0 0 0);
    margin-bottom: 0;
}







.dev-tem-block h4:before {
    content: "";
    position: absolute;
    height: 20px;
    background: #f8d982;
    border-radius: 100px;
    width: 20px;
    left: 0;
    top: 11px;
}

.dev-tem-block h4:after {
    content: "";
    position: absolute;
    height: 10px;
    background: #fff;
    border-radius: 100px;
    width: 10px;
    left: 5px;
    top: 16px;
}

.dev-tem-block span {

}
.fot-kto  {
    background: #f9f9f9;
    padding: 20px;
}
.de-step ul {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
.de-step ul li {
    position: relative;
    padding-left: 20px;
}
.de-step ul li:before {
	content:"";
	position:absolute;
	height:10px;
	width:10px;
	background:#f8d982;
	left:0;
	border-radius:20px;
	top: 6px;
	
}
.de-step ul li:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    background: #ffffff;
    left: 2px;
    border-radius: 20px;
    top: 8px;
}
/*! END SECTION DEV */
.itw-service-for strong {
    flex: 0 0 auto;
 
}
.dev-info {
    font-size: 12px;
}
.itw-service-for i {
   font-style:normal;
}
.itw-service-for {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    
}

.img-promo {position:relative}
.img-promo:after {
    content: "";
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 200px;
    background: #f8d982;
    opacity: 0.5;
    z-index: -1;
    right: -8px;
    top: 11px;
}


.img-promo img { 
    max-width: 50px;
}



.promo-box-title  {
    font-weight: 700;
    color: #333;
    font-size: 21px;
}






/*! SECTION tech */


#tech {
    background: #f5f5f5;
    padding: 70px 0;
}

#tech h2 {
	font-weight:700;
	position:relative;
}

#tech h2 span {
    font-weight: 600;
    background: rgb(248, 217, 130);
    font-size: 14px;
    padding: 5px 15px;
    position: absolute;
    top: 0px;
    margin-left: 15px;
	border-radius:5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*! end SECTION tech */









/*! SECTION CMS --------------------------------------- */

#allcms {
	padding:70px 0;
}
.part-logo-item h6  {
    font-weight: 600;
    font-size: 16px;
    margin-top: 15px;
    letter-spacing: 1px;
}


.part-logo-item img {
	max-height:110px;
}

.part-logo-item img:hover {
	 filter: grayscale(0%);
}

.popup-faq {
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid;
	text-decoration:none;
}
.popup-faq:hover {
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid;
	text-decoration:none;
}
#allcms h2 {
	font-weight:700;
	position:relative;
}

#allcms h2 span {
    font-weight: 600;
    background: rgb(248, 217, 130);
    font-size: 14px;
    padding: 5px 15px;
    position: absolute;
    top: 0px;
    margin-left: 15px;
	border-radius:5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*! END SECTION CMS ------------------------------------- */


/*!  SECTION callformmain */
#callformmain {
	position:relative;
	background:#000 url(/images/bgallcontact.jpg) center center;
	background-size:cover;
	overflow:hidden;
	padding:70px 0;
	color:#fff;
}

#callformmain .uk-accordion-content {
	    color: #999;
}


#callformmain .uk-input, #callformmain .uk-select, #callformmain .uk-textarea, #callformmain textarea {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #bfbfbf;
    color: #fff;
    font-weight: 600;
}

#callformmain .uk-accordion-title {
  
    font-size: 1.25rem;
    font-weight:700;
    color: #fff;
  
}

#callformmain h3 {
	font-weight:700;
	color:#f8d982;
}



/*!  SECTION callformmain end */





/*!  SECTION contact */
#contact {
	position:relative;
	background:#000 url(/images/contactbg.jpg) center center;
	background-size:cover;
	overflow:hidden;
	padding:70px 0;
	color:#fff;
}

.contact-sec-title {
    font-weight: 700;
    font-size: 52px;
    position: relative;
	color: #fff;
}

.btn-y-b-big {
	font-weight: 700;
	border:0;
    background-color: #f8d982;
	color:#000;
-webkit-border-radius: 100px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius: 100px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-radius: 100px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
	padding: 15px 70px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:fit-content;
}
.mailto-contact {color: #f8d982; text-decoration:none;-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;}
.mailto-contact:hover {color: #fff; text-decoration:none;-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;}

#contact .s-social a {
    color: #999;
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


#contact .binct-phone-number-1 {color: #f8d982; text-decoration:none;-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;}
#contact .binct-phone-number-1:hover {color: #fff; text-decoration:none;-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;}


#contact .s-social a:hover {
	color: #f8d982; 
	-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}



/*! END SECTION contact */








/*! SECTION whyus */

#whyus {
	background:#000;
	color:#fff;
	padding:70px 0;
	background-image: url(/images/seotextbg.png);
    background-repeat: no-repeat;
    background-position: 90% center, center;
	
	   
}

#whyus .uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid #363636;
}


.s-meta {
	color:#f8d982;
	font-weight:700;
}

#whyus h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
}

#whyus p {
    color: #999;
}
/*! end SECTION whyus */














/*! SECTION partners */


#partners {
	padding:70px 0;
}

.btn-y-b-more-p {
	font-weight: 700;
    background-color: #f8d982;
	color:#000;
	border-radius:100px;
	padding: 15px 70px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:fit-content;
	
}


/*! END SECTION partners */



/*! SECTION seotext */

#seotext {
	background:#f5f5f5;
	padding:70px 0;
	background-image: url(/images/seotextbg.png);
    background-repeat: no-repeat;
       background-position: 90% center, center;

}
#seotext h4, #seotext h3 {
	font-weight:600;
}
#myReadBtn {
	border:0;
	background:transparent;
	padding:0;
	cursor:pointer;
	    font-size: 0.875rem;
		font-weight:600;
}

.seo-sec-title {
	font-weight:700;
	font-size:52px;
	position:relative;
}
.seo-sec-title:before {
	content:"";
}

/*! END SECTION seotext */



/*! SECTION FOOTER */

#footer {
	background:#000;
	color: #fff;
}

.footer-section {
	padding-top:90px;
}
.footer-col-list ul {
	list-style:none;
	padding:0;
	margin:0;
}


.footer-col-title {
	color:#fff;
	text-transform:uppercase;
	font-size:0.875rem;
	margin-bottom:20px;
}

.footer-col-list li {
    margin-bottom: 15px;
}

#footer a {
	color:#999;
	text-decoration:none;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

#footer a:hover {
	color: #f8d982; 
	-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.footer-logo p {
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(248, 217, 130) !important;
    font-size: 21px;
}


.footer-logo p span {
    font-size: 80%;
    color: #fff;
}

.sub-title-adress, .sub-title-email, .sub-title-phone, .social-items {
	color:#fff;
	font-weight:600;
}

.sub-title-email, .sub-title-phone, .social-items {
	margin-top:20px;
}

.binct-phone-number-1 {
	font-size:21px;
	font-weight:700;
	
}
.footer-col-subtext {
	margin-right:40px;
}
.social-items {
	font-size:12px;
	text-transform:uppercase;
	
}

.social-item.instagram {
	padding-right:20px;
}

.footer-col-info-all {
	padding-right:80px;
}
.qr-code img {
	max-height:150px;
	padding-top:40px;
}
.footer-col-submenu ul li {
	display:inline;
	
}
.footer-col-submenu ul {
	list-style:none;
	padding:0;
	margin:0;
	
}
.footer-col-submenu ul li {
	border-right: 1px solid #444444;
}

.footer-col-submenu ul li a {
    color: #999;
    text-decoration: none;
	font-size: 12px;
	    font-weight: 700;
    text-transform: uppercase;
	    padding-right: 15px;
		    padding-left: 15px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.footer-col-submenu ul li:first-child a {padding-left:0}
.footer-col-submenu ul li:last-child {border-right:0;}

/*! END SECTION FOOTER */



/*! SECTION copyright */
.copyright-text {
    margin-bottom: 0;
    border-top: 1px solid #6666;
    padding-top: 20px;
}
#copyright {
	background:#000;
	padding: 20px 0;
}

.copyright-text span, .copyright-text a {
	color:#b5b5b5;
	text-decoration:none;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.copyright-text span:hover, .copyright-text a:hover {
	color: rgb(248, 217, 130) !important;
	text-decoration:none;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition:    all .5s ease-in-out;
    -o-transition:      all .5s ease-in-out;
    -ms-transition:     all .5s ease-in-out;
    transition:         all .5s ease-in-out;
}

.copyright-text span:hover {
    cursor: default;
}
/*! END SECTION cyright */