@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300, 400,700|Roboto:400,700');

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;width:100%;height:100%;}
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgb(52,158,219);}
body{position:relative; background:#ffffff;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
ol,ul{list-style:none;}

blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a:focus{outline:0px;}
a:hover,a:active{outline:0;text-decoration:none;}
a img{border:0;}
input[type="submit"],input[type="button"]{-webkit-appearance: none; -moz-appearance: none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}


/*--------------------------------------------------------------
2.0 Base Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Typography
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{font-family: 'Josefin Sans', sans-serif;}
p{margin-bottom:20px;}
/*--------------------------------------------------------------
2.2 Elements
--------------------------------------------------------------*/
ul,ol{margin:0px;}
li > ul,li > ol{margin:0px;}
dd{margin:0px;}
img{ max-width:100%;border:0px;line-height:0px;}
figure{margin:0;}

/*--------------------------------------------------------------
2.3 Forms
--------------------------------------------------------------*/
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
input[type="checkbox"],input[type="radio"]{padding:0;}
input[type="search"]{
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing:    content-box;
    box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
    width: 100%;
}
/*--------------------------------------------------------------
2.4 Links
--------------------------------------------------------------*/
a {
	color:#333;
    text-decoration: none;	
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover{ text-decoration:underline;}
/*--------------------------------------------------------------
2.5 Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.6 Alignments
--------------------------------------------------------------*/
.float_left{display:inline;float:left;}
.float_right{display:inline;float:right;}
.center{clear:both;display:block;margin: 0 auto;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.textjustify{text-align:justify;}
.positionrelative{ position:relative;}
/*--------------------------------------------------------------
2.7 Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after{content:'';display:table;}
.clear:after, .clear{clear:both;}
/*--------------------------------------------------------------
2.8 Base page
--------------------------------------------------------------*/

.overlay{ position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:3;}
.LoadingIcon{border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;border-left:2px solid #767676;border-radius:25px;width:25px;height:25px;margin:0 auto;position:fixed;left:50%;margin-left:-20px;top:50%;margin-top:-20px;z-index:4;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

ul{list-style:none;}
ol{list-style:decimal;}
dt{font-weight:bold;}

body,button,input,select,textarea{color:#37474f; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; letter-spacing:.5px;}
.center{max-width:1200px; width:90%}

h1{font-size:40px; font-weight:300;}
h2{font-size:25px; margin-bottom:25px; }
h3{font-size:21px; margin-bottom:25px;}
h4{/*font-size:22px;*/}
h5{/*font-size:20px;*/}
h6{/*font-size:16px;*/}

b,strong{font-weight:700;}



.loading{}
a{/*color:#000;*/}
a:hover,a:focus,a:active{/*border-color:#333;*/}
button,input[type="button"],input[type="reset"],input[type="submit"]{ border:1px solid #707070; background:#fff;color:#666666;cursor:pointer;font-size:14px; font-weight:400; line-height:35px;padding:0 25px; text-transform:uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin:0 10px 0 0;} 
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover, input[type="button"].black{ background:#5f5046; color:#f79e5d;	}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{/* background:#667272;outline:none; */}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea{padding:5px 15px; border:1px solid #999999; height:39px; line-height:39px;:#666666;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus,input[type="text"]:hover,input[type="email"]:hover,input[type="url"]:hover,input[type="password"]:hover,input[type="search"]:hover,textarea:hover{ outline:none;}


/* Custom Style */

/*--------------------------------------------------------------
9.0 - Developer Style Sheet
--------------------------------------------------------------*/
body{ padding-top:88px;}

header.Home{ background:url(../Images/bannerImage.jpg) center top no-repeat; background-size:cover; height:750px; background-attachment:fixed; }
header.innerPages{ background:url(../Images/bannerImage.jpg) center top no-repeat; background-size:cover; height:190px; background-attachment:fixed; overflow:hidden;}

.navigation{}
.topNavWidths{height:88px; position:fixed; width:100%; left:0px; top:0px; z-index:9; background:#607d8b;}
.logo{ padding:9px 0; }
.main_menu{ margin:30px 0 0; }
.main_menu li{ float:left; }
.main_menu li:last-child a{ margin-right:0; }
.main_menu li a{ display:block; margin:0 30px 0 0; font-family: 'Josefin Sans', sans-serif; font-size:18px; color:#fff; font-weight:700; text-decoration:none; display: inline-block; position: relative;}
.main_menu li a:after { content: ''; display: block; margin: auto; height: 3px; width: 0px;	margin-top:6px;	background: transparent; transition: width .3s ease-out, background-color .3s ease-out;}
.main_menu li a:hover:after, .main_menu li a.active:after { width: 40%; background: #ff9800;}



.BannerHome{ float:left; width:100%;}
.BannerHome .left{ float:left; width:49%; margin:130px 0 0;}
header.innerPages .BannerHome .left{ margin-top:60px;}
.BannerHome .left h1{ color:#fff; line-height:60px; margin:0 0 100px;}
.BannerHome .right{ float:left; width:51%; padding:90px 50px 0; text-align:right;}

.content .row{ padding:90px 0; border-bottom:1px solid #eceff1; float:left; width:100%;}
.section1 .left{ float:left; width:45%; padding:0 0 0 25px; text-align:center;}
#owl-demo .item{ margin:0 25px; padding:15px 0px;}
#owl-demo .item img{ display: block;  width: 100%; height: auto; box-shadow:0 0 10px rgba(0, 0, 0, .15);}
.owl-controls{ margin:30px 0 0 0px; }
.owl-dots .owl-dot{ width:10px; height:10px; border-radius:50%; border:1px solid #718b97; margin:0 7px; display:inline-block;  } 
.owl-dots .owl-dot.active{ background:#ff9800; border-color:#ff9800;}
.owl-nav { margin:0 auto; width:90%; top:-10px; position:relative;}
.owl-nav div{ position:absolute;} 
.owl-prev{ left:0px;}
.owl-next{ right:0px;}

.section1 .right{ width:51%; padding:20px 50px 0; float:left;} 
.heading{ margin-bottom:20px; }
.heading h2{ font-size:40px; color:#263238; margin:0 0 22px; }
.heading h2:after { content: ''; display: block; margin:0; height: 3px; margin-top:20px; width: 70px; background: #ff9800;}
.heading span{ line-height:24px;}
.heading.textcenter h2:after {margin:auto; margin-top:20px; }

.section1 .right ul{ }
.section1 .right ul li{display: block;
    line-height: 2;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;}
.section1 .right li::after{ float:left; margin:13px 13px 0 0;}

.section2 .left{ float:left; width:35%; padding:65px 0 0 0;}
.section2 .right{ float:right; width:49%; padding:0;}
.section2 .right img{ display:inline-block; vertical-align:middle; margin:0 20px 20px;}

.section3{ background:#eceff1;}
.section3 .left{ float:left; width:35%; padding:18px 0 0;}
.section3 .right{ float:right; width:55%; padding:0;}
.section3 .right .box{ float:left; width:45%; margin-bottom:30px; padding:0 20px;}

.section3 .right .box img{ float:left; margin:0 20px 30px 0; width:60px;}
.section3 .right .box h3{ font-size:16px; font-weight:700; color:#f7941e; text-transform:uppercase; margin:0 0 20px 0;}
.section3 .right .box p{ line-height:24px; padding-left:80px;}

.section4 .videoImg{ margin:40px 0 0;padding-bottom: 44%; position:relative;}
.section4 .videoImg iframe{ position:absolute; width:100%; height:100%; left:0px; top:0px;}

.section5 .BlogPost{ margin:40px 0 0; }
.section5 .BlogPost .Box{ width:47%; float:left; padding:40px; border:1px solid #b0bec5; }
.section5 .BlogPost .Box:last-child{ float:right;}
.section5 .BlogPost .Box h4{ font-size:20px; color:#161616; font-weight:400; margin:0 0 15px; }
.section5 .BlogPost .Box p{ line-height:24px; margin:0 0 30px;}
.section5 .BlogPost .Box .rating{ margin:0 0 25px; }
.section5 .BlogPost .Box .rating a{ color:#ff9800; }
.section5 .BlogPost .Box .Info{ font-size:16px; line-height:24px; display:block; margin-bottom:30px; }
.section5 .BlogPost .Box .Info em{ color:#ff9800; font-style:normal; }
.readMore{ border:1px solid #b0bec5; border-radius:3px; line-height:44px; padding:0 20px; color:#263238; font-family: 'Josefin Sans', sans-serif; font-weight:400; font-size:16px; display:inline-block; text-decoration:none;}
.readMore i{ margin:0 0 0 15px; font-size:16px;}
.readMore:hover{ background:#ff9800; border-color:#ff9800; color:#fff; text-decoration:none; }

.section6 .FAQ{ padding:0 130px; }
.section6 .left{ width:50%; float:left; padding-right:15px;}
.section6 .left .faqImageonClick{background-position:top center; background-repeat:no-repeat;background-color:#ffffff;}
.section6 .left .faqImageonClick.faqBgcolors{background-color:#f2f2f2;background-position:center center;}
.section6 .left .faqImageonClick{}
.section6 .right{ width:50%; float:left; padding-left:15px;}
.accordion-section-content { display: none; padding:15px; border-bottom:1px solid #b0bec5;}
.accordion-section-title{ font-size:14px; color:#2c2c2c; text-transform:uppercase; padding:15px 20px 15px 0px; display:block; border-bottom:1px solid #b0bec5; text-decoration:none !important; position:relative;}
.accordion-section-content p{ margin:0; line-height:24px; }


footer .part1{ background:#b0bec5; padding:55px 0; text-align:center;}
footer .part1 a{ color:rgba(0, 0, 0, .70); font-size:16px; text-decoration:none; }
footer .part1 span{ margin:0 50px; }
footer .part2{ background:#607d8b; text-align:center; padding:50px 0; color:rgba(204, 204, 204, .70);}
footer .part2 p{ margin:0;}
footer .part2 p span{ color:rgba(255, 255, 255, .70);}


.contentPage{word-wrap: break-word;}
.contentPage *{word-wrap: break-word;}
.contentPage ul{ margin-left:15px;}
.contentPage ul li{ position:relative; padding-left:17px; margin-bottom:15px;}
.contentPage ul li:before{position:absolute; left:0px; top:0px; width:7px; height:7px; content:''; background-color:#333333; top:6px;border-radius:100px;}
.contentPage a{ text-decoration:underline;}
.underline-txts{ text-decoration:underline;}
/*--------------------------------------------------------------
How it works - home
--------------------------------------------------------------*/
.row.home-hiw {
    border-bottom: 0;
}
.home-hiw .hiw-container {
    display:flex;
    flex-wrap:wrap;
}
.home-hiw .hiw-container.row {
    border-bottom: 0;
}
.row .col-3 {
    width:25%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.home-hiw .hiw-container .hiw-box {
    width: 25%; /* VL */
	padding: 25px 15px;
    position: relative;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
	box-sizing: border-box; /* VL */
    text-align:center;
    overflow:hidden;
}
.home-hiw .hiw-container .hiw-box:before, 
.home-hiw .hiw-container .hiw-box:after{
    content:'';
    background:#f7941e;
    position:absolute;
    width:0%;
    height:2px;
    display:block;
    transition:all .5s ease;
}
.home-hiw .hiw-container .hiw-box:before {
    top:0;
    left:0;
}
.home-hiw .hiw-container .hiw-box:after {
    bottom:0;
    right:0;
}
.home-hiw .hiw-container .hiw-box:hover:before, 
.home-hiw .hiw-container .hiw-box:hover:after {
    width:20%;
}
.home-hiw .hiw-container .hiw-box .box-icon {
    font-size:60px;
    color:#f7941e;
    margin-bottom:10px;
	max-height: 150px; /* VL */
    overflow: hidden; /* VL */
	display: flex; /* VL */
    justify-content: center; /* VL */
    align-items: center; /* VL */
	
}

.home-hiw .hiw-container .hiw-box .box-icon img { /* VL */
    max-height: 100%; /* VL */
    max-width: 100%; /* VL */
    width: auto; /* VL */
    height: auto; /* VL */
    object-fit: contain; /* VL */
	display: block; /* VL */
}

.home-hiw .hiw-container .hiw-box .box-content p {
    line-height:22px
}
@media (max-width:1080px) {
    .home-hiw .hiw-container.row .col-3 {
        width:50% !important;
        margin-bottom:40px;
    }
	

    }
    @media (max-width:767px) {
    .home-hiw .hiw-container.row .col-3 {
        width:100% !important;
        margin-bottom:40px;
    }
	
}