@charset "utf-8";

/*===========SAFERAY============*/
/*===========POWERED BY MERIDIAN INC ============*/

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

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


/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */

}

#status {
	width:30px;
	height:30px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-15px 0 0 -15px; /* is width and height divided by two */
}






/*************************/




body{
 	font-family: 'EUROSTAR';
	font-size:18px;
	font-style: normal;
	line-height: 20px;
	font-weight:normal;
	color: #595959;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
}



* {
    -webkit-box-sizing: border-box;
       -mox-box-sizing: border-box;
            box-sizing: border-box;
}

::selection {
        background: #00ACBB; /* Safari */
		color:#fff;
        }
::-moz-selection {
        background: #00ACBB; /* Firefox */
		color:#fff;
}


a {
	color:#00ACBB;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	
a:hover {
	color: #F153A2;

	}
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	}
	
	
h1, h2, h3, h4 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	
}	

hr {
	margin:20px  0 50px 0;
	height:0;
	border:0;
	border-top:1px solid rgba(0,0 ,0 ,0.11);
	float:left;
	width:100%;
	position:relative;
}

.caps{
	text-transform:uppercase;
}
.heading {
	line-height:normal;
	font-weight:normal;
}
.bold, strong{
	 font-family: 'Eurostarblack';
}

.normal{
	font-family: 'EUROSTAR';
}


.fs36{
	font-size:36px;
}
.fs30{
	font-size:30px;
}
.fs20{
	font-size:20px;
}
.lined{
	position:relative;
	width:100%;
	float:left;
	text-align:center;
	padding:20px 0  0 0;
	margin:0 0 10px 0;
	line-height:16px;	
	position:relative;
}

.lined:before{
	width:44px;
	height:2px;
	background-color:#8BBF27;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-22px;
	content:'';
}

   
img{
	border:0;
}	

a img {
	border: 0;
	}




.list{
	margin:0 0 25px 0;
	padding:0;
	list-style:none;
	
}

.list li{
	margin:0;
	padding:5px 0 5px 30px;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	background-size:15px;
	list-style-position:inherit;
	line-height:18px;
}

.link{}

.link a{
	
	color:#fff;
	font-size:14px;
	padding:15px 35px;
	font-weight:500;
	display:inline-block;
	background-color:#492508;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position:relative;
}

.link a:hover{
	background-color:#0B9444;
	letter-spacing:1px;
}

	
/****************TEXT ALINGS*********/
.justify{
	text-align:justify;
}

.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}

.justify{
	text-align:justify;
}

.text-white{
	color:#fff;
	}
.text-red{
	color:#F153A2;
}	
		
	
.text-green{
	color:#00A9B8;
}	
	
/*--------------------------BIG SCREEN DEFAULT-----------------------------------*/


.top-container{
	width:100%;
	text-align:right;
	float:left;
	font-size:14px;
	background-color:#E7E7E7;
}
.iconic{
	display:inline-block;
	padding:10px;
	background-color:#F153A2;
	margin:0 15px;
	width:42px;
	height:42px;
	text-align:center;
	color:#fff;
	font-size:18px;
}
.inline{}

.iconic i{
	margin:0;
}
.inline a {
    color: #595959;
}

header{
	width:100%;
	position:relative;
	padding:0;
	margin:0;
	float:left;
	left:0;
	top:0;	
	z-index:99;
	background-color:#fff;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
	-webkit-box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 2px 12px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 2px 12px 0px rgba(50, 50, 50, 0.2);
	}
	
header.smaller{
	position:fixed;
}

.logo{
	float:left;
	padding:10px 0 ;
}
.logo img{
	vertical-align:middle;
	display:block;
	
}	

main{
	width:1126px;
	margin:0 auto;
	position:relative;
	z-index:2;
}


/********footer***/

footer{
	width:100%;
	float:left;
	text-align:center;
	color:#fff;
	padding:25px 0;
	background-color:#000;
	font-size:14px;
}
footer a{
	color:#fff;
	}
footer a:hover{
	color:#F153A2;
	}	
	
footer p{
	margin:0;
}
.googlemap{
	width:100%;
	height:400px;
	overflow:hidden;
	border:0;
	float:left;
}
/********************/






section{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}
.pad{
	padding:100px 0;
}
.para-pad{
	padding:0 15%;
}
.pad-both{
	padding:0 65px;
}
.pad-bottom{
	padding:0 0  65px 0;
}
.margin-bottom{
	margin:0 0 25px 0;
}
.pad-left{
	padding-left:100px;
}
.pad-right{
	padding-right:100px;
}
/**********parallax********/

.jarallax {
    position: relative;
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;*/
	background-repeat: no-repeat;
	background-position: center  center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background-attachment:fixed;*/
}

.services-section{
	background-image: url(../images/services-bg.webp);
	padding:100px 0;
	position:relative;
	
}
.services-section:after{
	width:100%;
	height:50%;
	bottom:0;
	left:0;
	content:'';
	background-color:#fff;
	position:absolute;
}
.profile-section{
	background-image: url(../images/profile-bg.webp);
	padding:100px 0;
	position:relative;
	
}
.profile-section:after{
	width:80%;
	height:100%;
	bottom:0;
	right:0;
	content:'';
	background-color:#F7F7F7;
	position:absolute;
	background-image: url(../images/dots.png);
}


.intro-img{
	width:30%;
	float:left;
}


.contact-section{
	background-image: url(../images/contact-bg.webp);
	padding:100px 0;
	position:relative;
	
}
.contact-section:after{
	width:50%;
	height:100%;
	top:0;
	right:0;
	content:'';
	background-color:#fff;
	position:absolute;
}

.contact-title{
	width:100%;
	background-color:#fff;
	float:left;
	padding:0 0 50px 0;
	position:relative;
	z-index:2;
}
.address-wrap{
	width:37%;
	float:left;
	padding-right:50px;
	color:#fff;
}

.address-wrap .fa-mobile{
	font-size:25px;
}



.form-wrap{
	width:63%;
	float:left;
	background-color:rgba(0, 172, 187, 0.8);
	padding:50px 80px;
}

/*****************/



.page-title{
	width:100%;
	float:left;
	padding:50px 0 20px 0;
	text-align:center;
	margin:0 !important;
	font-size:52px;
	font-weight:normal;
	font-family: 'Eurostarblack';
	text-transform:uppercase;
	background-image: url(../images/title-ornament.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.page-title span{
	font-family: 'EUROSTAR';
	font-size:14px;
	}

.services-section .page-title{
	color:#fff !important;
}
 












social{
	width:100%;
	text-align:center;
}


social a{
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
	line-height:40px;
	font-size:25px;
	margin:2px;
	color:#fff !important;
	}
	
social a:hover{
	color:#F153A2 !important;
	}
social a i{
	width:40px;
	}
.add{
	position:relative;
	padding:0 0 0 40px;
	margin:0 0 10px 0;
}
.add i{
	position:absolute;
	left:0;
	top:5px;
	color:#F153A2;
	font-size:15px;
}

/*********COLUMS AND ROWS***************/
row{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	display:block;
}

	
aside, summary{
	width:25%;
	float:left;
	margin:0;
	display:block;
	
}
summary{
	width:75%;
}
.fullwidth{
	width:100%;
	display:block;
}
clearfix{
	width:100%;
	height:30px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}



.two-col{
	width:46%;
	float:left;
	margin-right:8%;
}

.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}


.last{
	margin-right:0 !important;
}



/**********forms**************/

form{
	margin:0;
	padding:0;
}

*:focus {  
	outline: none;
}
	
.fieldset{
	width:100%;
	height:auto;
	padding:15px 50px 15px 0;
	background-color:transparent;
	display:block;
	border:0;
	border-bottom:2px solid #fff;
	margin:0 0 10px 0;
	color:#fff;
	font-size:14px;
	font-family: 'EUROSTAR';
   	float:left;
}




.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size:18px;
	font-family: 'Eurostarblack';
	cursor:pointer;
	vertical-align:top;
	padding:15px 25px;
	text-align:center;
	background-color:#F153A2;
}
.sendbutton:hover{
	background-color:#00ACBB;

	}
	
::-webkit-input-placeholder {
   color: #fff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;
}

:-ms-input-placeholder {  
   color: #fff !important;
}

.name, .phone, .email, .message{
	background-image: url(../images/icons/name.png);
	background-repeat: no-repeat;
	background-position: 98% 15px;
}
.phone{
	background-image: url(../images/icons/phone.png);
	}
	
.email{
	background-image: url(../images/icons/mail.png);
	}
	
.message{
	background-image: url(../images/icons/message.png);
	}
	
.m-b-10{margin-bottom:10px; line-height:40px;}
.text-uppercase{text-transform:uppercase;}
/*********medea query 1180**************************************/



@media only screen and (max-width: 1126px) {

main{
	width:100%;
	float:left;
	padding:0 25px;
}
.logo img{
	width:150px;
}

.iconic{
	padding:5px;	
	margin:0 10px;
	width:30px;
	height:30px;
	font-size:16px;
	margin:1px;
}
.top-container{
	font-size:12px;
	text-align:left;
}
.inline{
	width:100%;
	float:left;
}

.profile-section{
	background-image: url(../images/dots.png);
	background-color:#F7F7F7;
	padding:50px 0;
	}
.profile-section:after{
	display:none;
}
.address-wrap, .form-wrap{
	width:100%;
}
.form-wrap{
	padding:30px;
}
.address-wrap{
	padding:0;
	margin:0 0 15px 0;
	}
.contact-section:after{
	display:none;
}

}
/***********************980px *************************************/

@media only screen and (max-width: 1024px) {



}


@media only screen and (max-width: 800px) {



}






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

.two-col, .three-col, .four-col, aside, summary {
     width:100%;
	 margin:0 0 25px 0;
     
}

.pad{
	padding:50px 0;
}
.para-pad, .pad-both{
	padding:0;
}

}


/***********************640 px *************************************/

@media only screen and (max-width: 640px) {

.logo{
	
	
	}


}




/***********************480 px *************************************/

@media only screen and (max-width: 480px) {


}


@media only screen and (max-width: 360px) {


}


@media only screen and (max-width: 320px) {


}