/* All */
body {font-family:'Open Sans Hebrew', sans-serif; line-height:1.2; font-size:20px; background-color:#EFEEEE;}
h2 {font-size:30px;}
h3 {font-size:26px;}
ul {line-height:1.5;}
#content ul {
	list-style-type:none; list-style-image:url('/wp-content/themes/webreach/images/bullet-arrow.png');
	padding-right:20px;
}
#content .pagination {list-style-image:none; padding-right:0;}
.container {width:100%; max-width:none;}
.arrow {border:solid #000; border-width:0 1px 1px 0; display:inline-block; padding:3px;}
.arrow-right {
	-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg); transform:rotate(-45deg);
}
.arrow-left {
	-moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg);
	-webkit-transform:rotate(135deg); transform:rotate(135deg);
}
.line {height:1px;}
.line-right {margin-right:-8px;}
.line-left {margin-left:-8px;}
.arrow-wrapper {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
}
.form-control {border-radius:0; border-color:#9f9999;}
.blacktitle {
	width:100%;
	background-color:#232323;
	color:#33C2CA;
	margin-top:20px; margin-bottom:20px;
	padding-top:20px; padding-bottom:20px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:center; justify-content:center;
	-webkit-align-items:center; align-items:center;
}
.blacktitle h1 {margin-bottom:0;}
.blacktitle h2 {font-size:60px; margin-bottom:0;}
.blacktitle .line-left {background-color:#33C2CA; width:18vw;}
.blacktitle .line-right {background-color:#33C2CA; width:18vw;}
.blacktitle .arrow-left {border-color:#33C2CA; margin-left:30px;}
.blacktitle .arrow-right {border-color:#33C2CA; margin-right:30px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color:#33C2CA; font-weight:bold;}
.home #content h1, .home #content h2, .home #content h3, .home #content h4, .home #content h5, .home #content h6 {color:inherit;}
#content a {color:#33C2CA;}
.home #content a {color:inherit; text-decoration:underline;}
#backtotop {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	position:fixed;
	bottom:2%; right:1%;
	-webkit-align-items:center; align-items:center;
	-webkit-justify-content:center; justify-content:center;
	color:#fff; background-color:#33C2CA;
	width:40px; height:40px;
	border:1px solid #fff;
	font-size:30px;
	opacity:0;
	-o-transition:.3s opacity; -moz-transition:.3s opacity; -webkit-transition:.3s opacity; transition:.3s opacity;
}
#backtotop.backtotop-active {opacity:1;}
span.wpcf7-not-valid-tip {
	position:absolute;
    top:0;
    left:8px;
    /*-moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%);
	-webkit-transform:translateX(-100%); transform:translateX(-100%);
    transform:translateX(-100%);
    background-color:#fff;
    z-index:3;
    border:1px solid;
    padding-left:40px;
    padding-right:40px;*/
}

/* Header */
#header {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:flex-end; align-items:flex-end;
	margin:25px auto 50px auto;
	position:relative;
	height:115px;
	width:calc(100% - 160px);
}
.navbar {width:60%; font-size:23px; padding:0; margin-bottom:12px;}
.navbar-nav {
	width:100%;
	-webkit-justify-content:space-between; justify-content:space-between;
	-webkit-align-items:center; align-items:center;
	text-align:right;
	-ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row;
	border-bottom:1px solid #33C2CA;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
}
.navbar-toggler {display:none;}
#logo {left:0; text-align:left; position:absolute; width:250px;}
.header-info-item {display:inline-block; color:#61bac2;}
.navbar-collapse {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.icon-bar {background-color:#33C2CA; border-radius:0; width:70px; height:7px; display:block;}
.icon-bar+.icon-bar {margin-top:9px;}
.navbar-nav .menu-item .nav-link {width:100%; text-align:center; padding-right:.5rem; padding-left:.5rem;}
.navbar-nav>.menu-item>.dropdown-menu {
	text-align:right;
	border:none;
	-webkit-align-items:center; align-items:center;
	background-color:transparent;
	position:absolute;
	right:0%;
	left:auto;
	font-size:18px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	opacity:0;
	-o-transition:.5s opacity; -moz-transition:.5s opacity; -webkit-transition:.5s opacity; transition:.5s opacity;
}
.dropdown-menu .arrow-wrapper {
	-moz-transform:rotate(15deg); -ms-transform:rotate(15deg); -o-transform:rotate(15deg);
	-webkit-transform:rotate(15deg); transform:rotate(15deg);
	position:absolute;
	left:50%; top:25%;
	width:50%;
}
.dropdown-menu .line {background-color:#33C2CA; width:100%;}
.dropdown-menu .arrow {border-color:#33C2CA;}
.navbar-nav .dropdown-menu.show {opacity:1; font-size:20px;}
.navbar-nav .dropdown-item {background-color:transparent; padding-left:0; padding-right:0;}
.navbar-nav .dropdown-item:hover {background-color:transparent; color:#33C2CA;}
.navbar-nav .menu-item:hover>a {color:#33C2CA;}
.navbar-nav .active>a {color:#33C2CA;}
.navbar-nav .dropdown-menu .menu-item {width:auto;}
.dropdown-toggle::after {display:none;}
.dropdown-menu li+li .dropdown-item {padding-right:20px;}
#mobile-header-phone {display:none;}
#mobile-menu-icons {display:none;}

/* Footer */
.home #footer-menu-container, .page-template-page-projects #footer-menu-container {width:33.333%;}
.home #footer-form-container, .page-template-page-projects #footer-form-container {width:33.333%; border-left:2px solid #33C2CA;}
#footer {margin-bottom:25px; margin-top:25px;}
#footer-menu-container {width:50%; padding-top:25px;}
#footer-menu {
	width:80%;
	margin-left:auto; margin-right:auto;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
}
#footer-menu .menu {list-style-type:none; padding-right:0; line-height:2;}
#footer-menu .menu a {text-decoration:none;}
#footer-menu .menu a:hover {color:#33C2CA;}
#footer-menu .menu .sub-menu {list-style-type:none; padding-right:0; font-size:18px;}
#fixed-icons {color:#fff; font-size:28px; position:fixed; top:31.5vh; left:0; z-index:1;}
.fixed-icon-item {
	position:relative;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	background-color:#33C2CA;
	margin-top:5px;
}
.fixed-hidden {
	-o-transition:left .3s ease, opacity .3s ease, transform .3s ease;
	-moz-transition:left .3s ease, opacity .3s ease, transform .3s ease;
	-webkit-transition:left .3s ease, opacity .3s ease, transform .3s ease;
	transition:left .3s ease, opacity .3s ease, transform .3s ease;
	position:absolute; 
	-moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%);
	-webkit-transform:translateX(-100%); transform:translateX(-100%);
	left:0;
	opacity:0;
	background-color:#33C2CA;
	white-space:nowrap;
	height:50px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
}
.fixed-text {padding-left:10px; padding-right:10px; margin-bottom:0;}
.fixed-icon-item:hover .fixed-hidden {
	left:50px;
	opacity:1;
	-moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0);
	-webkit-transform:translateX(0); transform:translateX(0);
}
.fixed-icon {
	width:50px; height:50px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	-webkit-justify-content:center; justify-content:center;
	border-left:1px solid #fff;}

#facebook-icon .fixed-hidden {
	left:50px;
	-moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0);
	-webkit-transform:translateX(0); transform:translateX(0);
	display:none;
}
#facebook-icon:hover .fixed-hidden {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.accessibility-toolbar {
	padding-right:0; padding-left:5px;
	margin-bottom:0;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	height:100%;
}
.accessibility-toolbar .toolbar-item-name {
	display:none;
	position:absolute;
	bottom:-30px;
	left:0;
	border:0;
	color:#333;
	background-color:#ffe;
	padding:3px;
	-moz-box-shadow:0 0 1px #000; -webkit-box-shadow:0 0 1px #000; box-shadow:0 0 1px #000;
	border-radius:3px;
	font-size:14px;
}
.accessibility-toolbar-button {width:100%; height:100%; background-color:#33C2CA; position:relative;}
#accessibility-icon {display:none;}
#header-mobile-accessibility-icon {display:none;}
#accessibility-icon .fixed-hidden {display:block;}
.accessibility-toolbar-item {width:45px; height:100%;}
.accessibility-toolbar-item:hover .toolbar-item-name {display:block;}
#footer-form-container {width:50%; border-right:2px solid #33C2CA; padding-top:25px;}
#footer-form {width:80%; margin-left:auto; margin-right:auto;}
#footer-form label {
	width:100%;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	-webkit-align-items:center; align-items:center;
	font-size:22px;
}
#footer-form .wpcf7-form-control-wrap {
	width:85%;
	background-image:url('/wp-content/themes/webreach/images/contact-pixel-bg.png');
	-ms-flex-item-align:stretch; -webkit-align-self:stretch; align-self:stretch;
}
#footer-form .wpcf7-form-control {
	height:calc(100% - 3px);
	background-color:transparent;
	margin-top:-3px;
	margin-right:-5px;
}
#footer-form .wpcf7-submit {
	color:#33C2CA;
	border:none; border-radius:100%; outline:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
	cursor:pointer;
	width:90px; height:90px;
	display:inline-block;
	background-color:transparent;
	background-image:url(/wp-content/themes/webreach/images/cf-footer-big.png);
	background-size:contain; background-repeat:no-repeat; background-position:center;
	-o-transition:.2s background-color, .2s color; -moz-transition:.2s background-color, .2s color;
	-webkit-transition:.2s background-color, .2s color; transition:.2s background-color, .2s color;
}
#footer-form .wpcf7-submit:hover {background-color:#87D4DA; color:#fff;}
#footer-submit {text-align:center; margin-top:15px;}
#footer-last-article {width:33.333%; position:relative; margin-top:25px; padding-left:90px; padding-right:25px;}
#footer-last-article .line {background-color:#000; width:350px;}
#footer-last-article .arrow-left {border-color:#000; margin-left:30px;}
#footer-last-article .arrow-left-wrapper {right:25px;}
#footer-last-article a {text-decoration:none;}
#footer-last-article h3 {margin-bottom:5px; font-weight:bold; text-decoration:none; font-size:27px;}
#last-article-text {margin-top:10px; font-size:16px;}
.footer-last-article-title {font-weight:bold; margin-top:15px; font-size:21px;}
#footer-credit {
	background-color:#232323;
	color:#fff;
	-webkit-justify-content:center; justify-content:center;
	-webkit-align-items:flex-end; align-items:flex-end;
	padding-top:15px; padding-bottom:15px;
}
#footer-credit p {margin-left:10px; margin-right:10px; line-height:1; margin-bottom:24px;}
#footer-credit img {width:200px; margin-left:10px; margin-right:10px; line-height:1;}
#cf-footer-big {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#cf-footer-big-right {width:66.666%;}
#cf-footer-big-left {
	width:33.333%;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	-webkit-justify-content:center; justify-content:center;
}
#cf-footer-big-left .wpcf7-submit {width:120px; height:120px; font-size:20px;}

/* Homepage */
.home #logo {left:30px;}
#hp-header-button {position:absolute; top:3%; right:5%; z-index:1;}
#hp-video-container {position:relative;}
/*#hp-video-playpause {position:absolute; left:5%; bottom:3%; z-index:1; display:none;}*/
#hp-video-logo {position:absolute; top:1%; left:40px; width:250px;}
#hp-video-item {width:100%; height:0; padding-top:56.25%; position:relative;}
#hp-video-container video {width:100%; height:100%; position:absolute; top:0; right:0;}
#hp-wwd {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	width:100%;
	-webkit-justify-content:space-between; justify-content:space-between;
	padding-left:15%; padding-right:15%;
	position:relative;
	font-size:15px;
	margin-top:100px; margin-bottom:100px;
}
.hp-wwd-circle {
	border-radius:100%;
	height:280px; width:280px;
	-o-transition:1s transform; -moz-transition:1s transform; -webkit-transition:1s transform; transition:1s transform;
	position:relative;
}
.hp-wwd-circle-front {
	width:100%; height:100%;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	-webkit-justify-content:center; justify-content:center;
	-moz-backface-visibility:visible; -ms-backface-visibility:visible; -webkit-backface-visibility:visible; backface-visibility:visible;
	z-index:2;
	-moz-transform:rotateY(0deg); -ms-transform:rotateY(0deg); -o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg); transform:rotateY(0deg);
	position:absolute;
	top:0; right:0; left:0; bottom:0;
	text-transform:uppercase;
}
.hp-wwd-circle-wrapper.hp-wwd-circle-hover .hp-wwd-circle-front {
	-moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden;
}
.hp-wwd-circle-back {
	width:100%; height:100%;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center;align-items:center;
	-webkit-justify-content:center; justify-content:center;
	-moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden;
	-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg); transform:rotateY(180deg);
	position:absolute;
	top:0; right:0;
	padding:30px;
	text-align:center;
}
.hp-wwd-circle-wrapper.hp-wwd-circle-hover .hp-wwd-circle-back {
	-moz-backface-visibility:visible; -ms-backface-visibility:visible; -webkit-backface-visibility:visible; backface-visibility:visible;
}
.hp-circle-readmore {margin-top:5px; font-weight:bold;}
.hp-circle-readmore i, .hp-circle-readmore svg {margin-right:5px;}
.hp-circle-readmore a {text-decoration:none;}
.windows .hp-wwd-circle-wrapper .hp-wwd-circle {
	-moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;
}
.hp-wwd-circle-wrapper.hp-wwd-circle-hover .hp-wwd-circle {
	-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg); transform:rotateY(180deg);
}
.hp-wwd-circle span {/*position:absolute;*/ font-size:26px;}
.ie .hp-wwd-circle-hover .hp-wwd-circle-front span, body:not(.windows) .hp-wwd-circle-hover .hp-wwd-circle-front span {display:none;}
.ie .hp-wwd-circle-hover .hp-wwd-circle-back, body:not(.windows) .hp-wwd-circle-hover .hp-wwd-circle-back {z-index:5;}

.hp-wwd-line {position:absolute;}

#hp-wwd-line1 {left:0; width:15%;}
#hp-wwd-line2 {left:25%; top:65%; width:20%;}
#hp-wwd-line3 {left:55%; width:20%;}
.hp-wwd-circle-wrapper {
	position:relative;
	-o-transition:.8s transform; -moz-transition:.8s transform; -webkit-transition:.8s transform; -webkit-transition:.8s all; transition:.8s transform;
	z-index:1;
}
.hp-wwd-circle-wrapper.hp-wwd-circle-hover {
	-moz-transform:scale(1.6); -ms-transform:scale(1.6); -o-transform:scale(1.6); -webkit-transform:scale(1.6); transform:scale(1.6);
	z-index:2;
}

#hp-wwd-circle1 {background-color:#33c2ca;}
.hp-wwd-circle-effect1 {
	position:absolute;
	z-index:-1;
	-o-transition:1s all; -moz-transition:1s all; -webkit-transition:1s all; transition:1s all;
	max-width:none; width:130%;
}
#hp-wwd-circle1-arrow1.nothere, #hp-wwd-circle1-arrow2.nothere, #hp-wwd-circle1-arrow3.nothere {bottom:-1000px; left:-1000px;}
#hp-wwd-circle1-arrow1 {left:-30%; bottom:-6px;}
#hp-wwd-circle1-arrow2 {left:-19%; bottom:0;}
#hp-wwd-circle1-arrow3 {left:-17%; bottom:-17px;}
#hp-wwd-circle-wrapper1.hp-wwd-circle-hover #hp-wwd-circle1-arrow1 {width:90%; left:10%; bottom:24px;}
#hp-wwd-circle-wrapper1.hp-wwd-circle-hover #hp-wwd-circle1-arrow2 {width:90%; left:0; bottom:60px;}
#hp-wwd-circle-wrapper1.hp-wwd-circle-hover #hp-wwd-circle1-arrow3 {width:80%; left:25%; bottom:0;}

#hp-wwd-circle2 {background-color:#88d5db;}
.hp-wwd-circle-effect2 {position:absolute; z-index:-1; max-width:none;}
.hp-wwd-circle-wrapper.hp-wwd-circle-hover .hp-wwd-circle-effect {z-index:2;}
#hp-wwd-circle2-circle1 {
	width:115%;
	-o-transition:1.5s all; -moz-transition:1.5s all; -webkit-transition:1.5s all; transition:1.5s all;
	top:-4%; right:-4%;
}
#hp-wwd-circle2-circle2 {
	width:115%;
	-o-transition:2s all; -moz-transition:2s all; -webkit-transition:2s all; transition:2s all;
	top:-8%; right:-8%;
}
#hp-wwd-circle2-circle3 {
	width:115%;
	-o-transition:2.5s all; -moz-transition:2.5s all; -webkit-transition:2.5s all; transition:2.5s all;
	top:-12%; right:-12%;
}
#hp-wwd-circle-wrapper2.hp-wwd-circle-hover #hp-wwd-circle2-circle1 {
	-moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg); transform:rotate(180deg);
	width:110%;
	top:-5%; right:-5%;
}
#hp-wwd-circle-wrapper2.hp-wwd-circle-hover #hp-wwd-circle2-circle2 {
	-moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg); transform:rotate(180deg);
	width:120%;
	top:-10%; right:-10%;
}
#hp-wwd-circle-wrapper2.hp-wwd-circle-hover #hp-wwd-circle2-circle3 {
	-moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg); transform:rotate(180deg);
	width:130%;
	top:-15%; right:-15%;
}

#hp-wwd-circle3 {background-color:#addee2;}
.hp-wwd-circle-effect3 {position:absolute; z-index:-1; max-width:none;}
#hp-wwd-circle3-circle1 {
	width:110%;
	-o-transition:1.5s all; -moz-transition:1.5s all; -webkit-transition:1.5s all; transition:1.5s all;
	top:-5%; right:-3%;
}
#hp-wwd-circle3-circle2 {
	width:120%;
	-o-transition:2s all; -moz-transition:2s all; -webkit-transition:2s all; transition:2s all;
	top:-7%; right:-11%;
}
#hp-wwd-circle3-circle3 {
	width:130%;
	-o-transition:2.5s all; -moz-transition:2.5s all; -webkit-transition:2.5s all; transition:2.5s all;
	top:-10%; right:-24%;
}
#hp-wwd-circle-wrapper3.hp-wwd-circle-hover #hp-wwd-circle3-circle1 {
	-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg); transform:rotateY(180deg);
	top:-5%; right:-5%;
}
#hp-wwd-circle-wrapper3.hp-wwd-circle-hover #hp-wwd-circle3-circle2 {
	-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg); transform:rotateY(180deg);
	top:-10%; right:-10%;
}
#hp-wwd-circle-wrapper3.hp-wwd-circle-hover #hp-wwd-circle3-circle3 {
	-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg); transform:rotateY(180deg);
	top:-15%; right:-15%;
}

#hp-projects-title-container {position:relative; overflow:hidden; margin-top:100px; margin-bottom:0;}
#hp-projects-title-container .arrow-wrapper {position:absolute;}
#hp-projects-title-container .arrow-left-wrapper {
	right:17%;
	-o-transition:1s right; -moz-transition:1s right; -webkit-transition:1s right; transition:1s right;
}
#hp-projects-title-container .arrow-left-wrapper.nothere {right:-100%;}
#hp-projects-title-container .arrow-right-wrapper {
	left:17%;
	-o-transition:1s left; -moz-transition:1s left; -webkit-transition:1s left; transition:1s left;
}
#hp-projects-title-container .arrow-right-wrapper.nothere {left:-100%;}
#hp-projects {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
	width:95%;
	margin:4% auto 2% auto;
}
.hp-project {width:32%; position:relative; overflow:hidden; margin-bottom:2%;}
.hp-project-layer {
	position:absolute;
	top:-100%; right:0;
	width:100%; height:100%;
	background-color:rgba(51,193,201,.7);
	 -o-transition:.5s top; -moz-transition:.5s top; -webkit-transition:.5s top; transition:.5s top;
	color:#fff;
	text-align:center;
	font-size:34px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
	-webkit-justify-content:center; justify-content:center;
	-webkit-align-items:center; align-items:center;
}
.no-touch .hp-project:hover .hp-project-layer {top:0;}
.hp-project-title {margin-bottom:10px;}
.hp-project-short-decription {margin-bottom:10px;}

#hp-content {background-color:#A5DCDF; font-size:24px; width:100%; margin-top:40px;}
#hp-content #content {width:80%; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:50px; padding-left:15%;}
#hp-content .line {background-color:#000; width:70vw;}
#hp-content .arrow-wrapper {
	position:absolute;
	-o-transition:.5s right; -moz-transition:.5s right; -webkit-transition:.5s right; transition:.5s right;
	right:10%;
}
#hp-content .arrow-wrapper.nothere {right:-100%;}
#hp-content .arrow-left {border-color:#000; margin-left:30px;}
#hp-content #content article {margin:20px 0; padding-top:20px;}
#hp-content p {margin-bottom:1rem;}
#hp-content h2 {margin-bottom:1rem;}
#hp-recommended-wrapper {background-color:#232323; width:100%;}
.hp-recommended-item {padding-left:30px; padding-right:30px; margin-top:30px; margin-bottom:30px;}
.hp-recommended-logo {
	height:80px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	margin-bottom:10px;
}
.hp-recommended-logo img {margin-left:auto; margin-right:auto; max-height:70%; width:auto; max-width:60%;}
.hp-recommended-text {color:#dbd9da; text-align:center; font-size:17px; line-height:1.3;}
.hp-recommended-text:before {content:'"'; display:inline;}
.hp-recommended-text:after {content:'"'; display:inline;}
.home #header {margin-bottom:100px; width:95%;}

/* Page */
#pagerow article {width:100%;}
#page-main-container {
	width:calc(100% - 160px);
	margin:50px auto 70px auto;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#page-main {width:66.666%; margin-top:20px; padding-left:8%;}
#page-sidebar {width:33.333%; padding-right:30px;}
.pages-nav {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	width:50%;
	margin-left:auto; margin-right:auto;
	font-size:24px;
}
.pages-nav .line {width:16vw; background-color:#000;}
.page-nav-item a {
	text-decoration:none;
	display:block;
	padding:10px 20px;
	background-color:#33C2CA;
	-o-transition:.2s color, .2s background-color; -moz-transition:.2s color, .2s background-color;
	-webkit-transition:.2s color, .2s background-color;	transition:.2s color, .2s background-color;
}
.page-nav-item:hover {color:#33C2CA;}
.page-nav-item:hover a {color:#33C2CA; background-color:#000;}
#page-footer-devider {width:100%; height:60px; background-color:#232323; margin-top:20px;}

/* About us */
#about-us {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
	width:100%;
	margin-left:auto; margin-right:auto; margin-top:70px;
}
.about-item {width:45%; text-align:center;}
.about-name {color:#33C2CA; margin-bottom:20px; font-weight:bold; font-size:24px;}
.about-img {position:relative; display:inline-block; overflow:hidden;}
.about-img img {
	-o-transition:opacity 1s ease-in-out; -moz-transition:opacity 1s ease-in-out; -webkit-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out;
	border:1px solid black; border-radius:100%;
}
.about-second {
	position:absolute;
	left:50%; top:0;
	-moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity:0;
}
.about-img:hover .about-first {opacity:0;}
.about-img:hover .about-second {opacity:1;}
.about-us-text {margin-top:20px;}
/*.about-img:hover {
-webkit-mask: -webkit-gradient(radial, 17 17, 123, 17 17, 138, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));
}*/
/*.about-effect {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:100%;
	background-image:url('/wp-content/themes/webreach/images/roi2.jpg');
}*/
/*
.about-img:hover .about-effect:after {
    width:50%;
    -webkit-animation:cd-bounce-in 0.7s;
    -moz-animation:cd-bounce-in 0.7s;
    animation:cd-bounce-in 0.7s;
}
.about-effect:after {
	content:'';
	-o-transition:1s all; -moz-transition:1s all; -webkit-transition:1s all; transition:1s all;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    overflow:hidden;
    background:url('/wp-content/themes/webreach/images/roi2.jpg') no-repeat left top;
    background-size:auto 100%;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
   -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden;
    display:block;
   }

@-webkit-keyframes scan {
  /* finish with the scan bar just off the right side */
 /* 100% { background-position: 25% center; }
}

/*#roi:hover .about-effect:after {left:200%;}*/

/* Sidebar */
.sidebar {border:1px solid #33C2CA;}
#sidebar-projects-container {border-bottom:1px solid #33C2CA; padding:10px;}
#sidebar-projects-button {margin-top:10px; font-size:28px;}
#sidebar-projects-button button {
	border:none;
	background-color:#33C2CA;
	width:100%;
	padding-top:20px; padding-bottom:20px;
	font-weight:bold;
}
.sidebar .slick-prev {left:10px; z-index:1;}
.sidebar .slick-next {right:10px; z-index:1;}
.sidebar .slick-prev:before, .sidebar .slick-next:before {content:'';}
.sidebar .line {background-color:#33C2CA; width:15px;}
.sidebar .arrow {border-color:#33C2CA;}
.sidebar .slick-prev, .sidebar .slick-next {width:auto; height:auto;}
#sidebar-recommendations-container {padding:20px 10px;}
#sidebar-recommendations-slideshow {padding:20px; background-color:#232323; color:#dbd9da;}
#sidebar-recommendations-slideshow img {margin-left:auto; margin-right:auto; max-height:100%; width:auto;}
.sidebar-recommended-text {text-align:center; width:70%; margin-left:auto; margin-right:auto;}
.sidebar-recommended-text:before {content:'"'; display:inline;}
.sidebar-recommended-text:after {content:'"'; display:inline;}
.sidebar-recommended-logo {
	height:110px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	margin-left:auto; margin-right:auto; margin-bottom:10px;
	max-width:250px;
}
#sidebar-last-article-title {
	text-align:center;
	border-top:1px solid #33C2CA;
	border-bottom:1px solid #33C2CA;
	padding-top:10px;
	padding-bottom:10px;
	font-size:28px;
	font-weight:bold;
}
#sidebar-last-article {padding:30px;}
.sidebar-last-article-title {font-size:26px;}
.sidebar-last-article-title:hover {text-decoration:none;}
#readmore-arrow {
	display:-webkit-inline-box; display:-ms-inline-flexbox; display:-webkit-inline-flex; display:inline-flex;
	vertical-align:middle;
}
#readmore-arrow .line {width:15px; background-color:#000;}
#readmore-arrow .arrow {border-color:#000;}

/* Contact */
.page-template-page-contact #footer {display:none;}
#contactrow article {width:100%;}
#contact-main-container {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin-bottom:20px;
}
#contact-main {width:66.666%; margin-top:50px;}
#contact-main #content {width:80%; margin-left:auto; margin-right:auto;}
#contact-main .arrow-wrapper {margin-top:50px; margin-bottom:50px;}
#contact-main .line {width:50%; background-color:#000;}
#contact-details-container {color:#fff;}
#contact-details-title {background-color:#33C2CA; text-align:center; padding-top:40px; padding-bottom:40px;}
#contact-details-title h4 {margin-bottom:0; font-size:34px;}
#contact-details {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
	width:80%;
	margin-left:auto; margin-right:auto; margin-top:70px;
}
.contact-circle-wrapper {
	background-color:#88d5db;
	border-radius:100%;
	width:200px; height: 200px;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	-webkit-justify-content:center; justify-content:center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	position:relative;
}
.contact-circle {
	width:100%;
	height:100%;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:center;justify-content:center;
	-webkit-align-items:center; align-items:center;
	-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
}
.contact-circle-effect {z-index:-1;}
.contact-details-img {width:60px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:5px;}
.contact-circle span {font-size:18px;}
#contact-circle3 .contact-details-img img {height:70px; width:auto;}
.contact-circle-effect1 {position:absolute; top:8%; right:-13%; width:120%; max-width:none;}
.contact-circle-effect2 {position:absolute; top:-8%; right:-25%; width:130%; max-width:none;}
.contact-circle-effect3 {position:absolute; top:-10%; right:-10%; width:120%; max-width:none;}
#contact-form-container {width:33.333%; padding-left:30px;}
#contact-form {border:1px solid #33C2CA; padding:20px 40px;}
#contact-form label {
	width:100%;
	text-align:center;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
}
#contact-form .wpcf7-form-control-wrap {
	background-image:url('/wp-content/themes/webreach/images/contact-pixel-bg.png');
}
#contact-form .wpcf7-form-control {
	height:calc(100% - 3px);
	background-color:transparent;
	margin-top:-3px; margin-right:-5px; margin-bottom:3px;
}
#contact-submit {text-align:center;}
#contact-form .wpcf7-submit {
	color:#33C2CA;
	border:none; border-radius:100%; outline:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
	cursor:pointer;
	width:150px; height:150px;
	display:inline-block;
	background-color:transparent;
	background-image:url('/wp-content/themes/webreach/images/cf-footer-big.png');
	background-size:contain; background-repeat:no-repeat; background-position:center;
	font-size:26px;
	-o-transition:.2s background-color, .2s color; -moz-transition:.2s background-color, .2s color;
	-webkit-transition:.2s background-color, .2s color; transition:.2s background-color, .2s color;
}
#contact-form .wpcf7-submit:hover {background-color:#87D4DA; color:#fff;}

/* Category */
#catrow #page-main-container {width:85%;}
#catrow header {
	width:100%;
	margin-top:0;
	color:#33C2CA;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:center;justify-content:center;
	-webkit-align-items:center; align-items:center;
}
#catrow header h2 {margin-left:80px; margin-right:80px; -ms-flex:1 0 auto; -webkit-flex:1 0 auto; flex:1 0 auto; margin-bottom:0;}
#catrow article {margin:0;}
#catrow article header .arrow-wrapper {width:100%;}
#catrow article header .line {width:100%; background-color:#000;}
.cat-post-container {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
}
.cat-post-text {width:60%;}
.cat-post-thumb {width:30%;}
.cat-article-seperator {width:100%; margin:20px auto; height:1px; background-color:#33C2CA;}
.pagination .page-item span {
	position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    background-color:#fff;
    border:1px solid #ddd;
    color:#000;
}
.page-link, .pagination .page-item span {margin-left:0;}
.page-item {margin-left:5px;}

/* Single */
#singlerow header {width:100%;}
#singlerow article {margin:0;}
#next-prev {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	-webkit-align-items:center; align-items:center;
	width:100%;
	position:relative;
}
#next-prev .arrow {border-color:#33C2CA;}
#next-prev .line {background-color:#33C2CA; width:300px;}
#next-post {text-align:left;}
#back-to-blog {
	position:absolute;
	right:50%;
	-moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); -webkit-transform:translateX(50%);
	transform:translateX(50%);
}

/* Recommendations */
#recommendations-container #page-main-container {width:100%;}
#recommendations-container #content {width:100%;}
#recommendations-wrapper {
	width:85%;
	margin-left:auto; margin-right:auto;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
}
#recommendations-wrapper:after {content:""; width:31%;}
.recommendations-item {
	width:31%;
	border:1px solid #33C2CA;
	margin-bottom:2%;
	padding:20px;
	-o-transition:.3s all; -moz-transition:.3s all; -webkit-transition:.3s all; transition:.3s all;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.recommendations-top {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	margin-bottom:10px;
	width:100%;
	-ms-flex-item-align:flex-start; -webkit-align-self:flex-start; align-self:flex-start;
}
.recommendations-top-right {
	width:70%;
	padding-left:5%;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
	-webkit-justify-content:space-between; justify-content:space-between;
}
.recommendations-name {margin-bottom:10px; color:#33C2CA; font-size:23px; font-weight:bold;}
.recommendations-title {margin-bottom:10px; font-size:20px; font-weight:bold;}
.recommendations-logo {
	width:30%;
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	-webkit-justify-content:flex-end; justify-content:flex-end;
}
.recommendations-logo img {max-height:50px; width:auto;}
.recommendations-excerpt {width:100%;}
.recommendations-media {width:100%; text-align:center; position:relative; cursor:pointer;}
.recommendations-media img {width:80%; margin-left:auto; margin-right:auto;}
.recommendations-media-play {
	position:absolute;
	top:50%; left:50%;
	-moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);
	font-size:30px;
	color:#33C2CA;
}
.recommendations-plus {
	text-align:center;
	color:#33C2CA;
	font-size:36px;
	-ms-flex-item-align:flex-end; -webkit-align-self:flex-end; align-self:flex-end;
	width:100%;
	cursor:pointer;
	margin-top:10px;
}
.modal-dialog {max-width:900px; margin-top:40px;}
.modal-youtube {text-align:center; position:relative; padding-top:56.25%;}
.modal-youtube iframe {position:absolute; width:100%; height:100%; top:0; right:0;}
.modal-content {border:2px solid #33C2CA; border-radius:0; background-color:#EFEEEE; padding:5px 30px 30px 30px;}
.modal-header {display:inline-block; text-align:center; margin-top:5px;}
.modal-header .close {position:absolute; right:5px; top:5px; font-size:40px; color:#33C2CA; cursor:pointer;}
.modal-header .close span {display:inline-block;}
.modal-title {margin-bottom:10px;}
.modal-logo {position:absolute; left:30px; top:20px; max-width:33%; max-height: 3%;}
.modal-logo img {max-height:100px; width:auto;}

/* Projects */
#projects-container #content {width:85%; margin-left:auto; margin-right:auto;}
#projects-wrapper {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
	margin-top:50px;
}
.project-item {width:48%; position:relative; margin-bottom:4%; cursor:pointer;}
.project-item:nth-child(3n + 1) {margin-left:2%;}
.project-item:nth-child(3n + 2) {margin-right:2%;}

/*.project-item img {width:100%;}*/
.project-title {
	position:absolute;
	bottom:-100px;
	-o-transition:.5s bottom, .5s opacity; -moz-transition:.5s bottom, .5s opacity; -webkit-transition:.5s bottom, .5s opacity;
	transition:.5s bottom, .5s opacity;
	background-color:rgba(51,193,201,.8);
	color:#fff;
	width:100%;
	padding:30px;
	text-align:center;
	opacity:0;
	font-size:30px;
	font-weight:bold;
}
.project-item:hover .project-title {bottom:0; opacity:1;}

/* Project Open */
.project-secret-meta {display:none;}
.project-open {width:100%; margin-bottom:4%; display:none; background-color:#33C2CA; padding:50px 80px; color:#fff; position:relative;}
.project-open.project-open-active {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
}
.project-open-close-button {position:relative; width:40px; height:40px; cursor:pointer;}
.project-open-close-button:before {
	content:'';
	position:absolute;
	top:50%;
	width:40px; height:2px;
	background-color:#fff;
	-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.project-open-close-button:after {
	content:'';
	position:absolute;
	top:50%;
	width:40px; height:2px;
	background-color:#fff;
	-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.project-open-right {width:33%;}
.project-open-left {width:56%; text-align:center;}
.project-open-top {display:inline-block; text-align:center;}
.project-open-title {margin-bottom:20px; display:inline-block; font-size:38px;}
.project-open-title span {font-weight:bold; display:block; font-size:40px;}
.project-open-link {
	direction:ltr;
	margin-bottom:20px;
	display:inline-block;
	width:100%;
	text-align:left;
	font-size:24px;
	text-align:center;
}
#content .project-open-link a {color:inherit;}
.project-open-arrow .line {width:99%; background-color:#fff;}
.project-open-arrow .arrow {border-color:#fff;}
.project-open-description {margin-top:20px; font-size:22px; line-height:1.7;}
.project-gallery .slick-slide img {margin-left:auto; margin-right:auto;}
.project-gallery .slick-track {
	display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
}
.project-gallery .slick-prev, .project-gallery .slick-next {width:auto;}
.project-gallery .slick-prev {left:-40px;}
.project-gallery .slick-next {right:-40px;}
.project-gallery .slick-prev:before, .project-gallery .slick-next:before {content:'';}
.project-gallery .arrow {border-color:#fff; border-width:0 2px 2px 0;}
.project-gallery .line {background-color:#fff; width:40px; height:2px;}
.project-open-active:before {
	content:'';
	display:block;
	position: absolute;
	right:-120px;
	bottom:-13px;
	border-left:0 solid transparent;
	border-right:150px solid transparent;
	-moz-transform:rotate(16deg); -ms-transform:rotate(16deg); -o-transform:rotate(16deg); -webkit-transform:rotate(16deg);
	transform:rotate(16deg);
	border-bottom:125px solid #33C2CA;
}
.project-active+.project-open-active:after {
	content:'';
	display:block;
	position: absolute;
	left:-120px;
	bottom:-13px;
	border-left:150px solid transparent;
	border-right:0 solid transparent;
	-moz-transform:rotate(-16deg); -ms-transform:rotate(-16deg); -o-transform:rotate(-16deg); -webkit-transform:rotate(-16deg);
	transform:rotate(-16deg);
	border-bottom:125px solid #33C2CA;
}
.project-active+.project-open-active:before {display:none;}
.project-open+.project-active+.project-open-active:after {display:none;}
.project-open+.project-active+.project-open-active:before {display:block;}

/* */
@media (max-width:1680px) {
	.home #logo {width:230px;}
	#logo {width:240px;}
	.blacktitle .line-right {width:17vw;}
	.blacktitle .line-left {width:17vw;}
	#page-main-container {width:calc(100% - 110px);}
	#header {width:calc(100% - 110px);}
	#page-sidebar {padding-right:50px;}
	.pages-nav {width:60%;}
}
@media (max-width:1600px) {
	.project-title {font-size:26px;}
	.project-open {padding-left:50px; padding-right:50px;}
	.project-open-title {font-size:32px;}
	.project-open-title span {font-size:34px;}
	.project-open-right {width:38%; padding-left:5%;}
	.project-open-link {font-size:22px;}
	#recommendations-wrapper {width:90%;}
	.home #logo {width:220px;}
	.hp-wwd-circle {height:250px; width:250px;}
	.blacktitle h2 {font-size:50px;}
	.hp-project-layer {font-size:28px;}
	#hp-content {font-size:22px;}
	#footer-last-article {padding-left:80px;}
	#footer-last-article h3 {font-size:24px;}
	.navbar {width:65%;}
	#page-main {padding-left:3%;}
	#hp-wwd {padding-left:10%; padding-right:10%;}
}
@media (max-width:1536px) { 
	.home #logo {width:240px; left:30px;}
	.navbar {width:70%;}
	#sidebar-projects-button button {font-size:22px;}
	.sidebar-recommended-text {font-size:16px;}
	#sidebar-last-article-title {font-size:24px;}
	.sidebar-last-article-title {font-size:22px;}
	#footer-credit {font-size:17px;}
	#footer-credit img {width:170px;}
	.navbar {font-size:22px;}
}
@media (max-width:1366px) { 
	.hp-wwd-circle {height:230px; width:230px;}
	#hp-wwd-circle1-arrow2 {bottom:-3px;}
	.home #header {margin-bottom:85px;}
	#hp-projects-title-container {margin-top:85px;}
	#footer-form-container {padding-top:50px;}
	#footer-menu {font-size:18px;}
	#footer-last-article h3 {font-size:22px;}
	.footer-last-article-title {font-size:18px;}
	#footer-form label {font-size:20px;}
	body {font-size:18px;}
	#content h2 {font-size:27px;}
	#content h3 {font-size:24px;}
	#page-main {padding-left:0;}
	#sidebar-last-article {padding:20px;}
	.project-title {font-size:24px;}
	.project-open-title span {font-size:30px;}
	.project-open-title {font-size:26px;}
	.project-open-link {font-size:20px;}
	.project-open-description {font-size:19px;}
	#contact-details {width:90%;}
}
@media (max-width:1360px) {
	#hp-video-logo {width:200px;}
	.home #logo {width:210px;}
	.navbar {font-size:20px;}
	.navbar {width:67%;}
	.hp-wwd-circle {width:200px; height:200px;}
	#hp-wwd {font-size:11px;}
	.hp-wwd-circle span {font-size:22px;}
	.blacktitle h2 {font-size:45px;}
	.hp-project-layer {font-size:25px;}
	#hp-content #content {width:93%; padding-left:7%;}
	#hp-content {font-size:20px;}
	#content h2 {font-size:24px;}
	#footer-last-article {padding-left:68px;}
	#footer-form .wpcf7-form-control-wrap {width:83%;}
	.pages-nav {font-size:22px;}
	#sidebar-projects-button button {font-size:20px;}
	.sidebar-recommended-logo {max-width:200px;}
	#sidebar-last-article-title {font-size:20px;}
	.sidebar-last-article-title {font-size:20px;}
	.project-open-title {font-size:26px;}
	.project-open-close-button:before {width:35px;}
	.project-open-close-button:after {width:35px;}
	.project-open-active:before {right:-100px; bottom:-7px;}
	.project-active+.project-open-active:after {left:-100px; bottom:-7px;}
	.project-title {font-size:22px;}
	.modal-logo {max-height:20%; max-width:20%;}
	.about-us-text {font-size:16px;}
	.about-item {width:40%;}
	.contact-circle-wrapper {width:190px; height:190px;}
	h1 {font-size:36px;}
}
@media (max-width:1280px) {
	#hp-wwd {padding-left:8%; padding-right:8%;}
	.home #header {margin-bottom:50px;}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover #hp-wwd-circle1-arrow2 {bottom:50px;}
	#hp-projects-title-container {margin-top:50px;}
	#footer-form label {font-size:18px;}
	#footer-credit img {width:150px;}
	.hp-recommended-text {font-size:14px;}
	.home #logo {width:200px;}
	.navbar {width:71%;}
	#page-sidebar {padding-right:25px;}
	#sidebar-projects-button button {padding-top:15px; padding-bottom:15px;}
	.sidebar-recommended-logo {max-width:110px;}
	.sidebar-recommended-text {font-size:14px;}
	#last-article-text {font-size:14px;}
	#logo {width:200px;}
	.project-title {font-size:18px;}
	.project-open-title span {font-size:22px;}
	.project-open-title {font-size:22px;}
	.project-open-link {font-size:18px;}
	.project-open-description {font-size:16px;}
	.project-open-close-button:before {width:28px;}
	.project-open-close-button:after {width:28px;}
	#footer-menu {font-size:16px;}
	#footer-menu .menu .sub-menu {font-size:16px;}
	#footer-last-article h3 {font-size:18px;}
	#footer-form-container {padding-top:30px;}
	.recommendations-item {width:48%;}
	#next-prev .line {width:220px;}
	#page-main {padding-left:2%;}
	h1 {font-size:32px;}
	#about-us {margin-top:50px;}
	.contact-circle-wrapper {width:170px; height:170px;}
	.contact-circle span {font-size:15px; margin-top:7px;}
	.contact-details-img {width:50px;}
	#contact-circle3 .contact-details-img img {height:55px;}
}
@media (max-width:1150px) {
	.navbar {font-size:19px;}
	.navbar-nav>.menu-item>.dropdown-menu {font-size:17px;}
	.home #logo {width:180px;}
	.hp-wwd-circle {height:180px; width:180px;}
	.blacktitle h2 {font-size:36px;}
	.hp-project-layer {font-size:22px;}
	#hp-content {font-size:18px;}
	#content h2 {font-size:22px;}
	#last-article-text {font-size:12px;}
	.footer-last-article-title {font-size:16px;}
	.navbar {width:75%;}
	#logo {width:185px;}
	.pages-nav {font-size:20px;}
	.sidebar-recommended-logo {max-width:85px;}
	#sidebar-recommendations-slideshow {padding:10px;}
	#sidebar-projects-button button {font-size:16px;}
	#sidebar-recommendations-container {padding:6px;}
	#sidebar-projects-container {padding:6px;}
	#sidebar-last-article-title {font-size:16px;}
	#sidebar-last-article {padding:10px;}
	body {font-size:17px;}
	#cf-footer-big-left .wpcf7-submit {width:105px; height:105px; font-size:17px;}
	#footer-form label {font-size:16px;}
	.project-title {padding:25px;}
	h1 {font-size:29px;}
	#contact-main {margin-top:0;}
	#contact-main .arrow-wrapper {margin-top:30px; margin-bottom:30px;}
	#contact-details-title h4 {font-size:26px;}
	#contact-details-title {padding-top:30px; padding-bottom:30px;}
	.contact-circle-wrapper {height:150px; width:150px;}
	.contact-circle span {font-size:14px;}
	.contact-details-img {width:40px;}
	#contact-circle3 .contact-details-img img {height:44px;}
	#contact-form {padding-left:18px; padding-right:18px;}
	#contact-form .wpcf7-submit {width:135px; height:135px; font-size:22px;}
}
@media (max-width:768px) {
	#hp-video-container {margin-top:100px;}
	#hp-video-logo {display:none;}
	.navbar-toggler {
		display:inline-block;
		margin-right:30px; margin-top:32px;
		-o-transition:.5s margin-top; -moz-transition:.5s margin-top; -webkit-transition:.5s margin-top; transition:.5s margin-top;
	}
	.navbar-collapse {
		display:none;
		position:absolute;
		width:100%;
		right:0; top:100%;
		background-color:#EFEEEE;
		max-height:250px;
		overflow-y:auto;
	}
	.navbar-collapse.collapsing {display:block;}
	.navbar-nav>.menu-item>.dropdown-menu {
		position:static;
		opacity:1;
		-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
		display:none;
		font-size:22px;
		padding-bottom:0;
	}
	.navbar-nav>.menu-item>.dropdown-menu.show {display:block;}
	.navbar-nav {-ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;}
	#header {position:fixed; top:0; width:100%;}
	.home #header, #header {margin-top:0; margin-bottom:0; -webkit-align-items:center; align-items:center; width:100%;}
	#header {
		background-color:#EFEEEE;
		z-index:3;
		-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75); -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);
		box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);
	}
	.navbar {margin-bottom:0; width:100%; position:static; font-size:22px;}
	/*.hp-wwd-circle-effect1, */#hp-projects-title-container .arrow-left-wrapper, #hp-projects-title-container .arrow-right-wrapper, #hp-content .arrow-wrapper {
		-o-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -webkit-transition:all 0s ease 0s; transition:all 0s ease 0s;
	}
	.hp-wwd-circle-effect1 {width:115%;}
	#hp-wwd-circle1-arrow1 {bottom:15px; left:-20%;}
	#hp-wwd-circle1-arrow2 {bottom:22px; left:-5%;}
	#hp-wwd-circle1-arrow3 {bottom:9px; left:-4%;}
	/*#hp-wwd-circle-wrapper1:hover #hp-wwd-circle1-arrow1 {width:100%;}
	#hp-wwd-circle-wrapper1:hover #hp-wwd-circle1-arrow2 {width:100%}
	#hp-wwd-circle-wrapper1:hover #hp-wwd-circle1-arrow3 {width:100%}*/
	#fixed-icons {display:none;}
	.navbar-nav .menu-item {width:75%; border-bottom:1px solid #33C2CA; font-weight:bold; padding-top:10px; padding-bottom:10px;}
	.navbar-nav .menu-item .nav-link {text-align:right;}
	.navbar-nav .dropdown-menu .menu-item {width:100%;}
	.dropdown-menu li+li .dropdown-item {padding-right:2rem;}
	.navbar-nav .dropdown-item {padding-left:2rem; padding-right:2rem; font-weight:bold;}
	.navbar-nav .dropdown-menu .menu-item:first-child {border-top:1px solid #33C2CA;}
	.navbar-nav .dropdown-menu .menu-item:last-child {border-bottom:none;}
	#hp-header-button {display:none;}
	.icon-bar {width:50px; height:5px; -o-transition:.5s all; -moz-transition:.5s all; -webkit-transition:.5s all; transition:.5s all;}
	.home #logo, #logo {width:200px; left:30px;}
	.navbar-nav .menu-item-has-children.show {padding-bottom:0;}
	#mobile-header-phone {
		font-size:39px;
		color:#33C2CA;
		position:absolute;
		right:20%;
		bottom:17px;
		display:block;
	}
	#mobile-menu-icons {
		display:block;
		text-align:right;
		font-size:34px;
		color:#33C2CA;
		border-top:1px solid #33C2CA;
		padding-top:30px;
		width:75%;
		margin-right:auto;
		margin-left:auto;
	}
	.header-mobile-icon {display:inline-block;/* margin-right:20px;*/}
	.stop-scrolling {height:100%; overflow:hidden;}
	.navbar-toggler[aria-expanded="true"] {margin-top:12px;}
	.navbar-toggler[aria-expanded="true"] .icon-bar:first-child {opacity:0;}
	.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(2) {
		-moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);
		transform:rotate(135deg);
	}
	.navbar-toggler[aria-expanded="true"] .icon-bar:last-child {
		-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		margin-top:-4px;
	}
	.hp-project {width:49%;}
	.hp-project:last-child {display:none;}
	#footer-menu-container {display:none;}
	.home #footer-form-container, #footer-form-container {width:100%; border-right:none; border-left:none;}
	#footer-last-article {display:none;}
	#page-sidebar {display:none;}
	#page-main {width:100%; padding-left:0;}
	/*#footer-mobile-projects-container {display:block; width:50%; padding-left:50px; padding-right:50px;}
	#cf-footer-big-right {width:100%;}
	#cf-footer-big-left {width:100%;}
	#footer-mobile-projects-container .slick-prev, #footer-mobile-projects-container .slick-next {width:auto; height:auto;}
	#footer-mobile-projects-container .slick-prev:before, #footer-mobile-projects-container .slick-next:before {content:'';}
	#footer-mobile-projects-container .slick-prev {left:10px; z-index:1;}
	#footer-mobile-projects-container .slick-next {right:10px; z-index:1;}
	#footer-mobile-projects-container .arrow {border-color:#33C2CA;}
	#footer-mobile-projects-container .line {background-color:#33C2CA; width:15px;}*/
	.project-open {-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding-top:10px; padding-bottom:10px;}
	.project-open-close-button {width:100%;}
	.project-open-right {width:100%; padding-left:0;}
	.project-open-left {width:100%;}
	.project-open-active:before {display:none;}
	.project-active+.project-open-active:after {display:none;}
	.project-open+.project-active+.project-open-active:before {display:none;}
	.project-open-top {display:block;}
	#contact-main {width:100%;}
	#contact-form-container {padding-left:0; width:80%; margin-left:auto; margin-right:auto; margin-top:50px;}
	#contact-details-container {width:100%; margin-bottom:30px; margin-top:20px;}
	.hp-wwd-circle {height:160px; width:160px;}
	#hp-projects-title-container .arrow-right-wrapper {left:13%;}
	#hp-projects-title-container .arrow-left-wrapper {right:13%;}
	.blacktitle h2 {font-size:32px;}
	.hp-recommended-item {margin-top:10px; margin-bottom:10px;}
	.hp-recommended-text {font-size:12px;}
	.hp-recommended-logo {margin-bottom:0;}
	#footer-form .wpcf7-form-control-wrap {width:85%;}
	#footer-form {width:80%;}
	#footer-form label {margin-bottom:25px;}
	#hp-content #content {padding-left:0; width:85%;}
	.blacktitle {margin-top:0;}
	#page-main-container {margin-top:30px;}
	#page-main-container {margin-bottom:40px;}
	#cf-footer-small {
		display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
		-webkit-justify-content:space-between; justify-content:space-between;
		-webkit-align-items:center; align-items:center;
	}
	#cf-footer-small-right, #cf-footer-big-right {width:75%;}
	#footer-submit {margin-top:0;}
	#cf-footer-big-left {width:auto; display:block;}
	#cf-footer-big {
		-ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;
		-webkit-justify-content:space-between; justify-content:space-between;
		-webkit-align-items:center; align-items:center;
	}
	#footer-form .wpcf7-submit, #cf-footer-big-left .wpcf7-submit {width:100px; height:100px; font-size:17px;}
	.pages-nav {width:75%;}
	#projects-container #content {width:95%;}
	.project-title {bottom:0; opacity:1; font-size:14px; padding:20px;}
	.hp-project-layer {
		font-size:14px;
		padding:20px;
		background-color:rgba(51,193,201,.8);
		font-weight:bold;
		height:auto;
		display:block;
		bottom:0; top:auto;
	}
	.hp-project-title {display:inline-block; margin-bottom:0;}
	.hp-project-title:after {display:inline-block; content:' - ';}
	.hp-project-short-decription {display:inline-block; margin-bottom:0;}
	.project-open-close-button {margin-right:-35px;}
	.project-open-left {width:70%; margin-left:auto; margin-right:auto;}
	.project-gallery .slick-next {right:-60px;}
	.project-gallery .slick-prev {left:-60px;}
	.project-open-title span {font-size:24px;}
	.project-open-title {font-size:24px; margin-bottom:12px;}
	.page-template-page-projects #footer-form-container {width:100%; border-left:none;}
	.recommendations-title {font-size:13px;}
	.recommendations-name {font-size:20px; margin-bottom:5px;}
	.recommendations-logo {width:25%;}
	.modal-dialog {max-width:none; width:85%;}
	.blacktitle .line-left {width:14vw}
	.blacktitle .line-right {width:14vw}
	#next-prev .line {width:140px;}
	.page-template-page-contact .blacktitle {margin-bottom:35px;}
	#contact-main .arrow-wrapper {margin-bottom:10px;}
	.contact-circle-wrapper {height:150px; width:150px;}
	.contact-circle span {font-size:14px;}
	#contact-main-container {margin-bottom:40px;}
	#contact-form .wpcf7-submit {margin-top:10px;}
	.page-template-page-contact #contact-form .wpcf7-form-control-wrap {margin-top:10px;}
	.cat-post-thumb {width:100%;}
	.cat-post-text {width:100%;}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover {
		-moz-transform:scale(1.6) translateX(-17%); -ms-transform:scale(1.6) translateX(-17%); -o-transform:scale(1.6) translateX(-17%);
		-webkit-transform:scale(1.6) translateX(-17%); transform:scale(1.6) translateX(-17%);
	}
	#hp-wwd-circle-wrapper3.hp-wwd-circle-hover {
		-moz-transform:scale(1.6) translateX(17%); -ms-transform:scale(1.6) translateX(17%); -o-transform:scale(1.6) translateX(17%);
		-webkit-transform:scale(1.6) translateX(17%); transform:scale(1.6) translateX(17%);
	}
	#hp-wwd {padding-left:6%; padding-right:6%; margin-top:150px; margin-bottom:150px;}
	#hp-projects-title-container {margin-top:0;}
	#footer-credit {font-size:16px;}
	#footer-credit img {display:none;}
	#footer-credit p {margin-bottom:10px; margin-top:10px;}
	#catrow header h2 {-ms-flex:auto; -webkit-flex:auto; flex:auto; margin-left:40px; margin-right:40px; text-align:center;}
	#catrow article header .arrow-wrapper {width:18%;}
	.navbar-nav .menu-item:first-child {padding-top:2px;}
}
@media (max-width:720px) {
	.hp-wwd-circle {height:140px; width:140px;}
	.hp-wwd-circle-back {padding:14px;}
	.hp-wwd-circle span {font-size:18px;}
	#hp-wwd {font-size:10px;}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover {
		-moz-transform:scale(1.8) translateX(-17%); -ms-transform:scale(1.8) translateX(-17%); -o-transform:scale(1.8) translateX(-17%);
		-webkit-transform:scale(1.8) translateX(-17%); transform:scale(1.8) translateX(-17%);
	}
	#hp-wwd-circle-wrapper2.hp-wwd-circle-hover {
		-moz-transform:scale(1.8); -ms-transform:scale(1.8); -o-transform:scale(1.8); -webkit-transform:scale(1.8); transform:scale(1.8);
	}
	#hp-wwd-circle-wrapper3.hp-wwd-circle-hover {
		-moz-transform:scale(1.8) translateX(27%); -ms-transform:scale(1.8) translateX(27%); -o-transform:scale(1.8) translateX(27%);
		-webkit-transform:scale(1.8) translateX(27%); transform:scale(1.8) translateX(27%);
	}
	#hp-wwd {margin-top:100px; margin-bottom:100px;}
	.cat-article-seperator {margin-bottom:40px;}
	.home #content h2 {font-size:20px;}
	.single-post h1 {text-align:center;}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover #hp-wwd-circle1-arrow2 {bottom:27px; left:2%;}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover #hp-wwd-circle1-arrow3 {width:90%; bottom:13px; left:11%;}
	#hp-wwd-circle1-arrow2 {bottom:20px;}
	.hp-project-layer {font-size:12px;}
	.pages-nav {width:86%;}
	.project-title {font-size:12px;}
}
@media (max-width:640px) {
	.navbar-toggler {margin-right:8px;}
	.home #logo, #logo {left:10px; width:170px;}
	.hp-wwd-circle {height:110px; width:110px;} 
	.hp-wwd-circle span {font-size:16px;}
	#hp-wwd {font-size:8px;}
	#hp-wwd-circle1-arrow2 {left:-3%;}
	#hp-projects-title-container .arrow-left-wrapper {right:8%;}
	#hp-projects-title-container .arrow-right-wrapper {left:8%;}
	.blacktitle h2 {font-size:28px;}
	#hp-content {font-size:16px;}
	#hp-content #content {padding-top:35px; padding-bottom:35px; width:90%;}
	.hp-recommended-item {padding-left:10px; padding-right:10px;}
	#footer-form {width:90%;}
	.pages-nav {width:92%; font-size:18px;}
	#page-main-container {width: calc(100% - 55px);}
	#content h3 {font-size:20px;}
	.recommendations-item {width:100%; margin-bottom:20px;}
	.modal-dialog {margin-right:auto; margin-left:auto;}
	.modal-body {font-size:15px;}
	#catrow header h2 {margin-left:5px; margin-right:5px;}
	h1 {font-size:26px;}
	#next-prev .line {width:100px;}
	.about-item {width:45%;}
	#contact-form-container {margin-top:30px;}
	#contact-form-container {width:90%;}
	.contact-circle-wrapper {width:120px; height:120px;}
	.contact-circle span {font-size:11px;}
	#contact-circle3 .contact-details-img img {height:38px;}
	.contact-details-img {width:35px;}
	#footer-credit {font-size:13px;}
	#contact-details-title h4 {font-size:22px;}
	#contact-details-title {padding-top:25px; padding-bottom:25px;}
	.hp-project-layer {font-size:10px;}
	.project-title {font-size:10px;} 
	#mobile-header-phone {right:23%;}
}
@media (max-width:480px) {
	.hp-wwd-circle {height:90px; width:90px;}
	.hp-wwd-circle span {font-size:14px;}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover {
		-moz-transform:scale(2.2) translateX(-24%); -ms-transform:scale(2.2) translateX(-24%); -o-transform:scale(2.2) translateX(-24%);
		-webkit-transform:scale(2.2) translateX(-24%); transform:scale(2.2) translateX(-24%);
	}
	#hp-wwd-circle-wrapper2.hp-wwd-circle-hover {
		-moz-transform:scale(2.2); -ms-transform:scale(2.2); -o-transform:scale(2.2); -webkit-transform:scale(2.2); transform:scale(2.2);
	}
	#hp-wwd-circle-wrapper3.hp-wwd-circle-hover {
		-moz-transform:scale(2.2) translateX(34%); -ms-transform:scale(2.2) translateX(34%); -o-transform:scale(2.2) translateX(34%);
		-webkit-transform:scale(2.2) translateX(34%); transform:scale(2.2) translateX(34%);
	}
	#hp-wwd {font-size:6px;}
	.hp-wwd-circle-back {padding:11px;}
	#hp-wwd-circle1-arrow2 {left:-2%;}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover #hp-wwd-circle1-arrow1 {left:12%;}
	.blacktitle h2 {font-size:26px;}
	#hp-projects-title-container {margin-bottom:40px;}
	.hp-project {width:100%; margin-bottom:40px;}
	.hp-project:nth-last-child(2) {display:none;}
	.hp-project:nth-last-child(3) {display:none;}
	#hp-projects {margin-top:0; width:93%;}
	#hp-content #content {padding-top:25px; padding-bottom:20px;}
	#hp-content #content article {padding-top:10px;}
	#hp-content {font-size:15px;}
	.hp-recommended-logo img {max-width:48%;}
	.hp-recommended-text {font-size:11px;}
	.hp-recommended-logo {height:65px;}
	.hp-recommended-item {padding-left:20px; padding-right:20px; margin-top:17px; margin-bottom:17px;}
	#cf-footer-small, #cf-footer-big {-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
	#cf-footer-small-right, #cf-footer-big-right {width:95%;}
	#footer-submit {width:100%;}
	.navbar {font-size:20px;}
	.navbar-nav>.menu-item>.dropdown-menu {font-size:20px;}
	#cf-footer-big-left {width:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
	.project-item {width:100%;}
	.project-item:nth-child(3n + 1) {margin-left:0;}
	.project-item:nth-child(3n + 2) {margin-right:0;}
	#projects-container #content {width:93%;}
	.project-item {margin-top:40px;}
	.project-item:first-child {margin-top:0;}
	.project-open-title span {font-size:23px; margin-bottom:5px;}
	.project-open-title {font-size:22px;}
	.project-open-link {font-size:16px; margin-bottom:10px;}
	.project-open-description {margin-top:10px;}
	.project-open {padding-left:20px; padding-right:20px;}
	.project-open-close-button {margin-right:-12px;}
	.modal-body {padding:0; font-size:12px;}
	.modal-title {font-size:20px; margin-bottom:0;}
	.modal-header-more {font-size:16px;}
	#catrow article header .arrow-wrapper {width:10%;}
	.cat-post-text {font-size:15px;}
	#catrow header h2 {font-size:20px;}
	.cat-article-seperator {margin-bottom:15px;}
	.category-4 #page-main-container {margin-bottom:0;}
	.text-muted {font-size:14px;}
	#content .pagination {margin-bottom:0;}
	#page-main {margin-top:0;}
	#projects-wrapper {margin-top:30px;}
	.page-id-56 #page-main {margin-top:20px;}
	.single-post .blacktitle {margin-bottom:0;}
	#next-prev {font-size:14px;}	
	#content h2 {font-size:20px;}
	.about-item {width:80%; margin-right:auto; margin-left:auto; margin-bottom:50px;}
	.about-name {margin-bottom:15px;}
	.contact-circle-wrapper {width:105px; height:105px;}
	#contact-details {width:93%; margin-top:50px;}
	.contact-circle span {font-size:10px;}
	#contact-form .wpcf7-submit {font-size:19px;}
	#contact-form-container .wpcf7-textarea {height:150px;}
	.home #logo, #logo {width:160px;}
	#header {height:100px;}
	.navbar-toggler {margin-top:22px;}
	.icon-bar {width:45px;}
	.icon-bar+.icon-bar {margin-top:7px;}
	#mobile-menu-icons {padding-top:10px; font-size:28px;}
	.hp-project-layer {font-size:15px;}
	.project-title {font-size:15px;}
	.pages-nav .line {width:10vw;}
	#mobile-header-phone {font-size:33px; right:25%;}
	#hp-content {margin-top:0;}
}
@media (max-width:412px) {
	#hp-wwd {padding-left:4%; padding-right:4%;}
	.hp-wwd-circle span {font-size:13px;}
	#hp-wwd-circle-wrapper3.hp-wwd-circle-hover {
		-moz-transform:scale(2.2) translateX(38%); -ms-transform:scale(2.2) translateX(38%); -o-transform:scale(2.2) translateX(38%);
		-webkit-transform:scale(2.2) translateX(38%); transform:scale(2.2) translateX(38%);
	}
	#page-main-container {width:calc(100% - 35px);}
	#contact-form .wpcf7-submit {width:120px; height:120px;}
	#contact-form-container {margin-top:20px;}
	.navbar-nav .menu-item {padding-top:5px; padding-bottom:5px;}
	.navbar {font-size:18px;}
	.navbar-nav>.menu-item>.dropdown-menu {font-size:18px;}
	#mobile-menu-icons {font-size:24px;}
	.hp-project-layer {font-size:14px;}
	.project-title {font-size:14px;}
	.pages-nav {font-size:16px;}
	.modal-header {margin-top:30px;}
	#next-prev .line {width:70px;}
	#next-prev {font-size:12px;}
	.contact-circle span {display:none;}
	.contact-circle-wrapper {width:98px; height:98px;}
	.navbar-toggler {margin-right:0; margin-top:26px;}
	.cat-post-text {display:none;}
	.text-muted {display:none;}
	#mobile-header-phone {bottom:15px;}
}
@media (max-width:375px) {
	.home #logo, #logo {width:150px;}
	.icon-bar {width:42px;}
	.hp-wwd-circle {height:85px; width:85px;}
	#hp-wwd-circle-wrapper3.hp-wwd-circle-hover {
		-moz-transform:scale(2) translateX(38%); -ms-transform:scale(2) translateX(38%); -o-transform:scale(2) translateX(38%);
		-webkit-transform:scale(2) translateX(38%); transform:scale(2) translateX(38%);
	} 
	#hp-wwd-circle-wrapper2.hp-wwd-circle-hover {
		-moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); -webkit-transform:scale(2); transform:scale(2);
	}
	#hp-wwd-circle-wrapper1.hp-wwd-circle-hover {
		-moz-transform:scale(2) translateX(-24%); -ms-transform:scale(2) translateX(-24%); -o-transform:scale(2) translateX(-24%);
		-webkit-transform:scale(2) translateX(-24%); transform:scale(2) translateX(-24%);
	}
	#hp-wwd {margin-top:80px; margin-bottom:80px;}
	body {font-size:16px;}
	h1 {font-size:22px;}
	h2 {font-size:20px;}
	h3 {font-size:18px;}
	.about-item {width:70%;}
	.about-name {font-size:22px;}
	.contact-circle-wrapper {width:90px; height:90px;}
	.contact-details-img {width:30px;}
	#contact-circle3 .contact-details-img img {height:32px;}
	#contact-form .wpcf7-submit {height:115px; width:115px; font-size:18px;}
	.modal-dialog {width:95%;}
}
@media (max-width:360px) {
	.home #logo, #logo {width:135px;}
	#header {height:90px;}
	.navbar-toggler {margin-top:22px;}
	.icon-bar+.icon-bar {margin-top:6px;}
	.hp-wwd-circle {height:75px; width:75px;}
	.hp-wwd-circle span {font-size:12px;}
	#hp-wwd {font-size:5px; margin-top:70px; margin-bottom:70px;}
	#hp-wwd-circle1-arrow2 {left:0;}
	.blacktitle h2 {font-size:22px;}
	.hp-project-layer {font-size:12px;}
	.project-title {font-size:12px;}
	.home #content h2 {font-size:18px;}
	.hp-recommended-text {font-size:10px;}
	.pages-nav {font-size:14px;}
	.project-open-title span {font-size:20px;}
	.project-open-title {font-size:18px;}
	.project-open-link {font-size:14px;}
	.project-open-description {font-size:14px;}
	.project-open-right {margin-top:-10px;}
	.project-gallery .line {width:26px;}
	.project-gallery .slick-prev {left:-50px;}
	.project-gallery .slick-next {right:-50px;}
	#catrow header h2 {font-size:16px;}
	.contact-circle-wrapper {width:80px; height:80px;}
	#footer-credit {font-size:12px;}
	#contact-form-container {width:97%;}
	#mobile-header-phone {font-size:29px; right:26%;}
}