/*-------common-css-start----*/

 
.col-head {
	min-height: 89px;
}
.social-icon {float: right;margin-top: 20px;}
.social-icon li {display: inline-block;vertical-align: top;margin-left: 5px;}
.social-icon li a {background-image: url(../images/social-icon.png);display: inline-block;width: 45px;height: 42px;background-position: 0;	font-size: 0;}
.social-icon li.twiiter a {background-position: -52px 0px;}
.contant-box {background: #fff none repeat scroll 0 0 !important;min-height: 548px;padding-top: 71px;}
body {
	color: #2474a9;
	font-family: roboto;
	padding-top: 53px;
	background: #fff;
}
.form-qute h4 {
	background: #3db8db;
	padding: 13px 16px;
	color: #fff;
	margin: 0 0 30px auto;
	font-size: 27px;
	font-weight: 400;
}
.about-sec h2 {
	color: #6c6c6c;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 600;margin-bottom:20px
}
.about-sec h2 span {
	position: relative;
	color: #333;
	border-bottom: solid 4px #333;
}
.form-qute {
	display: inline-block;
	border: solid 1px #ddd;background:#ebf1f6
}
button:focus{background-color: transparent;outline: medium none;}
.navbar-fixed-bottom, .navbar-fixed-top{z-index: 9;}
.btn.btn-orange.no-pd, .btn.btn-white.no-pd{padding-left: 11px;}
.sel-opt .icon-form{top: 3px;}
.submit-btn-box .fa_close-lead, .create_btn .fa_close-lead{left: 11px;right: auto;top: 7px;}
.wedding-rings{  background-image: url("../images/wedding-rings.png") !important;}
.user-detals .dropdown-menu::before{background-image: url("../images/top-aero.png");content: "";height: 10px;position: absolute;right: 0;top: -10px;width: 28px;}
ol, ul {
	list-style: none;
	padding: 0;
}
 .navbar-inverse .navbar-nav > li > a{color: #2474a9;font-family: roboto;}
a{color: #2474a9;font-family: roboto;}
.active, a:hover, a:focus, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a.active{color: #fa6a00}
.navbar-inverse{background-color: #fff;border-color: rgba(0, 0, 0, 0);margin: 0;}
.dropdown.notification{    float: right;  margin-top: 8px;  vertical-align: top;  width: 39px;}
.menu-btn.active{   background-image: url("../images/mob-icon-close.png"); }
.without-login .user-detals{float: right;margin-top: 14px;}
.user-detals{float: right;margin-top: 8px;}
.after-login .user-detals.af-login{float: right;margin-top: 8px;}
.after-login .navbar-inverse .navbar-toggle{display: none;}
html{-webkit-font-smoothing: antialiased;}
body{color: #323c3f;font-style: normal;-webkit-font-smoothing: subpixel-antialiased;-webkit-text-stroke-width: 0.1px;}
ol, ul{list-style: none;}
.notification button{background: transparent;border: none;}
.user-box{float: left;margin-left: 20px;}
.fa_user{float: left;}
.det-user{float: left;}
.det-user span{display: block;}
.name{font-size: 12px;font-weight: 300;padding-left: 4px;}
.post{font-size: 11px;font-weight: 300;padding-left: 4px;color: #fa6a00}
.notification .fa.fa-bell{background-image: url("../images/sprit-icon.png");background-position: -5px -8px;background-repeat: no-repeat;font-size: 0;height: 28px;vertical-align: top;width: 22px;display: inline-block;}
.count-noti{background: #ff6c00 none repeat scroll 0 0;border-radius: 25px;color: #ffffff;font-size: 13px;height: 18px;line-height: 17px;position: absolute;right: 1px;text-align: center;top: -7px;width: 18px;}
.menu-box li{list-style: none;display: inline-block;margin-right: 30px;}
 
.modal{overflow-y: auto; z-index:99999999999;}
.modal-content .popout{  overflow: hidden !important;}
.menu-box a{color: #8c8c8c;display: block;padding: 8px 0;position: relative;}
.menu-box ul.menu-effect {
	margin: 26px 0 0;
	padding: 0;
}
.menu-box .count-noti{background: #ffffff none repeat scroll 0 0;border-radius: 25px;color: #2474a9;font-size: 13px;height: 18px;line-height: 17px;position: absolute;right: -17px;text-align: center;top: 3px;width: 18px;}
 .navbar-inverse .menu .container{padding: 0;}
.menu-box a.active{text-decoration: underline;}
nav.navbar-inverse .menu-effect li ul li ul {left: 240px !important;position: absolute;display:none;top: -1px !important;}
nav.navbar-inverse .menu-effect ul li:hover  ul {display:block}
.menu-box  ul li  .fa.fa-angle-right {margin-left: 12px;}
.menu-effect ul li  .fa.fa-angle-right {float: right;}
.collapse.navbar-collapse{float: left;}
.btn.btn-orange{background: #fa6a00 none repeat scroll 0 0;border-radius: 4px;color: #ffffff;font-size: 14px;font-weight: normal;margin-right: 20px;padding: 7px 10px 7px 44px;position: relative;}
.btn.btn-white{background: #ffffff none repeat scroll 0 0;border-radius: 4px;color: #282828;font-size: 14px;font-weight: normal;padding: 7px 10px 7px 44px;position: relative;}
.fa_save-lead{background-image: url("../images/sprit-icon.png");background-position: -5px -39px;background-repeat: no-repeat;display: inline-block;height: 19px;left: 15px;position: absolute;top: 7px;width: 31px;}
.fa_close-lead{background-image: url("../images/sprit-icon.png");background-position: -2px -69px;background-repeat: no-repeat;display: inline-block;height: 19px;position: absolute;right: 2px;top: 10px;width: 31px;}
#fourth .fa_close-lead{left: 10px;top: 7px;}
.login-page .btn, .login-page .btn-large{background-image: url("../images/btn-bg.jpg");border-radius: 4px;font-size: 15px;height: auto;padding: 10px 24px;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: block;
}
.Create .fa_close-lead{background-image: url("../images/sprit-icon.png");background-position: -2px -69px;background-repeat: no-repeat;display: inline-block;height: 19px;left: 11px;position: absolute;top: 7px;width: 31px;}
.submit-btn-box{margin: 40px 0;padding: 0 23px;}
.page-name > div{color: #2474a9;font-size: 22px;line-height: 31px;text-transform: capitalize;}
.Create.Leads{border-bottom: 1px solid #c8cacb; background:#f0f0f0 none repeat scroll 0 0;padding: 10px 0;}
.input-field label{color: #666666;cursor: text;font-family: roboto;font-size: 15px;font-weight: 300;left: 0;position: absolute;text-align: initial;top: -0.2rem;transition: all 0.2s ease-out 0s;}
.lable-text{  color: #666666;cursor: text;font-family: roboto;font-size: 15px;font-weight: 300;left: 0;padding-left: 35px;position: absolute;text-align: initial;top: -0.2rem;transition: all 0.2s ease-out 0s;}
.input-field label.active{top: -0.2rem;}
.active, a:hover, a:focus{color: #06437e;}
.input-field label.active:not(.label-icon){font-size: 13px;transform: translateY(-10px);-moz-transform: translateY(-10px);-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);}
input{color: #000000;font-family: roboto;font-size: 17px !important;font-weight: 300;}
.form-listing{background: #f9f9f9 none repeat scroll 0 0 !important;}
.form-listing .bg-white{box-shadow: 0 0 5px #bfbfbf;}
.form-listing .container form.form-tag{padding: 37px 30px 20px;}
.heading-form{background: #ffffff none repeat scroll 0 0;box-shadow: 0 3px 7px #d9d9d9;padding: 10px 39px;font-size: 21px;font-weight: 300;}
.form-box{margin-bottom: 40px;}
.container-fluid.bg-white{min-height: 400px;padding: 10px 13px;}
.collapsible.mob-view, .mob-menu-btuoon{display: none;}
.login-page .log a{background-image: url("../images/sprit-icon.png");background-position: -2px -68px;background-repeat: no-repeat;cursor: pointer;display: inline-block;height: 19px;left: auto;position: absolute;top: 11px;width: 31px;right: 0;}
.login-page .log .fa_close-lead{background-image: url("../images/sprit-icon.png");background-position: -2px -68px;background-repeat: no-repeat;cursor: pointer;display: inline-block;height: 19px;left: 516px;position: absolute;top: 53px;width: 31px;}
.validate.invalid + label{}
.validate.invalid + label::before{background: #ffe5e5 none repeat scroll 0 0;content: "";height: 50px;position: absolute;width: 100%;left: 0;opacity: 0.5;}
.validate.invalid + label{color: #f00}
.icon-field label{padding-left: 35px;}
input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not(.browser-default):not([readonly]) + label, input[type="password"]:focus:not(.browser-default):not([readonly]) + label, input[type="email"]:focus:not(.browser-default):not([readonly]) + label, input[type="url"]:focus:not(.browser-default):not([readonly]) + label, input[type="time"]:focus:not(.browser-default):not([readonly]) + label, input[type="date"]:focus:not(.browser-default):not([readonly]) + label, input[type="datetime"]:focus:not(.browser-default):not([readonly]) + label, input[type="datetime-local"]:focus:not(.browser-default):not([readonly]) + label, input[type="tel"]:focus:not(.browser-default):not([readonly]) + label, input[type="number"]:focus:not(.browser-default):not([readonly]) + label, input[type="search"]:focus:not(.browser-default):not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label{color: #2474a9;border-color: #2474a9}
input:focus:not([type]):not([readonly]), input[type="text"]:focus:not(.browser-default):not([readonly]), input[type="password"]:focus:not(.browser-default):not([readonly]), input[type="email"]:focus:not(.browser-default):not([readonly]), input[type="url"]:focus:not(.browser-default):not([readonly]), input[type="time"]:focus:not(.browser-default):not([readonly]), input[type="date"]:focus:not(.browser-default):not([readonly]), input[type="datetime"]:focus:not(.browser-default):not([readonly]), input[type="datetime-local"]:focus:not(.browser-default):not([readonly]), input[type="tel"]:focus:not(.browser-default):not([readonly]), input[type="number"]:focus:not(.browser-default):not([readonly]), input[type="search"]:focus:not(.browser-default):not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border-color: #2474a9;box-shadow: none;}
.row{margin-bottom: 0px;}
.input-field.form-group{padding: 0 41px 0 0;}
.input-field.form-group{padding: 0;}
.icon-form{background-color: #ffffff;background-image: url("../images/lead-name.png");background-repeat: no-repeat;display: inline-block;height: 29px;left: -1px;padding: 13px;position: absolute;top: -3px;width: 28px;}
.name-icon{background-image: url("../images/lead-name.png");}
.picker__header{margin-bottom: 9px;}
.picker__weekday{font-size: 15px;padding: 7px 0 6px;}
#Starts-Date_root thead{background: #eeeeee none repeat scroll 0 0;}
.table-design th{color: #000000;font-family: roboto;padding: 15px;font-weight: 500;}
.table-design .view{background: #fa6a00 none repeat scroll 0 0;border-radius: 0;height: auto;padding: 6px 20px;}
.table-design h3{font-family: roboto;font-weight: 400;font-size: 22px;}
.table-design td{padding: 11px 14px; border:1px solid #d84c2c}
.table-design .collapsible-header{font-size: 18px;font-weight: 400;padding: 10px 20px;}
.table-design{min-height: 441px;}
.table-design .form-box{margin-bottom: 10px;} 
.input-field.form-group{padding: 0;}
.agent [type="radio"]:not(:checked) + label::before, [type="radio"]:not(:checked) + label::after, .lead-type [type="radio"]:not(:checked) + label::before, [type="radio"]:not(:checked) + label::after{border: 1px solid #5a5a5a;}
.lead-1 > label{font-size: 13px;margin-right: 16px;}
.collapsible.popout > li{margin: 10px 20px;}
#eac-container-city-json li, #eac-container-state-json li, #eac-container-countries-json li{background: #ebebeb none repeat scroll 0 0;color: #333333;font-family: roboto;font-size: 15px;font-weight: 300;padding: 9px 4px;}
#eac-container-city-json li:nth-child(2n), #eac-container-state-json li:nth-child(2n), #eac-container-countries-json li:nth-child(2n){background: #ffffff none repeat scroll 0 0;cursor: pointer;}
.navbar-fixed-bottom, .navbar-fixed-top {
	z-index: 999999;
	box-shadow: 0 0 4px #979797;
} 


/*-------menu--css-start----*/
 
.sub-menu{background: #fafafa none repeat scroll 0 0;border: 1px solid #999;border-top: 0px solid #999;width: 244px;display: none;left: 0;position: absolute;top: 35px;box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
.menu-box li .sub-menu li{display: block;padding: 3px 20px 0;}
.menu-box li .sub-menu li:last-child{padding-bottom: 12px}
.menu-box li .sub-menu li a{color: #1a1a1a;display: inline-block;font-size: 14px;cursor: pointer;text-decoration: none;padding: 4px 0;}
@media screen and (min-width:767px){.menu-box ul li:hover .sub-menu{display: block;}
.menu-effect li:hover .children, .menu-effect li:focus .children{opacity: 1;-webkit-transform: rotateX(0) translateZ(0); -ms-transform: rotateX(0) translateZ(0);-moz-transform: rotateX(0) translateZ(0);transform: rotateX(0) translateZ(0);}
.menu-effect li:hover .children, .menu-effect li:focus .children{opacity: 1;-webkit-transform: rotateX(0) translateZ(0);-moz-transform: rotateX(0) translateZ(0);-ms-transform: rotateX(0) translateZ(0);transform: rotateX(0) translateZ(0);}

}
.menu-box ul li a{padding: 8px 8px 8px 3px;}
.menu-box ul li a .active, .menu-box ul li a:hover, .menu-box ul li a:focus{color: #fa6a00;}
.menu-box li{position: relative;}
.menu-box li .fa.fa-angle-down{font-size: 15px;padding: 4px;}
.menu-effect{margin: 0 auto;margin-top: 30px;list-style-type: none;}
.menu-effect a{display: block;margin: 0;padding: 16px 25px;text-decoration: none;}
.menu-effect li{position: relative; margin: 0;border-left: 1px solid #eee;-webkit-perspective: 200;perspective: 200;}
.menu-effect li:first-child{border-left: none;}
 
.menu-effect li:hover > a, .menu-effect li:focus > a{text-decoration: none;color: #fff !important;background-color: #06437e;}
.menu-effect li:hover:before, .menu-effect li:focus:before{margin-top: 0;border-top-color: #06437e;display: none;}

.menu-effect .children{opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s !important;transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s !important;z-index: 100;list-style-type: none;position: absolute;top: 100%;left: 0;width: 215px;margin: 0;padding: 10px 0;background-color: #27526e;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);text-align: left;}
.menu-effect .children li{float: none;}
.menu-effect .children a{background-color: transparent;}
.menu-effect .children a:hover, .menu-effect .children a:focus{color: #fff;background-color: #37627e;}
.menu-effect .children > li{width: 100%;border: none;}
.menu-box li .fa.fa-angle-down{padding: 1px 4px 0 5px;}
.menu-box ul li a{padding: 8px 28px;}
.menu-effect{margin: 0 auto;margin-top: 30px;list-style-type: none;}
.menu-effect a{display: block;margin: 0;padding: 16px 25px;text-decoration: none;}
.menu-effect li {
	position: relative;
	margin: 0;
	border-left: 0px solid #eee;
	-webkit-perspective: 200;
	perspective: 200;
	display: inline-block;
	vertical-align: top;
}
.menu-effect li:first-child{border-left: none;}
.menu-effect li:hover > a, .menu-effect li:focus > a {
	text-decoration: none;
	color: #232323 !important;
	background-color: transparent;
	border-bottom: solid 3px #232323;
}
.menu-effect li:hover:before, .menu-effect li:focus:before{margin-top: 0;border-top-color: #27526e;display: none;}

.menu-effect .children{opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s !important;transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s !important;z-index: 100;list-style-type: none;position: absolute;top: 100%;left: 0;width: 240px;margin: 0;padding: 0px 0;background-color: #27526e;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);text-align: left;}
.menu-effect .children li{float: none;}
.menu-effect .children a{background-color: transparent;}
.menu-effect .children a:hover, .menu-effect .children a:focus{color: #fa6a00;background-color: #37627e;}
.menu-effect .children > li{width: 100%;border: none;}
.menu-box li .fa.fa-angle-down{padding: 1px 4px 0 5px;}
.menu-box ul li a {
	padding: 8px 12px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	margin: 0 9px;
}
.menu-box .children a{border-bottom: 1px solid #37627e;padding: 9px 32px;}
.menu-box .children li:first-child a{padding-top: 10px;border-top: 1px solid #37627e;}
.menu-box .children li:last-child a{padding-bottom: 10px}
.user-box{margin-right: 30px;}
 
.menu-box li.active a {
	color: #232323;
	 
	border-bottom: solid 3px #232323;
}
/*-------menu-and-notification-css-end----*/








.banner {
	background-image: url(../images/banner-bg.png);
	background-repeat: no-repeat;
	background-color: #fff;
	min-height: 522px;
	padding-top: 37px;
}
.inner-banner {
	background-image: url(../images/pageBg.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	min-height: 181px;
}
.inner-banner h2 {
	font-size: 40px;
	color: #fff;
	height: 181px;
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
}
.banner .enquery-a a {
	margin: 0;
	background: #fff;
	padding: 11px 30px;
	color: #1976d2;
	border-radius: 43px;
	font-size: 16px;
	margin-right: 0px;
}
.banner .enquery-a a.Learn {
    background: #81a4f9;
    color: #fff;
}
.banner-item .Title-box {
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    padding-right: 20px;
    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.banner-item .textPipes {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 20px;
	padding-right: 20px;
	position: relative;
}
.banner-item .textPipes p {
	margin: 0 0 15px;
	position: relative;
	padding-left: 21px;
}
 
.banner-item .textPipes p::before {
	content: "";
	width: 6px;
	height: 6px;
	background: #fff;
	position: absolute;
	transform: rotate(39deg);
	left: 0;
	top: 8px;
}
.navbar-header {
	float: none;
}
.banner-item .product-img {
	float: right;
	vertical-align: middle;
	width: 38%;
}
.banner-item .product-img.txt {
    width: 60%;
}
.banner-item {	padding: 20px 0;}
.owl-dot {	width: 22px;height: 22px;background: #7f7f7f;border-radius: 40px;display: inline-block;margin-right: 4px;}
.owl-dots {	text-align: center;}
.owl-dot.active {
	background: #212121;
	width: 35px;
	height: 35px;
	position: relative;top: 5px;
	 
}
.left-p .owl-dot.active {
	 
	top: 0px;
}
 .owl-prev {	position: absolute;top: 35%;left: 0;background: #06437e;border-radius: 85px;display:none;width: 40px;height: 40px;font-size: 0;}
.owl-prev::before {	border-left: 2px solid #ffffff;border-top: 2px solid #ffffff;content: "";height: 11px;left: 15px;position: absolute;top: 35%;transform: rotate(-49deg);-moz-transform: rotate(-49deg);-ms-transform: rotate(-49deg);-webkit-transform: rotate(-49deg);width: 11px;}
.owl-next {	position: absolute;top: 35%;right: 0;background: #06437e;border-radius: 85px;display:none;width: 40px;height: 40px;font-size: 0;}
.owl-next::before {	border-right: 2px solid #ffffff;border-top: 2px solid #ffffff;content: "";height: 11px;position: absolute;right: 15px;top: 35%;transform: rotate(44deg);-moz-transform: rotate(44deg);-ms-transform: rotate(44deg);-webkit-transform: rotate(44deg);width: 11px;}
.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next{display:block}
.heading-title h2 {color: #323c3f;font-size: 30px;text-transform: uppercase;margin: 6px 0;}
.heading-title {position: relative;margin: 20px 0;}
.heading-title  .line-top-bottom::before {width: 100px;background: #bec0c1;height: 3px;display: inline-block;content:"";}
.heading-title .line-top-bottom::after {width: 100px;background: #bec0c1;height: 3px;display: inline-block;content: "";position: absolute;bottom: -12px;left: 50%;margin-left: -50px;}
.service-heading {padding: 7px 0 0 10px;font-size: 18px;color: #162b50;}
.text-muted {color: #282828;font-family: roboto;font-size: 14px;padding: 0 10px 0px;font-weight: 100;}
.front-view {background: #fff;border-radius: 5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);margin-bottom: 30px;text-align: left;}
.img-bx img{border-radius: 5px 5px 0 0}
.enquery-a a {background: #f6846a;padding: 8px 10px;color: #fff;border-radius: 3px;font-size: 14px;display: inline-block;margin: 0 0 10px 10px;}
.banner .owl-dots {
	text-align: center;
	position: relative;
	top: 35px;
}
.rupee-a a {background: #bfbfc4;padding: 8px 10px;color: #fff;border-radius: 3px;font-size: 14px;display: inline-block;margin: 0 0 10px 10px;}
.contant-div{margin:40px 0}
.contant-div p {color: #0e0e0e;font-size: 15px;}
.logo-img {margin-bottom: 9px; border:1px solid #ccc;}
.logo-slide .heading-title {margin: 20px 0 50px;}
.logo-slide{margin-bottom:40px;}
.left-p {	background: #fff;border-radius: 5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);margin-bottom: 30px;}
.img-div img{max-width:100%;border-radius:5px 5px 0 0}
.price-div .enquery-a {	display: inline-block;}
.price-div .rupee-a {	display: inline-block;text-align: right;float: right;margin-right: 10px;}
.price-div {	padding: 19px 0 9px;}
.rip-Features {	display: inline-block;width: 100%;}
 .panel-default > .panel-heading {	 	background-color: #fff;border-color: #fff;}
.rip-Features .panel-default {padding-left: 12px;}
.listing-li li {	position: relative;padding-left: 25px;margin-bottom: 10px;background-image: url(../images/listing-icon.png);background-repeat: no-repeat;background-position: 0 5px;}
 .listing-li ul{padding-left: 18px;}
.panel-title {	position: relative;padding-left: 30px;font-size: 18px;}
.panel-title a .fa {	color: #a6a6ad;position: absolute;left: 0;top: 0;}
.right-p {	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);border-radius: 5px;min-height: 427px;background: #fff;}
.panel-group .panel {	margin-bottom: 0;border-radius: 4px;border: none;box-shadow: none;margin-bottom: 15px;}
.rip-Features .panel-group .panel {	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);display: inline-block;width: 100%;}
.collapsed .fa-minus{display:none;}
 .panel-title a  .fa-plus{display:none;}
.panel-title a.collapsed  .fa-plus{display:block;}
.panel-default > .panel-heading{	 	padding: 15px 16px;}
.contant-div .right-p p {	color: #0e0e0e;font-size: 14px;font-weight: 300;line-height: 23px;word-spacing: 1px;text-align: justify;}
.collapsed {color: #06437e;}
.poduct--div .owl-dot {	width: 12px;height: 12px; 	  	margin-right: 4px;}
.poduct--div .owl-dots {	text-align: center;position: absolute;bottom: 10px;left: 10px;}


.product-list {
	text-align: center;
}
.product-list .col-md-4.col-sm-4.col-xs-6 {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px;
}
.profile-img {
	padding-top: 24px;
	display: inline-block;
	background: #ffffff;
}
.profile-det li {
	line-height: 38px;
	padding-left: 46px;
	background-image: url(../images/user-icon-det.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	font-size: 16px;
}


.profile-det li.position {
	 
}
.profile-det li.address {
	 background-position: 0 -45px;
}
.profile-det li.call {
	 background-position: 0 -94px;
}
.profile-det li.email {
	 background-position: 0 -142px;
}
.profile-det li.web {
	 background-position: 0 -182px;
}

.profile-det {
	display: inline-block;
	width: 65%;
	padding: 20px 10px 10px 10px;
	margin-left: -3px;
	background: #3598db;
	vertical-align: top;
	color: #fff;
	border-top: solid #fff 24px;min-height: 313px;
	border-bottom: solid #fff 24px;border-right: solid #fff 24px;border-radius:0 7px 7px 0;
}

.profile-user {
	margin: 20px 0 30px;
	display: inline-block;
	width: 100%;
}
.form-list {
	margin: 20px 0 30px;
	display: inline-block;
	width: 100%;
}
.form-control {
	display: block;
	width: 100%;
	height: 37px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: none);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.submit-btn {
	background: #67b930;
	padding: 8px 25px;
	color: #fff;
	border-radius: 3px;
	font-size: 17px;
	border-color: #67b930;
	margin-bottom: 20px;
}
.prd-sec h4 {
	color: #1e88e5;
	text-transform: uppercase;
	font-size: 17px;
	margin: 0 0 20px;
}
.btn.btn-order {
	background: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 3px;
	border-radius: 40px;
	box-shadow: 0px 0 4px #666;
	margin-left: 40px;
	padding: 8px 30px;
}
.Digita .prd-sec::before {
	content: "";
	width: 60%;
	height: 656px;
	background: #e8e9eb;
	position: absolute;
	z-index: 1;
	left: -331px;
	text-align: 0;
	top: 0;
}
.allumin .prd-sec::before {
	content: "";
	width: 60%;
	height: 746px;
	background: #f7f7f7;
	position: absolute;
	z-index: 1;
	right: -315px;
	text-align: 0;
	top: 0;
}
.prd-sec h3 {
	font-size: 26px;
	text-transform: uppercase;
	color: #000;
}
.Digita  {
    position: relative;
    z-index: 99999;
    background: #e8e9eb;
} 
.Aluminium-list-sec {
	overflow: hidden;
	background: #e8e9eb;
	margin-bottom: 30px;
}
.allumin   {
    position: relative;
    z-index: 99999;
    background: #f7f7f7;
}  
.about-list-sec {
	margin-bottom: 30px;
}
.prd-sec {
	padding-top: 30px;
	padding-bottom: 30px;
}
.prd-sec .img-responsive {
	padding: 30px;
}

.prod-lis p {
	margin: 0 0 10px;
	color: #6c6c6c;
	font-size: 16px;
	margin: 10px 10px;
}
.prod-lis .title-text {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}
.plus-ic {
	width: 50px;
	box-shadow: 0 2px 2px #999;
	border-radius: 60px;
	margin: 21px auto 15px;
}
.prod-lis .hover-text::before {
	content: "";
	background: rgb(255, 255, 255, 0.8);
	width: 100%;
	height: 450px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.prod-lis .hover-text {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center; background: #fff;
    opacity: 0.9;height: 100%;
    padding: 30px;
    color: #000;
    z-index: 99999;
    transform: scale(0); -webkit-transform: scale(0);
    transition: all 0.5s;  -webkit-transition: all 0.5;
}

.prod-lis:hover .hover-text {
  
    transform: scale(1);
    -webkit- transform: scale(1);
    
}
.prod-lis {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.main-titl {
	font-size: 37px;
	font-weight: 500;
	color: #212121;
	text-transform: uppercase;
	margin: 2px 0 20px;
}
.explore-all {
	position: absolute;
	right: 16px;
	top: 26px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
}
.explore-all .fa-angle-right {
	font-size: 20px;
	padding-left: 6px;
}
.banner-tx .product-img {
	float: right;
	vertical-align: middle;
	width: 48%;
}
.banner-item {
	padding: 20px 0;
}
.hot-lead-banner {
	background: #dae3ee;
	padding: 40px;
	margin-bottom: 40px;
}
.logo-div .owl-dots.disabled {
	display: none !important;
}
.logo-div {
	margin-bottom: 30px;
}
 .owl-carousel .owl-item .banner-tx img {
	 
	width: auto;float: right;
 }
.banner-tx .Title-box {
	font-size: 56px;
	color: #222;
	text-transform: uppercase;
	font-weight: 900;
	padding-right: 20px;
	margin-bottom: 20px;
	line-height: 56px;
}
.hot-d {
	color: #e53935;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 40px;
}
.banner-tx .btn.btn-order {
	 color: #000;
	margin: 20px 0;
	 
}
.banner-tx .textPipes {
	color: #797979;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 20px;
	padding-right: 20px;
	position: relative;
}
/*--footer--/*/.footer-sec {background: #0b0f12; color: #64676a;padding: 40px 10px 21px;}
.footer-sec h3 {
	color: #fff;
	margin: 0 0 29px;
}
 .Navigation {
	padding-left: 50px;
}
.footer-sec  .fa.fa-map-marker {
	float: left;
	min-height: 48px;
	margin-right: 10px;
	font-size: 18px;
	color:#bfbfbf
}
.footer-sec ul li {
	margin-bottom: 10px;
	font-size: 15px;
}
.footer-sec .col span {
	color: #bfbfbf;
	padding-right: 4px;
	min-width: 52px;
	display: inline-block;
}
.footer-sec .bootom-menu-list li {display: inline-block;margin: 0 10px;font-size: 13px;position: relative;}
.footer-sec   li a{color:#64676a !important}
.footer-sec   li a:hover{color:#67b930 !important}
.footer-sec .bootom-menu-list li::before {content: "";width: 1px;height: 11px;background: #fff;position: absolute;right: -10px;text-align: center;top: 5px;}
.copy-right-sec {
	color: #a1a1a1;
	font-size: 15px;
	border-top: solid 1px #22282c;
	padding: 25px 0 0;
	text-align: center;
	margin-top: 25px;
}

.copy-right-sec a:hover{color:#2FC442 !important}


.subscribe input {
	background: #252627;
	border: none;
	color: #fff;
	height: 44px;
	width: 100%;
	padding: 0 36px;
	text-transform: capitalize;
	border-radius: 3px 0 0 3px;
}
.social-ic a {
	width: 44px;
	height: 44px;
	background: #333;
	display: inline-block;
	text-align: center;
	color: #fff;
	padding: 13px;
	border-radius: 50px;margin-right:10px;
}
.social-ic a.facebook { background: #3b5998;}
.social-ic a.twitter { background: #55acee;}
.social-ic a.google-plus { background: #2FC442;}
.subscribe .fa.fa-envelope-o {
	position: absolute;
	top: 16px;
	left: 10px;
	color: #67b930;
}
.social-ic {
	margin-top: 23px;
}
.subscribe {position:relative;}
.subscribe .Subscribe-btn {
	background: #67b930;
	color: #fff;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0;
	height: 44px;
	font-size: 15px;
	text-transform: uppercase;
}


 
button.product-view.btn {
    position: absolute;
    bottom: -27px;
    right: 50%;
    margin-right: -70px;
    width: 140px;
    height: 43px;
    background: #FB0;
    color: #fff;
    font-size: 16px;
}
 .product-list-sec .container {
     position: relative;
}

.product-all{display:none;}

section.product-list-sec {
     margin: 50px 0;
}

table b {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
}

.sub-menu-div {
    position: absolute;
    width: 780px;
    text-align: ;
    text-align: left;
    background: #fff;
    border: solid 1px #ddd;transition:all 0.5s;
    left: -311px;
    border-top: solid #333 3px;
    top: 37px;
    visibility: hidden;
	
	
	opacity: 0;
    padding-bottom: 27px;
    backface-visibility: hidden;
    transform: rotateX(1deg);
    -webkit-transform: rotateX(1deg);
    -moz-transform: rotateX(1deg);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transition: transform 0.7s ease 0s, opacity 0.1s ease 0.3s -webkit-transition: transform 0.7s ease 0s, opacity 0.1s ease 0.3s -moz-transition: transform 0.7s ease 0s, opacity 0.1s ease 0.3s;
}


.menu-box .menu-effect  li:hover .sub-menu-div {
    opacity: 1;
    display: block;
    visibility: visible;
    opacity: 1;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
    -webkit-transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
    -moz-transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
}




.menu-box .menu-effect li ul li a {
	font-weight: 400;
	font-size: 12px;
	color: #999 ;
	border-bottom: none ;
}
 
.menu-effect li ul li {
	min-width: 386px;
}


/*--gallery--*/
.gal-container{
	padding: 12px;
}
.gal-item{
	overflow: hidden;
	padding: 3px;
}
.gal-item .box{
	height: 250px;
	overflow: hidden;
}
.box img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item a:focus{
	outline: none;
}
.gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 250px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}


.cress-mirr .gal-item a:after {
    top: 56px;
    height: 266px;
    left: 27px;
    width: 86%;
}
.gal-item a:hover:after{
	opacity: 1;
}
.modal-open .gal-container .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
	padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item button.close:focus{
	outline: none;
}
.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container .modal-dialogue{
	width: 80%;
}
.gal-container .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}

}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
	.topHead{display:none;}
}
.gallery h2 {
  text-align: center;
  margin: 0 0 20px;
}
.gallery {
   padding-top: 40px;
}
/*gallery-css-end*/







.gal-container1{
	/*padding: 12px;*/
}
.gal-item1{
	overflow: hidden;
	padding: 3px;
}
.gal-item1 .box1{
	height: 370px;
	overflow: hidden;
}
.box1 img{
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gal-item1 a:focus{
	outline: none;
}
.gal-item1 a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
    line-height: 370px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}


.cress-mirr .gal-item1 a:after {
    top: 64px;
    height: 348px;
    left: 27px;
    width: 86%;
}
.gal-item1 a:hover:after{
	opacity: 1;
}
.modal-open .gal-container1 .modal{
	background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item1 .modal-body{
	padding: 0px;
}
.modal-open .gal-item1 button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.modal-open .gal-item1 button.close:focus{
	outline: none;
}
.modal-open .gal-item1 button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gal-container1 .modal-dialogue{
	width: 80%;
}
.gal-container1 .description{
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
}
.gal-container1 .description h4{
	margin:0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container1 .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container1 .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}
@media (min-width: 768px) {
.gal-container1 .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container1 .modal-content{
        height:250px;
    }
}
.gallery h2 {
  text-align: center;
  margin: 0 0 20px;
}
.gallery {
   padding-top: 40px;
}
/*gallery-css-end*/



.topHead{background:#f1f1f1; line-height:26pt; color:#000; text-align:center; }