/*
Template Name: NewsFeed
Template URI: http://www.wpfreeware.com/newsfeed-ultra-responsive-news-magazine-theme/
Author: WpFreeware
Author URI: http://www.wpfreeware.com
Description: A Pro bootstrap html5 css3 responsive news magazine website template
Version: 1.0
License: GPL
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Colors*/
/* dark-blue: #3750A2 */
/* light-blue: #4080E1 */
/* purple: #A866A4 */
/* green: #5F9EA0 */
.clearfloat::after{
    content: '';
    display: block;
    clear: both;
}

body{background:#f5f5f5}
ul{padding:0; margin:0; list-style:none}
a{text-decoration:none; color:#2f2f2f}
a:hover{color:#646464; text-decoration:none}
a:focus{outline:none; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family:'Oswald',sans-serif}
.heading-5{margin: 0; font-size: 2.4rem;}
h2{line-height:23px}
img{border:none}
img:hover{opacity:0.75}
.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}
.img-right{display:block; margin-left:auto}
.img-left{display:block; margin-right:auto}
.yellow_bg{background-color:#ffd62c}
.btn-yellow{background-color:#ffd62c; color:#fff}
.btn-yellow:hover{background-color:#e1b70b; color:#fff}
.limeblue_bg{background-color:#7dc34d}
.blue_bg{background-color:#09c}
.btn{border-radius:0; margin-bottom:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.btn:hover{}
.btn-red{background-color:red; color:#fff}
.btn-red:hover{background-color:#c40505; color:#fff}
.btn-green{background-color:green; color:#fff}
.btn-green:hover{background-color:#0ab20a; color:#fff}
.btn-black{background-color:black; color:#fff}
.btn-black:hover{background-color:#413a3a; color:#fff}
.btn-orange{background-color:orange; color:#fff}
.btn-orange:hover{background-color:#f09d05; color:#fff}
.btn-blue{background-color:blue; color:#fff}
.btn-blue:hover{background-color:#0707a2; color:#fff}
.btn-lime{background-color:lime; color:#fff}
.btn-lime:hover{background-color:#05ae05; color:#fff}
.default-btn{background-color:#12a3df; color:#fff}
.default-btn:hover{background-color:#0a8ec4; color:#fff}
.btn-theme{background-color:#d083cf; color:#fff}
.btn-theme:hover{background-color:#ce39cc; color:#fff}
.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
#preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
#status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
.scrollToTop{bottom:105px; display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}
#header{display:inline; float:left; width:100%;}
.header_top{background-color:cadetblue; display:inline; float:left; padding:0 30px; width:100%}
.header_top_left{float:left; display:inline; width:50%}
.top_nav{text-align:left}
.top_nav li{display:inline-block}
.top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:11px; font-weight:bold; padding:20px 15px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.top_nav li a:hover{background-color:#d083cf}
.header_top_right{float:left; display:inline; width:50%; text-align:right}
.header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px}
.header_bottom{
    background-color:#fff;
    display:inline;
    float:left;
    padding:15px 30px 15px;
    width:100%;
}
.logo_area{display:inline; float:left; width:20%}

.single_page_content-block{
    display: block !important;
    float: none !important;
}
/* Pratham patra question styles */

.single_page_content .questions{
    padding-left: 50px;
    background-color: #5f9ea0;
}

.single_page_content .questions div:first-child{
    position: absolute;
    top: auto;
    left: 0;
}

.single_page_content .questions p{
    /*margin-bottom: 0;*/
}

.single_page_content .questions span{
    font-size: inherit !important;
}

#questionChange .answerList label{
    padding: 10px 20px;
    font-size: 1.8rem;
}

#questionChange input[type="radio"]:after{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #d1d3d1;
    transform: translate(-50%, -50%);
}

#questionChange input[type="radio"]:checked:after{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    position: relative;
    background-color: #5f9ea0;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #d1d3d1;
    /*border: 2px solid #5f9ea0;*/
    transform: translate(-50%, -50%);
}

/* Pratham patra question styles */

/* Login Button Styles */

.logo_areaA{
    position: relative;
}

.logo_areaA button.btn-primary{
    background-color: transparent;
    color: #5F9EA0;
    outline: none;
    border: none;
    width: 80px;
    height: 55px;
    position: relative;
}

.logo_areaA--login{
    position: absolute;
    /*width: 200px;*/
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
    font-size: 1.6rem;
    text-align: center;
    transform: scale(0.1);
}

.logo_areaA .fa-user{
    font-size: 50px;
    transition: all 0.5s;
}

.logo_areaA button:hover .fa{
    transform: scale(1.5);
   opacity: 0;
}

.logo_areaA button:hover .logo_areaA--login{
    opacity: 1;
    visibility: visible;
    transform: scale(1) translate(-50%, -50%);
}

/*.logo_areaA:hover .logo_areaA--login{
    opacity: 0;
}*/

.logo_areaA button.btn-login{
    position: relative;
    border: none;
    background-color: transparent;
    transform: scale(0.5);
    outline: none;
    transition: all 0.5s;
}


/*.logo_areaA button.btn-login span{
    opacity: 0;
    color: #5f9ea0;
    font-weight: 400;
    font-size: 1.9rem;
}*/

.logo_areaA button.btn-login:before{
    position: absolute;
    top: 50%;
    left: 50%;
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 90px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
    background-color: transparent;
    color: #5f9ea0;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
    backface-visibility: hidden;
    opacity: 1;
}

.logo_areaA button.btn-login:hover::before{
    /*transform: translate(-50%, 0%);*/
    opacity: 0;
}

.logo_areaA button.btn-login:hover{
    /*background-color: #5f9ea0;*/
    transform: scale(1);
}

.logo_areaA button.btn-login:hover span{
    opacity: 1;
}



/* Login Button Styles */

/* Login Modal Styles */
.header-bottom__modal-content{
    width: 90%;
}

.modal-panel-heading .row{
    display: flex;
    justify-content: center;
}

.modal-panel-heading #login-form-link,
.modal-panel-heading #register-form-link{
    display: inline-block;
    width: 40%;
}

.modal-panel-heading #login-form-link:hover,
.modal-panel-heading #register-form-link:hover{
    background-color: #5f9ea0;
    color: #fff;
}

#login-form-link.active,
#register-form-link.active{
    background-color: #5f9ea0;
    color: #fff;
}

.modal-login-form input[type="text"],
.modal-login-form input[type="password"],
.modal-login-form input[type="email"],
.modal-register-form input[type="text"],
.modal-register-form input[type="password"],
.modal-register-form input[type="email"]{
    padding: 20px;
    width: 65%;
}

.modal-login-form input:focus{
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-login-form input[type="submit"],
#register-form input[type="submit"]{
    background-color: #5f9ea0;
    border-color: #5f9ea0;
    height: 55px;
}

.flexbox-center{
    display: flex;
    justify-content: center;
}


/* Login Modal Styles */

.logo{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif}
.logo img{max-width:100%}
.logo img:hover{opacity:1}
.logo > span{ margin-left:-14px}
.add_banner{float:right; width:728px; height:90px}
.add_banner img{width:100%; height:100%}
#navArea{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff}
.navbar{border:medium none; border-radius:0}
.navbar-inverse .navbar-nav > li > a{border-left:1px solid #383838; color:white; font-family:'Oswald',sans-serif; display:inline-block; height:50px; line-height:50px; padding:0 14px; text-shadow:0 1px 1px #000; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.navbar-inverse .navbar-nav > li:first-child a{border:none}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
.main-nav ul li a{}
.navbar-collapse{ padding-left:0}
.mobile-show{display:none}
.desktop-home{display:block; font-size:30px; margin-top:10px}
.dropdown-menu{background-color:#222}
.dropdown-menu > li > a{clear:both; color:#ddd; background-color:#222; padding:10px 20px; font-family:'Oswald',sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff}
#newsSection{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff; padding-bottom:20px}
.latest_newsarea{float:left; display:inline; width:100%; background-color:cadetblue; position:relative}
.latest_newsarea span{ color:#fff; font-family:Oswald,sans-serif; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15}
.social_area{ position:absolute; right:0; top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px}
.social_nav{ text-align:right}
.social_nav li{ display:block; float:left}
.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
.social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}
.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
.social_nav li.twitter a{ background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
.social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
.social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
.social_nav li.googleplus a{ background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
.social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
.social_nav li.youtube a{ background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
.social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
#sliderSection{background-color:#fff; display:inline; float:left; width:100%; padding:0 30px}
.single_iteam{display:inline; float:left; position:relative; width:100%; height:448px}
.single_iteam img{width:100%; height:100%}
.single_iteam img:hover{opacity:1}
.slider_article{ bottom:20px; left:0; position:absolute; right:0; padding:10px 15px}
.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:18px; padding:10px; display:inline-block}
.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block}
.slick-prev:before{ content:""}
.slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
.slick-next:before{ content:""}
.slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; right:10px}
.slick-prev, .slick-next{background-color:cadetblue; top:10%; width:40px; height:40px}
.slick-prev:hover, .slick-next:hover{opacity:0.5}
.latest_post{float:left; display:inline; width:100%}
.latest_post > h2{background:none repeat scroll 0 0 cadetblue; color:#fff; font-family:'Oswald',sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
.latest_post > h2 span{padding:4px 10px}
.latest_postnav{height:auto !important; margin-top:20px}
.latest_postnav li{margin-bottom:10px; float:left; width:100%; border-bottom: 1px dashed black}
.latest_postnav li a:hover{padding: 10px}
.latest_post_container{display:inline; float:left; height:430px; position:relative; width:100%; overflow: hidden;}
.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block}
#prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none}
#next-button{cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%}
#contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0 30px;min-height: 300px}
.left_content{float:left; display:inline; width:100%}
.single_post_content{float:left; display:inline; width:100%; margin-bottom:20px}
.single_post_content > h2{background:none repeat scroll 0 0 cadetblue; color:#fff; font-family:'Oswald',sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px}
.single_post_content > h2 span{padding:4px 10px}
.single_post_content_left{float:left; display:inline; width:49%}
.business_catgnav{}
.business_catgnav li{float:left; display:block; width:100%}
.bsbig_fig{width:100%}
.bsbig_fig > a{display:block}
.bsbig_fig > a img{width:100%}
.bsbig_fig figcaption{color:#333; font-family:"Oswald",sans-serif; font-size:23px; font-weight:300; margin-top:10px; margin-bottom:10px}
.single_post_content_right{float:right; display:inline; width:48%}
.right_content{float:left; display:inline; width:100%; min-height:300px}
.spost_nav{}
.spost_nav li{float:left; display:block; width:100%; margin-bottom:10px}
.spost_nav .media-left{width:100px; height:80px}
.media-left > img{height:70px; width:90px}
.spost_nav .media-body > a{font-family:"Oswald",sans-serif}
.featured_img{position:relative}
.overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)}
.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.fashion_technology_area{display:inline; float:left; width:100%}
.fashion{float:left; display:inline; width:48%}
.technology{float:right; display:inline; width:48%}
.photo_grid{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center}
.photograph_nav{margin-left:-11px}
.photograph_nav li{display:block; float:left; margin-left:9px; width:32%}
.photo_grid figure{position:relative; float:left; overflow:hidden; margin:10px 1%; margin-top:0; height:150px; width:100%; background:#3085a3; text-align:center; cursor:pointer}
.photo_grid figure img{position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:100%; opacity:0.8}
.photo_grid figure figcaption{padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none}
.photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%}
.photo_grid figure h2{word-spacing:-0.15em; font-weight:300}
.photo_grid figure h2 span{font-weight:800}
.photo_grid figure h2, .photo_grid figure a{margin:0}
.photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:7px}
figure.effect-layla img{height:390px}
figure.effect-layla figcaption{padding:1.5em}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0}
figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0}
figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s}
figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s}
figure.effect-layla:hover img{opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)}
figure.effect-layla:hover h2{padding-top:26%}
figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s}
.single_sidebar{float:left; display:inline; width:100%; margin-bottom:20px}
.single_sidebar > h2{background:none repeat scroll 0 0 cadetblue; color:#fff; font-family:"Oswald",sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
.single_sidebar > h2 span{padding:4px 10px}
.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.cat-item a:hover{color:#fff; text-decoration:none !important}
.tab-content{margin-top:10px}
.nav-tabs{background:none repeat scroll 0 0 cadetblue; border-bottom:none}
.nav-tabs > li{margin-bottom:0}
.nav-tabs > li > a{margin-right:0; color:#fff; font-size:15px; border-radius:0; border:none; font-family:"Oswald",sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff !important; border:none}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0; border-color:#ddd #ddd transparent; color:#fff}
.vide_area{float:left; display:inline; width:100%}
.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
.sideAdd > img{width:100%; height:100%}
.single_sidebar ul li a{border-bottom:1px solid #333; display:block}
.single_sidebar .spost_nav li a{border-bottom:none; float:left}
#footer{display:inline; float:left; width:100%;}
.footer_top{background-color:cadetblue; color:#ddd; display:inline; float:left; padding:5px 15px 5px; width:100%}
.footer_widget{display:inline; float:left; width:100%; min-height:310px}
.footer_widget > h2{border-bottom:3px solid #666; font-family:Oswald,arial,Georgia,serif; font-size:16px; padding:10px 0; text-transform:uppercase}
.tag_nav.tag_nav-footerLinks{height: 165px; overflow-y: scroll;}
.tag_nav li{}
.tag_nav li a{border-bottom:1px solid #ddd; color:#ccc; display:block; padding:6px 6px 6px 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.tag_nav li a:hover{padding-left:10px}
.footer_bottom{float:left; display:inline; width:100%; padding:10px 30px; background-color:#02182B; color:#ccc}
.copyright{float:left; width:50%; padding-top:5px; text-align:left}
.copyright a{color:#ccc}
.developer{float:right; width:50%; text-align:right; padding-top:5px; color:white}
.developer a{color:white}
.catgArchive{border:medium none; color:#fff; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px}
.catgArchive option{background-color:#fff; font-weight:normal; padding:5px; color:#d083cf}
.nav-tabs > li{display:inline-block; float:none; width:32.55%}
.nav-tabs{ text-align:center}
.pagination > li > a, .pagination > li > span{background-color:#000; border:1px solid #000; color:#eee; margin-right:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.pagination > li > a:hover, .pagination > li > a:focus{background-color:#d083cf; color:#fff; border-color:#d083cf}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius:0; border-top-left-radius:0}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius:0; border-top-right-radius:0}
.single_page{float:left; display:inline; width:100%}
.single_page > h1{color:#333; font-family:Oswald,arial,Georgia,serif; font-size:30px; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px; text-transform:uppercase}
.post_commentbox{
    display:inline; float:left; width:100%;
    margin-top:0px;
    padding:5px 0px
}
.post_commentbox a, .post_commentbox span{
    color:#798992; color: #333; font-size:14px; margin-right:5px}
.post_commentbox a > i, .post_commentbox span > i{margin-right:5px}
.breadcrumb{background-color:cadetblue; border-radius:0}
.breadcrumb li a{color:#fff}
.single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px}
.single_page_content > img{max-width:100%; width:320px; height:213px; margin-bottom:15px}
.single_page_content ul{position:relative; padding-left:25px}
.single_page_content ul li{line-height:25px}
.single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px}
.single_page_content ul li:hover{opacity:0.75}
.single_page_content h2{line-height:35px}
.single_page_content h3{line-height:30px}
.single_page_content h4{line-height:25px}
.single_page_content h4{line-height:20px}
.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}
.sociallink_nav{text-align:center}
.sociallink_nav li{display:inline-block}
.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
.sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}
.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px}
.related_post > h2 i{font-size:25px}
.related_post .spost_nav li{width:32%; margin-right:10px}
.related_post .spost_nav li:last-child{margin-right:0}
.nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.nav-slit a.prev{left:0}
.nav-slit a.next{right:0}
.nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px}
.nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block}
.nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}
.nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
.nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)}
.nav-slit h3{position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500; font-size:0.75em; line-height:2.75; width:200px; text-align:left; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px}
.nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)}
.nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
.error_page{float:left; display:inline; width:100%; text-align:center}
.error_page > h3{text-transform:uppercase}
.error_page > h1{font-size:110px}
.error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px}
.error_page > span{display:inline-block; height:2px; text-align:center; width:100px}
.error_page > a{color:#fff; display:inline-block; padding:5px 10px}
.error_page > a:hover{opacity:0.75}
.contact_area{float:left; display:inline; width:100%; margin-bottom:30px}
.contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px}
.contact_area > p{margin-bottom:20px}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px}
.contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.contact_form input[type="submit"]:hover{border:1px solid #d083cf}
@media(max-width:1199px ){.logo_area{width:34%}.add_banner{width:580px}.nav-tabs > li{width:32.3%}.photograph_nav li{width:31.5%}
@media(max-width:991px ){.add_banner{display:none}.logo_area{width:100%}.nav > li > a{padding:8px 8px}.latest_post_container{height:380px;overflow:hidden}#next-button{bottom:-2px}.single_iteam{height:415px}.photograph_nav li{width:47.7%}.related_post .spost_nav li{width:100%}.nav-tabs > li{width:31.9%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}}
@media(max-width:767px ){.navbar-collapse{padding-left:15px}.mobile-show{display:block}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}.header_top_left{width:100%}.header_top_right > p{display:none}.social_area{display:none}.single_iteam a{height:100%}.single_iteam a > img{height:100%}.error_page > a{margin-bottom:25px}.nav-tabs > li{width:32.6%}}
@media(max-width:480px ){.top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_right{width:100%}.fashion{width:100%}.technology{width:100%}.copyright{text-align:center;width:100%}.developer{text-align:center;width:100%}.single_iteam{height:300px}.photo_grid figure{height:200px}.photograph_nav li{width:100%;margin-left:0}.nav > li > a{padding:8px 12px}.nav-tabs > li{width:32.6%}}
@media(max-width:360px ){.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.single_iteam{height:210px}.slider_article > p{display:none}.error_page > span{width:80px}.nav-tabs > li{width:32.3%}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
@media(max-width:320px ){.sociallink_nav li a{padding:5px 10px}.sociallink_nav li:nth-child(1) > a{padding:5px 13px}.nav-tabs > li{width:32.1%}}}

.post_commentbox a:hover {
    color: cadetblue;
    outline: 0;
    padding: 0 5px 0 0;
    background-color: transparent
}

.single_sidebar #viewer__image {
    object-fit: cover;
    object-position: 50% 0;
}

/* Question set css */

.single_page_csontent{
    padding-left: 10px;
}

.single_page_csontent > div{
    padding-left: 30px;
    position: relative;
}

.single_page_csontent > div b{
    font-size: 2rem !important;
    /*display: flex;*/
    /*justify-content: flex-start;*/
    /*position: relative;*/
    /*flex-direction: column;*/
}

.single_page_csontent > div b span{
    font-size: 2rem !important;
}

.single_page_csontent > div .single_page_csontent--q{
    margin-right: 15px;
    position: absolute;
    top: 0;
    left: -10px;
}

.single_page_csontent p b span{
    display: block;
    position: relative;
}

.single_page_csontent > div b > span:not(:first-child){
    margin-top: 2px;
}

.single_page_csontent > div b p{
    margin-right: 20px;
    /*margin-left: 30px !important;*/
}

/*.single_page_csontent > div b p:first-of-type{*/
/*    font-size: 2rem;*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: 35px;*/
/*    margin-left: 0 !important;*/
/*}*/

.single_page_csontent > div b p span:first-child{
    margin-left: 8px !important;
}

.single_page_csontent ul{
    padding-left: 0;
}

.single_page_csontent .answerList{
    font-size: 1.9rem;
    margin-bottom: 30px;
    margin-top: 15px;
    /*padding-left: 30px;*/
}

.single_page_csontent .answerList li{
    vertical-align: middle;
    transition: all 0.2s;
}

.single_page_csontent .answerList li:hover{
    color: #5f9ea0;
}

.single_page_csontent .answerList li:not(:last-child){
    margin-bottom: 8px;
}

.single_page_csontent .answerList input{
    vertical-align: middle;
    margin-left: 5px;
}

.single_page_csontent .answerList  input[type='radio']:after {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        top: 50%;
        left: 50%;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #d1d3d1;
        transform: translate(-50%, -50%);
    }

.single_page_csontent .answerList input[type='radio']:checked:after {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        top: 50%;
        left: 50%;
        position: relative;
        background-color: #5f9ea0;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #d1d3d1;
        /*border: 2px solid #5f9ea0;*/
        transform: translate(-50%, -50%);
    }

div.questions .col-md-1{
    width: 4%;
}

.single_page_csontent .answerList label{
    border: none;
    font-size: 1.9rem;
    margin-bottom: 0;
    padding: 0;
}


/* Question set css */

/*Media Queries*/
@media only screen and (max-width: 1000px){
    .header_bottom{
        position: relative;
    }

    .header_bottom .logo_area{
        margin-bottom: 25px;
    }

    .header_bottom .logo_areaA{
        position: absolute;
        right: 30px;
        top: 15px;
    }
}

/* Fixed Countdown Styles */
.fixed-countdown .countdown{
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 50px;
    color: #fff;
}

/* Countdown Timer CSS */
.left-content--questions{
    padding-left: 8rem;
}

.fixed-timer{
    position: fixed;
    top: 93vh;
    left: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    background-color: #466289;
    color: #fff;
    border-radius: 2px;
    font-size: 1.6rem;
    /*opacity: 0;
    visibility: hidden;*/
    transition: all 0.5s;
}

.fixed-timer.fixed-timer-visible{
    opacity: 1;
    visibility: visible;
}

.fixed-timer--duration{
    border-bottom: 2px solid #fff;
    padding: 0.8rem;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}

.fixed-timer--time{
    display: flex;
    flex-direction: row;
    padding: 0.8rem;
    justify-content: center;
}

/* Syllabus section styles */
.syllabus-container{
	/*display: grid;
	grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
	grid-gap: 2rem;
	align-items: start;*/
	margin-bottom: 20px;
}

.syllabus{
	position: relative;
}

.syllabus-link{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.syllabus-image-container{
	width: 100%;
	height: 15vw;
	border-radius: 2px 2px 0 0;
}

.syllabus-image{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

img.syllabus-image:hover{
	opacity: 1;
}

.syllabus-title-container{
	background-color: #5f9ea0;
	padding: 1rem;
	color: #fff;
	border-radius: 0 0 2px 2px;
	text-align: center;
}

@media(max-width: 768px){
	.syllabus-image-container{
		height: 40vw !important;
	}
}

/* Features section styles */
.features{
	/*padding: 4rem 0;*/
	/*background-color: #5f9ea0;*/
	margin-bottom: 2rem;
}

.features-single{
	display: flex;
}

.features .row{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	/*padding: 30px;*/
	justify-content: center;
}

.features .features-single {
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.features .features-single > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-radius: 12px;
}

.features-facebookCounter{
    /*border: 5px solid #3B5999;*/
    background-color: #3B5999;
}

.features-googleCounter{
    /*border: 5px solid #CD201F;*/
    background-color: #CD201F;
}

.features-usersCounter{
    /*border: 5px solid #5F9EA0;*/
    background-color: #5F9EA0;
}

.features-single--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 70px;
    height: 90px;*/
    background-color: transparent;
    border-radius: 2px;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: #fff;
}

.features-single--facebook{
    color: #3B5999;
    background-color: #fff;
}

.features .features-single .features-single--facebook i{
    color: #3B5999;
}

.features-single--google{
    background-color: #fff;
}

.features .features-single .features-single--google i{
    color: #CD201F;
}

.features-single--users{
    background-color: #fff;
}

.features .features-single .features-single--users i{
    color: #5F9EA0;
}

/*.features-single--icon{*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
	/*width: 70px;
	height: 90px;*/
/*	background-color: transparent;*/
/*	border-radius: 2px;*/
/*	margin-right: 5px;*/
/*}*/

.features-single--data{
	position: relative;
}

.features-single--data .fa{
	color: #fff;
	position: absolute;
	right: -30px;
	top: 20%;
}

.features-single--data p{
	font-size: 18px;
	line-height: 18px;
}

.features .features-single > div{
	/*float: left;*/
}

.features .features-single.active {
	background: rgba(9, 6, 6, 0.1);
}
.features .features-single.active:hover{
	background:transparent;
}
.features .features-single i{
	color:#fff;
	text-align:center;
	font-size:32px;
}
.features .features-single h2 {
	color: #fff;
	/*margin: 15px 0;*/
	/*font-size: 55px;*/
	margin-bottom: 20px;
	text-transform: uppercase;
}
.features .features-single p{
	color:#fff;
	margin-top: 10px;
}

/* IQ level style starts */
/*.iq-view-answer::before{
    content: '';
    display: inline-block;
    height: 4rem;
    width: 4rem;
    margin-right: 0.7rem;
    background-color: red;
    -webkit-mask-image: url(/frontend/img/SVG/book.svg);
    -webkit-mask-size: cover;
}
*/

.iq-answer-container{
    margin-bottom: 10px;
}

.iq-answer,
.iq-explanation{
    color: #5f9ea0;
    color: #3750a2;
    font-weight: bold;
}

.iq-view-answer{
    position: relative;
    padding-left: 2.5rem;
}

.iq-view-answer:link,
.iq-view-answer:visited{
    color: #000;
}

.iq-view-answer svg{
    position: absolute;
    left: 0;
    top: 50%;
    width: 2rem;
    height: 2rem;
    /*fill: #5f9ea0;*/
    fill: #3750a2;
    transform: translateY(-50%);
}

.single_page_csontent img{
    display: block;
    margin-top: 5px;
    max-width: 50%;
    height: auto;
}

.single_page_csontent img:hover{
    opacity: 1;
}

.highlight-question > div{
    display: flex;
    align-items: center;
}

.highlight-question svg{
    width: 4rem;
    height: 4rem;
    fill: none;
    /*stroke-dasharray: 50;*/
    /*stroke-dashoffset: 300;*/
    stroke: #3750A2;
    animation: pulsate-left 0.3s ease-out infinite;
    /*animation: dash 5s infinite;*/
    animation-fill-mode: forwards;
    animation-direction: alternate;
    transition: all 0.8s;
}

.upcoming-exam-button{
    border: none;
    background-color: transparent;
    text-transform: capitalize;
    font-size: 2.4rem;
    padding-left: 10px;
}

.upcoming-exam-button:hover{
    color: rgb(51,51,51);
}

@keyframes dash{
    to{
        stroke-dashoffset: 300;
    }
}

.highlight-question svg:hover{
    stroke-dashoffset: 0;
}

.highlight-question{
    text-align: center;
    background-color: #fff;
    /*background-color: #5f9ea0;*/
    position: relative;
    margin-bottom: 5px;
}

/*.highlight-question > div{
    position: relative;
    display: inline-block;
}*/

.highlight-question div .upcoming-exam{
    background: linear-gradient(to bottom, #3750a2, #4a88e3);
    color: transparent;
    -webkit-background-clip: text;
    /*color: #5f9ea0;*/
    font-family: 'Oswald',sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    font-weight: 400;
    /*margin-bottom: 10px;*/
    display: inline-block;
    animation: pulsate 1s infinite;
    animation-fill-mode: forwards;
    border: none;
    outline: none;
}

.upcoming-exam{
    /*position: absolute;*/
    /*top: 50%;*/
    white-space: nowrap;
    /*transform: translate(-135%, -70%);*/
    /*left: 0;*/
    vertical-align: middle;
    display: inline-block;
    margin-right: 6px;
   /*height: 22px;
   line-height: 22px;*/
   /*background-color: #5f9ea0;*/
   /*padding: 5px 9px;*/
   /*color: #fff;*/
   /*animation: appearFromLeft 0.4s ease-in;*/
}

.arrow{
    position: absolute;
    right: 0;
    top: 0;
}

.arrow::after{
  content: '';
  display: inline-block;
  right: 0;
  transform: translate(100%, -25%);
  top: 0;
  border-left: 30px solid #5f9ea0;
  border-top: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid transparent;
}

/*.gorkhapatra div:first-child{
    padding-top: 44.32%;
    position: relative;
    overflow: hidden;
}*/

/* Gorkhapatra page styles */

.news__card{
    display: flex;
    margin-bottom: 1.6rem;
}

.news__card--linkContainer{
    flex: 0 0 60%;
}

.news__card--link{
    display: inline-block;
    width: 100%;
    padding-top: 56.25%;
    /*height: 300px;*/
    position: relative;
    overflow: hidden;
}

.news__card--link img{
    position: absolute;
    top:0;
    left: 0;
    /*transform: translateX(-50%);*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
}

.news__card--link iframe{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: top;
}


.news__card--headings{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.6rem;
}

.news__card--headings p{
    margin-top: 1.6rem;
    margin-bottom: 0;
    text-align: justify;
}

.news__card--headings--links{
    margin-top: 1.6rem;
    /*border-radius: 2px;*/
    display: flex;
    align-items: center;
}

.news__card--headings--links a{
    margin-bottom: 0;
}

.news__card--headings--links .news-share{
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    /*background-color: red;*/
}

.news__card--headings--links svg{
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    /*fill: #5F9EA0;*/
    fill: #3750A2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*.news__card--headings--links .news-share:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1.6rem;
    background-color: green;
    -webkit-mask-size: cover;
    -webkit-mask-image: url(/frontend/img/share2.svg);
    mask-size: cover;
    mask-image: url(/frontend/img/share2.svg);
}*/

.gorkha-title{
    display: flex;
    flex-direction: column;
    padding:  15px;
    align-items: flex-start;
}

.gorkha-title span{
    font-size: 3.2rem;
}

.gorkha-title a{
    padding: 7px 25px;
    color: #fff;
    background-color: #5F9EA0;
    border-radius: 2px;
}

.gorkha-image{
    width: 100%;
    padding-top: 44.32%;
    position: relative;
    overflow: hidden;
}

.gorkhapatra div:first-child img{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.gorkhapatra div:last-child{

}

#viewer__image:hover{
    cursor: pointer;
}

#viewer__image:hover,
.viewer-canvas img:hover{
    opacity: 1;
}

.viewer-toolbar{
    display: none;
}

/* Gorkhapatra page styles */

/* Social links in modal */

.social__link--container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.social__link{
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    border-radius: 2px;
    background-color: red;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}

.social__link--facebook{
    background-color: #1877f2;
}

.social__link--facebook:hover{
    background-color: transparent;
}

.social__link--facebook:hover .social__svg{
    fill: #1877f2;
}

.social__link--twitter{
    background-color: #1da1f2;
}

.social__link--twitter:hover{
    background-color: transparent;
}

.social__link--twitter:hover .social__svg{
    fill: #1da1f2;
}

.social__link--google{
    background-color: #db4437;
}

.social__link--google:hover{
    background-color: transparent;

}

.social__link--google:hover .social__svg{
    fill: #db4437;
}



.social__link:not(:last-child){
    margin-right: 1rem;
}

.social__svg{
    width: 1.6rem;
    height: 1.6rem;
    fill: #fff;
    transition: all 0.5s;
}

/* Social links in modal */

/* Slick slider in homepage */

.slick-prev,.slick-next{
    top: 50%;
    transform: translateY(-50%);
}

.slick-next{
    right: 10px;
}

/* Slick slider in homepage */

@media (max-width: 768px){
    /*.highlight-question{
        text-align: right;
    }
*/
    .highlight-question > div,
    .highlight-question >div .upcoming-exam,
    .highlight-question >div .upcoming-exam-button{
        font-size: 1.4rem;
    }

    .highlight-question svg{
        width: 2rem;
        height: 2rem;
    }
    
    .features .features-single:not(:last-child){
        margin-bottom: 30px;
    }

    .features .features-single > div{
        width: 80%;
    }
}

/* Latest Post animation effect */

@keyframes pulsate{
    0%{
        transform: scale(1);
        box-shadow: none;
    }

    50%{
        transform: scale(1.01);
        text-shadow: 0.2rem 0.2rem 0.4rem #4a88e3;
    }

    100%{
        transform: translate(1);
        box-shadow: none;
    }
}

@keyframes pulsate-left{
    0%{
        transform: translateX(0px);
    }

    100%{
        transform: translateX(5px);
    }
}

@keyframes appearFromLeft{
    0%{
        opcaity: 0;
        transform: translate(-200%, -70%)
    }

    100%{
        opacity: 1;
        transform: translate(-135%, -70%);
    }
}