/*@font-face {
        font-family: 'Mosk Extra-Light 200';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Extra-Light 200'), url('../fonts/Mosk Extra-Light 200.woff') format('woff');
        font-display: swap
        }


        @font-face {
        font-family: 'Mosk Thin 100';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Thin 100'), url('../fonts/Mosk Thin 100.woff') format('woff');
        font-display: swap
        }


        @font-face {
        font-family: 'Mosk Light 300';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Light 300'), url('../fonts/Mosk Light 300.woff') format('woff');
        font-display: swap
        }


        @font-face {
        font-family: 'Mosk Medium 500';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Medium 500'), url('../fonts/Mosk Medium 500.woff') format('woff');
        font-display: swap
        }


        @font-face {
        font-family: 'Mosk Semi-Bold 600';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Semi-Bold 600'), url('../fonts/Mosk Semi-Bold 600.woff') format('woff');
        font-display: swap
        }


        @font-face {
        font-family: 'Mosk Bold 700';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Bold 700'), url('../fonts/Mosk Bold 700.woff') format('woff');
        font-display: swap
        }


        @font-face {
        font-family: 'Mosk Extra-Bold 800';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Extra-Bold 800'), url('../fonts/Mosk Extra-Bold 800.woff') format('woff');
        font-display: swap
        }


        @font-face {
        font-family: 'Mosk Ultra-Bold 900';
        font-style: normal;
        font-weight: normal;
        src: local('Mosk Ultra-Bold 900'), url('../fonts/Mosk Ultra-Bold 900.woff') format('woff');
        font-display: swap
        }*/

        @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');


    @font-face{font-family:Lato;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/Poppins-Regular.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-display:swap;font-style:normal;font-weight:700;src:url(/fonts/Poppins-Bold.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-display:swap;font-style:normal;font-weight:300;src:url(/fonts/Poppins-Italic.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{background-color:#f7f6fb!important;padding:68px 0 0}body.homePage{padding:0}a{text-decoration:none!important}nav.navbar{padding:15px 0 !important;transition:.3s;background-color:#4095e0}body.homePage nav.navbar{padding:15px 0!important;transition:.3s;background-color:transparent}body.homePage nav.navbar.darkNav{background-color:#3671b8b3!important;padding:10px 0!important}nav.navbar.darkNav{background-color:#3671b8b3!important;padding:10px 0!important}nav.navbar ul.navbar-nav .nav-item a.nav-link{font-size:18px;color:#fff!important;margin:0 2px;padding:6px 20px;border-radius:10px;text-decoration:none!important}nav.navbar ul.navbar-nav .nav-item a.nav-link img.menu-slika{display:none}nav.navbar ul.navbar-nav .nav-item a.nav-link.active,nav.navbar ul.navbar-nav .nav-item a.nav-link.active:hover,nav.navbar ul.navbar-nav .nav-item a.nav-link:hover{background-color:#f25132!important}nav.navbar .navbar-toggler{border:1px solid #fff}nav.navbar .navbar-toggler img{width:23px;margin-top:5px}section.heroSec{padding:150px 0 0;background-image:url(https://www.consoleroms.com/img/notRoms/heroBg.png);background-size:100% 100%;height:530px;text-align:center}section.heroSec h1.slogan{font-size:50px;font-weight:700;color:#fff;margin:0}section.heroSec p.tagLine{font-size:25px;color:#fff}section.heroSec div.centrirano div.formCont{width:55%;margin:auto;position:relative;background-color:#fff;padding:6px;border-radius:3px}section.heroSec div.centrirano form.form-inline{display:block}section.heroSec div.centrirano div.formCont input.form-control{height:45px;border:0;padding:8px 110px 8px 20px}section.heroSec div.centrirano div.formCont input.form-control::placeholder{color:#b9b9b9;font-size:15px}section.heroSec div.centrirano div.formCont button.btn-primary{position:absolute;right:5px;border:0;height:45px;top:5px;background-color:#f25132;border-radius:3px;font-size:15px;width:120px}section.heroSec div.centrirano div.formCont button.btn-primary img{margin-right:10px}section.romsGridSec{padding:0 0 40px}.thumbnail-home .imgCon{position:relative;overflow:hidden}.thumbnail-home:hover img.img-fluid{transform:scale(1.1) rotate(2deg)}.thumbnail-home .imgCon .img-fluid{transition:.3s}.thumbnail-home .imgCon .appearOnHover{position:absolute;top:0;height:100%;width:100%;background-color:#d8513599;opacity:0;transition:.15s;border-radius:0 100px}.thumbnail-home .imgCon .appearOnHover .btn{position:relative;top:50%;transform:translateY(-50%);display:block;width:100px;margin:auto;background-color:#fff;border:0;color:#000;font-size:15px;padding:8px 10px;border-radius:3px;transition:.2s}.thumbnail-home div.infoBox{padding:20px 0 0}.thumbnail-home div.infoBox h3{font-size:20px;font-weight:700;color:#1f1831;margin:0 auto 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:90%}.thumbnail-home div.infoBox div.centarce{font-size:14px;color:#f25132;margin:0 0 5px}.thumbnail-home:hover .appearOnHover{opacity:1;border-radius:0}.thumbnail-home:hover .btn{transform:translateY(-50%) scale(1)!important}.viewMoreBtn{display:inline-block;text-align:center;background-color:#f25132;padding:10px;color:#fff!important;font-size:15px;border-radius:10px;min-width:250px;margin:30px 0 0}.thumbnail-home .tagBtns{display:block;margin:15px 0 0}.thumbnail-home .tagBtns a.btn{background-color:#ecf0f1!important;color:#000!important;border:0;font-size:12px!important;padding:3px 7px!important;display:inline-block;transform:translateY(0)!important}footer div.purpleBg{background-color:#7f60d5;text-align:center;padding:40px 0;border-radius:10px;box-shadow:0 5px 5px 0 #0003}footer div.purpleBg h4{color:#fff;font-size:35px;font-weight:700;margin:0}footer div.purpleBg ul{margin:50px 0 0;padding:0}footer div.purpleBg ul li{display:inline-block;margin:0 15px}footer div.purpleBg ul li img{width:65px}footer div.purpleBg ul li a:hover img{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(.7);transform:scale(.7)}}footer .row.ftrNav{padding:25px 0}footer .row.ftrNav ul{padding:0;margin:0}footer .row.ftrNav ul li{display:inline-block}footer .row.ftrNav ul li a{font-size:14px;color:#000;padding:10px 15px 10px 0;display:block;position:relative}footer .row.ftrNav ul li a::after{content:'';width:1px;height:15px;background-color:#000;display:block;position:absolute;top:50%;right:5px;transform:translateY(-50%)}footer .row.ftrNav ul li:last-child a{padding-right:0}footer .row.ftrNav ul li:last-child a:after{display:none}footer div.resevedStripe{text-align:center;background-color:#fff;padding:22px 0;margin:0 0 40px;border-radius:10px;box-shadow:0 5px 5px 0 #00000012}footer div.resevedStripe p{font-size:14px;margin:0;color:#000}footer div.resevedStripe p span{color:#f25132;font-weight:500}section.detailPage{padding:20px 0 30px}.breadcrumb{background-color:transparent!important;padding:0!important;list-style:none!important}.breadcrumb-item+.breadcrumb-item::before{color:#1f1831!important;content:"|"!important}.breadcrumb li a,.breadcrumb li span{color:#1f1831!important;font-size:14px}section.detailPage .unatre{background-color:transparent;border:0;padding:0;margin:0 0 0 auto;width:58%;text-align:left}section.detailPage .unatre .drinkcard-cc{width:55px;height:55px;background-color:#fff!important;border-radius:50px;box-shadow:0 3px 3px 0 #0000004d;background-size:auto;background-position:center}section.detailPage .unatre .drinkcard-cc.yes{background-image:url(../img/notRoms/thumbUp.png)}section.detailPage .unatre .drinkcard-cc.no{background-image:url(../img/notRoms/thumbDown.png)}section.detailPage .unatre .drinkcard-cc:hover{box-shadow:none}section.detailPage .unatre div.inputsNbtns div.btnsDiv,section.detailPage .unatre div.inputsNbtns div.inputsDiv{display:inline-block;width:49%}section.detailPage .unatre div.inputsNbtns div.btnsDiv .btn{width:100px;display:block;position:relative;float:right;top:-15px;color:#f25132;background-color:transparent;border-color:#f25132;padding:7px 0!important;border-radius:10px;font-size:14px}section.detailPage .unatre div.inputsNbtns div.btnsDiv .btn:hover{background-color:#f25132;color:#fff}section.detailPage .unatre .working,section.detailPage .unatre p{font-size:14px;font-weight:400;margin:0;color:#1f1831}div.row.titleRow h1{font-size:32px;font-weight:700;color:#1f1831;margin:0;text-align:center;}div.row.titleRow .btn.btn-info{font-size:12px;padding:5px;background-color:#fff;border:0;min-width:80px;color:#000;margin:15px 0 40px}section.detailPage div.margini.picDiv{padding:15px;background-color:#fff;border-radius:10px;margin:0}section.detailPage div.imgCon{height:250px;overflow:hidden;position:relative}section.detailPage div.imgCon img.img-fluid{position:absolute;width:100%!important;height:100%;border-radius:10px}section.detailPage div.imgCon a{display:block;cursor:pointer}.detailImgModal{text-align:center}.detailImgModal .modal-dialog{max-width:100%;width:auto!important;display:inline-block}.detailImgModal .modal-body button.close{position:absolute;right:3px;top:3px;background-color:#fff;width:50px;height:50px;opacity:1;border-radius:0 0 0 30px;font-size:30px;color:#f25132}section.detailPage .desc p{font-size:14px;margin:0 0 20px!important;width:90%}section.detailPage table.table td,section.detailPage table.table th{border:0;padding:5px 5px;color:#1f1831}section.detailPage table.table th{font-size:20px;font-weight:600}section.detailPage table.table td{font-size:14px}.align-self-bottom{align-self:end}section.detailPage div.downlink a{display:block;background-color:transparent;margin:3px 0!important}section.detailPage div.downlink a .btn-success{background-color:transparent;border-color:#f25132;color:#f25132;font-size:14px;font-weight:500!important}section.detailPage div.downlink a:hover .btn-success{background-color:#f25132;color:#fff}section.detailPage .sharingDiv div.alert.alert-danger{background-color:transparent;border:0;color:#1f1831;font-size:14px!important;font-weight:600;padding:0}section.detailPage .sharingDiv div.alert a{color:#1f1831}#main-nav{padding:10px 0;margin:0 0 20px;border-top:1px solid #0000001a;border-bottom:1px solid #0000001a}#main-nav .nav-primary{margin:0;border:0}#main-nav .nav-primary li.dropdown.user-menu,#main-nav .nav-primary li.notification-menu{display:none}#main-nav .nav-primary li.active a{background-color:#f25132;color:#fff!important;border-color:#f25132}#main-nav .nav-primary a{border:1px solid #1f1831;padding:10px;border-radius:10px;color:#1f1831!important;margin:0 10px 0 0}#main-nav .nav-primary a::after{display:none}section#conversation .nav.nav-secondary{margin:0}section.blogPage,section.consolesListPage,section.contactusPage,section.emulatorsListPage,section.romsListPage,section.tagsListPage,section.textBasePages{padding:0 0 30px}div.universalSearch{background-color:#fff;padding:5px;border-radius:4px;position:relative;top:-15px;width:80%;margin:0 0 0 auto}div.universalSearch input.form-control{height:45px;border:0;color:#b9b9b9;font-size:15px}div.universalSearch input.form-control::placeholder{color:#b9b9b9}div.universalSearch .btn{border:0;background-color:#f25132;border-radius:4px!important;color:#fff;font-size:15px}section.consolesListPage .row.titleRow,section.emulatorsListPage .row.titleRow,section.romsListPage .row.titleRow,section.tagsListPage .row.titleRow,section.textBasePages .row.titleRow{margin:20px -15px 0}nav ul.pagination{text-align:center;margin:30px 0 10px;justify-content:flex-end}nav ul.pagination li a{width:45px;height:45px;border-radius:7px!important;margin:0 2px;line-height:25px;font-size:15px;color:#000!important;border:0;background-color:#fff!important}nav ul.pagination li.disabled a{background-color:#3f8cfe!important;color:#fff!important;box-shadow:none}nav ul.pagination li a:hover{box-shadow:none;background-color:#3f8cfe!important}div.tableBg{background-color:#fff}div.tableBg table thead{background-color:transparent}div.tableBg table th{border:0;font-size:16px;color:#4095e0;font-weight:600;padding:20px 15px}div.tableBg table td{font-size:14px;color:#000;vertical-align:middle;border-color:#f1f1f1;padding:10px 15px}div.tableBg table td img{max-width:70px}div.tableBg table td a.btn{background-color:#f25132;border:0;width:100%;padding:10px 10px}div.tableBg table.table-hover tbody tr:hover{background-color:#f6f7f8!important}section.blogPage .row.titleRow,section.contactusPage .row.titleRow{margin:20px -15px 40px}section.blogPage .singleBlog{text-align:center}section.blogPage .singleBlog .imgSec,section.blogPage .singleBlog .textSec{background-color:#fff;text-align:center;padding:15px;border-radius:10px;box-shadow:0 2px 4px 0 #0003}section.blogPage .singleBlog .imgSec{margin:0 0 10px}section.blogPage .singleBlog .ingCon{position:relative;height:150px}section.blogPage .singleBlog .ingCon img.centriranaslika{position:absolute;height:100%;width:100%}section.blogPage .singleBlog .imgText h3{font-size:16px;text-align:center;color:#1f1831;margin:0;padding:15px 0 0;max-height:55px;min-height:55px;overflow:hidden}section.blogPage .singleBlog .textSec p{font-size:14px;text-align:center;max-height:200px;min-height:210px;overflow:hidden;margin:10px 0;color:#1f1831}section.blogPage .singleBlog a.readMoreBtn{color:#f25132;font-size:16px;text-decoration:underline!important;margin:15px 0 25px;display:block}section.contactusPage{padding-bottom:50px}.row.formRow td{display:block;padding:0}.row.formRow .form-group{margin-bottom:5px}.row.formRow label{font-size:14px;color:#1f1831;margin:10px 0 10px}.row.formRow input{border-radius:10px;max-width:100%;width:100%}.row.formRow textarea{max-width:100%;min-width:100%;}.row.formRow input[type=submit]{display:block;width:100%;margin:10px 0 0;background-color:#f25132;color:#fff;font-size:18px}.row.formRow p{font-size:14px;color:#1f1831;margin:0}.row.formRow p.orangePera{color:#f25132;margin:10px 0 100px}.row.formRow img.mapImg{max-width:100%}section.textBasePages h3{font-size:20px;font-weight:700;color:#1f1831;margin:40px 0 10px}section.textBasePages p{font-size:14px;color:#1f1831}section.textBasePages ul{padding:0 0 0 15px}section.textBasePages ul p{margin:5px 0 5px 15px}section.textBasePages ol{padding:0 0 0 25px;list-style:decimal-leading-zero}section.textBasePages ol p{margin:4px 0 4px 15px}section.tagsListPage ul#myTab{font-size:20px;color:#1f1831;margin:0 0 10px;padding:0 0 10px}section.tagsListPage ul#myTab a.nav-link{background-color:transparent!important;border:0}section.tagsListPage ul#myTab a.nav-link.active{color:#f25132!important;text-decoration:underline!important}section.tagsListPage div#myTabContent{overflow:hidden}section.tagsListPage div#myTabContent .tab-pane{float:left;margin:5px 40px 5px 0}section.tagsListPage div#myTabContent .tab-pane a{font-size:20px;color:#1f1831}section.tagsListPage div#myTabContent .tab-pane a:hover{color:#f25132!important;text-decoration:underline!important}.caption,.card-title,.centarce,.centertext,.opis,.recommendedtitle,.thumbnail-home,.title,.unatre{text-align:center}body{font-family:Poppins,sans-serif!important}@media (max-width:767px){.bez-padinzi{padding-right:0!important;padding-left:0!important}.nav-link{padding-right:15px!important;padding-left:15px!important}}.headersection{width:95%;height:150px;margin-left:2.5%;margin-right:2.5%}.bg-color-blue{background-color:#6097ce}.btn-outline-success{color:#fff!important;background-color:transparent!important;background-image:none!important;border-color:#fff!important}.btn-outline-success:hover{color:#6097ce!important;background-color:#fff!important;border-color:#fff!important}.nav-link{color:#545454!important}.nav-link:focus,.nav-link:hover{color:#fff!important;text-decoration:underline!important;background-color:#6097ce!important}.active1,.heder{background-color:#6097ce}.active1{color:#fff!important}.margini-levo{margin-left:15px}.borders{border-bottom:1px solid #ced4da}.menu-slika{margin-right:3px}.navbar{padding:0!important}.heder{height:100px;padding-top:25px;padding-bottom:25px}.bg-light{background-color:#fff!important}.navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.btn-info1,.btn-info1:hover{border-color:#1e7e34!important}.centrirano{margin:auto}.fiksirano{position:fixed;top:30px;right:10px}.card{background-color:#f3f3f3!important}.card:hover img{opacity:.8}.card:hover a{text-decoration:none!important}.card:hover h5,.thumbnail-home:hover h4{text-decoration:underline!important}.card h5{margin-top:0!important;margin-bottom:0!important}.card-title{color:#545454!important}.title{color:#1f1831;text-align:left;border-bottom:1px solid #b2b2b2;margin:0 0 20px;padding:50px 0 20px}.title h2{font-size:35px;font-weight:700;margin:0}.hiddenoverflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.desno{float:right}.btn-xs{padding:1px 2px!important;font-size:12px!important;line-height:1.5!important;border-radius:3px!important}.btn-info1{color:#fff;background-color:#28a745!important}.btn-info1:hover{color:#fff;background-color:#1e7e34!important}.btn{margin:1px}.margini-dole{margin-bottom:10px}.opis{color:#545454!important;font-size:11px}.zelena{color:#549f02;font-weight:700}.thevideo{width:100%!important;height:auto!important}video.loading{background:url(/images/loader.gif) center center no-repeat #000}.card{margin-bottom:10px!important}.slika{max-width:100%;height:auto}.padinzi-gore-dole{padding-top:25px;padding-bottom:15px}.desc p{margin-top:5px!important;margin-bottom:5px!important}.margini{margin-left:5px;margin-right:5px}.percent{color:#13a534}.kopce{padding:0!important;width:50%;margin:1px}.working{font-weight:600}.fullsize{width:100%;font-weight:600!important;white-space:normal!important;text-transform:uppercase!important}.downlink{margin-top:10px;padding:5px}.thumbnail,.thumbnail-home{display:block;padding:4px;line-height:1.42857143}.alert-danger{font-size:14px!important}.alert-danger a,.alert-danger a:visited{color:#539ff1}.sharing{margin:10px 0}.footer{background-color:#292929;color:#fff}.footer a{color:#6097ce!important}.footer a:hover{color:#fff!important}.breadcrumb-item a:visited{color:#007bff}.thumbnail{margin-bottom:20px;background-color:#f3f3f3;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail:hover{background-color:#6097ce}.thumbnail:hover h6{color:#fff!important}.img-fluid1{width:100%;height:auto}.caption{color:#545454}.caption h6{margin-top:3px!important;margin-bottom:3px!important}.desno a:visited{color:#007bff}.thumbnail-home{background-color:#fff;border:0;box-shadow:0 2px 4px 0 #0003;border-radius:10px;padding:15px;margin:10px 0;transition:.3s}.thumbnail-home:hover{box-shadow:none}.table-hover tbody tr:hover{background-color:#007bff!important;color:fff!important}.tabelagore thead{background-color:#6097ce}.thumbnail-home a:visited{color:#fff!important}.crn{color:#000!important}.emudown{height:100px}.dropdown-item:hover{background-color:#6097ce!important;color:#fff!important}.cc-selector input{margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cc-selector input:active+.drinkcard-cc,.cc-selector-2 input:active+.drinkcard-cc{opacity:.9}.cc-selector input:checked+.drinkcard-cc,.cc-selector-2 input:checked+.drinkcard-cc{-webkit-filter:none;-moz-filter:none;filter:none}.drinkcard-cc{cursor:pointer;background-size:contain;background-repeat:no-repeat;display:inline-block;width:100px;height:70px;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;transition:all .1s ease-in;-webkit-filter:brightness(1.8) grayscale(1) opacity(.7);-moz-filter:brightness(1.8) grayscale(1) opacity(.7);filter:brightness(1.8) grayscale(1) opacity(.7)}.drinkcard-cc:hover{-webkit-filter:brightness(1.2) grayscale(.5) opacity(.9);-moz-filter:brightness(1.2) grayscale(.5) opacity(.9);filter:brightness(1.2) grayscale(.5) opacity(.9)}a{color:#444;text-decoration:none}p{margin-bottom:.3em}.cc-selector-2 input{position:absolute;z-index:999;margin:5px 0 0 12px}.cc-selector-2 label{margin-left:7px}span.cc{color:#6d84b4}.dropdown-menu{min-width:200px}.dropdown-menu.columns-2{min-width:400px}.dropdown-menu.columns-3{min-width:500px}.dropdown-menu.columns-3.big{min-width:700px}.dropdown-menu li a{padding:5px 15px;font-weight:300}.multi-column-dropdown{list-style:none;margin:0;padding:0}.multi-column-dropdown li a{display:block;clear:both;line-height:1.428571429;color:#333;white-space:normal}.multi-column-dropdown li a:hover{text-decoration:none;color:#262626;background-color:#999}@media (max-width:767px){.dropdown-menu.multi-column{min-width:240px!important;overflow-x:hidden}}.centrerinaslika{display:block;margin:auto}.valign{vertical-align:top}.ulinija{display:inline-block;margin-top:10px;margin-bottom:10px}.ikonka{padding-left:5px}.levtajtl,.levtekst{text-align:left}.desentajtl,.desentekst{text-align:right}.centerimage{display:block;margin:auto;max-width:100%;max-height:100%}.justificiran{text-align:justify}@media (max-width:768px){.dolnaslika,.opisdesktop{display:none}.levtekst{text-align:right}.desentajtl{text-align:left}.opismobile{border:1px solid #000;border-radius:3px;background-color:#f5f5f5;margin-bottom:10px}}@media (min-width:768px){.gornaslika,.opismobile{display:none}}.ad1,.ad2{margin-bottom:10px}@media (max-width:1199px){footer .row.ftrNav ul li a{font-size:13px;padding:10px 10px 10px 0}section.detailPage .unatre{width:70%}}@media (max-width:991px){section.heroSec{padding:100px 0 0;height:450px}#navbarSupportedContent{background-color:#3671b8b3}nav.navbar.darkNav #navbarSupportedContent{background-color:transparent}section.heroSec h1.slogan{font-size:40px}section.heroSec p.tagLine{font-size:20px}section.heroSec div.centrirano div.formCont{width:65%}div.universalSearch{width:100%}div.tableBg table th{font-size:14px}div.tableBg table td{font-size:13px}div.tableBg table td img{max-width:65px}div.tableBg table td a.btn{padding:8px 8px}section.detailPage .unatre{width:95%}.row.details .col-12.col-sm-6.col-md-6.col-lg-5,.row.details .col-12.col-sm-6.col-md-6.col-lg-7{flex:0 0 100%;max-width:100%}}@media (max-width:767px){nav.navbar.darkNav{padding:5px 10px!important}nav.navbar{padding:10px 10px 0!important}.title h2{font-size:30px}section.romsGridSec .col-sm-6{flex:0 0 50%;max-width:50%}footer div.purpleBg h4{font-size:25px}footer div.purpleBg ul li img{width:50px}footer .row.ftrNav{padding:25px 0;text-align:center}footer .row.ftrNav .col-sm-6.text-right{text-align:center!important}div.universalSearch{top:0}div.row.titleRow h1{font-size:25px;max-width:100%}.col-12.col-sm-6.col-md-4.col-lg-3.col-xl-3{flex:0 0 50%;max-width:50%}section.blogPage .col-lg-9 .col-sm-4{width:50%}.row.formRow p{margin:20px 0 0}.row.formRow p.orangePera{margin:10px 0 20px}.col-12.col-sm-6.col-md-4.col-lg-4.col-xl-3{flex:0 0 50%;max-width:50%}.thumbnail-home div.infoBox h3{font-size:18px}section.detailPage .unatre{margin:20px auto 0 0;width:100%}div.row.titleRow{margin:20px -15px 0}div.row.titleRow .btn.btn-info{margin:15px 0 20px}section.detailPage div.margini.picDiv{margin:0 0 10px}section.detailPage .desc p{margin:0 0 10px!important}section.detailPage table.table th{font-size:18px}section.detailPage table.table td,section.detailPage table.table th{padding:1px 3px}section.detailPage div.downlink a{margin:1px 0!important}section.tagsListPage ul#myTab a.nav-link{font-size:16px}section.tagsListPage div#myTabContent .tab-pane a{font-size:16px}}@media (max-width:550px){body{padding:60px 0 0}section.blogPage,section.consolesListPage,section.contactusPage,section.emulatorsListPage,section.romsListPage,section.tagsListPage,section.textBasePages{padding:0 0 20px 0}nav.navbar ul.navbar-nav .nav-item a.nav-link{font-size:14px}#navbarSupportedContent div.dropdown{width:90%;margin:auto}#navbarSupportedContent div.dropdown .dropdown-menu{max-height:100px;overflow-y:auto}#navbarSupportedContent div.dropdown .dropdown-menu a.dropdown-item{padding:2px 10px;font-size:14px}section.heroSec{height:350px}section.heroSec h1.slogan{font-size:25px}section.heroSec p.tagLine{font-size:18px}section.heroSec div.centrirano div.formCont{width:95%}section.heroSec div.centrirano div.formCont input.form-control{height:40px;padding:8px 110px 8px 10px}section.heroSec div.centrirano div.formCont button.btn-primary{height:40px;font-size:14px;width:auto}section.heroSec div.centrirano div.formCont button.btn-primary img{margin-right:5px}section.romsGridSec{padding:0 0 30px}.title{margin:0 0 5px;padding:10px 0 10px}.title h2{font-size:20px}section.romsGridSec .col-sm-6{flex:0 0 100%;max-width:100%}.thumbnail-home{padding:10px;margin:5px 0}.thumbnail-home .imgCon .appearOnHover .btn{width:80px;font-size:14px}.thumbnail-home div.infoBox{padding:10px 0 0}.thumbnail-home div.infoBox h3{font-size:16px}.viewMoreBtn{padding:8px;font-size:14px;min-width:200px;margin:20px 0 0}footer div.purpleBg{padding:20px 10px}footer div.purpleBg h4{font-size:18px}footer div.purpleBg ul{margin:20px 0 0}footer div.purpleBg ul li{margin:0 10px}footer div.purpleBg ul li img{width:40px}footer .row.ftrNav{padding:15px 0}footer .row.ftrNav ul li a{padding:5px 15px 5px 0}footer div.resevedStripe{padding:12px 0;margin:0 0 20px}footer div.resevedStripe p{font-size:12px}div.row.titleRow h1{font-size:18px}div.tableBg table th{font-size:13px}div.tableBg table td{font-size:12px}div.tableBg table td img{max-width:60px}div.tableBg table td a.btn{padding:6px 6px;font-size:14px}div.universalSearch input.form-control{height:35px;font-size:14px}div.universalSearch .btn{font-size:14px}.col-12.col-sm-6.col-md-4.col-lg-3.col-xl-3{flex:0 0 100%;max-width:100%}section.blogPage .col-lg-9 .col-sm-4{width:100%}section.blogPage .singleBlog a.readMoreBtn{margin:10px 0 15px}nav ul.pagination{margin:20px 0 10px}section.blogPage .row.titleRow,section.contactusPage .row.titleRow{margin:10px -15px 20px}.row.formRow input{height:40px}.row.formRow input[type=submit]{font-size:16px}section.textBasePages h3{font-size:16px;margin:20px 0 10px}section.textBasePages ul p{margin:3px 0 3px 5px}section.textBasePages ol p{margin:3px 0 3px 5px}.col-12.col-sm-6.col-md-4.col-lg-4.col-xl-3{flex:0 0 100%;max-width:100%}.thumbnail-home div.infoBox h3{font-size:16px}section.detailPage .unatre{width:100%;margin:10px auto 0 0}section.detailPage div.imgCon{height:180px}.padinzi-gore-dole{padding-top:0}section.tagsListPage div#myTabContent .tab-pane{margin:3px 25px 3px 0}section.tagsListPage div#myTabContent .tab-pane a{font-size:15px}}
    body, p , a, h1, h2, h3, h4, h5, h6, span, li  {
        /*font-family: 'Mosk Light 300' ;*/
        font-family: 'Lato', sans-serif;
    }


    .navbar.navbar-expand-lg.fixed-top {
        background: rgb(48,152,253);
        background: linear-gradient(90deg, rgba(48,152,253,1) 0%, rgba(96,209,243,1) 58%);
        /*background-image: linear-gradient(93deg, #3098fd, #60d1f3);*/
        padding:14px 0 !important;
    }
    .nav.navbar{
        padding:14px 0 !important;
    }
    nav.navbar ul.navbar-nav .nav-item a.nav-link {
        font-size: 16px;
       font-family: 'Lato', sans-serif;
    }
    nav.navbar ul.navbar-nav .nav-item a.nav-link.active,
    nav.navbar ul.navbar-nav .nav-item a.nav-link.active:hover,
    nav.navbar ul.navbar-nav .nav-item a.nav-link:hover
    nav.navbar ul.navbar-nav .nav-item a.nav-link:focus {
        background-color: #63aa1f !important;
        border-radius: 100px;
    }
    .navbar-nav.full-width, .navbar-nav.full-width .nav-item {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .formCont input {
        background-color: #ffffff;
        border-color: #ffffff;
        border-radius: 25px;
        padding-left: 15px;
        color: #000;
    }
    .formCont input::placeholder {
        color: #b7b7b7;
    }
    .formCont {
        position: relative;
    }
    .search-frm-icon {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        opacity: 0.8;
        border-radius: 100px;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ff9600 url(../img/icons/search.png) center center no-repeat;
        background-size: 51%;

    }
    #top-sec {
    /*    padding: 150px 0 580px;*/
        background-size: cover;
        background-position: center;
        height: 560px;
        display: flex;
            align-items: center;
    }
    #top-sec .main-title, #top-sec .main-title-txt {
    /*    text-align: center;*/
    }
    #top-sec .main-title {
        font-size: 42px ;
        font-weight:700 ;
        color: #00033f;
        line-height: 1 ;
        margin-bottom: 30px;
    }
    #top-sec .main-title span {
        color: #f88028;
        line-height: 65px;
        font-size: 55px;
    }
    #top-sec .main-title-txt {
         color: #00033f ;
         opacity: 70%;
        font-size: 18px;
        line-height:1.4;
        max-width:490px;
    }
    .cartoon-wrap {
        position: relative;
        display: none !important;
    }
    .cartoon {
        position: absolute;
    }
    .cartoon.mario {
        left: 0;
        right: 0;
        margin: auto;
    }
    .cartoon.bird1 {
        left: -100px;
        top: -70px;
    }
    .cartoon.bird2 {
        right: -100px;
    }
    .cartoon.camel {
        right: -100px;
        bottom: -320px;
    }
    .cartoon.gorilla {
        left: 230px;
        bottom: -330px;
    }
    .cartoon.hot-ballon1 {
        left: -10px;
        top: -200px;
    }
    .cartoon.hot-ballon2 {
        right: 110px;
        top: -150px;
    }
    .cartoon.pokemon {
        right: 390px;
        bottom: -293px;
    }
    .cartoon.sonic {
        left: -120px;
        top: 64px;
    }
    #sec-2 {
        padding: 80px 0;
    }
    #sec-2 .nav-tabs, #sec-2 .tab-content {
        background-color: #7bbf3a;
    }
    #sec-2 .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #sec-2 .nav-tabs .nav-item {
        flex: 0 0 50%;
        max-width: 50%;
        border-radius: 0 !important;
    }
    #sec-2 .nav-tabs .nav-item .nav-link.active,
    #sec-2 .nav-tabs .nav-item .nav-link:hover,
    #sec-2 .nav-tabs .nav-item .nav-link:focus {
        border-radius: 0;
        background-color: #6bb029 !important;
    }
    #sec-2 .nav-tabs .nav-item .nav-link {
        font-size: 20px;
        color: #fff !important;
        /*font-family: 'Mosk Semi-Bold 600';*/
        text-align: center;
    }
    #sec-2 .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-bottom: 2px solid #fff;
    }
    #sec-2 .tab-pane {
        padding: 20px 0 20px 0;
    }
    #sec-2 .tab-pane ul {
        padding-left: 0;
        list-style: none;
        color: ;
    }
    #sec-2 .tab-pane ul li a {
        color: #fff;
        font-size: 14px;
       /* font-family: 'Mosk Medium 500';*/
        position: relative;
        padding: 12px 12px 12px 30px;
        display: block;
    }
    #sec-2 .tab-pane ul li a::before {
        content: "\f105";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
    }
    #sec-2 .tab-pane ul li a:hover {
        background-color: #6bb029;
    }
    .main-title {
        color: #00033f ;
        font-size: 36px ;
        font-weight: 700 ;
    }
    #sec-2 select.form-control {
        background: transparent;
        border: 0;
        font-size: 19px;
        font-weight: 600;
        color: #00033f;
        max-width: 150px;
        margin-left: auto;
    }
    #sec-2 select.form-control {
        -webkit-appearance: none;
        background-image: url('../img/icons/arrow-down-blue.png');
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center right;
    }
    .row.main-title-row::after {
        content: '';
        position: absolute;
        background-color: #00033f;
        width: 150px;
        height: 1px;
        right: 0;
        bottom: -1px;
    }
    .roms-title {
        color: #00033f;
        font-size: 17px;
        font-weight: 700;
    }
    .single-rom {
        background-color: #fff;
        /*padding: 9px 11px;*/
        min-height: 330px;
        margin-bottom: 35px;
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        /*display: flex;
        flex-direction: column;
        justify-content: space-between;*/
    }
    .pop-slide::after  {
        content: '';
        position: absolute;
        background-image: url('../img/shadow.png');
        width: 100%;
        height: 10px;
        background-size: 100% 100%;
        left: 0;
        right: 0;
        bottom: -10px;
        margin: auto;
    }
    .stars {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        list-style: none;
    }
    .stars i {
        font-size: 10px;
        margin-right: 2px;
        color: #fec222;
        margin-bottom:0;
    }
    .roms-ftr .roms-title {
        color: #00033f;
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 12px;
        min-height: 40px;
        position: relative;
        z-index: 2;
    }
    .download-rom p {
        color: #00033f;
        font-size: 15px;
        font-size: 15px;
        font-weight: 300;
    }
    .single-rom-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .download-rom p {
        margin-bottom: 0;
    }
    .roms-ftr {
        padding:20px;
    }
    .row.main-title-row {
        border-bottom: 1px solid #bacac4;
        margin-bottom: 15px;
        position: relative;
    }
   /* .roms-img {
        box-shadow: -5px 7px 10px 0 rgba(0,0,0,0.3);
    }*/
    .row.main-title-row + .row.margini-dole {
        border-bottom: 1px solid #bacac4;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .viewMoreBtn {
        font-size: 18px;
        font-weight: 700;
        color: #3f8cfe !important;
        background-color: transparent;
        border: 0;
        text-decoration: underline !important;
    }
    .viewMoreBtn:hover{
        opacity: .7;
    }
    .main-title-big {
        color: #00033f !important;
    }
    #popular-rom .main-title {
        font-size: 33px;
    }
    .row.popular-tabs .nav-tabs {
        display: flex;
        justify-content: space-between;
        border-bottom: 0;
        margin-bottom: 40px;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .row.popular-tabs .nav-tabs .nav-link {
        padding: 8px 11.2px;
        color: #9db0ca !important;
       /* font-family: 'Mosk Semi-Bold 600';*/
        font-size: 14px;
        font-weight: 600;
        background-color: #e6f0ff;
        border-radius: 10px;
        text-decoration: none !important;
    }
    .row.popular-tabs .nav-tabs .nav-link.active, .row.popular-tabs .nav-tabs .nav-link:hover, .row.popular-tabs .nav-tabs .nav-link:focus, .row.popular-tabs .nav-tabs .nav-link.active:hover {
        background: #3f8cfe !important;
        border-color: #3f8cfe !important;
        color: #fff !important;
        border-radius: 10px;
    }
    .emulator-image {
        position: relative;
    }
    .badge.badge-success {
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: #63aa1f;
        padding: 5px 12px;
        border-radius: 25px;
    }
    .emulator-title {
        color: #00033f;
        font-size: 18px;
        font-weight: 600;
        font-family: Lato;
        margin-top: 20px;
    }
    .emulator-download {
        font-size: 16px;
        color: #ffffff;
        background-color: #3f8cfe;
        margin: 0;
        padding: 10px !important;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 600;
    }
    .pop-slide {
        margin: 0 8px;
        background-color: #fff;
        min-height: fit-content;
        position: relative;
        border-radius: 10px;
    }
    .hover-effect {
        background-color: #fff;
        color: #00033f;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 100px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
        display: none;
        transition: .3s all;
        z-index: 1;
        animation: pulse-animation 3s ease-in-out infinite;
    }
    .pop-slide:hover .hover-effect {
        display: block;
        transition: .3s all;
    }
   /* .pop-slide:hover .emulator-image::after {
        background-color: rgba(248, 126, 40, 0.7);
        width: 100%;
        height: 100%;
        content: '';
        display: block;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-blend-mode: overlay;
    }*/
    .pop-slide .emulator-title, .pop-slide .emulator-download {
        padding: 0 15px;
    }
    .pop-slider-nav button {
        background: transparent;
        border: 2px solid #00033f;
        border-ara: ;
        border-radius: 100px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 36px;
        font-size: 25px;
        color: #00033f;
    }
    .pop-slider-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }
    .pop-slider-nav button.left-arrow {
        position: absolute;
        left: -40px;
    }
    .pop-slider-nav button.right-arrow {
        position: absolute;
        right: -10px;
    }
    #blog {
        padding: 60px 0;
        position: relative;
    }
    #blog .main-title-big {
        text-align: center;
    }
    .single-blog {
      /*background-color: #ffffff;*/
      padding: 16px;
      position: relative;
      /*border-radius: 12px;*/
    }
    .bog-title {
        color: #00033f;
        font-size: 18px;
        font-weight: 700;
        font-family: 'Lato';
        margin-top: 20px;
    }
/*    .blog-feaeture-image::after,*/
    .single-blog::after,
/*    #blog::after*/
     {
        content: '';
        position: absolute;
        background-image: url('../img/shadow.png');
        width: 100%;
        height: 10px;
        background-size: 100% 100%;
        left: 0;
        right: 0;
        bottom: -10px;
        margin: auto;
    }
    .blog-feaeture-image {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }
    .single-blog img{
      margin: auto;
      display: block;
    }
    .blog-excerpt {
        color: #00033f;
        font-size: 15px;
        text-align: justify;
    }
    .btn.btn-primary.bog-btn {
        color: #fff !important;
        font-size: 16px;
        background-color: #37a1fb;
       border:0;
        border-radius: 10px;
        padding: 10px 24px;
    }
    #roms {
        padding: 45px 0;
        background-color: #fff;
        margin-top: 9px;
    }
    .single-roms p {
        margin-bottom: 0;
        color: #00033f;
        font-size: 15px;
    }
    .single-roms {
        flex: 0 0 13.4%;
        max-width: 13.4%;
        background-color: #e8ebed;
        margin: 12px 5px;
        border-radius: 100px;
        text-align: center;
        padding: 8px;
    }
    #roms .row {
        justify-content: space-between;
        align-items: center;
    }
    footer {
        text-align: center;
        background: rgb(48,152,253);
        background: linear-gradient(90deg, rgba(48,152,253,1) 0%, rgba(96,209,243,1) 58%);
        padding: 65px 0 0 0;
    }
    footer .row.ftr-bottom .copyright p, footer .row.ftr-bottom .copyright p a {
        margin-bottom: 0;
        color: #fff;
    }
    footer .row.ftr-bottom .copyright p, footer .row.ftr-bottom .copyright hr{
        margin-bottom: 35px;
        margin-top: 35px;
    }
    body.homePage nav.navbar.darkNav, nav.navbar.darkNav {
        background-color: #7bbf3a !important;
    }
    .single-rom .tagBtns,
    .tagBtns {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        /*align-items: center;*/
        margin-top: 6px;
        min-height:70px;
    }
    .single-rom .tagBtns .btn,
    .tagBtns .btn {
        background-color: #e6f0ff !important;
        border:0 !important;
        color: #9db0ca;
        font-size: 12px !important;
        padding: 2px 10px !important;
        border-radius: 7px !important;
        margin: 0 5px 4px 0;
        color:#9db0ca;
        /*width: 32%;*/
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
    }
    nav ul.pagination li a {
        color: #000000 !important;
        background-color: #e6f0ff !important;
    }
    nav ul.pagination li.disabled a {
        background-color: #3f8cfe !important;
        color: #fff !important;
    }
    section.tagsListPage ul#myTab a.nav-link.active {
        color: #00033f !important;
        text-decoration: underline !important;
        font-weight: 700;
    }
    .tager {
        background-color: #e6f0ff;
        margin: 3px;
        text-align: center;
        padding: 6px 20px;
        color: #9db0ca !important;
        font-size: 16px !important;
        border-radius: 7px !important;
    }
    section.tagsListPage div#myTabContent .tab-pane {
        margin: 11px 3px;
    }
    section.tagsListPage div#myTabContent .tab-pane a.tager:hover {
        background-color: #3f8cfe!important;
        color: #fff!important;
        text-decoration: none !important;
    }
    /*.row.formRow {
        padding-top: 20px;
        border-top: 2px solid #bacac4;
    }*/
    section.blogPage .row.titleRow, section.contactusPage .row.titleRow {
        margin: 20px -15px 20px;
    }
    .row.formRow input, .row.formRow textarea {
        color: #757575;
        font-size: 16px;
        height: 65px;
        border-radius: 4px;
        margin-bottom: 22px;
        border:1px solid #99c2fe;
        background-color: #fff;
        padding:0 25px;
    }
    .row.formRow input:focus, .row.formRow textarea:focus{
        border-color:#00033f;
    }
    .row.formRow textarea {
        height: 244px;
        padding: 25px;
        resize: none;
    }
    .row.formRow input[type="submit"] {
        background-color: #3f8cfe;
        color:#fff;
        width: 200px;
        border-radius: 8px;
        height: 50px;
        border:0;
    }
    .row.formRow input[type="submit"]:hover{
        background: #ff9600;
    }
    section.contactusPage .media i {
        color: #fff;
        margin-right: 5px;
    }
    section.contactusPage h5 {
        color: #00033f;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }
    section.contactusPage .media {
        margin-bottom: 30px;
    }
    .row.formRow p.contact-right-txt {
        margin-top: 20px;
        display: block;
    }
    .breadcrumb li a span {
        color: #00033f !important;
        font-size: 19px !important;
        font-weight: 600 !important;
    }
    .breadcrumb-item.active a span {
        color: #56c5f5  !important;
    }
    .row.help-tab-wrap {
        padding-top: 20px;
        border-top: 2px solid #bacac4;
    }
    .row.help-tab-wrap .nav-tabs {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        border-bottom: 0;
        padding-left: 0;
    }
    .row.help-tab-wrap .nav-tabs {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        border-bottom: 0;
        padding-left: 0;
    }
    .row.help-tab-wrap .nav-tabs .nav-link {
        color: #00033f !important;
        font-size: 16px;
       /* font-family: 'Mosk Semi-Bold 600';*/
        text-align: center;
        padding: 14px 12px;
        border: 0;
    }
    .row.help-tab-wrap .nav-tabs .nav-link {
        color: #00033f !important;
        font-size: 16px;
        /*font-family: 'Mosk Semi-Bold 600';*/
        text-align: center;
        padding: 14px 12px;
        border: 0;
    }
    .row.help-tab-wrap .nav-tabs .nav-link:hover,
    .row.help-tab-wrap .nav-tabs .nav-link.active:hover,
    .row.help-tab-wrap .nav-tabs .nav-link:focus {
        background-color: #fff !important;
        text-decoration: none !important;
    }
    nav.navbar ul.navbar-nav .nav-item a.nav-link[href="/privacy-policy"],
    .nav-item.dropdown.help-dd .nav-link {
        background-color: #ff9600;
        min-width: 85px;
        border-radius:10px !important;
        text-align: center;
    }
    .dropdown-item:hover {
        background-color: #00033f !important;
        color: #fff !important;
    }
    nav.navbar ul.navbar-nav .nav-item a.nav-link.active,
    nav.navbar ul.navbar-nav .nav-item a.nav-link.active:hover,
    nav.navbar ul.navbar-nav .nav-item a.nav-link:hover {
        background-color: #00033f !important;
        border-radius: 10px;
    }
    nav ul.pagination li a:hover {
        color: #00033f !important;
    }
    .main-title.bottom-border {
        padding-bottom: 25px;
        border-bottom: 1px solid #bacac4;
        margin-bottom: 30px;
    }
    .btn.btn-primary.view-detail {
        width: 100%;
        background: #3f8cfe;
        color: #fff !important;
    }
    .btn.btn-primary.view-detail:hover{
        background: #ff9600;
    }
    .btn.btn-primary {
        padding: 11px 25px;
        border-radius: 10px;
        margin-top: 10px;
        background-color: #fff;
        border:0;
        font-size: 18px;
        color:#000;
    }
    .row.view-emulator {
        background-color: #fff;
        padding: 35px 25px;
        margin: 1px;
        border-radius: 22px;
    }

    .view-emulator .main-title-big,
    .row.view-emulator-desc .main-title-big {
        font-size: 25px !important;
      font-weight:600;
      color:#00033f;
      margin-bottom: 25px;
    }
    .view-emulator-detail {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .view-emulator-detail-value, .view-emulator-detail-name {
        color: #fff;
        font-size: 16px;
        margin-bottom: 12px;
    }
    .view-emulator-detail-value, .view-emulator-detail-name {
        color: #fff;
        font-size: 16px;
        margin-bottom: 16px;
    }
    .view-emulator-detail + .btn.btn-primary.view-detail {
        width: 80%;
        margin: 12px auto 20px;
        display: block;
        background: #3f8cfe;
        color:#fff;
    }
    .view-emulator-detail + .btn.btn-primary.view-detail:hover{
        background: #ff9600;
        color:#fff;
    }
    .view-emulator-detail-value {
        /*font-family: 'Mosk Bold 700';*/
        color: #212529;
    }
    .row.view-emulator-desc {
      background-color: #fff;
      padding: 35px 25px;
      margin: 1px;
      margin-top: 30px;
      border-radius: 20px;
    }
    .row.view-emulator-desc::before {
        content: '';
        position: absolute;
        width: 95%;
        top: 0;
        left: 0;
        right: 0;
        margin: ;
        margin: auto;
        height: 1px;
        background-color: #cccccc;
    }
    .naslov .btn {
        background-color: #7bbf3a !important;
        border-color: #7bbf3a !important;
        color: #fff !important;
        font-size: 13px !important;
        padding: 2px 10px !important;
        border-radius: 100px !important;
        margin: 15px 8px !important;
    }
    .naslov .btn:hover {
        background-color: #63aa1f !important;
        border-color: #63aa1f !important;
        color: #fff !important;
        box-shadow: 0 0 10px 0 #7bbf3a;
    }
    .btn.btn-dark {
        background-color: #f87e28 !important;
        min-width: 85px;
        border-radius: 10px !important;
        text-align: center;
        color: #fff !important;
        border-color: #f87e28 !important;
    }
    #sec-2 .tab-content {
        height: 620px;
        overflow-y: auto;
        height: ;
    }

    .row.popular-tabs .nav-tabs li.nav-item {
        width: 9%;
        text-align: center;
    }



    .blog-feaeture-image img {
        margin: auto;
        display: block;
    }
    .blog-sidebar {
        background-color: #e8ebed;
        margin-top: 15px;
    }
    .recent-blog ul {
        list-style: none;
        padding-left: 20px;
    }
    .recent-blog ul li a {
        font-size: 14px;
        color: #00033f;
        font-weight: ;
        border: 1px solid #00033f;
        padding: 8px 8px;
        display: block;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .recent-blog.follow-us ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding-left: 0;
    }
    .recent-blog.follow-us li a {
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        padding: 0;
        font-size: 26px;
        background-color: #7bbf3a;
        color: #fff;
    }
    @media (max-width:1199px) {
        #top-sec {
            overflow: hidden;
        }
        .pop-slider-nav button.right-arrow {
            right: 0;
        }
        .pop-slider-nav button.left-arrow {
            left: -32px;
        }
        .single-roms {
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    @media (max-width: 991px) {
        #navbarSupportedContent {
            background-color: transparent;
            padding: 20px 0 0 0;
        }
        .navbar-nav.full-width .nav-item, .navbar-nav.full-width {
            width: 100%;
            margin-bottom: 5px;
        }
        .navbar-nav.full-width .formCont{
            width: 100%;
            margin-top: 20px;
        }
        .cartoon.hot-ballon2 {
            right: 20px;
            top: -170px;
            width: 50px;
        }
        .cartoon.bird2 {
            right: 0;
            width: 40px;
        }
        .cartoon.pokemon {
        right: 150px;
        bottom: -323px;
        width: 30px;
    }
    .cartoon.gorilla {
        left: 190px;
        bottom: -320px;
        width: 100px;
    }
    .cartoon.sonic {
        left: -30px;
        top: 98px;
        width: 100px;
    }
    .cartoon.camel {
        right: 0;
        bottom: -320px;
        width: 60px;
    }
    #sec-2 .nav-tabs {
        flex-direction: column;
    }
    #sec-2 .nav-tabs .nav-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #sec-2 #view-romsByConsole .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #sec-2 .tab-content {
        height: 1170px;
    }
    .row.popular-tabs .nav-tabs {
        justify-content: center;
    }
    }
    @media (max-width: 767px) {
        #sec-2 .tab-content {
            height: 510px;
            margin-bottom: 20px;
        }
        #sec-2 {
            padding: 30px 0;
        }
        #sec-2 select.form-control {
            margin-left: 0;
        }
        .pop-slider-nav button.right-arrow {
            right: 0;
        }
        .pop-slider-nav button.left-arrow {
            left: -0;
        }
        .single-roms {
            flex: 0 0 48%;
            max-width: 48%;
            margin: 3px 5px;
        }
        .row.main-title-row::after {
            display: none;
        }
        .row.popular-tabs .tab-pane {
            position: relative;
        }
        .pop-slider-nav {
            top: 30%;
        }

    }
    @media (max-width:550px) {
        #top-sec {
            overflow: hidden;
            padding: 80px 0 180px;
        }
        .cartoon.hot-ballon1 {
            width: 25px;
        }
        .cartoon.hot-ballon2 {
            width: 26px;
            right: 0;
            top: -130px;
        }
        #top-sec .main-title {
            line-height: 1.1;
            margin-bottom: 20px;
        }
        #top-sec .main-title span {
            font-size: 35px;
            line-height: 1.1;
        }
        #top-sec .main-title-txt {
            color: #00033f;
            font-size: 17px;
            line-height: 20px;
        }
        .cartoon.gorilla {
            left: 0;
            bottom: -350px;
            width: 70px;
        }
        .cartoon.mario {
            width: 90px;
        }
        .cartoon.sonic {
            left: 0;
            top: 37px;
            width: 45px;
        }
        .cartoon.pokemon {
            right: -120px;
            bottom: -160px;
            width: 30px;
            left: 0;
            margin: auto;
        }
        .cartoon.gorilla {
            left: 60px;
            bottom: -160px;
            width: 50px;
        }
        .cartoon.camel {
            right: 0;
            bottom: -150px;
            width: 60px;
        }
        #sec-2 select.form-control {
            border: 1px solid #00033f;
            width: 100%;
            max-width: 100%;
            background-position: 98%;
        }
        .main-title-big {
            font-size: 32px !important;
            margin-bottom: 7px !important;
        }
        #popular-rom .main-title {
            font-size: 16px !important;
        }
        .single-roms {
            flex: 0 0 28%;
            max-width: 28%;
            margin: 3px 5px;
        }
        footer .row.ftr-bottom .copyright p, footer .row.ftr-bottom .copyright p a {
            font-size: 14px;
        }
        .pop-slider-nav button.left-arrow {
            left: 0;
        }
        .pop-slider-nav button.right-arrow {
            right: 0;
        }
        #roms {
            padding: 15px 0;
        }
        .single-roms {
            flex: 0 0 45%;
            max-width: 45%;
            margin: 0 auto 3px;
        }
        .emulator-image img {
            margin: auto;
            display: block;
        }
        .breadcrumb {
            margin-bottom: 0 !important;
        }
        section.consolesListPage .row.titleRow,
        section.emulatorsListPage .row.titleRow,
        section.romsListPage .row.titleRow,
        section.tagsListPage .row.titleRow,
        section.textBasePages .row.titleRow {
            margin: 10px -15px 0 !important;
        }
        section.contactusPage .media {
            margin: 15px auto;
        }
        .row.view-emulator .main-title-big {
            margin-top: 15px;
        }
        .view-emulator-detail + .btn.btn-primary.view-detail {
            width: 100%;
            margin: 12px auto;
            display: block;
        }
        .recommendedtitle .main-title {
            margin-top: 15px;
        }
        .main-title.bottom-border {
            padding-bottom: 15px;
            margin-bottom: 0px;
        }
        #sec-2 #view-romsByConsole .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .recommendedtitle + br + .row .pop-slide {
            margin-bottom: 20px;
        }
    }
    @keyframes pulse-animation {
      0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
      }
      100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
      }
    }
    .text-color-list{
        color: #04431d;
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
        background-color: #ff9600!important;
        color: #fff !important;
        border-color: 0 !important;
    }
    .btn-primary:hover{
        background-color: #ff9600 !important;
    }
    .btn-filter.btn-primary:hover {
        background-color: #fff!important;
        opacity: .7;
    }
    /*.single-rom{
    border: 1px solid transparent;
    }*/
    /*.single-rom:hover{
        border: 1px solid #f87e28;
    }*/
    .tagBtns .btn:hover{
        background-color: #3f8cfe!important;
        color: #fff!important;
    }
    .btn-primary:hover{
        color: #fff!important;
    }
    #blog_post .main-title-big{
        text-align: center!important;
        max-width: 100%!important;
        text-overflow: none!important;
    }
    .single-blog:hover .bog-title{
        color: #37a1fb;
    }
    .nevidlivo{
        display: none;
    }
    @media screen and (max-width: 576px) {
        .view-emulator-detail:nth-of-type(1){
            margin-top: 30px;
        }
    }
    .nav-tabs .nav-link {
        border:0;
        font-size: 16px;
        color:#000 !important;
        background: #fff;
    }
    .prekrseni{
        white-space: break-spaces;
    }
    .nav-tabs .nav-link.active{
       background: #ff9600 !important;
        color:#fff !important;
    }
    .nav-tabs .nav-link:hover{
        background: #ff9600 !important;
        color:#fff !important;
    }
    .recent-blog{
        width: 150px;
        margin: 0 auto;
    }
    .roms-description{
      margin-top: 30px;
      background-color: #fff;
      padding: 12px 16px;
      min-height: 230px;
      margin-bottom: 15px;
      position: relative;
      border-radius: 20px;
    }
    /*.roms-description:after{
      content: '';
      position: absolute;
      background-image: url(../img/shadow.png);
      width: 100%;
      height: 10px;
      background-size: 100% 100%;
      left: 0;
      right: 0;
      bottom: -10px;
      margin: auto;
    }*/
    #ad1{
      height: 280px!important;
    }
    #ad2{
      height: 280px!important;
    }

    .pop-slide:after {
        display: none;
    }


    picture.mx-auto.d-block.text-center img {
        border-radius: 10px !important;
        width: 100% !important;
    }

    .pop_post_tags {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    list-style: none;
    justify-content: space-between;
}

.pop_post_tags li {
    width: 31%;
    text-align: center;
    background: #e3edfc;
    margin: 1%;
    color: #9db0ca;
    font-family: lato;
    font-weight: 600;
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
}


.download_btn:hover p {
    background-color: #ff9600 !important;
    transition: 0.5s;
}

.download_btn p {
    transition: 0.5s;
}

.popular_emulator_post_body {
    padding: 15px;
}

.footer_nav {
    width: 70%;
    margin: 0 auto;
    background-color: #ff9600;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

section.copyright {
    text-align: center;
    border-top: 1px solid #fff;
    padding-top: 10px;
}

.copyright {
    width: 100%;
    text-align: center;
    color: #fff;
}

.copyright a {
    color: #fff;
}
.guide {
    width: 100%;
    text-align: center;
    color: #fff;
}
.single-blog , .single-blog-inner
{
    transition: 0.5s;
}

.single-blog:hover .single-blog-inner {
    transition: 0.5s;
    padding: 20px;
    box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.21);
-webkit-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.21);
}

.single-blog-inner {
    padding: 20px;
    border-radius: 20px;
    background: #fff;
}

.single-blog .single-blog-inner a.read_more_btn {
    color: #fff;
    background-color: #37a1fb;
    padding: 10px;
    border-radius: 10px;
}
.single-blog .single-blog-inner a.read_more_btn :hover{
    opacity: .7;
}

/*new css add */
@media (min-width: 1200px){
    .container {
        max-width: 1175px;
    }
}
img.download{
    margin-left:4px;
    max-width:15px;
}
.btn.btn-secondary{
    background-color: #ff9600;
    color: #fff;
    border-radius: 10px;
    border: 0;
    padding: 12px 19px;
}
.btn.btn-secondary:hover{
    background:#3098fd;
}
.dropdown-toggle::after{
    border:0;
    background: url(../img/icons/arrow-down.png) center center no-repeat;
    width:11px;
    height:7px;
    font-size: 0;
}
.top-links{
    padding-top:62px;
}
.top-links ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding:0;
}
.top-links ul li{
    margin-bottom: 10px;
}
.top-links ul li:not(:last-child){
    margin-right: 3px;
}
.top-links ul li a{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #9db0ca;
    width:180px;
    height:50px;
    padding:10px;
    padding-left:34px;
    background: #e6f0ff url(../img/icons/game-unactive.png) left 12px center no-repeat;
    background-size: 18px;
    transition: .4s ease all;
    border-radius: 10px;
}
.top-links ul li a:hover{
    background: #3f8cfe url(../img/icons/game-active.png) left 12px center no-repeat;
    background-size: 18px;
    color:#fff;
}
.sec-2#sec-2 select.form-control{
    color: #00033f;
}
.download-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #3f8cfe;
    color: #fff !important;
    padding: 6px 11px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    z-index: 2;
}
.download-link:hover{
    background: #ff9600;
    color: #fff;
}
.abs-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    color: transparent;
    font-size: 0;
    text-indent: -2px;
}
.single-rom:hover{
    box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.21);
-webkit-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 6px 25px 0px rgba(0,0,0,0.21);
}
.top-head{
    margin-bottom: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.top-head *{
   margin:0;
}
.recently-added{
    padding-bottom:80px;
}
.popular-rom .inner{
    background: #fff;
    position: relative;
    padding:40px 30px;
    border-radius: 10px;
}
.inner-banner{
    position: relative;
    background: rgb(48,152,253);
    background: linear-gradient(90deg, rgba(48,152,253,1) 0%, rgba(96,209,243,1) 58%);
    color:#fff;
    text-align: center;
    min-height: 200px;
    margin-bottom: 20px;
}
.inner-banner .d-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
     min-height: 200px;
    /*height: 100%;*/
}
.inner-banner__title{
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}
.inner-banner p{
    font-size: 18px;
    color:#fff;
    margin:0;
}
.blog-page .romsListPage {
    padding-top:0 !important;
}
.blog-page #blog{
    padding:0;
    background: transparent;
}
.blog-page .single-blog .blog-excerpt{
    font-size: 16px;
    text-align: revert;
}
.blog-page .single-blog{
    margin-bottom: 45px;
}
.help-tab-wrap .nav-tabs{
    border:0;
    margin-top: 35px;
}
.help-tab-wrap .nav-tabs .nav-link{
    border:0;
    height: 60px;
    width:270px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none !important;
}
.help-tab-wrap .nav-tabs li:not(:last-child){
    margin-right: 18px;
}
.flat-page .textBasePages .desc{
    background: #e6f0ff;
    padding: 45px 40px 20px;
    margin-bottom: 30px;
    border-radius: 7px;
}
.flat-page .textBasePages h2{
    font-size: 36px;
    font-weight: 700;
    color: #00033f;
    margin: 0 0 20px 0 !important;
}
.flat-page .textBasePages h3{
    font-size: 24px;
    font-weight: 700;
    color: #00033f;
    margin-top: 0 !important;
    margin-bottom: 20px;
}
.flat-page section.textBasePages p{
    color: #00033f;
    opacity: 70%;
    font-size: 18px;
    margin-bottom: 30px;
}
.single-rom-wrapper.row >div{
    margin-bottom: 35px;
}
.single-rom-wrapper .single-rom{
    /*height: 100%;*/
    /*margin-bottom: 0;*/
}
.pop-slide.popular-emu {
    display: flex;
    padding:8px;
    padding-right:20px;
    border-radius: 15px;
    min-height: 127px;
    background: #f3f2f7;
    cursor: pointer;
}
.pop-slide.popular-emu:hover{
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15);
}
.pop-slide.popular-emu .emulator-image{
    border-radius: 15px;
    overflow: hidden;
    margin-right: 15px;
    height: 100%;
    width: 112px;
}
.pop-slide.popular-emu .emulator-image img{
    height: 100%;
    object-fit: cover;
}
.pop-slide.popular-emu .popular-emu-content{
    display: flex;
    flex:1;
    justify-content: space-between;
    flex-direction: column;
}
.pop-slide.popular-emu .popular-emu-content .emulator-title{
    margin-top: 0;
    padding:0;
}
.pop-slide.popular-emu .popular-emu-content .emulator-download{
    font-size: 12px;
    padding:6px 10px !important;
}
.emulator-download:hover{
    background-color: #ff9600;
    color:#fff;
}
.pop-slide{
    background: #f3f2f7;
}
#popular-rom .inner{
    background: #fff;
    padding:38px 35px 60px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#popular-rom .inner .main-title{
    margin-bottom: 30px;
}
.blog-slider .slick-slide{
    padding: 20px 0;
}
.blog-wrapper .single-blog{
    border-radius: 12px;
    background-color: #fff;
}
.list-rom-container .single-rom .tagBtns, .tagBtns{
    width:auto;
}
.btn-filter.btn.btn-primary:not(.active){
    min-width: 172px;
    height: 48px;
    color:#000 !important;
    background: #fff !important;
}
.btn-filter.btn.btn-primary img{
    margin-right: 6px;
}
.browse-rom .pop-slide .emulator-title{
    text-align: center;
}
.contactusPage .inner-banner p a{
    color: #fff;
}
.contactusPage .inner-banner p i{
    margin-right: 5px;
}
.contactusPage form{
    max-width: 970px;
    margin-right: auto;
    margin-left: auto;
}
.single-rom .roms-img{
    min-height: 160px;
}
.comments-block .btn{
    background-color: #37a1fb;
    color:#fff;
}
.comments-block .btn:hover{
    background-color: #00033f;
    color:#fff;
}
section.tagsListPage ul#myTab a.nav-link{
    color: #00033f !important;
    font-size: 18px;
    font-weight: 600;
}
section.tagsListPage ul#myTab a.nav-link:hover{
    color:#ff9600 !important;
}
.bg{
    background: #fff;
    border-radius: 20px;
    padding:30px 20px;
    margin-bottom: 30px;
}
section.detailPage{
    padding-top:0 !important;
}
.detailPage-tags{
    padding-top:20px;
    display: flex;
    flex-wrap: wrap;
}
.detailPage-tags a{
    margin:0 10px 10px 0;
    background: #fff !important;
    color: #00033f !important;
    border-radius: 7px;
    min-width: 100px;
    border:0 !important;
}
.detailPage-tags a:hover{
    opacity:.7;
}
h2 , h3{
    color:#00033f;
    margin-bottom: 20px;
    font-weight: 600;
}
.thumbnail-home .imgCon .appearOnHover{
    background:#00033fa8;
}
.thumbnail-home div.infoBox h3{
    color:#00033f;
}
.content-box{
    background: #e6f0ff;
    border-radius: 15px;
    padding:30px 20px;
    margin-top: 20px;
}
.consolesListPage .pop-slide{
    background: #fff;
    padding:15px;
    margin-bottom: 35px;

}

footer .intro{
    color: #fff;
    font-size: 18px;
    max-width: 800px;
    margin: auto;
    margin-top: 35px;
    line-height: 1.3;
}
footer .copyright p.footer_nav {
    padding:16px 40px;
}
.container{
    padding:0 15px !important;
}
.emulatorsListPage{
    overflow: hidden;
}
.bg_white .pop-slide{
    background: #fff;
    padding: 10px;
    border-radius: 15px;
}
.nav-fill .nav-item{
    flex: none;
}
.single-rom .roms-ftr{
    padding-top:0;
}

.sidebar-links{
    padding:0;
    margin:0;
    list-style: none;
}
.sidebar-links li{
    margin-bottom: 10px;
}
.sidebar-links li a{
    background-color: #e6f0ff;
    color: #9db0ca;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-radius: 7px;
}
.sidebar-links li a:hover{
    background: #3f8cfe;
    color:#fff;
}
.sidebar h5{
    margin-bottom: 30px;
    font-weight: 600;
}


.game-details{
  text-align: left;
}
.game-details .row{
  margin:0 -80px;
}
.game-details .row >div{
  padding:0 80px;
}
.game-details__left{
  flex:1;
  padding-right:100px;
}
.game-details__right{
  width:370px;
}
.game-details .flex-wrapper{
  display: flex;
}
.game-details .image{
  height:235px;
  min-width:215px;
  border-radius: 20px;
  overflow: hidden;
  margin-right:22px;
}
.game-details .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.game-details h1{
  font-size: 48px;
  color:#fff;
  font-weight:700;
  margin-bottom: 7px;
}
.game-details p{
  color:#fff;
  font-size: 18px;
  margin-bottom: 10px;
}
.game-details ul.links{
  list-style: none;
  display:flex;
  align-items: center;
  margin-top:20px;
}
.game-details ul.links li:not(:last-child){
  margin-right:8px;
}
.game-details ul.links li a{
  min-width:77px;
  height:30px;
  display:flex;
  align-items: center;
  justify-content: center;
  background:#e6f0ff;
  color:#9db0ca;
  font-size:12px;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.game-details ul.links li a:hover{
  background:#ff9600;
  color:#fff;
}
.game-details__left> .flex-wrapper{
  padding-bottom:50px;
  border-bottom: 2px solid #fff;
}
.game-details .game-controls{
  background:#fff;
  padding:28px 25px 20px;
  border-radius: 15px;
}
.game-details .game-controls h3{
  font-size: 24px;
  color:#00033f;
  font-weight:700;
  margin-bottom:10px;
}
.game-details .game-controls p{
  color:#ff9600;
  font-size:18px;
  font-weight:700;
  margin-bottom:25px;
}
.game-details .game-controls ul{
  list-style: none;
  display:flex;
  align-items:center;
  margin-bottom:18px;
}
.game-details .game-controls ul li{
  font-size:24px;
  font-weight:900;
  color:#cccdd9;
}
.game-details .game-controls ul li p{
  font-size:16px;
  color:#00033f;
  opacity:20%;
  margin:0;
  font-weight: 700;
}
.game-details .game-controls ul li:not(:last-child){
  margin-right:10px;
}
.game-details .game-controls ul li span{
  background:#e6f0ff;
  border-radius: 8px;
  cursor: pointer;
  min-width:40px;
  height:40px;
  font-size:20px;
  font-weight:700;
  color:#bbc3db;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-details .game-controls ul li span:focus,
.game-details .game-controls ul li span:visited,
.game-details .game-controls ul li span:focus-visible,
.game-details .game-controls ul li span:focus-within,
.game-details .game-controls ul li span:hover{
  background:#00033f;
}
.game-details .game-controls ul.direction-controls li span{
  width:53px;
  height:53px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-details .game-controls ul.direction-controls li span img{
  width:21px;
}
.game-details .game-controls ul.big-controls li span{
  font-size:16px;
  height:46px;
  padding:0 12px 0 16px;
}
.game-details .game-controls ul.big-controls li span img{
  max-width:26px;
  margin-left: 40px;
}
.custom-inner-bnr {
    padding-top: 60px;
    margin-bottom: 0;
    padding-bottom: 60px;
}
.game-details ul.links {
    padding-left: 0;
}
.game-details .game-controls ul {
    padding-left: 0;
}
#playgame-sec::before {
   /* content: '';
    width: 100%;
    height: 140px;
    background: linear-gradient(90deg, rgb(48, 152, 253) 0%, rgb(96, 209, 243) 58%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;*/
}
.title1, .title1 a {
    font-size: 48px;
    font-weight: 700;
    color: #fff !important;
}
.title1 {
    margin-bottom: 25px;
}
.playgame-iframe {
    width: auto;
    min-width: 700px;
    border-radius: 25px;
    margin-bottom: 25px;
    margin: auto;
    text-align: center;
    min-height: 550px;
    height: auto;
}
#playgame-sec {
    position: relative;
    background-color: #f7f6fb;
    padding-top: 60px;
}
.well {
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,5%);
}
.title2 {
    font-size: 48px;
    font-weight: 700;
    color: #00033f;
    margin-bottom: 15px;
    line-height: 1.2;
    margin-top: 0 !important;
}
.txt {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(0,6,63,70%);
    margin-bottom: 0;
}
#related-games {
    padding: 80px 0;
}
.related-row {
    margin-top: 40px;
}
#playgame-sec .title2 {
    margin-bottom: 30px;
    color: #00033f;
}
#playgame-sec .title2 a {
    color: #00033f;
    text-decoration: none !important;
}
.capt{
  text-transform: capitalize;
}
.no-margin{
  margin: 0px!important;
}
.bg-desc{
  background: rgb(48,152,253);
  background: linear-gradient(90deg, rgba(48,152,253,1) 0%, rgba(96,209,243,1) 58%);
}
.single-rom.modified{
  min-height:auto
}
.controls{
  font-size: 1.3rem;
  font-weight: 900;
}
.copypaste{
  background-color: #c8c8c8;
  cursor: default;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 4.5rem;
  padding: .5rem;
  border: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #0a0a0a;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
  border-radius: 0;
  transition: box-shadow .5s, border-color .25s ease-in-out;
}
@media screen and (max-width:1200px){
    .footer_nav{
        width:100%;
        flex-wrap: wrap;
        justify-content: start;
    }
    .footer_nav a{
        margin-right: 10px;
        margin-bottom: 15px;
    }
    .row.popular-tabs .nav-tabs{
        flex-wrap: wrap;
        justify-content: start;
    }
   .row.popular-tabs .nav-tabs li.nav-item{
        width: auto;
        min-width: 100px;
        margin-bottom: 10px;
   }
}
@media screen and (max-width: 991px){
    .inner-banner__title{
        font-size: 42px;
    }
    .btn-filter.btn.btn-primary:not(.active){
        min-width: 150px;
        height: 40px;
        padding-bottom: 0;
        padding-top: 0;
        line-height: 40px;
    }
    .row.formRow input, .row.formRow textarea{
        height: 50px;
    }
    .row.formRow textarea{
        height: 170px;
    }
    .breadcrumb{
        margin-bottom: 25px !important;
    }
    .help-tab-wrap .nav-tabs .nav-link{
        min-width: auto;
        width: auto;
        height: 50px;
    }
    .help-tab-wrap{
        width: 100%;
    }
    .help-tab-wrap .nav-tabs{
        justify-content: space-around;
    }
    .flat-page .textBasePages h2{
        font-size: 30px;
    }
    .view-emulator .roms-img{
        margin-bottom: 20px;
    }
    .single-rom .roms-img{
        min-height:135px;
    }
    .roms-ftr .roms-title{
        margin-bottom: 5px;
        margin-top:5px;
    }
    .top-links ul li a{
        width:100%;
    }
    .top-links ul li{
        width:31%;
    }
     .top-links ul li{
        margin-right: 10px !important;
     }
     .top-links{
        padding-top:40px;
     }
     .sidebar-links{
        max-width:500px;
        margin-left: auto;
        margin-right:auto;
     }
      .sidebar h5{
        text-align: center;
      }
}
@media screen and (max-width:767px){
    .game-details__left{
      flex:1;
      padding-right:0px;
    }
    .game-details .flex-wrapper{
      flex-wrap: wrap;
      justify-content: center;
    }
    .detail h1{
      text-align: center;
    }
    .playgame-iframe{
      width: auto;
      max-width: 100%;
      min-width: unset;
    }
    .main-title{
        font-size: 25px;
    }
    #popular-rom .inner {
        padding: 30px 15px;
    }
    .recently-added{
        padding-bottom: 40px;
    }
    #top-sec{
        height: 400px;
    }
    footer{
        padding: 35px 0 0 0;
    }
    footer .ftr-bottom img{
        max-width: 160px;
    }
    .single-rom-wrapper.row >div{
        margin-bottom: 25px;
    }
    footer .intro{
        font-size: 16px;
    }
    .inner-banner__title{
        font-size: 37px;
    }
    .inner-banner p{
        font-size: 16px;
    }
    .btn.btn-primary{
        font-size: 16px;
        padding: 10px;
    }
    .row.formRow .form-group.justify-content-end{
        justify-content: center !important;
    }
    .flat-page .textBasePages h2{
        font-size: 25px;
    }
    .flat-page .textBasePages .desc{
        padding: 15px;
    }
    .flat-page .textBasePages h3{
        font-size: 19px;
    }
    .row.view-emulator{
        padding: 15px;
    }
    nav ul.pagination{
        justify-content: center;
    }
    .view-emulator .main-title-big, .row.view-emulator-desc .main-title-big{
        font-size: 20px !important;
    }
    section.tagsListPage ul#myTab a.nav-link{
        font-size: 16px;
    }
    .top-links ul li{
        width:47%;
    }
}
@media screen and (max-width: 575px){
    #top-sec{
        padding: 0;
    }
    #top-sec .main-title{
        font-size: 30px;
        margin-bottom: 17px;
    }
    .main-title {
        font-size: 20px !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
    }
    .top-head{
        flex-direction: column;
    }
    .top-head .form-group{
        width:100%;
    }
    .inner-banner__title{
        font-size: 32px;
    }
    h2{
        font-size: 24px !important;
    }
    h3{
        font-size: 20px !important;
    }
    .help-tab-wrap .nav-tabs{
        flex-direction: column;
    }
    .help-tab-wrap .nav-tabs li{
        margin-bottom: 14px;
    }
    .help-tab-wrap .nav-tabs li:not(:last-child){
        margin-right:0;
    }
    .btn.btn-primary{
        font-size: 14px;
    }
    footer .copyright p.footer_nav{
        padding:16px;
    }
}
@media screen and (max-width:414px){
    .top-links ul li{
        width:100%;
        margin-right:0 !important;
    }
    .inner-banner__title{
        font-size:25px;
    }
    .view-emulator .main-title-big, .row.view-emulator-desc .main-title-big {
        font-size: 18px !important;
    }
}