/*Theme Name: Techniki Portokallidis
Theme URI: -
Description: - 
Version: 1.7
Author: -
Author URI: -

License:
License URI:
Tags: two-columns, custom-background, custom-colors, featured-images, theme-options
Text Domain: techportokallidis
*/

.cn-button.wp-default {font-family: roboto!important; line-height: 14px!important; padding: 1px 3px!important;}

.wp-caption{
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption-text{
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.24s ease-in-out;
-moz-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;}
.sticky{color: #000;}
.gallery-caption{
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.24s ease-in-out;
-moz-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;}
.bypostauthor{color:#000;}
.alignleft
 {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.alignright{
    display: block;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.aligncenter
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-bottom: 20px;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

.screen-reader-text:focus {
color:#000;	
}

body{
    font-family: 'Roboto', sans-serif!important;
    padding-bottom: 170px;
    font-weight: 300;
}

.home-main .home-content .hero-title{
    font-size: 140px;
    font-weight: 900;
    letter-spacing: -4px;
    line-height: 125px;
}

.home-main .home-content p{
    font-size: 24px;
    color: #4c4d4f!important;
    font-weight: 500;
}

.home-main .home-content p span{
    color: #4c4d4f!important;
    font-weight: 900;
}

.home-main .home-content .social{
    right: 0;
    top: 0;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -115px;
    z-index: 6;
}

/*------------ CUSTOM CSS CODE -----------------------------------------------------*/

::selection {background: #4c4d4f; color:#fff;}
::-moz-selection {background: #4c4d4f; color: #fff;}

/*.titlebar {padding: 126px 0!important; height: 300px; text-align: center;}*/
.home-main {padding-bottom:0px!important;}
.home-main .home-content .social a {color: #4c4d4f!important;}
.home-main .home-content p {font-size: 22px; color: #717372;}
.full-menu .full-inner nav ul li a {text-transform: lowercase;}

#homeservlist ul {list-style-type: none;}
#homeservlist ul li:before {content: '\2014'; position: absolute; margin-left: -20px; color:#f15922;}
#homeservlist ul li {font-weight: 300; color: #4c4d4f;}
#homecontlist p {font-weight: 300; color: #4c4d4f;}

#homecontlistmobcenter ul {list-style-type: none; padding-left: 0px!important;}
#homecontlistmobcenter ul li:before {content: '\2014'; position: absolute; margin-left: -20px; color:#f15922;}
#homecontlistmobcenter ul li:after {content: '\2014'; position: absolute; margin-left: 6px; color:#f15922;}
#homecontlistmobcenter ul li {font-weight: 300; color: #4c4d4f;}

#morelinkslist ul {list-style-type: none; margin-left:20px;}
#morelinkslist ul li:before {content: '\2014'; position: absolute; margin-left: -20px; color:#f15922;}
#morelinkslist ul li {font-weight: 300; color: #4c4d4f; border-bottom: none; padding: 4px 0px;}
#morelinkslist ul li a {font-size: 14px;}
#morelinkslist .bottom_30 {margin-bottom:23px;}

span#portsign {display:block; font-family:PF Reminder Pro Medium; font-weight:500; font-size:23px; line-height:30px; padding-top:6px;}

h6 {margin-bottom: 1em!important;}

footer {padding: 30px 0 16px!important;}
footer p {color: #979797!important; font-size: 14px!important; font-weight: 400!important;}
footer strong {font-size: 14px!important; font-weight: 500!important;}
footer .getintouch {text-align:right!important;}
footer .getintouch strong {color: #717372!important;}
.full-contact li {max-width: 80%!important;}
.full-menu .full-inner .full-contact ul li.title {font-size:16px!important; font-weight:900; margin-bottom:16px!important;}
.full-menu .full-inner .full-contact ul li {font-size:15px!important; font-weight: 600;}

footer .getintouch a {color: #f15922!important; text-decoration: none;}
footer .getintouch a:hover {text-decoration: underline!important;}

.owl-carousel.top_120 {margin-top: 45px!important;}
.owl-carousel.bottom_90 {margin-bottom: 45px!important;}
.owl-carousel.work-areas .area p {color: #4c4d4f!important; padding: 0 15px!important;}

.vc_btn3-style-flat.vc_btn3-icon-right {font-weight:500;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {margin-left: 0px!important;}

/*.flaticon-001-creative-thinking, .flaticon-024-computer-graphic, .flaticon-025-graphic-design, .flaticon-007-stationery, .flaticon-014-font-design {margin-left: -12px;}
.flaticon-001-creative-thinking {margin-left: -32px;}
.flaticon-007-stationery {margin-left: 0px;}
.flaticon-016-brainstorm  {margin-left: -20px;}*/

.bottom_60.single-side-bar {margin-bottom: 10px;}

.Contact_Information_Widget {padding-right:15px; float:none!important;}

.widget ul li {font-weight: 300!important;}
.contact_information.ci_icon .item-ci::before {top: 0px!important;}
ul.contact_information li.item-ci {margin-bottom: 1em !important;}

.cont ul li {font-size: 16px; line-height: 26px; font-weight:300;}
.dark-wrapper-css .cont p {font-size: 16px; line-height: 26px;}

.h5, h5 {padding-top: 13px!important; padding-bottom: 0px!important; font-size: 1.1rem!important;}

hr.bottom_90 {margin-bottom: 60px;}
hr.top_90 {margin-top: 30px;}

.widget ul li {line-height: 22px;}
.widget ul li a, .contact_information.ci_icon .item-ci::before {color: #4c4d4f!important;}

.wpcf7 {text-align: left!important;}
.wpcf7 label {font-size: 16px; font-weight:500;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {margin-bottom: 30px; border: 1px solid #717372; border-width: 0 0 1px 0; border-radius: 0px!important; -webkit-border-radius: 0px!important; height: 54px; font-size: 14px!important; padding-left: 15px; outline: 0; font-weight: 300;}

.wpcf7 textarea {margin-bottom: 30px; border: 1px solid #717372; border-width: 0 0 1px 0; border-radius: 0!important; -webkit-border-radius: 0!important; font-size: 14px!important; padding: 15px; outline: 0; font-weight: 300;}

span.wpcf7-list-item {margin-bottom: 45px!important;}

#frontdisabledrow {display:none!important;}

.wpb_single_image.vc_align_center {text-align: center; margin: 35px 30px;}
.pelates .wpb_single_image img {transition: all ease 0.3s; opacity:0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.pelates .wpb_single_image img:hover {transition: all ease 0.3s; opacity: 1; -webkit-filter: grayscale(10%); filter: grayscale(10%);}

#collist {columns: 2; -webkit-columns: 2; -moz-columns: 2;}

.frontpagecontentrowmobmax480 {display:none!important;}

@media screen and (max-width: 991px) {
.wpb_column.vc_column_container.vc_col-sm-9 {width: 100%!important;}
	}

@media screen and (min-height: 630px) {
.home-main {margin-bottom:-160px!important;}
}

@media screen and (min-height: 680px) {
.home-main {margin-bottom:-170px!important;}
}

@media screen and (min-height: 730px) {
.home-main {margin-bottom:-190px!important;}
@media screen and (min-width: 1360px) {
.home-main {margin-bottom:-170px!important;}	
	}
}

@media screen and (min-height: 780px) {
.home-main {margin-bottom:-200px!important;}
}

@media screen and (min-height: 805px) {
.home-main {margin-bottom:-210px!important;}
}

@media screen and (min-height: 830px) {
.home-main {margin-bottom:-230px!important;}
}

@media screen and (min-height: 880px) {
.home-main {margin-bottom:-240px!important;}
}

@media screen and (min-height: 930px) {
.home-main {margin-bottom:-250px!important;}
}

@media screen and (min-height: 950px) {
.home-main {margin-bottom:-270px!important;}
}

@media screen and (min-height: 1030px) {
	@media screen and (max-width: 1370px) {
	.home-main {margin-bottom:-320px!important;}	
	}	
}

@media screen and (min-height: 1050px) {
.home-main {margin-bottom: -430px!important;}
}

@media screen and (min-width: 768px) {
.offset-md-1 {margin-left: 0.8333333%!important;}
.col-md-10 {-webkit-box-flex: 0; -ms-flex: 0 0 98.333333%!important; flex: 0 0 98.333333%!important; max-width: 98.333333%!important;}
}

@media screen and (max-width: 1024px) {
#collist {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
@media screen and (min-height: 1030px) {
.home-main {margin-bottom:-450px!important;}
}
}
	
@media screen and (max-width: 945px) {
body {padding-bottom: 196px!important;}	
}

@media screen and (max-width: 769px) {
body {padding-bottom: 196px!important;}
.dark-wrapper-css .cont p {text-align: center!important;}
.owl-carousel.bottom_90 {margin-bottom: 0px!important;}
h6 {text-align: center!important;}
@media screen and (min-height: 1020px) {
.home-main {margin-bottom:-320px!important;}
}
}

@media screen and (max-width: 600px) {
body {padding-bottom: 196px!important;}	
}

@media screen and (max-width: 575px) {
body {padding-bottom: 345px!important;}
footer .copyright {text-align: center;}
footer .top_30 {margin-top: 15px!important;}
footer .getintouch {text-align: center!important;}
}

@media screen and (max-width: 480px) {
	
.frontpagecontentrowmobmax480 {display:flex!important;}
.frontpagecontentrow {display:none!important;}
.home .dark-wrapper-css .cont p {font-size: 15px!important; line-height: 23px!important;}
.home .cont ul li {font-size: 15px!important; line-height: 23px!important;}
body {padding-bottom: 345px!important;}	
footer .top_30 {margin-top: 15px!important;}
footer .top_30.footersocialicons {margin-top: 0px!important;}
footer .getintouch {text-align: center!important;}
.wpb_single_image.vc_align_center {margin: 35px 70px;}
hr.bottom_60 {margin-bottom: 30px;}
	hr.top_90 {margin-top: 15px;}
	hr.bottom_90 {margin-bottom: 30px;}
.dark-wrapper-css .cont p {text-align: center!important;}
.owl-carousel.bottom_90 {margin-bottom: 0px!important;}
.owl-carousel.top_120 {margin-top: 30px!important;}

	@media screen and (max-height: 1000px) {
.home-main {margin-bottom:-320px!important;}
.home-main .home-content .hero-title {margin-top: -120px;}
	}
	@media screen and (max-height: 800px) {
.home-main {margin-bottom:-300px!important;}
.home-main .home-content .hero-title {margin-top: -150px;}
.home-main .home-content p {font-size: 16px!important; line-height: 23px!important;}
	}
	@media screen and (max-height: 700px) {
.home-main {margin-bottom:-280px!important;}
.home-main .home-content .hero-title {margin-top: -170px;}	
.home-main .home-content p {font-size: 15px!important; line-height: 21px!important;}
	}
	@media screen and (max-height: 600px) {
.home-main {margin-bottom:-140px!important;}
.home-main .home-content .hero-title {margin-top: 0px;}
	}
	@media screen and (max-height: 500px) {
.home-main {margin-bottom:-120px!important;}
.home-main .home-content .hero-title {margin-top: 0px;}		
	}
}