@font-face {
font-family: 'Lato-Regular';
src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/Lato-Regular.woff') format('woff'), url('../font/Lato-Regular.ttf')  format('truetype'), url('../font/Lato-Regular.svg#Lato-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PTSans-Regular';
src: url('../font/PTSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/PTSans-Regular.woff') format('woff'), url('../font/PTSans-Regular.ttf')  format('truetype'), url('../font/PTSans-Regular.svg#PTSans-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RussoOne-Regular';
src: url('../font/RussoOne-Regular.eot?#iefix') format('embedded-opentype'),  
url('../font/RussoOne-Regular.woff') format('woff'), url('../font/RussoOne-Regular.ttf')  format('truetype'), 
url('../font/RussoOne-Regular.svg#RussoOne-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quicksand';
src: url('../font/Quicksand-Medium.woff2') format('woff2'),
url('../font/Quicksand-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Quicksand';
src: url('../font/Quicksand-Bold.woff2') format('woff2'),
url('../font/Quicksand-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Quicksand';
src: url('../font/Quicksand-SemiBold.woff2') format('woff2'),
url('../font/Quicksand-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Antipasto Pro';
src: url('../font/AntipastoPro-ExtraBold.woff2') format('woff2'),
url('../font/AntipastoPro-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Noto Sans JP', sans-serif;
src: url('../font/NotoSansJP-Medium-Alphabetic.woff2') format('woff2'),
url('../font/NotoSansJP-Medium-Alphabetic.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Hammersmith One';
src: url('../font/HammersmithOne-Regular.woff2') format('woff2'),
url('../font/HammersmithOne-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url('../font/Lato-Bold.woff2') format('woff2'),
url('../font/Lato-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fira Sans';
src: url('../font/FiraSans-Regular.woff2') format('woff2'),
url('../font/FiraSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fira Sans';
src: url('../font/FiraSans-Bold.woff2') format('woff2'),
url('../font/FiraSans-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}


@font-face {
font-family: 'Mier A';
src: url('../font/miera/MierA-Bold.eot');
src: local('../font/miera/Mier A Bold'), local('../font/miera/MierA-Bold'),
url('../font/miera/MierA-Bold.eot?#iefix') format('embedded-opentype'),
url('../font/miera/MierA-Bold.woff2') format('woff2'),
url('../font/miera/MierA-Bold.woff') format('woff'),
url('../font/miera/MierA-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Mier A';
src: url('../font/miera/MierA-Thin.eot');
src: local('../font/miera/Mier A Thin'), local('../font/MierA-Thin'),
url('../font/miera/MierA-Thin.eot?#iefix') format('embedded-opentype'),
url('../font/miera/MierA-Thin.woff2') format('woff2'),
url('../font/miera/MierA-Thin.woff') format('woff'),
url('../font/miera/MierA-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}


@font-face {
font-family: 'Mier A';
src: url('../font/miera/MierA-Regular.eot');
src: local('../font/miera/Mier A Regular'), local('../font/miera/MierA-Regular'),
url('../font/miera/MierA-Regular.eot?#iefix') format('embedded-opentype'),
url('../font/miera/MierA-Regular.woff2') format('woff2'),
url('../font/miera/MierA-Regular.woff') format('woff'),
url('../font/miera/MierA-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Mier A';
src: url('../font/miera/MierA-Light.eot');
src: local('../font/miera/Mier A Light'), local('../font/miera/MierA-Light'),
url('../font/miera/MierA-Light.eot?#iefix') format('embedded-opentype'),
url('../font/miera/MierA-Light.woff2') format('woff2'),
url('../font/miera/MierA-Light.woff') format('woff'),
url('../font/miera/MierA-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Mier A';
src: url('../font/miera/MierA-Heavy.eot');
src: local('../font/miera/Mier A Heavy'), local('../font/miera/MierA-Heavy'),
url('../font/miera/MierA-Heavy.eot?#iefix') format('embedded-opentype'),
url('../font/miera/MierA-Heavy.woff2') format('woff2'),
url('../font/miera/MierA-Heavy.woff') format('woff'),
url('../font/miera/MierA-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Mier A';
src: url('../font/miera/MierA-ExtraBold.eot');
src: local('../font/miera/Mier A ExtraBold'), local('../font/miera/MierA-ExtraBold'),
url('../font/miera/MierA-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../font/miera/MierA-ExtraBold.woff2') format('woff2'),
url('../font/miera/MierA-ExtraBold.woff') format('woff'),
url('../font/miera/MierA-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Mier A';
src: url('../font/miera/MierA-Bold.eot');
src: local('../font/miera/Mier A Bold'), local('../font/miera/MierA-Bold'),
url('../font/miera/MierA-Bold.eot?#iefix') format('embedded-opentype'),
url('../font/miera/MierA-Bold.woff2') format('woff2'),
url('../font/miera/MierA-Bold.woff') format('woff'),
url('../font/miera/MierA-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-Medium.woff2') format('woff2'),
    url('../font/Poppins-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-Bold.woff2') format('woff2'),
    url('../font/Poppins-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-ExtraBold.woff2') format('woff2'),
    url('../font/Poppins-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GLYPHICONS Halflings';
src: url('../font/GLYPHICONSHalflings-Regular.woff2') format('woff2'),
url('../font/GLYPHICONSHalflings-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mier A';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: local('../fonts/glyphicons-halflings-regular'), local('../fonts/glyphicons-halflings-regular'),
url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
url('../fonts/glyphicons-halflings-regular.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}



.txtactive {
color: #b20101 !important;
}
.pro_leftfixed {
height:330px;
position: sticky;
z-index: 11;
top:160px !important;
}
#topArea {
width:400px;    
/*min-height:80vh;*/
}

.fixedBox {
position: sticky;
width: 100%;
float:left;
padding:0px 0px 0px 0px;
left: 0;
bottom:50px !important;
border: 0;
z-index: 88;
}

.fixedBox .fixedList { 
color: coral;
font-size: 30px;
font-weight: 600;
}
.autodiv_col
{
display: flex;
}
.LimitPoint {
width: 100%;
/*height: 1px;
background: red;*/
}

#bottomArea {
position: relative;
margin:0px 0px 0px 0px;
padding: 0 5%;
}

#bottomArea ul div {
position: relative;
display: flex;
flex-direction: row;
}

#bottomArea ul li {
padding: 7px;
}

#bottomArea ul li img {
width: 100%;
height: auto;
}
.desk_view_product_details
{
top:0px !important;    
}

select {
-webkit-appearance: auto;
/*webkit browsers */
-moz-appearance: auto;
/*Firefox */
appearance: auto !important;
}
.rotate {
-moz-transition: all .5s linear;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.rotate.down {
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}
/*.modal
{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50%;    
}*/
.hydrocart_hm_mobile_view
{
display:none;    
}
.login_otp_form
{
display:none;    
}
/* Flex Mega Menu */
.navigation {
width: 100% !important;
height: 70px;
display: table;
position: relative !important;
font-family: inherit;
background-color: #fff;
margin:0px !important;
padding:0px !important;
}

.navigation * {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}

.navigation-portrait {
height: 48px;
}

.navigation-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 19998;
}

.navigation-hidden {
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

.align-to-right {
float: right;
}

.nav-header {
float: left;
}

.navigation-hidden .nav-header {
display: none;
}

.nav-brand {
line-height: 70px;
padding: 0;
color: #343a40;
font-size: 24px;
text-decoration: none !important;
}

.nav-brand:hover,
.nav-brand:focus {
color: #343a40;
}

.navigation-portrait .nav-brand {
font-size: 18px;
line-height: 48px;
}

.nav-logo > img {
height: 48px;
margin: 11px auto;
padding: 0 15px;
float: left;
}

.nav-logo:focus > img {
outline: initial;
}

.navigation-portrait .nav-logo > img {
height: 36px;
margin: 6px auto 6px 15px;
padding: 0;
}

.nav-toggle {
width: 30px;
height: 30px;
padding: 6px 2px 0;
position: absolute;
top: 50%;
margin-top: -14px;
right: 15px;
display: none;
cursor: pointer;
}

.nav-toggle:before {
content: "";
position: absolute;
width: 24px;
height: 2px;
background-color: #343a40;
border-radius: 10px;
box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
}

.navigation-portrait .nav-toggle {
display: block;
}

.navigation-portrait .nav-menus-wrapper {
width: 320px;
height: 100%;
top: 0;
left: -400px;
position: fixed;
background-color: #fff;
z-index: 20000;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition-duration: 0.2s;
transition-timing-function: ease;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
left: auto;
right: -400px;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
left: 0;
}

.navigation-portrait
.nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
left: auto;
right: 0;
}



.show div
{
z-index: 11 !important;
border: 1px solid #ccc !important;
background-color: #ccc !important;
}
.show div:nth-of-type(2)
{
left:108% !important;    
}
.nav-menus-wrapper-close-button {
width: 30px;
height: 40px;
margin: 10px 7px;
display: none;
float: right;
color: #343a40;
font-size: 26px;
cursor: pointer;
}

.navigation-portrait .nav-menus-wrapper-close-button {
display: block;
}

.nav-menu {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
font-size: 0;
}

.navigation-portrait .nav-menu {
width: 100%;
}

.navigation-landscape .nav-menu.nav-menu-centered {
float: none;
text-align: center;
}

.navigation-landscape .nav-menu.nav-menu-centered > li {
float: none;
}

.nav-menu > li {
display: inline-block;
float: left;
text-align: left;
}

.navigation-portrait .nav-menu > li {
width: 100%;
position: relative;
border-top: solid 1px #f0f0f0;
}

.navigation-portrait .nav-menu > li:last-child {
border-bottom: solid 1px #f0f0f0;
}

.nav-menu + .nav-menu > li:first-child {
border-top: none;
}

.nav-menu > li > a {
height: auto;
padding:15px 15px !important;
display: inline-block;
text-decoration: none;
font-size:14px;
/*font-weight: bold;*/
letter-spacing:0.5px;
color: #343a40;
transition: color 0.3s, background 0.3s;
}

.navigation-portrait .nav-menu > li > a {
width: 100%;
height: auto;
padding: 12px 15px 12px 26px;
}

.nav-menu > li:hover > a,
.nav-menu > li.active > a,
.nav-menu > li.focus > a {
color: #eee;
}

.nav-menu > li > a > i,
.nav-menu > li > a > [class*="ion-"] {
width: 18px;
height: 16px;
line-height: 16px;
transform: scale(1.4);
}

.nav-menu > li > a > [class*="ion-"] {
width: 16px;
display: inline-block;
transform: scale(1.8);
}

.navigation-portrait .nav-menu.nav-menu-social {
width: 100%;
text-align: center;
}

.nav-menu.nav-menu-social > li {
text-align: center;
float: none;
border: none !important;
}

.navigation-portrait .nav-menu.nav-menu-social > li {
width: auto;
}

.nav-menu.nav-menu-social > li > a > [class*="ion-"] {
font-size: 12px;
}

.nav-menu.nav-menu-social > li > a > .fa {
font-size: 14px;
}

.navigation-portrait .nav-menu.nav-menu-social > li > a {
padding: 15px;
}

.submenu-indicator {
margin-left: 6px;
margin-top:4px;
float: right;
transition: all 0.2s;
}

.navigation-portrait .submenu-indicator {
width: 54px;
height: 44px;
margin-top: 0;
position: absolute;
top: 0;
right: 0;
text-align: center;
z-index: 20000;
}

.submenu-indicator-chevron {
height: 6px;
width: 6px;
display: block;
border-style: solid;
border-width: 0 1px 1px 0;
border-color:transparent #fff #fff transparent;
transform: rotate(45deg);
transition: border 0.2s;
}

.navigation-portrait .submenu-indicator-chevron {
position: absolute;
top: 18px;
left: 24px;
}

.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron {
border-color:transparent #fff #fff transparent;
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
transform: rotate(-180deg);
}

.nav-overlay-panel {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display: none;
z-index: 19999;
}

.no-scroll {
width: 100%;
height: 100%;
overflow: hidden;
}

.nav-search {
height: 70px;
float: right;
z-index: 19998;
}

.navigation-portrait .nav-search {
height: 48px;
padding: 0 10px;
margin-right: 52px;
}

.navigation-hidden .nav-search {
display: none;
}

.nav-search-button {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
cursor: pointer;
background-color: #fbfcfd;
}

.navigation-portrait .nav-search-button {
width: 50px;
height: 48px;
line-height: 46px;
font-size: 22px;
}

.nav-search-icon {
width: 14px;
height: 14px;
margin: 2px 8px 8px 4px;
display: inline-block;
vertical-align: middle;
position: relative;
color: #343a40;
text-align: left;
text-indent: -9999px;
border: 2px solid;
border-radius: 50%;
transform: rotate(-45deg);
}

.nav-search-icon:after,
.nav-search-icon:before {
content: "";
pointer-events: none;
}

.nav-search-icon:before {
width: 2px;
height: 11px;
top: 11px;
position: absolute;
left: 50%;
border-radius: 0 0 1px 1px;
box-shadow: inset 0 0 0 32px;
transform: translateX(-50%);
}

.nav-search-button:hover .nav-search-icon {
color: #ff6b00;
}

.nav-search > form {
width: 100%;
height: 100%;
padding: 0 auto;
display: none;
position: absolute;
left: 0;
top: 0;
background-color: #fff;
z-index: 99;
}

.nav-search-inner {
width: 70%;
height: 70px;
margin: auto;
display: table;
}

.navigation-portrait .nav-search-inner {
height: 48px;
}

.nav-search-inner input[type="text"],
.nav-search-inner input[type="search"] {
height: 70px;
width: 100%;
margin: 0;
padding: 0 12px;
font-size: 26px;
text-align: center;
color: #343a40;
outline: none;
line-height: 70px;
border: none;
background-color: transparent;
transition: all 0.3s;
}

.navigation-portrait .nav-search-inner input[type="text"],
.navigation-portrait .nav-search-inner input[type="search"] {
height: 48px;
font-size: 18px;
line-height: 48px;
}

.nav-search-close-button {
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 20px;
top: 20px;
line-height: normal;
color: #343a40;
font-size: 20px;
cursor: pointer;
text-align: center;
}

.navigation-portrait .nav-search-close-button {
top: 10px;
right: 14px;
}

.nav-button {
margin: 18px 15px 0;
padding: 8px 14px;
display: inline-block;
color: #fff;
font-size: 14px;
text-align: center;
text-decoration: none;
border-radius: 4px;
}

.nav-button:hover,
.nav-button:focus {
color: #fff;
text-decoration: none;
}

.navigation-portrait .nav-button {
width: calc(100% - 52px);
margin: 17px 26px;
}

.nav-text {
margin: 25px 15px;
display: inline-block;
color: #343a40;
font-size: 14px;
}

.navigation-portrait .nav-text {
width: calc(100% - 52px);
margin: 12px 26px 0;
}

.navigation-portrait .nav-text + ul {
margin-top: 15px;
}

.nav-dropdown {
min-width: 180px;
margin: 0;
padding: 0;
display: none;
position: absolute;
list-style: none;
z-index: 98;
white-space: nowrap;
}

.navigation-portrait .nav-dropdown {
width: 100%;
position: static;
left: 0;
}

.nav-dropdown .nav-dropdown {
left: 100%;
}

.nav-menu > li > .nav-dropdown {
border-top: solid 1px #f0f0f0;
}

.nav-dropdown > li {
width: 100%;
float: left;
clear: both;
position: relative;
text-align: left;
}

.nav-dropdown > li > a {
width: 100%;
padding: 16px 20px;
display: inline-block;
text-decoration: none;
float: left;
font-size: 13px;
color: #343a40;
background-color: #fdfdfd;
}

.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {
color: #ff6b00;
}

.nav-dropdown.nav-dropdown-left {
right: 0;
}

.nav-dropdown > li > .nav-dropdown-left {
left: auto;
right: 100%;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
text-align: right;
}

.navigation-portrait .nav-dropdown > li > a {
padding: 12px 20px 12px 30px;
}

.navigation-portrait .nav-dropdown > li > ul > li > a {
padding-left: 50px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
padding-left: 70px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
padding-left: 90px;
}

.navigation-portrait
.nav-dropdown
> li
> ul
> li
> ul
> li
> ul
> li
> ul
> li
> a {
padding-left: 110px;
}

.nav-dropdown .submenu-indicator {
right: 15px;
top: 10px;
position: absolute;
}

.navigation-portrait .nav-dropdown .submenu-indicator {
right: 0;
top: 0;
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
transform: rotate(-45deg);
}

.navigation-portrait
.nav-dropdown
.submenu-indicator
.submenu-indicator-chevron {
transform: rotate(45deg);
}

.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron {
border-color: transparent #ff6b00 #ff6b00 transparent;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
left: 10px;
}

.navigation-landscape
.nav-dropdown.nav-dropdown-left
.submenu-indicator
.submenu-indicator-chevron {
transform: rotate(135deg);
}
.nav-dropdown-horizontal {
width: 100%;
left: 0;
background-color: #fdfdfd;
border-top: solid 1px #f0f0f0;
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
width: 100%;
top: 100%;
left: 0;
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
border-top: none;
}

.nav-dropdown-horizontal > li {
width: auto;
clear: none;
position: static;
}

.navigation-portrait .nav-dropdown-horizontal > li {
width: 100%;
}

.nav-dropdown-horizontal > li > a {
position: relative;
}

.nav-dropdown-horizontal .submenu-indicator {
height: 18px;
top: 11px;
transform: rotate(90deg);
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
height: 42px;
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

.navigation-portrait
.nav-dropdown-horizontal
.submenu-indicator.submenu-indicator-up {
transform: rotate(-180deg);
}

.megamenu-panel {
width: 100%;
padding: 15px;
display: none;
position: absolute;
font-size: 14px;
z-index: 98;
text-align: left;
color: inherit;
border-top: solid 1px #f0f0f0;
background-color: #fdfdfd;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
}

.navigation-portrait .megamenu-panel {
padding: 25px;
position: static;
display: block;
}

.megamenu-panel [class*="container"] {
width: 100%;
}

.megamenu-panel [class*="container"] [class*="col-"] {
padding: 0;
}

.megamenu-panel-half {
width: 50%;
}

.megamenu-panel-quarter {
width: 25%;
}

.navigation-portrait .megamenu-panel-half,
.navigation-portrait .megamenu-panel-quarter {
width: 100%;
}

.megamenu-panel-row {
width: 100%;
}

.megamenu-panel-row:before,
.megamenu-panel-row:after {
content: "";
display: table;
line-height: 0;
}

.megamenu-panel-row:after {
clear: both;
}

.megamenu-panel-row [class*="col-"] {
display: block;
min-height: 20px;
float: left;
margin-left: 3%;
}

.megamenu-panel-row [class*="col-"]:first-child {
margin-left: 0;
}

.navigation-portrait .megamenu-panel-row [class*="col-"] {
float: none;
display: block;
width: 100% !important;
margin-left: 0;
margin-top: 15px;
}

.navigation-portrait
.megamenu-panel-row:first-child
[class*="col-"]:first-child {
margin-top: 0;
}

.megamenu-panel-row .col-1 {
width: 5.583333333333%;
}

.megamenu-panel-row .col-2 {
width: 14.166666666666%;
}

.megamenu-panel-row .col-3 {
width: 22.75%;
}

.megamenu-panel-row .col-4 {
width: 31.333333333333%;
}

.megamenu-panel-row .col-5 {
width: 39.916666666667%;
}

.megamenu-panel-row .col-6 {
width: 48.5%;
}

.megamenu-panel-row .col-7 {
width: 57.083333333333%;
}

.megamenu-panel-row .col-8 {
width: 65.666666666667%;
}

.megamenu-panel-row .col-9 {
width: 74.25%;
}

.megamenu-panel-row .col-10 {
width: 82.833333333334%;
}

.megamenu-panel-row .col-11 {
width: 91.416666666667%;
}

.megamenu-panel-row .col-12 {
width: 100%;
}

.megamenu-tabs {
width: 100%;
float: left;
display: block;
}

.megamenu-tabs-nav {
width: 20%;
margin: 0;
padding: 0;
float: left;
list-style: none;
}

.navigation-portrait .megamenu-tabs-nav {
width: 100%;
}

.megamenu-tabs-nav > li > a {
width: 100%;
padding: 10px 16px;
float: left;
font-size: 13px;
text-decoration: none;
color: #343a40;
border: solid 1px #eff0f2;
outline: 0;
background-color: #fff;
}

.megamenu-tabs-nav > li.active a,
.megamenu-tabs-nav > li:hover a {
background-color: #f5f5f5;
}

.megamenu-tabs-pane {
width: 80%;
min-height: 30px;
padding: 20px;
float: right;
display: none;
font-size: 13px;
color: #343a40;
border: solid 1px #eff0f2;
background-color: #fff;
}

.megamenu-tabs-pane.active {
display: block;
}

.navigation-portrait .megamenu-tabs-pane {
width: 100%;
}

.megamenu-lists {
width: 100%;
display: table;
}

.megamenu-list {
width: 100%;
margin: 0 0 15px;
padding: 0;
display: inline-block;
float: left;
list-style: none;
}

.megamenu-list:last-child {
margin: 0;
border: none;
}

.navigation-landscape .megamenu-list {
margin: -15px 0;
padding: 20px 0;
border-right: solid 1px #f0f0f0;
}

.navigation-landscape .megamenu-list:last-child {
border: none;
}

.megamenu-list > li > a {
width: 100%;
padding:3px 15px;
display: inline-block;
color: #000;
text-decoration: none;
font-size:11px;
/*font-weight: 400;*/
letter-spacing: 0.5px;
}

.megamenu-list > li > a:hover {
background-color: rgb(5, 138, 201);
color: #fff;
}

.megamenu-list > li.megamenu-list-title > a {
font-size:14px;
text-transform: capitalize;
color: #000;
letter-spacing: 0.5px;
font-weight: bold;
}

.megamenu-list > li.megamenu-list-title > a:hover {
background-color: transparent;
}

.navigation-landscape .list-col-2 {
width: 50%;
}

.navigation-landscape .list-col-3 {
width: 33%;
}

.navigation-landscape .list-col-4 {
width: 25%;
}

.navigation-landscape .list-col-5 {
width: 20%;
}

.nav-menu > li > a {
color: #343a40;
text-transform: capitalize;
}

.nav-dropdown > li > a {
color: #343a40;
padding: 10px 20px;
border-bottom: 1px solid #f6f6f6;
}

.nav-dropdown > li > a:hover,
.nav-dropdown > li > a:focus {
color: #ff6b00;
}

.main_header_area.sticky {
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 9999;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.main_header_area ul li a
{
color:#fff;    
}
.main_header_area ul ul li a
{
color:#000;    
}
.transparent-menu {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 99;
}

.navigation-portrait .nav-menu > li > a {
width: 100%;
height: auto;
padding: 10px 10px 10px 30px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.nav-dropdown > li > a,
.megamenu-list > li > a {
width: 65%;
}
}
/* Flex Mega Menu End */


.hydrocart_search
{
width: 100%;
height:200px;
float:left;
padding:50px 0px 20px 0px;
background: #F0FAFF;
background: -webkit-linear-gradient(top, #F0FAFF, #FFFFFF);
background: -moz-linear-gradient(top, #F0FAFF, #FFFFFF);
background: linear-gradient(to bottom, #F0FAFF, #FFFFFF);
}
.hydrocart_search form
{
width:80%;
height: auto;
float:left;  
margin:0px 10%;
}
.wht_ru_lookingfor
{
width:100%;
height: auto;
float:left;
font-size:25px;
color:#000;
letter-spacing:1px;
font-weight:300;
}


body
{
width:100%;
height: auto;
float:left;
margin:0px;
padding:0px;
/*overflow-x: hidden;*/
}

.carousel_se_01 {
width: 100%;
height: auto;
float: left;
margin: 30px 0px 30px 0px;
}

.carousel_se_02 {
width: 100%;
height: auto;
float: left;
margin:0px 0px 0px 0px;
}
.carousel_se_01_carousel .owl-carousel.owl-drag .owl-item
{
background-color: #fbfbfb !important;
padding: 15px 0px 0px 0px !important;    
}
.carousel_se_03 {
width: 100%;
height: auto;
float: left;
margin: 30px 0px 30px 0px;
}
.carousel_se_01 .item
{
float:left;    
}
.carousel_se_01_carousel
{
width:100%;
height: auto;
float:left;
margin:0px 0px 0px 0px !important;
}
.carousel_se_01_carousel .owl-nav, .carousel_se_02 .owl-nav, .carousel_se_03_carousel .owl-nav 
{
display:none;    
}
.carousel_se_01_carousel .owl-dots
{
display:none;    
}
.owl-carousel .owl-stage-outer
{
width:100%;
height: auto;
float:left;    
}

.outerWrapper {
text-align: left;
position: relative;
margin: 60px auto 60px auto;
width: 458px !important;
}

#carousel div.item {
float:left;
margin-right:48px;
width:162px;
padding:20px;
height:162px;
border:1px solid #b3b3b3;
background-color:#fff;
border-radius:5px;
}

#carousel div.item div {
background:#ddd;
width:99%;
height:99%;
color:white;
color:#b3b3b3;
text-align:center;
line-height: 162px;
font-size:60px;
border-radius:5px;
border:1px solid #b3b3b3;
}

#carousel div.left-nav-btn, #carousel div.right-nav-btn {
position:absolute;
width:37px;
height:37px;
top:80px;
cursor:pointer;
opacity: 0.8;
background:transparent url('../images/arrows.png') top left no-repeat;
-webkit-transition:opacity 0.2s linear;
-moz-transition:opacity 0.2s linear;
-o-transition:opacity 0.2s linear;
transition:opacity 0.2s linear;
}

#carousel div.left-nav-btn {
left:-80px;
}

#carousel div.right-nav-btn {
right:-80px;
background-position: top right;
}

#carousel div.left-nav-btn:hover, #carousel div.right-nav-btn:hover {
opacity: 1;
}

/* Vertical Mode */

#carousel div.vert.outerWrapper {
margin:50px auto 60px auto;
width:204px;
height:456px;
}

#carousel div.vert .item {
float:left;
margin-bottom:48px;
width:162px;
}

#carousel div.vert .left-nav-btn, #carousel div.vert .right-nav-btn {
position:absolute;
width:37px;
height:37px;
cursor:pointer;
left:82px;
background:transparent url('../images/arrows_vert.png') top left no-repeat;
}

#carousel div.vert .left-nav-btn {
top:-60px;
}

#carousel div.vert .right-nav-btn {
top:auto;
bottom:-60px;
background-position: bottom left;
}

#carousel div.leftWrapper {
width:48%;
float:left;
}

#carousel div.rightWrapper {
width:48%;
float:right;
}

#carousel div.leftWrapper h2, #carousel div.rightWrapper h2 {
width:100%;
text-align:center;
}

#carousel div.outerWrapper2 .item {
margin-right:50px;
width:110px;
padding:20px;
}


.title {
text-align: center;
margin-top: 60px;
}
.portfolio_slider {
margin: 60px auto;
max-width: 1200px;
border-top: 4px solid gray;
border-bottom: 4px solid gray;
/*display: flex;*/
/*   flex-flow: row wrap; */
}
.portfolio_slider {
flex: 1 1 0;
background-color: whitesmoke;
}

.inner {
padding: 6px;
}


.gallery-responsive {
width: 100%;
height: auto !important;
float: left;
margin: 90px 0px 10px 0px !important;
}
.gallery-responsive button
{
display:none;    
}
.gallery-responsive button.slick-prev, .gallery-responsive button.slick-next
{
display:none;    
}








/* Pager */

.pager {
line-height: 100px;
text-align: center;
}

.pager > span {
cursor: pointer;
border-radius:8px;
display: inline-block;
width:16px;
height:16px;
background: #DDDDDD;
border:1px solid #B3B3B3;
margin:0 4px;
overflow: none;
}

.pager > span.active {
background: #B3B3B3;
}

.pager > span > span {
display: none;
}

/* Counter (See Example 7) */

#counter {
margin-top:-30px;
font-weight: bold;
font-size: 18px;
text-align: center;
padding-bottom: 20px;
}















/* Defines the width of the carousel and centers it on the page */
.slick-carousel {
margin: 0 auto;
width: 1000px;
}

/* The width of each slide */
.slick-slide {
width: 350px;
}

/* Color of the arrows */
.slick-next::before, .slick-prev::before {
color: blue;
}



/* Product Category Golf Course Responsive Slider */

.gc_resview
{
width: 100% !important;
height: auto !important;
float: left !important;
display:none;
}
.gc_resview div.resources
{
width: 100% !important;
height: auto !important;
float: left !important;  
padding:0px !important;
margin: 0px 0px 0px 0px !important;
}
.gc_resview div.resource
{
width: 100% !important;
height: auto !important;
float: left !important;  
padding:0px !important;
margin: 0px 0px 0px 0px !important;
}

.resources 
{
width: 100% !important;
height: auto !important;
float: left !important;  
padding:0px !important;
margin: 0px 0px 0px 0px !important;
}

.next:after {
vertical-align: middle;
content: "\f061";
display:none !important;  
}
#resource-slider {
position: relative !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 13em !important;
margin: auto !important;
border-radius: 3px !important;
background: #fff;
border:1px solid transparent;
overflow: hidden;
}

#resource-slider .arrow {
cursor: pointer;
position: absolute;
width:1em !important;
height: 100%;
padding: 0;
margin: 0;
outline: 0;
background: transparent;
z-index: 111;
}

#resource-slider .arrow:hover {
/*background: rgba(0, 0, 0, 0.1);*/
}

#resource-slider .arrow:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 0.75em;
height: 0.75em;
margin: auto;
border-style: solid;
}

#resource-slider .prev {
left: 0 !important;
bottom: 0 !important;
}

#resource-slider .prev:before {
left: 0.25em !important;
border-width: 3px 0 0 3px !important;
border-color: #333 transparent transparent #333 !important;
transform: rotate(-45deg) !important;
}

#resource-slider .next {
right: 0 !important;
bottom: 0 !important;
}

#resource-slider .next:before {
right: 0.25em !important;
border-width: 3px 3px 0 0 !important;
/*border-color: #333 #333 transparent transparent !important;*/
transform: rotate(45deg) !important;
}

#resource-slider .resource-slider-frame {
position: absolute;
top: 0;
left:0px;
right:0px;
bottom: 0;
border-left: 0.25em solid transparent;
border-right: 0.25em solid transparent;
overflow: hidden;
}

#resource-slider .resource-slider-item {
position: absolute;
top: 0;
bottom: 0;
width: 25%;
height: 100%;
cursor:cursor-move;
}

#resource-slider .resource-slider-inset {
/*position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;*/
}

@media ( max-width: 60em ) {
#resource-slider .resource-slider-item {
width: 33.33%;
}
#resource-slider {
height: 16em;
}
}

@media ( max-width: 45em ) {
#resource-slider .resource-slider-item {
width: 50%;
}
}

@media ( max-width: 30em ) {
#resource-slider .resource-slider-item {
width:50%;
}
#resource-slider {
height: 19em;
}
}




/*----------------------------*\
Section
\*----------------------------*/

.section {
padding-top: 30px;
padding-bottom: 30px;
}

.section-title {
position: relative;
margin-bottom: 30px;
margin-top: 15px;
}

.section-title .title {
display: inline-block;
text-transform: uppercase;
margin: 0px;
}

.section-title .section-nav {
float: right;
}

.section-title .section-nav .section-tab-nav {
display: inline-block;
}

.section-tab-nav li {
display: inline-block;
margin-right: 15px;
}

.section-tab-nav li:last-child {
margin-right: 0px;
}

.section-tab-nav li a {
font-weight: 700;
color: #8D99AE;
text-decoration: none;
}

.section-tab-nav li a:after {
content: "";
display: block;
width: 0%;
height: 2px;
background-color: #D10024;
-webkit-transition: 0.2s all;
transition: 0.2s all;
}

.section-tab-nav li.active a {
color: #D10024;
}

.section-tab-nav li a:hover:after, .section-tab-nav li a:focus:after, .section-tab-nav li.active a:after {
width: 100%;
}

.section-title .section-nav .products-slick-nav {
top: 0px;
right: 0px;
}

/*----------------------------*\
product
\*----------------------------*/

.product {
position: relative;
margin: 15px 0px;
-webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
-webkit-transition: 0.2s all;
transition: 0.2s all;
}

.product:hover {
-webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
}

.product .product-img {
position: relative;
}

.product .product-img>img {
width: 100%;
}

.product .product-img .product-label {
position: absolute;
top: 15px;
right: 15px;
}

.product .product-img .product-label>span {
border: 2px solid;
padding: 2px 10px;
font-size: 12px;
}

.product .product-img .product-label>span.sale {
background-color: #FFF;
border-color: #000000;
color: #000000;
}

.product .product-img .product-label>span.new {
background-color: #293a4f;
border-color: #ffffff;
color: #FFF;
}

.product .product-body {
position: relative;
padding: 15px;
background-color: #FFF;
text-align: center;
z-index: 20;
}

.product .product-body .product-category {
text-transform: uppercase;
font-size: 12px;
color: #8D99AE;
}

.product .product-body .product-name {
text-transform: uppercase;
font-size: 14px;
}

.product .product-body .product-name>a {
font-weight: 700;
text-decoration: none;
}

.product .product-body .product-name>a:hover, .product .product-body .product-name>a:focus {
color: #D10024;
}

.product .product-body .product-price {
color: #3169af;
font-size: 18px;
}

.product .product-body .product-price .product-old-price {
font-size: 70%;
font-weight: 400;
color: #8D99AE;
}

.product .product-body .product-rating {
position: relative;
margin: 15px 0px 10px;
height: 20px;
}

.product .product-body .product-rating>i {
position: relative;
width: 14px;
margin-right: -4px;
background: #FFF;
color: #E4E7ED;
z-index: 10;
}

.product .product-body .product-rating>i.fa-star {
color: #e58b19;
}

.product .product-body .product-rating:after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 1px;
background-color: #E4E7ED;
}

/*----------------------------*\
Widget product
\*----------------------------*/

.product-widget {
position: relative;
}

.product-widget+.product-widget {
margin: 30px 0px;
}

.product-widget .product-img {
position: absolute;
left: 0px;
top: 0px;
width: 60px;


}

.product-widget .product-img>img {
width: 100%;
}

.product-widget .product-body {
padding-left: 75px;
min-height: 60px;
}

.product-widget .product-body .product-category {
text-transform: uppercase;
font-size: 10px;
color: #8D99AE;
}

.product-widget .product-body .product-name {
text-transform: uppercase;
font-size: 12px;
}

.product-widget .product-body .product-name>a {

}

.product-widget .product-body .product-name>a:hover, .product-widget .product-body .product-name>a:focus {
color: #D10024;
}

.product-widget .product-body .product-price {
font-size: 14px;
color: #D10024;
}

.product-widget .product-body .product-price .product-old-price {
font-size: 70%;
font-weight: 400;
color: #8D99AE;
}

.product-widget .product-body .product-price .qty {
font-weight: 400;
margin-right: 10px;
}

.product-widget .delete {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
text-align: center;
font-size: 10px;
padding: 0;
background: #1e1f29;
border: none;
color: #FFF;
}

/*----------------------------*\
Products slick
\*----------------------------*/

.slick-track{
opacity: 1;
width: 100%;
transform:
translate3d(-1465px, 0px, 0px);
}

.products-slick .slick-list {
padding-bottom: 60px;
margin-bottom: -60px;
z-index: 2;
}

.products-slick .product.slick-slide {
margin: 15px;
}

.products-tabs>.tab-pane {
display: block;
height: 0;
opacity: 0;
visibility: hidden;
overflow-y: hidden;
padding-bottom: 60px;
margin-bottom: -60px;
}

.products-tabs>.tab-pane.active {
opacity: 1;
visibility: visible;
height: auto;
}

.products-slick-nav {
position: absolute;
right: 15px;
z-index: 10;
}

.products-slick-nav .slick-prev, .products-slick-nav .slick-next {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 20px;
height: 20px;
display: inline-block !important;
margin: 0px 2px;
}

.products-slick-nav .slick-prev:before, .products-slick-nav .slick-next:before {
font-size: 14px;
}

/*=========================================================
07 -> PRODUCTS PAGE
===========================================================*/


.main-raised {

margin: -7px 30px 0px;
border-radius: 6px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

}
.main {

background: #fff;
position: relative;
z-index: 3;

}
.mainn-raised {

margin: px 0px 0px;
border-radius: 6px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);

}
.mainn {

background: #C9D6FF;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #E2E2E2, #C9D6FF);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #426a79, #3e2c75); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */




position: relative;
z-index: 3;

}







/* Product Category Golf Course Responsive Slider end */





.responcat_slide
{
width: 100%;
height: auto;
float: left;
display: none;    
}
.hydro_banner_responslider
{
display:none;    
}

.wrapper{
padding: 70px 0;
}
/* Default slide */
.center-slider .slick-slide{
background-color: #b32532;
color: #FFF;
height: 200px;
margin: 0 15px 0 0;
display: flex;
align-items: center;
justify-content: center;
transform: scale(0.8);
transition: all 0.4s ease-in-out;
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
transform: scale(0.8, 0.8);
transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
transform: scale(1.1);
background-color: #000000;
}
.center-slider .slick-current.slick-active{
transform: scale(1.1);
background-color: #000000;
}

.slick-next, .slick-prev{
z-index: 5;
}
.slick-next{
right: 15px;
}
.slick-prev{
left: 15px;
}
.slick-next:before, .slick-prev:before{
color: #000;
font-size: 26px;
}












/*.owl-item
{
width:258px !important;
margin-right:5px !important;
margin-left: 0px !important;
}*/
.owl-carousel .owl-item img {
display: block;
width: 100% !important;
border-radius:8px;
}
.owlcarousel_procat {
position: relative;
margin-top: 70px;
width: 100%;
height: auto;
float: left;
}
.owlcarousel_procat .owl-item img {
display: block;
width: 100% !important;
border-radius:8px;
}

.responsiveban_slide {
background-color: transparent;
width: 100%;
height: auto;
float: left;
margin: 50px 0px 40px 0px;
}
.owl-carousel {
position: relative;
margin-top: 30px;
}
.owl-nav {
position: absolute;
top: -60px;
left: 10px;
}
.uk-card-primary {
border-radius: 8px;
}
h3 {
margin-top: 10px
}
.uk-card > :last-child {
margin-top:0;
margin-bottom: 10px
}
p {
margin-top: 30px;
margin-bottom: 0;
}
.owl-next {
background: #3286f0;
}
.owl-theme .owl-nav [class*='owl-'] {
background: #383838;
}
.owl-dots {
margin-top: 30px;
}
.uk-card-title {
padding-bottom: 20px
}














/* Index Modal */
.modal
{
z-index:111111 !important;
}
.modal-content
{
border-radius: 0px !important;
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
}
/*.modal-dialog
{
position: absolute !important;
left: 50% !important;
top: 52% !important;
transform: translate(-50%, -50%) !important;
width: 70% !important;
}*/
.modal-dialog{
position: relative;
display: table; /* This is important */ 
overflow-y: auto;    
overflow-x: auto;
width: auto;
min-width: 300px;   
}
.modal-open {
overflow: auto !important;
}
.modal-body
{
padding:0px !important;
}
.inx_left_bg 
{
width: 100%;
height:512px;
float: left;
background-image:url(../images/index-popupbg.webp);
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.inx_left_bg_layer
{
width: 100%;
height:512px;
float: left;
background-color: #111111a6;
}
.left_bg_txt
{
width: 100%;
height: auto;
float: left;
text-align: center;
font-size:52px;
position: relative;
z-index: 11;
top: 28%;
color: #fff;
letter-spacing:3px;
font-family: 'Precious' !important;
background: #FFD700;
background: -webkit-linear-gradient(to right, #FFD700 0%, #F72931 100%);
background: -moz-linear-gradient(to right, #FFD700 0%, #F72931 100%);
background: linear-gradient(to right, #FFD700 0%, #F72931 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height:80px;
}
.index_popup_forms 
{
width: 50%;
height: auto;
float: left;
padding: 25px 30px 30px 30px;
margin: 0px 25%;
}
.popup_field
{
width:100%;
height:60px;
float:left;
}
.popup_field input
{
width: 100% !important;
height: auto !important;
float: left !important;
border:1px solid #ccc;
padding:8px 8px 8px 10px !important;
font-size: 14px !important;
font-weight: 300 !important;
letter-spacing: 0.7px !important;
color: #111 !important;
outline: none; 
}
.popup_field select
{
width: 100% !important;
height: auto !important;
float: left !important;
border:1px solid #ccc !important;
padding:8px 3px 8px 4px !important;
font-size:13px !important;
font-weight: 300 !important;
letter-spacing: 0.7px !important;
color: #111 !important;
outline: none; 
}
.popup_form_hdtxt
{
width:100%;
height:auto;
float:left;
text-align: center;
font-size:20px;
color:#111;
letter-spacing: 0.8px;
margin: 0px 0px 3px 0px; 
}
.popup_form_subtxt
{
width:100%;
height:auto;
float:left;
text-align: center;
font-size:12px;
font-weight:300;
color:#555;
letter-spacing: 0.5px;
margin: 0px 0px 24px 0px;  
}
.popup_form_divider
{
width: 10%;
height: 3px;
float: left;
background-color: #ff6600;
margin:5px 45% 12px 45%;	
}
.form_btn_sec
{
width: 100%;
height:auto;
float: left;
margin: 20px 0px 0px 0px;
}
.form_btn_sec a
{
font-size:12px;
font-weight:300;
color:#ff6600;
letter-spacing: 0.5px; 
}
.forget_pw
{

}
.form_btn_sec input
{
position: relative;
right: 0;
background-color: #ff6600;
color: #fff;
padding: 8px 25px;
border: 1px solid #ff6600;
font-size: 15px;
outline: none;
letter-spacing: 0.8px;
float: right;
}
.form_btn_sec input:hover
{
background-color: transparent;
color: #ff6600;
}
.form_btn_sec input#signup_sub_btn
{
float: left !important;    
}
.form_btn_sec label
{
font-size:12px;
letter-spacing: 0.8px;
margin: 12px 0px;
}
.popup_field span 
{
position: absolute;
margin: 13px 0px 0px 0px;
margin: 11px 0px 0px -29px;
}
.popup_field span a
{
font-size: 12px;
letter-spacing: 0.9px;
color:#000;
}
.popup_field span a:hover
{
color: #ff6600;
}
/*.forget_pw_form
{
display: none;
}*/
.forget_pw_otp_form 
{
display: none;
padding: 50px 0px 0px 0px;
}
.forget_pw_otp input
{
width: 50% !important;
height: auto;
float: left;
margin: 0px 25% 10px 25% !important;
font-size: 30px !important;
letter-spacing:16px !important;
color: #111 !important;
text-align: center !important;
padding: 5px 15px !important;
}
.forget_pw_otp input:focus
{
text-align:left !important;	
}
.button-psswd, .button-psswd2
{
position: absolute;
margin: 9px 0px 0px -40px;
}
.delivery_location_modal
{
position: absolute !important;
left: 50% !important;
top:30% !important;
transform: translate(-50%, -50%) !important;
width:30% !important;
height: auto;
float: left;
}
.delivery_location_modal .modal-body
{
width:100% !important;
height: auto;
float: left;
padding:30px 30px 30px 30px !important;
text-align: center;
}
.delivery_location_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 10px;
color: red;
letter-spacing: 1px;
margin:2px 0px 2px 0px;
text-align:left !important;
}
.choose_delivery_location .modal-header
{
padding:0px !important;    
}
.delivery_location_subtxt {
width: 100%;
height: auto;
float: left;
font-size: 11px;
color: #000;
letter-spacing: 1px;
margin:15px 0px 5px 0px;
}
.delivery_location_modal form
{
width:100%;
height: auto;
float: left;	
}
.delivery_location_modal form input {
width: 60%;
height: auto;
float: left;
margin: 10px 20%;
padding: 10px 10px;
border: 1px solid #ccc;
letter-spacing: 1px;
}
.delivery_location_note {
width: 100%;
height: auto;
float: left;
font-size: 9px;
letter-spacing: 1px;
margin: 0px 0px 5px 0px;
color: green;
text-align: center;
}
.pincode_subbtn {
width:40%;
height: auto;
float: left;
text-align: center;
margin: 0px 30%;
}
.delivery_location_pininsert 
{
width: 100%;
height:75px;
float: left;
}
.delivery_location_pininsert input
{
width:100%;
height: auto;
float: left;
margin:0px 0% 0px 0%;
padding: 10px 10px;    
}
.delivery_location_pininsert p.errortxt
{
text-align:left !important;    
}
.pincode_subbtn input, .pincode_subbtn button
{
width:auto !important;	
background-color:#0585c1 !important;
border:1px solid #0585c1 !important;
padding: 8px 30px !important;
color: #fff;
font-size:13px;
letter-spacing: 1px;	
margin: 0px !important;
}
.pincode_subbtn input:hover, .pincode_subbtn button:hover
{
background-color: transparent !important;
color:#0585c1 !important;	
}












.fa, .far, .fas {
font-family: 'FontAwesome' !important;
}
.forget_pw_otp_btn
{
width: 100%;
height: auto;
float: left;
text-align: center !important;
position: relative;
}
.forget_pw_otp_btn input
{
position: inherit !important;
right: 0px;
}
.forget_pw_otp
{
width: 100%;
height: 75px;
float: left;
}
.password-showhide
{
margin: -29px 12px 0px 0px !important;
}
.new_pw_form
{
display: none;
}
.thankyou_form
{
display: ;
width: 100%;
height: auto;
float: left;
text-align: center;
margin:80px 0px 0px 0px;
}
.check_icon
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:0px 0px 15px 0px;
}
.check_icon i
{
font-size:30px;
color: #fff;
background-color: green;
width:70px;
height:70px;
border-radius: 50%;
padding:18px 0px;
}
.thanks_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:20px;
color: #111;
letter-spacing: 0.8px;
}
.thanks_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
color: #555;
letter-spacing: 0.8px;
margin: 10px 0px;
}
.thanks_btn
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:20px 0px 0px 0px;
}
.thanks_btn a
{
color: #fff;
background-color: #ff6600;
padding: 8px 25px;
border: 1px solid #ff6600;
letter-spacing: 0.8px;
}
.thanks_btn a:hover
{
background-color: transparent;
color: #ff6600;
text-decoration: none;
}
.thankyou_form
{
display: none;
}
.signup_form
{
display: none;
}
.onepad
{
padding: 0px 15px 0px 0px !important;
}
.download_mob_app
{
width: 100%;
height: auto;
float: left;
padding:60px 30px 30px 30px;
}
.download_mob_app_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 25px;
color: #fff;
padding-left:1px;
text-align: center;
margin: 0px 0px 30px 0px;
}
.android_app_qrimg
{
width: 100%;
height: 250px;
float: left;
background-image: url(../images/qrsample-img.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.fgt_pw
{
width: 100%;
height: auto;
float: left;
margin:20px 0px;    
}
.fgt_pw a
{
font-size:10px;
letter-spacing: 0.8px;
color: #111;
}
.fgt_pw a:hover
{
text-decoration: underline;
}
.errortxt
{
width: 100%;
height: auto;
float: left;
font-size: 11px;
color: red;
letter-spacing: 0.8px;   
}
.delivery_location_modal form input {
width: 60% !important;
height: auto !important;
float: left;
margin: 10px 20% !important;
padding: 10px 10px !important;
border: 1px solid #ccc !important;
letter-spacing: 1px !important;
}
/* Index Modal end*/









.white_bg
{
background-color:#fff !important;    
}
#page_wrap
{
width:100%;
height:auto;
float:left;
padding:0px;
margin:0px;
}
.menu_active a
{
color:#ff6600 !important;
}
.menu_active ul li a
{
color:#111 !important;
}
.menu_active ul li a:hover
{
color:#ff6600 !important;
}
.bannerimg
{
width:100%;
height:650px !important;
}
.overlay:after {
content: " ";
z-index: 10;   
display: block;
position: absolute;
height:650px;
top:0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
}
.navigation
{
width: 100%;
height: auto;
position: fixed;
top: 0px;
z-index: 111;
color: #111;
background-color:transparent;
padding: 0px 0px 10px 0px;
}
.our_custom_container
{
width:90%;
height: auto;
float: left;
margin:0px 5%;    
}
.bottomborder
{
}
.logo
{
width:100%;
height:auto;
text-align:left;
font-size:20px;
letter-spacing:0.5px;
}
.logo a
{
font-size:32px;
color: #fff;
font-family: 'Russo One', sans-serif !important;
letter-spacing: 1.8px;}
.ain_logo
{
width: 100%;
height: 40px;
float: left;
background-image: url(../images/fornasys.png);
background-position: left;
background-repeat: no-repeat;
background-size: 70%;
margin: 4px 0px;
}
.logo a sup
{
font-size: 9px;
position: absolute;
top: 6px;
right: 70px;
color: #0373D0;
font-weight: 600;
}
.logo a:hover
{
text-decoration:none;
color:#fff;
}
.firstbanner_content
{
position: absolute;
top:30%;
z-index: 11;
color: #fff;
padding:0px 50px;
width:100%;
left:0%;
text-align:center;
}
.firstbanner_content h1
{
font-size:50px;
font-weight:400;
}

.banner_subcontent
{
width:100%;
text-align:center;
padding:0px 50px;
font-size:16px;
letter-spacing:0.8px;
font-weight:300;
margin-top:30px;
}
.offnow
{
border:1px solid #ff6600;
padding:10px 50px;
color:#fff;
background-color:#ff6600;
}
.offnow:hover
{
text-decoration:none;
color:#fff;
}

.social_links
{
width: 100%;
height: 35px;
text-align: right;
padding: 10px 0px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
word-spacing: 12px;
cursor:pointer;}
.help_desk
{
width:100%;
text-align:left;
padding:10px 0px;
font-size:12px;
font-weight:300;
letter-spacing: 0.5px;
}
/*Responsive menu*/
.description {
position: absolute;
top: 50%;
left: 50%;
width:85%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.abtus li
{
line-height: 12px !important;
border-bottom: 1px solid #e0e0e0;
padding:5px 0px !important;}

.menu
{
position:absolute;
right:0px;
top:8px;
padding:0px;
}
.arrow-down {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:43%;
}
.arrow-down2 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:81%;
}
.arrow-down3 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:46%;
}

.menu-container {
width: 100%;
}

.menu-mobile {
display: none;
padding: 20px;
}

.menu-mobile:after {
content: "\f394";
font-family: "Ionicons";
font-size: 2.5rem;
padding: 0;
float: right;
position: relative;
top: 50%;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
}

.menu-dropdown-icon:before {
content: "\f489";
font-family: "Ionicons";
display: none;
cursor: pointer;
float: right;
padding: 1.5em 2em;
background: #fff;
color: #333;
}

.menu > ul {
margin: 0 auto;
width: 100%;
list-style: none;
padding: 0;
position: relative;
/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
content: "";
display: table;
}

.menu > ul:after {
clear: both;
}

.menu > ul > li {
float: left;
padding: 0;
margin: 0;
}
.inner_hdtxt
{
color:#111 !important;
font-weight:500 !important;
font-size:13px !important;
}
.support_maintain
{
border-bottom: 1px solid #ccc !important;
padding:14px 0px !important;
color:#111 !important;
font-weight:500 !important;
font-size:15px !important;
}

.menu > ul > li a {
text-decoration: none;
padding:5px 20px 8px 20px;
display: block;
color:#111;
font-size:15px;
font-weight:600;
letter-spacing:1px;
}

.menu > ul > li:hover {
opacity:1;
color:#111;
}
.menu > ul > li a:hover {
color:#ff6600;
}
.menu > ul > li > ul {
display: none;
width:1250px;
height:auto;
background: #f0f0f0;
padding: 20px;
position: absolute;
z-index: 99;
left:-860px;
top:45px;
margin: 0;
list-style: none;
box-sizing: border-box;
border-top:3px solid red;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
content: "";
display: table;
}

.menu > ul > li > ul:after {
clear: both;
}

.menu > ul > li > ul > li {
margin: 0;
padding-bottom: 0;
list-style: none;
width: 25%;
background: none;
float: left;
}

.menu > ul > li > ul > li a {
color: #555;
padding: .2em 0;
font-size:14px;
font-weight:400;
width: 95%;
display: block;
border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li a:hover {
margin-left:5px;
color:#ff6600;
}
.menu > ul > li > ul > li > ul {
display: block;
padding: 0;
margin: 10px 0 0;
list-style: none;
box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
content: "";
display: table;
}

.menu > ul > li > ul > li > ul:after {
clear: both;
}

.menu > ul > li > ul > li > ul > li {
float: left;
width: 100%;
padding: 10px 0;
margin: 0;
font-size: .8em;
line-height:0px;
}

.menu > ul > li > ul > li > ul > li a {
border: 0;
}

.menu > ul > li > ul.normal-sub {
width:280px;
height:auto;
left:-3px;
padding: 10px 20px;
border-top:3px solid red;
}

.menu > ul > li > ul.normal-sub > li {
width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
border: 0;
padding:5px 0;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
.menu-container {
width: 100%;
}
.menu-mobile {
display: block;
}
.menu-dropdown-icon:before {
display: block;
}
.menu > ul {
display: none;
}
.menu > ul > li {
width: 100%;
float: none;
display: block;
}
.menu > ul > li a {
padding: 1.5em;
width: 100%;
display: block;
}
.menu > ul > li > ul {
position: relative;
}
.menu > ul > li > ul.normal-sub {
width: 100%;
}
.menu > ul > li > ul > li {
float: none;
width: 100%;
margin-top: 20px;
}
.menu > ul > li > ul > li:first-child {
margin: 0;
}
.menu > ul > li > ul > li > ul {
position: relative;
}
.menu > ul > li > ul > li > ul > li {
float: none;
}
.menu .show-on-mobile {
display: block;
}
}

.menu-wrap {
background-color: #fff;
position: fixed;
top: 0;
height: 100%;
width:280px;
margin-left: -360px;
font-size: 1em;
font-weight: 700;
overflow: auto;
transition: .25s;
z-index: 10;
}
.menu-show {
margin-left: 0;
box-shadow: 4px 2px 15px 1px #B9ADAD;
}
.menu-sidebar {
margin:50px 0 0px 0px;
position: relative;
}
.menu-sidebar li {
padding: 18px 10px 0;
list-style:none;
}
.menu-sidebar li > a {
color: #e03026;
font-size:16px;
position: relative;
}
.menu-sidebar li > a:hover
{
text-decoration:none;
}
/*.menu-sidebar li > a::after {
content: "";
display: block;
height: 0.15em;
position: absolute;
top: 100%;
width: 100%;
left: 50%;
transform: translate(-50%);
background-image: linear-gradient(to right, transparent 50.3%, #FFFA3B 50.3%);
transition: background-position .2s .1s ease-out;
background-size: 200% auto;
}*/
.menu-sidebar li > a:hover::after {
background-position: -100% 0;
}
.menu-sidebar .menu-item-has-children {
position: relative;
}
.menu-sidebar .menu-item-has-children .sub-menu {
display: none;
padding:0px;
}
.sidebar-menu-arrow::after {
content: "\f107";
font-family: 'FontAwesome';
padding: 10px;
color: #555;
position: absolute;
right: 5px;
top: 4px;
font-size: 23px;
}
.sidebar-menu-arrow:hover::after {
cursor: pointer;
color: #ff6600;
}
.sidebar-menu-arrow:active::after {
top: 2px;
}







/* Request Quote */


.req_quote
{
position:relative;
top:-2px;
}
.req_quote a
{
background-color:red;
padding:7px 25px !important;
color:#fff !important;
border-radius:5px;
border:1px solid red !important;
}
.req_quote a:hover
{
background-color:transparent;
color:red !important;
}
.request_quote_sec
{
width:100%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}
.req_quote_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:35px;
font-weight:800;
color:#111;
letter-spacing:1px;
padding:0px 0px 50px 0px;
text-align:center;
}
.req_quote_midsec
{
width:100%;
height:auto;
float:left;
}
.req_quote_midsec form
{
width:100%;
height:auto;
float:left;
}
.req_quote_field
{
width:100%;
height:95px;
float:left;
}
.req_qt_label
{
width:100%;
height:auto;
float:left;
font-size:15px;
font-weight:600;
color:#ff6600;
letter-spacing:0.8px;
}
.errortxt
{
width: 100%;
height: auto;
float: left;
font-size: 10px;
font-weight: 400;
color: red;
letter-spacing: 0.8px;
margin: 2px 0px 0px 0px;
padding: 0px !important;
}
.req_qt_insert
{
width:100%;
height:auto;
float:left;
}
.req_qt_insert input
{
width:100%;
height:auto;
float:left;
border:none;
outline:none;
border-bottom:1px solid #eee;
padding:5px 0px 5px 0px;
margin-top:10px;
color:#111 !important;
font-size:15px;
font-weight:300;
letter-spacing:0.8px;
}
.req_qt_insert input::placeholder
{
color:#ccc;	
}
.req_btn
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
text-align:center;
}
.req_btn input
{
background-color:red;
color:#fff;
border:1px solid red;
padding:8px 25px;
border-radius:5px;
font-size:18px;
}
.req_btn input:hover
{
background-color:transparent;
color:red;
}
/* Request Quote End */


/* US and Canada Offer */
.plan_hdtxt
{
width:100%;
height:auto;
float:left;
color:#111 !important;
font-size:15px;
font-weight:300;
margin:0px 0px 30px 0px;
text-align:center;
font-size:40px;
font-weight:400;
letter-spacing:0.8px;
}
.plan_hdtxt span
{
color:#ff6600;
}
.our_plans
{
width:100%;
height:auto;
float:left;
margin:0px 0px 60px 0px;
}
.pricing_box
{
width:100%;
height:auto;
float:left;
border:1px solid #eee;
box-shadow: 0px 0px 2px 1px #eee;
text-align:center;	
}
.pricing_box:hover
{
cursor:pointer;
box-shadow: 0px 0px 10px 1px #ccc;
}
.our_plans_hdr
{
width:100%;
height:auto;
float:left;
padding:30px;
background-color:#10B1DF;
margin:0px 0px 30px 0px;
}
.plan_name
{
width:100%;
height:auto;
float:left;
color:#fff !important;
font-size:20px;
font-weight:300;
letter-spacing:0.8px;
}
.plan_price
{
width:100%;
height:auto;
float:left;
color:#fff;
font-size:40px;
font-weight:800;
letter-spacing:0.8px;
}
.plan_price span
{
font-size:18px !important;
}
.plan_features
{
width: 100%;
height: auto;
float: left;
padding: 0px 18px;
}
.plan_features ul
{
width:100%;
height:auto;
float:left;
margin:0px 0px;
padding:0px;
text-align:left;
}
.plan_features ul li
{
list-style:none;
line-height:30px;
font-size:13px;
font-weight:400;
letter-spacing:0.5px;
}
.plan_features ul li:hover
{
color:#ff6600;
}
.plan_features ul li i
{
color:#ff6600;
margin:0px 3px 0px 0px;
}
.plan_features ul li i:hover
{
color:#111;
}
.plan_features ul li:hover i
{
color:#111 ;
}
.plan_start_btn
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
text-align:center;
}
.plan_start_btn a
{
background-color:#10B1DF;
border:1px solid #10B1DF;
padding:8px 25px;
border-radius:5px;
color:#fff;
letter-spacing:0.7px;
font-size:15px;
font-weight:400;
}
.plan_start_btn a:hover
{
text-decoration:none;
color:#10B1DF;
background-color:transparent;
}
.dynamic_btn
{
}
/* US and Canada Offer End */


.cms_content_subtxt
{
width: 100%;
height: auto;
float: left;
text-align:center;
font-size:15px;
font-weight:300;
color:#555;
line-height:28px;
letter-spacing: 0.8px;
}



/* Verification */
.verification_sec
{
width: 100%;
height: auto;
float: left;
margin:60px 0px 60px 0px;
text-align:center;
}
.verify_logo 
{
display:none;
}
.verify_content_hdtxt {
width: 100%;
height: auto;
float: left;
font-size: 35px;
color: #111;
font-weight: bold;
letter-spacing: 1px;
margin: 0px;
}
.content_hdtxt_border {
width: 10%;
height: 2px;
float: left;
background-color: #111;
margin: 2px 45% 15px 45%;
}
.greetingtxt
{
width: 100%;
height: auto;
float: left;
}
.verifycontent_subtxt {
width: 70%;
height: auto;
float: left;
margin: 8px 15%;
font-size: 15px;
color: #111;
font-weight: 300;
letter-spacing: 0.6px;
}
.verifycontent_subtxt {
width: 70%;
height: auto;
float: left;
margin: 8px 15%;
font-size: 15px;
color: #111;
font-weight: 300;
letter-spacing: 0.6px;
}
.verification_code {
width: 63%;
height: auto;
float: left;
text-align: center;
margin: 24px 21% 0px 21%;
font-size: 15px;
color: #111;
font-weight: 300;
letter-spacing: 0.6px;
}
.verification_code label {
width:35%;
height: auto;
float: left;
padding: 11px 0px;
margin: 0px;
text-align: left;
}
.change_mail, .change_mobileno {
width: 100%;
height: auto;
float: left;
font-size: 14px;
text-align: left;
font-weight: 300;
letter-spacing: 0.6px;
margin: 4px 0px 0px 0px;
}
.otp_insert {
width: 40%;
height: 50px;
float: left;
margin-right: 10px;
}
.verification_code input {
width: 100%;
padding: 10px;
border: 1px solid #eee;
outline: none;
font-size: 15px;
color: #111;
font-weight: 300;
}
.reg_errortxt {
width: 100%;
height: auto;
float: left;
font-size: 12px;
letter-spacing: 0.8px;
color: red;
text-align: left;
font-weight: 600;
}
.responsive_menubar, .responsive_btmmenubar
{
display:none;    
}
.time_left_count {
width: 100% !important;
height: auto !important;
float: left !important;
text-align: left !important;
font-size: 13px;
font-weight: 300;
color: #ff6600;
letter-spacing: 0.8px;
margin: 3px 0px 0px 0px;
}
.verify_btn {
width: 15%;
height: auto;
float: left;
text-align: center;
margin: 0px 0px 0px 0px;
}
.verify_btn input {
background-color: #EA4335;
border: none;
color: #fff;
padding: 10px 10px;
font-size: 16px;
letter-spacing: 0.8px;
font-weight: 400;
width: 70%;
float: left;
}
.resend_code {
width:80%;
height: auto;
float: left;
text-align: right;
margin: -19px 0px 5px 0px;
font-size: 13px;
letter-spacing: 0.8px;
position: relative;
right: 35px;
}
.mail_resend_sucess {
width: 30%;
height: auto;
float: left;
text-align: center;
position: relative;
left: 35%;
color: #111;
margin: 10px 0px 0px 0px;
}

/* Verification End */





/* Text Block */
.wrapper {
width:100%;
margin:40px 0px 40px 0px;
color: #83828D;
float:left;
}
.wrapper .text {
padding: 30px;
}
.wrapper .text .heading {
margin-bottom: 40px;
font-size: 2em;
}
.wrapper .text p {
line-height: 1.6em;
}
.wrapper .text .buttons {
margin-top: 40px;
}

/* Buttons */
.wrapper .buttons .button {
display: inline-block;
margin-right: 20px;
padding: 20px 25px;
border-radius: 2em;
background-color: #70CE64;
color: #fff;
font-size: .9em;
font-weight: 700;
transition: background-color .3s;
}
.wrapper .buttons .button-secondary {
background-color: #FF6746;
}
.wrapper .buttons .button-primary:hover {
background-color: #84D07A;
}
.wrapper .buttons .button-secondary:hover {
background-color: #FF7D60;
}

/*Active state for the buttons*/
.wrapper .buttons .button-primary:active {
background-color: #70CE64;
}
.wrapper .buttons .button-secondary:active {
background-color: #FF6746;
}

/*Icons*/
.wrapper .buttons .button span {
position: relative;
display: inline-block;
padding-right: 20px;
}
.wrapper .buttons .button span::after {
position: absolute;
font-family: "FontAwesome";
right: -3px;
font-size: 14px;
top: 0;
transition: top .3s, right .3s;
}
.wrapper .buttons .button-primary span::after {
content: "\f019";
}
.wrapper .buttons .button-secondary span::after {
content: "\f178";
}
/*Slight icons animation*/
.wrapper .buttons .button-primary:hover span::after {
top: 4px;
}
.wrapper .buttons .button-secondary:hover span::after {
right: -6px;
}
/*Responsive menu end*/
.section-header .section-title {
font-size: 15px;
color: #ff6600;
text-transform:none;
text-align:left;
font-weight: 400;
margin-bottom: 5px;
}

.section-header .section-description {
text-align: center;
padding-bottom: 40px;
color: #999;
}
#services {
background: #fff;
background-size: cover;
padding:0px 0 0px 0;
}

#services .box {
padding: 50px 20px;
margin-bottom: 50px;
text-align: center;
border: 1px solid #e6e6e6;
height: 200px;
position: relative;
background: #fafafa;
cursor:pointer;
}

#services .icon {
position: absolute;
top: -36px;
left: calc(50% - 36px);
transition: 0.2s;
border-radius: 50%;
display: inline-block;
border: 6px solid #fff;
}

#services .icon a {
display: inline-block;
background: #2dc997;
border: 2px solid #2dc997;
padding: 16px;
border-radius: 50%;
transition: 0.3s;
}

#services .icon i {
color: #fff;
font-size: 24px;
}

#services .box:hover .icon i {
color: #2dc997;
}

#services .box:hover .icon a {
color: #2dc997;
background: #fff;
}

#services .title {
font-weight: 700;
font-size: 18px;
margin-bottom: 15px;
text-transform: uppercase;
}

#services .title a {
color: #111;
}

#services .description {
font-size: 14px;
line-height: 24px;
}
.section-title {
font-size: 23px;
color: red;
text-transform: none;
text-align:left;
font-weight: 600;
}

.section-description {
text-align: center;
margin-bottom: 40px;
}

.section-title-divider {
width: 50px;
height: 3px;
background: #ff6600;
margin-bottom: 20px;
}
.range_of_services
{
width: 100%;
height: auto;
float: left;
padding: 30px;
text-align: center;
box-shadow: 0px 0px 3px 1px #eee;
}
.range_of_services:hover
{
cursor:pointer;
box-shadow: 0px 0px 3px 1px #ccc;
}
.range_of_services_btn
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:60px 0px 30px 0px;
}
.range_of_services_btn a
{
padding:8px 18px;
background-color:#2E6CB5;
border:1px solid #2E6CB5;
color:#fff;
font-size:18px;
letter-spacing:0.8px;
font-weight:300;
border-radius:5px;
}
.range_of_services_btn a:hover, .range_of_services_btn a:focus
{
background-color:transparent;
color:#2E6CB5 !important;
text-decoration:none;
}
.cms_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/cms.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.ecommerce_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.mob_sol_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mobility.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.res_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/responsive-img.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.seo_internet_marketing_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/seo-internet-markerting.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.support_main_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/maintenance-support.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.wrdpress_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/wrdpress.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.joomla_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/joomla.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.drupal_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/drupal.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.concrete5_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/concrete5.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.magento_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/magento.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.opencart_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/opencart.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.os_commerce_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/os-commerce.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.presta_shop_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/presta-shop.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.shop_script_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/shop-script.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.shop_site_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/shop-site.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.xcart_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/xcart.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.zencart_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/zencart.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.iphone_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/iphone.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.ipad_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/ipad.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.and_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/and-mob.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.win_mob_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/win-mob.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.content_mgt_bannerleft
{
width:100%;
height:auto;
float:left;
font-size:18px;
color:#555;
font-weight:300;
letter-spacing:0.8px;
margin:0px;
display:none;
}
.content_mgt_bannerright
{
width:100%;
height:auto;
float:left;
text-align:right;
font-size:10px;
color:#ff6600;
font-weight:300;
letter-spacing:0.8px;
margin:0px;
}
.content_mgt_bannerright a:hover
{
color:#ff6600;
}
.nopad
{
padding:0px 0px 0px 0px !important;
}
.cms_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:16px;
color:#111;
font-weight: 600;
margin:10px 0px 12px 0px;
}
.cms_subtxt
{
width:100%;
height:auto;
float:left;
font-size:13px;
color:#555;
font-weight:300;
line-height:25px;
}
.abt_cms
{
width:100%;
height:auto;
float:left;
margin:30px 0px 30px 0px;
display:none;
}
/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
width:33.3%;
height:auto;
float:left;
text-align:center;
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 18px;
letter-spacing: 0.8px;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc !important;
}








/* product slider */

.hc_responsive_hm_container
{
width: 100%;
height: auto;
float: left;     
display:none;
}
.bbb_viewed_slider_container div.itemcol
{
width: 100% !important;
height: auto;
float: left;      
}

.bbb_viewed_slider div.owl-item
{
background-color:#fdfdfd;    
}
.hc_owl_itemimg
{
width: 100% !important;    
}
.bbb_viewed_slider div.owl-dot
{
margin: 11px 0px 0px 0px;    
}
.bbb_viewed {
width: 100%;
height: auto;
float: left;    
margin:30px 0px;
background:#FFF5F5;
}

.bbb_main_container{
padding: 11px;
width: 100%;
height: auto;
float: left;
}
.bbb_main_container div.owl-nav
{
display:none;    
}

.bbb_viewed_title_container {

}

.bbb_viewed_title {
margin-bottom: 16px;
margin-top: 8px;

}

.bbb_viewed_nav_container {
position: absolute;
right: -5px;
bottom: 14px;
}

.bbb_viewed_nav {
display:none;
cursor: pointer;
}

.bbb_viewed_nav i {
color: #dadada;
font-size: 18px;
padding: 5px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.bbb_viewed_nav:hover i {
color: #606264;
}

.bbb_viewed_prev {
margin-right: 15px;
}

.bbb_viewed_slider_container {
padding-top: 0px !important; 
}

.bbb_viewed_item {
/*width: 100%;
border-radius: 2px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 30px;
padding-right: 30px;*/
}

.bbb_viewed_image {
width:auto;
height:185px;
padding:15px 15px;
}

.bbb_viewed_image img {
display: block;
max-width: 100%;
}

.bbb_viewed_content {
width: 100%;
margin: 0px 0px 10px 0px;
}

.bbb_viewed_price {
font-size: 16px;
color: #000000;
font-weight: 500;
}

.bbb_viewed_item.discount .bbb_viewed_price {
color: #df3b3b;
}

.bbb_viewed_price span {
position: relative;
font-size: 12px;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
margin-left: 8px;
}

.bbb_viewed_price span::after {
display: block;
position: absolute;
top: 6px;
left: -2px;
width: calc(100% + 4px);
height: 1px;
background: #8d8d8d;
content: '';
}

.bbb_viewed_name {
margin-top: 3px;
}

.bbb_viewed_name a {
font-size: 14px;
color: #000000;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}

.bbb_viewed_name a:hover {
color: #0e8ce4;
}


/* product slider end */












/* Style the tab content */
.tab_content_hdtxt
{
width:100%;
height:auto;
float:left;
margin:20px 0px 10px 0px;
color: #333;
font-weight:300;
font-size:25px;
letter-spacing:0.8px;
}
.alignlft
{
text-align:left !important;
}
.serve_content
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
}
.benefits_list
{
width:100%;
height:auto;
float:left;
color: #555;
font-weight:300;
font-size:15px;
letter-spacing:0.8px;
line-height:25px;
}
.benefits_list ul
{
width:100%;
height:auto;
float:left;
padding:0px 0px 0px 20px;
margin:0px;
}
.benefits_list ul li
{
width:100%;
height:auto;
float:left;
line-height:35px;
color: #333;
font-weight:300;
font-size:15px;
letter-spacing:0.8px;
list-style:none;
}
.benefits_list ul li i
{
font-size:10px;
background-color: #ff6600;
border-radius: 50%;
color: #fff;
padding: 5px;
margin:0px 5px 0px 0px;
}
.con i
{
font-size:10px;
background-color:transparent !important;
color: #ff6600 !important;
margin:0px 5px 0px 0px;
}
.tabcontent {
width:100%;
height:auto;
float:left;
display: none;
padding:30px;
border: 1px solid #ccc;
border-top: none;
}
.ftabcontent {
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.displaytab
{
width: 100%;
display: block;
height: auto;
float: left;
}
.res_contenttxt
{
width:100%;
height:auto;
float:left;
margin:0px 0px 30px 0px;
color: #333;
font-weight:300;
font-size:14px;
letter-spacing:0.8px;
line-height:25px;

}
.res_contenttxt p
{
width:100%;
height:auto;
float:left;
margin:20px 0px 0px 0px;
color: #333;
font-weight:300;
font-size:14px;
font-style:italic;
letter-spacing:0.8px;
line-height:25px;

}
/* Get Started Section
--------------------------------*/
#about {
background: #fff;
padding:30px 0 70px 0px;
}

#about .about-container {
background: url(../img/about-img.jpg) left top no-repeat;
}

#about .about-content {
background: #fff;
}

#about .about-title {
color: #333;
font-weight: 700;
font-size: 28px;
line-height:42px;
}

#about .about-text {
line-height: 26px;
}

#about .about-text:last-child {
margin-bottom: 0;
}
.about-text
{
margin-top:30px;
}
.about-text i
{
font-size:25px;
color:#b20000;
}
.about-text a
{
position: relative;
left: 2px;
top: -4px;
color:#555;
font-size:14px;
font-weight:600;
}
.about-text a:hover
{
text-decoration:none;
color:#ff6600;
}
.abtus_section
{
width:100%;
height:auto;
float:left;
}
.abtus_section_img
{
width:100%;
height:360px;
float:left;
background-image:url(../images/fornasys-intro-img.png);
background-position:left;
background-repeat:no-repeat;
background-size:contain;
}
.abtus_section img
{
/*width:300px; 
height:300px; 
border-radius:50%; 
border: 1px solid #ff6600; 
box-shadow: 0px 0px 35px 2px #ccc; 
position:absolute;
top:10px;*/
width: 100%;
height: auto;
float: left;
margin: 60px 0px;
}
.count_sec
{
width:100%;
height:auto;
float:left;
background-color:#E3DFDF;
margin:0px 0px 30px 0px;
}

.counter_section
{
width:100%;
height:350px;
background-image:url(../images/counter-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.counter_section:after {
content: " ";
z-index: 10;
display: block;
height:350px;
background: rgba(0, 0, 0, 0.8);
}
.existing_project
{
width:100%;
text-align:center;
padding:80px 0px;
position:absolute;
color:#fff;
}
.haveexit_hdtxt
{
font-size:36px;
font-weight:500;
letter-spacing:0.8px;
}
.haveexit_subtxt
{
font-size:16px;
font-weight:300;
letter-spacing:0.8px;
margin-top:10px;
}
.web_eval
{
margin-top:40px;
}
.web_eval a
{
background-color:red;
color:#fff;
font-size:17px;
letter-spacing:0.8px;
font-weight:600;
padding:10px 30px;
}
.web_eval a:hover
{
text-decoration:none;
background-color:#990000;
color:#fff;
}
.counter { padding:25px 0;  text-align:center; width:20% !important;}
.count-title { font-size:45px; font-weight:700;  margin-top:5px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 18px; font-weight: normal;  margin-top:5px; margin-bottom: 0; text-align: center; color:red; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #ff6600; }
/* Customer count End*/

#tcb-testimonial-carousel {
a{
color: @brand-color;
}
.text-brand{
color: @brand-color;
}
margin-top: 30px;
.carousel-indicators .active {
background: @brand-color;
}
.no-margin{
margin: 0;
}
.carousel-indicators li {
border: 1px solid #ccc;
}
.carousel-control {
color: @brand-color;
width: 5%;
}
.carousel-control:hover,
.carousel-control:focus {

}
.carousel-control.left,
.carousel-control.right {
background-image: none;
}
.item{
padding: 15px 40px;
background: #f8f8f8;
}
.media-object {
margin: auto;
}
@media screen and (max-width: 768px) {
.media-object {
margin-bottom: 15px;
}
}
}


.sa-left {
left: -35px;
padding-top: 3px;
color: #fff;
padding-left: 0px;}
.sa-right {
right: -40px;
padding: 3px 0px 0px 3px;
color: #fff;}

.client_logo
{
width:80%;
margin:0 auto;
height:50px;
float:left;
background-image:url(../images/AIN_Logo1.png);
background-repeat:no-repeat;
background-position:center;
padding:7px 25px;
}
.our_clientstxt
{
font-size:25px;
font-weight:500;
letter-spacing:0.8px;
color:red;
}
.clientlogo1
{
width:100%;
height: 90px;
background-image:url(../images/clients/clientlogo1.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size:80%;
margin: 0 auto;}
.clientlogo2
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo2.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo3
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo3.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 54%;
margin: 0 auto;}
.clientlogo4
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo4.jpg);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 44%;
margin: 0 auto;}
.clientlogo5
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo5.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}

.clientlogo6
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo6.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 60%;
margin: 0 auto;}
.clientlogo7
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo7.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo8
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo8.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo9
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo9.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo10
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo10.jpg);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo11
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo11.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 42%;
margin: 0 auto;}
.clientlogo12
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo12.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo13
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo13.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo14
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo14.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo15
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo15.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo16
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo16.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}








/*Whats app*/
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:10px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.float:hover, .float:focus
{
color:#fff;    
}
.my-float{
margin-top:16px;
}
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}

.grecaptcha-badge:hover {
width: 256px !important;
}
#scroll {
position:fixed;
z-index: 999;
right:0px;
bottom:120px;
cursor:pointer;
width:50px;
height:50px;
background-color:#293a4a;
text-indent:-9999px;
display:none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
display:none !important;
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff;
}
#scroll:hover {
background-color:#006595 ;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";
}
/* Whats app End*/





















/*testimonial */
#quote-carousel {
width:100%;
height:300px;
padding: 0 10px 30px 10px;
margin-top:45px;
}
blockquote
{
border-left:0px !important;
}
.testimonialtxt
{
font-size:14px;
font-weight:400;
color:#111;
letter-spacing:0.8px;
}
.whtour_clientsays
{
width:100%;
text-align:left;
font-size:27px;
font-weight:500;
letter-spacing:0.8px;
color:#ff6600;
}
.menu_item
{
height:auto;
border-bottom:3px solid #ff6600;
padding:5px 0px;
}
#quote-carousel .carousel-control {
background: none;
color: #CACACA;
font-size: 2.3em;
text-shadow: none;
margin-top: 30px;
width:0px;
top:75px;
}
#quote-carousel .carousel-indicators {
position: relative;
right: 50%;
top: auto;
bottom: 0px;
margin-top: 20px;
margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
width: 50px;
height: 50px;
cursor: pointer;
border: 1px solid #ccc;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
border-radius: 50%;
opacity: 0.4;
overflow: hidden;
transition: all .4s ease-in;
vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
width:80px;
height:80px;
opacity: 1;
transition: all .2s;
}
.item1 blockquote {
border-left: none;
margin: 0;
}
.item1 blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}
/*testimonial end*/



/*Privacy policy*/
.privacy_policy_sec
{
width:100%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}
.pri_policy_hdtxt
{
width: 100%;
height: auto;
float: left;
padding:12px 0px;
font-size: 35px;
letter-spacing: 0.8px;
font-weight: 800;
text-align: center;
}
.privacy_policy_midsec_content
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.6px;
font-weight: 300;
text-align: left;
margin:0px 0px 10px 0px;
}
.mid_sec_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:16px;
letter-spacing: 0.6px;
font-weight: 800;
color:#000 !important;
text-align: left;
margin:0px 0px 10px 0px;
}
.mid_sec_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.6px;
font-weight: 300;
text-align: left;
margin:0px 0px 20px 0px;
}
.mid_sec_subtxt ul
{
width: 100%;
height: auto;
float: left;
padding:0px 20px;
margin:10px 0px;
}
.mid_sec_subtxt ul li
{
margin:0px 0px 10px 0px;
}
.privacy_policy_midsec
{
width: 100%;
height: auto;
float: left;
margin:20px 0px 0px 0px;
}
.sitemap_sec
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 40px 0px;
}
.site_map_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:20px;
letter-spacing: 0.6px;
font-weight: 300;
text-align: left;
color:#52AECC;
margin:0px 0px 10px 0px;
}
.sitemap_sec ul
{
width: 100%;
height: auto;
float: left;
padding:0px 0px;
margin:0px 0px;
}
.sitemap_sec ul li
{
list-style:none;
line-height:30px;
}
.sitemap_sec ul li i
{
color:#ff6600;
}
.sitemap_sec ul li a
{
font-size:15px;
letter-spacing: 0.6px;
font-weight: 300;
color:#111;
}
/*Privacy policy end*/

/*contact us*/
.contact_navigation
{
width:100%;
height:100px;
color:#111;
z-index:11;
position:fixed;
background-color:#e8e8e8;
}
.contact_navigation ul li a
{
color:#111;
}
.contactus_banner
{
width:100%;
height:450px;
background-image:url(../images/contact-us-banner.jpg);
background-repeat:no-repeat;
background-position:center;
margin-top: -1px;
}
.contactus_banner:after
{
content: " ";
z-index: 10;
display: block;
height:450px;
background: #008ece;
opacity:0.6;
}
.contact_content
{
width:100%;
text-align:center;
margin:0px 0px 50px 0px;
}
.hdtxt
{
font-size:28px;
color:red;
letter-spacing:0.8px;
font-weight:500;
}
.subtxt
{
font-size:18px;
color: #111;
letter-spacing: 0.8px;
padding: 1px 240px;
font-weight:300;
line-height: 35px;}
.textbox
{
width:100%;
height:50px;
padding:10px 15px 18px 15px;
outline:0;
border:none;
margin:0 auto 35px auto;
border-bottom:1px solid #ccc;
font-size:16px;
color:#111 !important;
letter-spacing:1px;
font-weight:300;
cursor:pointer;
}
.contactform
{
width:100%;
height:auto;
margin:0px 0px 50px 0px;
float:left;
}
.combobox
{
width:100%;
height:55px;
padding:10px 15px 18px 15px;
outline:0;
border:none;
margin:0 auto 35px auto;
border-bottom:1px solid #ccc;
font-size:16px;
color:#555;
letter-spacing:1px;
font-weight:300;
-webkit-appearance: none;
cursor:pointer;
}
.textarea
{
width:100%;
height:55px;
padding:10px 15px 18px 15px;
outline:0;
border:none;
margin:0 auto 35px auto;
border-bottom:1px solid #ccc;
font-size:16px;
color:#555;
letter-spacing:1px;
font-weight:300;
-webkit-appearance: none;
cursor:pointer;
}
.checkbox
{
float:left;
margin-right:10px !important;
}
.checktxt
{
font-size:13px;
color:#ff6600;
letter-spacing:0.5px;
font-weight:400;
}
.contact_address
{
width:100%;
height:auto;
margin:0px 0px 50px 0px;
float:left;
}
.map_marker
{
width: 40px;
float: left;
height: 40px;
text-align: center;
padding: 10px 10px 10px 12px;
font-size: 20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color: #555;
cursor:pointer;
}
.addtxt
{
width: 83%;
height: auto;
float: left;
line-height: 25px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.6px;
}
.addtxt span
{
color:#ff6600;
font-weight:500;
}
.phone
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.map_marker:hover
{
background-color:#DFB346;
color:#fff;
}
.phone i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding: 10px 10px 10px 12px;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;
cursor:pointer;}
.phone i:hover
{
background-color:#DFB346;
color:#fff;
}
.mobile
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.mobile i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding: 10px 10px 10px 12px;;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;}
.mobile i:hover
{
background-color:#DFB346;
color:#fff;
}

.envelop
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.envelop i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding:8px 10px 10px 10px;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;}
.envelop i:hover
{
background-color:#DFB346;
color:#fff;
}



/*contact us end*/


/*about us */
.aboutus_banner
{
width:100%;
height:400px;
background-image:url(../images/ABOUT-US-BANNER.jpg);
background-repeat:no-repeat;
background-position:center;
margin-top: -1px;
background-size:cover;
}
.aboutus_banner:after
{
content: " ";
z-index: 10;
display: block;
height:400px;
background:#008CBA;
opacity:0.6;
}

.overview_banner
{
width:100%;
height:300px;
background-color:#008CBA;
background:linear-gradient(#008CBA,#b2dcea);
text-align:center;
padding:135px 0px 50px 0px;
font-size:80px;
font-weight:300;
color:#fff;
}
/*.borderline
{
width:100%;
height:2px;
background-color:#aaa;
margin-top:-55px;
}
*/
.overviewhd_txt
{
font-size: 30px;
color:#ffc233;
font-weight:300;
text-shadow: 0px 1px 1px #ff6600;
letter-spacing: 0.5px;
}
.overview_banner span
{
background-color: #008CBA;
background:linear-gradient(#008CBA,#ccc);
padding: 10px 60px 10px 60px;
box-shadow: 0px 0px 50px 1px #008CBA;
}

.abtushd_txt
{
font-size:38px;
color:#555;
font-weight:500;
letter-spacing:0.8px;
padding:0px;
margin:0px;
}
.contact_subtxt
{
font-size:18px;
color: #555;
letter-spacing: 0.5px;
padding: 1px 10px;
font-weight:400;
line-height:30px;
margin-bottom:40px;}
.atus
{
width:100%;
height:auto;
margin:10px 0px 40px 0px;
float:left;
}
.goal_hdtxt
{
width:100%;
margin-bottom:5px;
font-size:20px;
color:#ff6600;
font-weight:300;
letter-spacing:0.5px;
}
.goalicon
{
float:left;
margin:0px 10px 0px 0px;
font-size:25px;
color:#aaa;
}
.goal_subtxt
{
width:95%;
margin-left:8%;
font-size:14px;
color:#555;
letter-spacing:0.5px;
line-height:22px;
}
.goal_subtxt ul
{
padding:0px;
}
.goal_subtxt ul li
{
list-style:none;
line-height:25px;
letter-spacing:0.5px;
}
.goal_subtxt ul li i
{
font-size:15px;
color:#555;
}
.hr
{
width:100%;
height:1px;
background-color:#dddee2;
float:left;
margin-bottom:40px;
}
.abthr
{
width:80px;
margin:8px auto 15px auto;
height:3px;
border-radius:10px;
background-color:#ff6600;
}
.wide_service
{
width:100%;
height:auto;
float:left;
margin:0px 0px 40px 0px;
}
.mobileapp_develop
{
width:100%;
height:280px;
background-color:#aaa;
padding:30px;
text-align:center;
}
.mobileapp_develop:hover
{
cursor:pointer;
background-color:#4ecbc7;
}
.mobileapp_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.mobileapp_develop a:hover
{
text-decoration:none;
color:#fff;
}
.apparrow-down {
width: 0;
height: 0;
top: 0;
position: absolute;
left: 180px;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:15px solid #fff;
}

.webapp_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.webapp_develop:hover
{
cursor:pointer;
background-color:#f064ad;
}
.webapp_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.webapp_develop a:hover
{
text-decoration:none;
color:#fff;
}

.product_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.product_develop:hover
{
cursor:pointer;
background-color:#8984ff;
}
.product_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.product_develop a:hover
{
text-decoration:none;
color:#fff;
}


.search_engine
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.search_engine:hover
{
cursor:pointer;
background-color:#6283db;
}
.search_engine a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.search_engine a:hover
{
text-decoration:none;
color:#fff;
}

.desktop_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.desktop_develop:hover
{
cursor:pointer;
background-color:#f5ca48;
}
.desktop_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.desktop_develop a:hover
{
text-decoration:none;
color:#fff;
}

.ecoomerce_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.ecoomerce_develop:hover
{
cursor:pointer;
background-color:#b55ad6;
}
.ecoomerce_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.ecoomerce_develop a:hover
{
text-decoration:none;
color:#fff;
}

.offer_services
{
width:100%;
text-align:center;
margin-bottom:45px;
font-size:36px;
color:#333;
font-weight:300;
letter-spacing:0.6px;
}














.appicon
{
font-size:45px;
color:#fff;
}
.apphd_txt
{
font-size:16px;
font-weight:700;
letter-spacing:0.2px;
color:#fff;
}
.appsub_txt
{
font-size:15px;
font-weight:300;
letter-spacing:0.1px;
color:#fff;
}














.overview_subtxt
{
font-size: 15px;
color: #111;
letter-spacing: 0.5px;
padding: 1px 10px;
font-weight: 400;
line-height: 23px;
}
.contact_subtxt span
{
font-size:15px;
color:#ff6600;
letter-spacing:0.5px;
margin-bottom:1px;
font-weight:500;
}
.whyain
{
width:100%;
height:auto;
background-color:#;
float:left;
margin:40px 0px;
padding:35px 0px;
}
.our_crdilstxt
{
width: 100%;
height:350px;
text-align: center;
border-right: 4px solid #ff6600;
padding:148px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.our_crdilstxt i
{
color:#ffc233;
}	
/*.arrow-right {
width: 0; 
height: 0; 
border-top:15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #ff6600;
position:absolute;
top:150px;
left:-30px;
}*/
.crehdtxt
{
font-size:14px;
color:#333;
font-weight:700;
letter-spacing:0.5px;
}
.cresubtxt
{
font-size:14px;
color:#555;
letter-spacing:0.3px;
margin-bottom:20px;
}	
.security
{
width: 100%;
height:auto;
text-align: center;
border-left: 4px solid #ff6600;
padding:21px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.security i
{
color:#ffc233;
}

/*.arrow-left {
width: 0; 
height: 0; 
border-top: 15px solid transparent;
border-bottom: 15px solid transparent; 
border-right:15px solid #ff6600;
position:absolute;
right:-30px;
top:20px;
}*/
.security_content
{
font-size:14px;
color:#555;
letter-spacing:0.5px;
line-height:20px;
margin-bottom:20px;
padding-top:20px;
}
.security_stdtxt
{
font-size:18px;
colo#333;
font-weight:500;
letter-spacing:0.8px;
}
.secure_points
{
width:100%;
height:auto;
margin-top:15px;
}
.secure_points ul
{
}
.secure_points ul li
{
list-style:circle;
line-height:33px;
}
.our_corporatetxt
{
width: 100%;
height:auto;
text-align: center;
border-right: 4px solid #ff6600;
padding:212px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.our_corporatetxt i
{
color:#ffc233;
}
.corporate_arrow_right{
width: 0; 
height: 0; 
border-top:15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #ff6600;
position:absolute;
top:160px;
left:-30px;
}
.benefits
{
width: 100%;
height:165px;
text-align: center;
border-left: 4px solid #ff6600;
padding:65px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.benefits i
{
color:#ffc233;
}


/*management team*/
.managementteam_banner
{
width:100%;
height:300px;
background-image:url(../images/inner-banner-management.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:78px;}
.managing_directr
{
width:85%;
height:auto;
border:1px solid #ccc;
margin:30px auto 50px auto;
}	
.managing_directrimg
{
width: 100%;
height:200px;
text-align: center;
padding:20px 10px;
background-image:url(../images/profie-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}	
.managing_directrimg img
{
width:160px;
height:160px;
border:3px solid #DAAA27;
border-radius:50%;
box-shadow: 0px 0px 18px #555;
transition: all .1s ease-in-out;
}
.managing_directrimg img:hover
{
cursor:pointer;
transform: scale(1.1);
}
.md_description
{
width:100%;
text-align:left;
padding:30px;
}
.mdname
{
font-size:15px;
color:#ff6600;
letter-spacing:0.6px;
font-weight:500;
}
.md_designation
{
font-size:16px;
olor:#555;
letter-spacing:0.6px;
font-weight:500;
}
.mdhr
{
width:50px;
text-align:left;
height:1px;
background-color:#ff6600;
border-radius:20px;
margin:20px 0px 20px 0px;
}
.about_md
{
width:100%;
font-size:14px;
color:#555;
letter-spacing:0.3px;
font-weight:400;
line-height:30px;
}
/*management team end*/

/*our values*/
.ourvalues_banner
{
width:100%;
height:320px;
background-image:url(../images/vision-mission-values-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:62px;}
.ourvalues_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background:#008ece;
opacity:0.8;
}
.ourvalues_bannerhdtxt
{
position:relative;
top:-175px;
width: 100%;
text-align: center;
font-size: 115px;
color: #fff;
}

ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
width:100%;
text-align:center;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
padding:10px 55px;
}


ul.tabs li.current{
background: #f8f8f8;
color: #ff6600;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
width:100%;
text-align:center;
}
ul.restabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
padding:10px 55px;
}

.restabs button {
width:25%;
height: auto;
float: left;
text-align: center;
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 18px;
letter-spacing: 0.8px;
}
ul.restabs li.current{
background: #f8f8f8;
color: #ff6600;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
}

.tab-content
{
width:100%;
height:auto;
float:left;
display: none;
padding: 15px;
margin-top:25px;
}

.tab-content.current{
display: inherit;
}
.mission_arrow_down
{
width: 25px;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 11px solid #f8f8f8;
position: relative;
top:-41px;
left: 24%;
}
.vission_arrow_down
{
width: 25px;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 11px solid #f8f8f8;
position: relative;
top:-41px;
left:47%;
}

.corpvalue_arrow_down
{
width: 25px;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 11px solid #f8f8f8;
position: relative;
top:-41px;
left:73%;
}
.missionimg
{
text-align:center;
}
.quality_commitment
{
width:100%;
height:300px;
float:left;
background-image:url(../images/quality-policy-banner.jpg);
background-repeat:no-repeat;
background-position:center;
}
.quality_commitment:after
{
content: " ";
z-index: 10;
display: block;
height:300px;
background:#111;
opacity:0.7;
}
.qual_text
{
width:100%;
text-align:center;
position:absolute;
padding:25px 70px 35px 70px;
}
.qual_heading
{
width:100%;
height:auto;
text-align:center;
font-size:39px;
font-weight:300;
letter-spacing:1px;
color:#fff;
}
.borderline
{
width:100px;
height:2px;
background-color:#ff6600;
margin:10px auto;
}
.commit_content
{
width:100%;
text-align:center;
padding:10px 30px;
}
.nasscom_member
{
font-size:24px;
color:#ff6600;
font-weight:300;
letter-spacing:0.6px;
margin-bottom:20px;
}
.product_quality
{
width: 100%;
height: auto;
padding: 21px 30px;
margin: 0px auto 20px auto;
font-size: 17px;
letter-spacing: 0.9px;
color: #fff;
font-weight: 500;
line-height: 30px;
}
.high_std
{
font-size:13px;
color:#555;
font-weight:500;
letter-spacing:1px;
margin-bottom:20px;
padding:0px 15px;
}
.ourmission_heading
{
width: 150px;
margin: 0 auto 0px auto;
height: 150px;
border: 5px solid #ff6600;
border-radius: 50%;
text-align: center;
position: absolute;
background-color:#eee;
top:0px;
left: 30%;		
}
.hdtext_icon
{
position:relative;
top:30px;
font-size:16px;
font-weight:600;
color:#aaa;
letter-spacing:0.5px;
}
.hdtext_icon i
{
font-size:35px;
color:#ffc233;
}
.ourmission_subcontent
{
width:100%;
height:auto;
padding:80px 20px 20px 20px;
border:1px solid #ff6600;
margin-top:88px;
background-color:#aaa;
}
.ourmission_subcontent:hover
{
cursor:pointer;
background-color:#4ecbc7;
border:1px solid #4ecbc7;
cursor:pointer;
}
.ourvission_subcontent
{
width:100%;
height:auto;
padding:80px 20px 20px 20px;
border:1px solid #ff6600;
margin-top:88px;
background-color:#aaa;
}
.ourvission_subcontent:hover
{
cursor:pointer;
background-color:#f064ad;
border:1px solid #f064ad;
cursor:pointer;

}
.corporatevalues_subcontent
{
width:100%;
height:auto;
padding:80px 20px 20px 20px;
border:1px solid #ff6600;
margin-top:88px;
background-color:#aaa;
}
.corporatevalues_subcontent:hover
{
cursor:pointer;
background-color:#f5ca48;
border:1px solid #f5ca48;
cursor:pointer;

}






.mission_hdtxt
{
width:100%;
height:auto;
font-size:12px;
color:#fff;
letter-spacing:1px;
font-weight:700;
margin-bottom:25px;
text-align:center;
line-height:25px;
text-transform:uppercase;
}
.missionsub_txt
{
width:100%;
height:auto;
font-size:14px;
color:#fff;
letter-spacing:0.8px;
line-height:28px;
font-weight:400;
text-align:center;
}
.ain_providing
{
width:85%;
text-align: center;
margin: 0px auto 50px auto;
font-size: 29px;
color: #555;
font-weight: 300;
}

/*our values End*/

/*technical expertise*/
.techicalexpertise_banner
{
width:100%;
height:280px;
background-image:url(../images/technical-expertise.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:64px;
}
.techicalexpertise_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background:#555;
opacity:0.5;
}
.techicalexpertise_banner_bannerhdtxt
{
position:relative;
top:-105px;
width: 100%;
text-align: center;
font-size: 100px;
color: #fff;
}
ul#portfolio-filter {
padding: 0;
height:auto;
line-height:40px;
background: transparent url(../images/icon-tag-green.png) left no-repeat;
border-left: 4px solid #ff6600;
}
ul#portfolio-filter li {
list-style:none;
}
ul#portfolio-filter a {
margin-right: 0.5em;
padding: 0.5em 1em;
background: #FFF;
color: #AAA;
font-weight: bold;
text-decoration: none;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current {
color: #111;
}
ul#portfolio-filter a.current {
color:#ff6600;
}
ul#portfolio-list {
padding: 0;
list-style: none;
}
ul#portfolio-list li {
width:186px;
height: 160px;
display: block;
float: left;
margin-right: 18px;
overflow: hidden;
}
ul#portfolio-list li a {
display: block;
width: 186px;
height: 120px;
overflow: hidden;
border: 1px solid #CDCDCD;
}
ul#portfolio-list li a img {
width:100%;
padding:20px 10px;
}
ul#portfolio-list li p {
font-size: 11px;
line-height: 15px;
color: #AAA;
margin: 5px 0;
}

/*technical expertise End*/

/*Infrastructure*/
.Infrastructure_banner
{
width:100%;
height:320px;
background-image:url(../images/infrasture-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:64px;}
.Infrastructure_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background:#008ece;
opacity:0.7;
}
.Infrastructure_banner_bannerhdtxt
{
position:relative;
top:-145px;
width: 100%;
text-align: center;
font-size: 100px;
color: #eee;
}
.infrasture_buliding
{
width:100%;
height:auto;
margin:0px 0px 60px 0px;
float:left;
}
.infrahd_text
{
font-size:35px;
font-weight:300;
color:#111;
letter-spacing:0.5px;
}
.infra_building_icon
{
width:100%;
height:auto;
text-align:center;
font-size:180px;
color:#aaa;
}
.infrasture_points
{
width:100%;
height:auto;
padding:25px;
float:left;
margin:0px 0px 45px 0px;
background-color:#f5ca48;
background:linear-gradient(#f5ca48,#f5ca48,#f5ca48,#e49d0c);
}
.abtinfra_listleft
{
width:100%;
height:auto;
}
.abtinfra_listleft ul
{
padding:0px;
}
.abtinfra_listleft ul i
{
float: left;
width: 50px;
text-align: center;
height:55px;
padding:6px 0px 0px 0px;
font-size: 18px;
color: #ff6600;}
.abtinfra_listleft ul li
{
list-style:none;
margin-bottom:15px;
color:#fff;
font-size:15px;
font-weight:400;
letter-spacing:0.8px;
}
.abtinfra_listright
{
width:100%;
height:auto;
}
.abtinfra_listright ul
{
padding:0px;
}
.abtinfra_listright ul i
{
float: left;
width: 50px;
text-align: center;
height:64px;
padding:6px 0px 0px 0px;
font-size: 18px;
color: #ff6600;
}

.abtinfra_listright ul li
{
list-style:none;
margin-bottom:15px;
color:#fff;
font-size:15px;
font-weight:400;
letter-spacing:0.8px;
}
.more_infra
{
width:100%;
height:auto;
float:left;
padding:0px 0px 30px 0px;
margin:0px 0px 35px 0px;
}
.technology_infrasture
{
width:100%;
height:auto;
text-align:left;
font-size:22px;
font-weight:300;
color:#ff6600;
}
.technology_infrasture i
{
width:40px;
height:40px;
font-size:16px;
background-color:#aaa;
color:#fff;
border-radius:50%;
padding: 12px 0px;
text-align:center;
}
.technological_infra_list
{
width:100%;
height:auto;
margin-top:30px;
}
.technological_infra_list ul
{
padding:0px;
}
.technological_infra_list ul li
{
text-align:left;
font-size:13px;
list-style:none;
font-weight:400;
letter-spacing:1px;
margin-bottom:25px;
color:#111;
}
.technological_infra_list ul li i	
{
background-color:#fff;
color: #008ece;
float: left;
width: 30px;
height: 40px;
padding: 5px 0px 0px 0px;
font-size: 14px;
}
.listinner_heading
{
font-size:16px !important;
color:#111 !important;
font-weight:500 !important;
letter-spacing:0.5px !important;
}
/*Infrastructure End*/

/*engagement model*/
.engagement_banner
{
width:100%;
height:320px;
background-image:url(../images/ourengagementmodel.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:64px;}
.engagement_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background:#008ece;
opacity:0.7;
}
.engagement_banner_bannerhdtxt
{
position:relative;
top:-145px;
width: 100%;
text-align: center;
font-size: 100px;
color: #eee;
}

/*engagement model End*/

/*communication model*/
.communication_banner
{
width:100%;
height:355px;
background-image:url(../images/communication-model-banner.png);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.communication_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.7;
}
.communication_banner_bannerhdtxt
{
position:relative;
top:-185px;
width: 100%;
text-align: center;
font-size: 100px;
color: #eee;
}

/*communication model End*/


/*become a partner*/
.becomepartner_banner
{
width:100%;
height:357px;
background-image:url(../images/become-partner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:57px;}
.becomepartner_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.7;
}
.becomepartner_bannerhdtxt
{
position:relative;
top:-185px;
width: 100%;
text-align: center;
font-size:75px;
color: #eee;
}
.partner_codestxt
{
width:100%;
height:auto;
padding:0px 0px 45px 0px;
text-align:center;
font-size:25px;
color:#111;
letter-spacing:1px;
float:left;
}
.innercontent_text
{
width:100%;
height:auto;
font-size:13px;
letter-spacing:0.8px;
color:#333;
margin-bottom:30px;
line-height:28px;
}
.become_partnerbtn
{
background-color:#fff;
border:1px solid #ff6600;
color:#ff6600;
padding:10px 30px;
border-radius:10px;
font-size:15px !important;
}
.become_partnerbtn:hover
{
text-decoration:none;
background-color:#ff6600;
color:#fff;
}
.becomepartner_terms
{
width:100%;
height:auto;
float:left;}
.outsourcehdtxt
{
width:100%;
text-align:center;
font-size:30px;
font-weight:400;
color:#008ece;
}
.outsourcehdtxt i
{
color:#555;
}
.innerheading
{
font-size:17px;
margin-top:25px;
font-weight:600;
color:#555;
}
.innercontent_text span
{
font-size:14px;
color:#ff6600;
font-weight:500;
}
.innercontent_text div i
{
float: left;
width: 20px;
height:28px;
padding: 10px 0px;}
/*become a partner End*/



/*Our Clients*/
.client_banner
{
width:100%;
height:357px;
background-image:url(../images/banner-clients.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:57px;}
.client_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.7;
}
.client_bannerhdtxt
{
position:relative;
top:-185px;
width: 100%;
text-align: center;
font-size:75px;
color: #eee;
}

.da-thumbs li a div {
top: 0px;
left: -100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.da-thumbs li a:hover div{
left: 0px;
}

.clr{
clear: both;
padding: 0;
height: 0;
margin: 0;
}
.container > header{
margin: 10px;
padding: 20px 10px 10px 10px;
position: relative;
display: block;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
text-align: center;
}
.container > header > span{
font-size: 20px;
line-height: 20px;
display: block;
font-weight: 400;
font-style: italic;
color: #719dab;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.container > header h1{
font-size: 40px;
line-height: 40px;
margin: 0;
position: relative;
font-weight: 300;
color: #498ea5;
padding: 5px 0px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header h1 span{
font-weight: 700;
}
.container > header h2{
font-size: 14px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0;
padding: 15px 0 5px 0;
color: #6190ca;
text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header p{
font-style: italic;
color: #aaa;
text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
/* Header Style */
.codrops-top{
line-height: 24px;
font-size: 11px;
background: #fff;
background: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
z-index: 9999;
position: relative;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.codrops-top a{
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
display: inline-block;
}
.codrops-top a:hover{
background: rgba(255,255,255,0.9);
}
.codrops-top span.right{
float: right;
}
.codrops-top span.right a{
float: left;
display: block;
}
/* Demo Buttons Style */
.codrops-demos{
text-align:center;
display: block;
line-height: 30px;
padding: 5px 0px;
}
.codrops-demos a{
display: inline-block;
margin: 0px 4px;
padding: 0px 6px;
color: #aaa;
line-height: 20px;	
font-size: 13px;
text-shadow: 1px 1px 1px #fff;
border: 1px solid #ddd;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.codrops-demos a:hover{
color: #333;
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.codrops-demos a:active{
background: #fff;
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
background: #f6f6f6;
}
.da-thumbs {
list-style: none;
padding:0px;
float:left;
margin:45px 0px;
}
.da-thumbs li {
float: left;
margin:10px;
background: #fff;
padding:5px;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
border:1px solid #ff6600;
width: 23%;
text-align: center;
}
.da-thumbs li a,
.da-thumbs li a img {
display: block;
position: relative;
height:165px;
border:1px solid #ccc;
}
.da-thumbs li a {
overflow: hidden;
}
.da-thumbs li a div {
position: absolute;
background: #333;
background: rgba(75,75,75,0.7);
width: 100%;
height: 100%;
}
.da-thumbs li a div span {
display: block;
padding: 10px 0;
text-align:center;
margin:35px 20px 20px 20px;
font-weight: normal;
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}
.knowour_customer
{
width:100%;
text-align:center;
font-size:35px;
font-weight:300;
color:#111;
letter-spacing:0.5px;
}
.knowour_customer p
{
font-size:14px;
font-weight:400;
color:#555;
margin-top:10px;
padding:0px 80px;
line-height:25px;
}
.bottomline
{
width:100px;
margin:0 auto;
height:1px;
background-color:#ff6600;
}

.portfolio-content, .portfolio-area{width:100%;}
.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}

/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px; text-align:center;}
.portfolio-categ li{display:inline;margin-right:10px;}
.portfolio-categ li a
{
padding:0px 15px;
font-size:16px;
letter-spacing:0.8px;
color:#ff6600;
}


.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #ff6600; box-shadow:0 0 5px #ff6600;}
.portfolio-area li{
float: left;margin:0;overflow: hidden;width:25%;padding:5px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline; color:#555;}
/**** END PORTFOLIO STYLES*****/


div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}

.pp_gallery a {
background: none !important;
border: none !important;
display: none !important;
height: 146px;
padding: 2px !important;
width: 235px;
}
/*Our Clients End*/
/*about us end */


/*Services */
.services_banner
{
width:100%;
height:357px;
background-image:url(../images/services_ban.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:57px;}
.services_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.services_content
{
width: 100%;
height:auto;
float:left;
background-color: #fff;
position: relative;
top: 20px;
margin-bottom: 55px;
padding: 30px;
text-align: center;
box-shadow: 0px 0px 15px 1px #ccc;
}
.service_hdtxt
{
font-size:35px;
font-weight:400;
color:aaa;
letter-spacing:0.5px;
margin-bottom:20px;
}
.service_subhdtxt
{
font-size:25px;
font-weight:300;
color:#ff6600;
letter-spacing:0.5px;
margin-bottom:50px;
}
.left-quotes
{
width: 24px;
text-align: center;
float: left;
font-size: 20px;
}
.right_quotes
{
width: 24px;
text-align: center;
float: left;
font-size: 20px;
position: absolute;
right: 200px;
top: 185px;
}
.content p
{
text-align:left;
font-size:14px;
letter-spacing:0.3px;
color:#555;
font-weight:400;
margin-bottom:20px;
line-height:25px;
}
.serviceimg
{
width:100%;
text-align:center;
}
.serviceimg img
{
width:470px;
}
.our_rangeof_Services
{
width:100%;
height:auto;
padding:30px 0px 30px 0px;
margin:0px 0px 30px 0px;
float:left;
}
.our_rangeof_Services a
{
text-decoration:none;
}
.our_rangeof_Services a:hover
{
text-decoration:none;
color:#ff6600;
}

.web_app_services
{
width:200px;
height:200px;
background-color:#f064ad;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.web_app_services i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.web_app_services img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.web_app_services:hover
{
background-color:#aaa;
}

.Mobility_Solutions
{
width:200px;
height:200px;
background-color:#4ecbc7;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.Mobility_Solutions:hover
{
background-color:#aaa;
}

.Mobility_Solutions i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.Mobility_Solutions img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}


.ecommerce_platform
{
width:200px;
height:200px;
background-color:#b55ad6;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.ecommerce_platform:hover
{
background-color:#aaa;
}

.ecommerce_platform i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.ecommerce_platform img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

.seointernet_marketing
{
width:200px;
height:200px;
background-color:#6283db;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.seointernet_marketing:hover
{
background-color:#aaa;
}

.seointernet_marketing i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.seointernet_marketing img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

/*.cms
{
width:200px;
height:200px;
background-color:#f5ca48;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.cms:hover
{
background-color:#aaa;
}*/

.cms i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.cms img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}


.responsiveweb_design
{
width:200px;
height:200px;
background-color:#8984ff;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.responsiveweb_design:hover
{
background-color:#aaa;
}

.responsiveweb_design i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.responsiveweb_design img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

.managed_services
{
width:200px;
height:200px;
background-color:#23A09C;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.managed_services:hover
{
background-color:#aaa;
}

.managed_services i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.managed_services img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

.support_maintenance
{
width:200px;
height:200px;
background-color:#BD41AF;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.support_maintenance:hover
{
background-color:#aaa;
}

.support_maintenance i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.support_maintenance img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}


.service_labeltxt
{
width:100%;
text-align:center;
margin:15px 0px 0px 0px;
font-size:16px;
letter-spacing:0.5px;
color:#111;
font-weight:500;
}
.service_labeltxt:hover
{
color:#ff6600;
}
.bottom_section
{
width:100%;
float:left;
margin-top:50px;
}
.ourextra_servehdtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:33px;
letter-spacing:0.5px;
color:#111;
}
.ourextra_servesubtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:14px;
letter-spacing:0.9px;
color:#555;
font-weight:300;
line-height:25px;
margin:0px 0px 30px 0px;
}
.content_mgt_banner
{
width:100%;
height:auto;
float:left;
padding:14px 0px;
margin:65px 0px 0px 0px;
}
#cookie-msg
{
position: fixed;
bottom: 0px;
width: 100%;
text-align: center;
padding: 14px 50px !important;
background-color: rgb(34, 34, 34);
color: white;
font-size: 11px !important;
letter-spacing: 0.8px !important;
}
.underline
{
width:10%;
margin:20px 45% 25px 45%;
height:2px;
float:left;
background-color:#ccc;
}
/*web application */
.webapp_banner
{
width:100%;
height:357px;
background-image:url(../images/banner2-webapp.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.webapp_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.customer_needs
{
width:100%;
height:auto;
float:left;
margin:100px 0px 0px 0px;
text-align:center;
}
.tophead_txt
{
font-size:32px;
letter-spacing:0.5px;
color:#ff6600;
}
.topsub_txt
{
font-size:15px;
letter-spacing:0.5px;
color:#555;
line-height:28px;
}
.mgtinfo_system
{
width:100%;
height:auto;
float:left;
margin-bottom:10px;
padding:30px;
background-color:#fff;
}
.mgtinfo_system div img
{
width:115px;
padding:30px 0px;
}
.mgtinfo_system div img:hover
{
cursor:pointer;
transform: scale(1.1);
cursor:pointer;
}

.magtinfo_hdtxt
{
font-size:16px;
letter-spacing:0.5px;
color:#ff6600;
font-weight:500;
}
.magtinfo_subtxt
{
font-size:13px;
letter-spacing:0.5px;
color:#555;
font-weight:400;
line-height:20px;
}
.middivision
{
margin: -23px 24% 0px 24%;
box-shadow: 0px 0px 25px 1px #ccc;
padding:0px !important;
}
.content_border
{
width:100%;
height:1px;
background-color:#f8f8f8;
float:left;
margin-top:15px;
}
.readmore_btn
{
width:100%;
text-align:right;
margin-top:20px;
float:left;
}
.readmore_btn a
{
border:1px solid #aaa;
padding:5px 10px;
color:#aaa;
border-radius:10px;
font-size:12px;
}
.readmore_btn a:hover
{
border:1px solid #ff6600;
color:#ff6600;
}
.whyweb_appdevelop
{
font-size:18px;
color:#ff6600;
letter-spacing:0.5px;
font-weight:500;
}
.whyweb_appdeveloplist
{
width:100%;
}
.whyweb_appdeveloplist ul
{
padding:0px 0px 0px 20px;
}
.whyweb_appdeveloplist ul li
{
list-style:circle;
line-height:25px;
font-size:14px;
}
.seo_splitpoints
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
}
.seo_splitpointshdtxt
{
width:100%;
height:auto;
float:left;
font-size:18px;
color:#ff6600;
letter-spacing:0.5px;
font-weight:500;
}
.seo_splitpointssubtxt
{
width:100%;
height:auto;
float:left;
font-size:14px;
color:#555;
letter-spacing:0.7px;
font-weight:300;
margin:10px 0px 0px 0px;
line-height:25px;
}
.seo_split
{
width:100%;
height:auto;
float:left;
margin:20px 0px 20px 0px;
}
/*web application end */

/*MIS */
.mis_banner
{
width:100%;
height:357px;
background-image:url(../images/MIS-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.mis_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.mistophead_txt
{
font-size:25px;
letter-spacing:0.5px;
color:#ff6600;
}
.mistopsub_txt
{
font-size:15px;
letter-spacing:0.5px;
color:#555;
line-height:28px;
text-align:left;
margin-top:35px;
}
.mis_offers
{
width:100%;
text-align:center;
margin-bottom:15px;
font-size:25px;
font-weight:400;
color:#ff6600;
}
.mis_section
{
width:100%;
height:auto;
padding:30px;
background-color:#4ecbc7;
margin:35px 0px;
}
.our_misoff
{
width:100%;
}
.our_misoff ul
{
padding:0px;
}
.our_misoff ul li
{
list-style:none;
line-height:28px;
color:#fff;
font-size:15px;
letter-spacing:0.5px;
}
.misoff_subhdtxt
{
color: #a27304;
font-weight: 500;
letter-spacing: 0.5px;
font-size: 15px;
}
.misoff_subcontenttxt
{
color:#fff;
letter-spacing: 0.5px;
line-height: 25px;
}
.our_misoff ul li i
{
color:#FFBC1D;
}

/*MIS end */
/*Services end */


/*Industries */
.industry_banner
{
width:100%;
height:357px;
background-image:url(../images/industry-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.industry_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.howcan_wehelp
{
width:100%;
text-align:center;
margin:80px 0px 25px 0px;
font-size:35px;
color:#ff6600;
}
.howcan_wehelp_underline
{
width:100px;
margin:0 auto;
height:3px;
background-color:#555;
margin-top:8px;
}
.indutryhelp_quotes
{
width:100%;
text-align:center;
font-size:25px;
font-weight:300;
letter-spacing:0.5px;
padding:0px 50px;
margin-bottom:35px;
line-height:32px;
}
/*.ecommerce
{
width:100%;
height:auto;
float:left;
padding:30px;
background-color:#eee;
margin:0px 0px 35px 0px;
}
*/.ecomhdtxt
{
width:100%;
text-align:center;
font-size:35px;
color:#008ece;
}
.ecomhdtxt span
{
color:#e03026;
}
.ecomsubtxt
{
width:100%;
text-align:center;
font-size:16px;
color:#555;
line-height:25px;
letter-spacing:0.4px;
}

.resposive_ecom
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #F99432;
}
.resposive_ecom img
{
width:60px;
}
.fast_checkout
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #6CCB5F;

}
.fast_checkout img
{
width:60px;
}

.ecom_features
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #F99432;
}
.ecom_features img
{
width:60px;
}


.content_management
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #6CCB5F;

}
.content_management img
{
width:80px;
}

.ecom_marketing
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #F99432;

}
.ecom_marketing img
{
width:80px;
}
.ecom_contenthdtxt
{
margin:20px 0px 10px 0px;
font-size:16px;
font-weight:500;
letter-spacing:0.3px;
}
.ecom_contentsubtxt
{
margin:0px 0px 10px 0px;
font-size:12px;
font-weight:400;
letter-spacing:0.3px;
}
.manufacturing
{
width:100%;
height:auto;
float:left;
padding:30px 0px;
background-color:#eee;
margin:0px 0px 35px 0px;
}
.manufacturing img
{
width:150px;
text-align:center;
}
.manusubhdtxt
{
font-size: 23px;
margin: 20px 0px 20px 0px;
color: #F99432;
font-weight: 300;
letter-spacing: 0.5px;
}
.manusub_contenttxt
{
width:100%;
text-align:left;
font-size:14px;
letter-spacing:0.5px;
color:#555;
line-height:25px;
}
.other_industries
{
width:100%;
height:auto;
float:left;
padding:30px 0px;
background-color:#eee;
margin:0px 0px 35px 0px;
}
.other_industries img
{
width:150px;
text-align:center;
}

/*Industries end */













/*Footer*/
/*back to top*/
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width:35px;
height:35px;
display: block;
text-decoration: none;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left:9px;
top:7px;
font-size:17px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
}
/* back to top end */

.footer
{
width:100%;
height:auto;
/*background-image:url(../images/footer-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;*/
padding:15px 0px 0px 0px;
color:#fff;
float:left;
}
.footer_logo
{
width:100%;
height:auto;
text-align:left;
font-size:15px;
font-weight:400;
letter-spacing:1.7px;
font-family:'Russo One', sans-serif !important;
}
.footer_logo a
{
font-size:32px;
font-weight: 400;
color: #fff;
font-family: 'Russo One', sans-serif !important;
letter-spacing: 1.8px;}
.footer_logo a:hover
{
text-decoration:none;
color:#fff;
}

.quicklinks
{
width:100%;
height:auto;
float:left;
text-align:left;
}
.quicklinks ul
{
width: 100%;
height: auto;
float: left;
padding: 0px 0px 8px 0px;
margin:5px 0px 15px 0px;
}
.quicklinks ul p
{
font-size:16px;
color:#fff;
letter-spacing:0.5px;
}
.quicklinks ul li
{
list-style:none;
line-height:24px;
margin: 0px 0px 0px 0px;
}
.quicklinks ul li a
{
font-size:12px;
letter-spacing:1px;
color:#000 !important;
letter-spacing:0.5px;
font-weight:400;
}
.quicklinks ul li a:hover
{
text-decoration:none;
color:#058ac9;
}
.address
{
color:#fff;
font-size:13px;
letter-spacing:1px;
line-height:20px;
}
.signup_newlr
{
width: 100%;
height: auto;
float: left;
font-size: 13px;
color:#ebebeb;
letter-spacing: 0.8px;
padding:10px 0px;
}
.get_regularupdt
{
font-size: 10px;
font-weight: 300;
letter-spacing: 1px;
width: 82%;
height: auto;
float: left;
text-align: right;
color: #111;
} 
.footer p {
font-size: 10px;
font-weight: 300;
color: #fff;
width: 100%;
height: auto;
float: left;
padding: 0px;
margin: 0px 0px 4px 0px;
}

.newstxtbox
{
width:87%;
height:auto;
float:left;
padding:8px 10px;
border:1px solid #fff;
background-color:#fff;
outline:none;
color:#111 !important;
}
.subtn
{
margin:0px 0px 0px 0px;
background-color: #ebebeb;
border:2px solid #ebebeb;
color: #111;
padding:8px 10px;
font-size: 13px;
letter-spacing: 0.5px;
outline:none;
}
.subtn:hover
{
background-color:transparent;
border:2px solid #fff;
color:#fff;
background-color:#058ac9;
}
.contactno
{
margin: 0px 0px 10px 0px;
font-size: 11px;
font-weight: 300;
color: #fff;
letter-spacing: 0.5px;
}
.mailid
{
font-size:13px;
font-weight:300;
color:#fff;
letter-spacing:1px;
}
.mailid a
{
color:#fff;
}
.mailid a:hover
{
color:#ff6600;
}
.privacy_policy
{
width:100%;
border-top:1px solid #191919;
margin-top:28px;
}
.privacyploicy
{
width: 100%;
height: auto;
float: left;
text-align: center;
color: #fff;
padding: 5px 0px 5px 0px;
margin:14px 0px 0px 0px;
background-color:#3C5FAE !important;
}
.privacyploicy a
{
font-size:12px;
font-weight:300;
letter-spacing:0.8px;
color:#fff;
}
.privacyploicy a:hover
{
color:#ff6600;
}
.allrights
{
width: 100%;
text-align: center;
padding: 5px 0px;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.8px;
color: #fff;
height: auto;
float: left;
}
.notification
{
width: 100%;
float: left;
font-size: 12px;
letter-spacing:1px;
}
.notification span
{
color:#FF9A00;
}
.foot_social_icons
{
width:100%;
height:auto;
float:left;
margin:25px 0px 30px 0px;
}
.foot_social_icons ul
{
width:100%;
height:auto;
float:left;
padding:0px;
margin:0px;
}
.foot_social_icons ul li
{
list-style:none;
float:left;
margin:0px 8px 0px 0px;
}
.foot_social_icons ul li a
{
font-size: 10px;
font-weight: 300;
color: #fff;
}
.foot_social_icons ul li a i
{
background-color: #555;
width: 25px;
height: 25px;
border-radius: 50%;
padding: 8px 8px;
}
.fb a i:hover
{
background-color:#3b5998;
color:#fff;
box-shadow: 0px 0px 15px 1px #2a8e71;

}
.tw a i:hover
{
background-color:#00acee;
color:#fff;
box-shadow: 0px 0px 15px 1px #2a8e71;

}
.linkin a i:hover
{
background-color:#0e76a8;
color:#fff;
box-shadow: 0px 0px 15px 1px #2a8e71;

}
.youtube a i:hover
{
background-color:#FF0000;
color:#fff;
box-shadow: 0px 0px 15px 1px #2a8e71;
}
.gplus a i:hover
{
background-color:#db4a39;
color:#fff;
box-shadow: 0px 0px 15px 1px #2a8e71;
}
/*Footer End*/


#cover-spin {
position:fixed;
width:100%;
left:0;right:0;top:0;bottom:0;
background-color: rgba(255,255,255,0.7);
z-index:9999999;
display:none;
}

@-webkit-keyframes spin {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

#cover-spin::after {
content:'';
display:block;
position:absolute;
left:48%;top:40%;
width:40px;height:40px;
border-style:solid;
border-color:black;
border-top-color:transparent;
border-width: 4px;
border-radius:50%;
-webkit-animation: spin .8s linear infinite;
animation: spin .8s linear infinite;
}




/*Product details */
.icons-dropdown-menu {
width:auto;
height:auto;
float:left;
position: absolute !important;
margin:0px 0px 0px 0px !important;
}

.icons-dropdown-menu > button:hover {
background: #080808;
}

.icons-dropdown-menu button {
align-items: center;
padding:6px 7px;
width: auto;
height: auto;
border-radius:6px;
color:#058ac9;
border:1px solid #058ac9 !important;
background:transparent;
border: 0;
cursor: pointer;
font-size:14px;
margin:0px 0px 0px 10px;
position:relative !important;
margin: 0px !important;
left: 20% !important;
}
.icons-dropdown-menu button:hover, .icons-dropdown-menu button:focus
{
background:#058ac9;
color:#fff;
}
.icons-dropdown-menu > button {
z-index: 10;
transition: 0.3s;
}

.icons-dropdown-menu.open > button {
/*   background: #080808; */

}

.icons-dropdown-menu button #dropdown-icon {
margin-left: auto;
}

.dropdown__menu-labels {
overflow: hidden;
z-index: 1;
right:10px !important;
position: absolute !important;
height:auto;
float:left;
opacity: 0;
visibility: hidden;
/*   border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; */
border-top: 0;
translate: 0 -20px;
transition: 0.4s;
top: 187% !important;
width: 195px !important;
left:0% !important;
margin: 8px 0px 0px 0px !important;
}
.itemlistname section.dropdown__menu-labels
{
left:-18% !important;
}
.icons-dropdown-menu section
{
position: relative !important;
left:35px  !important;
}
.dropdown__menu-labels ul
{
width: auto;
height: auto;
float: left;
padding:0px !important;
margin:0px !important;
}
.dropdown__menu-labels li
{
float:left;
margin:0px 10px 10px 0px;
list-style:none;    
}
.dropdown__menu-labels li a
{
background-color:transparent !important;
border:none !important;
padding:0px !important;
margin:0px !important;
}

.dropdown__menu-labels li a img
{
height:28px !important;
background-color: #f8f8f8 !important;
padding: 5px !important;
border-radius: 5px 5px 5px 5px !important;    
}
.dropdown__menu-labels li a img:hover
{
background-color: #eee !important;    
}
.dropdown__menu-labels button {
border: 0;
width: 100%;
height: 56px;
border-radius: 0;
}

.dropdown__menu-labels button:hover {

}

.icons-dropdown-menu.open .dropdown__menu-labels {
opacity: 1;
translate: 0;
visibility: visible;
}




.free_shipping
{
width:100%;
text-align:center;
margin:1px 0px 30px 0px;
background-color:#760101;
color:#fff;
padding:5px 0px;
font-size:13px;
}
.product_namefull_title
{
width:100% !important;
height: auto;
float: left;
font-size:17px;
font-weight: bold;
letter-spacing: 0.5px;
color: #000;
margin: 0px 0px 0px 0px;
padding: 0px;    
}
.product_namefull_title_txt
{
width:auto !important;
height: auto !important;
float: left !important; 
padding: 0px 0px 0px 0px !important;
margin: 0px 10px 0px 0px !important;
}
.wish_shareicons
{
width:20%;
height: auto;
float: left;     
}
.product_namefull_title a
{
width:auto;
height: auto;    
float:left;    
margin:0px 0px 0px 6px !important;
background-color: transparent;
padding:6px 7px;
border: 1px solid #058ac9;
border-radius: 5px;
color: #058ac9;
font-size: 13px;
}
.product_namefull_title a:hover, .product_namefull_title a:focus
{
color:#fff;    
background-color:#058ac9;    
}

.wish_shareicons
{
width:10% !important;
height: auto;    
float:left;    
}
.wish_shareicons a
{
width:auto;
height: auto;    
float:left;    
margin:0px 0px 0px 0px !important;
background-color: transparent;
padding:6px 7px;
border: 1px solid #058ac9;
border-radius: 5px;
color: #058ac9;
font-size: 13px;
position:relative;
z-index:11;
}
.wish_shareicons a:hover, .wish_shareicons a:focus
{
color:#fff;    
background-color:#058ac9;    
}

.product_namefull_title div
{
margin:5px 0px;    
}
.product_namefull
{
width: 100%;
height: auto;
float: left;
font-size:15px;
color: #000;
margin:2px 0px 6px 0px;
padding: 0px;
}
.product_discount_details
{
width: 100%;
height: auto;
float: left;    
}
.starrating_result
{
width:auto;
height: auto;
float: left;
font-size:12px;
color: #fff;
background-color:green;
padding:3px 4px;
border-radius:5px;
letter-spacing:0.6px;
margin: 0px 5px 0px 0px;
}
.starrating_result i
{
font-size:12px;    
margin: 0px 0px 0px 5px;    
}
.starrating_result_counts
{
width: auto;
height: auto;
float: left;
font-size:13px;
font-weight: 400;
color: #000;
letter-spacing: 0.6px;
margin:2px 0px;
}
.sort_staring {
width: 50%;
height: auto;
margin: 4px 0px 15px 0px;
color: #448aff;
float: left;
padding: 0;
font-size: 11px;
letter-spacing: 0.8px;
font-weight: 300;
}
.sort_staring span
{
font-size:13px;
}
.sort_staring a
{
font-size:12px;
}
.product_details
{
width: 100%;
height: auto;
border-bottom: 1px solid #eee;
float: left;
padding-bottom:0px;
}
.details
{
font-size: 17px;
padding: 4px 0px;
width: auto;
height: auto;
float: left;
}
.plusmore
{
border:1px solid #448aff;
padding:5px;
border-radius:5px;
}
.plusmore:hover
{
text-decoration:none;
}
.social_media_shareicon
{
width: auto;
height: auto;
float: right;
padding: 0 !important;
margin: 0px !important;
}
.social_media_shareicon a
{
margin:0px 0px 0px 8px !important;    
}
.social_media_shareicon img
{
height: 15px !important;    
}
.detailtxt
{
width: 100%;
height: auto;
float: left;
font-size:10px;
color:#555;
letter-spacing: 0.5px;
font-weight: 300;
line-height:14px;
padding: 0px !important;
}
.price_column
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 15px 0px;
}
.detailtxt span
{
color:#000;

}
.product_final_price {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #eee;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
.mrpprice
{
font-size:24px;
color:#000;
margin-right:5px;
}
.mrpprice i
{
font-size:12px;

}
.pricemrp
{
text-decoration: line-through;
font-size:16px;
color: #999;
}
.pricemrp i
{
text-decoration: line-through;
font-size:12px;

}
.offer_percentage
{
width:auto;
height:auto;
float:left;
font-size:13px;
color:red;
margin:0px 8px 0px 8px;
padding:7px 0px;
}
.proprice
{
font-size:16px;
/*font-weight: 600;*/
color: #000;
letter-spacing: 1px;
margin:0px 0px 5px 0px;
}
.mrpprice_txt
{
float:left;    
}
.proprice i {
font-size: 11px !important;
font-weight: 300 !important;
position: relative;
left: 4px;
top: 0px;
}
.pro_detail_qty select
{
color:#000 !important;    
}
.pro_detail_qty_row
{
width:100%;
height:auto;
float:left;
margin:30px 0px 10px 0px;
}
.incl_gst
{
font-size: 13px;
color: #000;
letter-spacing: 1px;
position: relative;
font-weight: 300;
margin: 0px 0px 0px 0px;
}
.verified
{
background-color:#058ac9;
color: #fff;
padding: 5px 5px;
border-radius:10px;
margin-left: 16px;
font-size:12px;}

.cv_certified
{
width: 100%;
height: auto;
float: left;    
font-size:13px;
color:#000;
font-weight:300;
margin:22px 0px 28px 0px;
}
.cv_certified img
{
margin-top: -7px;
position: absolute;
}
.pro_uom_measurement
{
width: 100%;
height: auto;
float: left; 
margin:0px 0px 20px 0px;
position:relative;
z-index:1 !important;
}
.pro_uom_measurement ul
{
width: 100%;
height: auto;
float: left;     
padding:0px;
margin:0px;
}
.pro_uom_measurement ul li
{
width:auto;
height:auto;
float:left;
margin:0px 15px 0px 0px;
list-style:none;

}
.pro_uom_measurement ul li a
{
color:#000;
font-size:11px;
letter-spacing:1px; 
background-color:#f8f8f8;
border:1px solid #eee;
border-radius:5px;
padding:8px;
font-weight:bold;
box-shadow:2px 2px 4px -2px #000;
}
.pro_uom_measurement ul li a:hover, .pro_uom_measurement ul li a:focus
{
cursor:pointer;
background-color:#F7CA00;
border:1px solid #F7CA00;
color:#000;
text-decoration:none;
box-shadow:3px 3px 4px -2px #555 !important;
}







.search-box {
position: relative;
width:100%; /* Adjust as needed */
}

#search-input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
}

.suggestions {
position: absolute;
width: 100%;
max-height: 200px;
overflow-y: auto;
border: 1px solid #ccc;
background: #fff;
display: none;
padding: 8px !important;
}
.suggestions div.suggestion-item
{
font-size:12px !important;  
letter-spacing:0.5px !important;
margin:0px 0px 10px 0px !important;
font-weight:600 !important;
}
.search-box input
{
border-radius:0px !important;    
}
.search-box div.suggestions
{
margin: 42px 0px 0px 0px;
z-index: 111;    
}
.suggestion-item
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 8px 0px;    
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}





.pro_uom_measurement_active a
{
cursor:pointer !important;
background-color:#F7CA00 !important;
border:1px solid #F7CA00 !important;
color:#000 !important;
text-decoration:none !important;    
}

#default {
text-align: center;
width: 100%;
height: auto;
float: left;
}
#default div.column
{
width: 100%;
height: auto;
float: left;    
}
.xzoom-container {
display: inline-block;
width: 100% !important;
height: auto !important;
float: left !important;
}
.xzoom-container img.xzoom
{
width: 100% !important;
height: auto;
float: left;
padding: 25px;
margin: 0px 0px 17px 0px;    
}
.knowmore
{
margin-left:5px;
font-size:11px;
}
.knowmore:hover
{
text-decoration:none;
}
.delivery
{
font-size:12px;
color:#000 !important;
}
#check_pincode_form {
width: 100%;
height: 36px;
float: left;
margin: 0px 0px 10px 0px;
}
.check_pincode_form button
{
background-color:transparent;
border:1px solid transparent;
color:#058ac9;
padding:2px 5px;
font-size:12px;
letter-spacing:0.8px;
font-weight:400;    
}
.paymode_hdr
{
width: 100%;
height:auto;
float: left;
padding:10px 10px 0px 10px;
}
#check_pin_enable
{
display:none;    
}
#check_pincode_form
{
width: 100%;
height:36px;
float: left;    
}
.enter_pincode {
border: none;
border-bottom: 2px solid #448aff;
padding: 2px 0px;
letter-spacing: 1px;
width: 230px;
outline: none;
font-size: 12px;
height: auto;
float: left;
}
#my_field button[disabled]
{
background-color:transparent;
border:none;
font-size:12px;
color:#000;
letter-spacing:0.8px;
font-weight:400;
}
#check_pincode_form div.errormsg
{
margin:0px !important;    
}
.expect_to_delivery
{
width: 100%;
height: auto;
float: left;
font-size: 10px;
margin: 0px 0px 11px 0px;
font-size: 10px;
letter-spacing: 0.5px;
color: #000;         
}
.enterpincode
{
border: none;
border-bottom: 2px solid #448aff;
padding: 2px 62px 2px 0px;
letter-spacing: 1px;
width:280px;
outline: none;
font-size: 12px;
height: auto;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pincheck {
border: none;
padding: 0px 0px;
color: #058ac9;
margin-left: 5px;
background-color: transparent;
position: absolute;
margin: 0px 0px 0px -54px;
letter-spacing: 0.5px;
font-size: 12px;
}
.product_specification {
width: 100% !important;
margin: 0px 0% 10px 0% !important;
}
.pincheck:hover
{
text-decoration:none;
color:#003954;
}
.pincode_detail_txt
{
width: 100%;
height: auto;
float: left;
font-size:11px;
letter-spacing: 0.5px;
font-weight: 300;
margin:-10px 0px 10px 0px;
color:green;
}
.facilities
{
width: 100%;
height: auto;
float: left;
font-size:11px;
color:#000 !important;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0px 0px 9px 0px;
padding: 0px 0px 0px 0px;
}
.price_column form
{
width: 100%;
height: auto;
float: left;
}
.addtocart_btn
{
width: auto;
height: auto;
float: left !important;
margin: 0px 12px 0px 0px;
}
.facilities img {
width: auto !important;
height: 12px !important;
}
.wishlistbtn
{
width: auto;
height: auto;
float: left;
margin: 0px 10px 0px 0px;    
}
.wishlistbtn a
{
background-color:#DF3338; 
border:1px solid #DF3338;
color:#fff;
}
.wishlistbtn a:hover
{
background-color:transparent !important;    
color:#DF3338 !important;
}
.cartbtn
{
width: 100%;
height: auto;
float: left;  
padding:6px 18px;
margin-right:8px;
color: #fff;
background-color: #6b6b6b;
border:1px solid #6b6b6b;
border-radius: 3px;
font-size: 13px;
}
.cartbtn:hover, .cartbtn:focus
{
background-color:transparent !important;    
color:#6b6b6b !important;
text-decoration:none;
}
.pro_notify_me {
width: auto;
height: auto;
float: left;
margin: 9px 0px 0px 0px;
}
.pro_notify_me a
{
background-color: #DF3338;
border: 1px solid #DF3338;
color: #fff; 
padding:5px 18px;
border-radius: 3px;
font-size: 13px;
}
.pro_notify_me a:hover, .pro_notify_me a:focus
{
background-color:transparent !important;    
color:#DF3338 !important;
text-decoration:none;    
}
.off_percentage {
    color: #fff !important;
    width:33px;
    height: 34px;
    line-height:12px;
    float: right;
    font-size:10px;
    letter-spacing: 0.2px;
    background-color: #058ac9;
    padding: 5px 0px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    z-index:11;
}
.buynow_btn
{
width:auto;
height: auto;
float: left;  
padding: 7px 32px;
color: #fff;
background-color: #058ac9;
border:1px solid #058ac9;
border-radius: 3px;
font-size: 13px;
}
.buynow_btn:hover
{
text-decoration:none;
color:#058ac9;
background-color:transparent;
}

.buyer_protection
{
width: 100%;
height: auto;
float: left;  
font-size:13px;
margin:10px 0px 10px 0px;
color:#000;
font-weight:700;
}
.buyer_protection a
{
font-size:13px;
font-weight:300;
}

.product_specification
{
width: 100%;
height: auto;
float: left;
margin: 30px 0px 0px 0px;
}
.prodspcf
{
width: 100%;
height: auto;
float: left;
padding: 10px 0px;
border-bottom: 1px solid #fff;
margin: 20px 0px 10px 0px;
}
.prodspcf span
{
color: #111 !important;
font-size:15px !important;
border-bottom:3px solid #ccc ;
padding-bottom: 10px;
margin-right:40px;
font-weight:bold !important;
}
.prodspcf a
{
font-size:20px;
letter-spacing:1px;
}
.prodspcf a:hover
{
text-decoration:none;
}
.spec_details {
width: 100%;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
}
.detil_txt
{
width: 100%;
height: auto;
float: left;
padding:0px;
font-size:15px;
color:#000;
letter-spacing:1px;
}
.detail_list
{
width: 100%;
height: auto;
float: left;

font-size:11px;
letter-spacing: 0.5px;
}
.detail_list ul li
{
width: 100%;
height: auto;
float: left;    
list-style:none;
margin:0px 0px 8px 0px;
font-size: 12px;
color:#000 !important;
}
.detail_list ul li span {
color: #000;
float: left;
margin: 0px 15px 0px 0px;
width:140px;
font-weight:bold;
font-size: 12px;
}
.spec_content
{
width:75%;
height: auto;
float: left;    
}
.colunicon
{
width: auto;
height: auto;
float: left;
margin: 0px 15px 0px 0px;
}
.material_desc
{
width: 100%;
height: auto;
float: left;
padding: 10px 0px;
border-bottom: 1px solid #fff;
margin:0px 0px 0px 0px;
}
.material_desc p
{
width: 100%;
height: auto;
float: left;
font-size:13px;
letter-spacing: 0.5px;
line-height: 23px;
margin:0px 0px 0px 0px;
padding:0px;
}
.normal_pagination
{
width: 100%;
height: auto;
float: left;
text-align: right;
font-size: 13px;
letter-spacing: 0.5px;
color: #000;
padding: 0px 15px;
}
.shortdesc_content
{
width: 100%;
height: auto;
float: left;  
margin:30px 0px 0px 0px;
}
.shortdesc_content div
{
width: 100% !important;
height: auto !important;
float: left; 
color: #000;
font-size:13px;
letter-spacing:0.5px;
font-weight:400;
margin:0px 0px 5px 0px;
line-height:20px;
}
.shortdesc_content p
{
width: 100% !important;
height: auto !important;
float: left !important; 
color: #000 !important;
font-size:13px !important;
letter-spacing:0.5px !important;
font-weight:400 !important;
margin:0px 0px 5px 0px !important;
line-height:20px !important;
}
.shortdesc_content li
{
width: 100% !important;
height: auto !important;
float: left !important; 
color: #000 !important;
font-size:13px !important;
letter-spacing:0.5px !important;
font-weight:400 !important;
}
.material_desc span {
color: #000 !important;
font-size:14px !important;
border-bottom: 3px solid #ccc;
padding-bottom: 3px;
margin: 0px 0px 8px 0px;
float: left;
width: 100%;
}
.material_desc ul
{
width: 100% !important;
height: auto !important;
float: left !important;
padding: 0px 0px 0px 18px !important;
}    
.material_desc ul li
{
font-size:13px !important;
letter-spacing:0.5px !important;
color:#000 !important;
line-height:25px !important;    
}
.material_descipt {
float: left;
font-size: 13px;
width: 100%;
margin-bottom: 0px;
border-bottom: 1px solid #eee;
padding-bottom: 0px;
height: auto;
}
.sell_detail {
float: left;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-weight: 300;
}
.view_store {
border: 1px solid #337ab7;
color: #337ab7;
padding: 5px 10px 4px 10px;
border-radius: 3px;
font-size: 10px;
letter-spacing: 1px;
font-weight: 300;
text-decoration:none;
}
.carousel_slideitem
{
float:left !important;
width: 1145px !important;
}
.detailproduct_links
{
width:100%;
margin-top:75px;
text-align:center;
float:left;
}
.detailproduct_links a
{
font-size:13px;
color:#555;
}
.detailproduct_links a:hover
{
text-decoration:none;
color:#b20101;
}
.assured_points {
width: 100%;
height: auto;
margin: 8px 0px;
float: left;
}
.points_headtxt 
{
width: 100%;
margin-bottom: 2px;
font-size: 16px;
color: #000;
padding: 0px;
letter-spacing: 1px;
}
.points_subtxt {
width: 95%;
margin: 0px 2% 8px 2%;
font-size: 14px;
color: #000;
font-weight: 300;
float: left;
line-height: 22px;
letter-spacing: 0.5px;
padding: 0;
}
.points_subtxt ul li
{
margin-left:20px;
}
.verify_point {
width: 100%;
height: auto;
float: left;
margin: 108px 0px 0px 0px;
}
#Similar_Products {
float: left;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
}
#Products_suggestion {
float: left;
width: 100%;
height: auto;
margin:30px 0px;
}
#Products_suggestion p.prodspcf
{
margin:20px 0px 0px 0px !important;    
}
i.slick-prev { left: -3%; }
i.slick-next { right: -3%; }
i.slick-arrow { width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 2; color:#DF3338; overflow-x: visible !important;}
i.slick-arrow:hover { color:#bd292d;}
.suggestion_plusicon
{
width:auto !important;
height:auto !important;
float:left;
padding:111px 0px 111px 0px;
font-size: 22px;
position:absolute;
margin:0px 0px 0px -7px;
color:#000 !important;
}
.customer_votes_row
{
width: auto;
height: auto;
float: left;
padding: 8px 0px;
}
.customers_review_stars_word
{
width: auto;
height: auto;
float: left;
margin: 6px 7px;
font-size: 12px;
letter-spacing: 0.5px;
color: #000;
font-weight: bold;   
}
.customers_review_stars_present_datetime
{
width:100%;
height: auto;
float: left;
margin:0px;
font-size: 12px;
letter-spacing: 0.5px;
color:#565959 !important;
}
.see_all_review
{
width:100%;
height: auto;
float: left;
margin:10px 0px;
padding:15px 0px;
font-size: 12px;
letter-spacing: 0.5px;
color: #000;
font-weight: bold;   
border-top:1px solid #eee;
}
.customer_written_review
{
width: 80%;
height: auto;
float: left;
font-size: 11px;
letter-spacing: 0.5px;
font-weight: 300;
color: #000;
margin: 7px 0px 0px 0px;
line-height: 18px; 
}
.customer_written_review ul
{
width: 80%;
height: auto;
float: left; 
font-size: 11px;
letter-spacing: 0.5px;
font-weight: 300;
color: #000;
padding:0px 0px 0px 10px;
margin:5px 0px 0px 10px;
}
.customer_written_review ul li
{
line-height:23px;    
}
.customer_written_review ol
{
width: 80%;
height: auto;
float: left; 
font-size: 11px;
letter-spacing: 0.5px;
font-weight: 300;
color: #000;
padding:0px 0px 0px 3px;
margin:5px 0px 0px 10px;
}
.customer_written_review ol li
{
line-height:23px;    
}
.customers_review_stars_txt
{
width:100%;
height: auto;
float: left;    
}
.customers_review_stars_present
{
width: auto;
height: auto;
float: left;
padding: 5px 0px;
color:#FFBC4B;
}
#regular_slider
{
display:none;
}
.topsell_product
{
width:100%;
height:auto;
float: left;
padding:2px;
}
.topsell_product img
{
width:auto;
height: 300px;
float: left;  
}
.topsell_product2
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product3
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product4
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product5
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product6
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product7
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product8
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product9
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.topsell_product10
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.mobile_wishlistbtn
{
display:none;    
}
.recentlyviewed_product1
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product2
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product3
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product4
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product5
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product6
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product7
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product8
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product9
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.recentlyviewed_product10
{
width:100%;
height:150px;
float: left;
padding:2px;
}
.addto_cartbt 
{
width: auto;
height: auto;
float: left;
margin: 0px 10px 15px 0px;
}
.bynw
{
width:auto; height: auto; float:left;
}
.bynw:hover, .bynw:focus
{
text-decoration:none;
color:#fff;
}
.product_relatedimages1
{
width:100%;
height:300px;
background-image:url(../product-list/images/product_relatedimages1.jpg);
background-repeat:no-repeat;
background-position:center;
}
.toggle {
color: #fff;
display: block;
line-height: normal;
text-align: center;
width: 100%;
height: auto;
float: left;
}
.right {
float: right
}
.menu
{
background: #fafafa;
border-radius: 2px;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 2px 8px 0 rgb(0 0 0 / 12%);
color: #757575;
font-size: 16px;
padding: 16px 0;
top: 48px;
transform: scale(0);
transition: transform .2s;
z-index: 969696;
left: 0 !important;
width: 100%;
height: auto;
float: left;
position: absolute !important;
z-index: 11111111 !important;  
}
.ingredinet_responsive_view, .preservatives_responsive_view, .preparation_responsive_view
{
display:none;    
}
.shareicon_wishicon
{
width: 100% !important;
height: auto !important;
float: left !important;   
}
.shareicon_wishicon ul
{
width: 100% !important;
height: auto !important;
float: left !important;
}
.shareicon_wishicon ul li
{
list-style:none;
}
.shareicon_wishicon ul li a
{
width: auto !important;
height: auto !important;
float: left !important;
border: 1px solid #337ab7 !important;
padding: 5px !important;
border-radius: 5px !important;
}
.shareicon_wishicon ul li a:hover, .shareicon_wishicon ul li a:focus
{
background-color:#337ab7 !important;
color:#fff !important;
}
.shareicon_wishicon section.dropdown__menu-labels li a
{
padding:0px !important;  
border:none !important;
}
.shareicon_wishicon section.dropdown__menu-labels li a:hover, .shareicon_wishicon section.dropdown__menu-labels li a:focus
{
background-color:transparent !important;    
}
.shareicon_wishicon section.dropdown__menu-labels
{
left:0% !important;
width: 32px !important;
}
.shareicon_wishicon li.icons-dropdown-menu
{
position: absolute !important;
top:100% !important;    
}
.shareicon_wishicon li.icons-dropdown-menu a
{
padding: 6px 6.5px !important;
}
.shareicon_wishicon
{
margin:6px 0px 0px -10px !important;
}
.detailcart_bx
{
width:200px;
height: auto;
float: left;    
}
.sharepad
{
padding: 0px 9px !important;    
}
.product_final_price span.details
{
font-size: 14px !important;    
}
.small-img .icon-left
{
left:0px !important;    
}
/*Product details  End */



/* Order Success */
.ad_packages
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 5px 0px;
padding:0px 10px;
font-size:10px;
letter-spacing: 1px;
color: #ccc;
font-family: 'Open Sans';
font-weight:400;    
}
.cart_order_confirm_contain
{
width:50%;
height: auto !important;
float: left !important;
margin:0% 25% 0% 25%;    
}
.order_received_txt
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 20px 0px;
font-size: 25px;
letter-spacing: 1px;
color: #000;
font-weight: bold;
}
.order_received_chkicon {
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0px 0px 10px 0px;
}
.order_received_chkicon i
{
font-size: 22px;
width: 50px;
height: 50px;
background-color: green;
color: #fff;
border-radius: 50%;
padding: 13px 0px;
}
.order_received_closeicon
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0px 0px 10px 0px;
}
.order_received_closeicon i
{
font-size: 22px;
width: 50px;
height: 50px;
background-color:red;
color: #fff;
border-radius: 50%;
padding: 13px 0px;
}
.thankyou_for_your_purchase
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 5px 0px;
font-size:13px;
letter-spacing:0.5px;
color: #000;
font-weight:600;    
}
.order_received_orderid
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 5px 0px;
font-size:13px;
letter-spacing:0.5px;
color: #000;
font-weight:600;   
}
.order_received_orderid a
{
color:green;  
font-weight:bold;
text-decoration:underline;
font-size: 15px;
}
.order_received_subtxt
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 5px 0px;
font-size:13px;
letter-spacing:0.5px;
color: #000;
font-weight:600;
}
.order_received_continue_shop
{
width: 100%;
height: auto;
float: left; 
text-align:center;
margin:20px 0px 0px 0px;
}
.order_received_continue_shop a
{
background-color:#ff6600;
border:1px solid #ff6600;
color:#fff; 
border-radius:5px;
letter-spacing:0.5px;
font-size:13px;
padding:8px 15px;
color: #fff;
font-weight:600;
text-decoration:none;
}
.order_received_continue_shop a:hover
{
background-color:transparent;
color:#ff6600;
}
.cart_order_confirm
{
width: 100%;
height: auto;
float: left;
text-align:center;
}

/* Responsive */
.mobile_cart_order_confirm
{
display:none;    
}
.success_responsive_bg
{
width: 100%;
height: auto;
float: left;    
background-color:#F5F5F5 !important;    
}
.mobile_cart_order_confirm
{
width: 100%;
height: auto;
float: left; 
}
.mobile_cart_order_confirm_hdr
{
width: 100%;
height: auto;
float: left;
background-color: #fff;
margin: 0px 0px 30px 0px;
padding: 10px 20px;
text-align: center;
border-bottom: 1px solid #f8f8f8;
box-shadow: 0px 2px 11px 1px #ccc;
}
.mobile_cart_order_confirm_hdr_txt
{
width: 100%;
height: auto;
float: left;  
letter-spacing:0.5px;
font-size:18px;
padding:8px 15px;
color: #000;
font-weight:bold;
}
.mobile_cart_order_confirm_hdr_subtxt
{
width: 100%;
height: auto;
float: left;  
letter-spacing:0.5px;
font-size:12px;
padding:0px 0px 10px 0px;
color: #767676;
font-weight:600;
}
.mobile_cart_order_confirm_hdr_subtxt span
{
font-weight:bold;  
color: #ff6600;
}
.mobile_cart_package_details
{
width: 100%;
height: auto;
float: left;
background-color: #fff;
margin: 0px 0px 30px 0px;
padding:10px 10px 0px 10px;
text-align: center;
border-bottom: 1px solid #f8f8f8;
box-shadow: 0px 2px 11px 1px #ccc;
}
.cart_package_items {
width: 100%;
height: auto;
float: left;
padding: 10px 10px;
border-bottom:1px solid #eee;
}
.cart_package_prodetails
{
width:65%;
height: auto;
float: left;
}
.cart_package_price_discount
{
width:35%;
height: auto;
float: left;    
}
.cart_package_items_name
{
width: 100%;
height: auto;
float: left; 
letter-spacing:0.5px;
font-size:10px;
padding:0px 0px 10px 0px;
color: #000;
font-weight:600;
text-align:left;
}
.cart_package_items_price
{
width: auto;
height: auto;
float: right;
font-size: 15px;
padding: 0px 0px 0px 0px;
color: #000;
font-family: 'Open Sans';
font-weight: 600;
}
.cart_package_items_price i
{
font-weight:300;
font-size:11px;
}
.cart_package_items_mrpoffprice
{
width: 100%;
height: auto;
float: right;
font-size: 12px;
padding: 3px 0px 3px 0px;
color: green;
font-family: 'Open Sans';
font-weight: 400;
letter-spacing: 0.5px;
text-align: right;
}
.cart_package_items_mrpoffprice span
{
width: auto;
height: auto;
float: right;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #ccc;
font-family: 'Open Sans';
font-weight: 400;
letter-spacing:0.5px;
text-decoration: line-through;
}
.cart_package_items_mrpoffprice span i
{
font-weight:300;
font-size:11px;
}
.cart_ofper
{
width: auto;
height: auto;
float: left;
font-size:10px;
font-family: 'Open Sans';
font-weight: 400;
letter-spacing:0.5px;
}
.cart_package_total_price
{
width:100%;
height: auto;
float: left;
padding:10px 0px;
}
.cart_package_total_price_label
{
width:70%;
height: auto;
float: left; 
font-size:13px;
font-family: 'Open Sans';
font-weight: 400;
letter-spacing:0.5px;
text-align:left;
}
.cart_package_total_price_detail
{
width:30%;
height: auto;
float: left; 
}
.cart_package_total_price_txt
{
width:auto;
height: auto;
float: right; 
font-size:15px;
font-family: 'Open Sans';
font-weight: 600;
letter-spacing:0.5px;
text-align:left;    
}
.cart_package_total_price_txt i
{
font-weight:300;
font-size:11px;
}
.total_saved_amt
{
width:100%;
height: auto;
float:left; 
padding: 3px 10px;
margin: 10px 0px 0px 0px;
border: 1px dashed #f3e283;
background-color: #FFFBE5;
font-size:12px;
color:#000;
text-align:left;
font-family: 'Open Sans';
font-weight:400;
letter-spacing:0.5px;
}
.total_saved_amt span
{
color:#37BA0C;    
}
.total_saved_amt span i
{
font-weight:300;    
font-size:10px;    
}
.cart_package_activation_note
{
width: 100%;
height: auto;
float: left;
background-color: #fff;
margin: 0px 0px 30px 0px;
padding:10px 10px 0px 10px;
text-align: center;
border-bottom: 1px solid #f8f8f8;
box-shadow: 0px 2px 11px 1px #ccc;    
}
.activation_note
{
width: 100%;
height: auto;
float: left;  
font-size:12px;
color:#000;
text-align:left;
font-family: 'Open Sans';
font-weight:bold;
letter-spacing:0.5px;
margin:0px 0px 8px 0px;
padding:0px 0px 0px 0px;
}
.order_status_note
{
width: 100%;
height: auto;
float: left;  
font-size:10px;
color:#000;
text-align:left;
font-family: 'Open Sans';
font-weight:400;
letter-spacing:0.5px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #eee;
}
.order_status_note span
{
font-weight:bold;    
}
.further_queries
{
width: 100%;
height: auto;
float: left;
font-size:10px;
color:#b3adad;
text-align:left;
font-weight:400;
letter-spacing:0.5px;
}
.further_queries_contact_mode
{
width: 100%;
height: auto;
float: left;
font-size:10px;
color:#000;
text-align:left;
font-weight:400;
letter-spacing:0.5px;
}
.further_queries_contact_mode i
{
color:#DF3338;    
}
.goto_my_dashboard
{
width: 100%;
height: auto;
float: left;  
}
.goto_my_dashboard a
{
width: 100%;
height: auto;
float: left;
font-size: 12px;
text-align: center;
color: #DF3338;
font-weight: bold;
letter-spacing: 0.5px;
margin: 0px 0px 10px 0px;
}
.goto_my_dashboard a:hover
{
text-decoration:none;    
color:#f1585d;    
}
/* Responsive End */

/* Order Success End*/

/* Lazy Loading */
.loadingif {
    display: block;
    /* optional way, set loading as background */
    background-image: url('../images/loading-animation.gif');
    background-repeat: repeat;
    background-position: 50% 50%;
}
#itemlist, #itemlistprice, #itemlistname, #itemlistdel, #itemlistdis { /*display:none;*/ }
.itemlistprice { height:52px; float: left; width: 100%; margin-bottom:12px; display: inline-table;}
.itemlistname { /*height: 32px;*/ float: left; width: 100%; /*margin-bottom:10px;*/}
.itemlistdel { /*height: 32px;*/ float: left; width: 100%; /*margin-bottom:10px;*/ display: inline-table;}
/* Lazy Loading End */