@charset "utf-8";
/* Header - Footer CSS Document */

header.ut-header {
	width: 100%;
	height: auto;
	float: left;
	background: rgba(255, 255, 255, 0.8);
	padding: 0px;
	position: absolute;
	z-index: 9;
}
.ut-header .logo {
	float: left;
}
.ut-header .menu-div {
	width: 100%;
	background: #275ba8;
	float: left;
}
.ut-header .header-top {
	position: relative;
	z-index: 9;
}
.ut-header .login-btn {
	color: #fff !important;
	background: #275ba8;
	border-radius: 5px;
	padding: 5px 20px;
	font-size: 15px;
	border: none;
	cursor: pointer;
}

.ut-header .login-btn.green {
	background: green;
}

.ut-header .login-btn:hover {
	background: #ea1c33;
	text-decoration: none;
	color: #fff !important
}
.ut-header .register-btn {
	color: #fff !important;
	background: #e28704;
	border-radius: 5px;
	padding: 5px 20px;
	font-size: 15px;
	border: none;
	cursor: pointer;
}
.ut-header .register-btn:hover {
	background: #ea1c33;
	text-decoration: none;
}
.ut-header .head-contact {
	float: right;
	margin-top: 22px;
}
.ut-header .head-contact ul {
	width: auto;
	padding: 0;
	margin: 0;
}
.ut-header .head-contact ul li {
	list-style: none;
	display: inline-block;
	color: #1a2845;
	font-size: 15px;
	font-weight: 300;
}
.ut-header .head-contact ul li a {
	color: #1a2845;
	margin-right: 10px;
}

.ut-header .head-contact ul li a.up_contact {

    font-weight: bold;

}

.header-inner{ position:relative !important;}

.dcb-btns .btn4 {
    padding: 6px 10px !important;
    font-size: 13px;
}

.dcb-btns .btn6 {
    padding: 6px 10px !important;
    font-size: 13px;
}


.icn-heart {
    width: auto !important;
    float: left !important;
    color: #6baa40 !important;
    font-size: 15px !important;
}

.freedemo {
    float: right;
    padding: 0;
    margin: 0;
	text-align:center;
	position: absolute;
	top: 12px;
    right: 130px;
	color: #f00;
	    height: 17px;
}

.fa_inner{ width:100%; text-align:center;}

.fa_inner a {

    color: #00695c !important;
    font-size: 21px !important;
    float: none;
    padding: 0px;
    margin: 5px 5px 0px 5px;
    display: inline-block;

}


/*===== Start Menu CSS =====*/

.ut-header #cssmenu {
	float: left;
	margin-top: 0px !important;
}
.ut-header #cssmenu, .ut-header #cssmenu ul,.ut-header  #cssmenu ul li, .ut-header #cssmenu ul li a, .ut-header #cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ut-header #cssmenu:after, .ut-header #cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.ut-header #cssmenu .ut-header #menu-button {
	display: none;
}
.ut-header #cssmenu > ul > li {
	float: left;
}
.ut-header #cssmenu.align-center > ul {
	font-size: 0;
	text-align: center;
}
.ut-header #cssmenu.align-center > ul > li {
	display: inline-block;
	float: none;
}
.ut-header #cssmenu.align-center ul ul {
	text-align: left;
}
.ut-header #cssmenu.align-right > ul > li {
	float: right;
}
.ut-header #cssmenu > ul > li > a {
	padding: 15px 8px;
	font-size: 13px;
	letter-spacing: 0px;
	text-decoration: none;
	color: #fff;
	font-weight: 300;
}
.ut-header #cssmenu > ul > li > a sup {
	background: #d71414;
	color: #fff;
	padding: 8px 5px;
	position: absolute;
	font-size: 10px;
	top: 0px;
	right: -8px;
}
.ut-header #cssmenu > ul > li:hover > a {
	color: #fff;
	background: #e41028;
}
.ut-header #cssmenu > ul > li.has-sub > a {
	padding-right: 22px;
}
.ut-header #cssmenu > ul > li.has-sub > a:after {
	position: absolute;
	top: 22px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #dddddd;
	content: '';
}
.ut-header #cssmenu > ul > li.has-sub > a:before {
	position: absolute;
	top: 19px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #dddddd;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.ut-header #cssmenu > ul > li.has-sub:hover > a:before {
	top: 23px;
	height: 0;
}
.ut-header #cssmenu ul ul {
	position: absolute;
	left: -9999px;
}
.ut-header #cssmenu.align-right ul ul {
	text-align: right;
}
.ut-header #cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.ut-header #cssmenu li:hover > ul {
	left: auto;
}
.ut-header #cssmenu.align-right li:hover > ul {
	left: auto;
	right: 0;
}
.ut-header #cssmenu li:hover > ul > li {
	height: auto;
}
.ut-header #cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}
.ut-header #cssmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}
.ut-header #cssmenu ul ul li a {
	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
	padding: 11px 15px;
	width: 240px;
	font-size: 14px;
	text-decoration: none;
	color: #dddddd;
	font-weight: 300;
	background: #333333;
}
.ut-header #cssmenu ul ul li:last-child > a, .ut-header #cssmenu ul ul li.last-item > a {
	border-bottom: 0;
}
.ut-header #cssmenu ul ul li:hover > a, .ut-header #cssmenu ul ul li a:hover {
	color: #ffffff;
}
.ut-header #cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #dddddd;
	content: '';
}
.ut-header #cssmenu.align-right ul ul li.has-sub > a:after {
	right: auto;
	left: 11px;
}
.ut-header #cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #dddddd;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.ut-header #cssmenu.align-right ul ul li.has-sub > a:before {
	right: auto;
	left: 14px;
}
.ut-header #cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0;
}
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.ut-header #cssmenu {
 width: 100%;
margin-top:0px !important;
}
.ut-header #cssmenu ul {
 width: 100%;
display: none;
position: absolute;
top:60px;
z-index: 9999;
background: #66707e;
}
.ut-header #cssmenu.align-center > ul {
 text-align: left;
}
 .ut-header #cssmenu ul li {
 width: 100%;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 .ut-header #cssmenu ul ul li, .ut-header #cssmenu li:hover > ul > li {
 height: auto;
}
 .ut-header #cssmenu ul li a, .ut-header #cssmenu ul ul li a {
 width: 100%;
 border-bottom: 0;
}
 .ut-header #cssmenu > ul > li > a {
color:#fff;
}
 .ut-header #cssmenu > ul > li {
 float: none;
}
 .ut-header #cssmenu ul ul li a {
 padding-left: 25px;
}
 .ut-header #cssmenu ul ul ul li a {
 padding-left: 35px;
}
 .ut-header #cssmenu ul ul li a {
 color: #dddddd;
 background: none;
}
 .ut-header #cssmenu ul ul li:hover > a, .ut-header #cssmenu ul ul li.active > a {
 color: #ffffff;
}
 .ut-header #cssmenu ul ul, .ut-header #cssmenu ul ul ul, .ut-header #cssmenu.align-right ul ul {
 position: relative;
 left: 0;
top:0;
 width: 100%;
 margin: 0;
 text-align: left;
}
 .ut-header #cssmenu > ul > li.has-sub > a:after, .ut-header #cssmenu > ul > li.has-sub > a:before, .ut-header #cssmenu ul ul > li.has-sub > a:after, .ut-header #cssmenu ul ul > li.has-sub > a:before {
 display: none;
}
 .ut-header #cssmenu #menu-button {
 display: block;
padding: 17px;
color: #dddddd;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
position: absolute;
top:0px;
right: 0;
}
 .ut-header #cssmenu #menu-button:after {
 position: absolute;
 top: 22px;
 right: 0px;
 display: block;
 height: 8px;
 width: 20px;
 border-top: 2px solid #184689;
 border-bottom: 2px solid #184689;
 content: '';
}
 .ut-header #cssmenu #menu-button:before {
 position: absolute;
 top: 16px;
 right: 0px;
 display: block;
 height: 2px;
 width: 20px;
 background: #184689;
 content: '';
}
.ut-header  #cssmenu #menu-button.menu-opened:after {
 top: 23px;
 border: 0;
 height: 2px;
 width: 15px;
 background: #184689;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .ut-header #cssmenu #menu-button.menu-opened:before {
 top: 23px;
 background: #184689;
 width: 15px;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 .ut-header #cssmenu .submenu-button {
 position: absolute;
 z-index: 99;
 right: 0;
 top: 0;
 display: block;
 border-left: 1px solid rgba(120, 120, 120, 0.2);
 height: 46px;
 width: 46px;
 cursor: pointer;
}
 .ut-header #cssmenu .submenu-button.submenu-opened {
 background:#275ba8;
}
 .ut-header #cssmenu ul ul .submenu-button {
 height: 36px;
 width: 36px;
}
 .ut-header #cssmenu .submenu-button:after {
 position: absolute;
 top: 22px;
 right: 19px;
 width: 8px;
 height: 2px;
 display: block;
 background: #fff;
 content: '';
}
 .ut-header #cssmenu ul ul .submenu-button:after {
 top: 15px;
 right: 13px;
}
 .ut-header #cssmenu .submenu-button.submenu-opened:after {
 background: #ffffff;
}
 .ut-header #cssmenu .submenu-button:before {
 position: absolute;
 top: 19px;
 right: 22px;
 display: block;
 width: 2px;
 height: 8px;
 background: #fff;
 content: '';
}
 .ut-header #cssmenu ul ul .submenu-button:before {
 top: 12px;
 right: 16px;
}
 .ut-header #cssmenu .submenu-button.submenu-opened:before {
 display: none;
}
 .ut-header #cssmenu > ul > li > a {
padding:15px 18px;
}
 .ut-header #cssmenu > ul > li > a:hover {
background:#e41028;
color:#fff;
}
 .ut-header .login-btn {
}
 .ut-header .login-btn:hover {
color:#454d60 !important;
}
}


/*===== End Menu CSS =====*/


#mid-part {
	width: 100%;
	height: auto;
	float: left;
	margin-top:55px;
}
/*===== Footer CSS =====*/

footer.ut-footer {
	width: 100%;
	height: auto;
	float: left;
	background: #275ba8;
	padding:0 !important;
 border:none !important;
}
.ut-footer .footer-top {
	width: 100%;
	height: auto;
	float: left;
	padding: 30px 0;
}
.ut-footer .footer-top h2 {
	color: #fff;
	font-size: 21px;
	margin-bottom: 20px;
	margin-top:0 !important;
}
.ut-footer .footer-top p {
	color: #fff;
	font-size: 14px;
}
.ut-footer .flinks {
	width: 100%;
	height: auto;
	float: left;
}
.ut-footer .flinks ul {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.ut-footer .flinks ul li {
	list-style: none;
	display: inline-block;
	width: 100%;
}
.ut-footer .flinks ul li a {
	color: #c9daf2;
	font-size: 14px;
	padding: 5px 0;
	display: inline-block;
	width: 100%;
}
.ut-footer .flinks ul li a:hover {
	color: #fff;
}
.ut-footer .mailbox {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.ut-footer .mailbox input {
	width: 100%;
	height: 48px;
	border: none;
	background: #184689;
	border-radius: 5px;
	font-size: 13px;
	padding: 10px 60px 10px 20px;
	color: #fff;
}
.ut-footer .mailbox button {
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	height: 48px;
	border: none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
}
.ut-footer .social-links {
	width: 100%;
	height: auto;
	float: left;
}
.ut-footer .social-links a {
	margin: 5px;
	display: inline-block;
}
.ut-footer .footer-bottom {
	width: 100%;
	height: auto;
	float: left;
	background: #184689;
	padding: 20px 0 15px;
}
.ut-footer .fdetail-box {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	padding: 10px 0 0 90px;
}
.ut-footer .fdetail-box img {
	background: #275ba8;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0px;
}
.ut-footer .fdetail-box h5 {
	color: #fff;
	font-size: 21px;
}
.ut-footer .fdetail-box p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
}
.ut-footer .fdetail-box p a {
	color: #fff;
}
.ut-footer .copy {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #c9daf2;
	padding: 12px 0;
}

/*
.ut-header .our-products{background: #e41028;
border-radius:0px; cursor:pointer;
color: #fff;
float: right; font-size:14px;
padding:11px 30px;
margin-top: 0px;
margin-left: 18px;}
*/
.ut-header .our-products {

background: #00796B;
border-radius: 0px;
cursor: pointer;
color: #fff;
float: left;
font-size: 15px;
padding: 11px 25px;
margin-top: 0px;
margin-left: 5px;

}

.ut-header .our-services{
float: right;background: #00796B; 

border-radius: 0px;
cursor: pointer;
color: #fff;

font-size: 15px;
padding: 11px 25px;
margin-top: 0px;
margin-left: 5px;

}

.products, .services_box {
    width: 100%;
    padding: 10px;
    height: auto;
    background: #fff;
    float: left;
    display: none;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 999999;
    top: 73px;
}

.products ul {
    margin-bottom: 0 !important;
}

.page-service ul {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 50px;
    padding-left: 0px;
}

.page-service ul li {
    list-style: none;
    display: inline-block;
    width: 50%;
    float: left;
    padding: 10px;
}

.service-box {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
}

.service-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.service-box h4 {
    color: #fff;
    font-size: 18px;
    width: 100%;
    text-align: center;
    background: #275ba8;
    float: left;
    margin: 0;
    padding: 18px 10px;
}
.service-box img {
    max-width: 100%;
    transition: transform .2s;
    width: 100%;
}


.ut-header .our-products:hover{background: #6a6969;}

.ut-header .products, .ut-header .services_box{width: 100%; padding:20px;
height: auto; background:#fff;
float: left; display:none; left:0; right:0;
position: absolute;
z-index: 999999;
top:118px;}

.ut-header .products .op-box h2{ font-size:18px;}

.ut-header .products .op-box:hover h2{background: #e41028;}

.ut-header .op-box{ width:100%; height:auto; float:left; border:#e9e7e7 thin solid;}

.ut-header .op-box img{ max-width:100%; width:100%;  transition: transform .2s; /* Animation */}

.ut-header .service-img{ width:100%; overflow:hidden; position:relative;}

.ut-header .op-box:hover .service-img img{transform: scale(1.1);}

.ut-header .op-box h2{ width:100%; height:auto; float:left; text-align:center; background:#285ba8; color:#fff; font-size:21px; font-weight:300; padding:15px; margin-bottom:0px;}

.ut-header .op-box p{text-align: center;
padding: 14px;
margin: 0;
color: #66707e;
font-weight: 300;
display: inline-block;}

/*===== Demand Course CSS =====*/

.de-course-box{ width:100%; float:left; background:#fff; padding:10px; position:relative; margin-bottom:20px; border:#009688 thin solid; font-family:'Poppins', sans-serif !important;}

.de-course-box img{ max-width:100%;}

.de-course-box em{ font-style:normal; position:absolute; right:10px; top:10px; border-radius:30px; padding:3px 10px; color:#fff; font-size:13px;
}

.de-course-box h3{ 		
font-size: 18px;		
color: #285ba8;		
padding: 10px 0px 5px;		
text-align: center;		
width: 100%;		
margin: 0;		
/*word-break: break-all; */
height: 75px; 
overflow: hidden; 
}

.de-course-box h4.categoryList{
	height:35px;
}

.de-course-box h3 a{color: #285ba8;
font-weight: 600;
text-transform: uppercase;}.search-result-item-wrapper {    margin-top: 24px;}

.de-course-box h5{ font-size:18px; color:red; padding:8px 10px 5px; text-align:center; width:100%; margin:0;}

.de-course-box h5 span{ text-decoration:line-through; font-size:16px;}

.de-course-box h4{ font-size:13px; color:#d23b07; padding:5px 0px 5px; text-align:center; width:100%; margin:0; font-weight:300;}
.de-course-box p a{color: #00695c;
font-size: 10px;
float: left;}
.de-course-box p{ text-align:center;}

.dcb{ width:100%; height:auto; float:left; border-bottom:#e7e6e6 thin solid; margin:10px 0 40px;}

.dcb span{width: 60px;
height: 60px;
border-radius: 50%;
border: #e7e6e6 3px solid;
text-align: center;
display: block; font-size:12px; text-align:center;
margin: auto; position:relative; background:#fff;
margin-bottom:-30px;
overflow: hidden;
padding: 5px;}

.de-course-box h6{ font-size:14px; color:#75b14c; padding:5px 10px 5px; text-align:center; width:100%; margin:0;}

.de-course-box p{ text-align:center; font-size:13px;}

.dcb-btns{ width:100%; height:45px; float:left; text-align:center; border-bottom:#f4f4f4 thin solid; padding:0 0 10px 0; margin-bottom:10px;}

.free{ font-size:14px !important; float:right !important; color:#474b51 !important; width:auto}


.job-meter{ width:100%; float:left; height:20px; position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#275ba8+0,ea1c33+100 */
background: #275ba8; /* Old browsers */
background: -moz-linear-gradient(left, #275ba8 0%, #ea1c33 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #275ba8 0%,#ea1c33 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #275ba8 0%,#ea1c33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275ba8', endColorstr='#ea1c33',GradientType=1 ); /* IE6-9 */}

.job-meter span{position:absolute;
right: 0;
top: 0;
padding: 3px 10px;
color: #fff; font-style:italic;
font-size: 10px;
background:#333;
right: 0 !important;
}

/*.course-trophy{width: 100%;
height: auto;
float: left;
padding: 5px;
background: #d23b07;
color: #fff;
font-size: 13px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;} */

.course-trophy {
width: auto;
height: auto;
float: left;
padding: 3px;
background: #d23b07;
color: #fff;
font-size: 10px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 10px;
position: absolute;
left: 10px;
right: 10px;
top: 177px;
}

.de-course-box img {
    max-width: 100%;
    height: 166px;
    width: 100%;
}

.de-course-box img.img-circle.sri-usr-pic{
		width: 90px !important;
		height: 55px !important;
}

.de-course-box h5 span{ opacity:0.5; font-size:12px;}

.hours{border: #999 thin solid;
padding: 1px 10px;
color: #999;
font-weight: 600;
border-radius: 3px;
font-size: 13px;
margin: auto;
width: 100%;
float: left;
text-align: center;
margin-bottom: 5px;}

.de-course-box p a {
    color: #00695c;
font-size: 12px;
float: none;
padding:0px;
}

.de-course-box p a.Favoritem {
    color: #00695c;

font-size: 18px;

float: left;

padding: 0px;
}

.de-course-box p { margin:0px;
    text-align: center;
    font-size: 13px;
    width: 100%;
    float: left;
}

.dcb-btns{ padding-top:5px;}

.btn5{color:#fff !important; background:#474b51; border-radius:5px; padding:12px 30px !important; font-size:15px; border:none; cursor:pointer; width:auto !important; margin:auto; display:table; text-align:center;}

.btn5:hover{ background:#ea1c33; text-decoration:none;} 

.free{ font-size:14px !important; float:right !important; color:#474b51 !important; width:auto !important; text-align:center;}

.free .active{ background:none !important; color:#ee8803 !important;}

.free .active::after{font-size:0px; margin: 0 3px;}

.truncate {
 overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}

.testimonial-slider .active{ background:none !important;}
.testimonial-slider .active::after{font-size:0px;}

.btn4{color:#fff !important; background:#2196f3; border-radius:60px; padding:6px 14px !important; font-size:14px; border:none; cursor:pointer; width:auto !important; display:inline-block; margin-bottom:5px;}

.btn4:hover{ background:#ea1c33; text-decoration:none;} 

.btn6{color:#fff !important; background:#4ab203; border-radius:60px; padding:6px 14px !important; font-size:14px; border:none; cursor:pointer; width:auto !important; display:inline-block; margin-bottom:5px;}

.btn6:hover{ background:#ea1c33; text-decoration:none;}


/*===== After Login =====*/

.head-contact a:hover{ text-decoration:none !important;}

.head-contact ul li a{ position:relative; width:auto !important;}

.head-contact ul li a em{font-style: normal;
background: #e41028;
width: 20px; line-height:22px;
height: 20px;
text-align: center;
border-radius: 50%;
display: inline-block;
color: #fff;
font-size: 12px;
border: none; top:-5px;
position: absolute;
right: -8px;}

.user-icon{ margin-left:5px; background:#e28704; border-radius:5px; padding:7px 8px; color:#fff !important;}

.user-icon:hover{ background:#e41028;}

.user-icon b{ font-weight:400 !important; font-size:14px;}

.custom-select__option--value{ border-radius:5px !important;}

.bg-danger {
    background-color: #dc3545 !important;
}

.message-box .bg-danger{ width:100%;}

.box{
padding:5px;
background: #fff;
position: absolute;
border-radius: 5px;
width: 280px;
right: 0; box-shadow:0px 0px 5px #ddd;
top:46px;}

.box:after {
	bottom: 100%;
	right: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}

.box .alert-danger{ font-size:12px !important;}


.box ul{ width:100% !important; height:auto; float:left; overflow-x:auto; max-height:251px;}

.box ul li{ list-style:none; display:inline-block; position:relative; border-bottom:#e9e9e9 thin solid; width:100%;}

.box h4{ font-size:16px; background:#f2f0f0; width:100%; display:inline-block; padding:10px; margin:0; font-weight:600; text-align:center;}

.box h6{ font-size:12px; background:#dfdddd; width:100%; display:inline-block; padding:5px 10px; margin:0; line-height:18px; text-align:center;}

.head-contact ul li .box span a{ font-size:14px; background:#f2f0f0; width:100% !important; display:inline-block; padding:10px; text-align:center;}

.box span a:hover{color:#275ba8;}


.box ul li a img{width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
left: 10px;
top:8px;}

.box ul li a{font-size: 13px;
display: inline-block;
margin: 0;
padding:5px 10px 5px 50px;
text-align: left;}

.box ul li a strong{ font-weight:600; color:#275ba8;}

.box ul li:hover a strong{ color:#e41028;}

.after-login{ width:auto; height:; display:inline-block;}

.after-login ul{ padding:0; margin:0;}

.after-login ul li{ list-style:none; display:inline-block; position:relative;}

.box{ display:none;}

.bg-danger{ padding:5px 10px; text-align:center; display:inline-block; color:#fff !important;}

.accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
}

.accordion.active, .accordion:hover {
    background-color: #dfdddd;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: "\2212";
}

.setting-box .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.setting-box{
padding:5px; box-shadow: 0px 0px 5px #ddd;
background: #fff;
position: absolute;
border-radius: 5px;
width: 290px; 
right: 0;
top:46px;
z-index: 1111;
}

.setting-box:after {
	bottom: 100%;
	right: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}

.setting-box ul{ width:100%; height:auto; padding:0;}

.max-limit{overflow-y:auto; max-height:450px;}

.setting-box ul li{ padding:6px 10px; margin:0; width:100%; background:none; border-bottom:#d2d2d2 1px dashed; font-weight:400; font-size:14px !important; text-align:left;}

.setting-box ul li:hover a{ color:#275ba8;}

.setting-box ul li:last-child{border-bottom:none;}

.setting-box .panel{background:#f0efef;}

.setting-box .panel li{ padding-left:20px !important; font-weight:400 !important;}

.setting-box .panel li a{ width:100%; font-size:14px;}

.gray-bg{ background:#f0efef !important;}

.gray-bg1{ background:#dfdddd !important;}

.status{ padding:10px !important;}

.setting-box{ display:none;}

.hidden.alert{ display: none; }

.sers ul li {
    width: 25%;
}

@media (max-width: 1170px) {
	
.ut-header .head-contact ul li{ font-size:14px;}	

.ut-header #cssmenu > ul > li > a{ padding:15px 13px; font-size:14px;}
	
}


@media (max-width: 1024px) {

.ut-header .menu-div{ background:none; position:absolute; top:16px; z-index:9;}	

.ut-header .head-contact {
    float: right; 
    margin-top: 5px;
    margin-bottom: 12px;
    width: 100%;
    text-align: center;
}

.ut-header #cssmenu > ul > li {
    border-left: none;
}

.open2 {
    overflow-y: auto;
    max-height: 410px;
}


}

@media (max-width:640px) {
	
.ut-header .head-contact ul li:first-child a:last-child{ width:100%; display:inline-block;}	

.ut-header .head-contact ul li a {
    color: #1a2845;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
}

.ut-header .head-contact ul li {
    font-size: 12px;
}

#mid-part{ margin-top:0px;}

.search-txt-box {
    border-radius: 0px !important;
    font-weight: 100;
    color: #333;
    border-bottom: #ccc thin solid !important;

}

}

.ut-header #cssmenu > ul > li{
    border-left: 2px solid #F2EDD8;
}

 .ut-header #cssmenu > ul > li:last-child {
    border-right: 2px solid #F2EDD8;
}

.ut-header #cssmenu > ul > li:first-child {
    /*border-left: none; */
}

.parallex-btns {
	text-align: center;
}

.parallex-btns a {
    border-left: 1px solid;
}

.parallex-btns a:first-child {
    border-left: none;
}


#home_search_from #-location{display:none;}
#home_search_from input[name="search"]{width:95%;}