/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : ULaunch - Multi Purpose Products Landing Page
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
00. FontFaces
01. General css
02. Navigation area css
03. Slider area css
04. Step area css
05. Features area css
06. About Product area css
07. About Facts area css
08. Product area css
09. Testimonial area css
10. Pricing Plan area css
11. Buynow Infobar area css
12. Newsletter Form area css
13. Contact Us area css
14. Footer area css
15. Media Screens
16. Partners
-------------------------------------------------------------------------------------- */

/************************************/
/***** 	   00. FontFaces		 ****/
/************************************/

@font-face {
	font-family: "Roboto Black";
	src: url('../fonts/Roboto-Black.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto BlackItalic";
	src: url('../fonts/Roboto-BlackItalic.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto Bold";
	src: url('../fonts/Roboto-Bold.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto BoldItalic";
	src: url('../fonts/Roboto-BoldItalic.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto Italic";
	src: url('../fonts/Roboto-Italic.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto Light";
	src: url('../fonts/Roboto-Light.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto LightItalic";
	src: url('../fonts/Roboto-LightItalic.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto Medium";
	src: url('../fonts/Roboto-Medium.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto MediumItalic";
	src: url('../fonts/Roboto-MediumItalic.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto Regular";
	src: url('../fonts/Roboto-Regular.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto Thin";
	src: url('../fonts/Roboto-Thin.ttf')  format('truetype');
}

@font-face {
	font-family: "Roboto ThinItalic";
	src: url('../fonts/Roboto-ThinItalic.ttf')  format('truetype');
}

@font-face {
	font-family: "RobotoCondensed Bold";
	src: url('../fonts/RobotoCondensed-Bold_0.ttf')  format('truetype');
}

@font-face {
	font-family: "RobotoCondensed BoldItalic";
	src: url('../fonts/RobotoCondensed-BoldItalic_0.ttf')  format('truetype');
}

@font-face {
	font-family: "RobotoCondensed Italic";
	src: url('../fonts/RobotoCondensed-Italic.ttf')  format('truetype');
}

@font-face {
	font-family: "RobotoCondensed Light";
	src: url('../fonts/RobotoCondensed-Light_0.ttf')  format('truetype');
}

@font-face {
	font-family: "RobotoCondensed LightItalic";
	src: url('../fonts/RobotoCondensed-LightItalic_0.ttf')  format('truetype');
}

@font-face {
	font-family: "RobotoCondensed Regular";
	src: url('../fonts/RobotoCondensed-Regular_0.ttf')  format('truetype');
}

/************************************/
/***** 	   01. General css		 ****/
/************************************/

body{
	font-size: 16px;
	font-family: "RobotoCondensed Regular", sans-serif;
	background: #F2F2EA;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin-top:0;
	font-weight: 500;
}

img{
	max-width: 100%;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background: #f4a93b;
	z-index: 9999;
}

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #Fff;
  top: calc(50% - 15px);
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

.btn-custom{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	/* text-transform: uppercase; */
	letter-spacing: 0.1em;
	padding: 14px 30px;
	min-width: 170px;
	text-align: center;
	color: #fff;
	box-shadow: 1px 2px 46px 0px rgba(0,0,0,0.1);
	background: #16c9f6;
	background: linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -webkit-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -moz-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -o-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
}

.btn-custom:hover{
	background: #16c9f6;
	color: #fff;
}

.dropdown-menu{
	font-size: 18px;
}

.btn-yellow{
	background: #F4A93B;
	color: white;
	transition: all 0.5s;
	font-size: 18px;
    font-weight: 500;
    /* text-transform: uppercase; */
	padding: 10px 15px;
}
.btn-yellow:hover{
	background: white;
	color: #F4A93B;
}

.btn-blue{
	background: #00889C;
	color: white;
	transition: all 0.5s;
	font-size: 18px;
    font-weight: 500;
    /* text-transform: uppercase; */
	padding: 10px 15px;
}
.btn-blue:hover{
	background: white;
	color: #00889C;
}

.section-title-img{
	margin-bottom: 25px!important;
    text-align: left!important;
}

.section-title-img p:after{
	left: 0!important;
    margin-left: 0!important;
}

.section-title-img h2{
	/* font-size: 32px!important; */
}

.page-title{
	margin-bottom: 80px;
}

.panel-group .panel{
	margin: 15px 0!important;
	box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
	border-left: 4px solid #B87E28;
	border-radius: 7px;
}

.panel-group .panel > a:not(.collapsed){
	background-color: #eaeaea;
}

.panel-group .panel > a{
	transition: all .4s;
	display: block;
	background-color: white;
}

.panel-group .panel > a:hover{
	background-color: #eaeaea;
}

.panel-group .panel .panel-heading{
	background-color: unset;
	border-bottom: 1px solid #e3e3e3!important;
	padding: 15px;
	transition: all 0.5s;
	text-align: left;
	color: #000;
}

.panel-group .panel:first-child .panel-heading{
	border-top: 1px solid #e3e3e3!important;
}

.panel-group .panel:last-child .panel-heading{
	border-bottom: unset;
}

.panel-group .panel .panel-body{
	border: unset;
	border-bottom: 1px solid #e3e3e3;
	text-align: justify;
	font-size: 18px;
	color: gray;
}

.panel-group .panel-title{
    font-size: 18px;
}

.panel-group .panel-title:before{
    float: right !important;
    font-family: FontAwesome;
    content: "\f077";
    font-size: 18px;
	line-height: 25px;
	transition: transform 0.4s ease-out;
	margin-top: -4px;
	color: #B87E28;
	padding: 0px 5px;
}

.panel-group a.collapsed .panel-title:before{
    float: right !important;
	transform: rotate(180deg);
}

.video-box{
	width: 100%;
    position: relative;
    /* margin-bottom: 20px; */
}
.video-box .video-content{
	padding-bottom: 56.25%;
}
.video-box .video-content iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.highlight-title{
	color: #B87E28;
	font-size: 25px!important;
	font-weight: bold;
}
.white-color {
	color: #fff!important;
}
/************************************/
/***** 02. Navigation area css  *****/
/************************************/

nav.navbar.bootsnav{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.navbar-brand{
	height: auto;
	padding: 25px 15px 0;
	transition: all 0.3s ease-in-out;
}

.navbar-brand>img{
	max-width: 200px;
}

/* .navbar-header #language-select{
	position: absolute;
	right: 57px;
	top: 16px;
	border: 1px solid #777175;
	border-radius: 0;
	transition: all 0.3s;
} */

.navbar-right{
	margin-right: 0;
}

nav.navbar.bootsnav ul.nav > li > a{
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
	color: #777175;
	padding: 40px 0px 36px;
	line-height: 1em;
	letter-spacing: 0.05em;
	transition: all 0.3s ease-in-out;
}

nav.navbar.bootsnav ul.nav > li > a:after{
	content: '/';
    padding: 0 9px 0 12px;
    color: #000;
}

nav.navbar.bootsnav ul.nav > li:last-child a:after{
	display: none;
}

nav.navbar.bootsnav ul.nav > li.active > a{
	color: #F4A93B;
}

nav.navbar.bootsnav.sticky-header{
	background: #fff !important;
	border-bottom: 1px solid #777175;
}

nav.navbar.bootsnav.sticky-header .navbar-brand{
	padding-top: 15px;
}

nav.navbar.bootsnav.sticky-header ul.nav > li > a{
	padding: 30px 0px 26px;
}

/************************************/
/*****   03. Slider area css    *****/
/************************************/

.banner{
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	background: url(../images/meretezett-kepek-02.png) no-repeat center center fixed;
	background-size: cover;
	padding: 180px 0 200px;
}

.banner:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(244,159,9,0.8);
}

.banner .row{
	position: relative;
	z-index: 1;
}

.header-content{
	padding-top: 20px;
}

.header-content h2{
	font-size: 46px;
	color: #fff;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 0.6em;
	font-family: "RobotoCondensed Bold", sans-serif;
}

.header-content h2 span {
    background: #fff;
    color: #B87E28;
    font-size: 32px;
    padding: 6px 14px;
	font-weight: 700;
}

.header-content h2.header-main-title {
	color: #fff;
}

.header-content p{
	color: #fff;
	line-height: 1.5em;
	font-size: 18px;
	letter-spacing: 0.04em;
	margin-bottom: 1.8em;
	font-family: "RobotoCondensed Bold", sans-serif;
}

.btn-buynow{
	position: relative;
	display: inline-block;
	color: #20bea7;
	border-radius: 3px;
	border: 2px solid #B87E28;
	padding: 14px 30px 12px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.04em;
	/* text-transform: uppercase; */
	transition: all 0.1s linear;
	font-family: "RobotoCondensed Bold", sans-serif;
}

.btn-buynow:hover{
	background: #B87E28;
	color: #fff;
}

.header-content .btn-buynow{
	color: #fff;
	border: 2px solid #fff;
	margin-top: 20px;
}

.header-content .btn-buynow:hover{
	background: #fff;
	color: #B87E28;
}

.slider-image{
	text-align: center;
}

/**********************************/
/*****   04. Step area css    *****/
/**********************************/

.step-container{
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15);
	padding: 30px;
	margin-top: -110px;
	border-radius: 2px;
}

.step-container .col-md-6{
	border-right: 2px solid #777175;
}

.step-container .col-md-6:last-child{
	border: none;
}

.step-single{
	text-align: center;
	padding: 0 10px;
}

.step-single .icon-box{
	font-size: 50px;
	color: #20bea7;
}

.step-single h3{
	font-size: 20px;
	color: #777175;
	font-weight: 500;
	margin: 10px 0 14px;
	font-family: "RobotoCondensed Bold", sans-serif;
}

.step-single p{
	font-size: 15px;
	color: #777175;
}

.step-container a.btn-custom{
	background: #00889C;
	transition: all 0.1s linear;
	padding: 10px;
	text-transform: none;
}
.step-container a.btn-custom:hover{
	background: white;
	color: #00889C;
}

/**************************************/
/*****   05. Features area css    *****/
/**************************************/

.section-title{
	text-align: center;
	margin-bottom: 60px;
}

.section-title h2{
	color: #F4A93B;
	font-size: 40px;
	font-weight: 700;
}

section:nth-child(2n) h2 {
	color: #00889C;
}

.section-title p{
	color: #777175;
	font-size: 15px;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.section-title p:after{
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin-left: -15px;
	background: #777175;
	position: absolute;
	bottom: 0;
	left: 50%;
}

.features{
	padding: 50px 0;
}

.feature-single{
	position: relative;
	/* margin-bottom: 40px; */
	margin-bottom: 20px;
}

.feature-single .icon-box{
	width: 70px;
	height: 70px;
	font-size: 26px;
	/* border: 1px solid #20bea7; */
	border-radius: 50%;
	/* color: #20bea7; */
	text-align: center;
	/* padding-top: 6px; */
	position: absolute;
	transition: all 0.3s ease-in-out;
}


.feature-single .icon-box .icon-box-image{
	height: 100%;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

/* all-platforms image (Cloud) */
.feature-single .icon-box .icon-box-image.all-platforms-image{
	background: url(../images/meretezett-kepek-12.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.all-platforms-image{
	background: url(../images/meretezett-kepek-13.png) no-repeat center center ;
	background-size: cover;
}

/* mobile-app image (Bell) */
.feature-single .icon-box .icon-box-image.mobile-app-image{
	background: url(../images/meretezett-kepek-14.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.mobile-app-image{
	background: url(../images/meretezett-kepek-15.png) no-repeat center center ;
	background-size: cover;
}

/* content-editor image (Clapperboard) */
.feature-single .icon-box .icon-box-image.content-editor-image{
	background: url(../images/meretezett-kepek-16.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.content-editor-image{
	background: url(../images/meretezett-kepek-17.png) no-repeat center center ;
	background-size: cover;
}

/* live-events image (Calendar) */
.feature-single .icon-box .icon-box-image.live-events-image{
	background: url(../images/meretezett-kepek-18.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.live-events-image{
	background: url(../images/meretezett-kepek-19.png) no-repeat center center ;
	background-size: cover;
}

/* measurement image (Graph) */
.feature-single .icon-box .icon-box-image.measurement-image{
	background: url(../images/meretezett-kepek-20.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.measurement-image{
	background: url(../images/meretezett-kepek-21.png) no-repeat center center ;
	background-size: cover;
}

/* adaptivity image (Papers) */
.feature-single .icon-box .icon-box-image.adaptivity-image{
	background: url(../images/meretezett-kepek-22.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.adaptivity-image{
	background: url(../images/meretezett-kepek-23.png) no-repeat center center ;
	background-size: cover;
}

/* permission image (Profile) */
.feature-single .icon-box .icon-box-image.permission-image{
	background: url(../images/meretezett-kepek-24.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.permission-image{
	background: url(../images/meretezett-kepek-25.png) no-repeat center center ;
	background-size: cover;
}

/* event-management image (Presentation) */
.feature-single .icon-box .icon-box-image.event-management-image{
	background: url(../images/meretezett-kepek-26.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.event-management-image{
	background: url(../images/meretezett-kepek-27.png) no-repeat center center ;
	background-size: cover;
}

/* training-administration image (Bookmarked book) */
.feature-single .icon-box .icon-box-image.training-administration-image{
	background: url(../images/meretezett-kepek-28.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.training-administration-image{
	background: url(../images/meretezett-kepek-29.png) no-repeat center center ;
	background-size: cover;
}

/* training-supervision image (Man behind a monitor) */
.feature-single .icon-box .icon-box-image.training-supervision-image{
	background: url(../images/meretezett-kepek-30.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.training-supervision-image{
	background: url(../images/meretezett-kepek-31.png) no-repeat center center ;
	background-size: cover;
}

/* questioning image (Questionnaire paper) */
.feature-single .icon-box .icon-box-image.questioning-image{
	background: url(../images/meretezett-kepek-32.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.questioning-image{
	background: url(../images/meretezett-kepek-33.png) no-repeat center center ;
	background-size: cover;
}

/* custom-design image (Webpage) */
.feature-single .icon-box .icon-box-image.custom-design-image{
	background: url(../images/meretezett-kepek-34.png) no-repeat center center ;
	background-size: cover;
}
.feature-single:hover .icon-box .icon-box-image.custom-design-image{
	background: url(../images/meretezett-kepek-35.png) no-repeat center center ;
	background-size: cover;
}






.feature-single h3{
	font-size: 20px;
	color: #5A504F;
	font-weight: 500;
	margin: 0 0 14px;
	font-family: "RobotoCondensed Bold", sans-serif;
}

.feature-single p{
	font-size: 18px;
	color: #777175;
}

.feature-right .icon-box{
	right: 0;
	top: 0;
}

.feature-right{
	padding-right: 90px;
	text-align: right;
}

.feature-left .icon-box{
	left: 0;
	top: 0;
}

.feature-left{
	padding-left: 90px;
	text-align: left;
}

.feature-image{
	/* padding-top: 34px; */
	text-align: center;
}

/************************************/
/*****  08. Product area css    *****/
/************************************/

.products{
	padding: 100px 0;
	background: white;
}

/* .product-single:hover .product-box, */

.product-box{
	transform-style: preserve-3d;
	position: relative;
	/* background: #fff; */
	border-radius: 2px;
	box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15);
}

.front, .back {
	transition: 0.6s;
}

.front{
	z-index: 2;
	transform: rotateY(0deg);
	opacity: 1;
	pointer-events: all;
}
.product-single.hover .product-box .front{
	opacity: 0;
	pointer-events: none;
	transform: rotateY(180deg);
}

.product-box .front{
	text-align: center;
}

.product-box .front .background-image{
	height: 340px;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
}

.product-box .front .background-image.background-image-content-editing{
	background: url(../images/meretezett-kepek-08.png) no-repeat center center;
	background-size: cover;
}

.product-box .front .background-image.background-image-ar-contents{
	background: url(../images/meretezett-kepek-09.png) no-repeat center center;
	background-size: cover;
}

.product-box .front .background-image.background-image-elearning-courses{
	background: url(../images/meretezett-kepek-10.png) no-repeat center center;
	background-size: cover;
}

.product-box .front .background-image.background-image-it-trainings{
	background: url(../images/meretezett-kepek-11.png) no-repeat center center;
	background-size: cover;
}

.product-box .front .background-image .more-button{
	position: absolute;
    bottom: 35px;
	padding: 10px 25px;
	background-color: white;
	color: #00889C;
	border-radius: 5px;
	font-weight: bold;
	border: 0;
}

.product-box .front h3{
	font-size: 25px;
	color: white;
	font-family: 'RobotoCondensed Bold';
}

.product-box .front del{
	color: #a8d3d6;
	padding-left: 6px;
}

.back{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00889C;
	transform: rotateY(180deg);
	opacity: 0;
	pointer-events: none;
	z-index: 1;
}
.product-single.hover .product-box .back{
	opacity: 1;
	pointer-events: all;
	transform: rotateY(0deg);
}

.product-info{
	position: absolute;
	padding: 20px;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	transform: translate(0, -50%);
}

.product-info h3{
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	position: relative;
	padding-bottom: 10px;
}

.product-info h3:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 1px;
	background: #fff;
}

.product-info p{
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.03em;
	line-height: 1.5em;
}

.product-info p.product-hashtag{
	font-size: 14px;
}

.btn-ordernow{
	display: inline-block;
	font-size: 13px;
	color: #fff;
	border: 1px solid #fff;
	/* text-transform: uppercase; */
	padding: 6px 14px;
	letter-spacing: 0.04em;
	margin-top: 10px;
}

.btn-ordernow:active,
.btn-ordernow:hover,
.btn-ordernow:focus
{
	background: #fff;
	color: #20bea7;
}


/***************************************/
/***** 11. Buynow Infobar area css *****/
/***************************************/

.buynow-infobar{
	background: url(../images/meretezett-kepek-46.png) no-repeat center center fixed;
	background-size: cover;
	padding: 100px 0;
	position: relative;
}

.buynow-infobar:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(191 225 227 / 80%)
}

.buynow-infobar .section-title{
	margin-bottom: 40px;
	text-align: left;
}

.buynow-infobar .section-title h2{
	color: #00889C;
	font-family: 'RobotoCondensed Bold';
    font-size: 35px;
}

.buynow-infobar .section-title p{
	color: #00889C;
	font-size: 18px;
}

.buynow-infobar .section-title p:after{
	/* background: #00889C; */
	left: 0;
	margin-left: 0;
}

.buynow-entry p{
	color: #00889C;
	font-size: 16px;
	letter-spacing: 0.02em;
	line-height: 1.6em;
	font-family: 'RobotoCondensed Bold';
}

.buynow-entry .btn-buynow{
	color: #00889C;
    border: 2px solid #00889C;
    margin-top: 20px;
}

.buynow-entry .btn-buynow:hover{
	background: #fff;
	color: #00889C;
}

.buynow-video{
	text-align: center;
	padding-top: 70px;
}

.buynow-video a{
	display: inline-block;
	font-size: 100px;
	color: #fff;
	opacity: 0.8;
	transition: all 0.3s;
}

.buynow-video a:hover{
	opacity: 1;
}


/****************************************/
/*****   13. Contact Us area css    *****/
/****************************************/

.contactus{
	background: #777175;
	padding: 60px 0 30px;
}

.contactus .section-title{
	text-align: left;
	margin-bottom: 10px;
}

.contactus .section-title h2{
	color: #fff;
}

.contactus .section-title p{
	color: #fff;
	font-size: 18px;
}

.contactus .section-title p:after{
	left: 0;
	margin-left: 0;
	background: #C5C5C5;
}

.contactus .contact-link {
	display: flex;
	margin-bottom: 20px;
}

.contactus .contact-link a{
	color: white;
	border: 1px solid white;
	padding: 10px 15px;
	font-size: 18px;
	transition: all 0.1s linear;
}
.contactus .contact-link a:hover{
	color: #777175;;
	background-color: white;
}

.contact-form .form-control{
	border: none;
	border-radius: 0;
	background: #949494;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	height: auto;
	letter-spacing: 0.03em;
	padding: 12px 14px;
	box-shadow: none;
	resize: none;
	font-family: 'RobotoCondensed Bold';
}

.contact-form .form-control::-webkit-input-placeholder{
	color: white;
}

.contact-form .form-control:-moz-placeholder{
	color: white;
}

.contact-form .form-control::-moz-placeholder {
	color: white;
}

.contact-form .form-control:-ms-input-placeholder{
	color: white;
}

.contact-form .form-control::-ms-input-placeholder{
	color: white;
}

.contact-form .readit{
	color: white;
}
.contact-form label.readit-label{
	color: white;
	font-size: 12px;
	font-family: 'Roboto Bold';
}


/*** "READ IT" CHECKBOX ***/

/* The container */
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

  /* Hide the browser's default checkbox */
  .checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 10px;
	left: 5px;
	height: 15px;
	width: 15px;
	background-color: #929292;
	border-radius: 3px;

  }

  /* On mouse-over, add a grey background color */
  .checkbox-container:hover input ~ .checkmark {
	background-color: #c5c5c5;
  }

  /* When the checkbox is checked, add a blue background */
  .checkbox-container input:checked ~ .checkmark {
	background-color: #2196F3;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }

  /* Show the checkmark when checked */
  .checkbox-container input:checked ~ .checkmark:after {
	display: block;
  }

  /* Style the checkmark/indicator */
  .checkbox-container .checkmark:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

/*** END OF "READ IT" CHECKBOX***/

/* error messages on the form */
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
	color: #F4A93B;
}

#msgSubmit{
	color: #F4A93B;
}

.btn-contact{
	position: relative;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
	background: none;
    border: 2px solid #fff;
    padding: 10px 30px 8px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all 0.1s linear;
}

.btn-contact:hover{
	background: #fff;
	color: #777175;
}

.contactus-row-flex{
	display: flex;
}

.footer-info{
	padding: 30px 0 30px 30px;
	text-align: center;
	height: 100%;
}
.footer-info.footer-info-right{
	border-left: 1px solid #5A504F;
}

.footer-info img{
	margin-bottom: 25px;
}

.footer-info p a,
.footer-info p a:hover,
.footer-info p a:active,
.footer-info p a:visited,
.footer-info p a:link,
.footer-info p{
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.03em;
	font-weight: 300;
	margin-bottom: 1.8em;
}

.footer-info > p{
	color: #DFDFD7;
}

.contactinfo-single{
	position: relative;
	padding-left: 50px;
	margin-bottom: 30px;
	text-align: left;
	font-family: 'RobotoCondensed Bold';
}

.contactinfo-single .icon-box{
	width: 35px;
	height: 35px;
	position: absolute;
    top: 0;
    left: 0;
	text-align: center;
	position: absolute;
	transition: all 0.3s ease-in-out;
}

.contactinfo-single .icon-box .icon-box-image{
	height: 100%;
	width: 100%;
}

.contactinfo-single .icon-box .icon-box-image.phone-image{
	background: url(../images/meretezett-kepek-54.png) no-repeat center center ;
	background-size: cover;
}

.contactinfo-single .icon-box .icon-box-image.envelope-image{
	background: url(../images/meretezett-kepek-56.png) no-repeat center center ;
	background-size: cover;
}

.contactinfo-single .icon-box .icon-box-image.map-marker-image{
	background: url(../images/meretezett-kepek-56.png) no-repeat center center ;
	background-size: cover;
}

.contactinfo-single h3{
	color: #F4A93B;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 4px 0;
	padding-top: 2px;
}

.contactinfo-single i{
	width: 36px;
	height: 36px;
	color: #20bea7;
	border: 1px solid #20bea7;
	border-radius: 50px;
	text-align: center;
	padding-top: 9px;
	position: absolute;
	top: 0;
	left: 0;
}

.footer-social{
	text-align: center;
}

.footer-social a{
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	padding-top: 6px;
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}


.footer-social a .icon-box{
	width: 50px;
	height: 50px;
	text-align: center;
	position: absolute;
	transition: all 0.3s ease-in-out;
}

.footer-social a .icon-box .icon-box-image{
	height: 100%;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

/* Facebook image */
.footer-social a .icon-box .icon-box-image.facebook-image{
	background: url(../images/meretezett-kepek-48.png) no-repeat center center ;
	background-size: cover;
}
.footer-social a:hover .icon-box .icon-box-image.facebook-image{
	background: url(../images/meretezett-kepek-49.png) no-repeat center center ;
	background-size: cover;
}

/* Youtube image */
.footer-social a .icon-box .icon-box-image.youtube-image{
	background: url(../images/meretezett-kepek-50.png) no-repeat center center ;
	background-size: cover;
}
.footer-social a:hover .icon-box .icon-box-image.youtube-image{
	background: url(../images/meretezett-kepek-51.png) no-repeat center center ;
	background-size: cover;
}

/* Linkedin image */
.footer-social a .icon-box .icon-box-image.linkedin-image{
	background: url(../images/meretezett-kepek-52.png) no-repeat center center ;
	background-size: cover;
}
.footer-social a:hover .icon-box .icon-box-image.linkedin-image{
	background: url(../images/meretezett-kepek-53.png) no-repeat center center ;
	background-size: cover;
}

/************************************/
/*****   14. Footer area css    *****/
/************************************/

footer{
	background: #5A504F;
	border-top: 1px solid #909090;
}

.footer-siteinfo{
	padding: 40px 0;
	text-align: center;
}

.footer-siteinfo p{
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.04em;
	margin-bottom: 0;
	display: inline-block;
	padding: 0px 15px;
	font-family: 'RobotoCondensed Bold';
}

.footer-siteinfo p > a{
	color: #fff;
}

.footer-siteinfo p > a:hover{
	text-decoration: underline;
}

.jumptotop{
	position: fixed;
	right: 30px;
	bottom: 0px;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.btn-active{
	opacity: 1;
	bottom: 50px;
}

.jumptotop a{
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	padding-top: 6px;
	background: #F4A93B;
	font-size: 18px;
	border-radius: 2px;
}

.jumptotop a:hover{
	background: #fff;
	color: #F4A93B;
}

/************************************/
/*****    15. Media Screens     *****/
/************************************/

/* @media only screen and (min-width: 1200px){
	.navbar-header #language-select{
		right: 0;
		margin-top: 10px;
	}
	.sticky-header .navbar-header #language-select{
		margin-top: 0px;
	}

	nav.navbar.bootsnav .navbar-collapse .navbar-right{
		margin-right: 50px;
	}
} */

@media only screen and (max-width: 1200px){
	.navbar-default .navbar-nav>li>a:after{
		padding: 0 12px 0 14px;
	}
}

@media only screen and (max-width: 1199px){
	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		padding-left: 0px;
	}
	nav.navbar.bootsnav.sticky-header .navbar-brand>img,
	nav.navbar.bootsnav .navbar-brand>img{
		max-width: 170px;
		margin-top: 4px;
	}

	/* .navbar-header #language-select{
		right: 0;
		margin-top: 10px;
	}
	.sticky-header .navbar-header #language-select{
		margin-top: 0px;
	} */

	nav.navbar.bootsnav .navbar-collapse .navbar-right{
		margin-right: 50px;
	}

	.product-box{
		margin-bottom: 30px;
	}

	.feature-image{
		margin-top: 125px;
	}
}

@media only screen and (max-width: 991px){
	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		padding-left: 15px;
	}
	nav.navbar.bootsnav.sticky-header .navbar-brand>img,
	nav.navbar.bootsnav .navbar-brand>img{
		max-width: 200px;
		margin-top: 0px;
	}

	/* .navbar-header #language-select{
		right: 57px;
		margin-top: unset;
	}
 */
	nav.navbar.bootsnav .navbar-header{
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}

	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		display: block;
		padding: 14px 0 13px;
	}

	nav.navbar.bootsnav .navbar-collapse{
		background: white;
		padding: 0 15px;
		margin: 0;
	}

	nav.navbar.bootsnav .navbar-toggle{
		background: none;
		height: 36px;
		width: 36px;
		color: #777175;
		margin: 0;
		border: 1px solid #777175;
		border-radius: 0;
		position: absolute;
		right: 0;
		top: 16px;
	}

	nav.navbar.bootsnav .navbar-nav{
		margin: 0;
		padding: 0;
	}

	nav.navbar.bootsnav.sticky-header ul.nav > li > a,
	nav.navbar.bootsnav ul.nav > li > a{
		padding: 14px 0;
		border: none;
		margin: 0;
	}

	nav.navbar.bootsnav ul.nav > li > a:after{
		display: none;
	}

	.header-content{
		padding-top: 0;
	}

	.feature-image{
		padding: 20px 0 50px;
	}

	.feature-right{
		text-align: left;
		padding-right: 0;
		padding-left: 90px;
	}

	.feature-right .icon-box{
		right: auto;
		left: 0;
	}

	.facts-single{
		margin-bottom: 40px;
	}

	.product-box{
		margin-bottom: 30px;
	}

	.newsletter-feature .col-md-2{
		border: none;
	}

	.small-feature-single{
		margin-bottom: 30px;
	}

	.contactus-row-flex{
		display: block;
	}

	.footer-info{
		padding: 20px 0 0 0;
		border: none;
	}
	.footer-info.footer-info-right{
		border: none;
	}

	.feature-image{
		margin-top: 0;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){

	.page-title{
		margin-bottom: 20px;
	}

	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		padding-left: 15px;
		padding-right: 15px;
	}

	nav.navbar.bootsnav .navbar-toggle{
		right: 15px;
	}

	nav.navbar.bootsnav .navbar-collapse{
		margin-left: -15px;
		margin-right: -15px;
	}

	.banner{
		padding: 80px 0 160px;
	}

	.header-content{
		text-align: center;
		margin-bottom: 60px;
	}

	.navbar-toggle{
		margin-right: 15px;
	}

	.jumptotop{
		display: none;
	}

	.step-container{
		padding: 10px 40px;
	}

	.step-container .col-md-6{
		border-right: 0;
		border-bottom: 1px solid #eaeaea;
	}

	.step-single{
		padding: 20px 0;
	}

	.section-title{
		margin-bottom: 50px;
	}

	.section-title h2{
		font-size: 28px;
	}

	.features,
	.about-product,
	.products,
	.testimonials,
	.pricing,
	.buynow-infobar,
	.newsletter-feature{
		padding: 60px 0;
	}

	.newsletter-form{
		margin-bottom: 60px;
	}

	.about-facts{
		padding: 60px 0 20px;
	}

	.about-entry{
		padding-top: 0;
		padding-bottom: 50px;
	}

	.about-entry h3{
		font-size: 24px;
	}

	.product-box{
		max-width: 320px;
		margin: 0 auto 30px;
	}

	.buynow-video{
		padding-top: 40px;
	}

	.newsletter-form .form-control{
		width: 100%;
		border: 4px solid #f1f1f1;
		border-radius: 30px;
		margin-bottom: 20px;
	}

	.newsletter-form form{
		border: none;
		text-align: center;
	}

	.btn-subscribe{
		width: 100%;
		border-radius: 40px;
	}
}

/* Small Mobile Layout */

@media only screen and (max-width: 480px) {
	.header-content h2{
		font-size: 26px;
		line-height: 1.5em;
	}

	.header-content h2 span{
		font-size: 22px;
	}

	.pricing-header p{
		font-size: 60px;
	}
}



/*******************************/
/*****    16. Partners     *****/
/*******************************/

.swiper-wrapper{
	padding-top: 30px;
	padding-bottom: 30px;
}

.swiper-slide{
	margin: auto;
	text-align: center;
}

.client-thanks{
	font-family: 'RobotoCondensed Bold';
    font-size: 25px;
	color: #777175;
}

/*******************************/
/**  17. E-learning rendszer  **/
/*******************************/

.intro-section{
	padding-bottom: 60px;
	background: #F4A93B;
}

.intro-section .page-title h2{
	text-align: center;
	font-size: 40px;
    font-weight: 700;
	margin: 45px 0 30px 0;
	color: white;
	font-weight: bold;
}

.intro-section h2{
	color: white;
}

.intro-section .bekezdes {
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.intro-section .bekezdes p{
	font-size: 18px;
    color: white;
}


.intro-section .section-title p{
	color: #777175;
}

@media(max-width: 767px) {
	.intro-section .bekezdes {
		flex-direction: column;
	}
}

.atfogo-tudas-section{
	padding: 70px 0;
    background: white;
}

.atfogo-tudas-section .tartalom{
	font-size: 18px;
    color: #777175;
}

.atfogo-tudas-section .felsorolas{
	font-size: 18px;
    color: #777175;
}

.atfogo-tudas-section .felsorolas ul{
	list-style: none;
	padding: 0;
}

.atfogo-tudas-section .felsorolas ul li{
	display: flex;
    align-items: center;
}

.atfogo-tudas-section .felsorolas ul li:before {
	content: '\2714';
	color: #00889C;
	font-size: 30px;
	margin-right: 10px;
}

@media(max-width: 767px) {
	.atfogo-tudas-section .felsorolas {
		margin-top: 15px;
	}
}

@media(min-width: 768px) {
	.atfogo-tudas-section .tartalom{
		display: flex;
		align-items: center;
	}
}

.mit-nyujt-section{
	padding: 70px 0;
}

.mit-nyujt-section p{
	font-size: 18px;
}

.hatekony-valasz-section{
	padding: 70px 0;
    background: white;
}

.hatekony-valasz-section p{
	font-size: 18px;
}

.hatekony-valasz-section .icon-with-text{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	padding: 8px 0;
}

.hatekony-valasz-section .icon-with-text img{
	max-height: 45px;
}

.hatekony-valasz-section .icon-with-text .text{
	margin-left: 15px;
	font-size: 18px;
}

@media(min-width: 992px) {
	.hatekony-valasz-section .tartalom{
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
	}
}

.sajat-tananyagok-section{
	padding: 70px 0;
}

.sajat-tananyagok-section p{
	font-size: 18px;
}

.sajat-tananyagok-section a{
	margin-top: 20px;
}

@media(max-width: 767px) {
	.sajat-tananyagok-section a{
		margin-bottom: 20px;
	}
}

/*******************************/
/**  17. E-learning tartalom  **/
/*******************************/

.miert-hasznos-section{
	padding: 70px 0;
    background: white;
}

.miert-hasznos-section .tartalom{
	font-size: 18px;
    color: #777175;
}

.miert-hasznos-section .felsorolas{
	font-size: 18px;
    color: #777175;
}

.miert-hasznos-section .felsorolas ul{
	list-style: none;
	padding: 0;
}

.miert-hasznos-section .felsorolas ul li{
	display: flex;
    align-items: center;
}

.miert-hasznos-section .felsorolas ul li:before {
	content: '\2714';
	color: #00889C;
	font-size: 30px;
	margin-right: 10px;
}

.miert-hasznos-section .img {
	text-align: center;
}

.miert-hasznos-section .img a{
	padding: 0;
	background-color: unset;
	border: unset
}

.miert-hasznos-section img {
	margin-bottom: 10px;
	max-height: 330px;
}

@media(min-width: 992px) {
	.miert-hasznos-section .tartalom{
		display: flex;
		align-items: center;
	}
	.miert-hasznos-section img {
		margin-bottom: 0px;
	}
}

.kreativitas-oktatas-section{
	padding: 70px 0;
}

.kreativitas-oktatas-section p{
	font-size: 18px;
}

.kreativitas-oktatas-section .icon-row{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.kreativitas-oktatas-section .icon-with-text{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	padding: 8px 0;
}

.kreativitas-oktatas-section .icon-with-text img{
	max-height: 45px;
}

.kreativitas-oktatas-section .icon-with-text .text{
	margin-left: 15px;
	font-size: 18px;
}

.kreativitas-oktatas-section .video-outer-box{
	width: 100%;
	box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}

.kreativitas-oktatas-section .video-row{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
	/* margin-bottom: 20px; */
}

.kreativitas-oktatas-section .video-outer-box{
	margin-bottom: 25px;
}

.kreativitas-oktatas-section .video-row .video-title{
	font-size: 18px;
	background-color: white;
	text-align: center;
	padding: 5px 0;
}

@media(min-width: 768px) {
	.kreativitas-oktatas-section .icon-row{
		flex-direction: row;
		align-items: center;
	}
	.kreativitas-oktatas-section .icon-row .icon-with-text{
		flex: 1 1 50%;
	}
	.kreativitas-oktatas-section .video-row .video-outer-box{
		width: 46%;
	}
}

@media(min-width: 992px) {
	.kreativitas-oktatas-section .icon-row{
		justify-content: space-around;
	}
	.kreativitas-oktatas-section .icon-row .icon-with-text{
		flex: unset;
	}
}

.hatekonysagnoveles-section{
	padding: 70px 0;
    background: white;
}

.hatekonysagnoveles-section .tartalom{
	font-size: 18px;
    color: #777175;
}

.hatekonysagnoveles-section img{
	margin-bottom: 15px;
}

/*******************************/
/**       18. Kapcsolat       **/
/*******************************/
section.urlap .form-container{
	padding-top: 130px;
}
section.urlap.koszonjuk {
	padding-top: 155px;
	padding-bottom: 70px;

	text-align: center;
}
section.urlap.koszonjuk .container {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}
section.urlap.koszonjuk .container h3 {
	color: #00798a;
	font-weight: bold;
	font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	section.urlap .form-container {
		padding-top: 180px;
	}
}

/*******************************/
/**    18. Cookie Consent     **/
/*******************************/

/* Mind elfogadom főpanelen zöld, belül szürke */

#cc-main {
	--cc-btn-accept-all-bg: #5cb85c;
	--cc-btn-accept-all-hover-bg: #449d44;
}

#cc-main .cm__btn[data-role=all]
/* , #cc-main .pm__btn[data-role=all] */ {
	background-color: var(--cc-btn-accept-all-bg);
	border-color: var(--cc-btn-accept-all-bg);
}

#cc-main .cm__btn[data-role=all]:hover
/* , #cc-main .pm__btn[data-role=all]:hover */ {
	background-color: var(--cc-btn-accept-all-hover-bg);
	border-color: var(--cc-btn-accept-all-hover-bg);
}