/************** deafault css******************/

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.section_padding {}

a:focus {
    outline: 0px solid
}

a:hover {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    font-family: 'Cabin', sans-serif;
}

html,
body {}

.section_padding {
    padding: 80px 0px
}

p {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
/************** main css ******************/
/************** header css ******************/

#header_area {
    background: url(../images/bg.jpg);
    padding-top: 35px;
    background-size: cover;
    background-position: center center
}

#header_area_2 {
    background: url(../images/bg2.jpg);
    padding-top: 35px;
    background-size: cover;
    background-position: center center
}

#header_area_3 {
    background: url(../images/bg3.jpg);
    padding-top: 35px;
    background-size: cover;
    background-position: center center
}

#header_area_4 {
    background: url(../images/bg4.jpg);
    padding-top: 35px;
    background-size: cover;
    background-position: center center
}

#header_area_5 {
    background: url(../images/bg5.jpg);
    padding-top: 35px;
    background-size: cover;
    background-position: center center
}

#header_area_6 {
    background: url(../images/bg6.jpg);
    padding-top: 35px;
    background-size: cover;
    background-position: center center
}

.logo {
    margin-top: 5px;
}

.logo h1 {}

.logo h1 a {
    color: #fff;
    text-decoration: none
}

.logo h2 {}

.logo h2 a {
    color: #7e19bd;
    text-decoration: none
}



.navbar-nav>li>a {
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus {
    background: none;
	color: #888;
}


.meunulink {
    font-size: 14px;
    color: #888;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase
}

.meunulink:hover {
    font-size: 14px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase
}


.header_area_text {
    padding-top: 100px;
    padding-bottom: 50px;
    padding-right: 500px;
}

.header_area_text h1 {
    font-size: 50px;
    color: #fff
}

.header_area_text h2 {
    font-size: 18px;
    color: #fff;
	font-weight:normal;
}

.header_area_text p {
    color: #fff;
    margin: 30px 0px;
}

.header_area_text_box {
    background: #7e19bd;		/*  lila  -- war vorher: 4ECB8C  */			
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
}

.header_area_text_box:hover {
    background: #fff;			
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #7e19bd;				/*  lila  -- war vorher: 4ECB8C  */		
    font-weight: 700;
    border-radius: 5px;
}

.whitelink {
    color: #fff;
}

.whitelink:hover {
    color: #7e19bd;
}



/************** feature area css ******************/

#features_area h2 {
    margin-bottom: 60px;
}



.single_feature a {
    border: 2px solid #7e19bd;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #7e19bd;
    margin-top: 15px;
	margin-bottom: 15px;
    text-transform: uppercase
}

.single_feature a:hover {
    border: 2px solid #fff;
	background-color: #7e19bd;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 15px;
	margin-bottom: 15px;
    text-transform: uppercase
}


.single_feature {
    border: 2px solid #F2F2F2;
    padding: 10px;
}

.single_feature h3 {
    margin-top: 25px;
}

.single_feature i {
	background: #7e19bd;				/*    lila    war: 36C36E   */
	font-size: 26px;
	padding: 18px;
	color: #fff;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	text-align: center;
}


/************** story area css ******************/

#story_area {
    background: #E9EBEA;
}

.story_text {}

.story_text h2,
.experience h2 {
    margin-bottom: 25px;
}

.story_text p,
.experience p {
    margin-bottom: 20px;
}

.story_text a {
    border: 2px solid #333333;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #000;
    margin-top: 20px;
    text-transform: uppercase
}

.story_text a:hover {
    border: 2px solid #fff;
	background-color:#7e19bd;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase
}


.story_image a {
    color: #7e19bd;
}


.story_image a:hover {
    color: #111;
}



.experience a {
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase
}

#clients_say_area {
    background: #fff;
    position: relative
}

#clients_say_area h2 {
    margin-bottom: 50px;
}

.clients_say {
    margin-bottom: 30px
}

.clients_say_list {
    margin-top: 20px;
}

.clients_say p {
    border: 2px solid #E3E3E3;
    padding: 20px 40px;
}

.say {
    text-align: right;
    width: 75%;
    margin-top: 10px
}

.say h5 {
    margin: 0;
    color: #000
}

.say h6 {
    margin: 0;
    color: #666666
}

.c_img {
    width: 25%;
    text-align: right
}


#Experience_area {
    background: #353535;
    color: #fff
}

.skills {}

.skills h2 {
    margin-bottom: 40px;
}

.progress-bar {
    background: #7e19bd;			/*  lila   war:  36C36E */
}
/************** blog area css ******************/

#blog_area {
    background: #fff
}


.single_blog {}

.single_blog img {}

.single_blog h2 {
    font-size: 22px;
    color: #000000;
    font-weight: 700;
    margin-top: 25px
	margin-bottom: 20px
}


.ruck2 {
    margin: 10px 0 0 15px;
	color: #7e19bd;
}

.comment_area {
    color: #999999
}

.date i,
.comment i {
    margin-right: 10px;
}


.single_blog a {
    border: 2px solid #7e19bd;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #7e19bd;
    margin-top: 15px;
	margin-bottom: 15px;
    text-transform: uppercase
}

.single_blog a:hover {
    border: 2px solid #fff;
	background-color: #7e19bd;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 15px;
	margin-bottom: 15px;
    text-transform: uppercase
}


/************** call to action css ******************/

#caal_to_action_area {
    background: #7e19bd;			/*  lila   war:  36C36E */
    padding: 30px 0px;
    color: #fff;
}

.call_to_action_text {}

.call_to_action_text h2 {
    margin: 0
}
	
.call_to_action_text a {
    color: #fff;
}

.call_to_action_text a:hover {
    color: #333;
}


.call_project a {
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    margin-top: 13px;
    text-transform: uppercase
}

.call_project a:hover {
    border: 2px solid #7e19bd;
	background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 20px;
    color: #7e19bd;
    margin-top: 13px;
    text-transform: uppercase
}


/************** footer area css ******************/

#footer_area {
    background: #232323;
    padding: 30px 0px;
    color: #fff;
}

.company_logo {
    margin-top: 50px
}

.company_logo h2 {}

.company_address {
    padding: 10px 30px;
}

.company_address h2 {
    font-size: 18px;
    text-transform: uppercase
}

.company_address p {
    font-size: 14px;
    font-weight: 300
}

.company_address a {
    color: #888;
}

.company_address a:hover {
    color: #7e19bd;
}



.company_address h3 {
    font-size: 14px;
    font-weight: 300
}

#preloader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
#preloader i {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}



	
	/*   iframe youtube       */
	
	
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
	
		

/* Form */

	form label {
		display: block;
		font-weight: 700;
		color: #484d55;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		-webkit-appearance: none;
		display: block;
		border: 0;
		background: #eee;
		box-shadow: inset 0px 0px 1px 0px #a0a1a7;
		border-radius: 0.35em;
		width: 90%;
		margin:auto;
		padding: 0.75em 1em 0.75em 1em;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #f8f8f8;
		}

	form input[type="text"],
	form input[type="email"]
	input[type="password"] {
		line-height: 1em;
	}

	form select {
		line-height: 1em;
	}

	form textarea {
		min-height: 10em;
	}

	form .formerize-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
		font-style: italic;
		line-height: 1.35em;
	}

	form :-moz-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form ::-moz-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form ::-moz-focus-inner {
		border: 0;
	}



/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		display: inline-block;
		background: #444;
		text-align: center;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 0.25em;
		text-decoration: none;
		border-radius: 0.35em;
		border: 0;
		outline: 0;
		cursor: pointer;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			
			
			
			
			
		background-color: #540088;	/* dunkleres lila   vorher: f98780 */
		}

		input[type="button"].style1,
		input[type="submit"].style1,
		input[type="reset"].style1,
		button.style1,
		.button.style1 {
			background: #6b00ae url("images/overlay.png");	/* normales lila    vorher: e97770 */
			color: #fff;
		}

			input[type="button"].style1:hover,
			input[type="submit"].style1:hover,
			input[type="reset"].style1:hover,
			button.style1:hover,
			.button.style1:hover {
				background-color: #540088;	/* dunkleres lila    vorher: f98780 */
			}

			input[type="button"].style1:active,
			input[type="submit"].style1:active,
			input[type="reset"].style1:active,
			button.style1:active,
			.button.style1:active {
				background-color: #7e19bd;	/*	mittleres lila    vorher: d96760*/
			
			}

		input[type="button"].style2,
		input[type="submit"].style2,
		input[type="reset"].style2,
		button.style2,
		.button.style2 {
			background: none;
			color: #606167;
			box-shadow: inset 0px 0px 2px 0px #a0a1a7;
		}

			input[type="button"].style2:hover,
			input[type="submit"].style2:hover,
			input[type="reset"].style2:hover,
			button.style2:hover,
			.button.style2:hover {
				box-shadow: inset 0px 0px 2px 0px #606167;
			}

			input[type="button"].style2:active,
			input[type="submit"].style2:active,
			input[type="reset"].style2:active,
			button.style2:active,
			.button.style2:active {
				box-shadow: inset 0px 0px 2px 0px #202127;
			}

		input[type="button"].style3,
		input[type="submit"].style3,
		input[type="reset"].style3,
		button.style3,
		.button.style3 {
			background: #2f333b url("images/overlay.png");
			color: #fff;
		}

			input[type="button"].style3:hover,
			input[type="submit"].style3:hover,
			input[type="reset"].style3:hover,
			button.style3:hover,
			.button.style3:hover {
				background-color: #3f434b;
			}

			input[type="button"].style3:active,
			input[type="submit"].style3:active,
			input[type="reset"].style3:active,
			button.style3:active,
			.button.style3:active {
				background-color: #1f232b;
			}
			
			
	/* List */

			ul.actions {
				margin: 0;
			}

				ul.actions li {
					display: inline-block;
					margin: 0;
				}

					ul.actions li:first-child {
						margin-left: 0;
					}

					ul.actions li:last-child {
						margin-right: 0;
					}

			ul.actions-centered {
				text-align: center;
			}

			form ul.actions {
				margin-top: 0;
			}