@CHARSET "ISO-8859-1";
a.button, button, html input[type="button"] {
    background: none ;
    border-color: none !important;
    border-radius: none !important;
    border-style:none !important;
    border-width: none !important;
    box-shadow: none !important;
    color: none !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: none !important;
    text-decoration: none;
    text-shadow: none !important;
    width: auto;
}

.prayertimes_container {
	background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 1036px;
    /*width:100%;*/
    height: 586px;
    margin: 0 auto;
    padding: 0;
    
    transition: background 0.9s linear;
     -moz-transition: background 0.9s linear; /* Firefox 4 */
     -webkit-transition: background 0.9s linear; /* Safari and Chrome */
    -o-transition: background 0.9s linear; /* Opera */
}

.month-coverter {
   height: 180px;
}

.month-coverter a.button:focus, button:focus{
   background-color: #696868 !important;
}


.converter-btn {
    border-radius: 3px;
    width: 130px;
    height: 30px;
    text-align: center;
    border: none;
    padding: 4px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #abaaaa !important;
}
.converter-btn:focus {
	background: #abaaaa !important;
}
.converter-btn a {
    color: #ffffff;
    text-decoration: none;
}

.converter-btn a:active
{
	background-color: #696868 !important;
}
.converter-items {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
}
.converter-select {
    float: left;
    width: 130px;
    height: 40px;
    margin-left: 10px;
}
.converter-select label {
    float: left;
    margin-bottom: 8px;
}
.converter-select select {
    clear: both;
    float: left;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-color: #f3f3f3;
    border: 1px solid #f2f2f2;
    background-image: url(images/icon/select.png);
    background-position: right -3px center;
    background-repeat: no-repeat;
    width: 100%;
    height: 22px;
    box-shadow: 0px 0px 1px 1px #ccc;
}
.btn-convert {
    background-color: #3fa800;
    border: none;
    cursor: pointer;
    width: 104px;
    height: 30px;
    text-align: center;
    padding: 4px 0;
    box-sizing: border-box;
}
.btn-convert:focus {
	background: #3fa800 !important;
}
.btn-convert a {
    color: #FFF;
    text-decoration: none;
}
.bg-converter .header-font-color {
    color: #ffffff !important;
}
.conveter-prayer-modal {
    width: 450px;
    min-height: 175px;
    margin: 40px auto;
    position: relative;
    
    /* Removed by Amr on 1/17/2019 */
    //background-color: #FFF;
    //box-shadow: 0px 0 3px 1px #ccc;
}
.converter-btn-groups {
    width: 273px;
    margin: 15px auto;
    display: block;
}

.selected-btn
{
	 background-color: #696868 !important;
}
.selected-btn:focus
{
	background: #696868 !important;
}
/** Start template main**/
.bg-conveter
{
	background-image: url("images/bg/bg_conveter.jpg");
}
.bg-conveter .header-font-color
{
	 color: #ffffff !important;
}

/* star */
.bg-DailyPrayerTimesInBetween
{
	background-image: url("images/bg/DailyPrayerTimesInBetween.jpg");
}

.bg-DailyPrayerTimesInBetween .header-font-color {
    color: #ffffff !important;
}

.bg-DailyPrayerTimesInBetween .search-font-color {
    color: #ffffff !important;
}


.bg-DailyPrayerTimesInBetween .result-header-font-color {
    color: #414142 !important;
}

.bg-DailyPrayerTimesInBetween .bar-font-color {
    color: #414142 !important;
}

.bg-DailyPrayerTimesInBetween .buttons-font-color {
    color: #ffffff !important;
}

.bg-DailyPrayerTimesInBetween .prayertimes-font-color {
    color: #ffffff !important;
}

.bg-DailyPrayerTimesInBetween .prayer-name {
    font-size: 30px !important;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 10px;
}

.bg-DailyPrayerTimesInBetween .azan-info {
    font-size: 15px !important;
    text-align: center;
    line-height: 20px;
    margin-top: .3em;
	opacity: .6;
}

.bg-DailyPrayerTimesInBetween .gradient {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    
    border: 1px solid #ffffff;
    display: inline-block;
    background: -moz-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(115,117,123, 0.5)), color-stop(100%, rgba(115,117,123, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}

.bg-DailyPrayerTimesInBetween .bottom_area a:hover
{
	color: #ffffff;
}
.bg-DailyPrayerTimesInBetween .btn-coverter {
    width: 180px !important;
    height: 31px !important;
    background-color: rgba(117,120,94, 0.7) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:28px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-DailyPrayerTimesInBetween .prayer-time-body {
	/*background-color: rgba(157, 150, 150, 0.8) !important;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff; */
	font-weight: 700 !important;
    display: block;
    height: 60px;
    margin: 13px 0 15px;
    padding-top: 5px;
    width: 100%;
}
.bg-DailyPrayerTimesInBetween .prayer-time {
    display: block;
    height: 58px;
    margin: auto;
    width: 440px;
}
.bg-DailyPrayerTimesInBetween .prayers,.prayers-time {
    color: #ffffff;
    float: left;
    width: 100%;
}

.bg-DailyPrayerTimesInBetween .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
	background-color: rgba(76, 100, 127, 0.7) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-DailyPrayerTimesInBetween .more-info {
    margin-left: .5em;
}

.bg-DailyPrayerTimesInBetween .more-info a {
    color: #323333 !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}

/* end */
/* Start main */

.bg-main {
    background-image: url("images/bg/bg_main.jpg");
}

.bg-main .header-font-color {
    color: #ffffff !important;
}

.bg-main .search-font-color {
    color: #ffffff !important;
}


.bg-main .result-header-font-color {
    color: #ffffff !important;
}

.bg-main .bar-font-color {
    color: #ffffff !important;
}

.bg-main .buttons-font-color {
    color: #ffffff !important;
}

.bg-main .prayertimes-font-color {
    color: #ffffff !important;
}

.bg-main .prayer-name {
    font-size: 30px !important;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 10px;
}

.bg-main .azan-info {
    font-size: 15px !important;
    text-align: center;
    line-height: 20px;
    margin-top: .3em;
	opacity: .6;
}

.bg-main .gradient {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    
    border: 1px solid #ffffff;
    display: inline-block;
    background: -moz-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(115,117,123, 0.5)), color-stop(100%, rgba(115,117,123, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}

.bg-main .bottom_area a:hover
{
	color: #ffffff;
}
.bg-main .btn-coverter {
    width: 180px !important;
    height: 31px !important;
    background-color: rgba(117,120,94, 0.5) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:28px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-main .prayer-time-body {
	background-color: rgba(157, 150, 150, 0.6) !important;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
	font-weight: 700 !important;
    display: block;
    height: 60px;
    margin: 18px 0 15px;
    padding-top: 5px;
    width: 1000px;
}
.bg-main .prayer-time {
    display: block;
    height: 58px;
    margin: auto;
    width: 440px;
}
.bg-main .prayers,.prayers-time {
    color: #ffffff;
    float: left;
    width: 100%;
}

.bg-main .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
	background-color: rgba(76, 100, 127, 0.7) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-main .more-info {
    margin-left: .5em;
}

.bg-main .more-info a {
    color: #323333 !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}

/*End: main */

.btn-bg {
    background-color: rgba(36, 40, 59, 0.8);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid #ffffff;
    display: inline-block;
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Start: fajr design */

.bg-fajr {
    background-image: url("images/bg/bg_fajr.jpg");
}

.bg-fajr .header-font-color {
    color: #ffffff !important;
}

.bg-fajr .search-font-color {
    color: #ffffff !important;
}


.bg-fajr .result-header-font-color {
    color: #323333 !important;
}

.bg-fajr .bar-font-color {
    color: #323333 !important;
}

.bg-fajr .buttons-font-color {
    color: #ffffff !important;
}

.bg-fajr .prayertimes-font-color {
    color: #ffffff !important;
}

.bg-fajr .prayer-name {
    font-size: 30px !important;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 10px;
}

.bg-fajr .azan-info {
    font-size: 15px !important;
    text-align: center;
    line-height: 20px;
    margin-top: .3em;
	opacity: .6;
}

.bg-fajr .gradient {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    display: inline-block;
    background: -moz-linear-gradient(270deg, rgba(150,120,100, 0.5) 0%, rgba(150,120,100, 0.5) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(150,120,100, 0.5)), color-stop(100%, rgba(150,120,100, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(150,120,100, 0.5) 0%, rgba(150,120,100, 0.5) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(150,120,100, 0.5) 0%, rgba(150,120,100, 0.5) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(150,120,100, 0.5) 0%, rgba(150,120,100, 0.5) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(150,120,100, 0.5) 0%, rgba(150,120,100, 0.5) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}

.bg-fajr .bottom_area a:hover
{
	color: #ffffff;
}
.bg-fajr .btn-coverter {
    width: 180px !important;
    height: 31px !important;
    background-color: rgba(97,91,73, 0.5) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:28px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-fajr .prayer-time-body {
	font-weight: 700 !important;
    display: block;
    height: 60px;
    margin: 18px 0 15px;
    padding-top: 3px;
    width: 1000px;
}
.bg-fajr .prayer-time {
    display: block;
    height: 58px;
    margin: auto;
    width: 440px;
}
.bg-fajr .prayers,.prayers-time {
    color: #ffffff;
    float: left;
    width: 100%;
}

.bg-fajr .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
	background-color: rgba(69, 76, 79, 0.8) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-fajr .more-info {
    margin-left: .5em;
}

.bg-fajr .more-info a {
    color: #323333 !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}


/* End: Fajr Design */

/* Start: zuhr Design */
.bg-zuhr {
    background-image: url("images/bg/bg_zuhr.jpg");
}

.bg-zuhr .header-font-color {
    color: #ffffff !important;
}

.bg-zuhr .search-font-color {
    color: #ffffff !important;
}


.bg-zuhr .result-header-font-color {
    color: #414142 !important;
}

.bg-zuhr .bar-font-color {
    color: #414142 !important;
}

.bg-zuhr .buttons-font-color {
    color: #ffffff !important;
}

.bg-zuhr .prayertimes-font-color {
    color: #ffffff !important;
}

.bg-zuhr .prayer-name {
    font-size: 30px !important;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 10px;
}

.bg-zuhr .azan-info {
    font-size: 15px !important;
    text-align: center;
    line-height: 20px;
    margin-top: .3em;
	opacity: .6;
}

.bg-zuhr .gradient {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    display: inline-block;
    background: -moz-linear-gradient(270deg, rgba(77,108,127, 0.5) 0%, rgba(77,108,127, 0.5) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(77,108,127, 0.5)), color-stop(100%, rgba(77,108,127, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(77,108,127, 0.5) 0%, rgba(77,108,127, 0.5) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(77,108,127, 0.5) 0%, rgba(77,108,127, 0.5) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(77,108,127, 0.5) 0%, rgba(77,108,127, 0.5) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(77,108,127, 0.5) 0%, rgba(77,108,127, 0.5) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}

.bg-zuhr .bottom_area a:hover
{
	color: #ffffff;
}
.bg-zuhr .btn-coverter {
    width: 180px !important;
    height: 31px !important;
    background-color: rgba(35, 67, 71, 0.7) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:28px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-zuhr .prayer-time-body {
	font-weight: 700 !important;
    display: block;
    height: 60px;
    margin: 18px 0 15px;
    padding-top: 3px;
    width: 1000px;
}
.bg-zuhr .prayer-time {
    display: block;
    height: 58px;
    margin: auto;
    width: 440px;
}
.bg-zuhr .prayers,.prayers-time {
    color: #ffffff;
    float: left;
    width: 100%;
}

.bg-zuhr .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
	background-color: rgba(76, 100, 127, 0.7) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-zuhr .more-info {
    margin-left: .5em;
}

.bg-zuhr .more-info a {
    color: #323333 !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}
/* End: zuhr Design */

/* Start: Asr design */
.bg-asr {
    background-image: url("images/bg/bg_asr.jpg");
}

.bg-asr .header-font-color {
    color: #ffffff !important;
}

.bg-asr .search-font-color {
    color: #ffffff !important;
}


.bg-asr .result-header-font-color {
    color: #414142 !important;
}

.bg-asr .bar-font-color {
    color: #414142 !important;
}

.bg-asr .buttons-font-color {
    color: #ffffff !important;
}

.bg-asr .prayertimes-font-color {
    color: #ffffff !important;
}

.bg-asr .prayer-name {
    font-size: 30px !important;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 10px;
}

.bg-asr .azan-info {
    font-size: 15px !important;
    text-align: center;
    line-height: 20px;
    margin-top: .3em;
	opacity: .6;
}

.bg-asr .gradient {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    
    border: 1px solid #ffffff;
    display: inline-block;
    background: -moz-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(115,117,123, 0.5)), color-stop(100%, rgba(115,117,123, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(115,117,123, 0.5) 0%, rgba(115,117,123, 0.5) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}

.bg-asr .bottom_area a:hover
{
	color: #ffffff;
}
.bg-asr .btn-coverter {
    width: 180px !important;
    height: 31px !important;
    background-color: rgba(159, 108, 63, 0.7) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:28px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-asr .prayer-time-body {
	font-weight: 700 !important;
    display: block;
    height: 60px;
    margin: 18px 0 15px;
    padding-top: 13px;
    width: 100%;
}
.bg-asr .prayer-time {
    display: block;
    height: 58px;
    margin: auto;
    width: 440px;
}
.bg-asr .prayers,.prayers-time {
    color: #ffffff;
    float: left;
    width: 100%;
}

.bg-asr .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
	background-color: rgba(76, 100, 127, 0.7) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-asr .more-info {
    margin-left: .5em;
}

.bg-asr .more-info a {
    color: #323333 !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}
/* End: Asr design */

/* Start: magrib design */

.bg-magrib {
    background-image: url("images/bg/bg_magrib.jpg");
}

.bg-magrib .header-font-color {
    color: #ffffff !important;
}

.bg-magrib .search-font-color {
    color: #ffffff !important;
}

.bg-magrib .result-header-font-color {
    color: #ffffff !important;
}

.bg-magrib .bar-font-color {
    color: #ffffff !important;
}

.bg-magrib .buttons-font-color {
    color: #ffffff !important;
}

.bg-magrib .prayertimes-font-color {
    color: #ffffff !important;
}

.bg-magrib .prayer-name {
    font-size: 30px !important;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 10px;
}

.bg-magrib .azan-info {
    font-size: 15px !important;
    text-align: center;
    line-height: 20px;
    margin-top: .3em;
	opacity: .6;
}

.bg-magrib .gradient {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    
    border: 1px solid #ffffff;
   
    display: inline-block;
    background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}

.bg-magrib .bottom_area a:hover
{
	color: #ffffff;
}
.bg-magrib .btn-coverter {
    width: 180px !important;
    height: 31px !important;
    background-color: rgba(23, 63, 77, 0.5) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:28px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-magrib .more-info {
    margin-left: .5em;
}

.bg-magrib .more-info a {
    color: #ffffff !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}

.bg-magrib .prayer-time-body {
	font-weight: 700 !important;
    display: block;
    height: 60px;
    margin: 18px 0 15px;
    padding-top: 3px;
    width: 1000px;
}
.bg-magrib .prayer-time {
    display: block;
    height: 58px;
    margin: auto;
    width: 440px;
}
.bg-magrib .prayers,.prayers-time {
    color: #ffffff;
    float: left;
    width: 100%;
}

.bg-magrib .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
    background-color: rgba(42,57,90, 0.5) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-magrib .more-info {
    margin-left: .5em;
}

.bg-magrib .more-info a {
    color: #ffffff !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}

/* End: magrib design */

/* start: Isha Design */
.bg-isha {
    background-image: url("images/bg/bg_isha.jpg");
}

.bg-isha .header-font-color {
    color: #ffffff !important;
}

.bg-isha .search-font-color {
    color: #ffffff !important;
}

.bg-isha .result-header-font-color {
    color: #ffffff !important;
}

.bg-isha .bar-font-color {
    color: #ffffff !important;
}

.bg-isha .buttons-font-color {
    color: #ffffff !important;
}

.bg-isha .prayertimes-font-color {
    color: #ffffff !important;
}

.bg-isha .prayer-name {
    font-size: 30px !important;
    text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.bg-isha .azan-info {
    font-size: 15px !important;
    text-align: center;
    line-height: 20px;
    margin-top: .3em;
	opacity: .6;
}

.bg-isha .gradient {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    
    border: 1px solid #ffffff;
    display: inline-block;
    background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* ie10+ */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* ie6-9 */
    -moz-box-shadow: 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
}

.bg-isha .bottom_area a:hover
{
	color: #ffffff;
}
.bg-isha .btn-coverter {
    width: 180px !important;
    height: 31px !important;
    background-color: rgba(36, 40, 59, 0.5) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:28px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-isha .more-info {
    margin-left: .5em;
}

.bg-isha .more-info a {
    color: #ffffff !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}

.bg-isha .prayer-time-body {
	font-weight: 700 !important;
    display: block;
    height: 60px;
    margin: 18px 0 15px;
    padding-top: 3px;
    //width: 1000px;
    width:100%;
}
.bg-isha .prayer-time {
    display: block;
    height: 58px;
    margin: auto;
    width: 440px;
}
.bg-isha .prayers,.prayers-time {
    color: #ffffff;
    float: left;
    width: 100%;
}

.bg-isha .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
    background-color: rgba(36, 40, 59, 0.5) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	display: block;
}

.bg-isha .more-info {
    margin-left: .5em;
}

.bg-isha .more-info a {
    color: #ffffff !important;
	text-decoration: underline !important;
	font-size: 11px !important;
}
/* End: Isha Design */

.prayertimes_header {
    height: 75px;
    width: 100%;
    margin: 0;
    padding: 10px 0px 0px 0px;
}

.prayertimes_header .conveter_banner-text
{
	float: left;
    margin-left: 233px;
    margin-top: 35px;
    width: 450px;
}
.prayertimes_header .banner-text {
    float: left;
    margin-left: 350px;
    /*martgin-left:0px;*/
    margin-top: 35px;
    width: 237px;
}

.buttons-group {
    width: 376px;
    height: 26px;
    margin: 5px auto;
}
.buttons-group-daily{
    height: 26px;
    margin: 5px auto;
	width: 531px;
}

/* Start: Margin */

.margin-left-5px {
    margin-left: 5px !important;
}

.margin-left-10px {
    margin-left: 10px !important;
}

.margin-left-8px {
    margin-left: 8px !important;
}


/* End: Margin */


/* Start: Font Sizes */

.font12 {
    font-size: 12px;
}

.font36 {
    font-size: 36px;
}


/* End: Font Sizes */


/* Start: Font Family */

.font-opensans {
    font-family: 'OpenSans' !important;
}

.font-avenirnext-regular {
    font-family: 'Avenir Next LT Pro Regular'!important;
    font-weight: normal !important;
}

.font-avenirnext-demi {
    font-family: 'Avenir Next LT Pro Demi'!important;
    font-weight: normal !important;
}


/* End: Font Family */


/* Start: Font Color */

.fontcolor-white {
    color: #ffffff !important;
}


/* End: Font Color */

.prayertimes_header .social-links {
    float: left;
    margin-top: 30px;
    width: 346px;
}

.prayertimes_header .conveter-social-links {
    width: 250px !important;
}

.social-links a.facebook {
    float: left;
    cursor: pointer !important;
    background-image: url('images/icon/rb-icons/FB.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    display: block;
 	opacity:0;
}

.social-links a.twitter {
    float: left;
    cursor: pointer !important;
    background-image: url('images/icon/rb-icons/T.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    display: block;
	opacity:0;
}

.social-links a.google {
    float: left;
    cursor: pointer !important;
    background-image: url('images/icon/rb-icons/G.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    display: block;
	opacity:0;
}

.prayertimes_header .menu {
    float: left;
    margin-top: 30px;
    width: 65px;
}

.menu a.help {
    float: left;
    cursor: pointer !important;
    background-image: url('images/icon/help.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    display: block;
	opacity:0;
}

.menu a.settings {
    float: left;
    cursor: pointer !important;
    background-image: url('images/icon/settings.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    display: block;
	opacity:0;
}

.prayertimes_searcharea {
    width: 323px;
    height: 32px;
    margin: 15px auto;
    padding: 0;
}

.prayertimes_searcharea .text-box {
    overflow: hidden;
    float: left;
    width: 218px;
    height: 25px;
}

.search-input {
    margin: 0;
    padding-left: 8px !important;
    padding-top: 2px !important;
    border: none !important;
    background: transparent !important;
    width: 185px;
    height: 21px;
    color: #ffffff !important;
    font-size: 14px !important;
    float: left;
    padding-bottom:14px !important;
}

.search-img {
    border: none !important;
    padding: 3px 0 0 5px;
}

input[type="text"]:focus {
    color: #ffffff !important;
}

.btn-daily-view {
    overflow: hidden;
    float: left;
    width: 100px;
    height: 25px;
    text-align: center;
    line-height: 21px !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

.btn-monthly-view {
    overflow: hidden;
    float: left;
    width: 110px;
    height: 32px;
    text-align: center;
    line-height: 28px !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

.clear {
    clear: both !important;
}

.prayertimes_resultarea {
    margin: 0 auto;
    //width: 1000px;
    width:100%;
}

.prayertimes_resultarea .resultheader {
    text-align: center !important;
}

.resultheader .title {
    font-size: 20px !important;
    color: #323333;
}

.resultheader .content {
    margin-top: 10px !important;
    font-size: 14px !important;
	opacity: .8;
}

.animation_area .bar {
    width: 700px;
    height: 38px;
    margin: auto;
	padding: 0px 5px 0px 5px;
	background-image: url("images/bg/bar.png");
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.bar .moving-arrow {
    background-image:url("images/icon/moving-arrow.png");
	background-repeat:no-repeat;
    height: 30px;
    position: relative;
    top: 0;
    width: 30px;
    z-index: 99;
}
.english-name
{
	font-size:11px;
	opacity:0.7;
}
.prayer-time-body {
    width: 1000px;
    height: 65px;
    margin: 15px auto;
    display: block;
}

.prayer-time {
    width: 440px;
    height: 77px;
    margin: auto;
    display: block;

}

.prayers,
.prayers-time {
    width: 100%;
    float: left;
    color: #FFF;
}

.prayer-name-col,
.prayer-time-col {
    float: left;
    width: 73px;
    text-align: center;
    margin-top: 4px;
	font-size: 13px;
	font-weight: normal;
}
.daily-prayer-header-title
{
	float: left;
    width: 73px;
    text-align: center;
    margin-top: 2px;
	font-size: 16px;
	font-weight: normal;
}
.bottom_area
{
	width: 268px !important;
	margin: 0 auto;
}

.bottom_area_home
{
	width: 392px !important;
	margin: 0 auto;
}
.displayblock
{
	display: block !important;
}

/* Start : popup monthly prayer time options */

.month-prayer-modal {
    width: 400px;
    height: 71px;
    margin: 236px 0 0 315px;
    position: absolute;
    background-color: #FFF;
    box-shadow: 0px 0 3px 1px #ccc;
	z-index: 100;
	overflow: visible !important;
}

.modal-box {
    width: 100%;
    float: left;
	padding-bottom: 15px;
	
	/* Added by Amr on 1/17/2019 */
	background-color:rgba(255, 255, 255, 0.87);
	border-radius:3px;
}

.month-select-box {
    float: left;
    margin-left: 10px;
    margin-right: 7px;
    margin-top: 10px;
    width: 175px;
}

.no-margin {
    margin: 0 !important;
    ;
}

.month-select {
    float: left;
    width: 145px;
}

.month-select select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-color: #f3f3f3;
    border: 1px solid #f2f2f2;
    background-image: url(images/icon/select-arrow.png) !important;
    background-position: right center;
    background-repeat: no-repeat;
    width: 100% !important;
    box-shadow: 0px 0px 1px 1px #ccc;
}

.button-go {
    width: 22px;
    height: 18px;
    float: left;
    background-image: url(images/icon/go-btn.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    margin-top: 2px;
}

.button-go a {
    text-decoration: none;
	display: block !important;
}

.close-btn {
    width: 26px;
    height: 26px;
    float: left;
    position: absolute;
    right: -13px;
    top: -10px;
}

.suggest-bar {
    width: 100%;
    float: left;
    background-color: #008c05;
    color: #FFF;
    margin-top: 10px;
    padding: 5px;
    box-sizing: border-box;
}

.distance .qibla-view-modal {

    background-color: #fff;
    box-shadow: 0 0 3px 1px #ccc;
    box-sizing: border-box;
    min-height: 90px;
	width: 438px;
    margin: 195px 0 0 295px;
    padding: 0 14px;
    position: absolute;
    z-index: 110;
}
.distance .help-view-modal {
  	background-color: #fff;
    box-shadow: 0 0 3px 1px #ccc;
    box-sizing: border-box;
    height: 435px;
    margin: 78px 0 0 79px;
   /*  overflow-y: scroll;
	overflow-x: hidden; */
    padding: 0 14px;
    position: absolute;
    width: 884px;
    z-index: 110;
	text-align: justify;
}
.distance .help-view-modal .modal-box {
	height: 370px;
	overflow-y: scroll;
}

.distance .embedpopup-view-modal{

    background-color: #fff;
    box-shadow: 0 0 3px 1px #ccc;
    box-sizing: border-box;
    margin: 214px 0 0 100px;
    min-height: 90px;
    padding: 0 14px;
    position: absolute;
    width: 840px;
    z-index: 110;
}
.distance .gradientpopup-view-modal
{
	background-color: #fff;
    box-shadow: 0 0 3px 1px #ccc;
    box-sizing: border-box;
    margin: 195px 0 0 100px;
    min-height: 90px;
    padding: 0 14px;
    position: absolute;
    width: 840px;
    z-index: 120;
}
.embedpopup-view-modal input[type=text],embedpopup-view-modal input[type=text]:focus
{
	color: #000000 !important;
	width:100% !important;
}

.qibla-view-modal .modal-box
{
	margin-top: 15px !important;
}
/* Start : popup monthly prayer time options */
.displaynone
{
	display: none !important;
}

/* print design */
#monthlyPrayerCanvas .btn-common-design{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 97px;
    height: 25px;
	float: left;
    background-color: rgba(42,57,90, 0.5) !important;
    border: 1px solid #ffffff !important;
    cursor: pointer !important;
    text-align: center;
	line-height:22px;
	text-decoration: none;
	color: #ffffff !important;
	font-size: 13px;
	display: block;
}

.printing-area {
   width: 986px;
    margin: 15px auto;
    display: block;
    background-color: #FFF;
    min-height: 500px;
}
.printing-area-popup {
   width: 595px;
    margin: 15px auto;
    display: block;
    background-color: #FFF;
    min-height: 500px;
}
.printing-body {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px 10px;
	position: relative;
}
.logo-area {
    display: block;
    float: left;
}
.date-area {
    display: block;
    float: right;
     font-size: 15px;
    margin-top: 4.7em;
	color:#1a1919 !important;
}
.chart-row-top {
    width: 99.8%;
    float: left;
    min-height: 40px;
    background-color: #939598;
    color: #FFF;
    border-left: 1px solid #000;
}
.chart-col {
    border-right: 1px solid #000;
    box-sizing: border-box;
    float: left;
    font-size: 15px;
    height: 40px;
    padding: 10px 5px 0;
    text-align: center;
    width: 107px;
}
.chart-row {
    width: 99.8%;
    float: left;
    min-height: 28px;
    color: #FFF;
    border-left: 1px solid #000;
}
.chart-row:last-child {
    border-bottom: 1px solid #000;
}
.chart-row .chart-col {
    height: 40px;
    border-top: 1px solid #000;
}
.chart-row:nth-child(odd){
    background-color: #c7c8ca;
    color: #FFF;
}
.chart-row:nth-child(even){
    background-color: #FFFFFF;
    color: #000;
}

#mpth .chart-col
{
	 height: 50px !important;
}

#monthly_ptvc tbody
{
	color:#1a1919 !important;
}
/* ptiny design */

.width120
{
	width: 120px !important;
}

.width170
{
	width: 170px !important;
}

.special-message
{

	color: #000000 !important;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 450px;
    padding-bottom: 45px;
}
.back-btn {
	background-color: rgba(0, 37, 53, 0.6) !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: block;
    font-size: 13px;
    height: 31px !important;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    width: 209px !important;
}
a.back-btn:hover, a.back-btn:focus, a.back-btn:active {
	color:#ffffff !important;
}
.apply-settings-btn {
	background-color: #3fa800 !important;
	margin-top: 15px;
	color: #ffffff !important;
	padding: 8px 10px !important;
}

.notfound
{
	width:565px;margin: 23px auto;
}

.notfound h4
{
	text-align: center; 
	font-size:25px; 
	color: #fff; 
	font-weight:bold; 
	text-shadow:2px 2px 4px #000000;
}

.notfound p
{
	text-align: center; 
	font-size: 18px; 
	color: #fff; 
	text-shadow: 2px 2px 2px #000; 
	padding: 8px;
}
.floatleft
{
	float:left !important;
}

/*sub-page design*/
.sub-page-container 
{
	background-color: #ffffff !important;
	width: 700px;
	min-height: 300px;
	margin: 20px auto;
	padding: 20px;
	opacity: 0.7;
}
.sub-page-container  .page-title
{
	
}
/*end: sub page design*/

/* place holder design */
*::-webkit-input-placeholder {
    color: #ffffff;
    font-size: 13px;
	opacity: 0.6;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #ffffff;
    font-size: 13px;
	opacity: 0.6;
}
*::-moz-placeholder {
    /* FF 19+ */
   color: #ffffff;
   font-size: 13px;
   opacity: 0.6;
}
*:-ms-input-placeholder {
    /* IE 10+ */
   color: #ffffff;
   font-size: 13px;
   opacity: 0.6;
}
/*end place holder design */
/* Start: monthly print view as a table design */
  .printing-text-center {
            text-align: center;
        }
        
        .printing-border {
            border: 1px solid black;
        }
        
        .printing-no-padding {
            margin: 0;
            padding: 0;
        }
        
        table {
            border-collapse: collapse;
            border-spacing: 0;
            font-family: "arial", sans-serif;
        }
        
        .printing-header-color {
            background-color: #939598 !important;
            color: white !important;
            height: 35px;
            overflow: hidden;
        }
        
        .printing-header-color > th {
            padding: 5px !important;
        }
        
        tr:nth-child(even) {
            background-color: #C7C8CA;
            height: 25px;
            overflow: hidden;
        }
        
        tr:nth-child(odd) {
            height: 25px;
            overflow: hidden;
        }
		
		td
		{
			/*line-height:40px !important;*/
			font-size:15px !important;
			text-align: center  !important;
			//width: 107px  !important; /*commented out to fix drive header table alignment*/
			font-weight:normal  !important;
			vertical-align:middle !important;
		}
		
		th
		{
			height:40px !important;
			font-size:15px !important;
			vertical-align:middle !important;
			text-align: center  !important;
			width: 107px  !important;
			font-weight:normal  !important;
		}
/* End: monthly print view as a table design */
.popup-header-title
{
    width: 290px;
    margin: 0 auto;
    text-align: center;
    font-size:20px !important;
    line-height: 50px;
}

/*Start: Moving arrow design*/
  .moving-arrow {
        -webkit-animation: pulsate 3s ease-out;
		-moz-animation: pulsate 3s ease-out;
		animation: pulsate 3s ease-out;
        -webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
        opacity: 0.0;
		
   }

  @-webkit-keyframes pulsate {
      0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
      50% {opacity: 1.0;}
      100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
  }
  @-moz-keyframes pulsate {
      0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
      50% {opacity: 1.0;}
      100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
  }
  @keyframes pulsate {
      0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
      50% {opacity: 1.0;}
      100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
  }
/*End : Moving arrow design*/
/*Start: Tooltip Design */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
  	opacity: 1;
    cursor: pointer;
	z-index: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*End: Tooltip Design */
#monthly_ptvh_print
{
	display:none;
}

.monthly_ptvh_print_address
{
	display:none;
}


/* animation style start */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
/* animation style end */