p strong a
{
	display: block;
	margin-top: -60px;
	padding-top: 60px;
}
a.gototop {
	color: #673bb8;
	opacity: 0;
	position: fixed;
	bottom: 1em;
	right: 1em;
	transition: opacity 1s linear, visibility 0s linear 1s;
	-webkit-transition: opacity 1s linear, visibility 0s linear 1s;
	visibility: hidden;
	z-index: 1030;
}
a.gototop.visible {
	opacity: 1;
	visibility: visible;
	transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear;
}
a.gototop i.fa-arrow-up {
	color: #fff;
}

/* Author : Maye Edwin : https://maye.gdgmoi.com hosted by : https://www.pwafire.org
License : https://github.com/mayeedwin/faq-beta/blob/master/LICENSE
*/

/* Style the element that is used to open and close the faqbeta_accordion class */

p.faqbeta_accordion {
    background-color: #6E6E6E;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 700px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom: 10px;
}


/* Add a background color to the faqbeta_accordion if it is clicked on
 (add the .active class with JS), and when you move the mouse over it (hover) */

p.faqbeta_accordion.active,
p.faqbeta_accordion:hover {
    background-color: #848484;
}


/* Unicode character for "plus" sign (+) */

p.faqbeta_accordion:after {
    content: '\2795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}


/* Unicode character for "minus" sign (-) */

p.faqbeta_accordion.active:after {
    content: "\2796";
}


/* Style the element that is used for the faqbeta_panel class */

div.faqbeta_panel {
    padding: 0 18px;
//    background-color: #fbfbfb;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: 10px;
    text-align: left;
    width: 700px;
}

div.faqbeta_panel.show {
    opacity: 1;
    max-height: 500px;
    /* Whatever you like, as long as its more than the height
     of the content (on all screen sizes) */
}
/*style the main faq-beta section*/
#gdg-faqs {
    padding: 10px;
 //   background-color: #fbfbfb;
}


/*  define for pixel-device ratio */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    #gdg-faqs {
        padding: 10px;
    }
    p.faqbeta_accordion {
        background-color: #6E6E6E;
        color: #fff;
        cursor: pointer;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
    }
    div.faqbeta_panel {
        width: auto;
    }
}