@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins.eot?#iefix') format('embedded-opentype'),  url('../fonts/Poppins.woff') format('woff'), url('../fonts/Poppins.ttf')  format('truetype'), url('../fonts/Poppins.svg#Poppins') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Poppins-Medium.otf')  format('opentype'),
	     url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf')  format('truetype'), url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Poppins-Light.otf')  format('opentype'),
	     url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf')  format('truetype'), url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}



::-webkit-scrollbar{width:15px;}
::-webkit-scrollbar-track{background-color:#fff;border-left:1px solid #fff;}
::-webkit-scrollbar-thumb{background-color:#09F;}
::-webkit-scrollbar-thumb:hover{background-color:#06F;}



.pl-0, .px-0 {  padding-left: 0!important;}
.pr-0, .px-0 {  padding-right: 0!important;}
.px-10{ padding:0 8px}

p{ color:#333; font-size:14px;    line-height:21px;  font-family: 'OpenSans';}

  textarea:focus, input:focus{
    outline: none !important;
}
  

body {  font-size:14px; line-height:25px;   font-family: 'OpenSans'; background:#fff
 
}
.wrapper {
	max-width: 1170px;
	margin: 0 auto;
	min-width: 320px;
}

a{-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-khtml-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

a:hover{-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-khtml-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.search .search_div{ padding:5px 10px; border-radius:2px; border:1px solid #fff; width:160px; margin-right:10px; text-transform:uppercase; float:left}
.search{     margin-top: 15px;}
dt{ float:left; margin-top: 9px; font-weight:normal; color:#fff; text-transform:uppercase; margin-left:10px; display:flex}
.navigaton{ display:table; width:100%; background:#ad3642; padding:0px 0;   }
.header {width: 100%;	display: block;		padding: 5px 0; background:#fff; position:relative; z-index:55555; min-height: 75px; border-top:3px solid #ad3642}
.logo {	padding: 0; display:table; 	margin:5px 0px 0px 0;	float: left; z-index:55555;	/*width: 165px;*/}
.icon{ margin:35px 20px 0 -140px; float:left}
.icon img{     width: 35px;}
.address{     float: left; margin:35px 0 0 25px;   padding: 0;}
.address li{ list-style-type:none; float:left; position:relative;     padding: 0 12px;
    margin-right: 30px; border-right: 1px solid #e0dfdf; }
.address li span{ font-size:30px; position:absolute; left:-25px; color:#ee5c6b}
.address li h3{ margin:0; font-size:16px;  font-family: 'Roboto-Bold';}
.address li:last-child{ margin-right:0; border:0}
.address li p{ font-size:21px; font-family: 'Roboto-Regular';}
.login{ padding:8px 40px; background:#0080ff; border-radius:4px; color:#fff; text-transform:uppercase; font-size:17px; float:left; margin-right:0px}
.login:hover{ background:#479ef5; color:#fff}
.search i{  background:#3b5e9e; color:#fff; border-radius:4px; display:block; float:left; width:42px; height:42px; line-height:42px; font-size:18px; text-align:center}
.search span{ float:right; color:#fff}
.search label{ float:left; font-weight:normal; padding:10px 16px }


.banner_form{ position:absolute; left:0; top:0; z-index:555;  padding:20px; border-radius:6px; right:0; width:1170px; margin:0 auto; align-items: center;
    height: 100%; display:flex}
.signup{ padding:30px 15px; background:#f54e5fba;  width:405px; border:5px solid #5d010ba1  }
.signup h2{ font-size:50px; margin-top:0; margin-bottom:1px;   font-family: 'bauserif' ; color:#fff }
.signup p{ color:#fff; font-size:12px}

.bannerbottom{ background:#f2f2f2; padding:0px 0}
.bannerbottom ul{ margin:0; padding:0}
.app li img{ margin:0 auto; display:block; border-radius:50%; background:#dc1a2d; border:3px solid #fff; -webkit-box-shadow: 1px 2px 15px 2px rgba(0,0,0,0.17);
-moz-box-shadow: 1px 2px 15px 2px rgba(0,0,0,0.17);
box-shadow: 1px 2px 15px 2px rgba(0,0,0,0.17); margin:0 auto 10px}

.app h3{ color:#fff;  text-transform:uppercase; font-size:15px; margin-bottom:2px; margin-top:5px;  font-family: 'Poppins';}
.app p{ color:#2b2b2b;  font-size:14px; margin:0 }
.app a{ color:#2b2b2b; }
.app li{ float:left; display:table;  width:25%; text-align:center; border-right: 1px solid #e2e1e1;     padding: 30px 0;}
li:last-child{ margin-right:0; border:0}

.services h2{ font-size:25px;  color:#fff;  font-family: 'Poppins-Light'; letter-spacing: .5px; color:#010101; margin-bottom:15px; text-align:center; text-transform:uppercase}
.services{ padding:40px 0}
.services img { margin-bottom:10px}
.services h3{ text-align:center; margin:0 0 30px 0 ; color:#242424; font-size:18px}
.services h3 a{ color:#242424; font-family: 'Poppins-Light';}
h2 span{ color:#dc1a2d; font-family: 'Poppins';}
.div { padding:10px 0 0 0}
.div h3{ font-size:16px; text-transform:uppercase; color:#fff}
.div ul{ padding:0 0 0 0px; margin:0;}
.div ul li{ list-style-type:none; color:#ffffff94; text-transform:uppercase;  font-size:14px; font-family: 'RobotoCondensed-Regular'; line-height:40px} 
.div ul li i{ margin-right:15px; color:#fff; -ms-transform: rotate(50deg); /* IE 9 */    -webkit-transform: rotate(50deg); /* Safari 3-8 */    transform: rotate(50deg); font-size:11px}


.what_we{ padding:30px; background:#be4c52; width:100%; clear:both; display:block; color:#fff}
.what_we h2{ font-family: 'Poppins'; font-size:25px; padding:40px 0 0 0 }
.what_we p{ color:#fff}
.what_we img{ border-radius:6px}

.gallery { padding:70px 0; background:#eeeeee; width:100%}
.gallery img{ margin-bottom:10px; width:100%}
.gallery .px-10 {  padding: 0 5px;}
.gallery_content{ background:#fff; padding:40px 25px; min-height:192px; margin-bottom:10px; text-align:center}
.gallery h2{ text-align:center;  font-family: 'Poppins'; font-size:25px; text-transform:uppercase}
.btn-danger{color:#fff !important;}
.testimonials{ background:url(../images/bg2.jpg) repeat; padding:40px 0}
.testimonials h2{ text-align:center; text-transform:uppercase}
.div3{ padding:30px; background:#c44d52; text-align:center; max-width:780px; margin:0 auto}
.div3 p{ color:#fff; font-size:14px}
.div3 img{ border-radius:50%; width:60px; height:60px; margin:0 auto 5px}
.div3 p span{ clear:both; display:block; font-size:18px; color:#d46f73}
.div3 i{ color:#f9ff09 !important; font-size:25px; margin-right:5px; margin-bottom:10px}
.brand{ border:1px solid #ede6e6; padding:20px; border-radius:5px; background:#fff; display:table; width:100%}


.footer_top{ background:#dddddd; width:100%; clear:both; display:block; padding:20px 0}
.footer_top h2{ font-family: 'Poppins'; font-size:19px; text-transform:uppercase; margin:10px 0 0 0}
.footer_top p{ font-size:17px}
.register_div{ margin:0 auto 20px; display:block; overflow:hidden}
.input{ float:left; margin-right:0; padding:20px 10px}
.btn-register{ float:left; width:auto; padding:8px 15px; font-size:17px; text-transform:uppercase; border:1px solid #850000; color:#fff;


 background: -moz-linear-gradient(90deg, #680000 0%, #ff0000 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #680000)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #680000 0%, #ff0000 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #680000 0%, #ff0000 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #680000 0%, #ff0000 100%); /* ie10+ */
background: linear-gradient(0deg, #680000 0%, #ff0000 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#680000',GradientType=0 ); /* ie6-9 */; bo}

.search_div{ background:#c44d52; padding:6px; margin:0}
.search_div .input{ border-radius:0; border:0; width:80%; min-height:44px; background:#fff; position:relative}
.search_div .input:after{ content:"\f002"; font-size:20px; position:absolute; right:10px; top:0;}
.search_div .btn-register{ padding:10px 30px;border-radius:0; border:0; min-height:44px; background:#333333; color:#fff}

.footer{ background:#202020 url(../images/bg3.jpg) ; padding:0px 0 0 0; position:relative}
.footer p{ line-height:30px;  font-size:16px; padding:0 35px 0 0px; color:#ffffff96}
.footer h3{ font-size:18px; color:#fff; text-transform:uppercase; padding:30px 0 19px 0; clear:both; margin-bottom: 20px; font-family: 'Roboto-Regular'; position:relative}
.footer h3:after{ content:""; width:40px; height:4px; background:#bc4a52; position:absolute; bottom:0; left:0}
.icon2{ position:absolute; bottom:3px}
.icon2 img{ margin-right:0px; float:left; margin-top:20px; margin-bottom:0px}
.footer ul { padding:0; margin:0}
.footer ul li{ list-style-type:none; position:relative; padding-left: 10px; color:#999;         padding-bottom:1px;
    font-size: 13px; position:relative}
	.footer ul li:before{ content:'\f105';font-family:'FontAwesome';  position:absolute; top:0; left:0; color:#fff}
.footer ul li span{ color:#5a5a5a; font-size:40px; position:absolute; left:0;}
.footer ul li h4{ font-size:20px }
.ftr ul li:before{ display:none}
.ftr ul li{ padding-left:0px}
.ftr ul li i{ font-size:15px; margin-right:10px}

.ftr:nth-child(4){ background:#b1323b91; padding-bottom:50px }

.footer ul li a{ color:#fff}
.footer .formcontrol{ border-radius:30px 0 0 30px; padding:10px 20px; height:45px; float:left; border:0; width:60%; margin-bottom:20px}
.btn_sub{ border-radius:0px 30px 30px 0px; padding:10px 20px; height:45px; float:left; border:0; width:40%; background:#f34173; color:#fff}

.footer ul li a:hover {
    color:#337ab7;
}
.copyright p{ margin-bottom:0; font-size:14px;      color:#f6f6f66b}

/*-------------About------------------*/

.table_div{ background:#363636; border-radius:4px; color:#fff; border:1px solid #464545; padding:0px 0 50px 0; margin:50px auto }
table { width: 100%;  border-collapse: collapse; color:#fff  }
table caption{ text-align:center; font-size:24px; text-transform:uppercase ;  font-family: 'RobotoCondensed-Bold'; color:#fff; padding:25px 0; }
tr:nth-of-type(odd) { background: #363636; }
td{ color:#fff; font-size:13.4px; font-family: 'Roboto-Regular'; text-transform:uppercase}
th {  background: #363636;   color: white;   font-weight: normal; color:#f7941d; text-transform:uppercase; font-size:16px; border-top:2px solid #205486 !important; border-bottom:1px solid #205486 !important}
td, th { padding: 8px; border: 1px solid #464545; border-left:0 !important;  text-align: left;  }

.btn-join{  color:#0080ff; padding:6px 22px; font-size:14px; border:1px solid #0080ff }
.btn-join:hover{ background:#0080ff; color:#fff}
.dropdown-item {   display: block;   width: 100%;   padding: .25rem 1.5rem;   clear: both;  font-weight: 400;  color: #212529;   text-align: inherit;
white-space: nowrap;   background-color: transparent;   border: 0;}
.dropdown-toggle::after {   display: inline-block;    width: 0;   height: 0;    margin-left: .255em;    vertical-align: .255em;
    content: "";    border-top: .3em solid;   border-right: .3em solid transparent;    border-bottom: 0;   border-left: .3em solid transparent;}

.loginprofile { padding:10px 0 0 0; text-transform:uppercase }	
.user img{ width:45px; height:45px; border-radius:50%; margin-right:10px}
.user { display:flex; color:#fff; font-size:12px;     align-items: center; float:left}
.user  h4{ font-size:14px} 	
.dropdown-toggle{ background:none; color:#fff !important;  text-transform:uppercase}
.user .dropdown-toggle:hover{ color:#fff !important}	
.btn-group{ margin-left:30px}



.userpic_border{min-height: 220px;  display: flex; align-items: center;border-right:1px solid #666}
.userprofile{ background:#333333; padding:20px; display:table; width:100%; margin-bottom:30px}
.userprofile img{  width:130px; height:130px; border-radius:50%; margin:0 auto; display:block }
.userprofile h4{ text-align:center; color:#0f70d7}
.userinfo h3{ color:#b3b3b3; font-size:15px; text-transform:uppercase; padding-bottom:15px}

.userinfo {  border-bottom: 1px solid #403f3f;  display: table; width: 100%; margin-bottom:20px}
.userinfo .app {  padding: 10px !important;  display: table;  float: right;  width: 100%}
.userinfo .app li{ width:50%}
.userinfo .app li span{ background:#848484; width:50px; height:50px; border-radius:50%; display:block; text-align: center;  font-size: 35px; color:#363636;    line-height: 50px; }
.userinfo .app li h3{ font-size:45px; margin-top:0; padding-bottom:0;}
.userinfo .app li p{ font-size:18px; }
.userinfo .app li p a{ color:#999 !important}
.userinfo .app{ margin:0}
.userinfo .col-lg-6{}

.div2 .app li p{ font-size:35px; display:block; text-transform:inherit; clear:both; padding:20px 0 0 0; font-family: 'RobotoCondensed-Bold'; }
.div2 .app li h3{ font-size:14px; }
.div2 .app li h3 a{ color:#b3b3b3}
.fa-star{ color:#aea814 !important} 
.fa-plus{ color:#3872a0 !important} 
.fa-gift{ color:#ad6b14 !important} 
.fa-trophy{ color:#a25356 !important} 




.profileform_tab{ background:#333333; padding:30px 0; display:table; width:100%}
.nav{ padding:0 30px 0px 30px}
.tab-content {  border-top: 1px solid #4a4a4a !important ; margin-top: -2px; clear:both; border:0; padding:40px 70px}
.nav>li>a{ color:#fff; font-size:18px; text-transform:uppercase; padding:0 15px}
.nav>li{ line-height: 45px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background:none !important; border-bottom:2px solid #0080ff; border-radius: 0; }
.nav li a:hover{ background:none !important; color:#0080ff}
.profileform_tab form label{ color:#fff; font-weight:normal; font-size:15px; text-transform:uppercase; padding-bottom:5px }
.profileform_tab form .form-control{ min-height:45px; border:0; box-shadow:inherit; margin-bottom:30px}
.profileform_tab textarea{ height:100px}
.profileform_tab .btn-primary{ padding:12px 60px; background:#0080ff; font-size:16px}

.container2 { display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: 22px;
    -webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;  user-select: none; float:left; width:33.3%}

/* Hide the browser's default radio button */
.container2 input {  position: absolute;  opacity: 0;  cursor: pointer}

/* Create a custom radio button */
.checkmark {  position: absolute;  top: 0;  left: 0;   height: 25px;  width: 25px;  background-color: #eee;  border-radius: 50%;}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark { background-color: #ccc;}

/* When the radio button is checked, add a blue background */
.container2 input:checked ~ .checkmark {  background-color: #2196F3}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {   content: "";    position: absolute;    display: none;}

/* Show the indicator (dot/circle) when checked */
.container2 input:checked ~ .checkmark:after {    display: block;}

/* Style the indicator (dot/circle) */
.container2 .checkmark:after { 	top: 9px;	left: 9px;	width: 8px;	height: 8px;	border-radius: 50%;	background: white;}



.offer_div{ width:100%; background:#333; padding:30px; display:table; margin:0 auto 30px; position:relative; -webkit-transition: all 0.4s ease-in-out;}
.offer_div:hover{ background:#000; -webkit-transition: all 0.4s ease-in-out;}
.offer_div h3{ font-size:18px; color:#fff; text-transform:uppercase}
.offer_div h3 a{ color:#fff}
.offer_div h2 a{ color:#fff}

.offer_div p{ color:#949494}
.star{ position:absolute; top:20px; right:0;}
.star i{ font-size:25px; margin-right:5px }



@media only screen and (min-width:320px) and (max-width:550px) {
	
.search .search_div{ width:100%; margin:0 auto 5px}
.search {  margin: 25px auto 0;}
.search span {  float: none;   color: #fff;  display: table;   margin: 0px auto;   padding: 10px 0; clear:both}
.banner_form{ width:100%}
.signup{ width:100%; margin:0 auto}
.div1 li{ font-size:12px}
.div1 li a{ padding:0 5px}

.slider img {  min-height: 300px !important;}
.banner_form{ position:inherit}
.signup{ padding:15px}
.signup h2 {   font-size: 20px;}
.download h3{ font-size:21px}
.app li{ width:50%; text-align:center}
.app li span{ font-size:25px; text-align:center; float:none; margin:0 auto;}
.app h3{ font-size:14px}
.services img {  margin: 0 auto 10px;}
.search_div input{ width:100% !important}
.address li{ width:100%; margin:0; padding:10px 0 0 15px; border-right:0; border-bottom:1px solid #CCC}
.icon {  margin: 0 auto;  float: none; display: table;}
 }





@media only screen and (min-width:551px) and (max-width:767px) {
	
.search form{ width:60%; float:left}
.banner_form{ width:100%}
.signup{ width:300px; margin-left:0}

.px-10 {
    padding: 0 8px;
    width: 50%;
    float: left;
}.icon {
    margin: 0;
    float: left;
    position: absolute;
    top: -65px;
    left: 260px;
}
.brand img{ margin: 0 0 5px 0}

.signup{ padding:20px}
.signup h2 {   font-size: 30px;}
 }


a:hover{ text-decoration:none !important}

@media only screen and (min-width:768px) and (max-width:991px) {
	
.banner_form{ width:100%}
.icon{ float:right; margin:0}
.address {  float: left;  margin: 20px 0 0 0;  padding: 0;}
.what_we{ padding:15px 3px}
.what_we h2{ padding:0}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.icon{ float:right}
.address {  float: left;  margin: 20px 0 0 0;  padding: 0;}
.banner_form{ width:100%}
}