/*
Theme Name: Divi Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Brad Dalton http://wpsites.net
Template: Divi
*/

@import url("../Divi/style.css");



 select {
            display: block;
            background: rgba(123, 193, 67, 0.25) url(../wp-content/uploads/2018/09/dropdown-arrow.png) no-repeat right 20px center;
            width: 320px;
            height: 49px;
            margin-bottom: 25px;
            padding: 0 20px;
            border: none;
            color: #fff;
            font-weight: bold;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
	 		float: right;
        }

.page__content-link {
	display: none;
	margin-right: 15px;
	padding: 10px 30px;
	border: 1px solid #7bc143;
	transform: skew(-20deg);
	transition: transform .4s ease-in 0s;
	color: black;
	float: right;
}

.page__content-link span {
display: block;
transform: skew(20deg);
}

.page__content-link--active {
	transform: skew(-20deg);
	display: inline-block;
	float: right;
}	

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}

.diagonalbackground {
	position: absolute;
	top: -350px;
	margin: 0 auto;
	right: 0;
}

.diagonalbackground2 {
	position: absolute;
	top: -250px;
	margin: 0 auto;
	right: 0;
}

.diagonalbackground3 {
	position: absolute;
	top: 0px;
	margin: 0 auto;
	right: 0px;
}

.diagonalbackground4 {
	position: absolute;
	top: -200px;
	margin: 0 auto;
	right: 00px;
}

.diagonalbackground5 {
	position: absolute;
	top: 100px;
	margin: 0 auto;
	left: -500px;
}

.diagonalbackground6 {
	position: absolute;
	top: -900px;
	margin: 0 auto;
	right: 00px;
}

.number1 {
	font-size: 250px;
	position: absolute;
	z-index: -1;
	left: -50px;
	opacity: 0.25;
	color: #7BC143;
}

.number2 {
	font-size: 250px;
	position: absolute;
	z-index: -1;
	right: -50px;
	opacity: 0.25;
	color: #7BC143;
}

@media only screen and (max-width: 980px) {
	.number1, .number2 {
		display: none;
	}
	
	.lastmenu {
		padding: auto !important;
		transform: skew(0deg) !important;
		height: auto !important;
		background: none !important;
		line-height: auto !important;
		color: white !important;
		text-align: left !important;
	} 
	
	.lastmenu a {
		transform: skew(0deg) !important;
		color: white !important;
}

	.et_fullwidth_nav #main-header .container {
		padding-right: 30px !important;
	}
}


.et-fixed-header .lastmenu {
	padding: 12px 40px !important;
	padding-right: 40px !important;
}


.et_mobile_menu {
	background: #fff !important;
}

.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
	padding-top: 0px !important;
}

.lastmenu {
	background: #7BC143;
	padding: 12px 40px !important;
	padding-right: 0px !important;
	line-height: 20px !important;
	height: 46px;
	transform: skew(-46deg);
}

.lastmenu a {
	color: #fff;
	transform: skew(46deg);
}

.et-fixed-header .lastmenu a {
	color: #fff !important;
}	

.sliderbutton {
	border: 1px solid #7BC143 !important;
	color: black !important;
	width: 260px;
	margin: 0 auto;
	padding: 6px;
	transform: skew(-46deg);
}



.sliderbutton a {
	transform: skew(20deg);
	color: black;
	text-transform: uppercase;
	transform: skew(20deg) !important;

}


.skewbutton {
  color: black;
  background: none;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #7BC143;
  outline: 0;
  font-size: 1.1rem;
  padding: 12px 70px;
  display: inline-block;
  transform: skew(-46deg);
}

.skewbutton span {
	display: inline-block; 
	transform: skew(46deg);
}

.et_fullwidth_nav #main-header .container {
		padding-right: 20px;
}

.girlimage {
	position: absolute;
	z-index: -3;
	top: 300px;
	left: -30px !important;
}

.roundimage {
	position: absolute;
	z-index: -13;
	top: 500px;
	left: -300px !important;
}

.manimage {
	position: absolute;
	z-index: -13;
	top: 450px;
	left: 200px !important;
}

.groupimage {
	position: absolute;
	z-index: -13;
	top: -50px;
	left: -300px;
}

.kr {
	font-size: 50px;
	color: black;
}

.dot1 {
	position: absolute;
	top: 46px;
	height: 2px;
	left: 237px;
	display: inline-block;
	width: 15px;
}

.dot2 {
	position: absolute;
	top: 115px;
	height: 2px;
	left: 189px;
	display: inline-block;
	width: 15px;
}

.dot3 {
	position: absolute;
	top: 290px;
	height: 2px;
	left: 144px;
	display: inline-block;
	width: 15px;
}

.dot4 {
	position: absolute;
	top: 280px;
	height: 2px;
	left: 220px;
	display: inline-block;
	width: 15px;
}

.dot5 {
	position: absolute;
	top: 295px;
	height: 2px;
	left: 205px;
	display: inline-block;
	width: 15px;
}

.dot6 {
	position: absolute;
	top: 237px;
	height: 2px;
	left: 200px;
	display: inline-block;
	width: 15px;
}

.dot7 {
	position: absolute;
	top: 305px;
	height: 2px;
	left: 214px;
	display: inline-block;
	width: 15px;
}

.dot8 {
	position: absolute;
	top: 345px;
	height: 2px;
	left: 184px;
	display: inline-block;
	width: 15px;
}

.dot9 {
	position: absolute;
	top: 255px;
	height: 2px;
	left: 54px;
	display: inline-block;
	width: 15px;
}

.dot10 {
	position: absolute;
	top: 65px;
	height: 2px;
	left: 174px;
	display: inline-block;
	width: 15px;
}

.dot11 {
	position: absolute;
	top: 265px;
	height: 2px;
	left: 147px;
	display: inline-block;
	width: 15px;
}

.dot12 {
	position: absolute;
	top: 79px;
	height: 2px;
	left: 189px;
	display: inline-block;
	width: 15px;
}

.dot13 {
	position: absolute;
	top: 424px;
	height: 2px;
	left: 383px;
	display: inline-block;
	width: 15px;
}

.dot14 {
	position: absolute;
	top: 378px;
	height: 2px;
	left: 376px;
	display: inline-block;
	width: 15px;
}


.dot15 {
	position: absolute;
	top: 398px;
	height: 2px;
	left: 446px;
	display: inline-block;
	width: 15px;
}

.dot16 {
	position: absolute;
	top: 391px;
	height: 2px;
	left: 408px;
	display: inline-block;
	width: 15px;
}

.dot17 {
	position: absolute;
	top: 371px;
	height: 2px;
	left: 430px;
	display: inline-block;
	width: 15px;
}

.dot18 {
	position: absolute;
	top: 105px;
	height: 2px;
	left: 206px;
	display: inline-block;
	width: 15px;
}


.dot19 {
	position: absolute;
	top: 449px;
	height: 2px;
	left: 239px;
	display: inline-block;
	width: 15px;
}

.dot20 {
	position: absolute;
	top: 117px;
	height: 2px;
	left: 98px;
	display: inline-block;
	width: 15px;
}



.dot .tooltiptext {
	visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: black;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
	z-index: 15;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.dot .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.dot:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.et-pb-arrow-prev{
	left: 0;
	opacity: 1;
	transition: none;
}
.et-pb-arrow-next{
	right: 0;
	opacity: 1;
	transition: none;
}
.et_mobile_device .et-pb-arrow-prev, .et_pb_slider:hover .et-pb-arrow-prev{
	left: 0;
	opacity: .5;
}
.et_mobile_device .et-pb-arrow-prev, .et_pb_slider:hover .et-pb-arrow-next{
	right: 0;
	opacity: .5;
}
.et_pb_image .et_pb_image_wrap {
margin-top: 55px;
}

@media only screen and (max-width: 1075px){
	#logo {
    	max-height: 22% !important;
	}
}

.lastmenu a{
	margin-left:10px;
}