/* Font Face */
@font-face{
	font-family:"verdana";
	src:url("../fonts/verdana.ttf") format("truetype");
}
/* Common Css */
.captcha_img{background:transparent url("../images/capcha.png") no-repeat;padding: 3px 21px;}
a:focus{outline:none !important}
.fit_to_box{width:100%;}
ul.dotList{list-style:inside disc !important;;padding-left:20px;}
ul.dotList_inside{list-style:inside disc !important;margin:10px auto;}
ul.dotList li,ul.dotList_inside li{line-height:24px;font-size:16px;}
ul.right_mark_list{list-style: none;}
ul.right_mark_list li{padding-left:20px;position:relative;line-height:24px;}
ul.right_mark_list li:after{content:"";font-size:12px;color:#000;position:absolute;left:0px;font-family:"FontAwesome"}
.margin-none{margin:0px}
.padd-none{padding:0px !important}


/*Header Scetion*/
.header{}
.top_bar{ background:rgb(20,37,53);}
.top_bar .top_right_part .social_link{ display:inline-block; margin-top:0px;}
.top_bar .top_right_part .social_link ul{ margin:0px;margin-top:0px;}
.top_bar .top_right_part .social_link ul li{display:inline-block;margin-top:10px; }
.top_bar .top_right_part .social_link ul li a{ color: #fff;width: 30px;line-height: 32px;text-align: center;display: inline-block;border: solid 1px #fff;height: 30px}

.top_bar .top_right_part .social_link ul li a.facebook{}
.top_bar .top_right_part .social_link ul li a.facebook:hover{background:#1b74bb;}
.top_bar .top_right_part .social_link ul li a.twitter{}
.top_bar .top_right_part .social_link ul li a.twitter:hover{background:#26a9e0;}
.top_bar .top_right_part .social_link ul li a.pintrest{}
.top_bar .top_right_part .social_link ul li a.pintrest:hover{background:#be1e2c;}
.top_bar .top_right_part .social_link ul li a.linkdin{}
.top_bar .top_right_part .social_link ul li a.linkdin:hover{background:#1b75bb;}
.top_bar .top_right_part .social_link ul li a.youtube{}
.top_bar .top_right_part .social_link ul li a.youtube:hover{background:#ed1b23;}

.top_bar .top_right_part .social_link ul li a .fa{font-size: 19px; padding-top:5px; }
.top_bar .top_right_part .social_link ul li a:hover{  background:#333; color:#FFF;}

  

.top_bar .top_right_part .top_link{ float:left;}
.top_bar .top_right_part .top_link a{color: #fff; text-decoration:none !important;text-transform:capitalize;margin: 0 0 0 9px;padding: 7px 0 13px 14px;border-left: solid 1px #fff;display: inline-block; font-weight:bold;}
.top_bar .top_right_part .top_link a:hover{color: #fff;}



.head_part{}
.head_part .logo{    margin: 15px 0 0 0;}
.head_part .logo img{max-width:100%;}

.head_part .head_link{    margin: 10px 0 0 0;}
.head_part .head_link a{font-size: 14px;border: solid 1px #c2c2c2;color: #585858;text-transform: uppercase;  margin: 0 1px 5px 0px;
padding: 5px 11px;display: inline-block;}
.head_part .head_link a:hover{ background:#ff6600; color:#FFF; text-decoration:none;}

.head_part .support_area{ display: table;margin: 8px 0 0 0;}
.head_part .support_area h3{color: #cacaca;width: 141px;display: table-cell;text-align: right;position: relative;font-size: 19px;
line-height: 2px;left: -11px;top: 21px;}
.head_part .support_area h3 span{ width: 100%;display: inline-block;font-size: 29px;}
.head_part .support_area ul{margin: 0;}
.head_part .support_area ul{margin: 0;}
.head_part .support_area ul li{list-style: none;display: table;color: #000;font-weight: 400;padding: 0 0 0 8px;margin: 0 0 7px 0;letter-spacing: 1.1px;}
.head_part .support_area ul li a{   word-wrap: break-word; color:#000; font-weight: 400;}

.head_part .support_area ul li .fa,
.head_part .support_area ul li span{left: -3px;position: relative; font-size:12px;   display: table-cell;color:#d1d1d1;}


.head_part .support_area ul li.phone{ border-left: 3px solid #c51e5d;}
.head_part .support_area ul li.phone span{ color:#c51e5d;}

.head_part .support_area ul li.whatsapp{border-left: 3px solid #89c751;}
.head_part .support_area ul li.whatsapp .fa{color:#89c751;}

.head_part .support_area ul li.skype{border-left: 3px solid #0083be;}
.head_part .support_area ul li.skype .fa{color:#26A9E0;}

.head_part .support_area ul li.mail{border-left: 3px solid #f29808;}
.head_part .support_area ul li.mail .fa{color:#f29808;}
@media (max-width: 767px) {
        .navbar-default .navbar-nav .dropdown-menu > li > a {
         
        }
		
      }
      @media (max-width: 920px) {
        .sideslider {
            display: none;
        }
        .newsletter{
            display: none;
        }
      }
	  .dropdown-menu{
		  padding:30px;
		  }
      .navbar-default .navbar-nav .dropdown-menu  li  a {
  text-decoration:none;
		  }
 @media (max-width: 360px) {
       
        .logo1{
	margin-left:30px; 
	color:#fff;
	font-size:22px;
}
		
      }
	  @media (max-width: 414px) {
       
        .logo1{
	margin-left:30px; 
	color:#fff;
	font-size:22px;
}
		
      }
@media (max-width: 411px) {
       
        .logo1{
	margin-left:30px; 
	color:#fff;
	font-size:22px;
}

 }

@media (max-width: 4000px) and (min-width:1400px) {
.header{
	width:100%;
	height:40px;
  background-color:#142535;

}
.logo{
	width:20%;
	height:42px;
	float:left;
	
}
.logo img{
	display:none;
}
.title{
	width:45%;
	height:40px;
	float:left;
	position:relative;
	 left:90px;
}

.title h1{
    text-align:left;
	font-size:31px;
	color:#fff;
	
}

 .login{
	 height:40px;
	 float:left;
	position:relative;
	  padding-top:15px;
	  left:140px;
 }
  .login a{
	  
	  width:30px;
	  color:#fff;
	 padding-left:8px;
	border-left:1px solid #fff;
	font-size:15px;
  }
 
   .social-icon{
	width:100%;
	height:30px;
	position:relative;

   }
	
 .icon-block{
	padding:0px;
	height:30px;
	
}
.icon-block a img{
	width:30px;
	opacity:0.6;
	
	
}
 
 .icon-block a img:hover{
	 opacity:1;
	 transition:all 0.8s;
 }
}


	
@media (max-width: 1366px) and (min-width:1025px) {  
	
.header{
	width:100%;
	height:40px;

}
.logo{
	width:30%;
	height:40px;
	float:left;
	
}
.logo img{
	display:none;
}
.title{
	width:30%;
	height:40px;
	float:left;
	position:relative;
	
}

.title h1{
    text-align:center;
	font-size:36px;
	color:#fff;
	
}
.login{
	 
	 height:40px;
	 float:left;
	position:relative;
	  padding-top:15px;
	  left:100px;
 }
  .login a{
	  width:30px;
	  color:#fff;
	  padding-left:10px;
	border-left:1px solid #fff;
	font-size:15px;
  }
  
}

@media (max-width: 1024px) and (min-width:770px) {  
	
.header{
	width:100%;
	height:40px;

}
.logo{
	width:10%;
	height:40px;
	float:left;
	
}
.logo img{
	display:none;
}
.title{
	width:40%;
	height:40px;
	float:left;
	position:relative;
	
}

.title h1{
    text-align:center;
	font-size:30px;
	color:#fff;
	
}

 
 .login{
	 width:50%;
	 height:40px;
	 float:left;
	position:relative;
	  padding-top:15px;
 }
  .login a{
	  width:30px;
	  color:#fff;
	 
	border-left:1px solid #fff;
  }
  .follow{
	position:relative;
	bottom:5px;
	margin-left:630px;
}
   .social-icon{
	width:30%;
	height:30px;
	position:relative;
     left:630px;
   }
	
 .icon-block{
	padding:0px;
	height:30px;
}
.icon-block a img{
	width:30px;
	opacity:0.6;
	
	
}
}
@media (max-width: 768px) and (min-width: 768px){  

.header{
	width:100%;
	height:40px;

}
.logo{
	width:6%;
	
}
.logo img{
	display:none;
}
.title{
	width:45%;
	height:40px;
	float:left;
	position:relative;
	
}

.title h1{
    text-align:center;
	font-size:30px;
	color:#fff;
	
}

	 
 .login{
	 width:48%;
	 height:40px;
	 float:left;
	position:relative;
	  padding-top:15px;
	  left:70px;
 }
  .login a{
	  width:15px;
	  color:#fff;
	border-left:1px solid #fff;
	padding:10px;
  }
  .follow{
	position:relative;
right:622px;
top:580px;
}
   .social-icon{
	width:100%;
	height:30px;
	position:relative;
 left:-355px;
 top:500px;
   }
	
 .icon-block{
	padding:0px;
	height:30px;
}
.icon-block a img{
	width:30px;
	opacity:0.6;
	
	
}
 
 .icon-block a img:hover{
	 opacity:1;
	 transition:all 0.8s;
 }

}
@media (max-width:375px)and (min-width:360px) {

.header{
	width:100%;
	height:40px;

}
.logo{
	width:13%;
	 float:left;

}
.logo a img {
	width:100%;
	display:inline;
	margin-left:15px;
	height:30px;
	padding-bottom:5px;
	 
}
.title{
 display:none; 
}
.follow{
	position:relative;
bottom:40px;

}
.social-icon{
	width:50%;
	height:30px;
	position:relative;
left:-2px;
bottom:35px;
   }
	
 .icon-block{
	padding:0px;
	height:30px;
}
.icon-block a img{
	width:20px;
	opacity:0.6;
	
	
}
 
 .icon-block a img:hover{
	 opacity:1;
	 transition:all 0.8s;
 }
 .login{
	
	 height:40px;
	 float:left;
	position:relative;
	left:-1px;
	left:20px;
	
 }
  .login a{
	  width:10px;
	  color:#fff;
	border-left:1px solid #fff;
	padding:10px;
  }
}
@media (max-width:414px)and (min-width:380px) { 
  
 
.header{
	width:100%;
	height:40px;

}
.logo{
	width:20%;
	 float:left;

}
.logo a img {
	width:100%;
	display:inline;
	margin-left:15px;
	height:30px;
	padding-bottom:5px;
	 
}
.title{
 display:none; 
}
.follow{
	position:relative;
bottom:40px;

}
.social-icon{
	width:50%;
	height:30px;
	position:relative;
left:-2px;
bottom:35px;
   }
	
 .icon-block{
	padding:0px;
	height:30px;
}
.icon-block a img{
	width:20px;
	opacity:0.6;
	
	
}
 
 .icon-block a img:hover{
	 opacity:1;
	 transition:all 0.8s;
 }
 .login{
	 width:80%;
	 height:40px;
	 float:left;
	position:relative;
	left:-1px;
	left:30px;
	
 }
  .login a{
	  width:10px;
	  color:#fff;
	border-left:1px solid #fff;
	padding:10px;
  }
}
@media(max-width:320px) { 
   
 
.header{
	width:320px;
	height:40px;

}
.logo{
	width:40px;

	
}
.logo a img {
	width:100%;
	display:inline;
	margin-left:15px;
	height:30px;
	padding-bottom:5px;
	 
}
.title{
	display:none;
	
}
 .social-icon{
	width:50%;
	height:30px;
	position:relative;
left:-1px;
bottom:30px;
   }
	
 .icon-block{
	padding:0px;
	height:30px;
}
.icon-block a img{
	width:20px;
	opacity:0.6;	
	
}
 
 .icon-block a img:hover{
	 opacity:1;
	 transition:all 0.8s;
 }
 
 .login{
	 width:280px;
	 height:40px;
	 float:left;
	position:relative;
	left:40px;
	
	 
 }
  .login a{
	  width:10px;
	  color:#fff;
	  font-size:12px;
	border-left:1px solid #fff;
	padding-left:8px;
  }
  .follow{
	position:relative;
	bottom:40px;
}

}	 	 
	 

/* Modal SignIn Popup  */
#SignInModal .modal-content{border-radius:20px !important;overflow:hidden}
#SignInModal .modal-content input[type="email"],#SignInModal .modal-content input[type="password"],#SignInModal .modal-content input[type="text"]{height:40px}
#SignInModal .modal-header{border:none;background:#ff6600;position: relative}
#SignInModal .modal-header .modal-title{color:#fff;text-transform: uppercase;}
#SignInModal .modal-header .close
{
    position:absolute;right:0px;margin-right:10px;
    margin-top:6px;background:#fff;border-radius:50%;
    height:30px;width:30px;top:0px;text-align:center;opacity:1;
    line-height:30px;box-shadow:inset 3px 3px 7px #777 ;
}
#SignInModal .modal-header .close:hover{box-shadow:0px 0px 10px #777}
#SignInModal .modal-header a.close{font-size:20px;color:#ff6600}
#SignInModal .modal-footer{border:none;background:#fff;padding-top:0;padding-bottom:0px;}
#SignInModal .modal-footer .user_remember{font-size:15px}
#SignInModal .modal-footer .user_remember .form-group{margin:auto}
#SignInModal .modal-footer .user_remember .forgot-pass>a{color:#0083BE}
#SignInModal .modal-footer .user_remember .remember-box label{color:#777;font-weight:400}
#SignInModal .modal-footer .user_remember .remember-box label input{margin-right:5px}
#SignInModal .signUpNow{color:#777;;border-top:1px dashed #ddd;padding:20px 0px;}
#SignInModal .signUpNow a{color:#0083BE;margin:0px 5px;}
.signInform .radio-inline{font-size:20px;color:#777}
.signInform .radio-inline{margin-right:30px}
.signInform .radio-inline:last-child{margin-right:0px}
.popup-btn{
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    display: inline-block;padding: 12px 20px ;text-decoration: none;font-size: 16px;font-weight: bold;text-transform: uppercase;border: solid 2px #0083BE ;
color: #0083BE;background:transparent;border-radius:10px ;}
.popup-btn:hover{background:#ff6600;color:#fff;border-color:#ff6600}




/* ********NAV Baar Start******* */

.nav_bar{ background:#359bed !important;    max-height: 50px;}
.nav_bar{ background:#359bed !important;    max-height: 50px;}
.nav_bar .navbar{ margin:0px !important; background:none;min-height: inherit;}
.nav_bar .navbar-default{ border:none !important}
 

.nav_bar .navbar-nav  li{ border-right: solid 1px #FFF; }
.nav_bar .navbar-nav  li:last-child{border-right:none;}
 
.nav_bar .navbar-default .navbar-nav>li>a { color: #fff !important; padding: 15px 18px;   font-size: 15px;text-transform: uppercase; color:#FFF !important; }
.nav_bar .navbar-default .navbar-nav>li>a.active{    background: #ff6600;  color: #FFF !important;}
.nav_bar .navbar-default .navbar-nav>li>a:hover{    background: #ff6600;  color: #FFF !important;}

.nav_bar .navbar-nav li .dropdown-menu{ background-color: #232323; top: 98%;}
.nav_bar .navbar-nav li .dropdown-menu li{border-right: none; }
.nav_bar .navbar-nav li .dropdown-menu li a{ color:#FFF !important; padding: 7px 14px; }

 
.nav_bar .navbar-nav li .dropdown-menu li a.active,
.nav_bar .navbar-nav li .dropdown-menu li a:focus,
.nav_bar .navbar-nav li .dropdown-menu li a:hover{  background-color: #ff6600 !important;  color: #FFF !important;  }

.nav_bar  li.request{ background:#ff6600; color:#FFF; display:inline-block; }
.nav_bar  li.request a{ background:none !important; color:#FFF !important;  height: 50px; font-size: 18px; display:inline-block;position:relative;}

.nav_bar  li.request a:hover{ background:none !important; }
 

.nav_bar .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #333 !important; border-color: #FFF !important; }


.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
.auto{width:788px;
}
/* ********NAV Baar end******* */