@charset "UTF-8";
#mainwrapper {
    max-width: 1200px;
    margin: auto
}

#mainContent {
    max-width: 100%;
    padding: 35px;
}

#content {
    max-width: 800px;
    float: left
}

td {padding: 0.8em 1.2em;text-align: left;}


.about_back {
    color: #fff;
    text-align: center;
    background: #171b23;
    padding-top: 50px;
    padding-bottom: 50px;
}

.random-posts {
    width: 50%;
    margin-left: auto;
}

.right {
    float: left;
    margin-top: -90px;
    margin-left: 85px;
    margin-right: auto;
}

h5.title {
    font-weight: 500;
    line-height: 21px;
    font-size: 13px;
    margin: 0;
    padding: 35px;
    text-align: left !important;
    margin-bottom: 5px;
    text-transform: none;
}

img.random-posts-img {
    max-width: 33%;
}


h1.post-header {
    text-align: center;
    color: #292b2e !important;
    font-size: 40px !important;
}

ul.social-icons a:hover {
    color: #ffffffe0 !important;
}


i.fa.fa-bars {
    font-size: 25px;
}

.buy a:hover {
    color: #ffff !important;
}

h2.Features_summary {
    text-transform: uppercase;
}


h1.card__title {
    color: #34b064!important;
    font-family: 'Uni Sans', sans-serif;
    font-weight: 500
}

a {
    text-decoration: none;
    color: #2c7cc3
}

p>a:hover {
    color: #d9d9d9;
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1% 0 0 0
}

ul {
    padding: 0;
    list-style: none;
    text-align: left !important;
}

body {
    margin: 0;
    overflow-x: hidden;
    font-family: ubuntu, serif;
    background: #f7f9fa;
}

h5.card-title {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 21px
}

.blog_post_image {
    width: 100%;
    margin-bottom: 25px;
    height: 450px !important;
}

.stars {
    margin-top: 25px;
    margin-bottom: 25px
}

#content #mainContent h1,
#content #mainContent h2 {
    color: #000;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 15px;
}

#content #mainContent h3 {
    font-family: ubuntu, sans-serif;
    font-weight: 200;
    color: #080808;
}

#content #mainContent p {
    color: #000;
    font-family: ubuntu, serif;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -.035em;
    text-align: left;
    margin-left: 5px;
    font-size: 20px;
    margin-top: 15px
}

.logo_icon img {
    height: 155px;
    width: auto;
    float: right;
    display: inline-block;
    margin-top: -60px;
}

.icon-bar li {
    display: block
}

.icon-bar {
    float: right;
    margin-left: -20px;
    margin-top: -65px;
}

.icon-bar .social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px
}

.icon-bar .social-icons a {
    color: #fff
}

.socialii ul.social-icons {
    margin-top: 0;
    color: #fff;
}

.socialii .social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px
}

.socialii {
    margin-left: 700px
}

.socialii .social-icons a {
    color: fff;
    text-decoration: none
}

.fa-facebook {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-facebook:hover {
    background-color: #3d5b99
}

.fa-twitter {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.fa-twitter:hover {
    background-color: #00aced
}

.fa-instagram {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.fa-instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.fa-pinterest {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.fa-pinterest:hover {
    background-color: #cb2027
}

.fa-rss {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.fa-rss:hover {
    background-color: #F8991D;
}

.fa-linkedin {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.fa-linkedin:hover {
    background-color: #0077b5;
}



span.fa.fa-star.checked {
    color: #cb2027
}

.posts-social-icons .fa.fa-facebook {
    background: #3d5b99
}

.posts-social-icons i.fa.fa-twitter {
    background: #00aced
}

.posts-social-icons i.fa.fa-pinterest {
    background: #cb2027
}

.sidebarright {
    float: left;
    max-width: 360px
}

.sidebarright h2 {
    font-size: 24px;
    color: #025377;
    padding-bottom: 10px;
    line-height: 1.3em
}

body footer {
    display: inline-table
}

footer {
    width: 100%;
    background: #025376;
    height: 200px
}

footer {
    width: 100%
}

.guides_footer {
    padding-left: 15px;
}

.reviews_footer {
    padding-left: 15px
}

.footer_container h5 {
    color: #fff;
    font-size: 25px;
    text-align: center;
    margin-left: 19px;
    text-transform: uppercase;
    line-height: 25px;
    font-family: Montserrat-Regular, sans-serif;
    margin-bottom: 25px;
}

.articles_footer {
    padding-right: 2;
}

.footer_container {
    max-width: 1200px;
    margin: auto
}

.footer_container .socialii .footer-social-icons {
    width: 350px;
    float: right;
    display: block;
    margin: 0 auto
}

.footer_social ul.social-icons {
    margin-top: -28px;
    margin-left: 45px;
}

.footer_social .social-icons li {
    vertical-align: top;
    display: inline;
    height: 108px;
}

.footer_social .social-icons a {
    color: fff;
    text-decoration: none
}

.footer_container a {
    color: #afc2ca;
    font-size: 17px;
    line-height: 2;
    font-family: ubuntu, serif;
}

.footer_container a:hover {
    color: #fff;
}

.footer_social {
}

.nav {
    width: 100%;
    display: inline-block;
    font-size: 60px;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(31, 31, 31, 0.48));
}

.innerheader {
    max-width: 1200px;
    margin: auto
}

.innermenus {
    display: block;
    max-width: 1200px;
    text-align: center
}

#blog_navigationDIV_1 {
    padding: 15px;
    top: 85px;
    left: 0;
    margin-top: -85px;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 2;
    font: normal normal 300 normal 16px/24px Roboto, sans-serif;
}

#blog_navigationNAV_2 {
    box-sizing: border-box;
    display: flex;
    max-width: 1200px;
    background: 0 0;
    margin: auto
}

.topnav a {
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    line-height: 1.5em;
    cursor: pointer;
    font-weight: 600;
    font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif!important;
}

a.icon:hover {
    background: #fff0
}

a.active:hover {
    background: #212121b5
}

.active {
    background-color: #f6f9fa;
    color: #fff
}

a.active {
    box-sizing: border-box;
    color: #fff;
    background: 0 0;
    text-transform: uppercase;
    cursor: pointer;
    font-family: ubuntu;
    font-weight: 1000
}

.topnav .icon {
    display: none;
    float: right;
    margin-right: 15px
}

#cardP_6 {
    max-width: 100%
}

#cardA_7 {
    color: #fff;
    text-transform: uppercase;
    background: #1a5374;
    font-weight: 500;
    padding: 17.04px 1.14rem;
    font: normal normal 400 normal 12.96px/19.44px Roboto, sans-serif
}

ul.list-unstyled {
}

.btn-blue {
    background-color: #4285f4!important;
    color: #fff
}

.btn {
    padding: 17.34px 2.14rem;
    font-size: 13px;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    float: none!important;
}

#blog_navigationA_9:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

a.btn.btn-green {
    background-color: #33b064;
    color: #fff;
    text-align: center
}

a.btn.btn-primary {
    background-image: linear-gradient(-180deg, red 0, #e62117 100%);
    color: #fff;
    text-align: center;
    color: white !important;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    border: none;
}


.photo_video img {
    max-width: 100%;
    width: 1200px
}

.photo_video {
    max-width: 1200px;
    margin: auto
}

@media screen and (max-width: 550px) {
    body div#reiview_card {
        width: 75%
    }
    
  body  #loader {
    margin-left: 200px;
    
}
}

@media screen and (max-width:480px) {
    
    
   
    
    body div#blog_navigationDIV_1 a {
    color: #000 !important;
}
    
    body a.logo_icon {
    display: block !important;
}
    
    
    body .topnav{
        position:relative !important;
        top: 0px !important;
        margin-top: 0px !important;
        background: #fff !important;
    }
    
    
    body .submenu:hover {
    background: none;
}
    
 
  
    body .img-responsive.img-author{
        
        width:85px;
        height:85px;
    }
    
    body .wrap-img {
        max-width: 25%
    }
    
    
    body .topnav:hover{
        max-height: unset;
       
    }
   
    
    body .contentpoints{
        display: block;
        position: absolute;
        top: 0px;
        margin-top: 122px;
    }
    
    body .random-posts {
    width: 100%;

}

body .right {
    
    margin-left: 100PX;
    
}

 a#remove_content {
    display: none;
}

body .mainlink:before, .submenu:before {
   
    position: initial !important;
  
    margin-right: 5px !important;
  
   
    border-width: 0px 0 5px 5px !important;
    
}
    
   body .blog_post_image {
    height: 225px !important;
}
    
   body h2.date_main {
    font-size: 11px !important;
    
}
    
    body h1.related-title {width: 36%;}
    
   body a.related-posts-description {
    max-width: 62%;
    margin-left: -275px;
    font-size: 18px;
}
    
   body #background-image {
    width: 95px;
    
}
    
    body .related-card {
    display: flex;
    width: 100%;
    margin-left: -15px;
}
    
    body .related-posts {
    margin-top: 0px;
    width: 386px;
}
    

element.style {
    background: url(https://www.saverdrone.com/img/articles/drone_crash.jpeg) center no-repeat;
}
#background-image {
    width: 105px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover !important;
    z-index: -1;
    transition: transform 5s;
}
    
    body .li.entry-category {
    font-size: 14 !important;
}
    
    body .footer-social-icons .fa {
    font-size: 25px !important;
    margin-top: -25px;
    padding: 12px;
    margin-left: 20px;
}
    
    body h1.post-header {
    display: inline-block;
    font-size:25px !important;
}
    
    body h1.title {
    font-size: 14px !important;
}
    
    body #mainContent{
        
            padding: unset;
    }
    
    body .card-content {
    padding: 1rem 1rem;
}
    
    body .cta {
    
    display: none;
}
    
    body .description {
    
    display: none;
}
    
    body .card {
    margin-top: 5px;
    margin-left: -19px;
    width: 110%;
    display: inline-block;
    padding: 0px 0px 15px 0px;
}
    
    body .card-image {
    height: 5rem;
    width: 25%;
    margin-left: 15px;
    float: left !important;
    margin-right: 15px;
}

body #content #mainContent h1, #content #mainContent h2 {
    font-size: 18px;
}
    
    body .main_wrap-img-logo {
    display: none;
}
    
    .card {
    margin-top: 0px;
    
}
    
  
    
   body    .date_main {
    
    float:right;
}
    
    body .card #cardA_7 {
    display: none;
}
    
    
   body #content #mainContent p {
 font-size: 18px;
}
    
   body #loader {
    margin-left: 150px;
}
    
   body .tab-cont {
    margin-left: 5px;
}
    
  body  .buy {
  margin-right: 25px;
}
    
    
    body .next{
        
      top: 60%;
    font-size: 25px;
   
        
    }
    
    body .prev {
 
    top: 60%;
    font-size: 25px;
 
}
    
    
    body p.price {
        margin: auto;
        margin-left: 195px!important;
        padding-bottom: 15px;
        margin-top: 10px!important
    }
    body .stars5 {
        margin-left: 75px
    }
    body a.card-img-top img {
        height: 200px
    }
    body div#footer-txt h2 {
        font-size: 25px
    }
    body a.menu.point1 {
        margin-top: 35px;
    }
    
    body .sticky_height {
        height: 0
    }
    body,
    html {
        margin: 0;
        overflow-x: hidden;
        font-family: ubuntu, serif;
    }
    body h10 {
        font-size: 28px;
    }
    body .menu {
        padding: 0 0
    }
    body .topnav.responsive .dropdown .dropbtn {
        margin-left: 0
    }
   
    body .subscribe_form h1 {
        font-size: 13px;
        margin-top: 39px
    }
    body .subscribe_form {
        margin-top: -55px;
        margin-left: -10px;
        font-size: 13px;
        text-shadow: 1px 1px #000000;
    }
    body form#my_form2 {
        margin-top: 15px
    }
    body .modal2 {
        max-width: 285px;
        height: 265px;
        letter-spacing: 2px;
        text-transform: uppercase
    }
    body h1.card__title {
    /* margin-top: -180px; */
    font-size: 15px !important;
    color: #fff !important;
    text-shadow: 1px 1px 20px #000000;
    }
    body p#cardP_6 {
        font-size: 13px
    }
    body button#myBtn {
        display: none;
        background: #0d6d9691!important
    }
    body #myBtn {
        right: 5px;
        border: none
    }
    body #content {
        width: 93%;
    }
    body a#footer_button {
        margin-top: 5px;
        padding: 13.44px 30.24px
    }
    body .footer_img {
        background-position: left;
        margin-bottom: 0;
        display: none;
    }
    body .text_in_footer {
        max-width: 481px;
        font-size: 13px;
        margin-top: 75px;
        padding: 55px 0 0 0
    }
    body .topnum {
        width: 100%;
        height: 75px;
        background: #f49831;
        margin-bottom: 0;
        z-index: 99999999;
        display: block;
        position: fixed;
        bottom: 0;
    }
    body .footer_container a {
        font-size: 13px;
    }
    body nav.navigation.pagination {
        text-align: center
    }
    body .footer_container h5 {
        font-size: 25px
    }
    body .topnav .my_input {
        display: none
    }
    body .my_footer_search .my_input {
        display: none
    }
    body form.my_footer_search {
        display: none
    }
    body input[type=search] {
        display: none
    }
    body i.fa.fa-search {
        margin-left: 0;
        margin-bottom: 20px
    }
    body .guides {
        margin-left: 0
    }
    body .container {
        margin-left: -5px!important;
        /* margin-right: -5px !important; */
        max-width: 100%!important;
        /* height: 225px !important; */
    }
    body #content #mainContent p.card_print {
        display: none;
    }
    body .top_footer h1 {
        font-size: 31px
    }
    body .top_footer {
        background-position-x: 60%;
        background-position-y: 85px;
        height: 500
    }
    body h4 {
        font-size: 13px;
        margin-left: 5px
    }
    body .dropdown-content {
        margin-top: 5px
    }
    body #mainContent {
        width: 100%;
        padding: 5px;
    }
    body .terms a {
        margin-left: 30px;
        float: left;
    }
    body .terms {
        font-size: 12px
    }
    
    body .credit-rights {
    display: none;
}
    
    body .terms {
    margin-left: 5px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 12px;
    float: left;
    color: #a7bbc5;
    border-top: 1px solid rgba(255,255,255,.06);
    }
    body .data-table {
        font-size: 10px
    }
    body .left_txt {
        margin-left: 0;
        text-align: center;
        margin-bottom: -65px
    }
    body .right_txt {
        margin-right: 0;
        text-align: center
    }
    body img.guide_img {
        width: 45%
    }
    body .btn {
        padding: 14.04px 1.14rem;
    }
    .toph1 h1 {
        font-size: 52px
    }
    body .desktop_view {
        display: none
    }
    body .media_view {
        display: block;
        margin-top: 50px
    }
    body .topnav a.icon {
        margin-top: 5px;
        display: block;
        margin-right: 10%;
    }
    body .menu {
        margin-left: 15px
    }
    body .nav {
        width: 100%
    }
    nav ul li {
        padding-left: 0
    }
    body .logo_icon img {
        height: 110px;
    }
    body .socialii ul.social-icons {
        display: none
    }
    body .navbar-toggler {
        margin-right: 10px
    }
    body .tophh {
        margin-left: 8px;
        margin-top: 8px
    }
    body .logo {
 margin-top: 22px;
 margin-right: 13%;
 }
    body .footer_container .logo_icon {
        display: none
    }
    .footer_container .toph1 {
        padding-left: 0;
        padding-top: 0 px
    }
    body .sidebarright {
        display: none;
    }
    body .footer_container .socialii {
        display: none
    }
    body .footer-copyright.text-center.py-3 {
        display: none
    }
    body .container-fluid {
        display: none
    }
    .navbar-light .navbar-nav .nav-link:hover,
    body .navbar-light .navbar-nav .nav-link:focus {
        border-bottom-left-radius: 0
    }
    body .footer_social {
        width: 100%;
        margin-right: -90px;
        font-size: 14px;
        margin-top: -15px;
    }
    body .guides_footer {
        display: none
    }
    body .articles_footer {
        display: none;
    }
    body .reviews_footer {
        width: 100%;
        display: none;
        margin-left: 10px;
    }
    body a.logo_icon2 {
        margin-top: 25px;
    }
    body .footer-social-icons {
    }
    body .subcontent {
        display: none
    }
    body a.mainlink {
        display: none!important
    }
    body .submenu {
        width: 175px
    }
}

@media (max-width:1200px) and (min-width:481px) {
    body a.card-img-top img {
        height: auto
    }
    
    
    
    body .random-posts {
    width: 100%;

}

body .right {
    
    margin-left: 200PX;
    
}
    
    body .guides_footer {
    
    display: none;
}
    
    body .main_wrap-img-logo {
    display: none;
}
    
    body div#footer-txt h2 {
        font-size: 41px
    }
    body a.menu.point1 {
        margin-top: 45px
    }
    .content1:hover,
    .content2:hover,
    .content3:hover,
    .content4:hover,
    .point2:hover~.content2,
    .point3:hover~.content3,
    .point4:hover~.content4,
    body .point1:hover~.content1 {
        display: none
    }
    body h10 {
        font-size: 31px
    }
    body a.mainlink {
        display: none!important
    }
    body .contentpoints {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 300px
    }
    body .menu {
        padding: 0 0
    }
    body i.fa.fa-caret-down {
        display: none
    }
    body .topnav a.icon {
        float: right;
        display: block;
        margin-right: 15px
    }
    body .my_footer_search .my_input {
        display: none
    }
    body .slider {
        margin-top: 0
    }
    body .container {
        max-width: 100%;
        height: auto
    }
    body .footer_img {
       display: none;
    }
    body .text_in_footer {
        max-width: 1200px;
        font-size: 20px;
        text-shadow: 1px 2px #000000a6;
        margin-top: 170px;
        padding: 5 121px 2px 0
    }
    body form.my_footer_search {
        margin-top: 0;
        width: 38%
    }
    body input[type=search] {
        display: none
    }
    body i.fa.fa-search {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 20px
    }
    body .guides {
        margin-left: 30px
    }
    body a.logo_icon2 {
        margin-top: 75px;
        margin-left: 15px
    }
    body .top_footer {
        background-position-x: 60%;
        background-position-y: 85px;
        height: 600px
    }
    body .dropdown-content {
        margin-top: 5px
    }
    body .topnav a {
        padding: 10px 0
    }
    body .terms {
        font-size: 15px;
        width: 100%;
        color: #afc1ca;
        margin-top: -35px;
        margin-left: 25px
    }
    body .data-table {
        font-size: 10px
    }
    body .btn {
        padding: 1.25rem 2.14rem
    }
    body .toph1 h1 {
        margin-left: 10px
    }
    body .desktop_view {
        display: none
    }
    body .media_view {
        display: block
    }
    body .tophh {
        margin-left: 65px
    }
    body .toph1 {
        margin: -146px 50px
    }
    body .innerheader {
        height: 150px
    }
    body .socialii ul.social-icons {
        display: none
    }
    body .footer_container .logo_icon {
        display: none
    }
    body .footer_container .socialii .footer-social-icons {
        display: none
    }
    body .container-fluid.text-center.text-md-left {
        display: none
    }
    body .sidebarright {
        max-width: 1200px
    }
    .footer_container .toph1 {
        max-width: 1199px;
        float: none;
        margin: auto
    }
    body .footer_social {
        margin-right: 40px
    }
    body img.about_img {
        width: 100%
    }
}

@media (max-width: 1200px) {
    body .topnav a {
        display: none;
    }
    body .topnav form {
        display: none
    }
    body .topnav.responsive {
        position: relative;
    }
    body .topnav.responsive a.icon {
        position: absolute;
    top: -5px;
    left: 86%;
    }
    
    body .content{
        
        position: unset;
        
    }
    
    body .topnav.responsive a {
        margin-left: 10px;
        float: none;
        width: 100%;
        display: block;
        font-size: 18px;
        text-align: left;
        padding: 10px;
    }
    body .topnav.responsive form {
        float: none;
        display: block;
        font-size: 16px;
        margin-top: 15px;
        margin-left: 15px;
        text-align: left
    }
    body .topnav .a.active {
        margin-top: 20px;
        margin-right: 140px
    }
    #cardDIV_1 {
        max-width: 410px
    }
    div#myTopnav {
        min-height: 3px;
        overflow: hidden;
        height: auto;
    }
    body .sidebarright {
        width: 100%
    }
    body #mainwrapper {
        overflow: hidden;
        max-width: 800px;
        margin: auto;
        padding: 10px;
    }
    #content {
        width: 97%;
        padding-left: 8px;
    }
    div#cardDIV_1 img {
        height: auto
    }
    #cardDIV_1 {
        max-width: 100%;
        margin: 25px 0
    }
}

@media (min-width:768px) {
    
    
    
    
    
    img.guide_img2 {
        max-width: 100%
    }
    table {
        font-family: arial, sans-serif;
       
        width: 100%;
        margin-bottom: -50px
    }
    th {
        text-align: center;
        height: 45px;
        font-size: 28px;
        font-family: ubuntu
    }
    .left_txt {
        animation: animateleft 100s;
        max-width: 500px;
        float: left;
        text-align: center
    }
    .left_txt h1 {
        color: #000;
        font-family: Ubuntu;
        font-size: 30px
    }
    .right_txt {
        animation: animateright 50s;
        max-width: 500px;
        text-align: center;
        float: right;
        color: #000
    }
    .right_txt h1 {
        color: #2b79c2;
        font-family: Ubuntu;
        font-size: 30px
    }
    .right_txt img {
        margin-top: 15px
    }
    .pin-board {
        max-width: 1200px;
        margin: auto;
        margin-bottom: 50px
    }
    .terms {
        display: inline-block;
        width: 100%;
        text-align: right;
        color: #fff;
        font-family: "Open Sans", sans-serif;
        padding: 25px 0;
        font-size: 13px;
        border-top: 1px solid rgba(255,255,255,.06);
        line-height: 36px;
    }
    @-webkit-keyframes slideIn {
        from {
            bottom: -300px;
            opacity: 0
        }
        to {
            bottom: 0;
            opacity: 1
        }
    }
    @keyframes slideIn {
        from {
            bottom: -300px;
            opacity: 0
        }
        to {
            bottom: 0;
            opacity: 1
        }
    }
    @-webkit-keyframes fadeIn {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @keyframes fadeIn {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    button#myBtn {
        display: none;
        border: none;
        background: #0d6d96fa
    }
    .modal-body a:hover {
        color: #5db85c
    }
    .policy {
        max-width: 1200px;
        margin: auto;
        padding-right: 15px;
        padding-left: 15px
    }
    .terms a {
        font-size: 15px;
        color: #ffffffb5;
        padding: 10px;
    }
    .about {
        max-width: 1200px;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px
    }
    img.team_img {
        width: 30%;
        height: auto;
        border-radius: 48%;
        border: 10px solid #ffff;
    }
    .the_team {
        text-align: center
    }
    .the_team h1 {
        color: #6f4a32
    }
    img.about_img {
        width: 31%;
        height: 279px;
        border: 10px solid #fff;
    }
    .about_body h2 {
        padding-bottom: 50px;
        font-size: 35px;
        text-align: center;
        color: #074e8c;
    }
    .terms_of_service {
        max-width: 1200px;
        margin: auto;
        padding-right: 15px;
        padding-left: 15px
    }
    .about ul {
        list-style-type: circle;
        margin-left: 1px;
        margin-top: 30px;
        list-style-image: url(https://www.saverdrone.com/img/bullet.svg);
    }
    .data-table tbody {
        cursor: pointer
    }
    .dropdown {
        float: left;
        overflow: hidden
    }
    .dropdown .dropbtn {
        float: left;
        display: block;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-size: 15px;
        padding: 15px 30px;
        font-weight: 500;
        font-family: ubuntu
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #015374;
        max-width: 1200px;
        box-shadow: 0 3px 2px 0 #153f55;
        z-index: 1;
        margin-top: 54px
    }
    .dropdown-content a {
        float: none;
        color: #fff;
        padding: 15px 25px;
        text-decoration: none;
        display: block;
        text-align: left;
        text-shadow: -1px 1px #000;
        font-size: 25px;
        background: #00000070
    }
    .dropdown-content a:hover {
        background-color: #015374ba;
        color: #fff
    }
    .dropdown:hover .dropdown-content {
        display: block
    }
    @media screen and (max-width:1200px) {
        .dropdown .dropbtn,
        .topnav a:not(: first-child) {
            display: none
        }
    }
}

@media screen and (max-width:1200px) {
    .topnav.responsive {
        position: relative
    }
    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left
    }
    .topnav.responsive .dropdown {
        float: none
    }
    .topnav.responsive .dropdown-content {
        position: relative
    }
    .topnav.responsive .dropdown .dropbtn {
        margin-left: -13px;
        display: block;
        width: 100%;
        text-align: left
    }
}

img.nano_drone_img {
    max-width: 100%
}

.topnavi {
    background-image: url(https://www.saverdrone.com/img/articles/dji-mavic-mini.jpeg);
    height: 150px;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-position-y: 40%;
}

.guides {
    margin-left: 50px;
    padding: 25px;
    text-align: center
}

.card-body {
    margin-bottom: 45px;
    margin-top: 45px;
    text-align: center;
}

iframe.review_video {
    max-width: 100%
}

.line {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 5px
}

.why_us {
    max-width: 1200px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px
}

input.subscribe {
    margin-bottom: 20px
}

.stars2 {
    text-align: center;
    padding: 5px 25px 10px 25px
}

img {
    max-width: 100%;
    color: #2b7bc2;
}

video {
    max-width: 100%
}

h1.see_realated {
    margin-bottom: 25px
}

div#rg_DIV_27 {
    height: 64px;
    width: 64px;
    background: rgba(0, 0, 0, 0) url(https://www.saverdrone.com/img/amazon-icon/64x64.png) no-repeat scroll 0 0/auto padding-box border-box;
    margin: auto;
    margin-top: 15px
}

div#rg_DIV_28 {
    height: 185px;
    width: 185px
}

div#rg_DIV_29 {
    height: 185px;
    width: 185px;
    background: rgba(0, 0, 0, 0) url(https://www.saverdrone.com/img/dji_icon.png) no-repeat scroll 0 0/auto padding-box border-box;
    margin: auto;
    margin-top: -150px;
    margin-bottom: 50px
}

div#rg_DIV_30 {
    height: 185px;
    width: 185px;
    background: rgba(0, 0, 0, 0) url(https://www.saverdrone.com/img/amazon_icon.png) no-repeat scroll 0 0/auto padding-box border-box;
    margin: auto;
    float: right;
    margin-top: -250px
}



.card__image {
    opacity: 0;
    animation: ImageFadeIn .8s 1.4s forwards
}



@keyframes ContentFadeIn {
    0% {
        transform: translateY(-1rem);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

h4.card_print {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-family: ubuntu, serif;
    line-height: 29px
}

a.logo_icon2 {
    height: 95px;
    width: 105px;
    float: left;
    margin-left: -5px;
    margin-top: 50px;
    border-right: 1px solid #2f718f;
}

h3.style-title {
    padding-bottom: 0;
    border-bottom: 3px solid #ffae00;
    color: #fff
}

h3.style-title {
    font-size: 12px;
    margin-top: -1px;
    margin-left: -25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 0;
    border-bottom: 7px solid #051823;
    line-height: 40px;
    overflow: hidden
}

h3.style-title .title-text {
    background-color: #297098;
    padding: 1px 15px 2px;
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
    font-weight: bold;
}

.title-text {
    margin-right: 10px;
    float: left
}

lil.recent_posts_order {
    display: list-item;
    color: #000;
    list-style: square;
    line-height: 1.4;
    padding: 7px;
}

h4 {
    font-family: Montserrat-Regular, sans-serif;
    font-size: 14px;
    color: #6f9aaf;
    float: left;
    text-transform: uppercase;
    margin-left: 15px;
    margin-top: -15px
}

body .recent_posts_order h3:hover {color: #105982 !important;}

i.fa.fa-search {
    color: #fff;
    margin-top: 17px;
    margin-left: 5px;
}

form.my_footer_search {
    float: right;
    width: 20%;
    margin-top: 200px;
    margin-bottom: 50px;
}

form.my_header_search {
    margin-top: -35px;
    float: right;
}

nav.navigation.pagination {
    height: 135px
}

.nav-links {
    margin-top: 15px
}

input[type=text] {
    background-color: rgba(0, 0, 0, .7);
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    text-align: left;
    border-width: 0;
    color: #fff;
    border-color: #ddd;
    border-style: solid;
    border-radius: 4px;
    box-shadow: transparent 0 0 0, transparent 0 0 0 inset;
    text-shadow: transparent 0 0 0;
    max-height: 52px;
    height: 15px;
    transition: none 0s ease 0s;
}

.footer_items {
    display: inline-flex;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 190px;
}

@media (max-width:1190px) and (min-width:464px) {
    body .footer_social {
        margin-top: -130px;
        float: left;
        width: 100%
    }
}

@media (max-width:814px) and (min-width:464px) {
    body a.logo_icon2 {
        margin-top: 75px;
        max-width: 481;
        margin: auto;
        margin-left: 300px;
        border-right: none
    }
}

@media (max-width:745px) and (min-width:464px) {
    body a.logo_icon2 {
        margin-left: 250px;
        border-right: none
    }
}

@media (max-width:884px) and (min-width:464px) {
    body a.logo_icon2 {
        margin-top: 75px;
        margin-left: 1px
    }
    body .terms {
        float: left;
        width: 100%
    }
}

@media (max-width:870px) and (min-width:770px) {
    body a.logo_icon2 {
        margin-left: 300px;
        border-right: none
    }
}

@media (max-width:770px) and (min-width:555px) {
    body a.logo_icon2 {
        margin-left: 275px;
        border-right: none
    }
}

@media (max-width:555px) and (min-width:464px) {
    body a.logo_icon2 {
        margin-left: 188px;
        border-right: none
    }
    body .footer_items {
        margin-left: 10px
    }
    body form.my_footer_search {
        width: 45%
    }
    body .footer_social {
        margin-top: 5px;
        width: 45%;
        float: right
    }
}

@media (max-width:655px) and (min-width:525px) {
    body a.logo_icon2 {
        margin-left: 267px;
        border-right: none
    }
}

.topnum {
    margin-bottom: -65px
}

.footer_img {
    border-top-right-radius: 15px;
    margin-top: 150px;
    border-top-left-radius: 15px;
    background-image: url(https://www.saverdrone.com/img/articles/DJI-Mavic-Mini-controller.jpeg);
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    display: inline-block;
}

a#footer_button {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    background: #da4848;
    font: normal normal 400 normal 12.96px/19.44px Roboto, sans-serif;
    font-size: 21px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-top: 15px;
    padding: 13.44px 30.24px;
    max-width: 1200px;
}

.text_in_footer {
    max-width: 1200px;
    margin: auto;
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin-top: 85px;
    font-family: Montserrat-Regular, sans-serif;
    padding: 5 65px 2px 0
}

#myBtn {
    position: fixed;
    bottom: 20px;
    right: 35px;
    z-index: 99;
    outline: 0;
    color: #fff;
    cursor: pointer;
    background: #0d6d96fa;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px
}

#myBtn:hover {
    background-color: #0774a2fa
}

li {
    font-size: 18px;
    list-style-type: none;
}

.scroll-down-btn {
    color: #fff;
    text-align: center;
    width: 200px;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 22px;
    margin: auto;
    display: table
}

img.guide_img {
    float: right;
    width: 100%;
    margin-bottom: 25px
}

.comments {
    margin-bottom: 40px;
}

.dropdown:hover .dropdown-content {
    background-image: url(https://www.saverdrone.com/img/news/Invest_in_drone.jpg);
    height: auto;
    overflow: hidden;
    background-position: right;
    background-size: cover;
    background-position-y: 5%;
    background-position-x: 60%
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #015374;
    max-width: 1200px;
    box-shadow: 0 3px 2px 0 #153f55;
    z-index: 1;
    margin-top: 54px
}

.stars3 {
    margin-top: 15px;
    margin-left: 15px
}

#content #mainContent p.card_print {
    color: #fff;
    margin-top: -5px;
    margin-bottom: 35px;
}

span.fa.fa-star {
    color: rgba(180, 180, 180, .4)
}

button.submit {
    padding: 1.34rem 5.14em;
    text-indent: -35px;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left!important;
    width: 80px;
    /* border-radius: 25px; */
    margin: 15px;
    float: none!important;
    background: #135273;
    border-color: #fff;
    color: #fff;
}

a.new_btn {
    padding: 13.34px 1.14rem;
    font-size: 13px;
    margin: auto;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    width: 80px;
    border-radius: 25px;
    margin: 15px;
    float: none!important;
    background: #1a5374;
    color: #fff
}

button {
    margin: 0;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative
}

.modal {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
    position: fixed!important;
    top: 35%;
    left: 0;
    right: 0;
    max-width: 300px;
    margin: 0 auto;
    color: #000;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
    background-image: url(https://www.saverdrone.com/img/thanks_for_subscribe.jpg);
    height: 200px;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-position-y: 40%;
    font-family: Montserrat-Regular, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase
}

.modal-close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    background: 0 0
}

.overlay {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.is-visible {
    opacity: 1;
    pointer-events: auto
}

.modal2 {
    transition: opacity .3s;
    position: fixed!important;
    top: 25%;
    left: 0;
    right: 0;
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
    background-image: url(https://www.saverdrone.com/img/subscribe_form.jpg);
    height: 450px;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-position-y: 40%;
    font-family: Montserrat-Regular, sans-serif;
    letter-spacing: 2px;
    background-blend-mode: multiply;
    background-color: #666666;
    text-transform: uppercase;
}

.is-visible2 {
    opacity: 1;
    pointer-events: auto
}

.overlay2 {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.modal2-close-btn2 {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    background: 0 0
}

.subscribe_form {
    margin-top: 100px;
    text-shadow: 1px 2px #000;
}

form#my_form2 {
    float: right;
    margin-top: 90px;
}

input#roll-input2 {
    padding: 25px
}

input#roll-input {
    padding: 25px
}

::placeholder {
    color: #8fabba;
    text-indent: 5px
}

.subscribe_form h1 {
    color: #fff;
    font-size: 25px
}

input.my_input {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    background-color: #222;
    border-radius: 0;
    color: #fff;
    padding: 5px;
    border: none
}

.nav2 {
    width: 100%;
    display: inline-block;
    height: 100%;
    background: linear-gradient(to right, rgba(20, 30, 48, .5), rgba(68, 68, 68, .44))
}

body .logo_icon a:hover {
    background-color: #000
}

.topnav {
    position: relative;
    overflow: hidden;
}

.topnav:hover {
    max-height: 345px;
}

.menu {
    display: inline-block;
    padding: 7px 5px;
    position: relative;
    z-index: 1;
    margin-left: 45px;
    cursor: pointer
}

.menu:after {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.menu:hover {
    position: static;
    color: #000000;
}

.menu:hover:after {
    content: ''
}

.content1:hover,
.content2:hover,
.content3:hover,
.content4:hover,
.point1:hover~.content1,
.point2:hover~.content2,
.point3:hover~.content3,
.point4:hover~.content4 {
    opacity: 1;
    visibility: visible;
    height: auto;
    min-height: 320px;
    padding: 26px 0 0 0;
    box-sizing: border-box;
}

.content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    position: relative;
    /* transition: .2s opacity .2s, .2s visibility .2s */
}

.subcontent {
    position: absolute;
    right: 0;
    top: 30px;
    width: 50%;
    height: 210px;
    min-height: 0;
    overflow: hidden;
    padding: 19px;
    box-sizing: border-box;
}

.subcontent {
    opacity: 0;
    z-index: 1;
}

.subcontent.basic {
    opacity: 1;
}

.subcontent p {
    margin: 0;
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.subcontent h1 {
    position: absolute;
    z-index: 1;
    background: #000000b0;
    height: 20%;
    line-height: 1.7;
    padding: 0 26px 0 13px;
    text-align: center;
    top: 164PX;
    font-size: 28px;
}

span {
    color: #009ee1
}

.subcontent * {
    opacity: 0;
}

.content:hover .subcontent.basic *,
.menu:hover~.content .subcontent.basic * {
    opacity: 1;
    

}

.point10:hover~.subcontent10,
.point10:hover~.subcontent10 *,
.point11:hover~.subcontent11,
.point11:hover~.subcontent11 *,
.point12:hover~.subcontent12,
.point12:hover~.subcontent12 *,
.point13:hover~.subcontent13,
.point13:hover~.subcontent13 *,
.point14:hover~.subcontent14,
.point14:hover~.subcontent14 *,
.point15:hover~.subcontent15,
.point15:hover~.subcontent15 *,
.point16:hover~.subcontent16,
.point16:hover~.subcontent16 *,
.point1:hover~.subcontent1,
.point1:hover~.subcontent1 *,
.point2:hover~.subcontent2,
.point2:hover~.subcontent2 *,
.point3:hover~.subcontent3,
.point3:hover~.subcontent3 *,
.point4:hover~.subcontent4,
.point4:hover~.subcontent4 *,
.point5:hover~.subcontent5,
.point5:hover~.subcontent5 *,
.point6:hover~.subcontent6,
.point6:hover~.subcontent6 *,
.point7:hover~.subcontent7,
.point7:hover~.subcontent7 *,
.point8:hover~.subcontent8,
.point8:hover~.subcontent8 *,
.point9:hover~.subcontent9,
.point9:hover~.subcontent9 * {
    opacity: 1;
    transform: translateX(0)
}

.submenu {
    cursor: pointer;
    padding: 6px 26px;
    line-height: 1.5;
    position: relative;
    width: 194px;
    box-sizing: border-box;

}

.content1:hover .submenu,
.content2:hover .submenu,
.content3:hover .submenu,
.content4:hover .submenu,
.point1:hover~.content1 .submenu,
.point2:hover~.content2 .submenu,
.point3:hover~.content3 .submenu,
.point4:hover~.content4 .submenu {

}



.submenu:hover {
    background: #009ee1
}

.mainlink {
    width: 373px;
    display: inline-block;
    text-decoration: none;
    margin: 50px 0 35px 0;
    padding: 0 0 0 24px;
    box-sizing: border-box;
    top: -20px;
    color: #000;
    font-size: 17px;
    line-height: 1.5;
    position: relative;
}

.mainlink:before,
.submenu:before {
    content: '';
    position: absolute;
    left: 12px;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #009ee1
}

.submenu:before {
    top: 12px
}

.contentpoints {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 510px;
    margin-top: 2%;
}

.saverdrone_nav {
    color: #fff;
    margin: auto;
    max-width: 1200px;
}

.container-box {
    display: block;
    padding-bottom: 25px!important;
    margin-left: 5%;
    margin-right: 5%;
}

.features {
    text-align: center;
    margin-top: -50px;
}

.selector {
    padding-top: 85px;
    display: flex;
}

.sticky-side {
    position: sticky;
    top: 100;
    margin-top: 50px;
}

.tab-cont button {
    display: flex;
    width: 235px;
    background-color: #fff;
    padding: 24px;
    color: #303132;
    font-family: sans-serif;
    font-weight: 200;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    border-color: transparent;
    border-bottom: 2px solid #f0f0f0;
    outline: 0;
    margin-right: 25px;
}

.tab-cont button:hover {
    background-color: #f8f9fa;
    cursor: pointer
}

.tab-content {
    flex: 9;
    height: auto;
    animation: anime 1.5s;
    text-align: left;
    display: none;
    font-family: sans-serif;
}

.tab-content.active {
    display: block;
    background: transparent !important;
}

.tab-cont .but.active {
    background-color: #fff;
    color: #3a62ca;
    border-left: 3px solid #3a62ca;
    text-decoration: none;
    outline: 0;
    font-weight: 500;
}

@keyframes anime {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@media only screen and (max-width:800px) {
    .tab-cont {
        margin-left: 70px;
        display: block;
        flex-direction: inherit;
        border: none;
        padding: 35px;
        margin-bottom: 25px;
    }
    .tab-cont .but.active {
        border-left: none;
        border-bottom: 4px solid #3a62ca
    }
    .selector {
        flex-direction: column;
        display: table-cell
    }
    .tab-content {
        float: left;
        padding-left: 0
    }
}

.drones_details {
    margin-top: 25px !important;
    max-width: 1200px;
    margin: auto;
    padding: 25px;
}

a#cardA_8 {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    background: #1a5374;
    font: normal normal 400 normal 12.96px/19.44px Roboto, sans-serif;
    font-size: 13px;
    border-radius: 25px;
    font-weight: 500;
    padding: 10.44px 18.24px;
    float: right
}

i.fa.fa-check {
    color: #7ed321;
    font-size: 35px
}

h10 {
    color: #000;
    background: #ff0;
    font-size: 30px;
}

.table {
    margin-top: 55px
}

.buy {
    margin-top: 25px;
    margin-bottom: 25px;
    float: right;
    margin-left: 25px;
}

img.banner_img {
    margin-bottom: 35px;
    margin-top: 15px;
    border-radius: 20px;
}

.sticky_height {
    height: 50rem
}

input[type=radio i] {
    display: none
}

.tabs-master {
    text-align: left;
    padding: 15px 15px 15px 15px
}

.master-tabs .p {
    padding: 22px 15
}

#Reiviewscontent {
    max-width: 1200px;
    margin-top: -100px;
}

div#reiview_card {
    width: 31%;
    display: inline-table;
    margin-top: 100px;
    padding: 5px 5px 5px 5px
}

#Reiviewscontent p {color: #000;font-size: .94118em;margin-bottom: 40px;margin-left: 15px;line-height: 1.25em;max-height: 78px;padding: 15px;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;}

a.card-img-top img {
    height: 15vw;
    object-fit: cover
}

nav.saverdrone_nav h1 {
    color: #fff!important
}

div#footer-txt h2 {
    font-size: 35px;
    font-style: italic;
}

#reiview_card .card-img-top figure:before {
    content: "";
    position: absolute;
    display: block;
    height: 99%;
    width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
    bottom: 0;
    top: 0;
    z-index: 0;
}

.stars5 span.fa.fa-star.checked {
    color: #fff
}

.stars5 {
    margin-top: -40px;
    margin-left: 50px;
    position: absolute
}

figure.img {
    position: relative
}

#reiview_card .card-img-top:hover figure:before {
    background: #1b1b1b75;
}

#reiview_card .price1 {
    position: absolute;
    margin-top: -70px;
    margin-left: 50px
}

#reiview_card .price1 .price {
    color: #fff;
    font-size: 15px;
}

span.amzn {
    color: #fff;
    font-size: 15px;
}

span.amzn:hover {
    color: #f5a031
}

i.fa.fa-external-link {
    color: #fff;
    font-size: 18px
}

.subscribe-side {
    text-align: center
}

@font-face {
    font-family: 'Uni Sans';
    src: url(https://res.cloudinary.com/muhammederdem/raw/upload/v1536168547/unisans-font/UniSansHeavyCAPS.woff2) format('woff2'), url(https://res.cloudinary.com/muhammederdem/raw/upload/v1536168547/unisans-font/UniSansHeavyCAPS.woff) format('woff'), url(https://res.cloudinary.com/muhammederdem/raw/upload/v1536168548/unisans-font/UniSansHeavyCAPS.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

a.btn2.btn-second {
    background-image: linear-gradient(-180deg, #6bdd69 0, #82c457 100%);
    color: #fff;
    text-align: center;
    width: 100%;
    font: normal normal 400 normal 12.96px/19.44px Roboto, sans-serif;
    font-weight: 500
}

.btn2 {
    padding: 17.04px 1.14rem;
    cursor: pointer;
    text-transform: uppercase;
    margin: -5px
}

div#cardDIV_4 {
    padding: 15px;
    margin-top: -15px
}

div#review_buttons {
    text-align: center
}

.card #cardA_7 {
    float: right;
}

.wrap-img {
    max-width: 15%;
    width: 100%
}

.amazon {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 30px 0;
    position: relative
}

.other {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 30px 0;
    position: relative
}

.wrap-info {
    display: inline-block;
    text-align: right;
    max-width: 65%;
    float: right;
    margin-top: -45px;
}

p.price {
    letter-spacing: -.5px !important;
    font-size: 25px!important;
    margin-left: 475px!important;
    margin-top: -5px!important;
    float: right !important;
}

span {
    font-family: Overpass, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color: #979797;
    font-weight: 800;
    letter-spacing: 0
}

h2.compare {
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
    position: relative;
    text-transform: uppercase
}

.wrap-img-logo {
    max-width: 5%;
    float: left;
    margin-top: -45px
}

p.price:hover {
    color: #5fd3b1!important
}

.amazon:hover {
    background: #ebf8fd
}

.other:hover {
    background: #ebf8fd
}

.nav-span {
    font-family: Overpass, sans-serif;
    font-size: 17px;
    line-height: 15px;
    color: #979797;
    font-weight: 800;
    letter-spacing: 0
}

.policy {
    padding: 15px 15px
}

.about {
    padding: 15px 15px
}

.terms_of_service {
    padding: 15px 15px
}



.widget-title {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.widget-title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #f1f1f1;
}

.widget-title .title::after {
    background-color: #195273;
}

.widget-title .title::after {
    content: "";
    position: absolute;
    left: 0;
    width: 31%;
    height: 2px;
    bottom: -2px;
    max-width: 112px;
}

.main_wrap-img-logo{
    max-width: 13%;
    float: left;
}



@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald&display=swap");

:root {
  --gradient-color: linear-gradient(
    90deg,
    rgba(25, 82, 115, 0.53),
    rgb(25, 82, 115)
  );
}



a {
  text-decoration: none;
  color: inherit;
  color: #287098;
}

.card {
  margin-left: 10px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 0.8rem 1rem rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.card-image {
  height: 10rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover !important;
  z-index: -1;
  
}

.card:hover .background-image {
  transform: scale(1.2);
}
.publication-details {
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem;
}

.publication-details i {
  margin-right: 1rem;
}

.author {
  display: inline-block;
  margin-bottom: 0.5rem;
  transition: all 0.5s 0.2s;
}
.author:hover {
  color: rgba(255, 255, 255, 0.75);
}
.date {
  display: block;
  color: #fff;
}

.card-content {
  background-color: #fff;
  padding: 2rem 3rem;
  position: relative;
}

.title,
.subtitle {
  font-family: "Oswald", sans-serif;
}

.subtitle {
  font-size: 1.2rem;
  font-weight: 400;
  color: #a2a2a2;
  text-decoration: none;
  margin: 1rem 0 1.5rem 0;
}

.description {
  position: relative;
  line-height: 1.5;
}


.cta {
  text-align: right;
  font-weight: bold;
  margin-top: 1rem;
}
.cta a {
  background: var(--gradient-color);
  -webkit-background-clip: text;
  color: #2770984f !important;
  position: relative;
}

.cta a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 100%;
  height: 3px;
  background: var(--gradient-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s;
}

.cta a:hover::before {
  transform: scaleX(1);
}

@media screen and (min-width: 600px) {
  .card {
    flex-direction: row;
    max-width: 75rem;
    margin-bottom: 5px;
    padding: unset !important;
  }
  .card-image {
    height: auto;
    flex-basis: 40%;
  }
  .card-content {
    flex-basis: 60%;
  }
  .publication-details {
    transform: translateX(-100%);
    transition: transform 0.5s;
  }
  .card:hover .publication-details {
    transform: translateX(0);
  }
  .author {
    transform: translateY(-3rem);
    opacity: 0;
    transition-delay: 0.2s;
  }
  .date {
    transform: translateY(3rem);
    opacity: 0;
    transition: all 0.5s 0.2s;
  }
  .card:hover .author,
  .card:hover .date {
    transform: translateY(0);
    opacity: 1;
  }
}

.td-category a {
    color: #fff;
    background-color: #222222;
    padding: 3px 6px 4px 6px;
    white-space: nowrap;
    display: inline-block;
    margin-left: -23px;
}

.td-category {
    list-style: none;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1;
    float: right;
}
h3.post-date {
    display: inline-block;
    position: relative;
    top: -15px;
    font-size: 13px !important;
    margin-left: -132px;
}
h2.date_main {
    font-size: 15px !important;
    color: #aaa !important;
    font-weight: 500 !important;
}

.icons-post-bottom {
    border-style: solid;
    border-color: #ededed;
    border-width: 1px 0;
    padding: 25px;
    margin-bottom: 42px;
    margin-top: 25px;
}
.card-header {
    margin-top: 5px;
}

#mainContent a:hover {
    color: #33769cd1;
}

.container-box a {
    color: #000;
}

.credit-rights {
    float: left;
    margin-top: -13px;
}

.newsletter input {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    background: #3a3a3a;
    border: 0!important;
    border: 1px solid #dfe0e6;
    outline: none!important;
    color: #ccc;
    height: 36px;
    padding: 10px 20px;
    box-shadow: none;
    border-radius: 3px 0 0 3px;
    float: left;
}

.newsletter .newsletter-button {
    background-color: #e74c3c;
    border: 1px solid #e74c3c;
}

.newsletter .newsletter-button {
    width: auto;
    min-width: 100px;
    padding: 6px 14px;
    border-radius: 0 3px 3px 0;
    line-height: 1.5;
    outline: none!important;
    font-size: 14px;
    border: 0;
    color: #fff;
    float: left;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}



#footer {
    display: none !important;
}

ul.td-category {
    padding: 5px;
    margin-top: 5px;
    float: left;
    margin-bottom: -1px;
}

h3.post-date {
    margin-top: 5px;
    float: right;
}


.related-posts {
    position: relative;
    z-index: 1;
    margin-top: 50px;
    overflow: hidden;
    width: 100%;
    height: 100px;
    /* margin: auto; */
    /* float: left !important; */
}
h1.see_realated {
    margin-left: -100px;
}

p.related-posts-description {
    font-family: 'Roboto', sans-serif !IMPORTANT;
    font-weight: 500 !IMPORTANT;
    font-size: 13px !important;
    line-height: 20px !important;
    : 0;
}

.related-card {
    display: inline-grid;
    width: 30%;
    padding: 10px;
}

a.related-posts-description {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #000;
}

li.tiny-td-category {
    color: #fff;
    background-color: #222222;
    padding: 3px 6px 4px 6px;
    white-space: nowrap;
    display: inline-block;
    float: left;
    font-size: 20%;
    margin-top: 67px;
    position: relative;
}

.widget-related-title {
    border-bottom: 2px solid;
}

h1.related-title {
    color: #fff !important;
    background: #171717;
    width: 20%;
    font-size: 14px !important;
    padding: 9px 8px 5px 8px;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
}

@media screen and (max-width:360px) {
    
    body a.related-posts-description {
    max-width: 50%;
    margin-left: -240px;
    font-size: 15px;
}
}





.hidden {
  display: none;
}

.footer-gray {
  background-color: #256d96;
  width: 100%;
}

.footer-custom {
  color: #fff;
  font: normal normal 12px/1.4 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  max-width: 1008px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 24px;
}

.footer-custom:after {
  display: table;
  clear: both;
  content: "";
}

.footer-lists:after {
  display: table;
  clear: both;
  content: "";
}

.ftr-hdr {
  color: #fff;
  font: 22px/1.4 'BebasNeueRegular', BebasNeue, 'Bebas Neue', Arial, sans-serif;
  margin: 1em 0 0;
  text-transform: uppercase;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .ftr-hdr {
    font-size: 18px;
  }
}

.footer-list-wrap {
  width: 50%;
  float: left;
  margin-bottom:50px;
  box-sizing: border-box;
}

@media only screen and (min-width: 568px) {
  .footer-list-wrap {
    width: 33.3333%;
  }
}

@media only screen and (min-width: 768px) {
  .footer-list-wrap {
    width: 25%;
  }
  
  
  
}

.ftr-links-sub {
  padding: 0;
  margin: 0;
}

.ftr-links-sub:after {
  display: table;
  clear: both;
  content: "";
}

.ftr-links-sub li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 3px 0;
  color: #fff;
  font: normal normal 12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  /*width: 150px;*/
}

.footer-custom a,
.footer-custom a:link,
.footer-custom a:visited,
.ftr-links-sub li .link {
  text-decoration: none;
  color: #fff;
  padding: 5px 0;
  display: block;
  text-align: left;
}

.footer-custom .footer-legal a {
  display: inline;
}

.footer-custom a:hover,
.footer-custom a:active,
.ftr-links-sub li .link:hover {
  /* text-decoration: underline; */
  color: #d0d0d0;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .footer-custom a, .footer-custom a:link, .footer-custom a:visited, .ftr-links-sub li .link {
    padding: 1px;
    font-size: 13px;
  }
}
/* BEGIN EMAIL CAPTURE STYLES*/

.footer-email {
  text-align: center;
}

#ftrEmailForm {
  height: 44px;
}

#ftrEmailForm .error {
  display: none;
  color: red;
  text-align: left;
}

#ftrEmailForm #ftrEmailInput {
      width: 55%;
      font-size: 13px;
      line-height: 18px;
      background: #3a3a3a;
      border: 0!important;
      outline: none!important;
      color: #ccc;
      height: 33px;
      padding: 10px 20px;
      box-shadow: none;
      border-radius: 3px 0 0 3px;
      float: left;
}

#ftrEmailForm #ftrEmailInput:hover {
  border: 1px solid #888;
}

#ftrEmailForm #ftrEmailInput:focus {
  border: 1px solid #ef9223;
  outline: #ef9223 auto 5px;
}

#ftrEmailForm .button {
  width: auto;
  min-width: 100px;
  padding: 6px 14px;
  border-radius: 0 3px 3px 0;
  line-height: 1.5;
  outline: none!important;
  font-size: 14px;
  height: 122%;
  border: 0;
  color: #fff;
  float: left;
  transition: .2s;
  background-color: #3988ad;
}

#ftrEmailForm .button:hover,
#ftrEmailForm .button:active {
  background: #2e7fad;
  color: #FFF;
  outline: none;
}
/* BEGIN SOCIAL STYLES*/

.footer-social {
  text-align: center;
}

.footer-social ul {
  padding: 0;
  display: inline-block;
  list-style-type: none;
}

.footer-social ul:after {
  display: table;
  clear: both;
  content: "";
}

.footer-social li {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .footer-lists {
    width: 100%;
  }
  .footer-email {
    width: 50%;
    float: left;
    text-align: left;
  }
  .footer-social {
    width: 45%;
    margin-left: 5%;
    float: left;
    text-align: left;
  }
}

@media only screen and (min-width: 1008px) {
  .footer-lists {
    width: 66.6666%;
    float: left;
  }
  .footer-email {
    width: 33.3333%;
  }
  .footer-social {
    width: 33.3333%;
    float: right;
    margin-left: 0;
  }
}


@media only screen and (min-width: 768px) {
  .footer-legal {
    width: 100%;
    float: left;
    margin-top: 85px;
    padding: 25px;
    font-size: 13px;
    border-top: 1px solid rgba(255,255,255,.06);
    line-height: 36px;
  }
  .footer-payment {
    width: 33.3333%;
    float: left;
  }
}

@media only screen and (min-width: 1008px) {
  .footer-payment {
    text-align: left;
  }
}

.footer-payment ul {
  padding: 0;
  display: inline-block;
  list-style-type: none;
}

.footer-payment ul li {
  display: inline-block;
  margin: 0 6px;
}

@media only screen and (min-width: 1008px) {
  .footer-payment ul li.ftr-stella {
    margin-left: 0;
  }
}

.ftr-bbb span,
.ftr-stella span {
  background-image: url("http://cache1.artprintimages.com/images/jump_pages/rebrand2/images/subnav2.png");
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  margin: 0;
  padding: 0;
}

.ftr-bbb span {
  background-position: -339px -8px;
  width: 96px;
}

.ftr-stella span {
  background-position: -339px -107px;
  width: 57px;
}



.left-bottom {
    float: left;
}

.right-bottom {
    float: right;
}












@media (max-width: 767px){
    


 body .left-bottom {
      
    display: block;
    text-align: center;
    width: 100%;
}

  body .left-bottom p {
      
    display: block;
    text-align: center;
    width: 100%;
}


body .right-bottom {
    
    display: block;
    text-align: center;
    width: 100%;
}

body .right-bottom p {
    
    display: block;
    text-align: center;
    width: 100%;
}



}


.title-line {
    display: block;
    width: 60px;
    height: 2px;
    background-color: #d8d8d8;
    margin-bottom: 20px;
    margin-top: 20px;
}


.footer-social a {
    font-size: 18px !important;
}


.pagination {
    float: right;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination li {
    float: left;
}

.pagination>li {
    display: inline;
}

.pagination li a {
    margin: 0 4px;
    color: #666!important;
    height: 34px;
    text-align: center;
    transition: all .2s ease-in-out 0s;
    width: 34px;
    font-size: 13px;
    line-height: 20px;
}

.about_body {line-height: 35px;font-size: 18px;}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 2.428571;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    background-color: #eee;
    border-color: #ddd;
}

.pagination .active a {
    border: 1px solid #2d6482!important;
    background-color: #297098!important;
    color: #fff!important;
}

li.tiny-td-category a {
    color: #ffff;
}

a.btn.btn-primary:hover {
    color: #ffff !important;
}

.img-responsive.img-author {
    width: 110px;
    height: 110px;
    border-radius: 70px;
}

.about_author {
    float: right;
    margin-top: -25px;
}
h1.post-header {
    margin-bottom: 100px !important;
    margin-top: 50px;
}
#Reiviewscontent p:hover {
    color: #1c5373;
}
a.submenu {
    font-size: 14px;
    font-weight: 400;
    width: 50%;
}
.subcontent img {
    max-width: 103%;
    height: 110%;
    margin-top: 10px;
}

.logo {
    position: absolute;
    display: flex;
    right: 20%;
}