@charset "utf-8";
/*
------------------------------------------------------------
Project Name : Online SMSF Audit;
------------------------------------------------------------
*/

/* Must import all other css files here instead of HTML Pages */
@import url("bootstrap.min.css");
@import url("owl.carousel.css");

/* Reset 
--------------------------------------------------------------------------------------------------------*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Css Clearfix */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@font-face {
	font-family: 'ZurichCnBTRegular';
	src: url('../font/zurchc_2-webfont.eot');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'ZurichCnBTRegular';
	src: url('../font/zurchc_2-webfont.eot');
	src: url(//:) format('no404'), url('../font/zurchc_2-webfont.woff') format('woff'), url('../font/zurchc_2-webfont.ttf') format('truetype'), url('../font/zurchc_2-webfont.svg#webfontTPCobFQd') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'ZurichBold';
	src: url('../font/tt0300m_2-webfont.eot');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'ZurichBold';
	src: url(//:) format('no404'), url('../font/tt0300m_2-webfont.woff') format('woff'), url('../font/tt0300m_2-webfont.ttf') format('truetype'), url('../font/tt0300m_2-webfont.svg#webfont1vWyLwtn') format('svg');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'zurich_lt_btlight';
	src: url('../font/tt0176m-webfont.eot');
	src: url('../font/tt0176m-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/tt0176m-webfont.woff2') format('woff2'),  url('../font/tt0176m-webfont.woff') format('woff'),  url('../font/tt0176m-webfont.ttf') format('truetype'),  url('../font/tt0176m-webfont.svg#zurich_lt_btlight') format('svg');
	font-weight: normal; font-style: normal;
}

/* General 
--------------------------------------------------------------------------------------------------------*/
*,*:focus{outline:none !important; box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
a, .container, .logo img{transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
html,body{height:100%;}
body{ font-family: 'zurich_lt_btlight', arial; font-size:16px; min-width:320px; }
a{color:#19a5d5; text-decoration:none;}
a:hover, a:focus{text-decoration:underline; color:#048cbb}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
input[type=text],input[type=email],input[type=password],textarea{-webkit-appearance:none;appearance:none;}
.wrapper{min-height:100%; width:100%;}
.wthfix{ width:auto; max-width:1600px; margin:0 auto; position:relative;}
.inner{ padding-top:40px !important;}
.inner p{ padding:0 0 17px 0; margin:0; text-align:justify;}

/* Header
--------------------------------------------------------------------------------------------------------*/
.header{height:150px; background:#FFF; position:fixed; top:0; left:0; width:100%; box-shadow: 0 2px 7px rgba(0,0,0,.08); z-index:10000;}
.hdr{height:100px; padding:0 15px; max-width:1600px; margin:0 auto;} 
.logo {float:left; padding-top:20px; }
.headerinfo{ float:right; padding:33px 0 0 0;}
.call{ float:left; background:url(../images/cal-icon.png) 0px center no-repeat; padding:4px 0 0 25px; font-size:20px; color:#656565; font-family: 'ZurichBold', arial;}
.call strong{ font-weight:normal;}
.hdrbtn{ float:left;}
.headerinfo a{ display:inline-block; background-color:#19a5d5 !important; border-radius:4px; padding:7px 36px 0 10px; margin:0 0 0 10px; text-transform:uppercase; height:34px; box-sizing: border-box; -moz-box-sizing: border-box; font-size:16px; font-family:'ZurichBold', Verdana; color:#FFF; text-decoration:none; }
.headerinfo a.logout {background-color: #d9534f !important;	background: url(../images/ic-login.png) right -1px no-repeat;}
.headerinfo a:hover{ background-color:#0089bf !important;}
.headerinfo a.logout:hover {background-color: #d9534f !important;}
.headerinfo a.login{ background:url(../images/ic-login.png) right 0px no-repeat;}
.onlinechat img{ vertical-align:-7px;}
.headerinfo a.onlinechat{ background:url(../images/ic-chat.png) right 0px no-repeat;padding:7px 44px 0 10px;}
.hdrchatbtn{ float:right; padding:37px 0 0 15px;}

/* MainNavigation
--------------------------------------------------------------------------------------------------------*/
.main-navigation{ height:50px; background:#263743; }
.menu-toggle { display: none; height:50px; padding:16px 0 0 13px; width:50px; outline:none !important; box-sizing: border-box; -moz-box-sizing: border-box; }
.menu-icon{ display:block; width:20px; height:18px; overflow:hidden; }
.menu-icon .line1{ width:20px; margin:2px 0 4px 0; background:#d3d6d8; height:2px; border-radius:2px; display:block;  transition: all ease 0.2s; -moz-transition: all ease 0.2s; -webkit-transition: all ease 0.2s;}
.menu-icon .line2{ width:20px; background:#d3d6d8; height:2px; border-radius:2px; display:block;}
.menu-icon .line3{ width:20px; margin:4px 0 2px 0; background:#d3d6d8; height:2px; border-radius:2px; display:block; transition: all ease 0.2s; -moz-transition: all ease 0.2s; -webkit-transition: all ease 0.2s;}
.menu-toggle.open{ background:#0089bf;}
.menu-toggle.open .menu-icon .line1{margin:7px 0 0 0; background:#FFF; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.menu-toggle.open .menu-icon .line2{ display:none; background:#FFF;}
.menu-toggle.open .menu-icon .line3{ margin:-2px 0 0 0; background:#FFF; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.menu { min-height:50px; }
.menu ul { list-style:none; padding:0; margin:0; position: relative; z-index:1000; }
.menu li { list-style-type:none; padding:0; margin:0;position: relative; }
.menu li.top { float:left; position:relative; }
.menu a.toplink { position: relative; outline:none !important; display: block; text-decoration: none; height:50px; padding:15px 23px 0 23px; font-family: 'ZurichCnBTRegular', arial; font-size:16px; color:#FFF; text-transform:uppercase; }
.menu li.top.selected a.toplink{ color:#FFF; background:#0089bf; }
.menu a.toplink:hover, .menu .top:hover a.toplink { background:#0f1f2b; color:#FFF !important; }
.menu ul ul { display: none; position: absolute; top:50px; width: 220px; padding:5px; background:#0f1f2b; }
.menu ul li:hover > ul { display: block; }
.menu ul ul > li a { display: block; text-decoration: none; padding: 7px 13px 7px 13px; height: auto; font-family: 'ZurichCnBTRegular', arial; font-size:15px; color:#FFF; }
.menu ul ul > li a:hover { background-color:#33424d; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }
a.fly, a.fly:hover { background-image:url(../images/arrow_over.png); background-position:98% center; background-repeat:no-repeat; }
.ic-home{ display:inline-block; width:23px; height:18px; background:url(../images/ic-home.png) 0px -120px no-repeat;}
.menu a.toplink:hover .ic-home, .menu li.top.selected a.toplink:hover .ic-home{ background-position:0px -120px;}
.menu li.top.selected a.toplink .ic-home{ background-position:0px -120px;}

/* Main Home Banner
--------------------------------------------------------------------------------------------------------*/
.banner{ background:#19a5d5; height:550px; overflow:hidden;}/**/
.banner .wthfix{ height:550px; padding:0 !important;}
.ban-building{ z-index:20; position:absolute; bottom:-10px; right:40px; width:850px; opacity:.40; height:270px; background:url(../images/ban-building.png) 0px 0px no-repeat; }
.ban_man{ z-index:30; position:absolute; bottom:-10px; left:40px; width:510px; height:463px; background:url(../images/ban-man.png) 0px 0px no-repeat;  }
.ban_text{ text-align:center; font-size:50px; font-family: 'ZurichCnBTRegular', arial; color:#FFF; line-height:1.3; padding:60px 0 0 0;}
.ban_text span{font-family: 'ZurichBold', arial; display:block; font-size:70px;}
.ban-video{ display:none; position:absolute; top:60px; right:0; width:50%;  z-index:99;}
.ban_btn{ text-align:center; z-index:90; position:relative; padding:40px 0 0 0; }
.ban_btn a{ display:inline-block; background:#263743; height:60px; text-decoration:none; padding:13px 30px; color:#FFF; border:none; border-radius:4px; font-family: 'ZurichCnBTRegular', arial; font-size:24px; }
.ban_btn a:hover, .ban_btn a:focus{ background:#0f1f2b; color:#FFF;}
.ban_btn a.free-trial {background-color: #f99615;}
.ban_btn a.free-trial:hover, .ban_btn a.free-trial:focus {background: #fba330 none repeat scroll 0 0;}
a.videoopenlink{  display:inline-block; z-index:40; position:relative; width:78px; height:78px; background:url(../images/videobtn.png) 0px 0px no-repeat;}
a.videoopenlink:hover{background-position:0px -80px;}
.ban_ect{ text-align:center; padding:35px 0 0 0;}
.fadeIn { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:.5s; animation-delay:.5s;}
@-webkit-keyframes fadeIn { 0% {opacity:0} 100% {opacity:1}}
@keyframes fadeIn {0% {opacity:0} 100% {opacity:1}}
.fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn}

/*-----------------------BounceInDown-----------------------*/
.bounceInDown { -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes bounceInDown {0% {opacity:0; -webkit-transform:translateY(-100px); transform:translateY(-100px)} 100% {-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInDown {0% {opacity:0; -webkit-transform:translateY(-100px); -ms-transform:translateY(-100px); transform:translateY(-100px)} 100% {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}}
.bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown}

/*----------bounceInLeft --------*/
.bounceInLeft { -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes bounceInLeft {0% {opacity:0; -webkit-transform:translateX(-300px); transform:translateX(-300px)} 100% {-webkit-transform:translateX(0); transform:translateX(0)}}
@keyframes bounceInLeft {0% {opacity:0;-webkit-transform:translateX(-300px); -ms-transform:translateX(-300px); transform:translateX(-300px)} 100% {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)}}
.bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft}

/*----------bounceInRight --------*/
.bounceInRight { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes bounceInRight {0% {opacity:0; -webkit-transform:translateX(100px); transform:translateX(100px)}
60% {opacity:1; -webkit-transform:translateX(-30px); transform:translateX(-30px)}
80% {-webkit-transform:translateX(10px); transform:translateX(10px)}
100% {-webkit-transform:translateX(0); transform:translateX(0)} }
@keyframes bounceInRight {
	0% {opacity:0; -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px)}
	60% {opacity:1; -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); transform:translateX(-10px)}
	80% {-webkit-transform:translateX(10px); -ms-transform:translateX(10px); transform:translateX(10px)}
	100% {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0)} }
	.bounceInRight { -webkit-animation-name:bounceInRight;  animation-name:bounceInRight}

	/*----------bounceInUp --------*/
	.bounceInUp { -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
	@-webkit-keyframes bounceInUp {
		0% {opacity:0; -webkit-transform:translateY(200px); transform:translateY(200px)}
		100% {-webkit-transform:translateY(0); transform:translateY(0)}}
		@keyframes bounceInUp {0% {opacity:0; -webkit-transform:translateY(200px); -ms-transform:translateY(200px); transform:translateY(200px)}
		100% {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)} }
		.bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp}


/* Footer
--------------------------------------------------------------------------------------------------------*/
.footer{ padding-bottom:90px; background:#f2f2f2 url(../images/footerbg.png) bottom center repeat-x; width:100%; color:#666; }
.footer-testimonial{ background:#19a5d5; min-height:250px; position:relative;  font-family: 'zurich_lt_btlight', Verdana; font-weight:normal; font-size:18px; color:#FFF;}/**/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {  background:#19a5d5; display: none;  -webkit-backface-visibility: hidden; position:relative;} /**/
.flexslider { position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { background:url(../images/arrow.png) no-repeat;  text-decoration:none; display: block; width: 30px; height: 30px; margin: -15px 0 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer;  text-indent:-10000px; }
.flex-direction-nav .flex-prev { left: 0px; background-position:0px 0px; }
.flex-direction-nav .flex-next { right: 0px; background-position:-30px 0px; }
.flexslider .flex-prev:hover { left: 0px; background-position:0px -30px;}
.flexslider .flex-next:hover { right: 0px; background-position:-30px -30px; }
.flex-control-nav { display:none;}
.slide-table{ display:table; width:100%;}
.slide-cell{ display:table-cell; vertical-align:top;}
.img_pad{ padding-left:50px;}
.testi_img{ border-radius:70px;}
.footer-testimonial p{ padding:12px 0 12px 0; line-height:1.3;}
.footer-testimonial p span{font-family: 'ZurichBold', arial; color:#ffd800; }
.slidetext{ padding-left:25px; padding-right:40px;}
.foot_top{ border-bottom:1px solid #bababa; padding:17px 0 15px 0; overflow:hidden; font-family:verdana;}
.foot_top h4{font-family: 'ZurichCnBTRegular', Verdana; color:#e6721b; font-size:18px; font-weight:normal; margin:0; padding:3px 0 7px 0;}
.foot_top h4 a{color:#e6721b;}
.foot_top ul{ list-style:none; margin:0;}
.foot_top li{ padding:0 0 12px 0; margin:0; list-style-type:none; line-height:1;}
.foot_top li a{ font-size:14px; color:#666;}
.foot_top a:hover{ text-decoration:underline;}
.footerbox{ padding-top:35px; font-family:Verdana; font-size:14px;}
.footerbox h5{ color:#6b767f; font-size:16px; font-weight:normal; text-transform:uppercase; line-height:1; padding:0 0 11px 0;}
.footerbox p{ padding-bottom:5px; text-align:left; line-height:18px;}
.box_spac span{ padding:0 7px; color:#3b93d0;}
.footerbox h4{ color:#6b767f; font-size:18px; font-family: 'zurich_lt_btlight', Verdana; font-weight:normal; line-height:1; padding:0 0 7px 0;}
.footerbox img{ vertical-align:top;}
.sociallink{ margin-bottom:20px; height:29px;}
.sociallink a{ width:29px; height:29px; display:inline-block; margin-right:10px; background:url(../images/social.png) 0px 0px no-repeat;}
.sociallink a.twt{ background-position:0px 0px;}
.sociallink a.twt:hover{ background-position:0px -30px;}
.sociallink a.fb{ background-position:-37px 0px;}
.sociallink a.fb:hover{ background-position:-37px -30px;}
.sociallink a.gp{ background-position:-74px 0px;}
.sociallink a.gp:hover{ background-position:-74px -30px;}
.sociallink a.in{ background-position:-111px 0px;}
.sociallink a.in:hover{ background-position:-111px -30px;}
.sociallink a.yt{ background-position:-148px 0px;}
.sociallink a.yt:hover{ background-position:-148px -30px;}
.footerbox h3{ color:#6b767f; font-size:24px; line-height:1; font-family: 'zurich_lt_btlight', Verdana; font-weight:normal; }


/* Main Content
--------------------------------------------------------------------------------------------------------*/
.main-content{ padding:150px 0 0 0; font-family: 'zurich_lt_btlight', Verdana;}
h2.osa_title {text-align: center; font-family: 'zurich_lt_btlight', Verdana; font-weight: normal; font-size: 36px; color: #222; line-height: 1.3; margin: 0; padding:0 0 40px 0; border: 0 none;}
.content-box{ font-size:18px; color:#444444; text-align: center; margin:5px 5px 50px 5px; padding:25px 50px; background:#FFF; border:1px solid #ddd; border-top:5px solid #19a5d5; text-align:center; min-height:300px; box-shadow: 0 1px 8px rgba(0,0,0,.15);}
.integration-with .content-box{ border-top:1px solid #ddd; box-shadow:none; padding-left:30px; padding-right:30px; min-height:370px; margin-bottom:35px;}
.btn-box{ margin:0 5px 50px 5px;}
.btn-box a{ display:block; background:#19a5d5; height:150px; text-align:center; color:#FFF; font-size:22px; text-decoration:none; padding:28px 20px 0 20px;}
.btn-box a:hover{ background:#0082af;}
.btn-box a span{display:block;}
.content-box h3{ font-weight:normal; font-size:30px; color:#222; text-align:center; margin:0; padding:0; white-space:nowrap;}
.content-box p{overflow:hidden; color:#777; text-align:center; line-height:1.2; padding:13px 0 20px 0;}
.content-box span{ color:#e6721b; display:block; }
.content-icon{ display:inline-block; width:50px; height:50px; margin-right:3px; background:url(../images/content-icon.png) 0px 0px no-repeat; vertical-align:-15px;}
.ci-1{ background-position:0px 0px;}
.ci-2{ background-position:0px -60px;}
.ci-3{ background-position:0px -120px;}
.ci-4{ background-position:0px -180px;}
.ci-5{ background-position:0px -240px;}
.ci-6{ background-position:0px -300px;}
.ci-7{ background-position:0px -360px;}
.ci-8{ background-position:0px -420px;}
.ci-9{ background-position:0px -480px;}

.content-icon2{ display:inline-block; width:100px; margin-bottom:10px; height:80px; background:url(../images/content-icon2.png) 0px 0px no-repeat; }
.ci-10{ background-position:0px -720px;}
.ci-11{ background-position:0px -800px;}
.ci-12{ background-position:0px -880px;}
.hm-linkbox{ padding:30px 0; text-align:left;}
.hm-linkbox.text-center{ text-align:center;}
.hm-linkbox.text-right{ text-align:right;}
a.hm-link{ text-align:center; display:inline-block; background-color:#efefef; border-radius:4px; min-height:90px; padding:5px 15px 10px 15px; font-size:16px; text-decoration:none;}
a.hm-link:hover{ background:#19a5d5; color:#FFF;}
a.hm-link span{ display:inline-block; width:60px; height:50px; background:url(../images/ic-link.png) 0px 0px no-repeat;}
a.hm-link p{ margin:0; padding:0; height:auto; text-align:center;}
a.hm-link span.watch{ background-position:-60px 0px;}
a.hm-link:hover span.watch{ background-position:-60px -50px;}
a.hm-link span.search-auditor{ background-position:-240px 0px;}
a.hm-link:hover span.search-auditor{ background-position:-240px -50px;}
a.hm-link span.book-webinar{ background-position:-180px 0px;}
a.hm-link:hover span.book-webinar{ background-position:-180px -50px;}
.free-trial{ display:inline-block; max-width:100%;}
.integration-with{ background:#eef1f2 url(../images/integrationbg.png) left bottom no-repeat; margin-bottom:20px;}
.bluebg{ background:#19a5d5; color:#FFF; padding:30px 20px; text-align:center; font-size:18px;}
.bluebg a{ color:#FFF; line-height:1 !important; display:block;}
.bluebg div{ line-height:1 !important;}
.bluebg a{ text-decoration:none; display:block; color:#FFF;}
.bluebg a span{ width:60px; height:50px; display:inline-block; background:url(../images/ic-link.png) no-repeat; margin-bottom:12px;}
.bluebg a:hover{ color:#FFF; opacity:0.7;}
.bluebg a.learn span{ background-position:0px -50px;}
.bluebg a.watch span{ background-position:-60px -50px;}
.bluebg a.download span{ background-position:-120px -50px;}
.bluebg a.book span{ background-position:-180px -50px;}
.step5{ overflow:hidden; margin:0 -20px; padding:30px 0;}
.stp_box{ width:20%; float:left;}
.stp{ margin:0 20px; background:#eef1f2; position:relative; height:240px; padding:15px; text-align:center; font-size:18px; color:#374b59;  line-height:1.2;}
a.videolink{ position:relative; z-index:1; background:#374b59 url(../images/v-link.png) 0px 0px no-repeat; border-radius:50%; width:48px; height:48px;  margin:40px auto 20px auto; display:block;}
a.videolink:hover{  background:#19a5d5 url(../images/v-link.png) 0px 0px no-repeat;}
.step_num{ position:absolute; top:10px; left:0; width:56px; height:100px; color:#FFF; font-size:36px; font-family: 'ZurichCnBTRegular', arial; font-weight:normal;}
.stp:before{ content:""; position:absolute; top:0; left:0; border:50px solid transparent; border-top-color:#19a5d5; border-left-color:#19a5d5; }
.stp span{ position:relative; z-index:1;}
.page-title{ border-bottom:2px solid #d6d6d6; position:relative; margin:0 0 25px 0; padding:0 0 5px 0; line-height:1;}
.page-title h1{ display:inline-block; padding:0 !important; margin:0 !important; font-size:28px; font-family: 'ZurichBold', arial; line-height:1; position:relative;}
.page-title h1:after{ content:""; height:2px; background:#19a5d5; position:absolute; bottom:-7px; left:0; width:100%;}
.text1{ color:#e6721b; font-size:20px; padding:0 0 8px 0 !important;}
.title2{ position:relative; border-bottom:1px solid #d6d6d6; color:#19a5d5; font-size:20px; font-family: 'ZurichBold', arial; padding:10px 0 7px 0; margin:0 0 20px 0;}
.title2 span.righttext{ position:absolute; bottom:7px; right:0; font-family: 'zurich_lt_btlight', arial;}
.title3{ font-size:20px; border-bottom:1px solid #ddd; padding:0 0 6px 0; margin:0 0 17px 0; color:#111;}
h6{ font-size:16px; color:#555;font-family: 'ZurichBold', arial; margin:0; padding:0 0 4px 0;}
.mandatory{ color:#e52121; font-size:14px; font-family: 'ZurichCnBTRegular', arial;}
.control-label .mandatory{ font-size:16px;}
.cusform{padding:10px 0 0 0; margin:0;}
.form-group{ margin-bottom:20px;}
.control-label{ font-weight:normal;}
.form-control{ outline:none !important; border-radius:0px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,0);}
.form-control:focus, .form-control:active{ outline:none !important; border-color:#19a5d5; -webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,0),0 0 8px rgba(102,175,233,.3);box-shadow:inset 0 0px 0px rgba(0,0,0,0),0 0 8px rgba(102,175,233,.3)}
select{ padding-left:6px !important; padding-right:6px !important;}
.cusform .control-label{ text-align:left; padding-right:0px;}
.sml-text{ font-size:11px; padding:0 !important; margin:0 !important;}
.btn{ font-size:16px; transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.btn-primary{ background:#19a5d5; border-color:#19a5d5;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus{ background:#0089bf; border-color:#0089bf;}
.btn-sft{ height:60px; padding:10px 30px; margin:10px 0 15px 0; font-size:24px; font-family: 'ZurichBold', arial;}
.hitw-list{ list-style:none; position:relative;}
.hitw-list li{ float:left; height:160px; width:15%; margin:0 2% 0 0; text-align:center;}
.hitw-list li.last{ margin:0 !important;}
.hitw-img{ border:1px solid #bdd6df; height:100px; background:url(../images/hiw-icon.png) center 0px no-repeat; position:relative;}
.hitw-img:after{ content:""; width:12px; height:41px; position:absolute; right:-12px; background:url(../images/ar1.png) no-repeat; top:50%; margin-top:-20px;}
.last .hitw-img:after{ display:none;}
.hitw-img:hover{ cursor:pointer;}
.hitw1{ background-position:center 0px;}
.hitw2{ background-position:center -100px;}
.hitw3{ background-position:center -200px;}
.hitw4{ background-position:center -300px;}
.hitw5{ background-position:center -400px;}
.hitw6{ background-position:center -500px;}
.hitw7{ background-position:center -600px;}
.hitw8{ background-position:center -700px;}
.hitw9{ background-position:center -800px;}
.hitw10{ background-position:center -900px;}
.hitw-hover{ display:none; background:#FFF; border:1px solid #bdd6df; position:absolute; left:0; top:99px; width:100%; z-index:99; padding:15px; font-size:13px; text-align:left; box-shadow: 0 2px 10px rgba(0,0,0,.15);}
.hitw-list li:hover .hitw-hover{ display:block !important;}
.hitw-list li p{ font-size:13px; line-height:1.2; padding:13px 0 0 0; text-align:center;}
.hitw-list li:hover .hitw-img:before{ content:""; position:absolute; bottom:-1px; z-index:100; left:50%; margin-left:-11px; width:23px; height:11px; background:url(../images/ar2.png) no-repeat;}
.inr-list{ list-style:none; padding-bottom:15px;}
.inr-list li{ list-style-type:none; text-align:justify; background:url(../images/ar4.png) 0px 5px no-repeat; padding:0 0 0 20px; margin:0 0 12px 0;}
.inr-list ul{ padding-top:10px;}
.or{ color:#e6721b !important;}
ul.listing_2 {list-style: none;padding: 0 0 16px 30px;}
ul.listing_2 li {list-style: decimal; padding:0; margin-bottom: 13px; text-align:justify;}
ul.listing_2 li ul { padding-top: 8px;}
ul.listing_2 li li { list-style: upper-alpha; padding: 0 0 0 0; margin-bottom: 9px; margin-left: 20px; text-align:justify;}
.grid{ border:1px solid #ddd; margin:0;}
.grid table{ margin:0;}
.grid th{ background:#626262; color:#FFF; font-weight:normal; font-size:16px; border-top:none !important;}
.sml-text2{ font-size:14px; padding:10px 0 10px 0 !important;}
.testimonial-all li{padding-bottom:30px;}
.testimonial-all li p img{padding:2px 5px; vertical-align: inherit;}
.testimonial-all li span{ font-family:verdana; margin-top:-10px; display: block; color: #333; font-size:18px; text-align: right;}
.testimonial-all li span span{ color:#999; font-size:13px; margin:0;}
.grbg{ background:#f2f2f2; padding:20px; margin:0 0 30px 0;}
.padtop{ padding-top:25px !important;}
.contact-box{ display:table; width:100%;}
.cb-left{ display:table-cell; background:#f2f2f2; padding:20px; width:55%;}
.cb-left h2{ font-weight:normal; font-family:'ZurichBold', arial; color:#333; font-size:24px; line-height:1; }
.cb-left div{ padding:10px 0 0 0; font-size:17px;}
.cb-right{ display:table-cell; color:#FFF; background:#19a5d5; padding:20px;}
.cb-right a{ color:#FFF;}
.cb-right h4{ font-size:18px; font-weight:normal; padding:0 0 10px 0;}
.contact-img{ text-align:center; margin:40px 0 20px 0;}
.contact-img img{ display:inline-block !important;}
.find-auditor{ width:100%; display:table;}
.auditor-img{ display:table-cell; width:300px; background:#f2f2f2; text-align:center; vertical-align:middle;}
.auditor-block{ display:table-cell; background:#FFF; border:1px solid #ddd; padding:25px 30px 30px 30px;}
.auditor-block h2.title2{ color:#333; padding-top:0px; margin-bottom:15px;}
.auditor-block .control-label{ padding-bottom:3px;}
.auditor-block .form-group{ margin-bottom:15px;}
.auditor-block .checkbox{ margin:3px 0 17px 0;}
.search-form{ background:#f2f2f2; padding:15px 20px 20px 20px; margin-right:20px;}
.search-form h2.title2{ padding-top:0; margin-bottom:15px;}
.search-form .form-group{ margin-bottom:15px;}
.ic-search{ display:none; position:absolute; right:0; bottom:0; background:#f2f2f2 url(../images/ic-search.png) center no-repeat; height:34px; width:40px;}
.ic-search:hover{ background-color:#d6d6d6;}
.aut{ padding-top:0px !important; color:#333;}
.aut span{ color:#19a5d5;}
.sr_list{ list-style:none; padding:0; margin:0;font-size:13px; color:#666; letter-spacing:1px;}
.sr_list li{ list-style-type:none; padding:15px 0; margin:0; border-bottom:1px solid #ddd; overflow:hidden;}
.sr_list >:first-child{ padding-top:0px;}
.srl_img{ width:70px; height:70px; border-radius:35px; border:1px solid #ddd; float:left;}
.srl_img img{ width:70px; height:70px; border-radius:35px;}
.srl_text{ width:550px; padding-left:15px; height:70px; display:table-cell; vertical-align:middle;}
.srl_address{ width:250px; padding-left:15px; height:70px; display:table-cell; vertical-align:middle;}
.srl_text h4.head4, .srl_text h4.head4 a, .srl_text h4.head4 a{ font-size:18px; padding:0 0 5px 0; margin:0; color:#333;}
.srl_text p, .srl_text p a{ padding:0; margin:0; color:#777; line-height:1; text-align:left;}
.srl_text a:hover{ color:#19a5d5 !important; text-decoration:none;}
.srl_address div{ background:url(../images/ic-address.png) 0px center no-repeat; background-size:22px; padding-left:30px;}
.pager{ overflow:hidden; font-size:13px; color:#666; text-align:left;}
.pager a{ background:#FFF; font-family:Verdana;  border:1px solid #ddd; display:inline-block; line-height:1; padding:6px 7px; color:#666; text-decoration:none; margin:0 3px;}
.pager a.active, .pager a.active:hover{ background:#19a5d5; border:1px solid #19a5d5; color:#FFF;}
.pager a:hover{ background:#f2f2f2; color:#666;}
.srl_left{ float:left; width:300px; background:#f2f2f2; padding:20px; color:#414141; }
.srl_right{ margin-left:330px;}
.srl_left h2 img{ vertical-align:-7px; padding-right:6px;}
.wordwrap { width:100%; line-height:1.1;  -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.wordwrap td{ padding-bottom:13px; vertical-align:middle;}
.wordwrap td img{ padding-right:12px;}
.wordwrap a{ color:#666;}
.phone{ font-size:16px;}
.user_big img{ width:100%;}
.user_big{ margin-bottom:15px;}
.srl_left h2.title2{ border:none; padding:0 0 5px 0; margin:0;}
.sl_firm{ font-size:14px; color:#777; text-align:left !important; line-height:1.1;}
.btn-back{ padding-left:35px; background-image: url(../images/ic-back.png) !important; background-repeat:no-repeat !important; background-position:9px 7px !important;}
.page-title .btn-back{ position:absolute; bottom:10px; right:0;}
.price-data{ border:0px solid #ddd !important;}
.price-data table{ margin:0;}
.price-data th, .price-data td{ border-color:#FFF !important; text-align:center !important; }
.price-data td{ background-color:#f2f2f2;}
.price-data td.fpf{ background-color:#e8e8e8;}
.price-data td.tm{ background-color:#e0e0e0;}
.pd_wth1{ width:45%;}
a.downloadlink{ width:24px; height:24px; display:block; background:url(../images/ic-download.png) 0px 0px no-repeat; border-radius:50%;}
a.downloadlink:hover{ background:#19a5d5 url(../images/ic-download.png) 0px -24px no-repeat;}
.kb-grid td{ vertical-align:middle !important;}
.kb-mainrow td{ background-color:#f5f5f5 !important;}
.text16{font-family: 'ZurichCnBTRegular', arial; color:#000; font-size:16px;}
a.plus{ display:block; width:20px; height:20px; background:#9b9b9b url(../images/plus.png) center no-repeat; border-radius:50%;}
a.min{ display:block; width:20px; height:20px; background:#9b9b9b url(../images/min.png) center no-repeat; border-radius:50%;}
a.plus:hover, a.min:hover{ background-color:#626262; }
.text14{font-family: 'ZurichCnBTRegular', arial; color:#000; font-size:14px;}
.kb-sub{ font-size:14px;}
.kb-title{ background:#f3f3f3; padding:10px 15px;font-family: 'ZurichCnBTRegular', arial; color:#000; font-size:17px; margin:10px 0 15px 0;}
ol.nestedlist li { list-style-type: upper-alpha; margin: 0 0 10px 22px; padding: 0 0 0 8px; color:#000;}
ul.sublist { margin: 8px 0 20px 0;}
ul.sublist li {list-style-type: lower-roman; background: none; padding: 0 0 0 8px; margin: 0 0 10px 23px; color:#333;}
.loginbox{ width:720px; margin:30px auto; background:#FFF; border:1px solid #ddd; height:290px; display:table;}
.login-img{ display:table-cell; height:290px; width:290px; background:#f3f3f3; text-align:center; vertical-align:middle;}
.login-content{ display:table-cell; padding:25px 30px;}
.loginbox .checkbox{ margin:0 0 20px 0;}
.po-value{font-family: 'ZurichBold', arial; font-size:22px; color:#393d3e;}
.alert-msg{ color:#e52121; padding-left:0px; font-size:13px; padding-top:7px;}
a.help{ width:18px; height:18px; display:inline-block; background:url(../images/ic-help.png) 0px 0px no-repeat; transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;-moz-transition:all 0s;-webkit-transition:all 0s;}
a.help:hover{ background-position:0px -70px;}
.po-space:before{ content:""; background:#ccc; height:65px; position:absolute; left:0; top:-5px; width:1px;}
.poimgpad{ padding:10px 0 15px 0;}
.btn-default{ background:#707070; border-color:#707070; color:#FFF;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus{ background:#555; border-color:#555; color:#FFF;}
.botpad{ padding-bottom:30px;}

.modal{ z-index:10050;}
.modal-backdrop{ z-index:10040;}
.modal-content{ border-radius:0px;}
.modal-header{ background:#19a5d5; color:#FFF; border-radius:0px; padding:10px 15px; position:relative;}
.modal-title{ font-size:20px; color:#FFF; font-weight:normal;}
.modal-body{ padding:25px; }
.modal-footer{ background:#f7f7f9; border-radius:0px; text-align:right; padding:10px; border:none;}
.modal-header .close{ position:absolute; top:10px; right:8px; width:32px; height:32px; border-radius:3px; background: url(../images/pop-close.svg) center no-repeat; display:block; opacity:1;}
.modal-header .close:hover{ background-color:rgba(0,0,0,.3);}

.video-list{ list-style:none; padding:0; margin:0; }
.video-list li.vli{ list-style-type:none; border-bottom:1px solid #ddd; padding:15px 0 20px 0; margin:0; }
.video-list >:first-child{ padding-top:0px !important;}
.video-box{ display:table; width:100%;}
.video-img{ width:112px; display:table-cell; vertical-align:top; position:relative;}
.video-img a{background:rgba(0,0,0,.4); z-index:1; position:absolute; display:block; top:0; left:0; width:112px; height:80px;}
.video-img span{ opacity:.7; width:30px; height:30px; background:url(../images/videobtn.png) no-repeat; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; background-size:100%; display:block;}
.video-img a:hover span{ opacity:1;}
.video-content{ display:table-cell; vertical-align:top; padding-left:15px;}
.v-title{ font-size:18px; color:#e6721b; padding:0; margin:0;}
.v-title a{ color:#e6721b;}
.video-box .inr-list{ padding:0;}
.video-box .inr-list li{ line-height:1.2; background-position:0px 3px; margin:10px 0 0 0;}
.padbot{ padding-bottom:30px;}
.video-content h4{ padding:10px 0 0 0; margin:0; color:#19a5d5; font-size:16px; font-family: 'ZurichCnBTRegular', arial;}

/***************** Video Tabs  ************************/
.nav-tabs-horizontal{padding:0 0 20px; position:relative; z-index: 9;}
.nav-tabs{border-bottom: solid 3px #05a3da; padding:20px 0 0 12px; background: #fff; }
.nav-tabs>li{padding:0 20px; position:relative;}
.nav-tabs>li.active{z-index: 1;}
.nav-tabs>li>a{ color:#444; font-family: 'ZurichCnBTRegular'; font-size:16px; border:0!important; border-top:solid 1px #cbcbcb !important; border-radius: 0; padding:7px 10px 8px 10px; height: 38px; position:static; margin:0; transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;-moz-transition:all 0s;-webkit-transition:all 0s; }
.nav-tabs>li>a span{position:relative; z-index: 2;}
.nav-tabs>li>a:before{border-radius: 10px 0 0 0; transform: skew(-30deg); left: 0; border-left: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; z-index: 0; content: " "; position: absolute; top: 0; width: 40px; height: 37px;background-color: #fff; }
.nav-tabs>li>a:after{border-radius: 0 10px 0 0; transform: skew(30deg); right: 0; border-right: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; z-index: 1; content: " "; position: absolute; top: 0; width: 40px; height: 37px;background-color: #fff;}
.nav-tabs>li.active>a{border-top:solid 1px #05a3da !important;}
.nav-tabs>li.active>a:before, .nav-tabs>li.active>a:after{background: #05a3da;  border-left: 1px solid #05a3da; border-top: 1px solid #05a3da; border-right: 1px solid #05a3da;}
.nav-tabs>li.dropdown{float: right; padding:0;}
.nav-tabs>li.dropdown .dropdown-toggle{background: #05a3da; cursor:pointer; padding:7px 8px; width:40px; margin:0;}
.nav-tabs>li.dropdown .dropdown-toggle span{display:block; height:3px; background: #fff; margin:4px 0;}
.nav-tabs>li.dropdown .dropdown-toggle:before, .nav-tabs>li.dropdown .dropdown-toggle:after{display:none;}
.nav-tabs>li .dropdown-menu{border:solid 1px #05a3da; padding:0;}
.nav-tabs li a:hover{color:#05a3da; background: none;}
.nav-tabs li.active > a{background: #05a3da!important; color: #fff!important;}
.tab-content{padding:25px 0 ;}
.nav-tabs .dropdown-menu > li > a{ padding:6px 20px; font-family: 'ZurichCnBTRegular'; font-size:16px;}

.big-video{ width:700px; margin:15px auto; overflow:hidden;}
.big-video img{ width:100%;}
.video-slide .owl-item {padding:0 15px; }
.video-slide{ padding:40px 0 0 0; position: relative;}
.video-slide .video-img {display:block; margin:0 auto 20px;}
.video-slide p {text-align:center;}
.video-slide .owl-buttons {position: absolute; top: 40%; left:0px; right: 0; font-size: 0px;}
.video-slide .owl-buttons .owl-prev, .video-slide .owl-buttons .owl-next {position: absolute; cursor: pointer; display: block; height: 30px; width: 30px; z-index: 1; margin-top:-26px; opacity:0.3;}
.video-slide .owl-buttons .owl-prev  {left:-10px;  background: rgba(0, 0, 0, 0) url("../images/prev-arrow.png") no-repeat scroll center center;} 
.video-slide .owl-buttons .owl-next  {right:-10px; background: rgba(0, 0, 0, 0) url("../images/next-arrow.png") no-repeat scroll center center;}
.video-slide .owl-buttons .owl-prev:hover, .video-slide .owl-buttons .owl-next:hover {opacity:1;} 
.blogtop{ background:#f2f2f2; padding:20px; margin-bottom:30px; overflow:hidden;}
.blog-view label{ font-weight:normal; padding-right:5px;}
.bvpad{ padding-right:20px;}
.blog-view .form-control{ min-width:190px;}
.btr{ text-align:right;}
.blog-content h3.title2{ padding-right:80px; margin-bottom:13px; }
.blog-content h3.title2 span.date{ position:absolute; bottom:7px; right:0; color:#868585; font-size:16px;}
.blg-text{ padding:0 0 20px 0;}
.sb-box{ display:table; width:100%; border:1px solid #e5e5e5; font-size:14px; background:#FFF; line-height:1.2; position:relative;}
.sb-chk{ display:table-cell; background:#e8e8e8; width:30px; text-align:center; vertical-align:middle;}
.sb-chk.active{background:#19a5d5;}
.sb-price{ display:table-cell; width:85px; text-align:center; vertical-align:middle; border-right:1px solid #dadada; font-family: 'ZurichCnBTRegular', arial;}
.sb-detail{ display:table-cell; padding:17px 60px 17px 17px;}
.sb-detail h3{ color:#000; font-size:16px; font-family: 'ZurichCnBTRegular', arial; margin:0; padding:0 0 8px 0;}
.sb-detail span{ color:#19a5d5; font-size:15px; font-family: 'ZurichCnBTRegular', arial;}
.lpad{ padding-right:25px;}
.sb-price .seats{ font-size:56px; line-height:85%; color:#19a5d5;}
.bluetext{ color:#19a5d5;}
.redtext{ color:#e52121;}
.prs{ font-size:24px; color:#757575;}
a.sblink{ cursor:pointer; position:absolute; top:50%; border-radius:3px; right:15px; margin-top:-17px; width:35px; height:35px; background:url(../images/plus-min.png) 0px -35px no-repeat;}
a.sblink.collapsed{ background:url(../images/plus-min.png) 0px 0px no-repeat;}
a.sblink:hover{ background-color:#f3f3f3;}
.totalprice{ padding:10px 0 20px 0; font-size:18px; font-family: 'ZurichCnBTRegular', arial;}
.totalprice span{font-family: 'ZurichBold', arial; font-size:24px;}
.sb-content{ padding:0; margin:0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.sb-content .sbc{ padding:20px;}
.sbp-price{ background:#595959; color:#FFF; text-align:right; padding:6px 10px;  font-size:18px; font-family: 'ZurichCnBTRegular', arial;}
.webinar-box{margin-bottom:30px; background:#FFF;}
.webinar-header{ background:#595959; color:#FFF; font-family: 'ZurichBold', arial; font-size:20px; padding:8px 15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.webinar-body{padding:15px; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:auto; height:200px;}
.webinar-footer{padding:10px; border:1px solid #ddd; overflow:hidden; font-size:14px; line-height:1.2;}
.wfl{ float:left;}
.wfr{ float:right;}
.webinar-body .inr-list{ padding:0;}
.sbform .form-group{ min-height:60px;}
.imgpad{ margin-bottom:13px;}



/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px){
.menu a.toplink { padding:16px 14px 0 14px; font-size:14px; }
.ban_man{ background-size:400px; height:370px; left:20px;}
.banner{ height:450px; }
.banner .wthfix{ height:450px;}
.ban_text{ padding-top:40px; font-size:40px;}
.ban_text span{ font-size:55px;}
.ban-building{ width:100%; margin-left:0; background-position:right; bottom:-30px; background-size:65%; left:0;}
.step5{ margin:0 -10px; padding:20px 0;}
.stp_box{ width:33.33%; float:left;}
.stp{ margin:0 10px 30px 10px;}
}



@media (max-width: 1030px){
.integration-with{padding:0;}
.content-box span{ height:auto;}
h2.osa_title { font-size: 32px; padding:0 0 30px 0;}
.content-box{ margin:0 0 40px 0; padding:15px 20px !important; min-height:350px;}
.btn-box{ margin:0 0 40px 0;}
.content-box h3{ font-size:22px;}
.inner{ padding-top:30px !important;}
.menu a.toplink { text-transform:none !important; }
}


@media (max-width: 991px){
.banner{ height:350px; }
.banner .wthfix{ height:350px;}
.ban_text{ font-size:30px; padding-top:20px;}
.ban_text span{ font-size:50px;}
.ban_ect, .ban_btn{ padding-top:20px;}
.ban-building{background-size:80%; bottom:-40px;}
.ban_man{ background-size:320px; height:298px; left:10px;}
.ban_btn a {height: 50px; padding: 8px 25px;}
.last{ right:0;}
.menu a.toplink { padding:17px 11px 0 11px; font-size:12px; }
/*.homelink{ display:none;}*/
h2.osa_title{ font-size:28px;}
.hitw-list li{height:180px;}
.auditor-block{ padding:20px;}
.auditor-img{width:250px;}
.search-form{padding:15px; margin:0;}
.srl_text{ width:280px;}
.srl_address{ width:310px;}
.srl_left{ width:270px;}
.srl_right{ margin-left:290px;}
.cusform .control-label{ padding-top:0; padding-bottom:3px;}
.webinar-body{height:260px;}
.content-box h3{ font-size:22px; text-align:center;}
.content-icon{ display:block; margin:0 auto;}
.content-box{ min-height:390px;}
.col2 .content-box{ min-height:325px !important;}
.inner{ padding-top:20px !important;}
}

@media (max-width: 767px){	
.header{height:114px; min-width:320px; }
.hdr{height:64px; padding:0 10px;} 
.main-content{ padding:114px 0 0 0;}
.logo {padding-top:10px; margin-left:-2px; }
.logo img{ height:32px;}
.call{ float:none; position:absolute; top:72px; right:10px; color:#f3f3f3; background-image:url(../images/cal-icon2.png);}
.headerinfo{ padding:15px 0 0 0; margin-right:-2px;}
.headerinfo a{ width:44px; padding:0 !important; margin-left:6px; text-indent:-9999px; }
.headerinfo a.login{ background:url(../images/ic-login.png) center 0px no-repeat; width:42px; }
.headerinfo a.onlinechat{ background:url(../images/ic-chat.png) center 0px no-repeat;}
.main-navigation{ height:50px; }
.menu { clear: both; min-width: inherit; float: none; min-height:0px; position:fixed; width:100%; top:114px; bottom:0; overflow:auto !important;}
.menu, .menu > ul ul { overflow: hidden; max-height:0; background:#0089bf; width:100%; padding:0; }
.menu.active, .menu li.active > ul { max-height: 100%; }
.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; box-shadow:none; }
.menu li.has-submenu > a:after { background:url(../images/downArrow.png) no-repeat; width:36px; height:14px; content: ''; position: absolute;    top: 50%;	margin-top:-7px;    right: 0;    display: block;  }
.menu li.has-submenu.active a:after { background:url(../images/upArrow.png) no-repeat; width:36px; height:14px; content: "";  }
.menu li.top{float:none; margin-right:0;  border-bottom:1px solid #50a6d1;}
.menu a.toplink { color:#FFF;  font-size:16px;}
.menu a.toplink:hover, .menu .top:hover a.toplink, .menu li.top.selected a.toplink, .menu li.top.active a.toplink { background:#0089bf; color:#FFF; }
.sub-menu{ background:#00719d !important; padding:0 !important;}
.sub-menu a{ padding-left:30px !important;}
.sub-menu a:hover{ background-color:#006085 !important;}
a.menu-toggle { display: block;}
.banner{ height:230px;}/**/
.banner .wthfix{ height:230px;}
.ban-building{ background-size:400px 128px; height:128px;}
.ban_man{ display:none;}
.ban_text{ font-size:22px; padding-top:18px;}
.ban_text span{ font-size:22px;}
.ban_ect, .ban_btn{ padding-top:17px;}
a.videoopenlink { background-size: 50px; width: 50px; height: 50px;}
a.videoopenlink:hover{background-position:0px -51.5px;}
.ban_btn a { font-size: 18px; height:42px;}

.footer-testimonial{ font-size:16px;}
.slide-table{ display:block; width:auto; padding:0;}
.slide-cell{ display:block; text-align:center;}
.img_pad{ padding-left:0;}
.slidetext{ padding-left:0; padding-right:0;}
.flex-direction-nav{ display:none;}
.footerbox{ padding-top:25px;}
h2.osa_title {font-size: 24px; padding:0px 0 10px 0;}

.hm-linkbox{ text-align:center !important; padding:15px 0 5px 0;}
.integration-with{ padding:0;}
.bluebg{padding:30px 20px 0 20px;}
.bluebg a{ margin-bottom:30px;}
.step5{ padding:0; margin:0;}
.stp_box{ width:auto; float:none;}
.stp{ height:auto; padding-bottom:30px; margin:0 0 20px 0;}
a.videolink{margin:20px auto 15px auto;}
.page-title{ margin:0 0 17px 0;}
.page-title h1{  font-size:24px;}
.text1{ font-size:18px;}
.title2{ font-size:18px; margin:0 0 15px 0;}
.title2 span.righttext.mandatory{ font-size:12px;}
.btn-sft{ display:block; width:100%;}
.title3{ padding:5px 0 5px 0; margin:0 0 14px 0; }
.hitw-list li{ float:none; height:auto; width:auto; margin:0 0 30px 0 !important; position:relative;}
.hitw-hover, .hitw-list li:hover .hitw-hover, .hitw-list li:hover .hitw-img:before{ display:none !important;}
.hitw-img:after{ width:41px; height:12px; right:auto; left:50%; top:auto; bottom:-12px; background:url(../images/ar3.png) no-repeat; margin:0 0 0 -20px;}
.grbg{ padding:15px;}
.mobpadtop{ padding-top:20px !important;}
.padtop{ padding-top:0 !important;}
.cb-left{ display:block; padding:15px; width:auto;}
.cb-right{ display:block; padding:15px;}
.contact-img{ margin:20px 0 10px 0;}
.auditor-img{display:none;}
.auditor-block{ display:block;}
.search-form h2.title2{display:none;}
.search-form{ margin-bottom:25px; display:none; position:static;}
.ic-search{ display:block;}
.sr_open.search-form{ display:block;}
.srl_img{ margin:0 auto; float:none;}
.srl_text{ width:auto; padding-left:0; height:auto; padding:10px 0 0 0; display:block; text-align:center;}
.srl_text p{ text-align:center;}
.srl_address{ width:auto; padding-left:0; height:auto; display:block; background:#f5f5f5; padding:10px; margin:13px 0 0 0;}
.sr_list li{padding-bottom:0px;}
.pager, .pager .text-right{text-align:center;}
.pager .text-right{ padding-top:8px;}
.srl_left{ float:none; width:auto; padding:15px; }
.srl_right{ margin-left:0; padding-top:20px;}
.page-title .btn-back{ display:none;}
.pd_wth1{ width:25%;}
.price-data th, .price-data td{ white-space:normal !important; }
.loginbox{ width:auto; margin:0 auto 15px auto; height:auto; display:block;}
.login-img{ display:block; height:4px; width:auto; background:#19a5d5; margin-top:-1px; }
.login-img img{ display:none;}
.login-content{ display:block; padding:20px 15px;}
.loginbox .checkbox{ margin:0 0 20px 0;}
.po-value{font-size:18px;}
.alert-msg{padding-left:15px;}
.po-space:before{ display:none;}
.video-box{ display:block;}
.video-img{ margin:0 auto; display:block;}
.video-content{ display:block; padding:15px 0 0 0;}
.video-list li.vli{ padding:20px 0 20px 0; }
.big-video{ width:auto; }
.video-slide .owl-buttons {display:none;}
.bvpad{ padding-right:0;}
.btr{ text-align:left;}
.blog-content h3.title2{ padding-right:0; margin-bottom:13px; }
.blog-content h3.title2 span.date{ position:static; bottom:0; padding-left:3px;}
.sb-price{ width:60px;}
.sb-detail{ padding:13px;}
.sb-detail span{ display:block;}
.lpad{ padding-right:0;}
.sb-detail p{ text-align:left;}
a.sblink{top:auto; bottom:10px; right:10px; margin-top:0; }
.wfl, .wfr{ float:none;}
.wfr{ margin-top:8px;}
.webinar-header{ font-size:17px; padding:8px 15px; white-space:normal;}
.webinar-body{height:auto;}
.webinar-body .inr-list li{ font-size:14px; line-height:1.3; background-position:0px 2px;}
.sbform .form-group{ min-height:30px;}
.hdrchatbtn { width:70px; padding:22px 0 0 12px;}
.hdrchatbtn a img{ width:100%;}
.imgpad{ margin-bottom:0;}

}







/*************************************************************************************/
.con-pad{ padding:4%;}
.hm-linkbg{ background:#eef1f2;}
.grlink-block{ text-align:center; margin:0 auto 30px auto; width:900px;}
.mr30{ padding-bottom:2%;}
a.grlink{ position:relative; height:80px; display:table-cell; width:450px; padding-left:100px; vertical-align:middle; text-align:left; font-size:22px; color:#2b3f4d; text-decoration:none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
a.grlink span{ position:absolute; left:0; top:0; background:url(../images/gr-link.png) 0px 0px no-repeat; width:80px; height:80px; border-radius:50%; border:1px solid #374b59; display:inline-block; vertical-align:middle; transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
a.grlink span.grl1{ background-position:0px 0px;}
a.grlink:hover span.grl1{ background-position:-80px 0px;}
a.grlink span.grl2{ background-position:0px -80px;}
a.grlink:hover span.grl2{ background-position:-80px -80px;}
a.grlink span.grl3{ background-position:0px -160px;}
a.grlink:hover span.grl3{ background-position:-80px -160px;}
a.grlink span.grl4{ background-position:0px -240px;}
a.grlink:hover span.grl4{ background-position:-80px -240px;}

a.grlink:hover{ color:#19a5d5;}
a.grlink:hover span{border-color:#19a5d5;}
.footbot{ padding-top:20px; padding-bottom:20px;}

.padl{ padding-left:50px;}
.padr{ padding-right:50px;}


@media (max-width: 1030px){	
.btn-box span{font-size:20px; line-height:1.2;}
.integration-with .content-box{ min-height:438px;}

.padl{ padding-left:20px;}
.padr{ padding-right:20px;}
}

@media (max-width: 991px){	
.con-pad{ padding:25px;}
.btn-box span{font-size:17px; padding:6px 0 0 0;}
.content-box p, .content-box span{ font-size:16px;}
.grlink-block{ text-align:center; margin:20px auto; width:700px;}
a.grlink{ width:350px; padding-left:95px; font-size:20px;}
.footbot{ padding-top:5px !important; padding-bottom:5px !important;}
.padl{ padding-left:15px;}
.padr{ padding-right:15px;}
}


@media (max-width: 767px){	
.con-pad{ padding:20px;}
.content-box{ margin:0 0 30px 0; padding:15px; min-height:100px;}
.col2 .content-box{min-height:100px !important;}
.btn-box{ margin:0 0 30px 0;}
.grlink-block{ text-align:center; margin:0 auto; width:auto;}
a.grlink{display:block; width:auto; padding:20px 0; font-size:16px; height:auto; line-height:1.1;}
a.grlink span{position:static; float:left; margin-right:10px; width:40px; height:40px; background-size:80px; margin-top:-12px;}
.integration-with .content-box{ min-height:100px;}
a.grlink span.grl1{ background-position:0px 0px;}
a.grlink:hover span.grl1{ background-position:-40px 0px;}
a.grlink span.grl2{ background-position:0px -40px;}
a.grlink:hover span.grl2{ background-position:-40px -40px;}
a.grlink span.grl3{ background-position:0px -80px;}
a.grlink:hover span.grl3{ background-position:-40px -80px;}
a.grlink span.grl4{ background-position:0px -120px;}
a.grlink:hover span.grl4{ background-position:-40px -120px;}

.btn-box a{ height:auto; padding:15px;}
.btn-box a span{ padding:0;}
}


/* Float */
.content-box {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.content-box:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  box-shadow: 0 1px 20px rgba(0,0,0,.2);
}

/* Outline Inward */
.btn-box a {
  display: block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.btn-box a:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #19a5d5 solid 1px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.btn-box a:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}


/* Trim */
.stp {
  display: block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.stp:after {
  content: '';
  position: absolute;
  border: #19a5d5 solid 3px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.stp:hover:after {
  opacity: 1;
}

.l-link{ position:relative;}
.l-fp-link{ position:absolute; right:0; top:-38px; display:block;}
.reg-spac{ margin:10px 0 0 0; text-align:right;}

@media (max-width: 767px){	
.l-fp-link{ position:static; margin-top:15px;}
.reg-spac{ text-align:left;}

}
#scz8vp img{ width:100%; }
#scz8vp a{ padding:7px 0px 0 0 !important;  }
@media (max-width: 767px) {
#scz8vp a{  text-indent:0px !important; }
}


.footerbox p{content:"hi there";}

p.info-text {font-size: 13px;padding-top: 5px;padding-bottom: 0px;}
p.info-text .red {color: #e52121;}
p.info-text strong {font-family: arial;font-weight: bold;}
.otp-box {position: relative;padding-left: 100px;margin-top: 10px;}
.otp-box .btn {width: 90px;padding: 5px;border-radius: 0px;position: absolute;top: 0;left: 0px;}
p.info-text.otp-info {padding-top: 0px !important;margin-bottom: 15px;}
.reg-form .text-primary {color: #333 !important;}
.reg-form .errorTextbox {border: 1px solid #dc3545 !important}
.reg-form .form-control {border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.reg-form .text-danger {color: #dc3545 !important;}
.reg-form .info-msg {font-size: 13px !important;}
.reg-form p.info-text strong {font-family: arial;font-weight: bold;}
.reg-form .message {padding: 5px;}
.reg-form .text-warning {color: #e6721b !important;}

/*----- Paid Webinar ------------*/
.wb-detail{display:table-cell;padding:17px 60px 17px 17px}.wb-detail h3{color:#222;font-size:24px;font-family:'ZurichCnBTRegular',arial;margin:0;padding:0 0 8px}.wb-detail span{color:#19a5d5;font-size:15px;font-family:'ZurichCnBTRegular',arial}#webinarlist p{padding-bottom:20px}#webinarlist{min-height:500px;padding:10px 0}#webinarlist p{display:inline-block}#webinarlist h2{padding-bottom:20px;font-size:36px;font-weight:700;text-transform:uppercase;color:#222}#webinarlist .single_webinarlist_item{border:1px solid #ddd;border-bottom:3px solid #19a5d5;background-color:#fff;box-shadow:0 1px 8px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1);-ms-transition:all 200ms ease-in;-ms-transform:scale(1);-moz-transition:all 200ms ease-in;-moz-transform:scale(1);transition:all 200ms ease-in;transform:scale(1)}#webinarlist .single_webinarlist_item:hover{box-shadow:0 1px 15px rgba(0,0,0,.55);z-index:2;-webkit-transition:all 200ms ease-in;-webkit-transform:scale(1);-ms-transition:all 200ms ease-in;-ms-transform:scale(1);-moz-transition:all 200ms ease-in;-moz-transform:scale(1);transition:all 200ms ease-in;transform:scale(1)}#webinarlist .webinarlist_content{padding:15px}#webinarlist .webinarlist_content h3{font-family:'ZurichBold',arial;font-size:28px;font-weight:700;padding:10px 60px 10px 0;color:#05a3da}#webinarlist .expert{padding-bottom:0;color:#aeadad}#webinarlist .expert span.present{padding-right:10px;font-size:15px;font-weight:600;color:#333}#webinarlist .expert span.price{padding-right:10px;font-size:28px;font-weight:700;color:#ff9d01}#webinarlist .expert span.dttm{padding-right:5px;font-size:16px;font-weight:700;color:#05a3da}#webinarlist .expert p.right_side{padding-left:10px}#webinarlist p.webinarlist_news_content{padding-bottom:15px}
.ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:500!important}.ribbon::after,.ribbon::before{position:absolute;z-index:-1;content:'';display:block;border:5px solid #df8900}.ribbon span{position:absolute;display:block;width:225px;padding:14px 0;background-color:#ff9d01;box-shadow:0 5px 12px rgba(0,0,0,.1);color:#fff;font:700 22px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-right{top:-10px;right:5px}.ribbon-top-right::after,.ribbon-top-right::before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right::before{top:0;left:0}.ribbon-top-right::after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;transform:rotate(45deg)}

/* --- Holiday ---- */
.btn1{height: 41px;width:397px;background-image:url('../images/holiday11-2020.jpg');background-repeat:no-repeat;background-color: rgba(0,0,0,0);border: none;margin-right:15px;display:none;}
.call1{float:left;padding:0 0 0 15px;font-size:20px;color:#656565;font-family:ZurichBold,arial;}
/************************** Home Popup ***************************************/

.modal,
.modal-box {
  /*z-index: 1001;*/
}

.modal-sandbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}

.modal {
  display: none; 
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,.8);
  overflow: auto;
}
.modal-box {
  position: relative;
  width: 670px;
  margin: 50px auto;
  animation-name: modalbox;
  animation-duration: .3s;
  animation-timing-function: ease-out;
}
.modal-header {
  padding: 20px 40px;
  background: #ffffff;
  color: #ff0000;
  border-bottom: 1px solid #ffffff;
}
.modal-body {
  background: #ffffff;
  padding: 30px 40px;
}

/* Close Button */
.close-modal {
  text-align: right;
  cursor: pointer;
}

/* Animation */
@-webkit-keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}

@keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}
/* --- Holiday ---- */