/* These are custom styles written for Vizmato Android Hels and Support Page
Author - Varun K H*/
@font-face {
    font-family: 'MSCryl';
    src: url('https://support.globaldelight.net/assets/fonts/MuseoSansCyrl_0.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MSCrylfivehundred';
    src: url('https://support.globaldelight.net/assets/fonts/MuseoSans_500.otf');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'MSCryl' !important;
	color:#000000 !important;
	font-size:30px;
}

a:hover{
	text-decoration:none;
}

p{
	padding:0px;
	margin:0px;	
}

.nopadding {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

#vizmatoLogo{
	margin-left:40px;
	margin-top:34px;
	float:left;	
}

.navbar {
	 height: 128px;
	 float:left;
}

.navbar-inverse {
	background-color:#272b3e;
	border:none;
	-webkit-box-shadow: 0 3px 20px -2px #000000;
   -moz-box-shadow: 0 3px 20px -2px #000000;
        box-shadow: 0 3px 20px -2px #000000;	
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover  {
	border:none;	
	background:none;
}

.navbar-header{
	height:128px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 40px;
    height: 5px;
	border-radius:0px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 10px;
}

.navbar-toggle {
	margin-top: 37px;
    margin-right: 34px;	
}

.navbar-nav{
	background-color:#272b3e;
	margin: 0px -15px;	
}

.navbar-nav li a {
    width: 100%;
    text-align: center;
    padding-top: 21px;
    border-bottom: 1px solid #000000;
}

.navbar-brand {
	height: 65px;
}

#bannerWrapper{
	background-color:#ff4359;
	height:57px;
}

#bannerWrapper a{
	    float: left;
    padding-left: 13px;
    padding-top: 5px;
}

#bannerWrapper a img{
	height:18px;	
}

h1{
	font-family: 'MSCrylfivehundred';
	color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    float: left;
    text-align: center;
    margin-top: 17px;
    margin-left: 27px;
}	

h2{
	color:#ffffff;
	font-family: 'MSCrylfivehundred';
	font-weight:300;
	font-size:74%;
	width:100%;
	text-align:center;
	margin-top:7px;
	padding-bottom:62px;
}	

#faqWrapper{
	float:left;
	width:86%;
	margin-left:7%;
	margin-right:7%;
}

.faqHeader{
	height:90px;
	border-bottom:1px solid #bfbdbd;	
}

.faqCatHeader{
	min-height:54px;
	border-bottom:1px solid #bfbdbd;
}

h3{
	font-family: 'MSCryl';
	font-weight:300;
	color:#272b3e;
	font-size:85%;
	padding-top: 11px;
    padding-left: 8px;
}

.paddingSeparator{
	height:45px;
}

.faqCatHeader a{
	width:100%;
	height:100%;	
	float:left;
	cursor:pointer;
	position:relative;
}

.faqCatHeader a img{
	margin:auto;
	top:0;bottom:0;
	left:3px;
	position:absolute;
}

.catIcon img{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
}

.catName{
	font-family: 'MSCrylfivehundred';
    font-weight: 400;
    font-size: 60%;
    text-decoration: none;
    color: #000000;
    padding-top: 13px;
    padding-left: 40px;
    padding-right: 13px;
    float: left;
    padding-bottom: 13px;
    width: 82%;
}

.catSlideOpenClose{
	position:absolute;
	width:21px;
	height:21px;
	background-image:url(https://d3jbf8nvvpx3fh.cloudfront.net/support/web/vizmato-android/expand-close-category.svg);
	background-size:21px 42px;
	background-position:0px 0px;
	margin:auto;
	right:6px;
	top:0;
	bottom:0;
	/* Firefox */
	-moz-transition: all 0.2s ease;
	/* WebKit */
	-webkit-transition: all 0.2s ease;
	/* Opera */
	-o-transition: all 0.2s ease;
	/* Standard */
	transition: all 0.2s ease;
}

.tabContent{
	float:left;
	list-style-type:none;
	margin-bottom:0px;
	display:none;
}

.tabContent li{
	float:left;
	min-height:54px;
	width:100%;
}

.tabContent li p{
	font-family: 'MSCrylfivehundred';
    font-weight: 300;
    font-size: 54%;
    padding-top: 13px;
    padding-bottom: 13px;
}

.faqOpenClose{
	float:right;
	width:22px;
	height:22px;
	/* background-image:url(https://d3jbf8nvvpx3fh.cloudfront.net/support/web/vizmato-android/expand-close-faq.svg); */
	background-size:22px 44px;
	background-position:0px 0px;
	position:absolute;
	right:2%;
	top:0;
	bottom:0;
	margin:auto;
	/* Firefox */
	-moz-transition: all 0.2s ease;
	/* WebKit */
	-webkit-transition: all 0.2s ease;
	/* Opera */
	-o-transition: all 0.2s ease;
	/* Standard */
	transition: all 0.2s ease;
}

.tabContent li a{
	color:#000000;
	text-decoration:none;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	width:100%;
	height:100%;
	position:relative;
	float:left;
}

.faqAnswer{
	color:#000000;	
	font-family: 'MSCryl';
    font-weight: 300;
    font-size: 54%;
	padding-top:23px;
	display:none;
}

.faqAnswer p{
	padding:0px !important;
	/* padding-bottom:30px !important; */
	padding-bottom:0px !important;
	
	font-size: 54%;
	font-weight: 300;
    font-family: 'MSCryl' !important;

}

.faqAnswer ul li{
	list-style-type:disc;	
	height: auto !important;
    min-height: auto !important;
	padding-bottom:13px;
}

.faqAnswer p strong{
	font-size: initial !important;
}

.faqAnswer p{
	font-size: initial !important;
}

.faqAnswer p a, .faqAnswer ul li a{
	border:none !important;
	height:auto !important;
	min-height:auto !important;	
}

.feedbackHeader{
	color:#000000;	
	font-family: 'MSCryl';
    font-weight: 300;
	width:100%;
	border-bottom:1px solid #bfbdbd;
	padding-bottom:9px;
	float:left;
	padding-top:20px;
}

.feedbackText{
	color: #000000;
    font-family: 'MSCryl';
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 23px;
}

.writeToUs{
	font-family: 'MSCryl';
	background-color:#1a85e7 !important;
	font-weight: 300;
	width:auto !important;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	color:#ffffff !important;
	border-radius: 4px;
	height: 34px !important;
}

.faqAnswersSeparator{
	padding-top:30px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}