@font-face { font-family: "Futura"; src: url("https://www.seolium.com/ro/font/FuturaBT-Medium.ttf"); }
/*@font-face { font-family: "Franklin"; src: url("https://www.seolium.com/ro/font/FranklinGothic.ttf"); }*/
body { text-align: justify; font-family: "Roboto";-webkit-tap-highlight-color: transparent !important; }
h3 { font-weight: bold; }
img {user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; max-width: 100%;}
iframe {max-width:100%;}
.bluesquare ul {overflow: hidden; padding-left: 10px;}
.bluesquare li { list-style-type: none; line-height: 200%; position: relative; }
li { margin-top: 10px; }
.sign_forms li { margin-top: 0 !important; }
li span { position: absolute; bottom: 4px; }
#ofertawrapperwrapper { float: right; position: relative; }
#cerere { background-color: hsla(36,100%,60%,0.77); color: white; font-weight: bold; font-size: 24px; border-radius: 8px; position: absolute; 
left: -150px; top: -30px; cursor: pointer; box-shadow: rgba(0,0,0,1) 0 1px 0; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0; white-space: nowrap; }
#cerere img { float: right; }
#cerere:hover { background-color: hsla(36,100%,50%,0.77); }
#oferta { padding-top: 10px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; text-shadow: rgba(0,0,0,.4) 0 1px 0; }
#upfooter { background-color: #95D7FC; width: 100%; height: 10px; }
#orange { width: 870px; font-family: "Futura"; margin: 20px auto; background-color:rgb(255, 153,0); color: white; padding: 20px; font-size: 16px;}
#orange.orangetitle { font-size: 22px; font-family: 'Roboto', sans-serif !important; }
#r1 { position: relative; margin-top: 40px; }
#r1 .wpcf7-text { width: 100%; height: 40px; margin-bottom: 10px; padding-left: 34px; box-sizing: border-box; background-color: rgb(237, 237, 237) !important; background-position: 7px 7px; background-repeat: no-repeat; color: rgb(81, 81, 81); }
#r1 .wpcf7-text[name='your-website'] {background-image: url('https://www.seolium.com/ro/img/user.png'); }
#r1 .wpcf7-text[name='your-email'] {background-image: url('https://www.seolium.com/ro/img/aron.png'); }
#r1 .wpcf7-submit { border: 0 !important; width: 100%; background-color: rgb(255, 153, 0) !important; color: rgb(80, 75, 81); vertical-align: top; padding-top:20px; padding-bottom:47px; font-size: 22px; background: url(https://www.seolium.com/ro/img/ok.png) no-repeat scroll 163px 52px;cursor:pointer;}
#r10 { position: absolute; left:138px; top: -40px; background-color: rgb(138, 222, 255); height: 70px; width: 70px; border: 5px solid white; border-radius: 50%; margin: auto;}
#r10 img { height: 30px; margin-top: 20px; }
#r11 { background-color: rgb(255, 153, 0); color: rgb(0, 54, 77); padding-top: 40px; padding-bottom: 10px;  font-size: 25px; }
#r12 { background-color: rgb(138, 222, 255); color: white; font-size: 18px; padding-bottom: 35px;  margin-bottom: 10px; padding-left: 30px; padding-right: 30px; }
#r12 div { padding: 30px 20px;}
#r13 { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgb(255, 153,0); margin:auto;}
#r14 { margin: 0; }
#r2 { display: inline-block; vertical-align:top; width: 540px; margin-top: 35px;}
#s1 { background-image: url('https://www.seolium.com/ro/img/website2.png'); padding-left: 30px;}
#s2 { background-image: url('https://www.seolium.com/ro/img/email2.png'); padding-left: 37px;}
#s3 { display: inline-block; vertical-align: middle; margin-top: 50px; background-color: rgb(255, 153, 0); color: white; width: 205px; height: 30px; cursor: pointer; border: none; font-size:20px;}
.th6 .ajax_loader { display: inline-block; }
.th6 .wpcf7-not-valid-tip { position:absolute; left: 0; top: 53px;}
.s12 { display: inline-block; vertical-align: middle; width: 205px; height:30px; border: none; box-sizing: border-box; background-color: white !important; background-position: 5px 5px; background-repeat: no-repeat; margin-top: 50px; border:none; }
.newtextblock .wpcf7{ display:inline-block; vertical-align: top; width: 355px; text-align: center; margin-right: 40px;}
.newtextblock .wpcf7 .wpcf7-form-control-wrap { display: block; }
.newtextblock a { color: black; border-bottom: 2px solid orange;}
.newtextblock .titlu {padding: 0;}
.newtextblock .titlu a {color: #287EA5; border-bottom:none;}
.newtextblock .titlu a:hover {color: #23527c;}
.newtextblock li[role=tab] a { border-bottom: none;}
.newtextblock li[role=tab] {padding-right:0 !important;}
.newtextblock a:hover {border:none}
.table-striped>tbody>tr:nth-of-type(odd) {background-color:#EEF5F9;}
li[role=tab] { width: auto !important;}
li[role=tab] a{-webkit-tap-highlight-color:none;}
ul[role=tablist]{background-color:#f2ce8d;}
#competitors { width: 950px !important;}
.subtitle { text-align: center; color: rgb(7, 51, 76); font-size: 22px; margin-bottom: 20px; font-weight: bold; }	
.th { display: inline-block; vertical-align: top;  }
.th1 { width: 30%; }
.th2 { width: 34%; padding-left: 2%; padding-right: 2%; }
.th3 { width: 30%; }
.th3 img { display: block; margin: auto; }
.th6 { width: 65%; padding-top: 10px; }
.menuitem  { background-color: #EAF7FF; display: inline-block; vertical-align: top; font-weight: bold; height: auto; padding: 4px 15px; 
font-size: 18px; margin-top: 5px; border-left-width: 8px; border-left-style: solid; }
.menuitem:hover { text-decoration: underline; }
.fw { width: 1000px; margin-left: auto; margin-right: auto; }
.tigrisha a { color: black; }
.tigrisha a:hover { border-bottom: 2px solid orange; }
.theader { height: auto; margin-bottom: 10px;}
.theaderwrapper { background-color: #96D7FD; width: 100%; padding-bottom:10px;}
.title1 { font-weight: bold; font-size: 30px; color: #464646; }
.title2 { font-weight: bold; font-size: 28px; color: black; color: #1b435e; }
.tsubheader { font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.tsubheader a { color: #607D8B; }
.tsubheader a:hover { text-decoration: underline; }
.tsubheaderarrow { color: #607D8B; }
.tsubheadercurrent { color: #28597a; }
.tsubheadercurrent2 { color: #03A9F4; }
.tsubheaderwrapper { background-color: #C9EAFD; width: 100%; }
.tigrisha { background-color: #F6F6F6; margin-top: 10px; overflow: hidden; }
.tigrisha .title2 { color: #1b435e; font-size: 20px; }
.tpart { vertical-align: top; padding-left: 3%; padding-right: 3%; }
.timg { padding-top: 20px; padding-bottom: 20px; float: left; }
.tcontent { padding-top: 20px; padding-bottom: 20px; } 
.tcontent2 { padding-left: 3%; padding-right: 3%; padding-top: 10px; padding-bottom: 10px; }
.ttitle { background-color: #96D7FD; padding: 10px 20px; font-weight: bold; font-size: calc(16px + 0.2vw); text-align: left; clear: both; position: relative; width: calc(50vw + 100px); left: calc(500px - 50vw) !important; box-sizing: border-box; }
.package { height: auto; border-width: 3px; border-color: #C9EAFD; border-radius: 5px; border-style: solid; width: 304px; 
display: inline-block; vertical-align: top; text-align: center; }
.bronze1 { background-color: #ccc; }
.bronze2 { background-color: rgba(204, 204, 204, 0.54); }
.bronze3 { background-color:  rgba(170, 170, 170, 0.08); }
.silver1 { background-color: hsla(45, 100%, 51%, 0.69); }
.silver2 { background-color: hsla(45, 100%, 51%, 0.36); }
.silver3 { background-color: hsla(45, 100%, 51%, 0.16); }
.gold1 { background-color: rgba(150, 215, 253, 0.73); }
.gold2 { background-color: rgba(150, 215, 253, 0.48); }
.gold3 { background-color: hsla(187, 100%, 42%, 0.08); }
.package1 { width: 100%; height: 70px; color: black; }
.package2 { width: 100%; height: 40px; color: white; font-weight: bold; font-style: italic; }
.package3 { min-height: 140px; height: auto; border-bottom-style: dashed; border-bottom-color: #C1BDBA; border-bottom-width: 2px; 
padding: 8px 5%; }
.package3 img { height: auto; float: center; }
.package4 { width: 100%; height: 10px; }
.packageimage { width: 20%; display: inline-block; vertical-align: top; margin-top: 10px; }
.packagetext { width: 80%; display: inline-block; vertical-align: top; text-align: justify; }
.packagedelimitwrapper { display:inline-block; vertical-align: top; position: relative; }
.packagedelimit { position: absolute; left: -1px; border-right: 2px dashed #C1BDBA; height: 300px; margin-top: 113px; }
.p1 { font-weight: bold; font-size: 35px; line-height: 90%; padding-top: 10px; padding-bottom: 7px; color: rgba(70, 70, 70, 0.82); }
.p2 { font-size: 25px; line-height: 70%; }
.consult .p2 { font-size: 20px; color: white; }
.p3 { display: inline-block; vertical-align: top; font-size: 20px; padding-top: 7px; }
.p4 { display: inline-block; vertical-align: top; font-size: 30px; }
.consult .p3, .consult .p4 { color: #4caf50; }
.p5 { display: inline-block; vertical-align: top; font-size: 20px; padding-top: 7px; }
.servicesquare { width: 19%; display: inline-block; vertical-align: top; }
.serviceimage { display: block; margin: 0 auto; padding-top: 40px; }
.shadow { width: 80%; padding-left: 10%; padding-right: 10%; }
.servicetitle { text-align: center; font-weight: bold; }
.servicelink:hover { text-decoration: underline; }
.servicedescription { padding-left: 5px; padding-right: 5px; min-height: 147px; }
.delimit { border-right: 2px dashed #C2BFBB; display: inline-block; height: 230px; vertical-align: top; margin-top: 35px; }
.iconblockwrapper { width: 33%; float: left; text-align: left; padding-top: 20px; padding-bottom: 20px; }
.iconblock { padding-left: 2%; padding-right: 2%; }
.iconblock a { color: black; }
.i1wrapper { float: left; color: white; padding-right: 10px; }
.i2 { padding-left: 5px; }
.j1wrapper { position: absolute; top: -30px; left: -30px; }
.iconblock2 { position: relative; float: left; margin-top: 20px; border-style: solid; border-width: 4px; width: 12%; margin-left: 4.5%;
margin-bottom: 20px; border-radius: 7px; box-sizing: border-box; }
.j1 { color: white; }
.iconblock2 strong { padding-left: 30px; }
.oblique { border-style: none; background-color: #aaa; margin: 0; }
.obliquewrapper { float: left; }
.arrows { text-align: center; }
.circlet { min-height: 60px; }
.newtextblock { color:rgb(51,51,51);background-color: #f6f6f6;padding-top: 20px;}
.newtextblock2 { width:17%; display:inline-block; vertical-align:top; padding:10px 1%; margin-right:0.5%; text-align:left;font-size:14px;border-radius:10px; min-height: 270px;}
.newtextblock2 img { height: 80px; margin-bottom: 8px; }
.newtextblock2nr, .newtextblock2title { color: white; }
.newtextblock2nr { font-family: "Futura"; font-size: 25px; display: inline-block; vertical-align: bottom; padding-right: 10px; }
.newtextblock2title { margin-top: 10px; margin-bottom: 10px; }
.motiveContent { position: absolute; text-align: left; font-size: 18px; }
.motiveImage { height: 32px; position: absolute; }
.motiveTitle { position: absolute; font-weight: bold; font-size: 21px; }
.ads { color: rgb(64, 144, 179); }
.client { width: 27%; padding-left: 2.5%; padding-right: 2.5%; display: inline-block; vertical-align: top; }
.client img { display: block; margin: auto; }
.clientName { text-align: center; color: rgb(6, 52, 78); font-weight: bold; margin-top: 20px; }
.clientTitle { text-align: center; color: rgb(103, 103, 103); margin-top: 10px; margin-bottom: 30px; }
.clientText { font-size: 16px; }
.resultImage { width: 32%; text-align: center; margin: auto; display: inline-block; vertical-align: bottom; padding: 0 5%; box-sizing: border-box; }
.resultImage img { margin-top: 20px; }
.resultImageText { border-bottom: 2px solid rgb(237, 237, 237); font-size: 22px; font-weight: bold; padding: 20px 5%; color: rgb(104, 104, 104);}
.d1mod3 { clear: both; }
.optimizat { float:left;padding-bottom:20px;}
.googleImage { display:block;margin:auto;}
.circles { width:900px;margin-top:30px;margin-bottom:100px;}
.mess { width: 80%; float: right; margin-top: 35px;}
.nav .main-nav { margin-top: 10px; }
.post:not(.rightPost) .article {margin-right: 11px;}
.rightPost .article {margin-left: 11px;}
.rightPost .img img {float: right;margin-left:10px;margin-right:0;}
.rightPost .titlu a {float:right;margin-right:11px;}
.newtextblock hr {border-top: 1px dashed #8c8b8b;}

@media only screen and (max-width: 1000px) {
	
body { font-size: 15px; }
.optimizat { display: block; float: none; margin: auto; width: 100%;}
.fw { width: 100%; }
.package { width: 99%;  }
.th, .tcontent2, .tcontent, .tsubheader, .th6 { box-sizing: border-box; width: 100% !important; padding-left: 2%; padding-right: 2%; }
.th3 { display: none; }
.ttitle { width: calc(100% - 40px); position: static; }
.delimit { display: none; }
.packagedelimit { display: none; }
.shadow { width: 100%; padding: 0; margin-left: 0; margin-right: 0; }
.obliquewrapper { display: none; }
.iconblock2 { width: 60%; clear: both; height: auto; }
.arrows { text-align: left; }
.circlet { min-height: initial; }
#ofertawrapperwrapper { float: none; }
#cerere { position: static; margin-top: 10px; }
.newtextblock .wpcf7 { display: block; margin: auto;}
#r2 { width: 100%; }
#orange { width: 90%; }
.googleImage { width: 90%; }
.newtextblock2 { width: 30%; margin-bottom: 20px; }
.circles { display: none; }
.motive { display: inline-block; vertical-align: top; width: 48%; text-align: center;}
.motiveImage { position: static; border-radius: 30%; padding: 10px; background-color: rgb(138, 223, 254); border: 5px solid rgb(202, 235, 250);}
.motiveTitle { position: static; font-size: 18px; }
.motiveContent { position: static; width: auto !important; text-align: center; font-size: 16px; }
.seven { display: none; }
.tcontent { padding-top: 0; padding-bottom: 0;}
}


@media only screen and (max-width: 900px) {

.iconblockwrapper{ width: 50%; }
.d1mod2 { clear: both !important; }
.d1mod3 { clear: none; }
.client { width: 44%; }
.ttitle { width: 100%; }
}

@media only screen and (max-width: 700px) {

.servicesquare { width: 24%; }
.resultImage { width: 100%; margin-bottom: 50px; }
.resultImageText { border: none; padding: 0 5%; }
.s12 { width: 100%; }

}

@media only screen and (max-width: 600px) {

.service1, .service2, .service3 { width: 32%; }
.service4, .service5 { width: 49%; }
.iconblockwrapper { width: 100% !important; }
.client { width: 95%; }
.newtextblock2 { width: 45%; }
}

@media only screen and (max-width: 500px) {

.service1, .service2, .service3, .service4 { width: 49%; }
.service5 { width: 100%; }
.iconblock2 { width: 95.5%; clear: both; height: auto; }

}