html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.ulnormal{
	list-style:none;
	padding:0;
	margin:0;
}

.ulnormal li{
	float:left;
}

/*COOKIE*/
.cookie-message-wrapper{position:fixed;bottom:0;left:0;right:0;}
.cookie-inner-wrapper{padding:10px;background:rgba(0,0,0,0.2);}
.btn_cookie_accept{background-color:#000000;border:0 none;color:#fff;display: inline-block;white-space: nowrap;cursor:pointer;}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #666666;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666666;
   opacity:  1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666666;
   opacity:  1;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666666;
}
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666666;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666666;
   opacity:  1;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666666;
   opacity:  1;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666666;
}

.form-error {display:block;margin-bottom: 1rem;font-size: 0.75rem;font-weight:400;color: #c60f13;}
.success-message{color:green;display:none;}

.relative{position:relative}
.absolute{position:absolute}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.border{border:1px solid red;}
.center{text-align:center;display: flex;justify-content: center;}
.pointer{cursor:pointer;}
.none{display:none}
.display-flex{display:flex}
.justify-center{justify-content:center;}


.newsletter-sbm-message{display:none;}


/*especifico*/


body{font-family: 'Roboto', sans-serif;font-weight:400;letter-spacing:1px;line-height:1.5 }
h1{font-weight:700;font-size:28px;color:1d1d1d;text-transform:inherit;}
h2{font-size:16px;color:#828282;text-transform:inherit;}

.header-top{min-height:720px}
.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;}
.header:first-Child{padding-top:20px;}

.menu-icon::after {background: white !important;box-shadow: 0 7px 0 white, 0 14px 0 white !important;left: 0px;margin-top:5px;}

.header-icon>div{margin-left:20px;}


.language div, #language-list{color:white;font-size:16px;font-family: 'Roboto', sans-serif;font-weight:700;margin-left:0;align-items:center;display:flex;cursor:pointer;}

.LANG1{margin-top:4px;}

.search{height:35px;background:transparent;color:white;font-size:18px;border:1px solid white;border-radius:0px;width:100%}


.search::-webkit-input-placeholder {color:    #fff;}
.search input:-moz-placeholder {color:    #fff;opacity:  1;}
.search input::-moz-placeholder {color:    #fff;opacity:  1;}
.search input:-ms-input-placeholder {color:    #fff;}
#search{display:none;}
#icon-search{cursor:pointer;}
.search:focus, .search:active, .search{background:transparent;border:1px solid white !important}
#search .form-error {color:#fff;font-weight:400;margin-top:7px;margin-bottom:0}
.search-form div:first-Child{margin-right:10px;}
.search-form {align-items:center;}
.search{margin-bottom:0 !important}
#icon-search .material-icons, .search-form .material-icons{color:white;}
#search_x{cursor:pointer;padding-left:20px}


button{cursor:pointer}
.language #LANGREG{display:none;}
#language-list{color:white;display:flex;}
#language-list>div{padding:0px 10px;}
#language-list>div:last-Child{padding:0px 0px 0 10px;}
#language-list .material-icons{display:none;}
#language-list #search_x .material-icons{display:block;}

.mobile-menu-button {	position:fixed;		right:215px;	z-index:99999;}
.mobile-menu-button{margin-left: 0px !important;}
.mobile-button {margin-left:10px!important}
.mobile-button a{position: relative;z-index: 10;width: 40px;height: 40px;float: right;display: block;}
.mobile-button a span.icon{position: absolute;top: 12px;left: 0;width: 80%;height: 2px;background-color: #fff;transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;margin: 0px 10%;}
.mobile-button a span.icon:before {position: absolute;content: "";top: -8px;left: 0;width: 100%;height: 2px;opacity: 1;visibility: visible;display: block;background-color: #fff;transition: .3s;z-index: 99;}
.mobile-button a span.icon:after {position: absolute;content: "";bottom: -8px;left: 0;width: 100%;height: 2px;opacity: 1;visibility: visible;display: block;background-color: #fff;transition: .3s;z-index: 99;}
.mobile-button a.active span.icon {background-color: transparent!important;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;overflow: visible;}
.mobile-button a.active span.icon:before {top: -50%;left: 0;-webkit-transform: rotate(-45deg)!important;-moz-transform: rotate(-45deg)!important;-ms-transform: rotate(-45deg)!important;transform: rotate(-45deg)!important;}
.mobile-button a.active span.icon:after {bottom: 50%;transition: .3s;-webkit-transform: rotate(45deg)!important;-moz-transform: rotate(45deg)!important;-ms-transform: rotate(45deg)!important;transform: rotate(45deg)!important;z-index: 99;}
#primary-menu{width: 0;height: 100vh;position: fixed;top: 0;left: -50%;z-index: 800;    transition: width .5s; -webkit-transition: width .5s;-moz-transition: width .5s;background-image:linear-gradient(to bottom right, rgba(128, 20, 88, 1), rgba(86, 0, 229, 1));}
#primary-menu{float: right;}#primary-menu.open {width: 100%;transition: width .5s;-webkit-transition: width .5s;-moz-transition: width .5s;left: 0;}
#site-navigation{width: 100%;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;}
body.menu-open{height: 100vh!important;overflow: hidden;}


.main-navigation a {position: relative;text-decoration: none;}
#site-navigation .menu-main-container{display:block;margin-right:auto;margin-left:auto;width:380px;left:50%;margin-left:-100px;height:380px;position:absolute;margin-top:-240px;top:50%;}
#site-navigation {  width: 100%;  height: 100vh;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  position: absolute;  top: 0; left: 0;}
.main-navigation li{display:block;position:relative;-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;font-size:2.75rem;color:#fff;}
.open .main-navigation li{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}
.open .main-navigation li:nth-of-type(1){-webkit-transition:transform ease .6s .5s,opacity ease .6s .5s;-ms-transition:transform ease .6s .5s,opacity ease .6s .5s;transition:transform ease .6s .5s,opacity ease .6s .5s;}
.open .main-navigation li:nth-of-type(2){-webkit-transition:transform ease .6s .6s,opacity ease .6s .6s;-ms-transition:transform ease .6s .6s,opacity ease .6s .6s;transition:transform ease .6s .6s,opacity ease .6s .6s;}
.open .main-navigation li:nth-of-type(3){-webkit-transition:transform ease .6s .7s,opacity ease .6s .7s;-ms-transition:transform ease .6s .7s,opacity ease .6s .7s;transition:transform ease .6s .7s,opacity ease .6s .7s;}
.open .main-navigation li:nth-of-type(4){-webkit-transition:transform ease .6s .8s,opacity ease .6s .8s;-ms-transition:transform ease .6s .8s,opacity ease .6s .8s;transition:transform ease .6s .8s,opacity ease .6s .8s;}
.main-navigation li a{-webkit-transition:color ease .4s;-ms-transition:color ease .4s;transition:color ease .4s;color:#fff;font-size:62px;line-height:64px;margin-bottom:2px;font-family:'Roboto',serif;font-weight:500!important;color:#fff;display:block;float:left;clear:both;padding: 0.5em 0;}
.main-navigation li a:before{content:"";position:absolute;width:0;height:12px;bottom:31px;left:0;transition:width .6s;-webkit-transition:width .6s;-moz-transition:width .6s;-o-transition:width .6s;background:#ffffff;	z-index:-1;}
.main-navigation li a:hover::before, .menu .active > a::before{width:100%;}

.menu-item.active{background:transparent;}

.menu .active > a {background:transparent;color: #ffffff;}

.main-navigation li .active a{border-bottom:4px solid red;}

.main-navigation li .active a::before {width: 100%;}


.socialchatplugin{padding-top:0px;color:white;display:flex;}
.socialchatplugin>div>div{padding-top:10px;}
.socialchatplugin img{width:25px;margin:0 10px;}

.chat-icon{cursor:pointer;color:white}

.title, .text, .link{font-family:'Roboto';}

.banner {padding-top:20%}
.banner .title, .newsletter .title{font-size:62px;font-weight:700;color:white;}
.banner .text, .newsletter .text, .footer .text{font-size:20px;font-weight:400;color:white;padding:20px 0 30px 0;line-height:1.5}
.banner .link{border:2px solid white;padding:20px 30px;float:left;font-size:16px;font-weight:400;color:white;letter-spacing:2px;cursor:pointer;}
.banner .link a{font-size:16px;font-weight:400;color:white;letter-spacing:2px;cursor:pointer;}


/*---- MOUSE SCROLL EFEITO ----*/
.center {top: 600px;z-index:2;border: 2px solid #fffffff;}
.mouse {border: 2px solid #ffff;}
.wheel{background: #ffff;}



.back-footer{min-height:440px;position:relative;width:100%;z-index:-1;top:-440px}
.back-footer>div{display:flex;min-height:100%;position:absolute;width:100%}
.back-footer .first{width:50%;background:url(../i/footer.png) repeat-x;}
.back-footer .second{width:50%;background-image:linear-gradient(to bottom right, rgba(128, 20, 88, 1), rgba(86, 0, 229, 10))}



.footer-1{background:url(../i/footer1.png) no-repeat;padding:60px 40px 40px 0;background-position:right;display:flex;justify-content:space-between;text-align:right;margin-top:60px;}
.footer .menu-item a{font-size:18px;color:white;font-weight:700}
.footer .menu-item.active a{border-bottom:2px solid white;}
.footer .menu-item{padding-bottom:20px;text-align:left}


.newsletter{width:300px;text-align:left;}
.newsletter input[type='text']{background:white;height:48px;width:100%;border-radius:0;color:#999;margin-right:0}
.newsletter::-webkit-input-placeholder {color:    #999;}
.newsletter input:-moz-placeholder {color:    #999;opacity:  1;}
.newsletter input::-moz-placeholder {color:    #999;opacity:  1;}
.newsletter input:-ms-input-placeholder {color:    #999;}
.newsletter input[type='submit']{border:1px solid white;text-align:center;background:transparent;width:100%;color:white;line-height:48px;height:48px;letter-spacing:1px;cursor:pointer;}
.newsletter .title{font-size:20px;padding-top:20px}
.newsletter .text{font-size:14px;padding:5px 0 20px 0}
#plk-error-newsletter.help-block.form-error{height:18px;margin-bottom:0}

.letsgo>div{padding:130px 0 0 98px;}
.letsgo>div>div{background:url(../i/diwa-logo-contact.png) 50px 5px no-repeat;}
.letsgo h1{font-family:'Roboto';font-size:35px;color:white;font-weight:bold;text-transform:inherit;padding-bottom:25px;}
.letsgo .material-icons{padding-bottom:10px;color:white;}
.letsgo .text a{font-size:16px;padding-right:10px;}

.letsgo .display-flex{align-items:center;cursor:pointer;}

.navbar-fixed{position: fixed;top: 0;z-index:9;width:100%;  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */transition: width 2s;background:rgba(40,1,24,0.7)}
/*background:rgba(109,27,87,0.7)*/

#close-menu{display:none;top:35px;}


.list-home{display:flex;margin:74px 0;justify-content:space-between}
.list-home>div{background:#f9f7ff;border-radius:4px;-webkit-box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);-moz-box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);width:31%;padding:42px;text-align:center;}
.list-home h1{padding:25px 0 12px 0;}
.list-home .img-border{width:100px;height:100px;border-radius:50%;border:1px solid black;margin:0 auto;}
.list-home .img-border img{margin:20px;}





/********* WORK **********/
.porfolio-des{background:#f9f7ff;padding:78px 0px;margin-bottom:79px }
.porfolio-des h1, .testemunho h1{font-size:32px;text-align:center;padding-bottom:30px;}
.porfolio-des-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.porfolio-des-list>div{width:370px;margin-bottom:20px;}
.porfolio-des .more{border:1px solid #6d1b57;display:flex;align-items:center;height:58px;padding: 0 32px;margin-top:40px;float:left;color:#6d1b57;font-size:18px;}
/*efeito hover more*/
.more{  position: relative;  -webkit-transform: translateZ(0);  transform: translateZ(0);  -webkit-transition: color 1000ms;  transition: color 1000ms;}
.more:before{content: "";    position: absolute;    z-index: -1;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image: -o-linear-gradient(top,#4a00e0 0%,#8e2de2 100%);	background-image: -webkit-linear-gradient(top,#4a00e0 0%,#8e2de2 100%);	background-image: linear-gradient(top,#4a00e0 0%,#8e2de2 100%);    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin: 0% 50%;    transform-origin: 0% 50%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition: 300ms ease-out;    transition: 300ms ease-out;}
.more:hover:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.more:hover{color:white;border:0}    
/*end efeito hover more*/   
    
    
.project-image {max-width:370px;height:370px;width:100%;padding-top:0;position:relative;}

.slide .project-image .image {	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);	opacity:1;	-moz-transform:translate3d(0,0,0);	-webkit-transform:translate3d(0,0,0);	transform:translate3d(0,0,0);}

.project-image .image {position:absolute;	top:0;	left:0;	width:100%;	height:100%;	background-position:center;	background-repeat:no-repeat;	z-index:1;	-moz-background-size:cover;	-o-background-size:cover;	-webkit-background-size:cover;	background-size:cover;	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);	opacity:0;	-moz-transform:translate3d(-20px,0,0);	-webkit-transform:translate3d(-20px,0,0);	transform:translate3d(-20px,0,0);	-moz-transition:opacity 0 linear 0.6s,-moz-transform 1s cubic-bezier(.165,.84,.44,1) .6s;	-o-transition:opacity 0 linear 0.6s,-o-transform 1s cubic-bezier(.165,.84,.44,1) .6s;	-webkit-transition:opacity 0 linear,-webkit-transform 1s cubic-bezier(.165,.84,.44,1);	-webkit-transition-delay:0.6s,0.6s;	transition:opacity 0 linear 0.6s,transform 1s cubic-bezier(.165,.84,.44,1) .6s;	background-size:100%!important;	-webkit-background-size:100%!important;	-moz-background-size:100%!important;}

.project-image a .image:before {	background: #4a00e0;	background-image: -moz-linear-gradient(top,#4a00e0 0%,#8e2de2 100%);	background-image: -o-linear-gradient(top,#4a00e0 0%,#8e2de2 100%);	background-image: -webkit-linear-gradient(top,#4a00e0 0%,#8e2de2 100%);	background-image: linear-gradient(top,#4a00e0 0%,#8e2de2 100%);	position: absolute;	top:0;	left:0;	width:0;	height: 100%;	content: "";	transition:width .5s;	-webkit-transition:width .5s;	-moz-transition:width .5s;	-o-transition:width .5s;	opacity: .95;}
.project-image a:hover .image:before {width:100%;}

.project-image .viewproject {  transition: transform 1s,opacity 1s;  -webkit-transition: transform 1s,opacity 1s;  opacity: 0;  transform: translateY(25%);  -webkit-transform: translateY(25%);  position: absolute;  width: 370px;  top:1%;  left: 0%; font-family: 'Roboto'; color: #fff;  z-index: 2;display:flex !important;align-items:center;padding:0 48px;height:90%;}
.project-image a:hover .viewproject {opacity: 1;  transform: translateY(0);  -webkit-transform: translateY(0);}

.project-image a:hover .plus-port { opacity: 0;visibility: hidden;-webkit-transition: opacity 600ms, visibility 600ms;            transition: opacity 600ms, visibility 600ms;}

.project-image .material-icons{font-size:24px;}
.plus-port{z-index: 8;color: #6822b3;top: 0;width:40px;height:40px;background:white;display:flex;align-items:center;justify-content:center;}

/*slick*/
.slick-dots li button:before {font-size: 40px;opacity: .25;color: #6e1b57;}
.slick-dots li.slick-active button:before {opacity: 1;color: #6e1b57;}
.slick-dots {bottom:-50px;}
.testemunho{margin-bottom:90px;}
.testemunho{text-align:center;}

.testemunho h2{font-size:19px;color:#373737;font-style:italic}
.testemunho h3{font-size:16px;color:#1f1f1f;text-transform:inherit}
.testemunho h3 span{font-weight:700}