/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
*, *::before, *::after {
    box-sizing: border-box;
}
/* ===== Initializr Styles =============================================================================================== */

html { font-size: 62.5%; height:100% } 
body { font-size: 14px; font-size: 1.4rem; line-height:1.6; height:100%  } 
body, td{ font-family: 'Lato', sans-serif; }
a, a:visited{ text-decoration:none; color:#004488 }
a:hover{ color:#000 }
p, h1,h2,h3,h4{ margin-top:0}
p{ margin-bottom:15px}
.wrapper { margin: 0 auto;
    max-width: 100%; margin: 0 30px; }
img{ max-width:100%; height:auto}
/* ===================    =================== */

h1{ font-size:18px; font-size:1.8rem; font-weight:600 }
h2{ font-size:16px; font-size:1.6rem; font-weight:600 }
.title0{ font-size:16px;  font-size:1.6rem}
.title1{ font-size:16px;  font-size:1.6rem}
.title2{ font-size:16px;  font-size:1.6rem}
.title3{ font-size:16px;  font-size:1.6rem}

.thin{ font-weight:300 }
.bold{ font-weight:700 }
.sbold{ font-weight:600 }
.ecenter{ text-align:center }
/* ===================    =================== */
 .in-view .header{position:relative; box-sizing: border-box; width:100%; padding:0px 30px 1px; float: left; background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 130px;}

.testimonials--bubble{opacity: 1; position: relative;
    width: 100%;}
.header{
	left: 0;
    position:fixed;
    right: 0;
    top: 0px;
    z-index: 1000;
	background-color: rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid #e6e6e6;
	padding:0px 30px 1px;
	width: 100%;
	height: 120px;
	transition: background 200ms ease 0s;
	}
.in-view{ transition: transform 800ms ease-in-out 0s;}

/*.head{ display:block; }*/
.header .logo { margin: 0 auto;
    max-width: 100%; text-align:center}
.header .logo img{ 
	transition: opacity .2s linear; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear;
	backface-visibility: hidden;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
.header .logo img:hover{ opacity:0.5; filter:alpha(opacity=50); }
/*.home header{ position:relative }*/


/* ==============    MOBILE: Menu    ============== */
#main-menu-wr{ position:fixed; top:0; left:-360px; z-index:99999; background:#222; padding:0px 25px 15px 10px; bottom:0; overflow-y: auto; width:110px }
#main-menu { margin: 0; padding: 0; list-style-type: none; text-align:left }

#menu-show { float:left; padding:4% 0% 0; width:20%; text-align:left }
#menu-show:hover { opacity:0.8; filter:alpha(opacity=80); }
#menu-close{ display:block; text-align:right; border-bottom: 1px solid #505050; padding:5px 0px}
#main-menu a, #main-menu a:visited { letter-spacing: 0.1em; display: block; padding:5px 0; text-decoration: none; font-weight:500; color: #fff; border-bottom: 0px solid #505050; text-transform:uppercase  }
#main-menu ul a, #main-menu ul a:visited { color: #999; }
#main-menu li ul{ padding:0; margin:0px 0px  }
#main-menu > li:last-child a{ border-bottom:none}	
#main-menu a:hover { color: #777; }
/* ===================== Slider  ========================================================================== */
#slider { position:relative; min-height:250px; background:none;  }
#slider ul{ margin:0; padding:0; list-style-type:none }
#slider h3{ 
	position:absolute; width:100%; text-align:center; color:#fff; left:0; padding:0 10%; bottom:30%;
	text-shadow: 1px 2px 1px rgba(6,19,32, 0.7), -1px -1px 1px rgba(6,19,32, 0.2), 0px 0px 5px rgba(6,19,32, 0.7); letter-spacing:2px;
}
#slider li{ min-height:250px}
#slider .bx-wrapper .bx-viewport{ background:#f1f1f1; text-align:center}
#slider .bxslider li img{ margin:0 auto; display:none; width:100%}
#slider .slider1{ background:url(../img/slider/s1.jpg) no-repeat top left; background-size:cover }
/*#slider .slider2{ background:url(../img/slider-m/s2.jpg) no-repeat top left; background-size:cover }
#slider .slider3{ background:url(../img/slider-m/s3.jpg) no-repeat top left; background-size:cover }*/

.layout-image h1{ 
	position:absolute; width:100%; text-align:center; color:#fff; left:0; padding:0 10%; bottom:10%;
	text-shadow: 1px 2px 1px rgba(6,19,32, 0.7), -1px -1px 1px rgba(6,19,32, 0.2), 0px 0px 5px rgba(6,19,32, 0.7); letter-spacing:2px;
}
/* ===================================================================    ============== */
.top-info{ font-weight:600; color:#000; text-align:center; float:right; width:100%; padding:5px 0px }
.top-info img:hover{ opacity:0.6; filter:alpha(opacity=60); }
.top-info img:first-child{ margin-top:-3px  }
.top-info .separator1{ margin:0 8px 0 10px; margin-top:-1px  }
.top-info img.social3{ margin-top:-4px}
/* ========================================================================== Contact Us */
.contact-row__left, .contact-row__right {
    display: inline-block;
	width: 100%;
	float:left;
	padding:40px 15px 0px;
	text-align:center
}
.contact-form input[type=text]{ width:100%; padding:1%; border:solid 1px #aaa}
.contact-form select{ width:83%; padding:1%; border:solid 1px #aaa}
.contact-form input.capinput{ width:50px}
.contact-form input.captxt{ width:20px; border:0; text-align:center}
.contact-form textarea{ width:100%; padding:1%; border:solid 1px #aaa; height:100px}
.contact-form .form-row { clear:both; text-align: }
.contact-form .capimg{ opacity:0.8; filter:alpha(opacity=80);}
.contact-form .form-left { padding: 4px 1%; width: 100%;}
.contact-form .form-right { float: left; padding: 4px 1%; text-align:center; width: 100%; }
.contact-form .form-captcha1{ padding: 12px 1% 4px; white-space:nowrap; display:inline-block}
.contact-form .form-captcha2{ padding: 4px 1%; text-align: left; display:inline }	
.contact-form .required{ font-size:11px; font-size:1.1rem; color:#999}
.contact-form .form-message { 
	border:solid 1px #ccc; background-color:#f4f4f4; padding:5px 10px; display:block; clear:both; font-size:11px; font-size:1.1rem;
	margin-bottom:15px; color:#777; } 
.contact-form #form-error { display:inline-block; margin-top:4px  }
.contact-form #form-error p{ border:solid 1px #990000; background:#f4f4f4; padding:3px 6px; font-size:12px; font-size:1.2rem }
.contact-form #form-alarm{ display:inline-block  }
.contact-form #form-alarm span{ border:solid 1px #990000; background:#f4f4f4; padding:3px 6px; font-size:12px; font-size:1.2rem;  }
.button1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #777;
	-webkit-box-shadow:inset 0px 1px 0px 0px #777;
	box-shadow:inset 0px 1px 0px 0px #777;
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(top,  #444444 0%, #222222 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #444444 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #444444 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	border:1px solid #0a0a0a; display:inline-block; cursor:pointer; color:#ffffff; padding:20px 70px;
	text-decoration:none; text-shadow:0px 1px 0px #0a0a0a; margin-top:5px; width:auto;
}
.button1:hover { background: #000; }
/* ===================================================================    ============== */
.page{ display:block; overflow:hidden; padding-bottom:15px }

/*.list1{ list-style-type:none; margin:0px 0xp 30px }
.list1 li{ background:url(../img/arrow2.png) no-repeat 0px 10px; padding-left:17px }*/

#page-top-image{ position:relative; margin-bottom:35px; background:#e5e5e5 }
#page-top-image div{ position:absolute; top:15px; width:100%; text-align:center }
#page-top-image div h1{ color:#fff; background: rgba(0, 0, 0, .5); display:inline-block; padding:5px }
/* ===================================================================    ============== */

.box{ display:block; overflow:hidden; clear:both; margin:0px 0px; }
.box1{ padding: 100px;
    text-align: center; }

.box1 ul {
    display: block;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.box1 ul.list1 li {background: #909090 none repeat scroll 0 0;}
/*.box1 ul.list1 li:nth-child(1) {background: #000 none repeat scroll 0 0;}
.box1 ul.list1 li:nth-child(2) {background: #0834da none repeat scroll 0 0;}  
.box1 ul.list1 li:nth-child(3) {background: #019C03 none repeat scroll 0 0;}  
.box1 ul.list1 li:nth-child(4) {background: #da0808 none repeat scroll 0 0;}  
.box1 ul.list1 li:nth-child(5) { background: #dac908 none repeat scroll 0 0;}*/
.box1 ul li {
    border-radius: 50%;
    height: 180px;
    margin-bottom: 15px;
    width: 180px;
	display: inline-block;
    margin-right:1%;
    position: relative;
    vertical-align:middle;
}
.box1 ul.list1 li:hover { background:#222}
.box1 ul.list1 li:nth-child(5) {
    margin-right: 0;
}
.box1 ul.list1 li:nth-child(5) a{top:30%;}
.box1 a, .box1  a:visited {

	text-align:center;
	color:#fff;
	position:absolute;
	top:40%;
	bottom: 0;
    left: 0;
    padding: 0px 14px 10px;
    position: absolute;
    right: 0;
	font-size:2.2rem
}

.box2{ padding:40px 0px;
    text-align:left; }
	
.page-contact h4{ margin-bottom:0}

.full-width {
    left: calc(-50vw + 50%);
    position: relative;
    width: 100%;
	display: block;
}
.full-width__img {
    height: calc(100vh - 105px);
    object-fit: cover;
}
.lazyload {
    transition: opacity 0.2s ease-out 0s;
}
.full-width__img {
    height: auto;
    width: 100%;
}
.layout-double {
    display: flex;
    flex-flow: row wrap;
}
.layout-double__item {
    display: inline-block;
    width: 50%;
}
.layout-double__item--text {
    padding: 30px;
    position: relative;
	text-align:center
}
.layout-double__center {
    left: 30%;
    position:absolute;
    top: 35%;
    transform: translate(-30%, -30%);
}
.layout-double__center .title {
    font-size: 2.2rem;
    line-height: 25px;
    margin-bottom: 10px;
}
.layout-text__content {
    margin: 0 auto;
    max-width: 600px;
	text-align:center
}
.layout-text__content p{ text-align:justify}
.layout-double__center img {
    margin: 20px 0px;
    width: 70%;
}
.button-plus {
    border-bottom: 1px solid #7d7d7d;
    color: #7d7d7d;
    font-size: 0.785714em;
    letter-spacing: 0.2em;
    padding-bottom: 2px;
    text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
	width:100%;
	text-align:center
}
.service-row__left, .service-row__right {
    display: inline-block;
	width: 50%;
	float:left;
	padding:40px 15px;
	text-align:justify
}
.service-row__left .title, .service-row__right .title {
    font-size: 2rem;
    line-height: 25px;
    margin-bottom: 10px;
}
/* ===================    =================== */

.footer{ text-align:center; border-top:0px solid #125597; padding:30px 0px; overflow:hidden; position: relative;
    text-align: center; background:#000000; color:#fff;  }
.footer a, .footer a:visited{ color:#fff; }
.footer a:hover{ color:#333; }
/*.footer div{ float:left; display:inline-table}*/
.footer .foot-menu1{
    left: 30px;
    max-width: 20%;
    position: absolute;
    top: 50px; }
.footer .foot-menu{ float:left;
display: inline-block;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle; text-transform:uppercase }
.footer .contact {
    position: absolute;
    right: 30px;
    top:40px;
	color:#fff;
	font-size:18px
}
.signature { clear: both; display: block; overflow: hidden; padding: 20px 0; text-align: center; width:100% }

/* ===================================   Media Queries   ========================================================================== */

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

	.title0{ font-size:20px;  font-size:2rem}
	.title1{ font-size:30px;  font-size:3rem}
	.title2{ font-size:25px;  font-size:2.5rem}
	.title3{ font-size:20px;  font-size:2rem}
	
	.top-info{ width:auto; padding:15px 0px 0px }
}

@media only screen and (min-width: 768px) {
	/*.home .head{ position:absolute; z-index:999; width:100%}
    .head .logo { float: left; width:15%; padding:0; text-align:left }
	.head .logo { padding-top:5px; width:20%; text-align:left }
 ===============================================================================================   
	#main-menu-wr{ position:relative; background:none; padding:0; left:auto; overflow-y:unset; display:block; overflow:visible; height:0px; width:25%  } */
	#main-menu-wr{width:300px }
    /*#main-menu li a{ white-space:nowrap; margin: 0; padding: 10px 0px 5px 10px; margin-bottom: 0; text-align:right; background:url(../img/separator.png) no-repeat right 39px; }
    #main-menu li:last-child a { background:none;  }
    #main-menu ul li { display: block; background:#fff; border-bottom:solid 1px #ccc }
	#main-menu ul li a, #main-menu ul li a:visited{ padding:5px 20px; text-align:left; color:#555; font-weight:normal; display:block  }
	#main-menu ul li a:hover{ color:#111;  }
	#main-menu ul { position:absolute; left:0; top:30px; z-index:100; margin:0; padding:0; display:none; list-style-type:none }
	#main-menu li:hover ul{ display:block; }
	#main-menu { text-align:right }
	#main-menu li { display:inline-block; position:relative }
	#main-menu a, #main-menu a:visited { 
	display: block; margin-bottom: 10px; padding: 15px 0; text-align: center; text-decoration: none; font-weight:600; color: #333; border:none
	}
	#main-menu a:hover { color: #777; }
	#main-menu { float: right; width: 80%; display:block; }*/
	/*#menu-show, #menu-close{ display:none  }*/ 
/* =============================================================================================== */
	.contact-form .form-left{ float:left;}	
	.contact-form .form-right{ float:left;}
	.contact-form .form-captcha1{ float:left; width:18%; padding: 4px 1%;}
	.contact-form .form-captcha2{ float:left; width:50%}		
/* =============================================================================================== */	
	.col70{ width:70% }
	.col58{ width:58% }
	.col50{ width:50% }
	.col48{ width:48%}
	.col38{ width:38%}
	.col28{ width:28%}
	.col-l{ float:left}
	.col-r{ float:right}	
/* =============================================================================================== */	
	/*.wrapper { max-width: 766px; margin:0 auto }*/
	.title0{ font-size:30px;  font-size:3rem; letter-spacing: 0.025em;
    font-weight:bold;
    line-height: 1.5;} 
	h1{ font-size:18px; font-size:2.8rem }
	h2{ font-size:22px; font-size:2.2rem }
	
	#page-top-image div h1{ padding:10px 30px }

	#slider .bxslider li img{ display:block}
	#slider .slider1, #slider .slider2, #slider .slider3{ background:none }
			
	.footer .sep7{ display:inline-block; margin:0 10px; color:#fff }
	.signature { padding: 20px 0; padding-left:10%; padding-right:10%;}
	.top-info{ text-align:right; width:30%; float:right;  padding:0px }
	.page{ padding-bottom:30px }
}

@media only screen and (min-width: 1000px) {
	/*.wrapper { max-width: 980px; width: 990px; }*/
	.top-info{ padding-top:4%;}
	
	#main-menu li a{ padding: 30px 11px 5px 7px; }
	#main-menu ul { top:54px; }	
	#main-img1-wr{ display:block; background:red; min-width:10px }
	#main-menu { float: left; width: 90%; }
	
	.top-info{ width:23%}
}


@media only screen and (min-width: 1300px) {
	body { font-size: 15px; font-size: 1.5rem; line-height:1.6; }
	/*.wrapper { width: 100%; margin:0 auto; } 
	.wrapper { max-width: 1200px; margin: 0 auto; }*/
	#main-menu ul { top:60px; }
	#main-menu a { font:15px; font-size: 1.5rem; }
	.top-info { font:15px; font-size: 1.5rem; }
	#page-top-image{ min-height:200px}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="#"]:after,
    a[href^="javascript:"]:after { content: "";    }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}