/**
 * Customer: Gunelpen
 * Description: HTML5 Theme for Gunelpen Company, created by Post Ajans
 * Author: ubpenekli
 * Agency URI: https://www.postajans.com.tr
 * Author URI: https://ubpenekli.com
 */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	-c-1: #202c39; /* dark blue */
	-c-2: #ec6f23; /* orange */
	-c-3: #3ba1a8; /* light blue */
}

::selection {
    background: #3ba1a8;
    color: #fff;
}

img {
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
	background:#fbfbfa;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h6 { font-size: 1.1rem; }
h5 { font-size: 1.2rem; }
h4 { font-size: 1.3rem; }
h3 { font-size: 1.4rem; }
h2 { font-size: 1.5rem; }
h1 { font-size: 1.6rem; }

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}
a {
	text-decoration:none;
}

/*breadcrumbs*/
.breadcrumbs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.breadcrumbs li {
    display: inline-block;
    margin: 0 -10px 0 10px;
    padding: 0;
}
.breadcrumbs li:after {
    content:"\00BB";
    margin: 0 10px;
}
.breadcrumbs li:last-child:after {
	content:'' !important;
}
/*form components and buttons*/
.btn-theme {
	font-size:1rem;
	padding:10px 15px;
	letter-spacing:.2px;
	border:1px solid;
}
.btn-theme.border-radius {
	border-radius:15px;
}
.btn-theme.t1 {
	background:#ec6f23;
	color:#202c39;
	border-color:#202c39;
}
.btn-theme.t1.hvr-bg:hover {
	color:#ec6f23;
}
.btn-theme.t1.hvr-bg:before {
	background:#202c39 !important;
}
.btn-theme.t2 {
	background:#202c39;
	color:#ec6f23;
	border-color:#ec6f23;
}
.btn-theme.t2.hvr-bg:hover {
	color:#202c39;
}
.btn-theme.t2.hvr-bg:before {
	background:#ec6f23 !important;
}
input, textarea, select {
	padding:10px 15px !important;
	border:1px solid rgba(32,44,57, .85) !important;
	font-size:1rem;
}
input:focus, textarea:focus, select:focus {
	outline:none !important;
	box-shadow:inset 0px 0px 1.5px #202c39 !important;
}
input:checked {
	background-color:#202c39 !important;
}
.form-check-input {
	padding:15px !important;
	border:1px solid #202c39;
	outline:none;
	margin-right:10px;
}
.form-group {
	margin:10px 0;
}
/*homepage panels*/
.panel {
	width:100%;
	padding:100px 0;
	position:relative;
}
.panel .heading {
	text-align:center;
	padding:0 0 50px 0;
	position:relative;
}
.panel .heading:before,
.panel .heading:after {
	display:block;
	content:'';
	position:absolute;
	width:4px;
	background:#ec6f23;
	left:50%;
}
.panel .heading:before {
	height:60px;
	top:-80px;
	transform:translateX(-14px%);
}
.panel .heading:after {
	height:25px;
	top:-45px;
	transform:translateX(14px);
}
.panel .heading span {
	display:block;
}
.panel .heading .line-1 {
	color:#3ba1a8;
	position:relative;
	font-size:1.5rem;
	font-weight:400;
	line-height:1.2;
}
.panel .heading .line-2 {
	color:#ec6f23;
	font-size:5rem;
	font-weight:700;
	line-height:1.2;
}
.panel .heading .description {
	color:#3ba1a8;
	margin-top:20px;
	font-size:1.5rem;
	font-weight:400;
}

/*content pages*/
.banner {
	display:flex;
	align-items:flex-end;
	justify-content:flex-start;
	height:320px;
	padding-bottom:10px;
	color:#fff;
	text-align:left;
	background-repeat:no-repeat;
	background-size:cover;
}
.banner .title {
	position:relative;
	width:100%;
	text-align:left;
	transform:translateY(30px);
}
.banner .title h1 {
	text-transform:uppercase;
	font-size:2rem;
	font-weight:800;
	display:inline-block;
	margin-right:20px;
	padding:20px 40px 20px 20px;
	background-image: -moz-linear-gradient( 44deg, rgb(0,163,230) 0%, rgb(46,49,146) 100%);
	background-image: -webkit-linear-gradient( 44deg, rgb(0,163,230) 0%, rgb(46,49,146) 100%);
	background-image: -ms-linear-gradient( 44deg, rgb(0,163,230) 0%, rgb(46,49,146) 100%);
	box-shadow: 0px 0px 31.6px 8.4px rgba(34, 30, 31, 0.05);
}
.banner h2 {
	text-transform:uppercase;
	font-size:3.5rem;
	font-weight:900;
}
.banner .breadcrumbs {
	position:relative;
}
.banner .breadcrumbs li {
	font-size:1.5rem;
	text-transform:uppercase;
}
.banner .breadcrumbs li:after {
	color:#ddd;
	content:"\00BB";
}
.banner .breadcrumbs a {
	color:#ddd;
	transition:.3s;
}
.banner .breadcrumbs li:last-child a,
.banner .breadcrumbs a:hover,
.banner .breadcrumbs a:focus {
	color:#b1b1b1;
}
.page {
	padding:50px 0;
}
.page .page-title {
	padding:20px;
	text-align:left;
	background:#000;
	width:100%;
}
.page .page-title h1 {
	font-size:2rem;
	line-height:1;
	font-weight:800;
	margin:0;
	color:#fff;
}
.page .page-title p {
	color:#ccc;
}
.page .content {
	padding-bottom:0;
	color:#000;
	line-height:2;
}
.page .content h1,
.page .content h2,
.page .content h3,
.page .content h4,
.page .content h5,
.page .content h6,
.page .content strong {
	color:#000;
}
/*sidebar widgets general*/
.sidebar .widget-title {
	color:#fff;
	background:#ec6f23;
	padding:10px 15px;
	margin-bottom:1px;
	display:none;
}
.sidebar .widget-title i,
.sidebar .widget-title h4 {
	display:inline;
	font-size:1.5rem;
	font-weight:600;
	text-transform:uppercase;
}
.sidebar .widget-content .side-menu {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}
.sidebar .widget-content .side-menu li {
	position:relative;
	background:#202c39;
	margin-bottom:1px;
	transition:.3s;
}
.sidebar .widget-content .side-menu li:hover,
.sidebar .widget-content .side-menu li:focus,
.sidebar .widget-content .side-menu li.active {
	background:#ec6f23;
}
.sidebar .widget-content .side-menu li a {
	display:block;
	padding:10px 15px;
	color:#fff;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.2;
	text-align:left;
	transition:.3s;
}
.sidebar .widget-content .side-menu li:hover a,
.sidebar .widget-content .side-menu li:focus a,
.sidebar .widget-content .side-menu li.active a {
	font-weight:600;
}
.sidebar .widget-content .side-menu li a i {
	transition:.3s;
	color:#000;
	opacity:0;
	margin-right:-15px;
}
.sidebar .widget-content .side-menu li:hover a i,
.sidebar .widget-content .side-menu li:focus a i,
.sidebar .widget-content .side-menu li.active a i {
	opacity:1;
	margin-right:0;
}
/*parallax config*/
.parallax {
	display:flex;
	align-items:center;
	background-attachment:fixed;
	background-position:center center;
	background-size:cover;
	width:100%;
	height:450px;
	position:absolute;
}
/*google maps iframe holder*/
#map {
	height:400px;
	width:100%;
}

/*header, footer, home*/
.main-header {
	position:relative;
	top:0;
	left:0;
	right:0;
	z-index:999;
}
.main-header.sticky {
	position:fixed;
	opacity:0;
	top:0;
	left:0;
	right:0;
	box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.2);
}
.main-header.sticky.custom-animated {
	opacity:1;
}
.main-header .top-bar {
	background:#202c39;
}
.main-header .top-bar .box {
	position:relative;
}
.main-header .top-bar .contact-info {
	display:block;
	margin:auto .5rem;
	color:#fff;
	transition:.3s;
}
.main-header .top-bar .contact-info:hover,
.main-header .top-bar .contact-info:focus {
	color:#7a7f84;
}
.main-header .top-bar .contact-info i {
	display:inline-block;
	border-radius:15px;
	padding:5px;
	background:#ec6f23;
	color:#202c39;
	transition:.75s;
}
.main-header .top-bar .contact-info:hover i,
.main-header .top-bar .contact-info:focus i {
	transform:rotate(360deg) scale(1.1);
}
.main-header .top-bar .contact-info span {
	margin-left:5px;
}
.main-header .top-bar .header-search-form {
	position:relative;
	background:#ec6f23;
}
.main-header .top-bar .header-search-form .search-input {
	padding-right:35px !important;
	border:none !important;
	background:transparent;
}
.main-header .top-bar .header-search-form .search-input::placeholder {
	color:#c4530f;
}
.main-header .top-bar .header-search-form .search-input:focus {
	outline:none;
	box-shadow:none !important;
	border:none;
}
.main-header .top-bar .header-search-form .header-search-button {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:10px;
	z-index:2;
	background:transparent;
	cursor:pointer;
	border:none;
	outline:none;
	box-shadow:none;
	color:#c4530f;
	transition:.5s;
}
.main-header .top-bar .header-search-form .header-search-button:hover,
.main-header .top-bar .header-search-form .header-search-button:focus {
	color:#000;
	transform:translateY(-50%) scale(1.05);
}
.main-header .top-bar .languages {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
}
.main-header .top-bar .languages li {
	display:inline-block;
	margin:0 5px;
	padding:0 5px;
	position:relative;
	font-weight:700;
	color:#fff;
}
.main-header .top-bar .languages li a {
	color:#fff;
	transition:.3s;
}
.main-header .top-bar .languages li a.active,
.main-header .top-bar .languages li a:hover,
.main-header .top-bar .languages li a:focus {
	color:#7a7f84;
}
.main-header .top-bar .languages li:after {
	display:block;
	content:'';
	position:absolute;
	right:-5px;
	top:0;
	bottom:0;
	width:1px;
	background:#fff;
}
.main-header .top-bar .languages li:last-child:after {
	display:none;
}
.main-header .menu {
	background:#fff;
}
.main-header .main-menu {
	position:relative;
}
.main-header .main-navbar {
	padding-bottom:0;
	padding-top:0;
}
.main-header .main-navbar .navbar-brand {
	padding-bottom:0;
	padding-top:0;
}
.main-header .main-navbar .nav-link {
	display:block;
	padding:.5rem;
	color:#202c39;
	border-top:1px solid #e7eced;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.12em;
}
.main-header .main-navbar .nav-link.active,
.main-header .main-navbar .nav-link:hover,
.main-header .main-navbar .nav-link:focus {
	color:#ec6f23;
	background:#e7eced;
}
.main-header .menu-buttons {
	position:absolute;
	right:0;
	top:12px;
	z-index:2;
}
.main-header .b2b {
	position:relative;
	display:inline-block;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background: #08a8eb;
	background: linear-gradient(0deg,#08a8eb 20%, #353896 150%);
	background: -webkit-linear-gradient(0deg,#08a8eb 20%, #353896 150%);
	background: -moz-linear-gradient(0deg,#08a8eb 20%, #353896 150%);
	color:#fff;
	font-weight:700;
	padding:5px 15px 5px 20px;
	transition:.3s;
	margin:0 10px 0 0;
}
.main-header .b2b i {
	position:absolute;
	top:50%;
	left:-50%;
	transform:translate(50%, -50%);
	display:inline-block;
	padding:12px;
	border-radius:30px;
	border:2px solid #fff;
	background: #08a8eb;
	background: linear-gradient(315deg,#08a8eb 20%, #353896 150%);
	background: -webkit-linear-gradient(315deg,#08a8eb 20%, #353896 150%);
	background: -moz-linear-gradient(315deg,#08a8eb 20%, #353896 150%);
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.26);
	-webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.26);
	transition:.3s;
}
.main-header .b2b:hover i {
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
	-webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.36);
}
.main-header .export {
	display:inline-block;
	background:#0f68c4;
	padding:5px 15px;
	color:#fff;
	margin:0 0 0 10px;
}
.navbar-toggler {
	padding:5px 15px;
	border-radius:unset;
	background:#0f68c4;
	color:#fff;
}
.menu-buttons-mobile {
	margin:0 0 10px 0;
}
.footer .contact {
	background:#ebeff0;
	padding:50px 0;
}
.footer .contact .contact-box {
	position:relative;
	background:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:20px 0;
	transition:.3s;
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0);
}
.footer .contact .contact-box:before {
	content: "";
	position: absolute;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	top: calc(2px/-1);
	left: calc(2px/-1);
	background: linear-gradient(to right, #ec6f23 0%, #ec6f23 100%), linear-gradient(to top, #ec6f23 50%, transparent 50%), linear-gradient(to top, #ec6f23 50%, transparent 50%), linear-gradient(to right, #ec6f23 0%, #ec6f23 100%), linear-gradient(to left, #ec6f23 0%, #ec6f23 100%);
	background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
	background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
	background-repeat: no-repeat, no-repeat;
	transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
	transform: scaleX(0) rotate(0deg);
	transition-delay: 0.6s, 0.3s, 0s;
}
.footer .contact .contact-box:hover:before {
	background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
	background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
	transform: scaleX(1) rotate(0deg);
	transition-delay: 0s, 0.3s, 0.6s;
}
.footer .contact .contact-box:hover,
.footer .contact .contact-box:focus {
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.07);
}
.footer .contact .contact-box .icon,
.footer .contact .contact-box .title,
.footer .contact .contact-box .info {
	margin:10px 0;
}
.footer .contact .contact-box .icon i {
	font-size:3rem;
	color:#3ba1a8;
}
.footer .contact .contact-box .title h5 {
	font-size:2rem;
	font-weight:700;
	color:#202c39;
}
.footer .contact .contact-box .info span {
	font-size:1.25rem;
	font-weight:700;
	color:#3ba1a8;
}
.footer .main-footer {
	background:#202c39;
	color:#fff;
	padding:100px 0;
}
.footer .main-footer a {
	color:#ec6f23;
	transition:.3s;
}
.footer .main-footer a:hover {
	color:#fff;
}
.footer .main-footer .content ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.footer .main-footer .content ul.social-media li {
	display:inline-block;
	font-size:2rem;
	margin:0 10px 0 0;
}
.footer .copyright {
	background:#ec6f23;
	color:#fff;
	padding:10px 0;
}
.footer .copyright a img {
	transition:.3s;
}
.footer .copyright a:hover img {
	transform:scale(1.2);
}
.main-slider {
	position:relative;
}
.main-slider .slider-overlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-blend-mode: multiply;
}
.main-slider .slider-caption {
	position:absolute;
	z-index:2;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	text-align:center;
	color:#fff;
}
.main-slider .line-1 {
	display:block;
	font-size:1.80875rem;
	font-weight:400;
}
.main-slider .line-2 {
	display:block;
	font-size:5.66625rem;
	font-weight:700;
}
.panel.products {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('../images/dotted-map.png');
}
.product-card {
	display:block;
	transition:.3s;
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0);
}
.product-card:hover,
.product-card:focus {
	background:#e7eced;
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
}
.product-card .image img {
	filter:grayscale(1.25);
	transition:.3s;
}
.product-card:hover .image img,
.product-card:focus .image img {
	filter:grayscale(0);
}
.product-card .title {
	background:#e7eced;
	width:100%;
	padding:15px 0;
	text-align:center;
	margin-top:15px;
}
.product-card .title h4 {
	color:#202c39;
}
.product-card .title .url-text {
	color:#3ba1a8;
}
.panel.testimonials {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('../images/home-references-bg.png');
}
.panel.testimonials .testimonials-heading h2 {
	color:#ec6f23;
	font-size:1.75rem;
	font-weight:400;
}
.panel.testimonials .testimonials-comments {
	color:#fff;
}
.panel.testimonials .testimonials-comments .title h6 {
	font-size:2.5rem;
	font-weight:700;
}
.panel.testimonials .testimonials-comments .name span {
	font-size:1.5rem;
	font-weight:700;
}
.panel.testimonials .comment-authors .nav-link {
	padding:0;
	margin:0 2px;
	background:#3ba1a8;
}
.panel.testimonials .comment-authors .nav-link img {
	width:75px;
	height:75px;
	object-fit:cover;
	object-position:center;
	transition:.3s;
	opacity:.45;
}
.panel.testimonials .comment-authors .nav-link.active img,
.panel.testimonials .comment-authors .nav-link:hover img,
.panel.testimonials .comment-authors .nav-link:focus img {
	opacity:1;
}
.content-card {
	position:relative;
	display:block;
}
.content-card .image {
	position:relative;
}
.content-card .title {
	position:absolute;
	z-index:2;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(32,44,57,.63);
	transform:scale(.05) translateY(-100%);
	opacity:0;
	transition:.5s;
}
.content-card .title .inner {
	position:absolute;
	left:10px;
	right:10px;
	bottom:10px;
}
.content-card .title .inner h5 {
	color:#fff;
}
.content-card .title .inner span {
	color:#ec6f23;
}
.content-card:hover .title {
	opacity:1;
	transform:scale(1) translateY(0);
}
.subscribe-box {
	background:#ec6f23;
	padding:15px;
	margin-top:20px;
	position:relative;
}
.subscribe-box .subscribe-heading .line-1,
.subscribe-box .subscribe-heading .line-2 {
	display:block;
	margin:0 0 15px 0;
	color:#fff;
	line-height:1;
}
.subscribe-box .subscribe-heading .line-1 {
	font-weight:400;
	font-size:1.25rem;
}
.subscribe-box .subscribe-heading .line-2 {
	font-weight:700;
	font-size:2.5rem;
}
.subscribe-box label {
	color:#fff;
}
.subscribe-box label a {
	color:#202c39;
	transition:.3s;
}
.subscribe-box label a:hover,
.subscribe-box label a:focus {
	color:#fff;
}
.subscribe-box:before {
	position:absolute;
	display:block;
	content:'';
	left:-50px;
	top:0;
	bottom:0;
	right:0;
	z-index:-1;
	background:#ec6f23;
}
.subscribe-image {
	position:absolute;
	top:20px;
	left:0;
	bottom:0;
	right:-50px;
	background-image:url('../images/demo/product.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	filter:grayscale(1);
}




.gallery-box {
	position:relative;
	margin:10px 0;
}
.gallery-box .image {
	position:relative;
}
.gallery-box .image img {
	height:400px;
	object-fit:cover;
}
.gallery-box .icon {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.gallery-box .icon a {
	display:flex;
	align-items:center;
	justify-content: center;
	width:100%;
	height:100%;
	background:rgba(223,156,39, .4);
	color:#fff !important;
	opacity:0;
	transition:.3s;
}
.gallery-box .icon a i {
	font-size:3rem;
}
.gallery-box:hover .icon a {
	opacity:1;
}
.page.hr {
	background:#dbe0e3;
}
.page.hr .content {
	background:#fff;
	padding:40px;
}

.contact-info-box {
	padding:10px 0;
	display:flex;
	align-items:center;
}
.contact-info-box .icon {
	color:#ec6f23;
	display:inline-block;
}
.contact-info-box .icon {
	font-size:2rem;
}
.contact-info-box .info {
	padding-left:20px;
	display:inline-block;
}
.contact-info-box .info a,
.contact-info-box .info span {
	color:#202c39;
	transition:.3s;
}
.contact-info-box .info a:hover,
.contact-info-box .info a:focus {
	color:#3ba1a8;
}