html,
body {
width: 100%;
height:100%;
margin:0;
padding: 0;
color: #333;
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
}
body.page-id-36, body.page-id-40 {
background: #efece8;
}
body {
padding: 0;
}
body .navbar-brand {
padding-top: 0 !important;
}
a:hover {
text-decoration: none;
}
/* GENERAL STYLING */
.margintop0 {
margin-top:0px;
}
.margintop10 {
margin-top:10px;
}
.margintop20 {
margin-top:20px;
}
.margintop30 {
margin-top:30px;
}
.margintop40 {
margin-top:40px;
}
.margintop50 {
margin-top:50px;
}
.margintop60 {
margin-top:60px;
}
.margintop70 {
margin-top:70px;
}
.margintop80 {
margin-top:80px;
}
.margintop90 {
margin-top:90px;
}
.margintop100 {
margin-top:100px;
}
.paddingtop0 {
padding-top:0px;
}
.paddingtop10 {
padding-top:10px;
}
.paddingtop20 {
padding-top:20px;
}
.paddingtop30 {
padding-top:30px;
}
.paddingtop40 {
padding-top:40px;
}
.paddingtop50 {
padding-top:50px;
}
.paddingtop60 {
padding-top:60px;
}
.paddingtop70 {
padding-top:70px;
}
.paddingtop80 {
padding-top:80px;
}
.paddingtop90 {
padding-top:90px;
}
.paddingtop100 {
padding-top:100px;
}
.margintop0 {
margin-top:0px;
}
.margintop10 {
margin-top:10px;
}
.margintop20 {
margin-top:20px;
}
.margintop30 {
margin-top:30px;
}
.margintop40 {
margin-top:40px;
}
.margintop50 {
margin-top:50px;
}
.margintop60 {
margin-top:60px;
}
.margintop70 {
margin-top:70px;
}
.margintop80 {
margin-top:80px;
}
.margintop90 {
margin-top:90px;
}
.margintop100 {
margin-top:100px;
}
.paddingtop0 {
padding-top:0px;
}
.paddingtop10 {
padding-top:10px;
}
.paddingtop20 {
padding-top:20px;
}
.paddingtop30 {
padding-top:30px;
}
.paddingtop40 {
padding-top:40px;
}
.paddingtop50 {
padding-top:50px;
}
.paddingtop60 {
padding-top:60px;
}
.paddingtop70 {
padding-top:70px;
}
.paddingtop80 {
padding-top:80px;
}
.paddingtop90 {
padding-top:90px;
}
.paddingtop100 {
padding-top:100px;
}
section {
margin:-5px 0 0 0;
padding:0;
left:0;
right:0;
top:0;
bottom:0;
overflow-x: hidden;
overflow-y: hidden;
}
.page-id-36 #sec-1 {
background-image: url('/wp-content/uploads/2017/09/Asimakopoulos_mockup_1.4-14.png');
background-repeat: no-repeat;
background-size: cover;
min-height: 101%;
max-height: inherit;
}
#sec-2 {
background-color: #efece8;
min-height: 101%;
max-height: inherit;
}
#nav-container {
padding: 15px 0;
}
.nav-head {
padding-top:10px;
margin-bottom: -5px;
}
.navbar-brand img {
width: 280px;
margin-top: -15px;
content:url("/wp-content/uploads/2017/09/logo.png");
}
.navbar-brand img::after {
width: 280px;
margin-top: 3px;
content:url("/wp-content/uploads/2017/09/logo.png");
}
.menu-item.active a {
background-color: transparent !important;
color: #2E3191 !important;
}
.dropdown .dropdown-toggle {
background-color: transparent !important;
}
.dropdown-menu .menu-item a {
color: #9d5c97 !important;
}
.dropdown-menu .menu-item a:hover {
color: #2E3191 !important;
background-color: #8adbeb !important;
}
@media only screen and (max-width : 992px) {
.navbar-brand img {
width:90px;
padding-top:5px;
padding-left: 5px;
content:url("/wp-content/uploads/2017/09/logo-sm.png");
}
.navbar-brand img::after {
width:90px;
padding-top:0px;
padding-left: 5px;
content:url("/wp-content/uploads/2017/09/logo-sm.png");
}
#nav-container {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 767px) {
.navbar-brand img {
width:90px;
padding-top:5px;
padding-left: 20px;
margin-left: -30px;
content:url("/wp-content/uploads/2017/09/logo-sm.png");
}
.navbar-brand img::after {
width:65px;
padding-top:3px;
padding-left: 20px;
margin-left: -30px;
content:url("/wp-content/uploads/2017/09/logo-sm.png");
}
.icon-bar {
border: 1px solid #00BFF2;
}
.navbar-toggle {
border: 1px solid #2E3191 !important;
margin-right: -30px;
}
.navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active {
background: rgba(255,255,255,0.6) !important;
}
}
.nav-head-left {
margin-bottom: 20px;
}
.appoint {
font-size: 22px;
color: #C37CC4;
font-weight: 400;
}
.phone {
font-size: 30px;
color:#2E3191;
font-weight: 400;
line-height: 30px;
}
.quote {
text-align: right;
padding: 12px 15px 0 0;
font-size: 25px;
color: #C37CC4;
font-weight: 400;
}
@media only screen and (max-width : 992px) {
.quote {
text-align: right;
padding: 10px 55px 0 0px;
margin-right: 0px;
width: 50%;
}
.nav-head {
width: 100%;
}
/* .nav-head-left {
padding-left: 47px;
} */
.navbar-right li {
margin-left: -5px;
margin-right: -5px;
}
}
@media only screen and (max-width : 767px) {
.quote {
text-align: center;
padding: 0 0 0 15px;
width:100%;
font-size: 22px;
}
.nav-head-left {
text-align: center;
}
.navbar-header {
padding-right: 20px;
}
}
.navbar-header {
height: 70px;
}
@media only screen and (max-width : 767px) {
.navbar-header {
height: 55px;
}
}
.navbar-right {
padding-top:10px;
}
@media only screen and (max-width : 767px) {
.navbar-right {
padding:0;
}
}
.navbar-right li a {
color: #C37CC4 !important;
font-size: 20px;
font-weight: 300;
}
.navbar-right li a:hover {
color: #2E3191 !important;
}
@media only screen and (max-width : 992px) {
.navbar-right li a {
font-size: 17px;
}
}
.navbar-default {
background-color: rgba(255,255,255,0.6);
top:0;
right:0;
left:0;
z-index:2;
}
#myNav {
margin-top: -5px;
&.affix {
top:0;
left: 0;
right: 0;
}
}
.page-head {
padding: 0;
margin-top: 0px;
}
.page-id-36 .page-head h3, .page-id-36 .page-head small {
display:none;
}
.page-id-36 .page-head {
padding-top: 0px;
}
.page-head h3, .page-head small {
padding-left: 30px
}
.logo-in {
left: 0;
right: 0;
margin: auto;
width: 100%;
position: absolute;
-moz-animation-duration: 10s;
-webkit-animation-duration: 10s;
-o-animation-duration: 10s;
-ms-animation-duration: 10s;
-moz-animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
-o-animation-delay: 0.2s;
-ms-animation-delay: 0.2s;
}
.logo-in img {
margin-top: 50px;
width: 100%;
height: auto;
}
.logo-out {
left: 0;
right: 0;
margin: auto;
width: 100%;
position: absolute;
-moz-animation-duration: 10s;
-webkit-animation-duration: 10s;
-o-animation-duration: 10s;
-ms-animation-duration: 10s;
}
.logo-out h1 {
margin-top: 170px;
font-size: 140px;
font-weight: bolder;
color: #C37CC4;
height:auto;
}
@media only screen and (max-width : 1200px) {
.logo-out h1 {
margin-top: 100px;
font-size: 80px;
}
}
@media only screen and (max-width : 992px) {
.logo-out h1 {
margin-top: 80px;
font-size:60px;
}
}
.big-box {
margin-top: -10px;
}
@media only screen and (max-width : 320px) {
body .page-head {
text-align: left;
margin: 0;
padding:0;
}
}
/* SECTION 1 STYLING */
.darkblue-sq {
margin-top: -30px;
margin-left: 682px;
position: absolute;
}
.darkblue-sq img {
width: 460px !important;
height: 460px !important;
}
.lightblue-sq {
margin-top: -8px;
margin-left: 165px;
position: absolute;
}
.lightblue-sq img {
width: 280px;
height: 280px;
}
.violet-sq {
margin-top: 94px;
margin-left:-30px;
position: absolute;
}
.violet-sq img {
width:178px;
height: 178px;
}
.grey-lg {
padding-left:0;
margin-top:-7px;
position: absolute;
}
.grey-lg img {
width:104px !important;
height: 100px !important;
}
.grey-md {
margin-left: 91px;
margin-top: -7px;
position: absolute;
}
.grey-md img {
width: 70px;
height: 70px;
}
.grey-sm {
margin-top: -8px;
margin-left: 27px;
position: absolute;
}
.grey-sm img {
width: 28px;
height: 28px;
}
.multiple-sq {
margin-top: 428px;
}
.darkblue-content {
top:10px;
left:30px;
position: absolute;
margin: 0 0 0 0;
z-index: 1;
padding: 25px;
width: 420px;
}
.lightblue-content {
top:10px;
left:20px;
position: absolute;
margin: 0 0 0 0;
z-index: 1;
padding: 20px;
width: 270px;
}
.darkblue-content p, .lightblue-content p {
color: white;
line-height: 25px;
}
.darkblue-content p, .lightblue-content p {
font-size: 20px;
}
.darkblue-content p.db-tit {
font-size: 25px;
padding-bottom: 20px;
color: #00BFF2;
font-weight: 400;
}
.lightblue-content p.lb-tit {
font-size: 25px;
padding-bottom: 10px;
color: #2E3191;
font-weight: 400;
}
.darkblue-content p.db-more a {
color: #00BFF2;
}
.darkblue-content p.db-more a:hover, .lightblue-content p.lb-more a:hover {
color: #C37CC4;
}
.darkblue-content p.db-more, .lightblue-content p.lb-more {
padding-top: 20px;
}
.lightblue-content p.lb-more a {
color: #2E3191;
}
.grey-sm {
-moz-animation-delay: 6s;
-webkit-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
}
.grey-md {
-moz-animation-delay: 6s;
-webkit-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
}
.grey-lg {
-moz-animation-delay: 6.2s;
-webkit-animation-delay: 6.2s;
-o-animation-delay: 6.2s;
-ms-animation-delay: 6.2s;
}
.violet-sq {
-moz-animation-delay: 6.4s;
-webkit-animation-delay: 6.4s;
-o-animation-delay: 6.4s;
-ms-animation-delay: 6.4s;
animation-delay: 6.4s;
}
.lightblue-sq {
-moz-animation-delay: 6.6s;
-webkit-animation-delay: 6.6s;
-o-animation-delay: 6.6s;
-ms-animation-delay: 6.6s;
animation-delay: 6.6s;
}
.darkblue-sq {
-moz-animation-delay: 6.8s;
-webkit-animation-delay: 6.8s;
-o-animation-delay: 6.8s;
-ms-animation-delay: 6.8s;
animation-delay: 6.8s;
}
@media only screen and (max-width : 1200px) {
.darkblue-sq {
margin-left: 128px;
}
.lightblue-sq {
margin-left: 85px;
}
.violet-sq {
margin-left: -110px;
}
.grey-lg {
margin-left: -80px;
}
.grey-md {
margin-left: -1px;
}
.grey-sm {
margin-left: 42px;
margin-top: -8px;
width: 60px;
padding: 0;
}
.big-box {
width: 30%;
}
.grey-group {
margin-left: 12px;
}
.multiple-sq {
width: 70%;
}
}
@media only screen and (max-width : 992px) {
.darkblue-sq {
margin-left: 240px;
margin-top: -30px;
}
.multiple-sq {
width: 100%;
padding: 0 80px;
margin-left: 46px;
}
.lightblue-sq {
text-align: right;
margin: -4px 0 0 320px;
}
.violet-sq {
text-align: right;
margin: 98px 0 0 -110px;
}
.grey-lg {
margin-top: -4px;
}
.grey-md {
margin-top: -4px;
margin-left: -2px;
}
.grey-md img {
width: 73px !important;
height: 67px !important;
}
.grey-sm {
margin: -9px 50px 0 40px;
}
.grey-sm img {
width: 30px !important;
height: 30px !important;
}
.grey-all {
margin-left: 234px;
margin-top: -4px;
}
.big-box {
width: 100%;
padding: 0 40px;
}
}
@media only screen and (max-width: 768px) {
.multiple-sq {
max-width: 100%;
padding: 0 0px;
left:50%;
margin-left: -385px;
position: relative;
}
.big-box {
max-width: 100%;
padding: 0 0px;
position: relative;
left:50%;
margin-left: -470px;
}
.logo-out h1 {
margin-top: 90px;
font-size: 40px;
}
}
@media only screen and (max-width : 480px) {
.big-box {
margin-top: 0px;
padding: 0;
}
.darkblue-sq {
left:50%
margin-left: 100px;
padding-left: 100px;
padding-right: 50px;
position: absolute;
}
.darkblue-sq img {
width: 290px !important;
height: 290px !important;
}
.lightblue-sq {
text-align: left;
margin: 250px 0 0 -65px;
padding:0;
position: relative;
}
.lightblue-sq img {
width: 210px !important;
height: 210px !important;
}
.multiple-sq {
margin: 0;
padding: 0;
}
.violet-sq {
text-align: left;
margin:462px 0 0 -3px;
padding:0;
position: absolute;
}
.violet-sq img {
width: 145px !important;
height: 145px !important;
}
.grey-lg {
display: none;
}
.grey-md {
display: none;
}
.grey-sm {
display: none;
}
.grey-all {
margin: 0;
padding: 0;
}
.home .page-head {
margin-top: 0px;
text-align: right;
}
.caption-db {
margin-left: 75px;
width: 310px;
}
.caption-lb {
margin-left: -15px;
width: 220px;
}
.caption-db p, .caption-lb p {
font-size: 13px;
line-height: 18px;
padding-right: 25px;
}
.lightblue-content p.lb-tit {
font-size: 20px;
}
.readmore {
display: none;
}
.db-more, .lb-more {
margin-top: -20px;
}
.logo-out h1 {
margin-top: 70px;
font-size: 30px;
}
}
@media only screen and (max-width : 320px) {
.big-box {
margin-top: 0px;
padding: 0;
}
.darkblue-sq {
left:50%
margin-left: 100px;
padding-left: 100px;
padding-right: 50px;
position: absolute;
}
.darkblue-sq img {
width: 290px !important;
height: 290px !important;
}
.lightblue-sq {
text-align: left;
margin: 250px 0 0 -65px;
padding:0;
position: relative;
}
.lightblue-sq img {
width: 210px !important;
height: 210px !important;
}
.multiple-sq {
margin: 0;
padding: 0;
}
.violet-sq {
text-align: left;
margin:462px 0 0 -3px;
padding:0;
position: absolute;
}
.violet-sq img {
width: 145px !important;
height: 145px !important;
}
.grey-lg {
display: none;
}
.grey-md {
display: none;
}
.grey-sm {
display: none;
}
.grey-all {
margin: 0;
padding: 0;
}
.page-head {
margin-top: 0px;
text-align: right;
}
.caption-db {
margin-left: 75px;
width: 310px;
}
.caption-lb {
margin-left: -15px;
width: 220px;
}
.caption-db p, .caption-lb p {
font-size: 13px;
line-height: 18px;
padding-right: 25px;
}
.lightblue-content p.lb-tit {
font-size: 20px;
}
.readmore {
display: none;
}
.db-more, .lb-more {
margin-top: -20px;
}
.logo-out h1 {
margin-top: 55px;
font-size: 22px;
}
}
/* SECTION 2 STYLING */
.paddingtop60 {
padding-top: 60px;
}
.paddingbot50 {
padding-bottom: 50px;
}
.shape {
margin: 0 -58px 0 -27px;
padding:0;
}
.shape img {
width: 736px !important;
height: 736px !important;
}
#white-sq-lg, .fighome {
display: none;
}
#icon-1, #icon-2, #icon-3, #icon-4, #icon-5, #icon-6 {
width: 65px !important;
height: 65px !important;
margin-top: 8px;
}
#icon-1, #icon-2, #icon-3 {
margin-left: 10px;
}
#icon-4, #icon-5, #icon-6 {
margin-right: 0px;
}
#ser-1 p, #ser-2 p, #ser-3 p, #ser-4 p, #ser-5 p, #ser-6 p {
margin-top: -20px;
}
#ser-3, #ser-4, #ser-5, #ser-6 {
margin-top: 20px;
}
.diagn-img {
margin-top: 35px;
margin-right: -100px;
padding-right: 30px;
}
.diagn-img img {
border-radius: 35px;
width: 460px;
}
.diagn-txt {
margin: 20px 0 0 20px;
font-size: 20px;
}
.services h3 {
text-indent: 60px;
font-weight: 400;
font-size: 28px;
}
.right-box h3 {
font-weight: 400;
font-size: 28px;
}
.darkblue {
color: #2E3191;
}
.post-content {
top:140px;
left:0;
position: absolute;
margin: 0 0 0 0;
}
.caption h5 {
font-size: 24px;
color: #C37CC4;
font-weight: 400;
}
.caption p {
font-size: 20px;
line-height: normal;
}
.caption a:hover {
opacity: 0.6;
}
.caption a h5:hover {
color: rgba(0,191,242,1);
}
.caption .col-md-6 .row {
padding-top: 10px;
}
.caption img {
width: 80px;
}
.left-col, .right-col {
height: 550px;
top: -40px;
padding-top: 30px;
}
.right-col {
width:330px;
}
.left-col {
border-right: 2px solid #C37CC4;
margin-left: 20px;
}
.right-col img {
margin-left: -20px;
}
@media only screen and (max-width : 1200px) {
.shape {
margin-top: 20px !important;
}
.shape img {
width: 620px !important;
height: 620px !important;
}
.left-col, .right-col {
height: 450px;
top: -40px;
padding-top: 0px;
}
.left-col {
width: 295px;
}
.right-col {
width: 250px;
}
.caption img {
width: 70px;
}
.left-col .col-md-3 img {
padding-right: 5px;
}
.right-col .col-md-3 img {
padding-right: 5px;
margin-left: -15px;
}
.right-col .col-md-9 {
width: 210px;
margin-right: 5px;
}
.right-col .col-md-3 {
width: 35px;
}
.left-col .col-md-3 {
margin-left: -10px;
}
.diagn-txt {
font-size: 17px;
width: 330px;
padding-right: 10px;
}
.caption h5 {
font-size: 20px;
}
.caption p {
margin-top: -20px;
font-size: 17px;
}
.caption {
margin-top: 20px;
}
.diagn-img img {
width: 360px;
margin-left: 5px;
margin-top: 8px;
}
}
@media only screen and (max-width : 992px) {
#sec-2 {
height:auto;
}
.shape {
width: 760px;
right:0;
}
.shape img {
margin-top: 0px;
width: 755px !important;
height: 755px !important;
}
.post-content {
margin-top: 15px;
}
.shape-box {
padding-right: 50px;
}
.left-col, .right-col {
height: 550px;
top: -40px;
padding-top: 30px;
}
.right-col {
width:360px;
}
.right-col .col-sm-3 {
margin-left: 8px;
}
.left-col {
width: 360px;
margin-left: 30px;
}
.caption img {
width: 80px;
}
.right-col .col-sm-3 {
width:70px;
}
.right-col .col-sm-3 img {
margin-left: -20px;
}
.right-col .col-sm-9 {
width: 260px;
}
.caption h5 {
font-size: 25px;
}
.caption p{
font-size: 18px;
}
#ser-5, #ser-6 {
margin-top: 20px;
}
.diagn-img img {
width: 280px;
}
.diagn-txt {
position: absolute;
top:120px;
left: 300px;
font-size: 20px;
width: 420px;
padding-right: 20px;
}
.shape-box {
margin-left: 10px;
}
#icon-1, #icon-2, #icon-3, #icon-4, #icon-5, #icon-6 {
width: 45px !important;
height: 45px !important;
}
#icon-1, #icon-2, #icon-3 {
margin-left: 20px;
}
#icon-4, #icon-5, #icon-6 {
margin-right: 10px;
}
}
@media only screen and (max-width: 768px) {
.post-content, .shape {
display:none;
}
#white-sq-lg {
display: block;
max-width: 480px !important;
height: auto !important;
left:50%;
padding: 0;
margin: -50px 0 0 -220px;
position: relative;
z-index: -1;
}
.fighome {
display: block;
margin: 50px 0 0 -15px;
padding-bottom: 180px;
}
.figcaphome {
margin: -670px 0 0 -140px;
position: relative;
left:50%;
}
.figcaphome li {
list-style-type: none;
height: 90px;
}
.figcaphome li a h5 {
display: block;
margin-left: 100px;
font-size: 25px;
color: #C37CC4;
font-weight: 400;
}
.figcaphome li a img:hover {
opacity: 0.6;
}
.figcaphome li a h5:hover {
color: rgba(0,191,242,1);
}
.icon-sm {
width: 60px !important;
margin-top: 25px;
position: absolute;
}
.diagn-img {
margin-top: 20px;
position: relative;
left:50%;
max-width: 100%;
margin-left: -230px;
}
.diagn-img img {
width: 450px;
}
.diagn-txt {
text-align: right;
position: relative;
top:0;
left:50%;
font-size: 20px;
width: 460px;
padding-right: 5px;
padding-left: 40px;
margin-left: -240px;
}
.mobile-group {
padding-top: 80px;
padding-bottom: 20px;
margin-left: -135px;
position: relative;
left:50%;
}
.copyright {
display: none;
}
}
@media only screen and (max-width : 480px) {
.services {
width: 260px;
padding: 40px 0 70px 0;
}
.white-sq {
display: none;
}
#white-sq-lg {
display: block;
margin-left: -135px;
width: 305px !important;
height: auto !important;
left:50%;
}
.fighome {
display: block;
margin: 50px 0 0 -15px;
padding-bottom: 100px;
}
.figcaphome {
margin: -440px 0 0 -85px;
}
.figcaphome li {
list-style-type: none;
height: 55px;
}
.figcaphome li a h5 {
display: block;
margin-left: 70px;
font-size: 16px;
color: #C37CC4;
font-weight: 400;
}
.figcaphome li a img:hover {
opacity: 0.6;
}
.figcaphome li a h5:hover {
color: rgba(0,191,242,1);
}
.icon-sm {
width: 45px !important;
margin-top: 25px;
position: absolute;
}
.post-content {
display: none;
padding-left: 10px;
}
.diagn-col {
margin: 70px auto auto -60px;
width: 280px;
position: relative;
left:50%;
}
.services h3 {
width: 310px;
margin-left: -190px;
position: absolute;
left:50%;
}
.diagn-col h3 {
margin-left: -110px;
}
.diagn-img {
margin-top: 20px;
}
.diagn-img img {
width: 285px;
}
.diagn-txt {
position: relative;
top:0;
left:0px;
font-size: 16px;
width: 270px;
padding-right: 10px;
padding-left: 0;
margin-left: -90px;
text-align: left;
}
.left-col {
border-right: 0;
position: absolute;
margin-top: -60px;
}
.right-col {
margin-top: -15px;
}
.shape-box {
margin-top: -40px;
}
.right-box h3 {
width: 300px;
}
}
@media only screen and (max-width : 320px) {
.services {
width: 260px;
padding: 40px 0 70px 0;
}
.white-sq {
display: none;
}
#white-sq-lg {
display: block;
margin-left: -135px;
width: 305px !important;
height: auto !important;
left:50%;
}
.fighome {
display: block;
margin: 50px 0 0 -15px;
padding-bottom: 100px;
}
.figcaphome {
margin: -440px 0 0 -85px;
}
.figcaphome li {
list-style-type: none;
height: 55px;
}
.figcaphome li a h5 {
display: block;
margin-left: 70px;
font-size: 16px;
color: #C37CC4;
font-weight: 400;
}
.figcaphome li a img:hover {
opacity: 0.6;
}
.figcaphome li a h5:hover {
color: rgba(0,191,242,1);
}
.icon-sm {
width: 45px !important;
margin-top: 25px;
position: absolute;
}
.post-content {
display: none;
padding-left: 10px;
}
.diagn-col {
margin: 70px auto auto -60px;
width: 280px;
position: relative;
left:50%;
}
.services h3 {
width: 310px;
margin-left: -190px;
position: absolute;
left:50%;
}
.diagn-col h3 {
margin-left: -110px;
}
.diagn-img {
margin-top: 20px;
}
.diagn-img img {
width: 285px;
}
.diagn-txt {
position: relative;
top:0;
left:0px;
font-size: 16px;
width: 270px;
padding-right: 10px;
padding-left: 0;
margin-left: -90px;
text-align: left;
}
.left-col {
border-right: 0;
position: absolute;
margin-top: -60px;
}
.right-col {
margin-top: -15px;
}
.shape-box {
margin-top: -40px;
}
.right-box h3 {
width: 300px;
}
}
/* SECTION 3 STYLING */
#map {
margin-top:150px;
width: 100%;
height: 550px;
}
#mobile {
width:400px;
height: 792px;
position: absolute;
margin-top: -265px;
margin-left:-10px;
left:0;
}
#mobile-pic {
display:none!important;
position: absolute;
width: 353px;
margin-top: -565px;
margin-left: -2px;
z-index:1;
}
.mobile-group {
-moz-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-ms-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.page-id-36 .mobile-group {
margin-top: 10px;
}
.social {
width: 360px;
margin-left: -5px;
}
.social img {
margin-top: -10px;
width: 90px;
}
.social .col-md-4 {
width: 80px;
}
.social a:hover img {
opacity: 0.5;
}
.copyright {
width: 560px;
margin-left: -15px;
font-size:15px;
font-weight: 400;
padding: 15px 25px;
color: transparent;
}
.copyright a {
color: transparent;
}
.contact-txt {
width: 360px;
padding: 0 25px;
font-size: 18px;
color: grey;
}
.contact-btn {
margin-left: 10px;
}
.contact-info {
width: 350px;
padding: 20px 25px 0;
}
.contact-info h4 {
line-height: 10px;
font-size: 22px;
font-weight: 400;
}
.contact-info p {
font-size: 22px;
font-weight: 400;
}
.info-group {
margin-top: -230px;
}
.btn {
padding: 14px 24px !important;
border: 0 none !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
width: 300px !important;
margin: 0 !important;
font-size: 22px !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
outline: 0 none !important;
}
.btn-primary {
background: #0099cc !important;
color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background: #33a6cc;
}
.btn-primary:active, .btn-primary.active {
background: #007299 !important;
box-shadow: none !important;
}
.btn.outline {
background: none !important;
padding: 12px 22px !important;
}
.btn-primary.outline {
border: 2px solid #C37CC4 !important;
color: #C37CC4 !important;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
color: #33a6cc !important;
border-color: #33a6cc !important;
}
.btn-primary.outline:active, .btn-primary.outline.active {
border-color: #007299 !important;
color: #007299 !important;
box-shadow: none !important;
}
.btn.outline.fatnio, .btn.outline.mili {
background: none !important;
padding: 10px 12px !important;
}
.btn-primary.outline.fatnio {
border: 2px solid #00BFF1 !important;
width: 150px !important;
font-size: 14px !important;
font-weight: normal !important;
}
a .btn-primary.outline.fatnio {
color: #00BFF1 !important;
}
a .btn-primary.outline.mili {
color: #424998 !important;
}
.btn-primary.outline.mili {
border: 2px solid #424998 !important;
width: 130px !important;
font-size: 14px !important;
font-weight: normal !important;
}
.btn-primary.outline.fatnio:hover, a .btn-primary.outline.fatnio:hover, .btn-primary.outline.fatnio:focus, a .btn-primary.outline.fatnio:focus, .btn-primary.outline.fatnio:active, a .btn-primary.outline.fatnio:active, .btn-primary.outline.fatnio.active,
.btn-primary.outline.mili:hover, a .btn-primary.outline.mili:hover, .btn-primary.outline.mili:focus, a .btn-primary.outline.fatnio:focus, .btn-primary.outline.mili:active, a .btn-primary.outline.mili:active, .btn-primary.outline.mili.active {
color: #C37CC4 !important;
border-color: #C37CC4 !important;
}
.btn-primary.outline.fatnio:active, .btn-primary.outline.fatnio.active {
border-color: #C37CC4 !important;
color: #C37CC4 !important;
box-shadow: none !important;
}
@media only screen and (max-width : 992px) {
.copyright {
margin-left: 350px;
width: 400px;
}
.page-id-36 .mobile-group {
margin-top: -75px;
}
.page-id-40 .mobile-group {
margin-top: -80px;
}
}
@media only screen and (max-width: 480px) {
#mobile {
width:315px;
height: 710px;
position: absolute;
margin-top: -350px;
margin-left:-10px;
left:0;
}
#mobile-pic {
position: absolute;
width: 278px;
margin-top: -580px !important;
margin-left: -7px;
z-index:1;
}
.copyright {
display: block;
padding-top: 450px;
margin-left: -180px;
width: 300px;
position: relative;
left:50%;
}
#map {
margin-top: -100px;
}
.mobile-group {
margin-top: -595px !important;
margin-left: -150px;
padding-bottom: 130px;
}
.info-group {
margin: -320px 0 0 0;
}
.contact-txt {
font-size: 15px;
width: 310px;
padding: 0 15px;
}
.contact-info {
width: 300px;
margin: 0px 0 0 -25px;
}
.contact-info h4 {
font-size: 18px;
}
.social {
width: 300px;
margin-top: 20px;
}
.social .facebook {
margin-left: 0px;
margin-right: -10px;
}
.social .google-plus, .social .twitter {
margin: 0 -10px 0 -10px;
}
.social .viber {
margin-left: -10px;
margin-right: -15px;
}
.social img {
width: 65px;
}
.contact-btn {
margin: 7px 0 0 -7px;
}
.contact-btn .col-md-12 button {
width:250px !important;
}
.contact-info p {
font-size: 18px;
}
}
@media only screen and (max-width : 320px) {
#mobile {
width:315px;
height: 710px;
position: absolute;
margin-top:-698px;
margin-left:-10px;
left:0;
}
#mobile-pic {
position: absolute;
width: 278px;
margin-top: -580px;
margin-left: -7px;
z-index:1;
}
.copyright {
display: block;
padding-top: 450px;
margin-left: -180px;
width: 300px;
position: relative;
left:50%;
}
#map {
margin-top: 0px;
}
.mobile-group {
margin-top: -200px;
margin-left: -150px;
padding-bottom: 130px;
}
.info-group {
margin: -320px 0 0 0;
}
.contact-txt {
font-size: 15px;
width: 310px;
padding: 0 15px;
}
.contact-info {
width: 300px;
margin: 0px 0 0 -25px;
}
.social {
width: 300px;
margin-top: 20px;
}
.social .facebook {
margin-left: 0px;
margin-right: -10px;
}
.social .google-plus, .social .twitter {
margin: 0 -10px 0 -10px;
}
.social .viber {
margin-left: -10px;
margin-right: -15px;
}
.social img {
width: 65px;
}
.contact-btn {
margin: 7px 0 0 -7px;
}
.contact-btn .col-md-12 button {
width:250px !important;
}
.contact-info p {
font-size: 18px;
}
}
#sidebar, footer, hr {
display:none;
}
/*έχει μεταφερθεί το css στο customize
.page-id-40 section#sec-1 {
background-image: url('../../../uploads/2017/09/contact-page.jpg');
background-repeat: no-repeat;
background-size: cover;
min-height:80%;
max-height: inherit;
}
*/
.p-heading h2 {
padding-bottom: 50px;
font-weight: bolder;
color: #C37CC4;
}
.figcontact {
height: 750px;
}
.figcontact .img-lg {
display:none;
}
.capcontact {
margin-top:-88%;
margin-left: 15%;
}
.back-form .img-sq {
width: 95%;
}
@media only screen and (max-width:893px) {
.back-form .img-sq {
width: 100%;
}
}
@media only screen and (max-width:804px) {
.back-form .p-heading h2 {
margin-top:-50px;
}
}
@media only screen and (max-width:767px) {
.back-form .p-heading h2 {
font-size: 22px;
}
}
.page-id-40 #mobile-pic {
margin-top:-558px;
}