body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Lato', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
:focus{ outline: none !important;}
/*font-family: 'Poppins', sans-serif; 
 * font-family: 'Roboto', sans-serif;*/



/*header*/
.header_sec{ width: 100%; background: #fff;}

.nav_top{ margin: 0px; padding: 0px; background: none; border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;}
.menu_sec li{ position: relative; color: #484848; font: 600 16px/23px 'Poppins', sans-serif;}
.menu_sec li a{ color:#484848; display: inline-block; padding:20px 15px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.menu_sec li a:hover{ color: #eca920 !important;}
.navbar-brand{ margin: 0px; padding: 15px 0;}
.navbar-brand img{ max-width: 100%;}
.logregs {
    position: absolute;
    top: 28px;
    right: 0px;
    color: #fff;
    font: 600 16px/23px 'Poppins', sans-serif;
    display: inline-block;
    background: #be514b;
    padding: 9px 18px;
    border-radius: 4px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
}

.logregs_white {
    position: absolute;

    right: 0px;
    color: #be514b;
    font: 600 16px/23px 'Poppins', sans-serif;
    display: inline-block;
    padding: 9px 18px;
    border-radius: 4px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
}

.navbar-nav{ padding-right: 172px;}
.logregs:hover{ background: #eca920;}







.bannersec{ width: 100%; background: #eca920; padding: 35px 0; text-align: center;}
.bannersec h4{ color: #fff; font: 700 25px/30px 'Roboto', sans-serif; text-transform: uppercase;}
.bannersec p{ color: #fff; font: 400 20px/27px 'Roboto', sans-serif; margin-top: 8px;}
.banform{ width: 100%; margin-top: 20px; background: #f0ba4d; padding: 15px; border-radius: 10px;}
.banform input[type="text"], .banform input[type="email"], .banform input[type="tel"]{ width: 100%; padding: 0 15px; height: 44px; background: #fff; border-radius: 5px; border: none; color: #797979; font: 400 14px/20px 'Roboto', sans-serif;}
.banform .row{ margin: 0 -4px;}
.banform .colm{ padding: 0 4px;}
.banform input[type="submit"]{ width: 100%;height: 44px; background: #be514b; border-radius: 5px; border: none; color: #fff; font: 500 16px/20px 'Roboto', sans-serif; cursor: pointer;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.banform input[type="submit"]:hover{ background:#939598;}
.banform .col-md-3{ -ms-flex: 0 0 23%; flex: 0 0 23%;  max-width: 23%;}
.banform .col-md-4{ -ms-flex: 0 0 40%; flex: 0 0 40%;  max-width: 40%;}
.banform .col-md-2{ -ms-flex: 0 0 14%; flex: 0 0 14%;  max-width: 14%;}


.fullbodysec{ width: 100%; background: #f2f2f2; padding-bottom: 50px;}
.latestoffsec{ width: 100%;}
.scrapbox, .lestbox{ width: 100%;  background: #f9f9f9; /*padding: 10px 12px; border-radius: 10px;*/ margin-top: 42px;}
.scrapbox h4{ background: #be514b; padding: 8px 11px; display: inline-block; width: 100%; color: #fff; font: 500 16px/20px 'Roboto', sans-serif; text-transform: uppercase; /*border-radius: 7px;*/}
.scrapbox ul{ margin-top: 10px;}
.scrapbox li{ width: 100%; display: inline-block; color: #484848; font: 400 16px/24px 'Roboto', sans-serif; padding: 8px 5px;}
.scrapbox li span{ float: right;padding-left: 20px;}
.scrapbox li.gr span{ background: url(../images/ar2.png) no-repeat left center;}
.scrapbox li.ar span{ background: url(../images/ar1.png) no-repeat left center; }
.scrapbox .pic{ width: 100%; position: relative;}
.scrapbox .pic:before{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; background: rgba(0,0,0,0.5);}
.scrapbox .pic img{ width: 100%;}
.scrapbox .text{ position: absolute; top: 0px; left: 0px; height: 100%; padding: 20px 25px; width: 100%; }
.scrapbox .text h5{ color: #fff; font: 700 24px/30px 'Roboto', sans-serif;}
.joinBtn{ background: #fff; color: #000; font: 700 18px/40px 'Roboto', sans-serif; padding: 0 14px; border-radius: 5px; position: absolute; bottom: 20px; right: 25px;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.joinBtn:hover{ background: #eca920; color: #fff;}
.lestbox h3{ display: inline-block; font: 700 18px/25px 'Roboto', sans-serif; text-transform: uppercase; text-align: left; padding: 8px 5px;}
.felnk{ width: auto; float: right;}
.felnk li{ color: #eca920; font: 600 20px/26px 'Roboto', sans-serif; display: inline-block; position: relative; background: url(../images/li.png) no-repeat left center; padding:0 5px 0 12px;}
.felnk li:last-child{ padding-right: 0px;}
.felnk li:first-child{ background: none; padding-left: 0px;}
.felnk li a{ color: #eca920;}
.offerrow{ width: 100%; padding: 18px; background: #fff; display: inline-block; margin-top: 20px; text-align: left;}
.offerrow h4{ color: #be514b; font: 500 14px/20px 'Roboto', sans-serif; text-transform: uppercase;}
.offerrow p{ color: #7c7c7c; font: 400 14px/20px 'Roboto', sans-serif; margin-top: 10px;}
.ylobtn{ float: right; margin-top: 20px; background: #eca920; padding: 0 20px; height: 40px; font: 500 14px/40px 'Roboto', sans-serif; color: #fff; border-radius: 5px;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.ylobtn:hover{ background: #be514b; }


.rdbtn{ margin-top: 20px; background: #be514b; padding: 10px 18px; height: 50px; font: 700 18px/50px 'Roboto', sans-serif; color: #fff; border-radius: 5px;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; /*display: inline-block;*/ text-transform: uppercase;}
.rdbtn:hover{ background: #eca920; }


.logossec{ width: 100%; min-height:100px; margin-top: 40px; background: #fff; border-radius: 10px; padding: 10px; text-align: center; background:url(../images/world_map.jpg)}
.logossec ul li{ display: inline-block; font:600 22px/25px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;padding: 20px 8px;}
.logossec ul li img{ max-width: 86%;}
.logossec ul{ display: flex;
align-items: center;
justify-content: center;} 

.homeaboutsec{ width: 100%; padding: 40px 0;}
.heading1 h1{ color: #292929; font: 600 40px/45px 'Roboto', sans-serif; padding-bottom: 10px;}
.heading1 p{ color: #292929; font: 400 16px/28px 'Roboto', sans-serif; margin-top: 10px;}
.homeaboutsec .pic img{ width:100%; border-radius: 20px; margin-top: 60px;}
.homeaboutsec .row{ flex-direction: row-reverse;}
.homeaboutsec .col-md-4{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.homeaboutsec .col-md-8{-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.abtlogo{ width: 100%;}
.abtlogo li{ display: inline-block; margin:17px 17px 0 0;}
.abtlogo li img{ max-width: 100%;}

.sbscrebsec{ width: 100%; background: #eca920 url(../images/ml1.png) no-repeat left bottom; padding: 35px 30px; border-radius: 10px; }
.sbscrebsec h4{ color: #fff; font: 500 30px/36px 'Roboto', sans-serif;}
.sbscrebsec p{ color: #fff; font: 500 16px/26px 'Roboto', sans-serif; margin-top: 5px;}
.sbscrebsec .nwfld1{ width: 70%; float: left;}
.sbscrebsec .nwfld2{ width: 30%; float: left;}
.sbscrebsec input[type="text"], .sbscrebsec input[type="email"]{ width: 100%; height: 60px; padding: 0 20px; border: none; border-radius: 5px 0 0 5px; color: #7c7c7c; font: 400 16px/20px 'Roboto', sans-serif;}
.sbscrebsec input[type="submit"]{ width: 100%; height: 60px; text-align: center;  font: 400 18px/20px 'Roboto', sans-serif; cursor: pointer; background: #be514b; border: none; border-radius: 0 5px 5px 0; color: #fff;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.sbscrebsec .row{ align-items: center;}
.sbscrebsec input[type="submit"]:hover{ background: #222;}

.footersec{ width: 100%; background: #171a2f url(../images/footmap.png) no-repeat center center;}
.foottop{ width: 100%; padding: 40px 0;}
.fotlogo{ display: inline-block;}
.fotlogo img{ max-width: 100%;}
.footsos{ width: 100%; margin-top: 20px;}
.footsos li a{ width: 30px; height: 30px; text-align: center; background: #2e3743; border-radius: 100%; line-height: 30px; display: inline-block; color: #fff !important; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.footsos li{ margin-right: 5px; display: inline-block;}
.footsos li a:hover{ background: #eca920;}
.footbox1 h4{ color: #fff; font: 600 20px/26px 'Roboto', sans-serif; padding-bottom: 10px;}
.footbox1 li{ width: 100%; display: inline-block; font: 400 16px/26px 'Roboto', sans-serif;color: #fff; padding: 5px 0;}
.footbox1 li a{ color: #fff; width: 100%; display: inline-block; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.footbox1 li a:hover{ color: #eca920;}
.footbotm{ width: 100%; padding: 30px 0; text-align: center; border-top: 1px solid #434655;}
.footbotm p{ color: #fff; font: 400 16px/23px 'Roboto', sans-serif;color: #fff;}
.footbotm p a{ color: #fff; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.footbotm p a:hover{ color: #eca920;}
.logregs i{ display: none;}












 
 
  
  
@media (min-width: 768px) and (max-width: 9000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; }








}

  
  
  
  
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-brand{ width: 180px; padding: 10px 0;}
.menu_sec li{ font-size: 15px;}
.logregs{ font-size: 15px;top: 15px;}
.scrapbox li{ font-size: 14px;}
.scrapbox .text h5{ font-size: 20px; line-height: 27px;}
.joinBtn{ font-size: 14px;}
.logossec ul li{ font-size: 16px; max-width: 20%;}
.heading1 h1{ font-size: 30px; line-height: 38px;}




}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border-color: #939598; background: #939598;}
.nav_top .navbar-toggler{ padding: 10px; margin-right: 15px;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;  border-radius: 1px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 4px;}
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px;  background-color: #fff;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}

.container{ max-width: 100%;}
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; width: 100%; background: #fff; top: 100%; left: 0px;}
.header_sec{ position: relative; z-index: 111;}
.navbar-nav {
    padding-right: 0;
}
.menu_sec li a{ width: 100%; padding: 10px 15px;}





.navbar-brand{ width: 170px; padding: 10px 0 10px 15px;}
.menu_sec li{ font-size: 15px;}
.logregs {
    font-size: 13px;
    top: 14px;
    right: 66px; padding: 7px 15px;
}
.scrapbox li{ font-size: 13px;}
.scrapbox .text h5{ font-size: 20px; line-height: 27px;}
.joinBtn{ font-size: 14px;}
.logossec ul li{ font-size: 16px; max-width: 20%;}
.heading1 h1{ font-size: 30px; line-height: 38px;}


.bannersec p{ font-size: 17px; line-height: 25px;}
.bannersec p br{ display: none;}
.scrapbox, .lestbox{ padding: 12px;}
.scrapbox h4{ padding: 12px 15px; font-size: 15px; line-height: 20px;}
.scrapbox li span{ padding-left: 13px;}


.sbscrebsec h4{ font-size: 23px; line-height: 30px;}
.sbscrebsec p{ line-height: 23px; font-size: 15px;}

.footbox1 li{ font-size: 14px; line-height: 20px;}
.footbox1 h4{ font-size: 17px; line-height: 21px;}
.footbotm{ padding: 20px 0;}

.rdbtn{ font-size: 16px; line-height: 45px; height: 45px;}




} 
 
 
@media (min-width: 768px) and (max-width: 991px) {







}


 
@media only screen and (max-width: 767px){

.logossec ul li:first-child{ max-width: 100%; width: 100%; padding: 7px 0;}
.logossec ul{ width: 100%; display: inline-block;}
.logossec ul li{ padding: 10px 8px;}
.heading1 p{ font-size: 15px; line-height: 24px;}
.sbscrebsec .nwfld1, .sbscrebsec .nwfld2{ margin-top: 20px;}
.sbscrebsec input[type="submit"], .sbscrebsec input[type="text"], .sbscrebsec input[type="email"]{ height: 50px;}
.footbox1{ margin-top: 20px;}
.footbox1.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}






}




@media only screen and (max-width: 640px){ 

.bannersec h4{ font-size: 20px;}
.bannersec p {
    font-size: 17px;
    line-height: 25px;
}
.banform .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.banform .colm{ padding: 4px;}
.banform .col-md-4{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.banform .col-md-2{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; text-align: center;
}
.banform input[type="submit"]{ width: auto; padding: 0 20px;}
.felnk li{ font-size: 15px;background-size: 3px;}
.homeaboutsec .col-md-4, .homeaboutsec .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.homeaboutsec .text{ margin-top: 20px;}
.homeaboutsec .pic img{ margin: 0px;}


} 
@media only screen and (max-width: 599px){ 
.footbox1.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}	

.footbox1.col-md-3:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	




	
}
@media only screen and (max-width: 480px){ 




.logossec ul li img {
    max-width: 100%;
}
.logossec ul li {
    font-size: 16px;
    max-width: 31%;
}


.footbotm p{ font-size: 14px;}





}
@media only screen and (max-width: 400px){

.logregs {
    font-size: 18px;
    top: 11px;
    right: 66px;
    padding: 7px 13px;
}
.navbar-brand {
    width: 138px;
    padding: 10px 0 10px 8px;
}
.banform .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.felnk {
    width: 100%;
    float: right; margin-top: 10px;
}
.heading1 h1 {
    font-size: 25px;
    line-height: 31px;
}
.sbscrebsec .nwfld1, .sbscrebsec .nwfld2{ width: 100%;}
.sbscrebsec input[type="submit"], .sbscrebsec input[type="text"], .sbscrebsec input[type="email"]{ border-radius: 5px;}
.logregs i{ display: inline-block;}
.logregs span{ display: none;}


}

@media only screen and (max-width: 360px){

.footbox1.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}




}




 
