/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');


@import url("boot/bootstrap.min.css");


html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {	font-family: 'Ubuntu', sans-serif;}


img{width:auto; max-width:100%; height:auto;}

a{transition:all .5s ease-in-out;}
.text-dark{color:#000 !important;}

.btn{padding:3px 16px; border-radius:22px;}

.red-gradient {background: rgba(114,35,38,1); color:#fff;
background: -moz-linear-gradient(top, rgba(114,35,38,1) 0%, rgba(254,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,35,38,1)), color-stop(100%, rgba(254,0,0,1)));
background: -webkit-linear-gradient(top, rgba(114,35,38,1) 0%, rgba(254,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(114,35,38,1) 0%, rgba(254,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(114,35,38,1) 0%, rgba(254,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(114,35,38,1) 0%, rgba(254,0,0,1) 100%);}

a.red-gradient:hover{ background-image: linear-gradient(#C70D0E, #DC0101); color:#fff !important }
a.blue-gradient:hover{ background-image: linear-gradient(#3794EF, #1380EC); color:#fff !important }

a.black-gradient:hover{ background-image: linear-gradient(#4F4F4F, #404040); color:#fff !important }

.big-yellow{color:#ff0; font-size:32px;}


.blue-gradient {background: rgba(0,118,235,1); color:#fff;
background: -moz-linear-gradient(top, rgba(0,118,235,1) 0%, rgba(100,172,243,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,118,235,1)), color-stop(100%, rgba(100,172,243,1)));
background: -webkit-linear-gradient(top, rgba(0,118,235,1) 0%, rgba(100,172,243,1) 100%);
background: -o-linear-gradient(top, rgba(0,118,235,1) 0%, rgba(100,172,243,1) 100%);
background: -ms-linear-gradient(top, rgba(0,118,235,1) 0%, rgba(100,172,243,1) 100%);
background: linear-gradient(to bottom, rgba(0,118,235,1) 0%, rgba(100,172,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076eb', endColorstr='#64acf3', GradientType=0 );}
.light-blue-gradient {background: rgba(225,236,247,1);
background: -moz-linear-gradient(top, rgba(225,236,247,1) 0%, rgba(191,217,243,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,236,247,1)), color-stop(100%, rgba(191,217,243,1)));
background: -webkit-linear-gradient(top, rgba(225,236,247,1) 0%, rgba(191,217,243,1) 100%);
background: -o-linear-gradient(top, rgba(225,236,247,1) 0%, rgba(191,217,243,1) 100%);
background: -ms-linear-gradient(top, rgba(225,236,247,1) 0%, rgba(191,217,243,1) 100%);
background: linear-gradient(to bottom, rgba(225,236,247,1) 0%, rgba(191,217,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ecf7', endColorstr='#bfd9f3', GradientType=0 );}
.black-gradient {background: rgba(122,122,122,1);
background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#000000', GradientType=0 ); color: #FFF; border: 0px; font-size: 18px; font-weight: 700;}

.light-gray-gradient {background: rgba(238,238,238,1);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(188,188,188,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(100%, rgba(188,188,188,1)));
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(188,188,188,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(188,188,188,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(188,188,188,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(188,188,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bcbcbc', GradientType=0 );}

.top-bar {font-size: 14px; padding: 10px; font-weight: 700; line-height: 22px; }
.top-bar img{height:25px;}

.button-border { padding: 20px 10px; font-weight: 700;  margin: 10px 0; }

.f-16{font-size:16px; margin: 10px 30px 0px; padding: 10px; text-align: center; color: #FFF; font-weight: 500;}

a.btn{transition:all .5s ease-in-out;}

.border-3{border-radius:10px; overflow:hidden;}

.button-black {-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border: 0px; padding: 10px 30px 13px; font-weight: 700; font-size: 18px;  margin: 5px 0; color: #FFF; text-transform: uppercase;}
.button-black:hover {color: #FFF;}

.page-text1 {font-size: 18px; font-weight: 700; color: #000; }
.blue-btn {margin: 0px 30px; font-size: 20px; color: #FFF; text-transform: uppercase; font-weight: 700; padding: 15px 40px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border: 0px; margin-top: -30px; }


.faq-1 {list-style: none; padding-left: 30px; margin:0px; padding:0px;}
.faq-1 h5 {color: #ff0505; font-size: 20px; font-weight: 700;  }

.faq-1  h5 i {/*margin-left: -30px;*/ margin-right:10px; float: left; font-size: 20px; line-height: 25px; }
.faq-1  p {font-size: 16px; }

.deals {list-style: none; padding-left: 30px;}
.deals li  {border-bottom: 2px dashed #171717; padding: 5px 0; display: inline-block; width: 100%;}
.deals  h5 {color: #ff0505; font-size: 20px; font-weight: 700;  float: left; padding: 10px 0; margin-bottom: 0px; width: 80%;}

.deals   h5 i {margin-left: -30px; float: left; font-size: 20px; line-height: 25px; }
.deals   a {font-size: 16px; padding: 5px 20px; }
.deals li:last-child {border-bottom: 0px;}

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position:relative;
    width: 100%;
    overflow-y: auto;
    visibility: hidden;
    
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
     opacity:0; height:0px;
	transition:all .5s ease-in-out;
  }
  .offcanvas-collapse.open {
	opacity:1; height:auto;
    visibility: visible;
	transition:all .5s ease-in-out;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: #6f42c1; }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }
a.nav-link {font-weight: 700; font-size:.9rem; color: rgba(255,255,255,1.00) !important; }


.phone-top {float: right; font-size: 14px; color: #0095da; text-transform: uppercase; width:190px; padding: 15px 0;}
.phone-top img {float: left; margin-right: 10px; }
.phone-top span {float: left; line-height: 20px; width: 70%; }
.phone-top b {font-size: 18px; font-weight: 700;  display: block;}

header {padding: 15px 0px;}
.dh {display: none;}


footer { background: #002958; color: #FFF; padding: 30px 0; text-align: center; margin-top: 20px; }
footer .list-inline-item { margin-right: 0px !important ;}
footer .nav-link { padding: 0px 8px 0px 5px; font-weight: 500; text-transform: uppercase; border-right: 2px solid #FFF; line-height: 15px; }
footer li:last-child .nav-link { border: 0px; }
footer p {font-size: 13px; font-weight: 300; text-transform: uppercase;}

.banner-top  {margin-bottom: 20px; text-align:center; background:#0375e5;}
.banner-top img {margin:auto;}

section {padding: 20px 0;}
.title-1 {padding:10px; margin: 10px 30px 0px;  text-align: center; font-size: 30px; color: #FFF; text-transform: uppercase; font-weight: 500;}
.contant-box-1 {padding:40px 50px; margin-bottom:40px; }
.contant-box-1  p{padding:0px 30px;}

.border-radius-top {-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.border-radius-all {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

h4 { font-size: 24px; color: #000000; font-weight: 400; margin-bottom: 20px; }
h4 b {font-weight: 700; }
p {margin: 15px 0;}
.sm-text1 {font-size: 16px;}

.title-2 {padding:10px;  text-align: center; top:10px; font-size: 30px; color: #ff0505; text-transform: uppercase; font-weight: 500; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: relative; z-index: 99;}


.title-3 {padding:10px 5px;  text-align: center; font-size:20px; color: #ff0505; text-transform: uppercase; font-weight: 500; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: relative; z-index: 99;}


.contant-box-2 {padding:120px 30px 60px; margin-bottom: 20px;  margin: -80px 40px 0px;  }

.mg-left {margin-left: 100px;}

.mg-top {margin-top: -90px;}

.btn-text-1 {font-size: 14px; font-weight: 700;}
.btn-text-2 {font-size: 17px; font-weight: 700;}
.btn-text-3 {font-size: 20px; font-weight: 700; text-transform: uppercase; color: #FFF;}

.light-blue-bg { background: #eef7ff; padding: 50px 0;  }
.country-box h3 {font-size: 30px; font-weight: 400; text-align: center; color: #0679eb; margin-bottom: 0px; margin-bottom:10px;  }
.country-box h6 {font-size: 18px; font-weight: 400; text-align: center; color: #000;  }
.country-box h5 {font-size: 18px; font-weight: 700; color: #000; margin-top: 40px;  }
.country-box ul {margin:0px 0; padding: 0px 15px; list-style: none; }
.country-box ul li  {margin-bottom: 10px; font-size: 14px; color: #ff0505; text-transform: uppercase;  font-weight: 500;}
.country-box ul li img {margin-right:8px; width:25px;}

.targeting-category {padding: 50px 0;}
.targeting-category h3 {margin-bottom: 30px !important;  font-size: 30px; color: #ff0202; font-weight: 700; padding: 10px 20px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.targeting-category ul   { list-style: none; margin:0px;}
.targeting-category ul li {margin-bottom: 10px;}
.targeting-category ul li::before { content: "\25BA"; color: #FFF; margin-right: 10px; font-size: 13px;	}
.targeting-category ul li a { color: #FFF; font-weight: 700;	}
.icon-none::before { content: "" !important; color: #FFF; margin-right: 10px; 	}

.title-sm {font-size: 28px; color: #ff0505; }



.marquelist {    width:100%;   height: 240px;   line-height: 30px;    overflow: Hidden;   padding: 5px 0;}

.links ul{padding:0px; margin:0px;}
.links .col-md-6{padding:0px}
.links li{text-align:left; list-style:none; font-weight:normal;}
.links li:before { content: "\25BA"; color: #ff0606; margin-right: 10px;	}
.links li a{color:#000;}

.url-list {padding: 10px 100px; margin: 0px;}
.url-list li { float: left; width: 50%; list-style: none; margin-bottom: 5px;}
.url-list li::before { content: "\25BA"; color: #ff0606; margin-right: 10px;	}
.url-list li a { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #000;}



.url-list2 {padding: 10px 20px; margin: 0px; display: inline-block;}
.url-list2 li { float: left; width:33.33%; list-style: none; margin-bottom: 5px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #000;}
.url-list2 li::before { content: "\25BA"; color: #ff0606; margin-right: 10px; font-size: 13px;	}
.url-list2 li a { color: #ff0606; }

.url-list3 {padding: 10px 0px; margin: 0px; display: inline-block;}
.url-list3 li {  list-style: none; margin-bottom: 5px; font-size: 16px; font-weight: 500;  color: #FFF; padding-left: 20px;}
.url-list3 li::before { content: "\25BA"; color: #FFF; margin-right: 10px; font-size: 13px; margin-left: -22px;	}
.url-list3 li a { color: #FFF; }

.order-link{position:relative; top:-50px;}
.order-link2{position:relative; top:-10px;}


.table td small{display:none;}

.contact img{padding-right:10px;}

.genders label{font-weight:bold;}
.gender-select{width:150px; height:150px; padding-top:25px; border:4px solid #fff; margin-bottom:5px; border-radius:50%; margin:auto;}


.table td{ color:#dc3545}
.table td a{text-transform:uppercase;}

.pt-m10{position:relative; top:-12px;}

@media (min-width:992px) { 
.ex-sites h6{position:relative; top:-100px;}
.ex-sites .title-2{top:25px;}

.sml-title{font-size: 20px; text-transform: capitalize; padding: 10px 40px;}
.sm-title16{font-size:16px; text-transform: capitalize; padding: 18px 10px;}
}

@media only screen and (max-width:1200px) and (min-width:767px) {.ex-sites .title-2{font-size:24px;}}



@media (max-width:991px) { 

.url-list{padding:10px 10px;}
.ex-sites h6{padding:20px 0px;}
}


@media (min-width:767px) {
	.w-md-50{width:50%;}
	} 


@media (max-width:767px) { 
	.mh {display: none;}
	.dh {display: block;}
	.phone-top  {width: 100%; padding: 5px 0; text-align: center;}
	.phone-top img {float: none;}
	.phone-top span {width: auto; line-height: 40px; float: none; }
	.phone-top span b{display:inline-block}
	.navbar-brand {width: 40%; background: #FFF; padding: 10px; }
	.offcanvas-collapse {z-index: 99999999;}
	
	
	.contant-box-1 {padding: 30px 30px; margin-bottom:40px; }
	.faq-1 h5{font-size:18px;}
	.contant-box-1  p{padding:0px 0px;}
	
	.title-1,.title-2 {font-size:22px;}
	.url-list{padding:10px 0px;}
	
	.url-list li{width:100%;}
	.btn-text-1, .btn-text-2, .btn-text-3, .button-black, .blue-btn{font-size: 14px;}
	.blue-btn{padding: 15px 10px;}
	
	.url-list2 li{width:50%;}
	
.table td, .table th{width:100% !important; display:block; text-align:center;}

.table td small{display:inline-block; padding-right:5px; color:#666;}
.table th.md-none{display:none;}

.ex-sites .title-2{top:-20px;}
.ex-sites h6{padding:0px 0px 10px 0px; width: 105%; left: -10px; position: relative;}
.ex-sites .slider1{margin-left:10px;}

.form-row label{display:contents;}

}
@media (max-width:580px) { 
.deal-section{padding-bottom:30px !important;}
.deal-btn{margin-top:20px !important;}
}

@media (max-width:480px) {
.url-list2 li{width:100%;}	
.blue-btn{padding: 15px 10px; width:100% !important; margin:0px}

.contact img{width:35px;}
.contact img{padding-right:5px;}

.title-1, .title-2{font-size:18px;}
.deals h5{font-size:16px; width:100%;}
.deals h5 i{font-size:15px;}
.visitors{padding-bottom:30px;}
.top-bar .text-md-right{line-height:10px;}
.ordrbtn{padding:8px 4px !important;}
.big-yellow{font-size:22px; line-height:18px;}
.phone-top{ height:60px;}

.container{min-width:300px;}
}


@media (max-width:380px) {
	.targeting-category ul{padding-bottom:0px;}
	.targeting-category ul li::before{margin-right:5px; font-size:9px;}
	.country-box ul{padding:5px !important;}
	.country-box ul li img{margin-right:5px; width:18px;}
.phone-top img{width:28px; margin-right:0px;}	
.phone-top span b{font-size:16px;}
.url-list li:before{font-size:8px; margin-right:4px;}
.contant-box-2{margin: -80px 5px 0px;}
.blue-btn{margin-top:20px;}


.emails .col-6{max-width:100% !important; flex: 0 0 100% !important;}
}
@media (max-width:320px) {
	.targeting-category h3{font-size:26px;}
	.country-box h3{font-size:26px;}
}

@media (max-width:303px) {
.phone-top span b{top: -20px; display:block; position:relative;}
}