@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular.woff2') format('woff2'),
         url('../fonts/MyriadProRegular.woff') format('woff'),
         url('../fonts/MyriadProRegular.ttf') format('truetype'),
		 url('../fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
		 
}

/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
/*
* Body settings, change it as required
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; }
/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-rendering: optimizeLegibility; margin-top: 0px; }
h2 { font-size: 32.31px; color: #222222; letter-spacing: 0.60px; text-transform: uppercase; }
@media screen and (max-width:767px){
	h2 { font-size: 24px;}
}
/*
* Paragraphs
*/

p { font-weight: normal; margin-top: 0px; }


/*
* Links
*/

.horizontal-list li {
  display: inline-block; /* Oder display: inline; */
  list-style: none;
  margin-right: 10px; /* optional: Abstand zwischen den Elementen */
  padding: 5px;
}


a { color: #fe019a; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ }
a:focus { outline: none;  }
p a, p a:visited { line-height: inherit; }
/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/

textarea { resize: vertical; }
/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }
.right { float: right; }
/*
* Text Alignment
*/

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-block { text-align: justify; }

/*
* Image Alignment
*/

img.alignleft { float: left; margin: 0 10px 10px 0; display: inline; }
img.alignright { float: right; margin: 0 0px 10px 10px; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
/*
* Image replacement
*/

.ir { background-color: transparent; border: 0; overflow: hidden;     /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden { display: none !important; visibility: hidden; }
.valid { display: none !important; visibility: hidden; }

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible { visibility: hidden; }
/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after { content: ""; display: table; clear: both; }
/*
* overflow method for clearing floats
*/
.floatbox { overflow: hidden; }
/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height: 1px; line-height: 1px; }
/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/*
* Other
*/


/* ==========================================================================
	Layout
========================================================================== */


/* Container ---------------------- */
#container { }

@media screen and (min-width: 992px){
.container {
    max-width: 1140px;
}
}


/* Banner ---------------------- */
#banner { max-height: 570px; position: relative;}
#banner .image img { width: 100%; max-height: 570px; object-fit: cover; object-position: center center; }
#banner .container-fluid{position: absolute;top: 40px;left: 0;width: 100%;text-align:center;padding-left: 40px;padding-right: 40px;}
#banner h1{font-size: 36px; color: #ffffff; letter-spacing: 0.65px; text-transform: uppercase;margin-bottom: 0px;}
#banner p{font-size: 20px; color: rgba(255,255,255,0.8);}
#banner .logo{margin-bottom: 30px;}
@media screen and (max-width:1024px) {
	#banner .logo {margin-bottom: 0;}
	#banner .logo img{max-width: 260px;}
}
@media screen and (max-width:767px) {
#banner .image img { min-height: 400px; }
#banner h1{font-size: 22px;}
#banner p{font-size: 16px;}
#banner .container-fluid{top: 15px; text-align: center;}
#banner .text-right {
    text-align: center;
}
}

/* Footer ---------------------- */
#footer { background: #000000; border-top: 1px solid #999999; padding-top: 35px; padding-bottom: 30px; color: #fff; }
#footer p { margin-bottom: 18px; }
#footer a[href^="tel:"] , #footer a[href^="mailto:"] {	color: #ffffff;}
#footer p, #footer address { font-size: 16px; font-family: MyriadPro; letter-spacing: 0.120em; font-style: normal; line-height: 19px; }

/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }
.post p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
.post h1 { font-size: 44px; }
.post h2 { font-size: 37px; }
.post h3 { font-size: 27px; }
.post h4 { font-size: 23px; }
.post h5 { font-size: 17px; }
.post h6 { font-size: 14px; }
.post code { font-weight: bold; background: #ffff99; }
/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }
.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }
/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }
.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }

/*
* Button
*/

.btn { font-size: 17px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.2; text-align: center; background-color: rgb(0, 158, 224); min-width: 224px; height: 39px; line-height: 39px; display: inline-block; font-weight: 600; letter-spacing: 0.30px; border-radius: 50px;transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.btn:hover{background: #ffffff;  color: rgb(0, 158, 224);}

/*
* Link Secondary
*/
.link-secondary{
	color: #df0567;
}


/*
* Box1
*/
.box1 { padding-top:35px; background: #f2f2f2; padding-bottom: 40px; }
.services h1 { font-size: 28px; color: #25282d; letter-spacing: 0.25px; font-weight: 400; margin-bottom: 50px; }
.services h3 { font-size: 23px; color: #009ee0; letter-spacing: 0.25px; font-weight: 400; margin-bottom: 0; }
.services p { font-size: 18px; color: #25282d; letter-spacing: 0.25px; font-weight: 400; }
.box1 .col-sm-6 { margin-bottom: 7px; }
.services .row { margin-bottom: 45px; }

@media screen and (max-width:767px){
	.services .column{
		margin-bottom: 35px;
	}
	.services .row {
		margin-bottom: 2px;
	}
	.services h3 { font-size: 20px; color: #009ee0; letter-spacing: 0.25px; font-weight: 400; margin-bottom: 0; }
	.services h1 { font-size: 24px; color: #25282d; letter-spacing: 0.25px; font-weight: 400; margin-bottom: 35px; }
}


/*
* Box2
*/
.box2 { padding-top: 55px; padding-bottom: 45px; }
.box2 h2 { margin-bottom: 0px; }
.box2 p { color: #222222; font-size: 22px; letter-spacing: 0.60px; margin-bottom: 20px; }
.box2 li { color: #222222; font-size: 22px; letter-spacing: 0.60px; margin-bottom: 0px; margin-top: 0px; ! important }
.box2 h1 { color: #222222; font-size: 22px; letter-spacing: 0.60px; margin-bottom: 0px; margin-top: 44px; ! important }
.panel { background: #ffffff;padding: 25px 25px 25px 25px; margin-bottom: 15px; }
.panel p { font-size: 16px; color: #878787; font-weight: 400; letter-spacing: 0; }
.panel .lead { font-size: 18px;}
.panel p strong{ font-size: 24px; color: #999999; font-weight: 700;display: inline-block;vertical-align: middle;}
.panel h3 { font-size: 24px; color: #009fe3; letter-spacing: 0; font-weight: 400;margin-bottom: 18px; }
.panel h4 { font-size: 14px; color: #009fe3; letter-spacing: 0; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; }




@media screen and (max-width:767px){
	.panel {padding: 25px 15px;}
	.panel p strong{ font-size: 18px;}
}

/*
* Form
*/
.form input[type="text"],.form input[type="email"]
{ 
	background: rgba(213,213,213,0.3); border: none;margin-bottom: 16px; min-height: 30px;color: rgb(135, 135, 135);width:100%;padding-left:15px;padding-right:15px;transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius: 0;
}
.form input[type="submit"] { border: none; max-width: 224px;appearance:none;-webkit-appearance:none;-moz-appearance:none;line-height: 1;}
.form input[type="submit"]:hover{background: #0076a7; color: #ffffff;}
.form select{background: rgba(213,213,213,0.3);border:none; min-height: 30px; width: 100%;margin-bottom: 16px;text-transform: capitalize;padding-left:15px;padding-right:15px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius: 0;}
.selectbox {
    display: block;
    position: relative;
}
.selectbox:before {
    background: url(../images/selectbox-arrow.png) no-repeat center center;
    content: "";
    display: block;
    height: 30px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.form textarea { background: rgba(213,213,213,0.3); resize: none; min-height: 268px; width: 100%; border: none;padding: 15px; margin-bottom: 25px;border-radius: 0;}
.form label{font-size: 14px;font-weight: 600;color: rgb(135, 135, 135);line-height: 1.714;}
.form label .required{color: #009fe3;}
.form input[type="text"]:focus ,.form input[type="email"]:focus ,select:focus , .form textarea:focus{outline:1px solid #009fe3; }

select::-ms-expand {
    display: none;
}
@media screen and (max-width:767px){
	.form label{ margin-bottom: 5px;}
	.form input[type="submit"] { max-width: 100%;width: 100%;}
}

.contact{padding-top: 25px;}
.contact h2{margin-bottom: 25px;}

.contact-details {
    padding-top: 15px;

}
.contact-details .icon{
	margin-right: 20px;
}
.contact-details p{
	margin-bottom: 25px;
}

.callback-service {
    padding-top: 25px;
}
.callback-service h3{
    margin-bottom: 18px;
}


.contact .row {
    margin-left: -10px;
    margin-right: -10px;
}
.contact .col-md-6{
	padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width:767px){
	.contact .row {
		margin-left: -10px;
		margin-right: -10px;
	}
}

@media screen and (max-width:575px){
	.contact-details .icon {
		margin-right: 0;
		margin-bottom: 5px;
		display: block;
	}
}


.partner-wrapper{
	max-width:720px;
	margin: 0 auto;

}
.partner-wrapper ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.partner-wrapper ul li{
	float: left;
	width: 25%;
	
}

@media screen and (max-width:767px){
	.partner-wrapper ul li{
		width: 50%;
		min-height: 100px;
		
	}
}


/* ------------------------------------- 
 	Cross Browser CSS
	Documentation: http://rafael.adm.br/css_browser_selector/
------------------------------------- */
/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
/* .ie .css3 { behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; } */