body{background:#fff;color:#363636;font-family: 'Poppins', sans-serif;font-size:14px;}
h1,
h2,
h3,
h4,
h5,
h6{font-family: 'Poppins', sans-serif;color:#0c0c0c;margin:0 0 20px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:#0c0c0c;}
p a{color:#363636; width: auto;
display: inline-block;}
p a:hover{text-decoration:underline;outline:none;}
p{letter-spacing:normal;margin-bottom:10px;line-height:24px;font-size:15px;color:#363636;}
a{color:#7f7f7f;text-decoration:none;outline:none;display:block;}
a:hover,
a:focus,
a:active{outline:none;text-decoration:none;}
::selection {
    background: #f98028;
    color: #fff
}

::-moz-selection {
    background: #f98028;
    color: #fff
}
img{max-width:100%;}
iframe{border:0;width:100%;}
blockquote{padding:0;border:0;}
label{color:#7f7f7f;display:block;font-weight:400;margin:0;}
textarea{border-radius:0!important;background:#fff;height:100px !important;}
select{border-radius:0!important;background:#fff;border:1px solid #ccc;height:40px !important;line-height:40px !important;box-shadow:none;padding:0 10px !important;box-sizing:border-box;}
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
input{width: 100%; border:1px solid #ccc;height:40px;border-radius:0;background:#fff;line-height:40px;box-shadow:none;padding:0 10px;box-sizing:border-box;}
input[type="file"]{ width: 100%; padding: 0px; font-size: 12px; margin: 0;}
.form-group{position:relative;}
.form-group i{position:absolute;left:15px;top:15px;}
/*.form-control::-moz-placeholder{color:#555;}*/
.form-control:focus::-moz-placeholder{color:#f98028;}
.form-control:focus{border-color:#f98028;}
h2{font-size:26px;font-weight:bold;}
h3{font-size:20px;margin:0 0 30px;font-weight:bold;overflow:hidden;}
h3 span{padding:0 10px 0 0;position:relative;}
h4{font-size:16px;font-weight:bold;margin:0;text-transform:capitalize;text-align:center;padding:15px 0;color:#fff;}
h5{text-transform:capitalize;}
.btn{padding:0 15px;text-transform:capitalize;font-weight:bold;line-height:35px;text-align:center;border:1px solid transparent;border-radius:0;font-size:12px;color:#fff;}
.btn:hover{color:#fff;}
.btn i{margin:0 8px 0 0;}
.btn.blank{border-color:rgba(255, 255, 255, 0.5);}
.btn.blank:hover{background:#fff;}
.full-width{width:100%;}
.btn.gary-btn{background:#f8f8f8;color:#363636;}
.btn.red-btn:hover{background:#f8f8f8;color:#363636;}
.btn.dark{background:#333;}
.btn.black-btn{background:#000;color:#fff;}
.blue-btn{background:#1c72ce;text-transform:capitalize;font-size:15px;border-radius:3px;}
.btn.lg{height:50px;line-height:47px;font-size:14px;min-width:160px;}
.social-icons{margin:0;padding:0;list-style:none;}
.social-icons li{float:left;margin:0 0 0 8px;}
.social-icons li:first-child{margin:0;}
.social-icons li a{font-size:16px;}
.facebook{color:#3c5899;}
.twitter{color:#5ea9dd;}
.youtube{color:#ee1c1b;}
.pinterest{color:#ee1c1b;}
.btn-list{margin:0;padding:0;list-style:none;}
.btn-list li{float:left;margin:0 0 0 20px;}
.btn-list li:first-child{margin:0;}

/* Header*/
.header{float:left;width:100%;}

/* Top Header*/
.header .topbar{ background:#fff;}
.header .topbar .top_left{float: left; padding:0;margin-bottom:0;}
.header .topbar .top_left > li{display: inline-block; padding:3px 15px;margin:0;position:relative;list-style:none; line-height: 30px; color: #333; font-size: 13px;}
.header .topbar .top_left > li::before,
.header .topbar .top_left > li:first-child::after{content:"";position:absolute;width:1px;height:100%;top:0;/*border-right:1px solid #eee;*/right:0;}
.header .topbar .top_left > li:first-child::after{border-right:0;/*border-left:1px solid #eee;*/left:0;}
.header .topbar .top_left > li:first-child{margin:0;}
.header .topbar .top_left > li:first-child::before{content:"";}

.header .topbar .top_right{float: right; padding:0;margin-bottom:0;}
.header .topbar .top_right > li{float: left; padding:0px;margin: 3px 0 0 5px;
position: relative;list-style: none;color: #fff;font-size: 14px;}
.header .topbar .top_right > li a{width: 30px;text-align: center;color: #333;line-height: 28px;border: 1px solid #ccc;}
/*.header .topbar .top_right > li a:hover{color: #b30c00;}*/
.header .topbar .top_right > li a.facebook:hover{background:#3c5899; color: #fff; border-color: #3c5899;}
.header .topbar .top_right > li a.twitter:hover{background:#5ea9dd; color: #fff; border-color: #5ea9dd;}
.header .topbar .top_right > li a.linkedin:hover{background:#0077B5; color: #fff; border-color: #0077B5;}
.header .topbar .top_right > li a.pinterest:hover{background:#c8232c; color: #fff; border-color: #c8232c;}
.header.social-icons .youtube:hover{background:#ee1c1b;}
.header .social-icons .pinterest:hover{background:#ee1c1b;}
.search-form{ float: right; width: 65%; margin:3px 0 0 10px; padding: 0; position: relative;}
.search-input{ width: 100%; line-height: 30px; background: #eee!important; border:0; font-size: 13px; height: 30px!important; padding: 0 12px;}
.btn-search{position: absolute; z-index: 99; top: 0; right: 0; border: 0; line-height: 30px; padding: 0 15px; background: #104081; color: #fff;}
.btn-search:hover,.btn-search:focus{background: #f98028; color: #fff;}
.header-dropdown {
    position: relative;
    display: inline-block;
    margin-left: 1.8rem;
}

.header-dropdown > a {
    position: relative;
    padding-right: 1.1rem;
    display: inline-flex;
    align-items: center;
    line-height: 35px;
    color: #fff;
}

.header-dropdown > a:hover{color:#f98028;}
.header-menu {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 20;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    background-color: #fff;
    padding-top: .4rem;
    padding-bottom: .4rem;
    border: 1px solid #eee;
   width: 120px;
    display: none;
    transition: all .25s;
}
.header-dropdown:hover>.header-menu {
    display: block;
    opacity: 1;
}
.header-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.header-menu ul li {
    margin: 0;
}
.header-menu ul a {
    padding: 5px 10px;
    display: flex;
    font-size: 13px;
    align-items: center;
    white-space: nowrap;
}
.header-menu ul a:hover{ color: #f98028;}
.cart-dropdown {display: inline-block;
    margin-left: 1.8rem;
    position: relative;
}

.cart-dropdown .dropdown-toggle {
    display: block;
    position: relative;
    padding-top: .2rem;
    padding-bottom: .2rem;
    padding-right: 2.2rem;
    text-decoration: none
}

.cart-dropdown .dropdown-toggle:hover,
.cart-dropdown .dropdown-toggle:focus {
    text-decoration: none
}

.cart-dropdown .dropdown-toggle .cart-count {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    right: 1.4rem;
    line-height: 1;
    top: .2rem;
    border-radius: 50%;
    padding-top: 1px;
    padding-left: 1px;
    font-size: .9rem;
    font-weight: 600;
    color: #fff;
    background: #f98028;
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.05)
}

.cart-dropdown .dropdown-toggle::before {
    display: inline-block;
        content: "\f07a";
    font-family: 'FontAwesome';
    font-size: 1.9rem;
    line-height: 1;
    margin: 3px 0 0;
    color: #fff
}

.cart-dropdown .dropdown-toggle::after {
    display: inline-block;
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 1.4rem;
    position: absolute;
    right: 0;
    top: 1rem;
    margin: 0;
    width: auto;
    height: auto;
    color: #fff;
    margin: 0;
    border: 0;
    line-height: 1;
    transition: all .3s
}

.cart-dropdown .dropdown-menu {
    display: none;
    left: auto;
    right: 0;
    top: 100%;
    width: 280px;
    padding-top: 5px;
    z-index: 100;
    font-size: 1.1rem;
    color: #777;
    border: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    opacity: 0;
    transition: all .25s;
    z-index: 999;
    position: absolute;
}

.cart-dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1
}

.cart-dropdown .dropdownmenu-wrapper {
    padding: 1.6rem 1.9rem;
    position: relative;
    background-color: #fff;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    box-shadow: 0 29px 28px rgba(0,0,0,0.1);
}
.dropdownmenu-wrapper::before, .dropdownmenu-wrapper::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}
.dropdownmenu-wrapper::before {
    left: 15px;
    top: -9px;
    border-width: 0 10px 9px 10px;
    border-color: transparent transparent #f0f0f0 transparent;
}
.cart-dropdown .dropdownmenu-wrapper::before {
    left: auto;
    right: 21px
}
.dropdownmenu-wrapper::after {
    left: 16px;
    top: -7px;
    border-width: 0 9px 8px 9px;
    border-color: transparent transparent #fff transparent;
}
.cart-dropdown .dropdownmenu-wrapper::after {
    left: auto;
    right: 22px
}

.cart-dropdown .product {
    display: flex;
    padding: 1.6rem 1rem !important;
    box-shadow: none;
    margin: 0 !important;
    border-bottom: 1px solid #e6ebee;
    box-shadow: none !important;
    align-items: center
}

.cart-dropdown .product-image-container {
    position: relative;
    max-width: 75px;
    border: 1px solid #ededed;
    margin: 0;
    margin-left: auto;
    box-shadow: none !important
}

.cart-dropdown .product-image-container > a {
    padding: 0 !important
}

.cart-dropdown .product-image-container a::after {
    display: none !important
}

.cart-dropdown .product-title {
    font-weight: 500;
    font-size: 15px;
    color: #333;
    text-align: left;
    margin-bottom: .2rem
}
.cart-dropdown .product-title :hover{ color:#f98028;}
.cart-dropdown .product-details {
    font-weight: 500;
    font-size: 1.3rem;
    color: #696969;
    text-align: left;
    padding: 0 !important
}

.cart-dropdown .btn-remove {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: #474747;
    display: flex;
    font-size: 1.1rem;
    height: 2rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -1rem;
    top: -1rem;
    width: 2rem
}

.cart-dropdown .btn-remove:hover,
.cart-dropdown .btn-remove:focus {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    color: #fff;
    background: #f98028;
}

.dropdown-cart-header,
.dropdown-cart-total {
    padding: .7rem 1rem;
    display: flex;
    align-items: flex-end;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #474747
}

.dropdown-cart-total {
    margin-bottom: 1.1rem
}

.dropdown-cart-total .cart-total-price {
    font-size: 16px;
    font-weight: 600;
    margin-left: auto
}

.dropdown-cart-header {
    border-bottom: 1px solid #e6ebee;
    margin-bottom: 0;
    padding-top: 0
}

.dropdown-cart-header a {
    color: #333;
    padding: 0;
    margin-left: auto;
    font-size: 1.2rem
}
.dropdown-cart-header a:hover{ color: #f98028;}
.dropdown-cart-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem 1rem 1.5rem
}

.dropdown-cart-action .checkout_btn {
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    color: #fff;
    background: #333;
    border-radius: .2rem;
    padding: 10px 30px;
    width: 100%;
    text-align: center;
}

.dropdown-cart-action .checkout_btn:hover,
.dropdown-cart-action .checkout_btn:focus {
    color: #fff;
    background: #f98028;
}

#signup .modal-dialog{ margin: 8% auto;}
.signup_body .close{
float: right;
font-size: 21px;
font-weight: normal;
line-height: 2;
color: #fff;
text-shadow: 0 1px 0 #fff;
opacity: 1;
position: absolute;
right: -15px;
z-index: 999;
top: -13px;
background: #f98028;
width: 30px;
height: 30px;
border-radius: 75%;
line-height: 30px;}
.signup_body .close:hover{ background: #f98028;}
.signup_body .modal-body{ padding: 0;  min-height: 410px; overflow: hidden;}
.signup_body .modal-body .signup_left{ float: left; width: 40%;
    background: #f98028;
    color: #fff;
    padding: 30px 25px;
    font-size: 15px;
}
.signup_body .modal-body .signup_left .login{ font-size: 22px;
color: #fff;
font-weight: 600;
margin-bottom: 15px;
float: left;
width: 100%;}
.signup_body .modal-body .signup_left p{ font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 30px;}
.signup_body .modal-body .signup_right{ float: left; width: 60%;
    padding: 56px 35px 16px;
    position: relative;
    background: #fff;}

.forgot{ position: absolute; right: 5px; top: 0; line-height: 40px; color: #f98028; text-decoration: none; border: 0; background: transparent;}
.forgot:hover{ text-decoration: underline; color: #333; }
.login_btn{ padding: 10px 30px; background: #333; color: #fff; font-size: 15px; border: 0; width: 100%
}
.login_btn:hover{ background: #f98028;}
.sign_up{
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 15px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.sign_up:hover, .sign_up:focus{ color: #f98028;}

/*Header Menu*/
.navigation_bar{background:#104081;width: 100%;}
.navigation{float:right;width:100%;position:relative;}
.navigation_bar.stricky-fixed{position:fixed;top:0;left:0;width:100%;z-index:999;background:#104081;box-shadow:0 3px 5px rgba(0, 0, 0, .1); border-top: 3px solid #fff;}
.header .logo {padding: 5px 0; display: inline-block; margin-right: 15px;}
.logo{
	padding:0px;
	margin-top:-1px;
	position:relative;
	z-index:999;
	padding-left:10px;
	padding-right:10px;
    width: 200px;
    height: 54px;
    background: #fff;
    
}
.logo img{
	margin-top: -37px;
	width: 84px;
}
.logo:before{
	position:absolute;
	top:0px;
    left: -54px;
    content: '';
    border-style: solid;
    border-width: 27px;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: #fff;
    border-top-color: #fff;
}
.logo:after{
	position:absolute;
	top:0px;
    right: -54px;
    content: '';
    border-style: solid;
    border-width: 27px;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-left-color: #fff;
    border-top-color: #ffff;
}
.navigation_bar.stricky-fixed .logo{padding:0px;
	margin-top:-1px;
	position:relative;
	z-index:999;
	padding-left:10px;
	padding-right:10px;
    width: 200px;
    height: 54px;}
.navigation_bar.stricky-fixed .logo img{width: 44px;margin-top: 4px;background: #fff;padding-bottom: 5px;border-bottom: 1px solid #eee;}
.navigation_bar.stricky-fixed .logo:before{
position: absolute;
top: 0px;
left: -54px;
content: '';
border-style: solid;
border-width: 27px;
border-bottom-color:
rgba(0, 0, 0, 0);
border-left-color:
rgba(0, 0, 0, 0);
border-right-color:
#fff;
border-top-color:
#fff;
}
.navigation_bar.stricky-fixed .logo:after{
position: absolute;
top: 0px;
right: -54px;
content: '';
border-style: solid;
border-width: 27px;
border-bottom-color:
rgba(0, 0, 0, 0);
border-right-color:
rgba(0, 0, 0, 0);
border-left-color:
#fff;
border-top-color:
#ffff;
}
.navigation .nav-header{display:none;padding:12px 20px;}
.navigation .navbar button{float: right;width: 40px;height: 35px;background: #f98028;border: 0;outline: 0;color: #fff;font-size: 25px;border-radius: 0;text-align: center;padding: 0 5px 5px;vertical-align: middle;display: inline-block;}
.navigation .navbar button:hover{background: #f98028;}
.navigation .menu{display:block; text-align: center;}
.navigation .menu ul{float:right; margin: 0; padding: 0;}
.navigation .menu ul > li{ float: left; display:inline-block;position:relative;}
.navigation .menu ul > li > a{padding:16px 15px;display:block;color:#fff;text-transform:inherit;transition:all .3s ease;font-size:16px;background:none; font-weight: 500;}
.navigation .menu ul > li > a i {padding-left: 5px; font-size: 17px;}
.navigation .menu ul > li:last-child > a{border:none;/*padding-right:0px;*/}
.navigation .menu ul > li:hover a,
.navigation .menu ul > li.active a{color:#f98028;background:none;}
.navigation .menu ul > li > ul.cs-dropdown{top:100%;left:0;}
/*.navigation .menu ul > li:last-child ul.cs-dropdown{right: 0; left: auto;}*/
.navigation .menu ul > li > ul.cs-dropdown.align-right{right:0;left:auto;}
.navigation .menu ul > li:hover > ul.cs-dropdown{visibility:visible;opacity:1;}
.navigation .menu ul > li > ul.cs-dropdown > li > ul.cs-dropdown{left:100%;margin-top:-36px;}
.navigation .menu ul > li > ul.cs-dropdown > li > ul.cs-dropdown > li > ul.cs-dropdown{left:-100%;margin-top:-31px;}
.navigation .menu ul > li > ul.cs-dropdown > li > ul.cs-dropdown.align-right{right:100%;left:auto;}
.navigation .menu ul > li > ul.cs-dropdown > li:hover > ul.cs-dropdown{visibility:visible;opacity:1;}
.navigation .menu ul > li ul.cs-dropdown{position:absolute;width:250px;opacity:0;visibility:hidden;z-index:99999;transition:all .3s ease;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.4);background:#fff;margin:0;padding:0; text-align: left;}
.navigation .menu ul > li ul.cs-dropdown li{display:block;padding:0;border-bottom:1px solid #eee; width: 100%;}
.navigation .menu ul > li ul.cs-dropdown li:last-child a{border-bottom:0;}
.navigation .menu ul > li ul.cs-dropdown li:last-child a:after{display:none;}
.navigation .menu ul > li ul.cs-dropdown li:hover > a{color:#fff; background:#0d2a52;}
.navigation .menu ul > li ul.cs-dropdown li a{color:#333;font-size:13px;padding:8px 15px;position:relative;display:block;transition:all .3s ease;text-transform:capitalize; font-weight: normal;}
.navigation .menu ul > li ul.cs-dropdown li a i{float:right;}
.navigation .menu ul > li ul.cs-dropdown li a:hover{color:#fff;background: #1758b5;}
.navigation ul .cs-submenu > a > button{display:none;}
.navigation .navbar{display:none;padding:12px 0px;margin:0;}
.navigation .menu ul > li:nth-child(3) ul.cs-dropdown li:nth-child(even){border-left: 1px solid #eee;}
.navigation .menu ul > li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown{display: block;width: 480px;}
.navigation .menu ul > li:nth-child(3) ul.cs-dropdown li ul.cs-dropdown li{ display: inline-block;width: 49%;}


/* banner */
.webpulse-home-slider{ float: left; width: 100%; margin: 0; padding: 0;}
.slider{float:left;width:100%;margin:0}
.slider div{float:left;width:100%;margin:0; position: relative;}
.slick-slide{margin:0}
.slick-slide img{width:100%}
.slick-active{opacity:1}
.slick-current{opacity:1}

.webpulse-home-slider .slider_caption{text-align:center;position:absolute;bottom:8%;left:0;z-index:999}
.webpulse-home-slider .slider_caption h2{color:#fff;background:rgba(255,134,107,0.6);display:inline-block;padding:10px 20px;margin-bottom:5px}
.webpulse-home-slider .slider_caption h3{color:#fff;background:rgba(255,134,107,0.6);display:inline-block;padding:10px 20px}
.webpulse-home-slider .slider_caption_right{text-align:right;position:absolute;bottom:55%;right:150px;z-index:999}
.webpulse-home-slider .slider_caption_right h3{color:#fff;background:rgba(255,134,107,0.6);display:inline-block;padding:10px 20px}
.webpulse-home-slider .slider_caption_left{text-align:left;position:absolute;bottom:45%;left:100px;z-index:999}
.slider_caption_left h3{color:#fff;background:rgba(255,134,107,0.6);display:inline-block;padding:10px 20px}
.webpulse-home-slider .slider_caption_up{text-align:center;position:absolute;bottom:50%;left:0;z-index:999}
.webpulse-home-slider .slider_caption_up h3{color:#fff;background:rgba(255,134,107,0.6);display:inline-block;padding:10px 20px}

.home_about {
    padding: 50px 0px 50px;
    width: 100%;
    float: left;
}
.heading {
	letter-spacing: 1px;
	line-height: 40px;
	padding-bottom: 20px;
}
.heading p {
font-size: 24px;
color: #333;
font-weight: 500;
}
.heading h1 {
	font-weight: 600;
	font-size: 34px;
	color: #104081;
	text-transform: inherit;
	padding-bottom: 10px;
	margin:0px;
}
.heading h1 span{color:#f98028;}
.heading-p {
    font-size: 22px;
    line-height: 33px;
}
.light{
    position: absolute;
   color: rgb(158, 157, 157);
    right: 0px;
    font-size: 70px;
    top: -7px;
    text-transform: uppercase;
    font-weight: 800;
    opacity: .1;
}

.img-1 {
    /*position: absolute;*/
    top: 72px;
    z-index: -1;
    right: 0;
    /*width: 62%;*/
}
.img-2 {
	width: 60%;
}
.about-inner {
	width: 100%;
	float: left;
	padding: 10px 0px;
	position: relative;
	overflow: hidden;
}
/*.about-inner::before {
	content: "WELCOME";
	color: rgba(68, 68, 68, 0.17);
	position: absolute;
	bottom: -21px;
	left: 0px;
	font-size: 110px;
	z-index: -2;
	font-weight: 800;
}*/
.about-inner::after {
	content: "";
	width: 70px;
	height: 300px;
	position: absolute;
	top: 118px;
	right: 0px;
	font-size: 126px;
	/*z-index: -2;*/
	background:#104081;
}
.about-content {
	padding: 0px 30px;
}
.about-content h3 {
	color: #104081;
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: 100;
	line-height: 40px;
}
.images{padding-left: 0; padding-bottom: 20px;}
.cotent_homep{padding-right: 60px;}
.abt-ph,
.about-content p {
	font-size: 16px;
	line-height: 28px;
	font-weight: 100;/* padding: 0px 20px; */
    font-weight: normal;
}
.span{
    font-style: italic;
    color: #f98028;
}

.abt-list{
	padding-left: 16px;
}


.abt-list li {
    line-height: 30px;
    color: #333;
    padding-left: 7px;
}

.text-abt-page{
	padding-top: 30px;
}
.wy-ch {
    width: 100%;
    float: left;
    padding-top: 24px;
}

.read_more01{
  background: #f98028;
  border: none;
  color: #fff;
  font-size: 16px;
  padding: 0 30px;
  line-height: 45px;
  transition: all 300ms linear 0ms;
  border-radius: 30px;
  position: relative;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight: 600;
  outline: none;
  white-space: nowrap;
}
.read_more01:hover, .read_more01:focus, .read_more01:active{
  box-shadow: none;
  outline: none;
  text-decoration: none;
  color: #fff;
  background: #f98028;
}
.read_more01:before, .read_more01:after {
  background: #104081;
  content: "";
  height: 100%;
  left: -110%;
  opacity: 0.1;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: skewX(25deg);
  width: 100%;
  z-index: -1;
}
.read_more01:hover:before, .read_more01:focus:before, .read_more01:active:before {
  left: -10%;
  transition: all 0.3s ease 0s;
}
.read_more01:hover:after, .read_more01:focus:after, .read_more01:active:after {
  left: -20%;
}
.home_services{float: left;width: 100%;padding: 50px 0;margin: 0;background: #134081; url(../images/bg-parallax3.jpg);}
.sec-title{
	position:relative;
	margin-bottom:50px;
    text-align: center;
}

.sec-title h2{
	position:relative;
	font-size:30px;
	font-weight:600;
	color:#fff;
	line-height:1.2em;
    margin-bottom: 0;
	padding:0px 0px 15px;
	display:inline-block;
	text-transform:uppercase;
    
}
.sec-title h2 span{color: #f98028;}
.sec-title h3{
	position:relative;
	font-size:30px;
	font-weight:600;
	color:#fff;
	line-height:1.2em;
    margin-bottom: 0;
	padding:0px 0px 15px;
	display:inline-block;
	text-transform:uppercase;
    
}
.sec-title h3 span{color: #f98028;}

.sec-title.light h2{
	color:#ffffff;
}
.sec-title p{color: #fff; font-size: 16px; line-height: 28px;}
.sec-title .separator{
	position:relative;
	width:75px;
}

.sec-title .separator:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:75px;
	height:2px;
	background-color:#f98028;
}

.sec-title .separator:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:2px;
	width:25px;
	height:4px;
	background-color:#f98028;
}

.sec-title .separator.centered::after{
	margin-left:25px;
}

.sec-title.centered .separator{
	margin: 0 auto 15px;
}

.sec-title.centered .separator::after{
	left:50%;
	margin-left:-12px;
}
.single-service-style-one {
    margin-bottom: 70px;
    position: relative;
}

.single-service-style-one .image-block {
    position: relative;
    height: 236px; text-align: center;
}
.single-service-style-one .image-block img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.single-service-style-one .image-block .overlay-block {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;
}

.single-service-style-one .image-block .overlay-block:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s;
    background: rgb(246 128 40 / 80%);
}

.single-service-style-one .image-block .overlay-block:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 0.5s;
    background: rgb(246 128 40 / 80%);
}

.single-service-style-one .main-content {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 1;
    transform: translate(-50%, 50%);
    width: calc(100% - 30px);
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.1);
    transition: all .4s ease;
}

.single-service-style-one .main-content .icon-block,
.single-service-style-one .main-content .text-block {
    display: table-cell;
    vertical-align: middle;
}

.single-service-style-one .main-content .icon-block .inner-box {
    width: 65px;
    height: 65px;
    background: #f98028;
    text-align: center;
}

.single-service-style-one .main-content .icon-block .inner-box i {
    font-size: 28px;
    color: #fff;
    line-height: 65px;
}

.single-service-style-one .main-content .text-block {
    padding:0px 5px 0px 5px;
}

.single-service-style-one .main-content .text-block h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.single-service-style-one .main-content .text-block h3 a {
    color: #2E2E2E;
    transition: all .4s ease .2s;
}

.single-service-style-one .main-content .text-block h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    min-height: 90px;
}

.single-service-style-one .main-content .text-block h4 a {
    color: #2E2E2E;
    transition: all .4s ease .2s;
}

.single-service-style-one .hover-content {
    position: absolute;
    background: #fff;
    position: absolute;
    bottom: -32.5px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-30%);
    width: calc(100% - 60px);
    text-align: center;
    z-index: 10;
    padding: 33px 25px;
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.1);
    transition: all .4s ease;
}
.single-service-style-one .hover-content h3{ margin-bottom: 5px; font-size: 18px; font-weight: 600;}
.single-service-style-one .hover-content p {
    margin: 0;
    font-size: 15px;
    line-height: 26px;
    color: #83888D;
    margin-bottom: 15px;
}
.single-service-style-one .hover-content h3 a{color: #333;}
.single-service-style-one:hover .hover-content h3 a{color: #f98028;}
.single-service-style-one .hover-content a.read-more {
    text-transform: uppercase;
    color: #104081;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    line-height: 21px;
    position: relative;
    z-index: 11;
    transition: all .4s ease;
}

.single-service-style-one .hover-content a.read-more i {
    font-size: 18px;
    line-height: 26px;
    margin-left: 6px;
}

.single-service-style-one .hover-content a.read-more:hover {
    transform: translateX(10px);
    color: #f98028;
}


.single-service-style-one:hover .main-content {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}

.single-service-style-one:hover .hover-content {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

.single-service-style-one:hover .overlay-block {
    opacity: 1;
}

.single-service-style-one:hover .image-block .overlay-block:before {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 100ms;
}

.single-service-style-one:hover .image-block .overlay-block:after {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;
}



.feature_section{ float: left; width: 100%;
    background-image: url(../images/home/bg1.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 70px 0 77px;
    position: relative;}
.feature_section:before {
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.88);
}
.section-title {
    margin: 0 auto 62px;
    padding: 0;
    position: relative;
    text-align: center;
}
.section-title h4 {
    color: #9b9a9a;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 4px;
    margin-bottom: 12px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.section-title .companyname {
    color: #9b9a9a;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 4px;
    margin-bottom: 12px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.section-title h2 {
    color:#104081;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.8px;
    line-height: 0.9;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.section-title h3 {
    color:#104081;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.8px;
    line-height: 0.9;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.section-title p {
    color: #9c9c9c;
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto;
    max-width: 484px;
}
.feature-item {    min-height: 365px;
    background:rgb(19 64 129);
    color: #fff;
    padding: 20px 20px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.feature-item:hover {
    background-color: rgb(7 34 72)
}

.feature-item .icon-box {
    display: inline-block;
    line-height: 1;
}
.feature-item .icon-box img{width: 60px;}
.feature-item .icon-box i {
    color: #f98028;
    font-size: 50px;
}

.feature-item .content h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #f98028;
}

.feature-item .content h4 span {
    color: #f98028;
}

.feature-item .content p {
    color: #f8f8f8;
    font-size: 16px;
    line-height: 24px;
    min-height: 55px;
}


.home_theater{float: left; width: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
padding: 70px 0;}

.home_theater:after {
	position: absolute;
	left: 0;
	content: "";
	width: 65%;
	top: 0;
	height: 100%;
	background: url(../images/home/video1.jpg) no-repeat scroll 0 0/cover;
	z-index: -1;
}

.home_theater:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 65%;
	height: 100%;
	background: #111 none repeat scroll 0 0;
	opacity: 0.5;
}

.single-theater {
	border: 5px solid #104081;
	border-radius: 5px;
	position: relative;
	background: #ec7532;
}

.single-theater img {
	width: 100%;
	border-radius: 5px;
	position: relative
}

.single-theater:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000 none repeat scroll 0 0;
	opacity: 0.2;
}

.single-theater a.play-video {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 40px;
	background: #f98028 none repeat scroll 0 0;
	border-radius: 10px;
	top: 54%;
	left: 50%;
	margin: -30px 0 0 -30px;
	z-index: 3;
	font-size: 17px;
	color: #fff;
	transition: 0.4s ease;
	transform: scale(1);
	opacity: 1;
}

.theater-left {
	display: table;
	height: 100%;
	width: 100%;
    padding: 30% 0 0;
}
.single-theater iframe{position: relative; width: 100%; height: 420px; z-index: 99;}
.theater-box {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.theater-text h3 {
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
	text-transform: uppercase;
	margin-bottom: 0px
}
.theater-text h3 span{color: #f98028;}
.theater-text h4 {
	font-size:24px;
	color: #f98028;
	margin-bottom: 0px;
    text-align: left;
}

.theater-text p {
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 400;
    line-height: 28px;
}



/* Featured Services */
.webpulse_home_featured{float:left;width:100%;margin:0px 0px 50px 0px;padding:50px 0;background:#fff;}
.products_heading{float:left;width:100%;text-align:center;}
.products_heading h2{font-size:30px;line-height:30px;display:inline-block;text-transform:uppercase;margin:0;font-weight:600;}
.products_heading h3{font-size:30px;line-height:30px;display:inline-block;text-transform:uppercase;margin:0;font-weight:600;}
.products_heading h2 span{color: #f98028;}
.separator{line-height:0.5;text-align:center;margin:10px 0 50px 0;}
.separator span{display:inline-block;position:relative;}
.separatorss span:before,
.separatorss span:after{content:"";position:absolute;border-bottom:5px solid #f98028;top:0px;width:30px;}
.separator span:before{right:100%;}
.separator span:after{left:100%;}

.wps_featured{margin-bottom:0!important}
.wps_featured .slick-prev{display:none!important}
.wps_featured .slick-next{display:none!important}
.wps_featured{margin-bottom:0!important}
.wps_featured .slick-prev{background: #134081; left:-20px;z-index:50;top:48.5%;width:40px!important;height:40px!important;display:block!important;z-index:50}
.wps_featured .slick-next{right:2px;z-index:50;top:50%;width:40px!important;height:40px!important;display:block!important;z-index:50}
.feature_item .item{background: #fff; margin: 0 15px 0 0; padding: 0; border: 1px solid #ccc;}
.feature_item .feature_image{position:relative;padding:10px;text-align:center;min-height:210px;overflow:hidden; margin-top: 10px;}
.feature_item .feature_image .image{position:relative;padding:0px;margin-bottom:15px;text-align:center;min-height:210px;overflow:hidden; transition: all 0.4s ease-in-out;}
.feature_item .image img{ position: absolute; margin:auto; padding: 0 10px; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; width: auto; max-height: 100%;}
.feature_item:hover .feature_image .image{transform:scale(1.1)}

.feature_sec{display:block;overflow:hidden;margin-top:0px;margin-bottom:0px; background: #333; min-height:100px}
.feature_sec h3{display:block;overflow:hidden;width:100%;text-align:center;float:inherit;padding:10px 20px;font-weight:400;font-size:16px;color:#fff;text-transform:none;margin-bottom:5px;line-height:23px;text-transform: capitalize;}
.feature_sec h3 a{ color: #fff;}
.feature_sec h3 a:hover{ color: #f98028;}
.feature_sec p a{display:block;overflow:hidden;width:100%;text-align:center;float:inherit;font-weight:400;font-size:15px;color:#f98028;}


.news_section{float: left;
width: 100%;
position: relative;
padding: 50px 0px 50px;
    background: #eee;
}
.news_section .sec-title{
	margin-bottom:20px;
}
.news_section .sec-title h2{color: #333;}
.news_section .sec-title h3{color: #333;}
.news_section .sec-title p{color: #333;}

.news_section .events-full-box {
	margin-bottom:20px;
}
/*.news_section .events-full-box:last-child {
	margin-bottom: 0px;
}*/
.news_section .events-single-box {
	min-height: 280px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
	transition: all 0.3s ease-in-out;
    background: #fff;
}
/*.news_section .events-single-box img {
	width: 100%;
	height: 100%;
}*/
.news_section .events-single-box:hover {
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease-in-out;
}
.news_section .events-single-box:hover .event-info h3, .news_section .events-single-box:hover a {
	transition: all 0.3s ease-in-out;
}
.news_section .event-info {
	padding: 20px 15px;
}
.news_section .event-info h3 {text-align: left;
	transition: all 0.3s ease-in-out;
	padding-bottom: 15px;
	margin: 0;
    color: #104081;
    position: relative;
    height: 70px;
}
.news_section .event-info h3 span{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%; max-height: 100%;}
.news_section .event-info h3 a{ color: #104081; font-size: 20px; text-transform: capitalize;}
.news_section .event-info:hover h3 a{color: #f98028;}

.news_section .event-info h4 {
	transition: all 0.3s ease-in-out;
	padding-bottom: 15px;
	margin: 0;
    color: #104081;
    position: relative;
    height: 70px;
}
.news_section .event-info h4 span{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: 100%; max-height: 100%;}
.news_section .event-info h4 a{ color: #104081; font-size: 20px; text-transform: capitalize;}
.news_section .event-info:hover h4 a{color: #f98028;}
.news_section .event-info .events-time span {
	color: #666666;
	font-size: 14px;
	margin-right: 25px;
}
.news_section .event-info .events-time span .event-icon {
	padding-right: 2px;
}
.news_section .event-info p {
	margin: 0;
	font-size: 15px;
	color: #333;
	padding-bottom: 15px;
}
.news_section .event-info a {
	color: #f98028;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
}
.news_section .event-info a .events-btn-icon {
	padding-left: 5px;
}
.images_03{float: left; width: 100%; margin: 0; padding: 0; position: relative; height: 314px;}
.images_03 img{position: absolute; top: 50%; left: 50%; max-width: 100%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}




.footer-area { float: left; width: 100%;
    position: relative;
    display: block;
    background: #104081;
    padding-top: 50px;
    padding-bottom: 30px;
}
.footer-area:after {
    content: "";
    background: url(../images/footer13.png) no-repeat;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    top: -80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.single-footer-widget {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget .title {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 30px;
}
.single-footer-widget .title h5 {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.single-footer-widget .title h5 span{color:#f98028;}
.single-footer-widget .company-info-text{
    position: relative;
    display: block;
}
.single-footer-widget .company-info-text .text-box{
    display: block;
    padding-bottom: 21px;
}
.single-footer-widget .company-info-text .text-box p{
    color: #fff;
    line-height: 24px;
    margin: 0;
}

.call-officers {
    position: relative;
    display: block;
    width: 270px;
    height: 85px;
    background: #062148;
    border-radius: 5px;
    padding: 15px 13px 14px;
}
.call-officers .icon{
    width: 70px;
    position: relative;
}
.call-officers .icon:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #f98028;
    font-size: 30px;
    position: absolute;
    top: 5px;
    right: 12px;
}
.call-officers .icon span:before{
    width: 50px;
    height: 50px;
    background: #f98028;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 23px;
    line-height: 50px;
    display: block;
}
.call-officers .icon,
.call-officers .text{
    display: table-cell;
    vertical-align: middle;
}
.call-officers .text{
    padding-left: 5px;
    color: #fff;
}
.call-officers .text span{
    font-size: 18px;
}
.call-officers .text h6{
    font-size: 18px;
    margin: 2px 0 0; 
    color: #f98028;
    
}



.single-footer-widget .solutions-links{
    position: relative;
    display: block;
    margin: 0; padding: 0;
}
.single-footer-widget .solutions-links li {
    line-height: 24px;
    margin-bottom: 10px;
    list-style: none;
}
.single-footer-widget .solutions-links li:last-chil{
    margin-bottom: 0;
}
.single-footer-widget .solutions-links li a{
    position: relative;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding-left: 20px;
    transition: all 500ms ease;
}
.single-footer-widget .solutions-links li a:hover{
   padding-left: 25px;
    color: #f98028;
}
.single-footer-widget .solutions-links li a:before {
    position: absolute;
    top: -1px;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #ddd;
    font-size: 18px;
    transition: all 0.3s ease-in-out 0.1s;
}
.single-footer-widget .solutions-links li a:hover:before{
    left: 5px;
    color: #f98028; 
}
footer .footer_contact{float:left;width:100%;list-style:none;padding:0;margin-bottom:0}
footer .footer_contact li{margin-bottom:10px;position:relative;padding-left:40px;color:#fff}
footer .footer_contact li a{color:#fff}
footer .footer_contact li a:hover{color:#f98028}
footer .footer_contact li a:focus{color:#f98028}
footer .footer_contact li i{position:absolute;left:0;top:5px;text-align:center;font-size:22px;width:30px;height:30px;line-height:30px}
footer .footer_contact li strong{display:block;text-transform:uppercase}
footer .footer_contact li i{position:absolute;left:0;top:5px;text-align:center;font-size:22px;width:30px;height:30px;line-height:30px;color:#f98028}
.sociallinks-style-two{
    overflow: hidden;
    margin: 0; padding: 0;
}
.footer-social-links p{color: #f98028; text-transform: uppercase;}
.sociallinks-style-two li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0px;    
}
.sociallinks-style-two li a i {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: #062148;
    border: 1px solid #062148;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    transition: all 500ms ease 0s;
}
.sociallinks-style-two li a:hover i{
    background: #f98028;
    border-color: #f98028;
    color: #fff;
}
.copy{float:left;width:100%;background:#062148;line-height:40px;color:#dedede;}
.copy a{ color: #f98028;}
.copy a:hover{ color: #f98028;}
.clr1 a{color: #f98028}
.send_enquiry{background: #ffffff;
    border-radius: 40px;
    bottom: 10px;
    color: #ffffff;
    display: table;
    height: 50px;
    left: 10px;
    min-width: 50px;
    position: fixed;
    text-align: center;
    z-index: 9999;
    transition: all 0.2s linear;
        background: linear-gradient(to bottom, #f98028 0%,#cf634b 100%);
}

.send_enquiry i{
	font-size: 22px;
    line-height: 50px;
}
.send_enquiry{
	bottom: 50px;
}

.send_enquiry:hover{
	color:#fff;
	padding: 0 20px;
}
.send_enquiry:focus{
	color:#fff;
}
 .send_enquiry span{
	display: table-cell;
	vertical-align: middle;
    font-size: 16px;
    letter-spacing: -15px;
    opacity: 0;
	line-height: 50px;
	transition:all 0.5s;
	text-transform:uppercase;
}
.send_enquiry:hover span{
	opacity:1;
	letter-spacing: 1px;
	padding-left:10px;
}

#web-pulse-scroll-up{position:fixed;z-index:8030;bottom:65px;right:30px;width:46px;height:46px;border-radius:50%;color:#fff;font-size:24px;line-height:42px;text-align:center;text-decoration:none;cursor:pointer;transition:all 0.25s;display:none;background:#f98028;}
#web-pulse-scroll-up:hover{background:#333;}

/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 28px;left: 25px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}
.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;
color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #f98028;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{ background: #333;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover{ color:#fff; background: #f98028;}
.enquiry strong:hover{ color:#f98028; background: #eee;}

/* Modal Form*/
.modal-content{border-radius: 0;}
.modal-header{ padding: 0 15px; background: #104081; color: #fff;}
.modal-header h4{ text-align: left; font-size: 18px; line-height: 18px; color: #fff;}
.modal-header h6 {text-align: left;padding: 10px 0; font-size: 18px; font-weight: bold; text-transform: capitalize;  color: #fff;}
.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}
.send_p{font-size: 13px; line-height: 18px; text-align: center;}
.modal-body input[type="text"], .modal-body select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal_btn{width:auto; background:#333; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer;}
.modal_btn:hover,.modal_btn:focus{background: #f98028; color: #fff;}


/* Home Testimonials */
.home_testimonials_webpulse{float:left;width:100%;color:#fff;padding:50px 0 30px;background:url(../images/home/testimonial-bg.jpg) no-repeat fixed;text-align:left;background-repeat:repeat;background-size:100%;position:relative;}
.home_testimonials_webpulse:before{background-color:rgba(17, 17, 17, 0.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
.home_testimonials_webpulse h3{float:left;width:100%;font-size:24px;color:#fff;text-align:left;margin-bottom:15px;}
.web-pulse-testimonials{float:left;width:100%;}
.testimonials-item{padding:40px 30px;font-size:15px;font-style:italic;background:#eee;border-radius:4px;line-height:24px;color:#333;}
.dont-know{float:left;width:100%;position:absolute;z-index:999;}
.web-pulse-testimonials .testimonial-info{font-size:16px;padding:0 15px;margin-top:18px;}
.web-pulse-testimonials .testimonial-info span{float:left;top:3px;font-weight:600;position:relative;color:#fff;}
.web-pulse-testimonials .testimonial-info p{color:#fff;display:block;font-size:13px;margin-top:10px;}
.web-pulse-testimonials .testimonial-info img{width:80px;float:left;height:80px;padding:2px;margin-right:15px;border:solid 1px #ccc;}
.web-pulse-testimonials .testimonial-author{overflow:hidden;}
.testimonials-item{position:relative;}
.testimonials-item:after,
.testimonials-item:before{left:80px;bottom:-20px;}
.testimonials-item:after{border-top:22px solid;border-left:0 solid transparent;border-right:22px solid transparent;}
.testimonials-item:after{width:0;height:0;content:" ";display:block;position:absolute;border-top-color:#eee;border-left-style:inset;border-right-style:inset;}
.rounded-x{border-radius:50%;}
.global{float:left;width:100%;}
.global p{text-align:left;color:#fff;font-size:15px;}
.global_image{float:right;padding:0 0 15px 15px;}


/* Home Clients */
.webpulse_home_clients{float: left; width: 100%; margin: 0; padding: 40px 0;}
.webpulse_home_clients .clients{border:solid 1px #d8d8d8;max-width:100%;background:#fff;margin-bottom:26px;position:static;opacity:1;margin:0 10px 20px;transition:opacity 0.3s ease;top:0;left:0}
.webpulse_home_clients .item .image{position:relative;padding:15px 10px 0px; text-align:center;min-height:100px;max-height:100px;overflow:hidden;}
.webpulse_home_clients .item .image img{position: absolute;max-width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;max-height: 100%;}




/* Home About */
.home_about-web-pulse{float:left;width:100%;color:#fff;padding:80px 0;background:url(../images/home/about_bg.jpg) no-repeat fixed;background-repeat:repeat;background-size:100%;position:relative; overflow: hidden;}
.home_about-web-pulse{ padding: 0;}
.home_about-web-pulse .features-image {
    width: calc(75% - 210px);
    float: left;
    display: block;
}
.home_about-web-pulse .web-pulse-features-area {
    width: -webkit-calc(25% + 210px);
    width: calc(25% + 210px);
    float: left;
    position: relative;
}
.home_about-web-pulse .web-pulse-features-area::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
     background: rgba(152,180,70, 0.5);
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
}
.home_about-web-pulse .web-pulse-features-area .features {
    max-width: 460px;
    position: relative;
    z-index: 2;
}

.home_about-web-pulse:before{background-color:rgba(17, 17, 17, 0.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
.home_about-web-pulse h3{color:#fff;font-size:30px;font-style:italic;}
.home_about-web-pulse h3 span{color:#2b6ac5; font-weight: 700;}
.home_about_text{ margin-bottom: 20px;}
.home_about-web-pulse .home_about_text p{color:#fff;font-size:15px;text-transform:capitalize;padding:0 0%;font-weight:500; line-height: 24px;}
.home_about-web-pulse .home_about_text p a{ color: #fff;}
.read_more{position:relative;padding:10px 25px 10px 25px;background:#f98028;z-index:1;overflow:hidden;display:inline-block;font-weight:700;text-transform:uppercase;font-size:13px;line-height:21px;color:#fff;box-shadow:0px 16px 35px 0px rgba(0, 0, 0, 0.2);transition:all 0.3s;margin-top:20px;}
.read_more:before,
.read_more:after{content:'';position:absolute;top:0;left:0;width:60%;border-radius:0;z-index:-1;height:100%;background:#333;will-change:transform;transform:skew(-45deg) scaleX(0);transition:transform .3s ease-in-out;}
.read_more:before{right:75%;margin-right:-1px;transform-origin:0% 0%;}
.read_more:after{width:70%;left:75%;margin-left:-1px;transform-origin:100% 0%;}
.read_more:hover:before,
.read_more:hover:after{transform:skew(-45deg) scaleX(1.5);}
.read_more:hover{color:#fff; background: #f98028;}
.webpulse_welcome_list{padding: 40px 0px 40px 30px; z-index: 9}
.webpulse_welcome_col{padding: 40px 20px 40px 90px;z-index: 5}
.webpulse_welcome_list img {width: 100%;float: left;height: auto;margin-bottom: 15px;}
.webpulse_welcome_list p {color: #fff;letter-spacing: 0.1px;margin: 0px 0px 15px;}
.home_video{ width: 100%; height: 330px;}
.wps-factsheet{width:100%;float:left;padding:10px 0;background:#f6f6f6;border:1px solid #eaeaea;box-shadow:0 8px 4px -4px #555; margin-bottom: 15px; min-height: 80px;}
.wps-factsheet .icon{height: 55px; float: left;}
.wps-factsheet .icon img{float: left; width:55px;padding-left: 5px;padding-right:10px; }
.wps-factsheet .info_content{padding-top:2px; text-align: left;}
.wps-factsheet .info_content h4{margin:0px;padding:2px 5px;font-size:14px;font-weight:600;color:#333; text-align: left; text-transform: inherit;}
.wps-factsheet .info_content p{ font-size: 12px; margin: 0; line-height: 18px; color: #666;}

/* Inner Heading Banner*/
.heading_banner{ float: left; width:100%; position:relative;background-size:100%;padding:70px 0;margin:0;}
.heading_banner::before{position:absolute;display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);top:0;left:0;z-index:0;content:'';}
.heading_banner h1{margin: 0 0 10px;text-transform: capitalize;font-size: 36px;font-weight: 600;color: #fff;
text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}
.heading_banner h2{margin:0;letter-spacing:0px;text-transform:capitalize;font-size:18px;font-weight:normal;color:#eee;text-align:center;text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}

.heading_banner .cat_title{margin: 0 0 10px;text-transform: capitalize;font-size: 36px;font-weight: 600;
color: #fff;text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}
.heading_banner .cat_title2{margin:0;letter-spacing:0px;text-transform:capitalize;font-size:18px;font-weight:normal;color:#eee;text-align:center;text-align: center;background: rgba(0, 0, 0, 0.5);display: inline-block;width: auto;padding: 10px 20px;}


/* Breadcrumb*/
.inner_breadcrumb{ float: left; width: 100%; background:#fff;position:relative;margin:0;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.inner_breadcrumb .breadcrumb{background:none;border-radius:0;border:none;list-style:none;padding:0;float:left;display:inline-block;text-transform:capitalize;margin:0;}
.inner_breadcrumb .breadcrumb li{font-weight:bold;text-transform:uppercase;color:#666;float:left;display:inline-block;line-height:55px;}
.inner_breadcrumb .breadcrumb li a{float: left; padding:0;color:#666;letter-spacing:0.3px;}
.inner_breadcrumb .breadcrumb li:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;padding:0 14px;color:#fff;display:inline-block;}
.inner_breadcrumb .breadcrumb li.active{color:#f98028;}
.inner_breadcrumb .breadcrumb li + li:before{content:"\f105";color:#fff;padding:0 14px;}
.inner_breadcrumb .breadcrumb li + li:before{ float: left; padding:20px 10px;color:#bfbfbf;}

/* About Us */
.about_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.left_sidebar{float: left; width: 100%; margin: 0 0 25px; padding: 0;}
.left_sidebar .left_title {float: left; width: 100%; padding: 8px 10px; margin: 0; line-height: 30px;background: #f98028; font-size: 24px; color: #fff; font-weight: 600;}
.left_sidebar form{float: left; width: 100%;background: #fff; padding: 10px 10px 10px;}

.left_image{ float: left; width: 340px; margin:0px 15px 15px 0; text-align: center;}
.left_image .left_centered{width: 100%; position:relative;padding:0px;min-height:260px;overflow:hidden;  border: 1px solid #eee;}
.left_image .left_centered .image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 260px; transition: transform .5s ease;}
.left_image .left_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.left_image:hover .left_centered .image{transform: scale(1.1);}


.right_image1{ float: right; width: 340px; margin:0px 0px 15px 15px; text-align: center;}
.right_image1 .left_centered{width: 100%; position:relative;padding:0px;min-height:260px;overflow:hidden;  border: 1px solid #eee;}
.right_image1 .left_centered .image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 260px; transition: transform .5s ease;}
.right_image1 .left_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.right_image1:hover .left_centered .image{transform: scale(1.1);}


.client_satisfaction{ float: left; width: 200px; margin:0px 15px 15px 0; text-align: center;}
.client_satisfaction .client_centered{width: 100%; position:relative;padding:0px;min-height:200px;overflow:hidden;  border: 1px solid #eee;}
.client_satisfaction .client_centered .image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 200px; transition: transform .5s ease;}
.client_satisfaction .client_centered .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.client_satisfaction:hover .client_centered .image{transform: scale(1.1);}



/* left menu */
.left_sidebar ul{ float: left; width: 100%; padding: 0; margin: 0;background:#333;}
.left_sidebar ul li{float:left;width:100%;padding:0;margin:0;border-bottom:1px solid #444; list-style: none;}
.left_sidebar ul li a{color:#FFF;text-transform:uppercase;padding:10px;font-weight:500; line-height:20px; font-size: 14px;}
.left_sidebar ul li a:hover,.left_sidebar ul li a:focus,.left_sidebar ul li a.active{background:#f98028;color:#fff;}
.left_sidebar ul li ul{float:left;width:100%;margin:0;padding:0;background:#fff;}
.left_sidebar ul li ul li{border-bottom:1px dashed #CCC;list-style-type:none;position:relative;}
.left_sidebar ul li ul li a{display:block;font-weight:500;color:#000;text-align:left;font-size:12px;padding:4px 15px;text-decoration:none;text-transform:uppercase;line-height:24px;}
.left_sidebar ul li ul li a:hover,.left_sidebar ul li ul li a:focus,.left_sidebar ul li ul li a.active{background:#f98028;color:#fff;}
.left_sidebar ul li ul li a i{float:right;line-height:24px;}
.left_sidebar ul li ul li ul{display:none;transition:all 2s;position:absolute;left:98%;top:0px;z-index:200;background:#fff;width:200px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.left_sidebar ul li ul li:hover ul{display:block;transition:all 2s;}
.left_sidebar ul li ul li ul li a{display:block;font-weight:400;color:#333;text-align:left;font-size:13px;padding:4px 15px;text-decoration:none;text-transform:capitalize;line-height:24px;}
.left_sidebar ul li ul li ul li a:hover,.left_sidebar ul li ul li ul li a:focus,.left_sidebar ul li ul li ul li a.active{background:#fe0000;color:#fff;}


/* fixed */
#sidebar {width: 274px;float:left;animation-delay: 5s;}
#sidebar.stick {position: fixed;top: 50px;z-index: 991; border-radius: 0 0 0.5em 0.5em;}



/* About Right*/
.right_side h1 {padding: 8px 10px; margin: 0 0 10px;line-height: 30px;background: #f98028;font-size: 24px;color: #fff;font-weight: 600;}
.right_side h2 {padding:0px; margin: 20px 0 5px;line-height: 30px;font-size: 22px;color: #333;font-weight: 600;}
.right_side h3{padding:0px; margin: 10px 0 5px;line-height: 30px;font-size: 20px;color: #333;font-weight: 600;}
.right_side .title_holder_inner h2{padding: 8px 10px; margin: 0 0 10px;line-height: 30px;background: #f98028;font-size: 24px;color: #fff;font-weight: 600;}
.wps_right{ float: left; width: 100%; background: #fff; padding: 10px; border: 1px solid #ccc; margin-bottom: 20px;}
.right_side p{ line-height: 24px; margin-bottom: 10px; text-align: justify; font-size:15px; font-weight: normal}
.right_side .about_b{ float: left; width: 100%; overflow: hidden; height: 230px; margin-bottom:15px;}
.right_side .about_image{position:relative;padding:0px;text-align:center;min-height:230px;overflow:hidden; transition: all 0.4s ease-in-out; border: 1px solid #eee;}
.right_side .about_b:hover .about_image{transform: scale(1.1);}
.right_side .about_image img{ position: absolute; margin:auto; padding: 0; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; width: 100%; max-height: 100%;}
.right_side .factsheet .info h4{ font-size: 16px;}
.right_side .factsheet .info p{font-size: 13px;}
.right_side ul{ margin: 0 0 25px; padding: 0;}
.right_side ul li{ list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: normal;}
.right_side ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}


/* About Team*/
.team{float:left;width:100%;margin:0;padding:50px 0;background:#fff; position: relative;}
.team_box{ float: left; width: 100%; margin: 0 0 15px; padding: 0;}
.team_box .team_image{background:#fff;text-align: center;position: relative;overflow: hidden;height: 280px; border: 1px solid #ccc;}
.team_box .team_image img{max-width: 100%;position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width: auto;max-height: 100%;}
.team_box .team_content{padding: 10px 15px;text-align: center;cursor: pointer;position: relative;border: 2px solid #ccc;margin: 3px 0 0;}
.team_box .team_content h4{color:#f98028;margin: 0;padding: 0;font-size: 17px;}
.team_box .team_content p{letter-spacing: 0.3px; color: #333; margin: 0;}





/*** About Page2  */
.about_page2{float:left;width:100%;margin:0;padding:50px 0;background:#fff; position: relative;}
.certified_area2 { float: left; width: 100%; padding: 0px 0px 50px;}
.certified-text{float: left; width: 100%; margin-bottom: 10px;}
.frame-text {
    font-size: 72px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    line-height: 100px;
    background: #f98028;
    padding: 0px 15px;
    float: left;
    margin-right: 20px;
}
.certified-text h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
    text-transform: none;
    color: #333;
    text-align: left;
    padding: 0;
}
.certified-certi img {
    width: 50%;
    float: left;    
}
.certi-img-1 {
    padding-right: 10px;
}

.certi-img-2 {
    padding-left: 10px;
}
.certified-inner {
    margin-bottom: 25px;
}

.certified-inner p{font-size: 14px; line-height: 24px; margin-bottom: 35px;}
.certified-inner ul{margin: 0; padding: 0;}
.certified-inner ul li {
    color: #333;
    padding-left: 30px;
    margin: 10px 0px;
    position: relative;
    font-size: 14px;
    list-style: none;
}
.certified-inner ul li::after {
    position: absolute;
    content: "";
    left: 5px;
    top: 10px;
    background: #f98028;
    width: 8px;
    height: 8px;
}
.about_right2{float: right;
width: 550px;
margin: 0px 0 15px 15px;
text-align: center;}


.about_right2 iframe {
    width: 100%;
    height: 315px;
}


/* Products Page */
.product_listing{float:left;width:100%;margin-bottom:15px;box-shadow:0px 3px 5px 0px rgba(210, 210, 210, 0.75);transition:all 0.35s ease-in-out;border-style:solid;border-width:1px 1px 0px 1px;border-color:#eee;}
.product_listing .product{width: 100%; position:relative;padding:15px 15px 15px 0;text-align:center;min-height:200px;overflow:hidden;border-right:1px solid #eee; display: inline-block;}

.product_listing .product .image1{width: 100%;text-align: center;overflow: hidden;position: relative;height: 200px;transition: all 0.4s ease-in-out;}
.product_listing .product .image1 img{position: absolute;max-width: 100%;top: 50%;left: 50%;margin: auto;transform:translate(-50%, -50%);width: auto;max-height: 100%;}
.product_listing:hover .product .image1{transform:scale(1.1);}
.padding0{padding:0;}
.right-content{position:relative;}
.right-content h3{line-height:24px;padding:10px 0;text-align:left; margin: 0;}
.right-content h4{line-height:24px;padding:10px 0;text-align:left;}
.blue-line1{width:100%;display:block;height:1.1px;background:#eee;position:relative;margin-bottom:10px;padding:0 15px;}
.read_more_product{background:#333; padding: 7px 10px; font-size:14px;color:#fff;margin:10px 0px 10px 0px;display: inline-block;width: auto;border-radius: 3px;}
.read_more_product i{margin-left:10px;}
.read_more_product:hover,.read_more_product:focus{color:#fff; background: #f98028;}
.product_listing:hover .right-content h3 a{color:#f98028;}
.product_listing:hover .right-content h4 a{color:#f98028;}

/* Products Poup */
.product_popup{ float: left; width: 100%; margin: 0; padding: 0;}
.product_popup_image{ width: 100%; margin-bottom: 15px; border: 0px solid #ccc; overflow: hidden; position: relative; height: 300px;}
.product_popup_image img{ position: absolute; max-width: 100%; top:50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; margin: auto;}
.product_popup h4{ color: #f98028; font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; text-align: left; padding: 0;}
.product_popup p{ font-size: 14px; line-height: 24px; color: #333; text-align: left; margin-bottom: 15px;}
#product_enquiry label.error{color:#FB3A3A;font-weight:normal;}
.product_popup h5{ color: #f98028; font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; text-align: left; padding: 0;}



/* Product Sub Listing */
.product_right_image{ float: right; width: 450px; margin:0px 0 15px 15px; text-align: center;}
.product_right_image iframe{ width: 100%; height: 315px;}
.product_right_image .detail_image{width: 100%; text-align: center; overflow: hidden; position: relative; height: 280px;}
.product_right_image .detail_image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-height: 100%;}
.cat_info p{ font-size: 14px; line-height: 24px; color: #423f3f; text-align: justify; margin-bottom: 15px;}
.product_right_image .detail_enq_btn{width:auto;background:#333;color:#fff;text-decoration:none;font-size:15px;padding:8px 20px;margin: 0; display:inline-block!important; border: 0; border-radius: 4px;}
.product_right_image .detail_enq_btn:hover,.product_right_image .detail_enq_btn:focus{background-color:#f98028;color:#fff;}
.product_right_image:hover .detail_enq_btn{background-color:#f98028!important;color:#fff;}
.product_right_image .product_dimage{width: 100%; text-align: center; overflow: hidden; height: 300px; border: 1px solid #eee; margin-bottom: 15px;}
.product_right_image .product_dimage .detail_image{ transition: transform .5s ease; transform-origin: center center;}
.product_right_image:hover .product_dimage .detail_image{transform: scale(1.2);}


/* You May Also Like  */
.you_may{float: left; width: 100%; padding: 7px 10px;margin: 0 0 8px;line-height: 30px;background: #f98028;font-size: 20px;color: #fff;font-weight: 400;}
.product_more{float: left;width: 100%;border: solid 1px #eee;max-width: 100%;background: #fff;padding-bottom: 11px;margin: 0 0px 30px;text-align: center;}
.product_more .may_image{margin-bottom:13px;text-align:center;min-height:200px;overflow:hidden;}
.product_more .may_image .image{ transition: transform .5s ease; transform-origin: center center;}
.product_more:hover .may_image .image{transform: scale(1.1);}
.product_more .may_image .image{position:relative;padding:10px 10px 0px;text-align:center;min-height:200px;overflow:hidden;}
.product_more .may_image .image img{margin:10px auto 0;top: 50%;left: 50%;transform: translate(-50%,-50%); position: absolute; max-height:100%;}
.product_more h4{ float: left; width:100%;text-align:center;padding:0 10px;font-weight:600;font-size:18px;color:#f98028;margin-bottom:10px;text-transform: capitalize; line-height: 24px; margin: 0;}
.product_more span{ float: left; width: 100%; padding: 5px 0 10px; color:#423f3f; font-size: 13px; font-weight: 400;}
.may_btn{background: #333;color: #fff;text-align: center;padding: 8px 20px;width: auto;margin: auto;	transition: 0.5s; border: 0; border-radius: 4px;}
.may_btn:hover{	background: #f98028;}
.product_more:hover .may_btn{	background: #f98028;}

/* Gallery Page */
.gallery_category{position:relative;overflow:hidden; margin-bottom: 20px;}
.gallery_category:before{position:absolute;content:"";right:20px;bottom:20px;border:2px solid rgba(255,255,255,0.90);box-shadow:0 0 0 30px rgba(255,255,255,0.4);opacity:0;top:20px;left:20px;z-index:1;transition:all .4s ease}
.gallery_category:before{opacity:1}
.gallery_category .gallery_image{transform:scale(1.5) translateY(0);transition:all .4s ease-in-out}
.gallery_category:hover .gallery_image{transform:scale(1.5) translateY(-12px)}
.gallery_category .gallery_image{width: 100%; position: relative; overflow: hidden; height: 285px;}
.gallery_category .gallery_image img{ position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%;}
.gallery_category .caption{position:absolute;bottom:calc(50% - 30px);left:50%;transform:translateX(-50%) translateY(50%);z-index:10;text-align:center;width:100%}
.gallery_category:after{position:absolute;content:'';height:100%;width:100%;left:0;background-color:rgba(0,0,0,0.6);transition:opacity .3s ease-in-out;opacity:0;top:0}
.gallery_category:hover:after{opacity:1; background-color: rgba(0,0,0,0.8);}
.gallery_category:after{opacity:1; transition: all 0.4s ease-in-out;}
.gallery_category .caption h3{color:#fff;margin-bottom:10px;transform:translateY(20px);transition:all .5s ease-in-out;opacity:0}
.gallery_category .caption p{transform:translateY(50px);color:rgba(255,255,255,0.7);opacity:0;transition:all .5s ease-in-out}
/*.gallery_category:hover .caption h3,.gallery_category:hover .caption p{opacity:1;transform:translateY(0px)}*/
.gallery_category .caption h3,.gallery_category .caption p{opacity:1;transform:translateY(0px)}
.gallery_category:hover .caption h3{color:#f98028;}
.gallery_category .link-wrap{position:absolute;top:calc(50% - 30px);right:50%;transform:translateX(50%) translateY(-50%);z-index:10}
.gallery_category .link-wrap i{display:inline-block;height:45px;width:45px;line-height:40px;background-color:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);text-align:center;color:#fff;font-size:14px;opacity:0;transition:all .5s ease-in-out}
/*.gallery_category .link-wrap a:first-child{transform:translateY(-30px);margin-right:5px}
.gallery_category .link-wrap a:last-child{transform:translateY(-60px)}*/
/*.gallery_category:hover .link-wrap a{opacity:1;transform:translateY(0px)}*/
.gallery_category .link-wrap i{opacity:1;transform:translateY(0px)}
.gallery_category .link-wrap i:hover{background-color:rgba(255,255,255,0.4)}
.gallery_video iframe{ width: 100%; height: 185px!important; margin-bottom: 5px;}




/* Gallery Details */
.gallery_details {position: relative;overflow: hidden;background: #222; margin-bottom: 20px;}
.gallery_details .gdetails_image{width: 100%; transition: all .4s ease-in-out;opacity: 0.9;}
.gallery_details:hover .gdetails_image {transform: scale(1.1);filter: blur(4px);}
.gallery_details .gdetails_image{width: 100%; position: relative; overflow: hidden; height: 190px;}
.gallery_details .gdetails_image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: 100%;}
.gallery_details .caption {position: absolute;bottom: calc(50% - 30px);left: 50%;transform: translateX(-50%) translateY(50%);z-index: 10;text-align: center;width: 100%;}
.gallery_details:before, 
.gallery_details:after {position: absolute;content: '';height: 0px;width: 0px;background-color: transparent;transition: all .3s ease-in-out;opacity: 0;}
.gallery_details:before {border-left: 1px solid #fff;border-top: 1px solid #fff;top: 20px;left: 20px;z-index: 1;}
.gallery_details:after {border-right: 1px solid #fff;border-bottom: 1px solid #fff;bottom: 20px;right: 20px;}
.gallery_details:hover:before, 
.gallery_details:hover:after {height: 40px;width: 40px;opacity: 1;}
.gallery_details .link-wrap {position: absolute;top: calc(55% - 25px);right: 50%;transform: translateX(50%) translateY(-50%);z-index: 10;}
.gallery_details .link-wrap i{display:inline-block;height:45px;width:45px;line-height:40px;background-color:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.3);text-align:center;color:#fff;font-size:14px;opacity:0;transition:all .5s ease-in-out}
.gallery_details:hover .link-wrap i {opacity: 1;transform: translateY(0px);}
.gallery_details .link-wrap i:hover {background-color: rgba(152, 180, 70, 0.76);}


/* Video Gallery */
.video_gallery{ float: left; width: 100%; margin: 0 0 20px; padding: 10px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .3);transition: all .3s ease-in-out}
.video_gallery:hover {box-shadow: 1px 1px 10px rgba(0, 0, 0, .5); padding-top: -2px;}
.video_gallery i{line-height: inherit; color: #ff9900; font-size: 20px;}
.video_gallery iframe{ width: 100%; height: 300px; margin-bottom: 5px;}
.video_gallery h3{font-size: 14px; color: #333; padding: 0; line-height: 24px; font-weight: normal; margin-bottom: 10px;}
.video_gallery h3 i{ width: 50px;height: 50px;background: #e02f2f;border: 1px solid #ce2626;text-align: center;line-height: 45px;float: left;font-size: 30px;color: #fff;margin-right: 15px;}

/* Careers Page  */
.careers_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.careers_right h1{padding: 8px 10px;
margin: 0 0 10px;
line-height: 30px;
background: #f98028;
font-size: 24px;
color: #fff;
font-weight: 600;}
.career_list{float: left; width: 100%; padding:0px; margin: 0 0 20px; border: 1px solid #ccc; background: #fff;}
.career_list h2{ font-size:18px; line-height: 30px; margin: 0 0 10px; padding: 5px 10px; background: #eee;}
.career_list ul {display: inline-block; margin:0px 0 10px; padding:0px;}
.career_list ul li {display: inline-block; margin-right: 15px; list-style: none;}
.career_list ul li:before{ content: none; margin: 0;}
.career_list ul li a {color: #333333; transition: all 0.5s ease-out;}
.career_list ul li i {margin-right: 5px; color: #f98028;}
.detail01{ padding: 0 10px;}
.career_list h2 a{ color: #333;}
.career_list:hover h2 a{ color: #f98028;}
.career_list:hover .read_more_product{ background: #f98028; color: #fff;}
.career_list:hover{box-shadow: 0 0 15px #c1c1c1; border: 1px solid #eee;}



.career_box{float: left; width: 100%; margin: 0 0 15px; border: 1px solid #ccc; padding: 15px 15px; background: #eee; font-size: 16px;}
.career_box i{ color:#f98028; font-size: 20px; margin-right: 10px;}
.upload{ position: absolute; z-index: 9; right: 15px; top: 10px; font-size: 12px!important; line-height: normal!important;}


/* select Option */
.product_add{ position: relative;}
.product_add .check_product i{ position: absolute; right: 1px; top: 1px; z-index: 9; width: 50px; height: 50px; line-height: 50px; font-size: 24px; background: #333; color: #fff; cursor: pointer; text-align: center; font-weight: 100}
.product_add .check_product i:hover, .product_add .check_product i:focus, .product_add .check_product i.active {
  background: #f98028;
  color: #fff;
}
.fa-check{background: #f98028!important;
  color: #fff;}



/* View select products */
.product_header{ float: left; width: 100%; /*border: 1px solid #eee;*/ margin-bottom: 20px; padding: 0px;}
/*.product_header.stricky{position: fixed;top: 56px;right:89px;z-index: 999; width: 870px; background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);}*/
.product_header .container{width: 100%; padding: 10px; border: 1px solid #eee;}
.product_header.stricky{position: fixed;top: 50px;right:0;z-index: 995; width: 100%; }
.product_header.stricky .container{width: 1170px; background: #fff; 
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);}
.product_header.stricky .container .col-lg-2{ width: 10%;}
.product_header .image{float: left; width: 100%; position: relative; height: 80px; text-align: center; border: 1px solid #eee;}
.product_header .image img{ position: absolute; max-width: 100%; top:50%; left:50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; margin: auto; padding: 10px;}
.select_close{ position: absolute; z-index: 999; right: -5px; top: -5px; background: #333; color: #fff; font-size: 13px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 75%;}
.select_close:hover,.select_close:focus{ background: #f98028; color: #fff;}


/* List and Grid */
.listing_view{float: left; width: 100%; background: #eee; border: 1px solid #ccc; padding: 5px; margin-bottom: 15px;}
.listing_view h3{ line-height: 30px; padding-left: 5px; color: #333; font-size: 17px; margin:5px 0;}
.product_view_btn{float: right;}
.list_btn{ float: left; background: #333; color: #fff; margin-left:10px; padding: 10px 20px;}
.list_btn:hover,.list_btn:focus, .list_btn.active{background:#f98028; color: #fff;}
.thumbnail{margin-bottom:20px;padding:0;border-radius:0}
.list_item{float:none;width:100%;margin-bottom:10px}
.list_item .list-group-image{margin-right:10px}
.list_item .thumbnail{margin-bottom:0}
.list_item .caption{padding:9px 9px 0 9px}
.list_item:before,.list_item:after{display:table;content:" "}
.list_item img{float:left}
.list_item:after{clear:both}
.list-group-item-text{margin:0 0 11px}

.list_item .thumbnail .product_view{float: left; width: 30%; padding: 15px; margin-right: 25px; border-right: 1px solid #eee; background: #fff;z-index: 2; margin-bottom: 0;}
.product_view{float: left; width: 100%; margin-bottom: 10px; position: relative; overflow: hidden; height: 250px; padding: 10px; }
.product_view .image{ text-align: center; position: relative; width: 100%; height:220px; overflow: hidden; margin: 0;transition: transform .5s ease;}
.product_view .image img{ position: absolute; max-width: 100%; top:50%; left: 50%; margin: auto; transform:translate(-50%, -50%); width: auto; max-height: 100%; padding: 10px;}
.item_view .thumbnail:hover .product_view .image{transform: scale(1.1);}
.item_view .caption{ text-align: center;}
.list_item .caption{ text-align: left;}
.item_view .caption h3{ padding:10px;margin-bottom: 10px; text-transform: capitalize;line-height: 24px; margin: 0; height: auto;}
.list_item .caption h3{ text-align: left; padding: 10px 0 13px;}
.item_view .caption h3 a{font-weight: 600; font-size: 18px; color: #f98028;}
.item_view .caption h3{ height: 65px;}
.list_item .caption h3{ height: auto;}
.item_view .caption h4{ padding:10px;margin-bottom: 10px; text-transform: capitalize;line-height: 24px; margin: 0;}
.list_item .caption h4{ text-align: left;}
.item_view .caption h4 a{font-weight: 600; font-size: 18px; color: #f98028;}
.item_view .caption p{ text-align: center; height: 70px; overflow: hidden; display: none;}
.list_item .caption p{ text-align: justify; height: auto; display: block;}
.item_view .caption span{ text-align: center; margin-bottom: 10px; display:block;}
.list_item .caption span{ text-align: justify; margin-bottom: 10px; display:block;}
.item_view .caption .may_btn{display: inline-block;}
.item_view .caption .may_btn:hover, .item_view .caption .may_btn:focus, .item_view .caption .may_btn.active{ background: #f98028; color: #fff;}
.item_view .thumbnail:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);}
.list_item .caption .subCatList{margin: 0;padding: 0; max-height: 115px; overflow: hidden; overflow-y: auto;}
.list_item .caption .subCatList li{float: left; width: 33%;}
.right_side ul li:before{float: left;}
.list_item .caption .subCatList li a{color: #333; font-size: 13px;}
.list_item .caption .subCatList li a:hover,.list_item .caption .subCatList li:focus{color: #f98028;}
.grid .caption .subCatList{display: none;}

/* Client Page */ 
.client_image{ float: left; width: 100%; margin: 0; padding: 10px; overflow: hidden; position: relative; height: 120px; border: 1px solid #eee; margin-bottom: 15px;}
.client_image .client_logo{overflow: hidden; position: relative; height: 100px; transition: transform .5s ease; }
.client_image:hover .client_logo{ transform: scale(1.1);}
.client_image .client_logo img{ position: absolute; max-width: 100%; top:50%; left: 50%; transform: translate(-50%, -50%); margin: auto; max-height: 100%; width:auto;}

/* Blog Page */

.blog_news{ float: left; width: 100%; margin-bottom: 50px;}
.blog_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.blog_page .blog_left h1{padding: 8px 10px;margin: 0 0 10px;line-height: 30px;background: #f98028;font-size: 24px;color: #fff;font-weight: 600;}
.feature_blog{ float: left; width: 100%; margin: 0 0 15px; padding: 0; border: 1px solid #ccc; background: #fff;}
.feature_blog .slick-dots{bottom: -35px;}
.feature_blog .feature_blog_item .image{ width: 100%; margin: 0; position: relative; overflow: hidden; height: 290px;}
.feature_blog .feature_blog_item .image img{ position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}

.feature_blog .feature_blog_item .blog_content{float: left; width: 100%; padding: 0; margin: 0;}
.feature_blog .feature_blog_item .blog_content h2{margin: 10px 0 10px; padding: 0; font-size: 22px; line-height: 30px;}
.feature_blog .feature_blog_item .blog_content h2 a{ color: #333;}
.feature_blog .feature_blog_item:hover .blog_content h2 a{ color: #f98028;}
.feature_blog .feature_blog_item .blog_content .blog_read_more{ float: left; padding: 7px 20px; color: #fff; background: #333; text-decoration: none; border-radius: 4px;}
.feature_blog .feature_blog_item:hover .blog_content .blog_read_more{ background: #f98028; color: #fff;}

.blog_grid{position: relative;}
.blog_grid .image{float: left; width: 100%; margin:0px; position: relative; overflow: hidden; height: 290px;}
.blog_grid .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.blog_grid a img {min-width: 100%;}
.blog_grid .article_title { float: left; width: 100%;background-color: #fff;margin: 0;margin-bottom: 20px;border: 2px solid #ccc;padding: 10px;padding-top: 15px;}
.blog_grid .article_title hr.article_line {
    background-color: #f98028;
    height: 4px;
    margin: 0;
    padding: 0;
    margin: -10px -12px 10px;
    border: none;
    position: relative;
    top: -7px;
}
.blog_grid h4 {
    height: 60px;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: left;
    padding: 0;
}
.blog_grid h4 a{ color: #333;}
.blog_grid:hover h4 a{ color: #f98028;}
.blog_grid .article_title .article_category_name {position: absolute;top: 20px;left: 0;background: #f2f2f2; padding: 5px 10px;font-weight: 600;color: #333;}
.blog_grid .article_title .article_category_name a{ color: #333;}
.left_title1{float: left;width: 100%;padding: 8px 10px;margin: 0 0 10px;line-height: 30px;background: #f98028;font-size: 24px;color: #fff;font-weight: 600;}
.right_news{ float: left; width: 100%; margin-bottom: 15px; border: 1px solid #ccc; background: #fff;}
.right_news .image{float: left; width: 100%; margin:0 0 10px; position: relative; overflow: hidden; height: 180px;}
.right_news .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.right_news h5{ padding: 10px; line-height: 18px; font-size: 15px; margin: 0px;}
.right_news h5 a{ color: #333;}
.right_news:hover h5 a{color: #f98028;}

.pager li > a{border-radius: 0px; color: #f98028;}
.pager li > a:hover,.pager li > a:focus {color: #fff; background: #f98028; border-color:#f98028; }




/* New Blog Details Page */
.blog_details{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 10px;}
.blog_details ul {display: inline-block; margin:0px 0 20px; padding: 0;}
.blog_details ul li {display: inline-block; margin-right: 15px; list-style: none;}
.blog_details ul li:before{ content: none; margin: 0;}
.blog_details ul li a {color: #333333; transition: all 0.5s ease-out;}
.blog_details ul li i {margin-right: 5px;}
.blog_details1{ float: left; width: 100%; margin: 0; padding: 0;}
.blog_details1 .details_image{text-align: center;}
.blog_details1 .details_image img{ width: auto; margin-bottom: 15px;}
.blog_details1 p{ text-align: justify; line-height: 24px;}
.blog_details1 .block-quote {padding: 30px 40px;margin-bottom: 20px;background: #eee;border-left: 3px solid #f98028;}
.blog_details1 .block-quote p{ font-size: 15px; line-height: 24px;}
.blog_details1 h3{ margin: 0 0 5px; padding: 0; line-height: 30px;}
.blog_details1 ul{float: left; width: 100%; margin: 0 0 25px; padding: 0;}
.blog_details1 ul li{width: 100%; display: inline-block;list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: normal;}
.blog_details1 ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}
.fb-comments{ width: 100%;}


/* Recent Blog */

.recent_blog{position: relative;}
.recent_blog .image{float: left; width: 100%; margin:0px; position: relative; overflow: hidden; height: 190px;}
.recent_blog .image img{position: absolute; max-width: 100%; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%;}
.recent_blog a img {min-width: 100%;}
.recent_blog .article_title { float: left; width: 100%;background-color: #fff;margin: 0;margin-bottom: 20px;border: 2px solid #f2f2f2;padding: 10px;padding-top: 15px;}
.recent_blog .article_title hr.article_line {
    background-color: #f98028;
    height: 4px;
    margin: 0;
    padding: 0;
    margin: -10px -12px 10px;
    border: none;
    position: relative;
    top: -7px;
}
.recent_blog h4 {
    height: 60px;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: left;
    padding: 0;
}
.recent_blog h4 a{ color: #333;}
.recent_blog:hover h4 a{ color: #f98028;}
.recent_blog .article_title .article_category_name {position: absolute;top: 20px;left: 0;background: #f2f2f2; padding: 5px 10px;font-weight: 600;color: #333;}
.recent_blog .article_title .article_category_name a{ color: #333;}



/* Old Blog Page */

.blog_news .image_box {float: left; width: 100%; position: relative; height: 350px; overflow: hidden;
border: 1px solid #ccc;}
.blog_news .image_box .blog_image{position: relative; height: 350px; overflow: hidden; transition: all 0.5s ease-out;}
.blog_news:hover .image_box .blog_image{ transform: scale(1.1);}
.blog_news .image_box .blog_image img{ position: absolute; max-width: 100%; top:50%; left: 50%; margin: auto; padding: 0; transform: translate(-50%, -50%); width: 100%; height: auto}
.blog_news .content-box { float: left; width: 100%;
    background: #eee;
    padding: 20px 20px 20px;
}
.blog_news .content-box h2 {
    text-transform: capitalize;
    line-height: 30px;
    font-size: 20px;
    margin: 0 0 10px;
}
.blog_news .content-box h2 a {
    color: #333333;
    transition: all 0.5s ease-out;
}
.blog_news .content-box p {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;
}
.blog_btn{ float: right; padding: 7px 20px; background: #333; color: #fff; display: inline-block;}
.blog_btn:hover,.blog_btn:focus, .blog_btn.active{background: #f98028; color: #fff;}
.blog_news:hover .blog_btn{background: #f98028; color: #fff;}
.blog_news:hover .content-box h2 a{ color: #f98028;}
.blog_news .content-box ul {display: inline; margin:0px;}
.blog_news .content-box ul li {display: inline-block; margin-right: 15px;}
.blog_news .content-box ul li:before{ content: none; margin: 0;}
.blog_news .content-box ul li a {color: #333333; transition: all 0.5s ease-out;}
.blog_news .content-box ul li i {margin-right: 5px;}
.sidebar_post{float: left; width: 100%; padding: 10px 15px; background: #eee;}
.sidebar_post .media { float: left; width: 100%; margin: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
}
.sidebar_post .media:last-child{ border-bottom: 0;}
.sidebar_post .media .media-left {
    float: left;
    width: 80px;
}
.sidebar_post .media .media-left .image{ width: 100%; position: relative; height: 60px; overflow: hidden; border: 1px solid #ccc;}
.sidebar_post .media .media-left .image img{ position: absolute; max-width: 100%; margin: auto; top:50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; padding: 0;}
.sidebar_post .media .media-body h4 {
    font-size: 15px;
    text-transform: capitalize;
    line-height:18px;
    text-align: left;
    padding: 0;
}
.sidebar_post .media .media-body h4 a {
    color: #333333;
    transition: all 0.5s ease-out;
}
.sidebar_post .media .media-body h4 a:hover{ color: #f98028;}
.sidebar_post .media:hover .media-body h4 a{ color: #f98028;}
.line1{ border-top-color: #ccc;}

/* Blog Details  */
.blogdetails img{ width: 100%;}
.blog_news .content_details { float: left; width: 100%;
    background: #eee;
    padding: 20px 20px 20px;
}
.blog_news .content_details h2 {
    text-transform: capitalize;
    line-height: 30px;
    font-size: 20px;
    margin: 0 0 10px;
}
.blog_news .content_details h2 a {
    color: #333333;
    transition: all 0.5s ease-out;
}

.blog_news .content_details ul {display: inline; margin:0px;}
.blog_news .content_details ul li {display: inline-block; margin-right: 15px;}
.blog_news .content_details ul li:before{ content: none; margin: 0;}
.blog_news .content_details ul li i {margin-right: 5px;}

.blog_news .block-quote {
    padding: 30px 40px;
    margin-bottom: 20px;
    background: #fdfdfd;
    border-left: 3px solid #f98028;
}
.blog_news .block-quote p{ font-size: 15px; line-height: 24px;}
.blog_news .content_details ol{ width: 100%; margin: 0 0 25px; padding: 0;}
.blog_news .content_details ol li{ list-style: none; line-height: 24px; color: #423f3f; font-size: 15px; font-weight: normal;}
.blog_news .content_details ol li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}
.share-area{background: #fff;
    padding: 15px 30px;
}
.share-area .project-name li {
  display: inline-block;
  margin-right: 20px;
}
.share-area .project-name li:last-child {
  margin: 0;
}
.share-area .project-name li a {
  color: #333333;
  transition: all 0.5s ease-out;
}
.share-area .project-name li a:hover {
  color: #526788;
}
.share-area .social-icon {
  display: inline;
  margin-right: 30%;
}
.share-area .social-icon:last-child {
  margin: 0;
}
.share-area .social-icon li {
  display: inline-block;
  margin: 0!important;
}
.share-area .social-icon li h3 {
  margin: 0;
  font-size: 18px;
  color: #333333;
  margin-right: 10px;
  font-weight: 500;
line-height: 15px;
}
.share-area .social-icon li i {
  margin-right: 2px;
}
.share-area .social-icon li i:last-child {
  margin: 0;
}
.share-area .social-icon li .fa-facebook {
  color: #ffffff;
  background-color: #3b579d;
  padding: 11px 14px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-facebook:hover {
  opacity: 0.7;
}
.share-area .social-icon li .fa-twitter {
  color: #ffffff;
  background-color: #1da1f2;
  padding: 11px 12px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-twitter:hover {
  opacity: 0.7;
}
.share-area .social-icon li .fa-google {
  color: #ffffff;
  background-color: #ea4335;
  padding: 11px 13px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-google:hover {
  opacity: 0.7;
}
.share-area .social-icon li .fa-linkedin {
  color: #ffffff;
  background-color: #0177b5;
  padding: 11px 13px;
  border-radius: 50%;
  transition: all 0.5s ease-out;
}
.share-area .social-icon li .fa-linkedin:hover {
  opacity: 0.7;
}

/*  Contact Us   */
.contact_page{float:left;width:100%;margin:0;padding:50px 0; position: relative; }
.contact_info{float: left;
width: 100%;
margin: 0 0 20px;
padding: 0;
text-align: justify;}

.contact_info h2 {
    margin: 10px 0 10px;
    line-height: 24px;
    font-size: 24px;
    color: #f98028;
    font-weight: 600;
    text-transform: capitalize;

}
.contact_info p {
    font-size: 16px;
    text-align: justify;
    line-height: 24px;
}
.contact_form h2{ margin: 10px 0 10px;
    line-height: 24px;
    font-size: 24px;
    color: #f98028;
    font-weight: 600;
    text-transform: capitalize; }
#contact_form label.error,.output {color: #FB3A3A; font-weight: normal; margin-bottom: 15px;}
#quick_form label.error,.output {color: #FB3A3A; font-weight: normal; margin-bottom: 15px;}
#quick_enquiry label.error,.output {color: #FB3A3A; font-weight: normal; margin-bottom: 15px;}
.pac-container { z-index: 100000; }
.contact_map{ float: left; width: 100%; height: 550px;}





/*** Contact Page2  ***/
.contact_page2 {float: left; width: 100%; margin: 0; padding: 0 0 80px; background: #fff; box-shadow: none;}
.contact_map2{ float: left; width: 100%; height: 800px;}
.contact_form_grid { float: left;
width: 100%;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.5);
  margin-bottom: 10px;
  margin-top: -320px;
  border-radius: 4px;
    background: #fff;
}
.contact_form_grid1 { float: left;
width: 100%;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.5);
  margin-bottom: 0px;
  margin-top: 0px;
  border-radius: 4px;
}
.contact_details{
  background: #f98028;
  border-radius: 4px 0 0 4px;
  padding: 40px 40px 50px 30px;
}
.contact_details h1{
  color: #ffffff;
  font-size: 20px;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
  margin-bottom: 20px;
}
.contact_details h4 {
  color: #ffffff;
  font-size: 20px;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
  margin-bottom: 20px;
}
.contact_details p {
  color: #ffffff;
  margin-bottom: 20px;
}
.contact_details .address_list{
  clear: both;
    margin: 0 0 20px; padding: 0;
}
.contact_details .address_list li {
  clear: both;
    list-style: none;
}
.contact_details .address_list li a{
  color: #ffffff;
  display: flex;
  line-height: 24px;
    font-size: 15px;
  margin-bottom: 10px;
}
.contact_details .address_list li a span{
  font-size: 30px;
  margin-right: 13px;
}

.social_list{ float: left; width: 100%; margin: 0; padding: 0;}
.social_list li{ list-style: none; display: inline-block;}
.social_list li a{ color: #fff; width: 35px; height: 35px; line-height: 35px; border: 1px solid #fff; text-align: center; margin-right: 10px;}
.social_list li a:hover{ color: #cfe982; border: 1px solid #cfe982;}
.contact_form_grid .form_grid{
  background-color: #ffffff;
  padding: 30px;
}
.contact_form_grid1 .form_grid{
  background-color: #ffffff;
  padding: 30px;
}
 .form_grid h4 {
  font-size: 20px;
    text-transform: uppercase;
text-align: left;
    margin: 0 0 20px; padding: 0;
    color: #333;
}




/*  Testimonial Page  */

.testimonial_block{ float: left; width: 100%; margin-bottom: 20px;}
.testimonial_text_box {
    margin: 0 0 30px;
    padding: 32px 20px 35px 0;
    background: #eee;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
    display: table;
    position: relative;
}
.testimonial_text_box .this-quote{
    margin: 0 20px;
    width: 30px;
}
.testimonial_text_box .this-quote img {
    width: auto;
}
.testimonial_text_box:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -25px;
    left: 69px;
    border-top: 25px solid #eee;
    border-right: 25px solid transparent;
}
.testimonial_text_box .this-texts {
    display: table-cell;
    width: calc(100% - 70px);
    vertical-align: top;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.testimonial_author .media-left {
    padding-right: 30px;
}
.testimonial_author .media-left a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.testimonial_author .media-body {
    vertical-align: middle;
}
.testimonial_author .this-title {
    font-size: 17px;
    color: #333;
    text-align: left;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.testimonial_author .loc {
    color: #f98028;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
}

/* Sitemap page */
.sitemap_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.sitemap_right_side h1{padding: 8px 10px;
margin: 0 0 10px;
line-height: 30px;
background: #f98028;
font-size: 24px;
color: #fff;
font-weight: 600;}
.sitemap{
	border-left: 1px solid #666;
	padding:0;
	
}
.sitemap li{ list-style:none!important;
	background: transparent url(../images/sitemap/sitemap_hr.png) no-repeat scroll 0px 9px;
padding: 0px 0px 0px 15px;
margin-bottom: 5px;
}
.sitemap li ul{border-left: 1px solid #666;
	padding:0;}
.sitemap li a{
color: #f98028;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 5px;
display: block;

}
.sitemap li a:hover{ color:#f98028;}
.sitemap li ul li a{
	color: #333;
	font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    padding-bottom: 0px 0 8px;
    display: block;
}

ul.all_sitemap{
	border-left: 1px solid #333;
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 50px;
	
}
ul.all_sitemap li {
    list-style: none!important;
    background: transparent url("../images/sitemap/sitemap_hr.png") no-repeat scroll 0 9px;
    padding: 0 0 0 15px;
    margin-bottom: 5px;
}

ul.all_sitemap li a{
	color: #f98028;
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px;
    display: block;
}
.all_sitemap li ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    border-left: 0;
    padding: 0;
    margin-bottom: 15px;
}
.all_sitemap li ul li{background: transparent;}

ul.all_sitemap li ul li{
    list-style: none!important;
    background: transparent url("../images/sitemap/sitemap_hr.png") no-repeat scroll 0 9px;
    padding: 0 0 0 15px;
    padding: 0 0 0 15px;
    margin-bottom: 0;
    border-left: 1px solid #333;
}
ul.all_sitemap li ul li a{
	color: #333;
	font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    padding:0px 0 8px;
    display: block;
}
ul.all_sitemap li ul li a:hover{color: #f98028;}

/* Download PDF  */
.download_pdf{float: left; width: 100%; margin-bottom: 15px;}
.download_pdf .image{float: left; width: 100%; height: 260px; overflow: hidden; position: relative; border: 1px solid #ccc;}
.download_pdf .image img{position: absolute; max-width: 100%; top: 50%; left: 50%; margin: auto; padding: 0; transform: translate(-50%, -50%); max-height: 100%; width: auto;}
.download_pdf h3{ float: left; width: 100%; text-align: center; font-size: 16px; line-height: 24px; margin: 0; padding: 10px 0 10px;}
.download_pdf h3 a{ color: #333;}
.download_pdf:hover h3 a{ color: #f98028;}

.highlight{ padding: 0 15px; background: #f98028;}
.highlight:hover{background: #f98028; color: #fff!important;}

/*  Product Page1  */

.product_page1{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.product_category{ float: left; width: 100%; margin-bottom: 20px; border: 1px solid #EAEAEA; padding: 15px; background: #fff;}
.product_category h2{ font-size: 15px; float: left; color: #333; margin: 0; padding: 0;}
.product_category ul{ float: left; width: 100%; margin: 0; padding: 0;}
.product_category ul li{ list-style: none; display: inline-block; padding-right:15px;}
.product_category ul li strong{ font-size: 16px;}
.product_category ul li a{ color: #333;text-decoration: none;}
.product_category ul li a:hover{ color: #f98028;}

.product_1{ float: left; width: 100%; padding: 10px; margin-bottom: 20px; background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);transition: all .3s ease-in-out; text-align: center;}
.product_1_image{ float: left; width: 100%; height: 270px; position: relative; overflow: hidden; margin-bottom: 10px; /*border: 1px solid #eee;*/}
.product_1_image .product_item{width: 100%; height: 270px; position: relative; overflow: hidden; transition: all 0.5s ease-out;}
/*.product_1:hover .product_1_image .product_item{ transform: scale(1.05);}*/
.product_1 .product_1_image .product_item img{ position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; padding: 0; margin: auto;}
.product_1 .product_slide .slick-prev{display:none!important}
.product_1 .product_slide .slick-next{display:none!important}
.product_1 .product_slide{margin-bottom:0!important}
.product_1:hover .product_slide .slick-prev{left:0px; z-index:50; top:50%;width:40px!important; height:40px!important; display:block!important;z-index:50; border-radius: 0;}
.product_1:hover .product_slide .slick-next{right:0px; z-index:50;top:50%;width:40px!important; height:40px!important;display:block!important;z-index:50; border-radius: 0;}
.product_1 h3{ font-size: 14px; line-height: 18px; margin: 0 0 10px;}
.product_1 h3 a{ color: #333;}
.product_1:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);}
.product_1:hover h3 a{ color: #f98028;}
.product_1 .price{font-size: 13px;}
.product_1 .price strong{ font-weight: 700;}
.product_1 h5{font-size: 13px; margin-bottom: 10px;}
.contact_btn{padding: 5px 20px; background: #fff; border: 1px solid #ccc; color:#333; border-radius: 16px; text-decoration: none; width: auto; display: inline-block;}
.contact_btn:hover,.contact_btn:focus{ background: #f98028; color: #fff; border: 1px solid #f98028;}

/* Product Details Page  */
.product_details_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee; position: relative;}
.product_details1 {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-style: solid;
    border-width:1px;
    border-color: #ccc;
    background: #fff;
}

.app-figure{width:100% !important;margin:0px auto;border-right:1px solid #eee;padding:15px 15px 15px 0px;position:relative;}
.selectors{margin-top:10px;text-align:center;}
.selectors .mz-thumb img{max-width:56px;}
@media screen and (max-width:600px){.mz-thumb img{max-width:39px;}}
.details_page_content{float: left; width: 100%; padding: 15px 0;}
.details_page_content h1{ font-size: 17px; line-height: 24px; margin-bottom: 10px;}
.details_page_content h2{ font-size: 17px; line-height: 24px; margin-bottom: 10px;}
.price01{float: left; width: 100%; padding: 10px; background: #f5f5f5; margin-bottom: 10px; font-size: 14px; font-weight: 500;}
.price01 strong{ font-weight: 700; font-size: 16px; color: #f98028;}
.supplier_btn{padding: 8px 20px; background: #f98028;color:#fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:10px; margin-bottom: 15px; font-size: 15px;}
.supplier_btn:hover,.supplier_btn:focus{background:#7c962e; color: #fff;}
.details_page_content p strong{ color: #f98028; text-transform: uppercase;}
.a2a_dd{ padding: 8px 25px; border: 1px solid #ccc; display: inline-block; width: auto; color: #333; border-radius: 4px;}
.a2a_dd:hover{ background: #f98028; color: #fff; border: 1px solid #f98028;}

.product_overview{ float: left; width: 100%; margin-bottom: 15px;}
.product_overview .panel-default{border-radius: 0;}
.product_overview .panel-heading{ padding: 0; border: 0;}
.nav-tabs > li a{ color: #333; border: 1px solid #fff;}
.product_overview .panel-heading .nav-tabs li.active > a{ border:1px solid #fff; color: #f98028; border-top: 2px solid #f98028; border-radius: 0;}
.nav-tabs > li:hover > a{ border:1px solid #fff; color: #f98028; border-radius: 0;}
.product_overview .tab-pane h3{ margin: 0 0 10px;}
.product_overview .tab-pane h4{ margin: 0 0 10px; text-align: left; color:#333; padding: 0;}
.product_overview .tab-pane .dl-horizontal dt{ text-align: left; font-size: 13px; line-height: 20px; font-weight: normal;}
.product_overview .tab-pane .dl-horizontal dd{font-size: 13px; line-height: 20px; font-weight: normal;}
.product_overview .tab-pane .quick_details{ border-bottom: 1px solid #eee; margin-bottom: 15px;}
.product_details_page h5{ float: left; margin: 0 0 10px; color: #333; padding: 0; font-size: 18px;}

/* Product Details Right */
.product_details_right{ float: left; width: 100%; margin-bottom: 15px; padding: 10px; border: 1px solid #eee; background: #fff;}
.product_details_right .media { float: left; width: 100%; margin: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.product_details_right .media:last-child{ border-bottom: 0;}
.product_details_right .media .media-left {
    float: left;
    width: 60px;
}
.product_details_right .media .media-left .image{ width: 100%; position: relative; width: 50px; height: 50px; overflow: hidden; border: 1px solid #eee; border-radius: 75%;}
.product_details_right .media .media-left .image img{ position: absolute; max-width: 100%; margin: auto; top:50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; width: auto; padding: 0;}
.product_details_right .media .media-body h4 {
    font-size: 15px;
    text-transform: capitalize;
    line-height:18px;
    text-align: left;
    padding: 0;
}
.product_details_right .media .media-body h4 a {
    color: #333333;
    transition: all 0.5s ease-out;
}
.product_details_right .media .media-body h4 a:hover{ color: #f98028;}
.product_details_right .media:hover .media-body h4 a{ color: #f98028;}
.year{ border: 1px solid #eee; border-radius: 16px; padding: 3px 10px; font-size: 12px; float: left;}
.product_details_right h5{ font-size: 15px; margin: 0 0 10px; padding: 0;}
.alsoLike{ float: left; width: 100%; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #eee;}
.alsoLike:last-child{border-bottom: 0;}
.alsoLike .image{ float: left; width: 100%; position: relative; overflow: hidden; height: 140px; margin-bottom: 10px; padding: 0; text-align: center;}
.alsoLike .image img{ position: absolute; max-width: 100%; top: 50%; left: 50%; margin: auto; padding: 0; transform: translate(-50%, -50%); max-height: 100%; width: auto;}
.alsoLike h5{ text-align: center; display: inline-block; float: left; width: 100%;}
.alsoLike h5 a{ color: #333;}
.alsoLike:hover h5 a{ color: #f98028;}


.send_btn{ float: right; padding: 10px 20px; background: #333; color:#fff; text-decoration: none; width: auto; display: inline-block; margin-right: 15px;}
.send_btn:hover,.send_btn:focus{ background: #f98028; color: #fff;}
.selected_products{ float: left; width: 100%; margin: 0; padding: 0;}
.selected_products h4{ text-align: left; color: #333; margin: 0 0 10px; padding: 0;}
.selected_products .image{float: left; width: 100%; position: relative; height: 80px; text-align: center; border: 1px solid #eee; margin-bottom: 10px;}
.selected_products .image img{ position: absolute; max-width: 100%; top:50%; left:50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; margin: auto; padding: 10px;}
.tips {
    width: 100%;
    color: #605f5f;
    font-size: 13px;
    background-color: #fffae4 !important;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 15px;
}
.apply_now{padding: 8px 20px;
background: #333;
color: #fff;
border-radius: 3px;
text-decoration: none;
width: auto;
display: inline-block;
margin-right: 10px;
margin-bottom: 15px;
font-size: 15px;}
.apply_now i {
    margin-left: 10px;
}
.top_btn{ width: 100%; padding: 15px 15px; border-radius: 0; text-align: center; font-size: 16px;}
.apply_now:hover,.apply_now:focus{background:#f98028; color: #fff;}
.slick-prev:hover, .slick-next:hover {
    color: #fff;
    outline: 0;
    background: #f98028;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: 0;
    background: #f98028;
}
.slick-dots li.slick-active button {

    background: #f98028;

}
.zoom-gallery { 
        text-align: center; 
    padding-top: 10px;
    }
    .zoom-gallery-slide { position: relative;
        display: none;
        height: 375px;
        text-align: center;
        border: 1px solid #eee;
    }
.zoom-gallery-slide a{ position: absolute; max-width: 100%; top: 50%; left: 50%; padding: 0; margin: 0; transform: translate(-50%, -50%); max-height: 100%; width: 100%;}
    .zoom-gallery-slide.active { 
        display: block; 
        width: auto;
    }
    .zoom-gallery .video-slide {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
        height: 315px;
        width: 100%;
    }
    .zoom-gallery .video-slide iframe, 
    .zoom-gallery .video-slide object,
    .zoom-gallery .video-slide embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    .zoom-gallery .selectors { 
        text-align: center; 
        margin:10px 0; 
    }
    .zoom-gallery .selectors a { 
        margin:5px; 
        border:1px solid transparent; 
        display: inline-block; 
    }
    .zoom-gallery .selectors a:hover,
    .zoom-gallery .selectors a.active { 
        border-color: #ccc; 
    }
    .zoom-gallery .selectors img { 
        box-shadow: none !important; 
        filter:none !important; 
        max-width: 56px;
    }
    .zoom-gallery .selectors a[data-slide-id=video-1],
    .zoom-gallery .selectors a[data-slide-id=video-2] { 
        position: relative;
    }
    .zoom-gallery .selectors a[data-slide-id=video-1] img,
    .zoom-gallery .selectors a[data-slide-id=video-2] img { 
        opacity: 0.8;
    }
    .zoom-gallery .selectors a span {
        position: absolute;
        color:#fff;
        text-shadow: 0px 1px 10px #000;
        top:50%;
        left:50%;
        display: inline-block;
        transform:translateY(-50%) translateX(-50%); 
        font-size:30px;
        z-index: 100;
    }


/* Shop Page */
.shop_page{float: left;
width: 100%;
margin: 0;
padding: 50px 0;
background: #eee;
position: relative;}
.product_filter{ float: left; width: 100%; padding: 15px; background: #fff;}
.product_filter ul{ background:transparent; margin: 0 0 10px; padding:0px;}
.product_filter ul li {
  text-transform: capitalize;
  display: block;
  color: #888888;
  font-size: 14px;
  line-height: 34px;
  position: relative;
    border-bottom: 0;
}

.product_filter li label {
  font-size: 14px;
  line-height: 34px;
  font-weight: normal;
  cursor: pointer;
  color: #333;
}
.product_filter li label:before,
.product_filter li label:after {
  content: "";
  display: table;
}
.product_filter li label:after {
  clear: both;
}
.product_filter li label {
  line-height: 30px;
  margin: 0;
}

.product_filter li label:hover {
  color: #f98028;
}
.product_filter li label > span {
  display: block;
  position: relative;
  padding-left: 27px;
}
.product_filter li label > span:before {
  content: '';
  width: 15px;
  height: 14px;
  background: transparent;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
    border: 1px solid #ccc;
}
.product_filter li label input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
.product_filter li label input[type=checkbox]:checked + span {
  color: #f98028;
}

.product_filter li label input[type=checkbox]:checked + span:before {
  background: #f98028;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/shop/checked.png);
    border: 1px solid #f98028;
}
.product_filter li a {
  display: block;
  color: #666666;
}
.block-filter .filter-options-content .item a:before,
.block-filter .filter-options-content .item a:after {
  content: "";
  display: table;
}
.block-filter .filter-options-content .item a:after {
  clear: both;
}
.block-filter .filter-options-content .item a:hover {
  color: #f98028;
}
.product_filter li.count {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #a4a4a4;
  line-height: 1;
}
.price{ float: left; width: 100%; position: relative; width: 85px;
    margin-right: 5px;
}
.price input{
    padding-left: 25px; 
}
.price i {
    position: absolute;
    padding: 12px;
    pointer-events: none;
    left: 0;
    top: 1px;
    z-index: 999;
}

.price_btn{padding: 10px 13px;
border: 0;
background: #333;
color: #fff; }
.price_btn:hover{ background: #f98028;}
.item_view .shop_view{height: 220px;}
.list_item .shop_view{height: 300px;}
.list_item .shop_view .image{ height: 270px;}
.result_show{display: inline-block;
text-align: right;
float: right;
line-height: 40px;
margin-right: 10px;}
.product_ratings{ width: 100%; padding: 0px;}
.product_ratings i{ font-size: 15px;}
.checked {
  color: orange;
}
.price_box{color: #666;}
.item_view .caption span.old_price { display: inline-block;color: #666;font-size: 15px; text-decoration: line-through;}
.item_view .caption span.old_price+.new_price { display: inline-block;
color: #f98028; margin-left: 1rem; font-size: 20px;
}
.add_to_cart{ background: #fb641b;
padding: 10px 20px;
font-size: 14px;
color: #fff;
margin: 10px 0px 10px 0px;
display: inline-block;
width: auto;
border-radius: 3px;}
.add_to_cart:hover,.add_to_cart:focus{background: #f98028; color: #fff;}
.shop_page .item_view .caption h3 a {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}
.shop_page .item_view .caption h3 {
    height: 60px;
}
.shop_page .item_view:hover .caption h3 a { color: #f98028;}
.shop_page .list_item .caption h3 {
    height: auto;
}


/* Shop details Page */
.shop_details_page{float: left;
width: 100%;
margin: 0;
padding: 50px 0;
background: #eee;
position: relative;}
.shop_details_page .details_page_content h1 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.shop_details_page .details_page_content .product_ratings{ margin-bottom: 10px;}
.shop_details_page .details_page_content .product_ratings .rating_link{ display: inline-block; color: #444;}
.shop_details_page .details_page_content .product_ratings .rating_link:hover{color:#f98028;}
.shop_details_page .details_page_content .stock_box{ margin-bottom: 10px;}
.shop_details_page .details_page_content .stock_box span{    font-size: 13px;
    line-height: 18px;
    color: #666666;
    padding: 0px;
    font-weight: normal; display: inline-block;}
.shop_details_page .details_page_content .stock_box .value {
    font-size: 13px;
    color: #ff7878;
}
.shop_details_page .details_page_content .price_box{color: #666; margin-bottom: 10px;}
.shop_details_page .details_page_content span.old_price { display: inline-block;color: #666;font-size: 18px; text-decoration: line-through;}
.shop_details_page .details_page_content span.old_price+.new_price { display: inline-block;
color: #f98028; margin-left: 1rem; font-size: 24px;
}
.shop_details_page .details_page_content p{ font-size: 13px;}
.shop_details_page .details_page_content .size_label{ color: #333; margin-bottom: 5px;}
.shop_details_page .details_page_content .size{ width: 150px;}
.shop_details_page .details_page_content .check{ position: relative; float: left; width: 100%;}
.form-group.check i {
    position: absolute;
    left: 0px;
    top:12px;
color: #f98028;
}
.shop_details_page .details_page_content .check input{ float: left; border: 0; border-bottom: 2px solid #f98028; padding-right: 0; padding-left: 15px;}
.shop_details_page .details_page_content .check_btn{ border:0; background:transparent; color: #f98028; padding: 10px 0px; position: absolute; right: 0; top: 0; font-weight: 600; font-size: 14px;}
.shop_details_page .details_page_content .qty_group{ margin-bottom: 10px;}
.shop_details_page .details_page_content .qty_group .qty_btn{ display: inline-block; padding: 10px 15px; background: #333; color: #fff; border: 0;}
.shop_details_page .details_page_content .qty_group .qty_value{ width: 60px; text-align: center;}
.shop_details_page .details_page_content .qty_group .qty_btn:hover{ background: #f98028; color: #fff;}
.shop_details_page .details_page_content .add_to_cart{padding: 8px 20px; background: #fb641b;color:#fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 15px;}
.shop_details_page .details_page_content .add_to_cart:hover,.shop_details_page .details_page_content .add_to_cart:focus{background:#7c962e; color: #fff;}

.shop_details_page .details_page_content .add_to_wishlist{padding: 8px 20px; background: #333;color:#fff; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 15px;}
.shop_details_page .details_page_content .add_to_wishlist:hover,.shop_details_page .details_page_content .add_to_wishlist:focus{background:#7c962e; color: #fff;}
.shop_details_page h5{float: left;
margin: 0 0 10px;
color: #333;
padding: 0;
font-size: 18px;}
.tab-content .product_rate{ float: right; font-size: 14px; background: transparent; border: 1px solid #eee; padding: 8px 20px;}
.tab-content .product_rate:hover,.tab-content .product_rate:focus{ background: #f98028; color: #fff; border: 1px solid #f98028;}
.tab-content .review {
    margin-bottom: 20px;
    text-transform: none;
    background: #f8f8f8;
    padding: 20px;
}
.tab-content .review  .review-title {
    margin-bottom: 5px;
}
.tab-content .review  .review-title .summary {
    color: #333;
    font-size: 15px;
    font-weight: normal;
    margin-right: 10px;
   /* font-style: italic;*/
}
.tab-content .review .review-title .date {
    font-size: 12px;
}

.tab-content .review .review-title .date  span {
    margin-left: 5px;
    color: #f98028;
}
.tab-content .review .text {
    line-height: 18px;
}
.tab-content .review .product_ratings{ margin-bottom: 10px;}
.tab-content .review_table table{ border: 1px solid #ccc;}
.tab-content .review_table table thead tr th{background: #f98028; color: #fff;}
.tab-content .review_table table tr td{ border: 1px solid #eee!important; padding: 5px 10px; line-height: 35px; text-align: center;}
.tab-content .review_table table tr td input[type="radio"]{ margin: auto; line-height: 30px; height: 30px;}
.feature_sec h3{ font-size: 18px;}
.feature_sec .price_box{color: #666; text-align: center; margin-bottom: 10px;}
.feature_sec span.old_price { display: inline-block;color: #666;font-size: 15px; text-decoration: line-through;}
.feature_sec span.old_price+.new_price { display: inline-block;
color: #f98028; margin-left: 1rem; font-size: 20px;
}
.relative{ text-align: center;}
.relative .add_to_cart{ margin: 0 auto 10px; padding: 8px 20px;}
.feature_item:hover .relative h3 a{color: #f98028;}
.alsoLike .price_box{color: #666; text-align: center; margin-bottom: 10px;}
.alsoLike span.old_price { display: inline-block;color: #666;font-size: 15px; text-decoration: line-through;}
.alsoLike span.old_price+.new_price { display: inline-block;
color: #f98028; margin-left: 1rem; font-size: 20px;
}
.alsoLike .add_to_cart{ margin: 0 auto 10px; padding: 8px 20px;}


/* My Header  */
.mybody .web-pulse-header .w-e-b-p-u-l-s-e-topbar{padding: 7px 0;}




/* Cart Page */
.cart_page{ float: left;
width: 100%;
margin: 0;
padding: 50px 0;
background: #eee;
position: relative;}
.cart_page .cart_table{ margin-bottom: 15px;}
.cart_page table{ border: 1px solid #ccc;}
.cart_page table thead tr th{background: #b1c283; color: #fff; padding: 8px 15px}
.cart_page table tr td{ border: 1px solid #eee; padding: 5px 10px;}
.cart_page table tr td:nth-child(1) {width: 15%;}
.cart_page table tr td:nth-child(2) {width: 30%;}
.cart_page table tr td:nth-child(3) {width: 18%;}
.cart_page table tr td:nth-child(4) {width: 12%;}
.cart_page table tr td:nth-child(5) {width: 12%;}
.cart_page table tr td:nth-child(6) {width: 13%;}
.cart_page table tr td:nth-child(7) {width: 3%;}
.cart_page table tr td input[type="radio"]{ margin: auto; line-height: 30px; height: 30px;}
.cart_page table tr td .cart_info a{ font-size: 14px; font-weight: 600; color: #333; line-height: 22px;}
.cart_page table tr td .cart_info a:hover{ color:#f98028;}
.cart_page table tr td .cart_info p{ font-size: 13px; line-height: 20px; text-align: left;}
.cart_page table tr td .qty_group{ margin-bottom: 10px;}
.cart_page table tr td .qty_group .qty_btn{ display: inline-block; padding: 7px 10px; background: #333; color: #fff; border: 0;}
.cart_page table tr td .qty_group .qty_value{ width: 45px; text-align: center; height: 34px; line-height: 35px;}
.cart_page table tr td .qty_group .qty_btn:hover{ background: #f98028; color: #fff;}
.cart_page table tr td .cart_remove{align-items: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
color: #333;
font-size: 1.1rem;
height: 25px;
text-align: center;
width: 25px;
line-height: 25px;
}
.cart_page table tr td .cart_remove:hover{ background: #f98028; color: #fff;}
.shopping_btn{padding: 10px 20px; background: #fff;color:#333; border-radius: 3px; text-decoration: none; width: auto; display: inline-block; margin-right:5px; margin-bottom: 15px; font-size: 15px; border: 1px solid #ccc;}
.shopping_btn:hover,.shopping_btn:focus{background:#f98028; color: #fff; border: 1px solid #f98028;}
.order_btn{ width: 100%; padding: 10px 25px; background: #fb641b; color:#fff; border-radius: 3px; text-decoration: none; text-align: center; display: inline-block; margin-right:0px; margin-bottom: 15px; font-size: 20px; border: 1px solid #fb641b; font-weight: 600;}
.right_side_btn{ float: right; width: auto; background: #fb641b; border: 1px solid #fb641b; font-size: 20px; font-weight: 600;}
.order_btn:hover,.order_btn:focus{background:#f98028; color: #fff; border: 1px solid #f98028;}
.cart_discount{ float: left; width: 100%; padding: 10px; margin: 0 0 15px; background: #eee;}
.cart_discount h4{ text-align: left; margin: 0; padding: 0 0 10px; text-transform: uppercase;}
.cart_discount form { padding-bottom: 10px;}
.cart_discount form input{ max-width: 350px; display: inline-block;}
.apply_discount{ background: #333; padding: 10px 20px; color: #fff; border: 0;}
.apply_discount:hover,.apply_discount:focus{background: #f98028; color: #fff;}
.cart_right {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
}
.cart_right .table {
    border: 0;
    margin-bottom: 15px;
}
.table.table-totals tr {
    border: 0;
}
.cart_right .table tr th, .cart_right .table tr td {
    border: 0;
    padding: .6rem 0;
    font-size: 14px;
    
}

.cart_right .table tbody tr:first-child td {
    padding-top: 1.6rem;
}
.cart_right .table tbody tr:last-child td {
    padding-bottom: 1.6rem;
}
.cart_right .table tfoot {
    border-top: 1px solid #ccc;
    font-size: 1.8rem;
    font-weight: 600;
    border-bottom: 1px solid #ccc;

}
.cart_right .table tfoot tr td {
    padding-top: 1.3rem;
    padding-bottom: 1.6rem;
    font-size: 16px;
    color: #333;
    width: auto!important;
}
.cart_page .cart_right table tr td:nth-child(1){ width: auto!important;}
.cart_right .table tr td.free{ color: #f98028; text-transform: uppercase;}
.cart_right .safe_info { font-size:12px; line-height: 20px; font-weight: normal;}
.cart_right .safe_info i{ font-size: 36px; color: #f98028;
float: left;
margin-top: 4px;
margin-right: 5px; }
.cart_right ul {
    margin: 0;
}
.cart_right ul{ background: #fff;}
.cart_right ul li {
    line-height: 1;
    padding-top: 12px;
    padding-bottom:12px;
    border-bottom: 1px solid #dee5e8;
}
.cart_right ul li::after {
    display: block;
    clear: both;
    content: '';
}
.cart_right ul li:last-child{ border-bottom: 0;}
.cart_right ul li i{
    float: left;
    color: #301b24;
    font-size: 4rem;
    min-width: 40px;
    line-height: 1;
    margin-left: .7rem;
    margin-top: .3rem;
    font-size: 36px;
    min-width: 40px;
    margin-right: 10px;
}
.cart_right ul li h4 {
    text-align: left;
    color: #333;
    font-size: 16px;    
    text-transform: capitalize;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;padding: 0;
}



/* Checkout */
.checkout_page{float:left;width:100%;margin:0;padding:50px 0;background:#eee;position:relative}
.checkout_page .checkout-steps .panel-default{background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.checkout_page .checkout-steps .panel .checkout_title{margin:0!important;font-size:13px;font-weight:bold;text-align:left;padding:0}
.checkout_page .checkout-steps .panel .checkout_title a{color:#333;text-transform:uppercase;display:block;background:#fff;font-size:16px;font-weight:600;padding:10px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title a span{background-color:#aaa;color:#fff;display:inline-block;margin-right:10px;padding:5px 10px;font-size:13px;border-radius:3px}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed){background:#f98028;color:#fff;border-radius: 3px 3px 0px 0px;}
.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed) span{background:#fff;color:#f98028;}
.checkout_page .checkout-steps .checkout-step-01 form .form-group .info_title{font-weight:normal;margin-bottom:5px;font-size:13px;color:#333}
.checkout_page .checkout-steps .checkout-step-01 form .forgot-password { padding-top: 14px;  display: inline-block; color: #f98028; position: absolute;top: -5px;right: 7px;}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn{
padding: 10px 45px;
background: #fb641b;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 0px;
margin-bottom: 15px;
font-size: 15px;
border:0}
.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn:hover{background: #f98028;
color: #fff;}
.checkout_page .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.checkout_page .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.checkout_page .checkout-steps .panel-body {padding: 20px; border:none}
.checkout_page .checkout_right{padding: 15px; background: #eee;}
.checkout_page .checkout_right h4{ text-align: left; margin: 0 0 10px; padding: 0;}
.checkout_page .checkout_right ul li{ font-size: 13px;}
.checkout_page .checkout_right ul li:before{ content: none;}
.checkout_page .checkout_right ul li i.fa-check{ background:transparent!Important; color: #f98028;}
.checkout_page .checkout_right .step_login_btn{
padding: 8px 25px;
background: #333;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 0px;
margin-bottom: 15px;
font-size: 15px;
border:0}
.checkout_page .checkout_right .step_login_btn:hover{background: #f98028;
color: #fff;}

.checkout_page .address{ float: left; width: 100%;}
.checkout_page .address h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0;}
.checkout_page .address h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 30px;}
.checkout_page .address h5 label span{ font-size: 16px; color: #f98028; margin-right: 6px; font-weight: 600;}
.checkout_page .address p strong{margin-right: 5px;}
.checkout_page .address h5 label{ font-size: 14px; color: #333;}
.checkout_page .address h5 .edit{ float: right; font-size: 14px; color: #f98028;}
.checkout_page .address h5 .edit:hover{ color: #333;}

#edit_panel {
  display: none;
}
.cancel{ display: inline-block; padding: 10px 35px;}
.save_btn{ padding: 10px 35px; background: #fb641b;}


.checkout_page .checkout-steps .panel .checkout_title5{margin:0px!important;font-size:13px;text-align:left;padding:0; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); border: 1px solid #eee;
}
.checkout_page .checkout-steps .panel .checkout_title5 a{color:#f98028;text-transform:capitalize;display:block;background:#fff;font-size:14px;padding:10px;border-radius:3px}
#add_address_panel {
  display: none;
}



/* Order Summary */
.summary table{ border: 1px solid #ccc; margin-bottom: 15px;}
.summary table thead tr th{background: #f98028; color: #fff; padding: 8px 15px}
.summary table tr td{ border: 1px solid #eee; padding: 5px 10px;}
.summary table tr td:nth-child(1) {width: 15%;}
.summary table tr td:nth-child(2) {width: 30%;}
.summary table tr td:nth-child(3) {width: 20%;}
.summary table tr td:nth-child(4) {width: 12%;}
.summary table tr td:nth-child(5) {width: 12%;}
.summary table tr td:nth-child(6) {width: 12%;}
.summary table tr td:nth-child(7) {width: 3%;}
.summary table tr td input[type="radio"]{ margin: auto; line-height: 30px; height: 30px;}
.summary table tr td .cart_info a{ font-size: 14px; font-weight: 600; color: #333; line-height: 22px;}
.summary table tr td .cart_info a:hover{ color:#f98028;}
.summary table tr td .cart_info p{ font-size: 13px; line-height: 20px; text-align: left;}
.summary table tr td .qty_group{ margin-bottom: 10px;}
.summary table tr td .qty_group .qty_btn{ display: inline-block; padding: 7px 10px; background: #333; color: #fff; border: 0;}
.summary table tr td .qty_group .qty_value{ width: 45px; text-align: center; height: 34px; line-height: 35px;}
.summary table tr td .qty_group .qty_btn:hover{ background: #f98028; color: #fff;}
.summary table tr td .cart_remove{align-items: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
color: #333;
font-size: 1.1rem;
height: 25px;
text-align: center;
width: 25px;
line-height: 25px;
}
.summary table tr td .cart_remove:hover{ background: #f98028; color: #fff;}
.summary_p{ font-size: 12px!important; color: #333; }
.summary_p a{background:#fb641b; color: #fff; padding: 0px 10px; text-decoration: none; border-radius: 2px;}
.summary_p small{color: #fb641b; font-size: 12px;}
.summary_p a:hover{text-decoration: none;}
.summary .continue{ float:right; padding: 12px 40px;
background: #fb641b;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 0px;
margin-bottom: 15px;
font-size: 15px;
border:0}
.summary .continue:hover,.summary .continue:focus{background: #f98028;
color: #fff;}


/*Payment Options */

.payment_option form .radio {
border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 0 10px 30px;
    user-select: none;
}
.payment_option form .radio:last-child{ border-bottom: 0;}

.payment_option form .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.payment_option form .checkround {

    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff ;
    border-color:#f98028;
    border-style:solid;
    border-width:2px;
     border-radius: 50%;
}
.payment_option form .radio input:checked ~ .checkround {background: #fff;}
.payment_option form .checkround:after {content: ""; position: absolute; display: none;}
.payment_option form .radio input:checked ~ .checkround:after {display: block;}
.payment_option form .radio .checkround:after {left: 2px; top: 2px; width: 12px; height: 12px; border-radius: 50%;background:#f98028;}

.payonediv {
  display: block;
}
.payonediv{ padding: 10px 0px;}
.payonediv p{font-size: 12px; line-height: 20px;}
.payonediv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.paytwodiv{ display: none;}
.paytwodiv p{font-size: 12px; line-height: 20px;}
.paytwodiv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.paythreediv{ display: none;}
.paythreediv p{font-size: 12px; line-height: 20px;}
.paythreediv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.payfourdiv{ display: none;}
.payfourdiv p{font-size: 12px; line-height: 20px;}
.payfourdiv img{ border: 1px solid #ccc; padding: 10px; width: 150px;}
.recaptcha{ margin: 0; padding: 0;}
.recaptcha img{ float: left; display: inline-block; margin-right: 3px;}
.recaptcha img.refress{ width: 50px;}
.for_code{float: left; display: inline-block; width: 150px;
height: 50px !important; line-height: 50px!important; font-size: 16px;}
.confrmorder{padding: 12px 40px;
background: #fb641b;
color: #fff;
border-radius: 3px;
text-decoration: none;
text-align: center;
display: inline-block;
margin-right: 0px;
    margin-top: 15px;
margin-bottom: 15px;
font-size: 18px;
border:0;}
.confrmorder:hover,.confrmorder:focus{background: #f98028;color: #fff;}

.change{ float: right; background: transparent; border: 1px solid #f98028; color: #f98028; padding: 5px 10px; font-size: 14px; font-weight: normal;}
.change:hover{background: #f98028;color: #fff;}


/* Register Page */
.register-full{width:60%;margin:0 auto;height:550px;overflow:hidden}
.register-left{background:#b2c089;height:100%}
.register-right{background:#fff}
.register-in{padding:3em 25px;text-align:center}
.register_rightin{padding:3em 25px}
.register-left,.register-right{width:50%;float:left}
.register-left h1{font-size:24px;text-transform:uppercase;font-weight:600;margin-bottom:1em;color:#fff;text-align:left}
.register-left p{margin:10px 0 10px;line-height:24px;font-size:18px;letter-spacing:1px;text-align:left;color:#fff}
.register-in img{margin:20px 0}
.register-in a{color:#fff;border:2px solid #fff;font-size:14px;text-align:center;background:0;padding:10px 20px;width:auto;display:inline-block;margin-bottom:10px}
.register_rightin .checkbox label,.register_rightin .checkbox a{display:inline-block}
.register_rightin .checkbox input[type="checkbox"]{position:relative;float:left;margin:-9px 10px 0 0;cursor:pointer}
.register_rightin .checkbox a{color:#f98028}
.register_rightin .radio .radio_button{display:inline-block;margin:0 15px 0 0;padding:0;color:#000}
.register_rightin .radio .radio_button input[type="radio"]{margin:0 5px 0 0;position:relative;float:left;line-height:24px;height:20px}
.register_rightin .resiger{padding:12px 30px;background:#333;color:#fff;border-radius:3px;text-decoration:none;text-align:center;display:inline-block;margin-right:0;margin-bottom:15px;font-size:15px;border:0}
.register_rightin .resiger:hover,.register_rightin .resiger:focus{background:#f98028;color:#fff}
#forget{background:rgba(0,0,0,0.7)}
.signup_body.forget .modal-body{padding:0;min-height:200px;overflow:hidden}
.forget_p{margin:15% auto}


/* My Account Page */
.my_account_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.my_sidebar{ float: left; width: 100%; padding: 0; background: #fff; margin-bottom: 15px;}
.profle_body{ position: relative; width: 100%; margin: 0; text-align: center;  padding: 25px 15px;}
.profle_body img{border-radius: 50%; margin-bottom: 10px;}
.profle_body h5{ font-size: 16px; color: #333; line-height: 24px; margin: 0; padding: 0; font-weight: 600;}

.my_sidebar ul{ float: left; width: 100%; margin: 0; padding: 0;} 
.my_sidebar ul li{ list-style: none;border-bottom:1px solid #eee;}
.my_sidebar ul li a{padding: 10px 15px; color: #333;}
.my_sidebar ul li a:hover,.my_sidebar ul li a:focus,.my_sidebar ul li a.active{background: #f98028; color:#fff;}

.my_account_page .wps_right .radio .radio_button{display: inline-block; margin: 0 15px 0 0; padding: 0; color:#000;}
.my_account_page .wps_right .radio .radio_button input[type="radio"]{ margin: 0 5px 0 0px;position: relative;float: left;line-height: 24px;height: 20px;}
.deactivate{ color: #333; border: 1px solid #333; padding: 5px 20px; display: inline-block; font-size: 13px;}
.deactivate:hover{color: #f98028; border: 1px solid #f98028; }

/* My Order */
.my_order{ border: 0;}
.order_item{float: left; width: 100%; margin-bottom: 15px;}
.order_top{background:#eee;border-bottom: 1px solid #ccc;padding: 12px 15px;}
.orderID{ float: left; padding: 5px 15px; background: #f98028; color: #fff;}
.orderID:hover,.orderID:focus{ color: #fff; background: #7e992f;}
.need_btn{display: inline-block; border: 1px solid #ccc; color: #333; padding: 5px 15px;}
.need_btn i{ margin-right: 5px; color: #f98028;}
.need_btn:hover{border: 1px solid #f98028; color: #f98028;}
.order_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px;}
.order_body img{padding: 5px; border: 1px solid #eee;}
.order_body .order_info a{font-size: 14px; font-weight: 600; color: #333; padding-bottom: 10px;}
.order_body .order_info a:hover{ color: #f98028; }
.order_body .order_info p{ font-size: 12px; line-height: 18px; margin: 0; padding: 0; text-align: left;}
.order_body .order_price{font-size: 14px; font-weight: normal; color: #333;}
.order_body .delivered p{ font-size: 13px; line-height: 18px; margin: 0; padding: 0; text-align: left;}
.order_body .delivered small{ text-align: left; font-size: 11px;}
.order_body .review_product{ color: #f98028; text-transform: uppercase;}
.order_body .review_product:hover{color: #f98028;}
.order_foot{ float: left; width: 100%; padding:5px 5px; border: 1px solid #ccc; border-top: 0;}
.order_foot p{ margin: 0; padding: 0; font-size: 13px; line-height: 24px;}
.order_foot p.text-right{ text-align: right;}
.refund{ float: left; width: 100%; padding: 5px 10px; margin-top: 10px;}
.refund p{line-height: 24px; margin: 0; padding: 0;}
.refund a{display: inline-block; color: #333; line-height: 24px; margin: 0; padding: 0; }
.refund a:hover{ color: #f98028;}
.refund_body{ float: left; width: 100%; border: 1px solid #eee; margin-bottom: 10px;}
.refund_completed{ float: left; width: 100%; padding: 10px;}
.refund_completed p{ font-size: 14px; line-height: 20px; color: #333; margin: 0; padding: 0;}
.refund_completed p span{ color: #f98028;}

/* Track Page  */
.track_page{float:left;width:100%;margin:0;padding: 30px 0 40px;background:#eee;position:relative}
.account_breadcrumb{ float: left; width: 100%; margin: 0; padding: 0 0 20px;}
.account_breadcrumb li{ list-style: none; display: inline-block; margin-right: 10px;}
.account_breadcrumb li:before{float: left; content: "/"; margin-right: 10px;}
.account_breadcrumb li a{ display: inline-block; color: #333;}
.account_breadcrumb li:first-child:before{ content:none;}
.account_breadcrumb li a:hover{ color: #f98028;}
.account_breadcrumb li.active{ color: #f98028;}
.track_info{ padding: 0;     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px;}
.delivery_address_track{ padding: 20px 15px; border-right: 1px solid #ccc;}
.delivery_address_track h1{font-size: 16px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.delivery_address_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0; background:transparent; color: #333;}
.more_track{ padding: 20px 15px }
.more_track h2{font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; padding: 0 0 10px; background:transparent; color: #333;}
.more_track p i{ color: #f98028;}
.request_invoice{ float: right;padding: 3px 8px; border: 1px solid #333; color: #333; font-size: 13px; text-decoration: none;}
.request_invoice:hover,.request_invoice:focus{border: 1px solid #f98028; color: #f98028; text-decoration: none;}
.process{ padding: 15px; float: left;
width: 100%;
background: #fff;
border: 1px solid #ccc;}
.process_left{ float: left; width: 100%; margin: 0; padding: 0;}
.process_left a{ color: #333; text-decoration: none; font-size: 14px; font-weight: 600;}
.process_left p{ font-size: 13px; color: #333; line-height: 20px; margin: 0; padding: 0; text-align: left;}
.deliver_process{ float: left; width: 100%; margin: 25px 0 10px; padding: 0;}

.progressbar { float: left; width: 100%;
  margin: 0;
  padding: 0;
  counter-reset: step;
}
.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  color: #7d7d7d;
}

.progressbar li:before {
  width: 20px;
  height: 20px;
  content: counter(step);
  counter-increment: step;
  line-height: 15px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background: white;
 position: relative;
    z-index: 5;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 10px;
  left: -50%;
  z-index: 0;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color:#55b776;
}
.progressbar li.active:before {
  border-color: #55b776;
}
.progressbar li.active + li:after {
  background: #55b776;
}
.progressbar li .process_dec{ display: none; width: 200px; position: absolute; z-index: 999; top: 110%; left: 0; background: #eee; padding: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);}
.progressbar li:hover .process_dec{ display: block; border-top: 0;}
.progressbar li:hover .process_dec:after{content: "\f0d8";
font-family: 'FontAwesome';
position: absolute;
top: -28px;
font-size: 31px;
left: 50px;
color: #eee;}
.progressbar li .process_dec p{ font-size: 12px; line-height: 18px; text-align: left;}
.progressbar li .process_dec p span{ font-size: 11px; color: #55b776;}


.deliver_righ_info{ float: left; width: 100%;}
.deliver_righ_info h4{ font-size: 15px; color: #333; text-align: left; margin: 0; padding: 0 0 10px;}
.deliver_righ_info a{ color: #f98028; text-transform: uppercase; line-height: 24px; font-weight: 600; font-size: 13px;}
.deliver_righ_info a i{ margin-right: 5px;}
.deliver_righ_info a:hover{ color: #f98028;}
.track_footer{ float: left; width: 100%; border:1px solid #ccc; border-top:0; padding: 10px 15px; background: #fff;  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); margin-bottom: 20px; font-weight: 600; font-size: 16px;}


/*  Edit profile */
.edit_save_btn{width: auto;
background: #333;
padding: 8px 30px;
border: none;
color: #fff;
font-size: 14px;
border-radius: 4px;
cursor: pointer;}
.edit_save_btn:hover{ background:#f98028; color: #fff;}

/*  Wishlist Page */
.wishlist_page{float:left;width:100%;margin:0;padding:20px 0 30px;background:#eee;position:relative}
.wishlist{ padding: 0; border: 0; background: transparent;}
.wishlist_body{ float: left; width: 100%; background: #fff; border: 1px solid #ccc; padding: 5px;}
.wishlist_body img{padding: 5px; border: 1px solid #eee;}
.wishlist_body .wishlist_info{ vertical-align: middle; padding: 15px 0;}
.wishlist_body .wishlist_info a{font-size: 16px; font-weight: 600; color: #333; padding-bottom: 10px;}
.wishlist_body .wishlist_info a:hover{ color: #f98028; }
.wishlist_body .wishlist_info p{ font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 5px; text-align: left;}
.wishlist_body .remove{color: #fff; background: #666; display: inline-block; border-radius: 3px;  text-align: center; padding: 10px 20px;}
.wishlist_body .remove:hover{color: #fff; background: #f98028;}


/* My Address  */
.my_address_right{ border: 0;}
.my_address_title5{margin:0px;font-size:13px;text-align:left;padding:0; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); border: 1px solid #eee; margin-bottom: 15px;}
.my_address_title5 a{color:#f98028;text-transform:capitalize;display:block;background:#fff;font-size:14px;padding:10px;border-radius:3px}
#add_address_panel { display: none;}
.address_box{ float: left; width: 100%; padding: 15px; border: 1px solid #ccc; position: relative;}

.address_box{ float: left; width: 100%;}
.address_box h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0;}
.address_box h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 30px;}
.address_box h5 label span{ font-size: 16px; color: #f98028; margin-right: 6px; font-weight: 600;}
.address_box p strong{margin-right: 5px;}
.address_box h5 label{ font-size: 14px; color: #333;}
.address_box h5 .edit{ float: right; font-size: 14px; color: #f98028; margin-left: 10px;}
.address_box h5 .edit:hover{ color: #333;}
.address_box h5 .delete{float: right; font-size: 14px; color: #333; margin-left: 10px;}
.address_box h5 .delete:hover{ color: #f98028;}
.address{ float: left; width: 100%;}
.address h5{ font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px; padding: 0; font-weight: 600;}
.address h5 label input{ float: left; margin-right: 6px;height: 16px;line-height: 25px;margin-bottom: 10px;}
.address h5 span{ font-weight: 600; color: #f98028;}



.address_box h5{ margin: 0; padding: 0 0 5px; font-weight: 600;}
.edit_address{ float: right;}
.address_box h5 a{font-size: 16px;}
.manage_address{ position: absolute; right: 0; top: 10px; width: 50px; text-align: center;}
.manage_address a{ width: 50px;}
.manage_address ul{ display: none; width: 80px; position: absolute; z-index: 555; background: #fff; left:0%; top: 100%;}
.manage_address:hover ul { display: block;     box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);}
.manage_address ul li{ display: inline-block; width: 100%; border-bottom: 1px solid #ccc;}
.manage_address ul li:last-child{ border-bottom: 0;}
.manage_address ul li:before{ content: none;}
.manage_address ul li a{ float: left; padding: 1px 10px; color: #333;}
.manage_address ul li a:hover{ color: #f98028;}
.large_btn{ padding: 10px 40px;}




/* Review & Rating Page */
.review_right{ padding: 10px; background: #fff; margin-bottom: 20px;}
.review_right_side h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: #f98028;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.my_reviews{ padding: 0; border: 0;}
.reviews_item{float: left;
width: 100%;
background: #fff;
border-bottom:1px solid #ccc;
padding: 15px;}
.reviews_info a{font-size: 16px;
font-weight: 600;
color: #333;
padding-bottom: 10px}
.reviews_info p{font-size: 13px;
line-height: 20px;
    font-style: italic;
margin: 0;
padding: 0 0 5px;
text-align: left;
}
.reviews_info ul{ float: left; width: 100%; margin: 0; padding:0px;}
.reviews_info ul li{ list-style: none; display: inline-block; line-height: 18px; font-size: 13px; color: #666; margin-right: 5px;}
.rate_heading{ float: left; width: auto; display: inline-block; font-size: 16px; font-weight: 600;}
.rate_block{ font-size: 18px; color: #333;}
.review_title { padding-bottom: 5px;}
div.stars{ display: inline-block;}
input.star{ display: none;}
label.star{
  float: right;
  padding: 5px;
  font-size: 20px;
  color: #333;
  transition: all .2s;
    cursor: pointer;
    line-height: 24px;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 10px #c4b865;
}
input.star-1:checked ~ label.star:before { color: #F62; }
input.star-2:checked ~ label.star:before { color: #e09d1b; }
input.star-3:checked ~ label.star:before { color: #ff9f00; }
label.star:before {content: '\f006'; font-family:'FontAwesome';}
.rate_rating{ width: 100%; padding: 0px 0 5px;}
.rate_rating i{ font-size: 15px;}
.right_links{ float: right; text-align: right;}
.reviews_info ul li a{ font-size: 13px; color: #333;}
.reviews_info ul li a:hover,.reviews_info ul li a:focus{ color: #f98028}


/*  customer_support  */
.wps_right_support{ margin-bottom: 20px;}
.customer_support h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: #f98028;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.wps_right_support{float: left;
    width: 100%;
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc;}
.wps_right_support .panel-heading{ padding: 10px 15px; text-align: left;}
.wps_right_support .panel-heading h4{ text-align: left; padding: 0; font-size: 14px; font-weight: normal;}
.wps_right_support .panel-body p{font-size: 13px; line-height: 20px;}
.wps_right_support .panel-body h5{ font-size: 14px; font-weight: 600; margin: 0; padding: 0 0 10px;}
.wps_right_support .panel-body p a{ color: #f98028;}
.customer_support ul{ float: left; width: 100%; margin: 0 0 0 15px; padding: 0 0 15px;}
.customer_support ul li{ font-size: 13px; line-height: 24px;}
.mail_us{ float: right; display: inline-block; padding: 7px 18px;}
.mail_us:hover{ text-decoration: none;}

/*  Thankyou Page */

.transparent-div {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 2px #fff;
  border: solid 1px #c3c3c3;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 20px;
  color: #7e8488;
}
.transparent-div i{ font-size: 60px; color: #f98028; margin-bottom: 10px;}
.transparent-div h1,
.transparent-div h2,
.transparent-div h3 {
  color: #333;
}
.transparent-div h1 {
  font-size: 3.5em; 
    margin: 0; padding: 0 0 5px;
}
.transparent-div h2{font-size: 16px; font-weight: normal; color: #f98028;}
.transparent-div p {
  font-size: 13px;
  font-weight: 300;
    line-height: 20px;
  margin-bottom: 25px;
    color: #555;
}
.back_home_btn{ font-size: 15px; color: #fff; background: #333; padding: 8px 30px 5px; display: inline-block; border-radius: 4px; margin-bottom: 20px; line-height: 28px;}
.back_home_btn i{ font-size: 18px; margin-right: 5px; color: #fff;}
.back_home_btn:hover,.back_home_btn:focus{color: #fff; background: #f98028; }
@media (min-width: 500px) {
  .absolute-center {
    width: 600px;
    margin: auto;
  }
}

/* Error Page */
.error-col {
    text-align: center;
}
#clip{ 
    font-size: 72px;
    line-height: 1.2;
    background:#f98028;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}
.error-col h2 {
    font-size: 30px;
    margin-bottom: 40px;
    color: #333;
}

.our-impotance { float: left; width: 100%;	background: #eee;   padding: 50px 0;}
.our-impotance h2{ color: #333;}
.our-impotance h3{ color: #333;}
.our-impotance p{color: #333;}
.our-impotance ul {
	display: block;
	text-align: center;
    padding: 0;
}
.our-impotance ul li { float: left;
	display: block;
	margin-bottom: 64px;
	border-right: 1px #ccc solid;
	position: relative;
}
.our-impotance ul li .inner {
	display: block;
	padding: 30px;
    float: left;
width: 100%;
}
.our-impotance ul li .inner img {
    width: 80px;
}
.our-impotance ul li:nth-child(3n) {
	border-right: none;
}
.our-impotance ul li:nth-child(n+4):after {
	display: none;
}
.our-impotance ul li:nth-child(n+4) {
	margin-bottom: 0px;
}
.our-impotance ul li:after {
	width: 80%;
	height: 1px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	display: block;
	position: absolute;
	bottom: -35px;
	content: "";
	background: #ccc;
}
.equal-hight{ height: 170px;}
.our-impotance ul li h3 {
	display: block;
	padding: 10px 0 5px 0;
	font-size: 18px;
	color: #104081;
	text-transform:inherit;
	line-height: 24px;
    margin-bottom:0px;
}
.our-impotance ul li h3 span {
	display: block;
}
.our-impotance ul li p {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 20px;
}
.whatapp_btn{background:#01e675; width: 50px;height: 50px;color:#fff;position: fixed; left: 10px; bottom: 110px;cursor: pointer;z-index: 999;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: all 300ms ease-in-out;box-shadow: 0px 3px 10px
               rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);}
.whatapp_btn i{font-size: 30px;}
.whatapp_btn:hover,.whatapp_btn:focus{background:#01e675; color: #fff;}
#whatsapp .modal-dialog {margin-top: 17%;}
.market_area h3{float: left; display: block;}
.market-list{ float: left; width: 100%; margin: 0!important;
    padding: 0px;
}
.market-list li {
list-style: none;
padding-right: 10px;
line-height: 20px;
width: 25%;
display: inline-block;
float: left;
}

.market-list li:before {
    content: none!important;
    margin-right: 0px!important;
}

.market-list li a{width: auto;
    height: auto;
    padding: 10px 0 10px 12px;
   margin: 0 0 9px 0;  
    display: block!important;
    color: #333!important;
    font-size: 14px;
    background-color: #ddd;}
.market-list li a:hover {
    background:#f98028;
    color: #FFFFFF!important;
}
.wps_right table{ border: 1px solid #ccc; margin-bottom: 15px;}
.wps_right table thead tr th{background: #f98028; color: #fff; padding: 8px 15px}
.wps_right table tr td{ border: 1px solid #eee; padding: 5px 10px;}
.pulse-button{
width: 60px;
  height: 60px;
  border: none;
  box-shadow: 0 0 0 0 rgba(0, 91, 127, 0.7);
  border-radius: 50%;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  background-color: #104081;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    color:#fff;
font-size: 30px;
padding: 0 0px 0 5px;
}

.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
/* Home Nature Life */
.web-pulse-choose {
    float: left;
    width: 100%;
    color: #fff;
    padding: 80px 0 0;
    background: url(../images/home/background1.jpg) no-repeat fixed;
    text-align: center;
    background-repeat: repeat;
    background-size: 100%;
    position: relative;
}

.web-pulse-choose:before {
    background-color: rgba(17, 17, 17, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.red-sec-heading {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0px 0 50px;
    margin-bottom: 15px;
}

.red-sec-heading h5 {
    color: #fff;
    margin: 0;
    float: left;
    font-size: 30px;
    font-weight: bold;
}

.why_choose_p {
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
}

.icon_box {
    background: #104081;
    text-align: left;
    padding-left: 15px !important;
    position: relative;
    padding: 20px !important;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 0;
    min-height:310px;
    transition: all .3s ease;
}

.icon_box img {
    display: inline-block;
    font-size: 42px;
    transition: all 0.3s ease;
    font-weight: 600;
    vertical-align: text-bottom;
    width: 60px;
}

.media-heading {
    text-align: left;
    padding: 0;
    margin-bottom: 10px !important;
    color: #fff;
    font-size: 20px;
    line-height: normal;
}

.icon_box p {
    color: #fff;
    font-weight: 400;
}

.icon_box:hover {
    transform: translateY(-5px);
}



.faqs_section {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0 90px;
    background: #eee;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  }
  .faqs_section h2{
      font-size: 22px;
      padding-bottom: 10px;
      font-weight: 700;
      color: #f98028;
      margin: 0;
  }
  
  .faqs_section h3 {
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0;
    color: #f98028;
    font-weight: 500;
    text-align: left;
    display: block;
  }
  .faq_group{float: left; width: 100%; margin: 0 0 10px; padding: 0;}
  .faqs_section h4 {
    font-size: 18px;
    margin: 0 0 5px;
    padding: 0;
    color: #333;
    font-weight: 500;
    text-align: left;
    display: block;
  }
  .faqs_section p{margin: 0 0 25px; padding: 0; text-align: justify;}
  .list_district{float: left; width: 100%; margin: 10px 0 0; padding: 0;}
  .faqs_section p a{color: #39519d;}
  .faqs_section p a:hover{color: #f98028;}
  .right-content .title_h3 {
    line-height: 24px;
    padding: 10px 0;
    text-align: left;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
  }
  .modal-header .modal-title {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    padding: 15px 0;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}




.navigation .menu ul.nav.pull-right li:nth-child(2){margin-right:200px;}








