html {
	 font-size: 62.5%;
}

body {
	font-family: 'AdelleSemiBold', Arial,Verdana,sans-serif;
	font-size: 1.6rem;
}

.row-separator {
	margin: 30px 0;
}

.flag-origin {
	display: block;
	text-align: center;
	margin: 5px auto;
	font-size: 1.2rem;
}


/*Header styling*/
.main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 400;
	background-color: rgba(4,14,22,.3);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding:25px 0 10px;
}

.main-header-wrapper {
	margin-top:0px;
	background-image: url("../gfx/main-bck.jpg");
}

.logo-wrapper {
	display: table;
	height: 50px;
}

.logo-wrapper .logo-link {
	display: table-cell;
	vertical-align: middle;
	outline: none !important;
}

.textwidget {
	overflow: hidden;
}

.logo-right-wrapper {
	padding-left: 30px;
}

.logo-right-wrapper a {
	display: block;
}

.contact-wrapper {
	display: table;
	height: 50px;
}

.contact-wrapper li {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 25px;
}

.contact-wrapper li:last-child {
	padding: 0px;
}

.contact-wrapper li.email-link {
	position: relative;
	border-right: 1px solid #fff;
}

.contact-wrapper li.phone-numbers {
	padding: 0 15px;
}



.contact-wrapper li.email-link a,
.contact-wrapper li.phone-numbers a
 {
	font-size: 2rem;
	display: block;
	color: #fff;
}

.contact-wrapper li.email-link a:hover,
.contact-wrapper li.email-link a:focus,
.contact-wrapper li.phone-numbers a:hover,
.contact-wrapper li.phone-numbers a:focus
 {
	color: #fff;
}  

.contact-wrapper li.phone-numbers a {
	font-size: 1.6rem;
	margin-bottom: 5px;
	outline: none;
}

.contact-wrapper li.phone-numbers a:last-child {
	margin-bottom:0;
}

/*HEADER CONTENT*/
.main-header-content {
	max-width:500px;
	position: relative;
	color: #fff;
	z-index: 300;
}

.main-header-content h1 {
	font-size: 4.5rem;
	margin-bottom: 20px;
	line-height: 1.33333;
	font-size: 3.8rem;
	opacity: 0;
}

.main-header-content h1.show-header {
	position: relative;
	-webkit-animation: fade 2s ease;
    -webkit-animation-fill-mode:both;
    -moz-animation: fade 2s ease;
    -moz-animation-fill-mode:both;
    animation: fade 2s ease;
    animation-fill-mode:both;
}



.main-header-content h1 span {
	text-transform: uppercase;
}

.phone-tetails {
	margin: 30px 0 0 0;
	color: #fff;
	font-size: 1.8rem;
	opacity: 0;
}

.phone-tetails.show-details {
	position: relative;
	-webkit-animation:ghost 1s 2s ease;
    -webkit-animation-fill-mode:both;
    -moz-animation:ghost 1s 2s ease;
    -moz-animation-fill-mode:both;
    animation:ghost 1s 2s ease;
    animation-fill-mode:both;
}

.phone-tetails p {
	margin-bottom: 10px;
}

.phone-tetails a {
	display: inline-block;
	color: inherit;
	font-family: 'AdelleSemiBold';
}

.phone-tetails a:hover,
.phone-tetails a:focus {
	color: inherit;
}

/*SERVICES SECTION*/
#services {
	background-color: #e1e9ef;
}

.service-boxes {
	margin-bottom: 30px;
}


.service-boxes p {
	color: #1b282f;
	font-size: 1.6rem;
	line-height: 1.4;
	padding-left: 15px;
	margin-top: 5px;
}

.service-boxes span {
	border-radius: 50%;
	border: 3px solid #1b282f;
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 50px;
	font-size: 3rem;
	display: block;

}

/*QUALITY*/
#quality .dark-btn {
    margin-top: 30px;
    margin-bottom: 30px;
}

#quality  figure img {
	margin: 0 auto 30px auto;
}

.quality-wrapper.section {
	padding-bottom: 0;
}

#quality .quality-images-container {
	float: left;
	width: 50%;
	margin: 0;
	overflow: hidden;
}

#quality .quality-images-container img {
	margin: 0;
	width: 100%;
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;

	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
}

#quality .quality-images-container img:hover {
	transform:scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
}

.coverage-wrapper {
	background-image: url("../gfx/map-bck.jpg");
}

.risk-wrapper {
	background-image: url("../gfx/fire-bck.jpg");
}

.full-width-bck {
	background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	padding: 4% 0 4% 0;
	overflow: hidden;
	position: relative;
	background-position: 100% 50%;
    background-repeat: no-repeat;
}

.parallax {
	background-attachment: fixed;
}

.section-content {
	max-width: 480px;
	position: relative;
	overflow: hidden;
	color: #fff;
}


.section-content p {
	font-size: 1.8rem;
	line-height: 1.6;
	margin-bottom: 30px;
}

.section-content  .paragraph {
	margin-bottom: 30px;
}

.section-content p:last-child {
	margin-bottom: 0;
}

.section-content  p span {
	color:#71818f;
	font-size: 2rem;
	margin-bottom: 30px;
}


/*PARTNERS*/
.logo-rotator .item img {
	margin: 0 auto;
}

.logo-rotator .owl-controls .owl-buttons .carousel-btn {
	position: absolute;
	text-indent: -9999em;
	display: block;
	padding: 0;
	margin: 0;
	width: 14px;
	height: 24px;
	opacity: 1;
	background: no-repeat;
	border-radius: none;
	top: 60px;
}

.logo-rotator .owl-controls .owl-buttons .carousel-btn.owl-prev {
	left: -10px;
	background: url("../gfx/prev-arrow.svg") no-repeat;
}

.logo-rotator .owl-controls .owl-buttons .carousel-btn.owl-next {
	background: url("../gfx/next-arrow.svg") no-repeat;
	right: -10px;
}

/*MAIN FOOTER*/
#main-footer {
	background-color: #09191f;
	color: #fff;
}

#main-footer p {
	font-size: 1.4rem;
	margin: 20px 0;
}

#main-footer a {
	display: block;
}

/*NAVIGATION*/
aside.panel-menu {
	height:50%;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	border-radius:0;
	box-shadow:none;
	position:fixed;
	right:0;
	width:55px;
	z-index:999999;
	}
	

aside.panel-menu .bullets {
	left:0;
	position:absolute;
	list-style-type:none;
	width:100%;
	margin-top:-25%;
	padding:0;
	
	top:50%;
	}

aside.panel-menu .bullets li {
	margin: 0 0 25px;
	text-align:center;
	} 
	
.bullets a {
    border: 2px solid #970700;
    border-radius: 50%;
    color: #970700;
    display: block;
    height: 16px;
    margin: 0 auto;
    outline: medium none;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
    width: 16px;
	
}

.bullets li.current a,
.bullets li:hover a
 {
	 border: 2px solid #970700;
	 background:#970700;
	 
	}

.bullets li.current a::before {
    border: 2px solid #970700;
    border-radius:50%;
    content: "";
    height: 32px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 32px;
	
	
}

/*MEDIA QUERIES*/
@media only screen and (max-width: 1200px) {
	
}


@media only screen and (max-width: 992px) {
	.main-header-content h1 {
		font-size: 2.3rem;
	}
}


@media only screen and (max-width: 768px) {
	
	.main-header {
		position: relative;
		background-color: rgba(4,14,22,1);
	}

	.main-header .pull-left,
	.main-header .pull-right,
	#main-footer .pull-left,
	#main-footer .pull-right,

	.section-content.pull-left,
	.section-content.pull-right {
		width: 100%;
		float: none !important;
	}

	.logo-wrapper,
	.logo-wrapper .logo-link,
	.contact-wrapper
	 {
		display: block;
		text-align: center;
		margin: 0 auto 20px auto;
		height: auto;
	}

	.logo-wrapper .logo-link {
		margin:0;
	}

	.logo-wrapper .logo-link img {
		margin: 0 auto;
	}

	.contact-wrapper,
	.contact-wrapper li:last-child
	 {
		margin-bottom: 0; 
	}
	
	.contact-wrapper li {
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}

	.contact-wrapper li.email-link {
		border-right: none;
	}

	.contact-wrapper li.phone-numbers a {
		margin-bottom: 15px;
	}

	.logo-right-wrapper a {
		margin: 20px auto;
	}

	.logo-right-wrapper a img {
		margin: 0 auto;
	}

	.cover-bck,
	.parallax {
		background-attachment: scroll;
	}


    .full-width-bck {
    	padding: 6% 0;
    }

    .main-header-content,
	.section-content
     {
    	width: 90%;
    	text-align: center;
    	margin-left: auto;
    	margin-right: auto;
    }

    #main-footer {
    	text-align: center;
    }

     #main-footer p {
     	font-size: 1.2rem
     }

      #main-footer a img{
      	margin: 0 auto;
      }

}

@media only screen and (max-width: 640px) {
	.main-header-content h1,
	.dark-header, 
	.section-header-light, 
	.section-mid-header {
		font-size: 1.6rem;
	}
}

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


    .phone-tetails {

    	font-size: 1.5rem;
    	margin: 15px 0 0;

    } 


	#quality .quality-images-container {
		width: 100%;
	}

	.call-btn,
	.phone-tetails a
	 {
		display: block;
		margin: 10px auto;
		
	}

	.call-btn {
		font-size: 1.2rem;
	}

	.promise-container p {
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 480px) {
	.cover-bck {
		background-size: 100% 100%;
	}
}




