﻿body{margin:0;overflow-x:hidden}header{background:#f2f2f2;padding:2% 0}.logo{width:100%;float:left;padding:0 0 0 1%}.banner{width:100%;float:left;margin:6% 0 2%;display:block}.banner img{margin:0 auto}.caption{width:100%;float:left;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;text-align:center;color:#000}.caption h1{margin:1% 0;font-size:30px;text-transform:uppercase;font-weight:normal;font-style:normal;font-variant:normal}.caption h2{margin:0;font-size:20px;font-weight:normal}.modal-header{border:medium none !important}.odoo-modal-body{padding:15px 40px !important}.odoo-modal-body h1{color:#000;font-family:"Open Sans" ,sans-serif;font-size:25px;font-weight:normal;text-transform:capitalize}.sender-details{color:#000 !important;height:40px !important;margin:4% 0;text-align:left !important}.modal-footer{border:medium none !important;margin:0 auto;padding:0 15px 45px !important;text-align:center !important}.sender-submit{font-family:"Open Sans" ,sans-serif;font-size:18px !important;font-weight:bold !important;padding:10px 45px !important}.products-wrap{min-height:690px !important;background:#fafbfb}.contents{padding:4% 0}.products-wrap{padding:5% !important;text-align:center;font-family:'Raleway' , sans-serif}.products-wrap img{margin:0 auto}.products-wrap h1{margin:0;font-size:45px;font-weight:300;color:#565656}.products-wrap p{min-height:100px;margin:8% 11% 5%;font-size:16px;font-weight:400;color:#707070;line-height:1.5em}.learnMore{padding:3% 10% !important;font-size:20px !important;color:#fff !important;font-weight:400;border:none !important;border-radius:0 !important;background:#74949a !important}.enquiry{padding:4% 0;font-family:'Raleway' , sans-serif;color:#fff;text-align:center;background:#2e707c}.enquiry h2{margin:0;font-weight:400}.enquiry p{margin:2% 22%;font-weight:400;font-size:15px;line-height:1.9em}.btn-enquiry{padding:0.5% 6% !important;font-size:23px !important;color:#fff !important;background:#04bdae !important;border:0 !important}.footer-menu{display:inline-block;text-align:center}.footer-menu{margin:0 14%;padding:3% 0;text-align:center}.footer-menu li{display:inline-block;padding:0 1%}.footer-menu li:before{float:left;content:"• ";color:#ced2db;font-size:23px}.footer-menu li a{float:left;margin:6px 8px;font-family:'Raleway' , sans-serif;color:#696d77;font-size:13px;font-weight:normal}.copyright{font-family:'Raleway' , sans-serif;text-align:center;color:#b0b4be;font-size:12px}.Oops{padding:13% 0}.Oops h1{margin:1% 0;font-size:150px;text-transform:uppercase;font-weight:bold;font-style:normal;font-variant:normal;text-align:center}.Oops h4{margin:1% 0;font-size:40px;text-transform:uppercase;font-weight:bold;font-style:normal;font-variant:normal;text-align:center;color:#ccc}@media (min-width:768px){header{min-height:630px}.col-md-6{width:48% !important;margin:1%}}@media (min-width:1024px){.products-wrap img{width:399px;height:316px}.banner img{width:786px;height:344px}.logo img{width:168px;height:21px}}@media (min-width:1200px){.container{width:1224px !important}}@media (max-width:992px){.caption h1{line-height:1.6em}.caption h2{margin:4% 0}}@media (max-width:768px){.products-wrap{margin:1% 0 !important}}@media (max-width:480px){.products-wrap{min-height:auto !important}}
/*************ad************/
#css-only-modals {
	position: fixed;
	pointer-events: none;
	left: 7px;
	bottom: 11px;
	z-index: 10000000;
	white-space: nowrap;
}
.css-only-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

#css-only-modals:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.css-only-modal-check {
	pointer-events: auto;
}

.css-only-modal-check:checked ~ .css-only-modal {
	opacity: 1;
	pointer-events: auto;
}

.css-only-modal {
	width: 300px;
	background: #FFF;
	z-index: 1;
	display: inline-block;
	position: relative;
	pointer-events: auto;
	padding: 25px 11px 19px;
	text-align: right;
	border-radius: 4px;
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	pointer-events: none;
	bottom: 0;
	box-shadow: 0px 2px 5px 1px #0000003d;
}

.css-only-modal h2 {
	text-align: left;
	font-size: 16px;
}

.css-only-modal p {
	text-align: left;
	font-size: 11px;
    margin-bottom: 0;
}

.css-only-modal-close {
    position: absolute;
    top: 5px;
    right: 10px;
}

.css-only-modal-check {
	display: none;
}

.css-only-modal-check:checked ~ #screen-shade {
	pointer-events: auto;
}

#screen-shade {
}

.stripe > .container > p,
.stripe > .container > ul {
	text-align: left;
	padding: 35px;
	margin: 0;
}

.stripe > .container > hr {
	margin: 50px 0;
}

#nav-spacer {
	display: block;
	height: 50px;
}

.stripe {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.default {
	color: White;
	background: DarkCyan;
}

.inverse {
	color: DarkCyan;
	background: White;
}

.grey {
	color: White;
	background: DimGrey;
}

.grey-light {
	color: DimGrey;
	background: White;
}

.color {
	color: DarkOrange;
}
.css-only-modal img {
    width: 103px;
    margin-right: 14px;
    margin-left: -11px;
}
.css-only-inner a.botmlink {
    font-size: 10px;
    color: #01dfb1;
    float: left;
    margin-top: 8px;
}
.css-only-inner a.botmlink:hover {
    color: #2196F3;
    text-decoration: none;
}
.css-only-inner a:hover {
    text-decoration: none;
}
.css-only-modal h2 {
    text-align: left;
    font-size: 16px;
    color: #000;
}
@media only screen and (max-width:767px)
{
    div#css-only-modals {
    display: none;
}
}
/*************ad************/