@font-face {
	font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.eot');
	src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Regular.woff') format('woff'),
		url('fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat-LightItalic';
	src: url('fonts/Montserrat-LightItalic.eot');
	src: url('fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-LightItalic.woff') format('woff'),
		url('fonts/Montserrat-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat-MediumItalic';
	src: url('fonts/Montserrat-MediumItalic.eot');
	src: url('fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-MediumItalic.woff') format('woff'),
		url('fonts/Montserrat-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat-BlackItalic';
	src: url('fonts/Montserrat-BlackItalic.eot');
	src: url('fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-BlackItalic.woff') format('woff'),
		url('fonts/Montserrat-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('fonts/Montserrat-Light.eot');
	src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Light.woff') format('woff'),
		url('fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Medium';
	src: url('fonts/Montserrat-Medium.eot');
	src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Medium.woff') format('woff'),
		url('fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('fonts/Montserrat-Bold.eot');
	src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Bold.woff') format('woff'),
		url('fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-BoldItalic';
	src: url('fonts/Montserrat-BoldItalic.eot');
	src: url('fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-BoldItalic.woff') format('woff'),
		url('fonts/Montserrat-BoldItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.eot');
	src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Regular.woff') format('woff'),
		url('fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-SemiBold';
	src: url('fonts/Montserrat-SemiBold.eot');
	src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-SemiBold.woff') format('woff'),
		url('fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Black';
	src: url('fonts/Montserrat-Black.eot');
	src: url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Black.woff') format('woff'),
		url('fonts/Montserrat-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Italic';
	src: url('fonts/Montserrat-Italic.eot');
	src: url('fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Montserrat-Italic.woff') format('woff'),
		url('fonts/Montserrat-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}


 @font-face { font-family: 'OpenSans Regular';
  src: url(fonts/OpenSans-Regular.ttf); 
}

@font-face {
    font-family: 'OpenSans Regular';
    src: url(fonts/OpenSans-Regular.eot);
}

@font-face {
	font-family: 'Mulish-Regular';
	src: url('fonts/Mulish-Regular.eot');
	src: url('fonts/Mulish-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Mulish-Regular.woff2') format('woff2'),
		url('fonts/Mulish-Regular.woff') format('woff'),
		url('fonts/Mulish-Regular.ttf') format('truetype'),
		url('fonts/Mulish-Regular.svg#Mulish-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Mulish-Italic';
	src: url('fonts/Mulish-Italic.eot');
	src: url('fonts/Mulish-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Mulish-Italic.woff2') format('woff2'),
		url('fonts/Mulish-Italic.woff') format('woff'),
		url('fonts/Mulish-Italic.ttf') format('truetype'),
		url('fonts/Mulish-Italic.svg#Mulish-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Mulish-Bold';
	src: url('fonts/Mulish-Bold.eot');
	src: url('fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Mulish-Bold.woff2') format('woff2'),
		url('fonts/Mulish-Bold.woff') format('woff'),
		url('fonts/Mulish-Bold.ttf') format('truetype'),
		url('fonts/Mulish-Bold.svg#Mulish-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Mulish-BoldItalic';
	src: url('fonts/Mulish-BoldItalic.eot');
	src: url('fonts/Mulish-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Mulish-BoldItalic.woff2') format('woff2'),
		url('fonts/Mulish-BoldItalic.woff') format('woff'),
		url('fonts/Mulish-BoldItalic.ttf') format('truetype'),
		url('fonts/Mulish-BoldItalic.svg#Mulish-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}


.loadingbg {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.loadinginnerbg {
    background-color:#fff;
    width: 300px;
    height:300px;
    position: fixed;
    left: 50%;
    top: 50%; 
    margin-top: -150px; 
    margin-left: -150px; 
    border-radius:7px
}

.loading {
    background-image:url(../images/loading.gif);
    width:150px;
    height:150px;
    margin:0 auto;
    text-align:center;
    margin-top:50px;
}

.loadingtext {
    font-family:'Montserrat-Regular';
    font-size:16px;
    color:#000;
    text-align:center
}

body {
    font-family:'Montserrat-Regular';
	height:100%;
	width: 100%;
	text-align:center;
	padding: 0;
	margin: 0 auto;
    font-size:16px;
    /*color:#232323;*/
    line-height:26px;
    background:#ffffff;
}

.text {
    font-family:'Montserrat-Regular';
    line-height:30px;
    font-size:16px;
    text-align:justify;
    color:#232323;
}


/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
    text-decoration:none;
}
a, a:hover, a:visited, a:link, a:active{
    outline: none;
    /*background: transparent;*/
    /*border:0 !important;*/
    text-decoration:none !important;
    -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; 
}
    a:focus {
    outline: none;
    color:transparent;
    text-decoration: none;
    }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/*ul,li { list-style: none;}*/
h1, h2, h3, h4, h5, h6 { margin-top:0; }

a img {border:none}
.white{color:#ffffff;text-decoration:none;}
.red{color:#c70000;}
.blue{color:#000f65}

.cap {text-transform:uppercase;border: none; text-decoration:none !important}
.alignleft {text-align:left}
.alignright {text-align:right}
.justify {text-align:justify }

.left{float:left}
.right{float:right}
.center{text-align:center; padding:0px; margin:0 auto;}
.clear{clear:both}
.bold {font-weight: 600;}

a.link:link{color:#000f65; text-decoration:none;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.link:hover{color:#c70000; text-decoration:none;  cursor:pointer}
.link{color:#000f65; text-decoration:none;  cursor:pointer}


a.linkwt:link{color:#fff; text-decoration:underline;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkwt:hover{color:#c6263a; text-decoration:underline;  cursor:pointer}
.linkwt{color:#fff; text-decoration:underline;  cursor:pointer}


a.linkoragne:link{color:#ff6d00; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkoragne:hover{color:#c70000; text-decoration:none;  cursor:pointer}
.linkoragne{color:#ff6d00; text-decoration:none;  cursor:pointer; }

a.linkred:link{color:#c70000; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkred:hover{color:#aeaeae; text-decoration:none;  cursor:pointer}
.linkred{color:#c70000; text-decoration:none;  cursor:pointer; }

a.linkwt2yl:link{color:#fff; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkwt2yl:hover{color:#7f0000; text-decoration:none;  cursor:pointer}
.linkwt2yl{color:#fff; text-decoration:none;  cursor:pointer; }

a.linkwt2red:link{color:#fff; text-decoration:underline;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.linkwt2red:hover{color:#c70000; text-decoration:underline;  cursor:pointer}
.linkwt2red{color:#fff; text-decoration:underline;  cursor:pointer}


.OpenSans { font-family:'OpenSans Regular', 'Open Sans';}
.Eau {font-family: 'Eau';}
.TimesNewRoman{font-family:'Times New Roman', 'Mulish-Regular', Arial;}
.text12 {font-size:12px; font-family:'Montserrat-Regular'; line-height:20px; }
.text14 {font-size:14px; font-family:'Montserrat-Regular'; line-height:26px; }


button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

h1{
    font-family:'Mulish-Regular';
	font-size:34px;
    line-height:50px;
    font-weight:500;
	}

h2{
    font-family:'Mulish-Regular';
    font-size: 36px;
    line-height:50px;
    color:#c70000;
	}

h3{
    font-family:'Mulish-Regular';
	font-size:24px;
	font-weight:400;
    line-height:40px;
	}

h4{
	font-size:20px;
	}

h5{
	font-size:18px;
	}


/*********backtotop**********/
.actGotop{position:fixed; _position:absolute; bottom:30px; right:20px; width:40px; height:40px; display:none;z-index: 99999;}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; background:url(../images/backtotop.png) no-repeat; outline:none;}
.actGotop a:hover{width:40px; height:40px; outline:none;}
/***************************/


/*----------------------------Navigation--------------------------------------*/
.maincontent{position:relative; padding-top:90px;width:100%; min-height:500px;}
.content1280{width:100%; height:100%; width:1280px; text-align:center; margin:0 auto; position:relative; padding:0px; min-height:30px;}
.content1050{width:100%; height:100%; max-width:1050px; text-align:center; margin:0 auto; position:relative; padding:0px; min-height:30px;}
.content1024{width:100%; max-width:1024px; text-align:center; margin:0 auto; position:relative; padding:0px;}
.content900{width:100%; max-width:900px; text-align:center; margin:0 auto; position:relative; padding:0px; }
.content_half{width:50%; float:left; position:relative;}
.content_half_r{width:50%; float:right; position:relative;}
.content_5{width:5%; float:left; position:relative; display:block}
.content_10{width:10%; float:left; position:relative; display:block}
.content_15{width:15%; float:left; position:relative; display:block}
.content_20{width:20%; float:left; position:relative; display:block}
.content_25{width:25%; float:left; position:relative; display:block}
.content_30{width:30%; float:left; position:relative;}
.content_33{width:33.3333333333333%; float:left; position:relative;}
.content_35{width:35%; float:left; position:relative; display:block}
.content_40{width:40%; float:left; position:relative; }
.content_46{width:46%; float:left; position:relative; }
.content_54{width:54%; float:left; position:relative; }
.content_60{width:60%; float:left; position:relative;}
.content_70{width:70%; float:left; position:relative;}
.content_80{width:80%; float:left; position:relative;}
.content_90{width:90%; float:left; position:relative;}

.hearderbg{width:100%; padding:0 10%; background:#fff}
#header {width: 100%; position: fixed; z-index: 99999; height:90px; text-align:center; margin:0 auto; background: #ffffff; left:50%; transform:translateX(-50%); border-bottom:1px solid #ccc }
#slider-menu {display:none}
.menu-trigger {display:none}
#navi{display:block; width: 100%; min-width:1280px; max-width:1600px; position:absolute; left:50%; transform:translateX(-50%)}
#mobilenavi{display:none}

#logo_area {width:31%; min-width:397px; height:90px; text-align:left; float:left; position:relative; display:block; padding-top:10px;}
#nav_wrap{width:55%; float:left; min-width:704px; text-transform:uppercase; border-right:1px solid #ddd;}
#nav_certlogos{width:14%; float:left; min-width:179px; text-transform:uppercase}
#nav_certlogos img{padding:22px 0px 22px 13px; float:left}

.navi_area{width:100%; padding-left:0; height:90px;  font-family:'Mulish-Regular'; font-size:14px; line-height:18px; text-align:left;}
.navi_area ul li {float:left; position:relative; display:inline; padding:36px 10px; color:#333333}
.navi_area ul li ul{margin:0; padding:0;}
.navi_area ul li ul li {float:left; position:relative; display:inline; border:0px; color:#333333; padding:0px;}
.navi_area>ul>li:hover {color:#c70000; cursor:pointer; border-bottom:2px solid #c70000;}

a.navilink:link{color:#4d4d4d; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
a.navilink:hover{color:#c70000; text-decoration:none;  cursor:pointer}
.navilink{color:#4d4d4d; text-decoration:none;  cursor:pointer; height:30px; top:50%; transform:translateY(-50%);}


div.just {text-align: justify;}
.just:after {content: ''; display: inline-block; width: 100%; height: 0;}


/*.navitopbg{float:right; width:380px; height:50px; background:#eeeeee; padding:12px 0px; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; display:block}
.navitopbg a{font-family: 'Mulish-Regular'; font-weight:600; font-size:14px; line-height:20px; height:20px; text-transform:uppercase; color:#c5263a; text-decoration:none;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
.navitopbg a:hover{font-family: 'Mulish-Regular'; font-weight:600; color:#232323; text-decoration:none;  -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
.navitopbg img{margin-right:10px; margin-top: 3px; margin-left:25px;}*/

.footer{min-height:50px; background:#000f65; width:100%; text-align:center; padding:10px 0px; margin:0 auto; color:#6e77ab; font-family:'Montserrat-Regular'; font-size:14px; font-weight:500; text-transform:uppercase;}
.footer a {color:#6e77ab; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}
.footer a:hover {color:#c70000; text-decoration:none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;	transition: all 0.25s ease; cursor:pointer}


@-webkit-keyframes test{
    0%{transform:translate(0,0)}

    50%{transform:translate(0,5px)}

    100%{transform:translate(0,0)}

}

.jmp img:hover{-webkit-animation:test 0.35s ease-in 3; cursor:pointer}
.sharethis{display:block;}

@media only screen and (min-width: 1600px) {
.navi_area ul li {float:left; position:relative; display:inline; padding:36px 1vw; color:#333333}
#nav_certlogos img{padding:22px 0px 22px 13px; float:left}
#nav_wrap{width:57%; float:left; min-width:704px; text-transform:uppercase; border-right:1px solid #ddd;}
#nav_certlogos{width:12%; float:left; min-width:179px; text-transform:uppercase}
}


@media only screen and (max-width: 1365px) {
#slider-menu {display:block}
.menu-trigger {display:block; z-index:99999; top:5px;}
#navi{display:none}
#header{padding:0}
#mobilenavi{display:block; min-width:200px; text-align:center; margin:0 auto; height:90px; position:relative}
.mobilenavilogo_b{position:absolute; left:50%; margin-left:-190px; top:50%; margin-top:-39px; display:block}
.mobilenavilogo_s{position:absolute; left:50%; margin-left:-190px; top:50%; margin-top:-39px; display:none}

.maincontent{position:relative; padding-top:100px;width:100%;}
}

@media only screen and (max-width: 1279px) {
    #header {width: 100%; position: fixed; z-index: 99999; height:60px; min-height:60px; border-bottom:1px solid #ccc; padding: 0px 0px 0px 8%; background: #ffffff; }
    .maincontent{position:relative; padding-top:60px;width:100%;}

/*#navi{display:none}*/
.content1280{width:100%; height:100%; max-width:1279px; text-align:center; margin:0 auto; position:relative; padding:0px 8%;}
.content1024{width:100%; max-width:1024px; text-align:center; margin:0 auto; position:relative; padding:0px; padding:0px 10%;}
.content900{width:100%; max-width:900px; text-align:center; margin:0 auto; position:relative; padding:0px; padding:0px 10%;}

.content_25{width:50%; float:left; position:relative;}
}
@media only screen and (max-width: 959px) {
.content_33{width:100%; float:none; position:relative;}
}

@media only screen and (max-width: 767px) {
.content_half, .content_half_r, .content_30, .content_40, .content_60, .content_70, .content_54, .content_46  {width:100%; float:none}
h1{
    font-family:'Mulish-Regular';
	font-size:36px !important;
    line-height:46px;
    font-weight:500;
	}

h2{
    font-family:'Mulish-Regular';
    font-size: 30px !important;
    line-height:36px;
	}

h3{
    font-family:'Mulish-Regular';
	font-size:28px !important;
	font-weight:400;
    line-height:30px;
	}

h4{
	font-size:24px !important;
	}

h5{
	font-size:18px !important;
	}

.text {
    font-family:'Montserrat-Regular';
    line-height:28px;
    font-size:16px;
    text-align:justify;
}

#mobilenavi{display:block; min-width:200px; text-align:center; margin:0 auto; height:76px; position:relative}
.mobilenavilogo_b{position:absolute; left:50%; margin-left:-190px; top:50%; margin-top:-39px; display:none}
.mobilenavilogo_s{position:absolute; left:50%; margin-left:-31px; top:50%; margin-top:-32px; display:block}


.footer{background:#000f65; min-height:30px; width:100%; text-align:center; padding:10px; margin:0 auto; margin-top:0px;}
}