/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/*
* Body settings, change it as required
*/

body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.4; font-weight: 300; }
body:after { font-size: 0; left: -100px; position: absolute; }
html, body { overflow-x: hidden; }
.red-bg { background: rgba(237, 28, 36, 0.9); }




/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; margin-top: 0px; font-weight: 300; text-transform: uppercase; }
h1 { font-size: 50px; line-height: 50px; color: #282828; margin-bottom: 0; }
h1.small-font { font-size: 35px; }
h2.small-font { font-size: 25px !important; }
h2.fw400 { font-weight: 400 !important; }
h1 span { color: #000; font-size: 25px; display: block; font-weight: 300; text-transform: capitalize; margin-bottom: -40px; }
.sub-heading h2 { font-size: 20px !important; color: #272727; font-weight: 700; text-transform: none; margin-bottom: 10px !important; }
.sub-heading time { font-size: 15px; color: #272727; font-weight: 400; }
.sub-heading { padding: 30px 0; }

/*
Paragraph
*/

p { font-size: 15px; line-height: 24px; margin-top: 0; }

/*
Lists
*/

ul { list-style-type: none; margin: 0; padding: 0; }


/*
* Links
*/

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
    a:hover { color: #2795b6; }
    a:focus, a:hover, a:active { outline: none; text-decoration: none; }



/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }



    /* ==========================================================================
	Helper classes
========================================================================== */


    /*
* Image Alignment
*/

    img.alignleft { float: left; margin: 0 15px 15px 0; display: inline; }

    img.alignright { float: right; margin: 0 0px 15px 15px; display: inline; }

    img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; }

/*
Container
*/

.container { max-width: 1200px; width: 100%; }
.large.container { max-width: 1400px; }
.container-fluid.custom-setting .row { max-width: 1200px; margin-left: auto; margin-right: auto; }
.site-wrapper { width: 1200px; margin: 0 auto; position: relative; }



/* ==========================================================================
	Custom
========================================================================== */


/*
Top Bar
*/


#top-bar { padding: 12px 0; background-color: #fff; }
#top-bar .list-inline { margin: 0; padding: 0; }

/*
secondary-navigation
*/

#secondary-navigation li a { text-transform: uppercase; color: #404040; font-size: 12px; padding-left: 16px; position: relative; }
#secondary-navigation li a:before { content: "|"; position: absolute; left: 0; top: 0; }
#secondary-navigation li:first-child a:before { content: ""; }
#secondary-navigation li:first-child a { padding-left: 0; }
#secondary-navigation li a:hover, #primary-navigation li a:hover { color: #f11727; transition: 600ms ease; -webkit-transition: 600ms ease; -moz-transition: 600ms ease; }


/*
Header
*/

#header { background-color: #f3f3f3; max-height: 45px; padding: 12px 0; box-shadow: 0 4px 5px #a0a0a0; -webkit-box-shadow: 0 4px 5px #a0a0a0; -moz-box-shadow: 0 4px 5px #a0a0a0; }

/*
SiteContentWrap
*/

#SiteContentWrap { margin-top: 86px; transition: 350ms; }
.Scrolled #SiteContentWrap { margin-top: 66px; }

/*
Logo
*/

.logo { position: absolute; top: 0; z-index: 999; transition: 350ms; -webkit-transition: 350ms; -moz-transition: 350ms; }


/*
primary-navigation
*/

#primary-navigation li a { color: #404040; font-size: 15px; text-transform: uppercase; }
#primary-navigation li { margin-left: 30px; }
#primary-navigation li:first-child { margin-left: 0; }
#primary-navigation .dropdown { position: absolute; width: 100%; left: 0; top: 33px; background-color: #fff; z-index: 999; padding: 25px; border-top: 3px solid #ed1c24; text-align: left; display: none; box-shadow: 0 0 12px -4px #ccc; -webkit-box-shadow: 0 0 12px -4px #ccc; -moz-box-shadow: 0 0 12px -4px #ccc; }
#primary-navigation .dropdown .block-image { width: 100%; }
#primary-navigation .dropdown li { position: relative; padding-left: 17px; margin-left: 0; margin-bottom: 5px; }
#primary-navigation .dropdown li a { font-size: 15px; text-transform: none; font-weight: 400; color: #393939; }
#primary-navigation .dropdown li:before { content:"\f0da"; font-family: FontAwesome; font-size: 13px; color: #000; position: absolute; left: 0; top: 0; }
#primary-navigation .dropdown .content { padding-top: 17px; padding-left: 10px; }
#primary-navigation .dropdown .content p { font-size: 13px; line-height: 18px; color: #404040; font-weight: 600; }
#primary-navigation .dropdown h3 { font-weight: 700; font-size: 17px; line-height: 21px; margin-bottom: 20px; color: #393939; }
#primary-navigation .dropdown .block-img-wrap { display: block; overflow: hidden; }
#primary-navigation .dropdown .block-img-wrap img { transition: 350ms; -webkit-transition: 350ms; -moz-transition: 350ms; }
#primary-navigation .dropdown .block-img-wrap img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
#primary-navigation .dropdown .button { text-transform: none; font-size: 13px; color: #535353; font-weight: 400; padding: 4px 13px; }
#primary-navigation .dropdown .nav-block { border-left: 1px solid #d4d4d4; }
#primary-navigation .dropdown .nav-block:first-child { border-left: none; }
#primary-navigation .has-dropdown span { position: relative; }
#primary-navigation .has-dropdown span:before { content: ""; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 8px solid #ed1c24; position: absolute; bottom: -14px; left: 50%; margin-left: -8px; display: none; }
#primary-navigation span.has-arrow:before { display: block; }
#primary-navigation .dropdown .close { opacity: 1; position: absolute; right: 10px; top: 10px; cursor: pointer; }

/*
On Scroll Top Bar
*/
/*.fixed-top { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; } */
#header.fixed-top { padding: 8px; top: 28px; }
#top-bar.fixed-top { padding: 6px 0; }
#header.fixed-top .logo { top: -15px; }
#header.fixed-top #primary-navigation .dropdown { top: 29px; }
#header.fixed-top #primary-navigation .has-dropdown span:before { bottom: -9px; }

/*
Nav Overlay
*/
.menu { display: none; position: absolute; right: 10px; font-size: 35px; top: 13px; color: #fff; cursor: pointer; }
.nav-overlay { background: rgba(237, 28, 36, 0.9); position: fixed; left: 0; top: -100%; width: 100%; height: 100%; z-index: 999; opacity: 0; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out; -moz-transition: 800ms ease-in-out; padding: 10% 5%; }
.nav-overlay.active { top: 0; opacity: 1; }
.nav-overlay a { color: #fff; display: block; padding: 10px; font-size: 20px; font-weight: bold; outline: none; border: none; text-align: center; text-transform: uppercase; }
.nav-overlay li .icon { display: none; }
.nav-overlay .fa-close { position: absolute; right: 20px; top: 20px; cursor: pointer; font-size: 45px; color: #fff; }
.nav-overlay.nav { padding-top: 0; }
.nav-overlay li { display: block; }
.nav-overlay .lower-nav a { font-weight: 400; font-size: 18px; }
.nav-overlay .lower-nav { display: table; margin: 0 auto; border-top: 1px solid #fff; margin-top: 30px; }
.nav-overlay.nav li a { margin-top: 10px; }
.nav-overlay.nav .nav-wrapper {  height: 98%; overflow-y: scroll; }


/*
site-banner
*/

#site-banner .slides-navigation .prev, #site-banner .slides-navigation .next { background: url("../images/sprite.png"); width: 44px; height: 91px; position: absolute; top: 50%; margin-top: -29px; font-size: 0; }
#site-banner .slides-navigation .prev { left: 40px; background-position: -225px -13px; }
#site-banner .slides-navigation { display: block !important; }
#site-banner .slides-navigation .next { right: 40px; background-position: -234px -155px; }
#site-banner h2 { font-size: 52px; color: #fff; line-height: 70px; }
#site-banner h2.smaller-font { font-size: 45px; }
#site-banner h2 .sub-heading { font-size: 30px; line-height: 30px; margin-top: 10px; font-weight: 300; padding: 0; }
#site-banner h2 .sub-heading.lineHeight44 { margin-top: -10px; }
#site-banner h2 span { display: block; }
#site-banner .big-text { font-weight: bold; font-size: 70px; }
#site-banner .button { margin-top: 20px; }
#site-banner .banner-text, #site-banner .banner-button { opacity: 0; position: relative; top: 0; }
#site-banner .banner-text.fadein, #site-banner .banner-button.fadein { top: 10px; opacity: 1; }
#site-banner .slides-pagination { display: none; }
#site-banner .table-cell { padding: 0 18%; }
.CromaPlyImg { height: 0; background: url("../images/virgo-plywood-banner-icon.jpg") no-repeat; display: inline-block !important; overflow: hidden; width: 127px; padding-top: 56px; }
#site-banner .CromaPlyImg { position: relative; top: 16px; margin-left: -33px; left: 15px; }


/*
Introduction
*/

.introduction h1 { color: #313131; margin-bottom: 30px; }
.introduction p { font-weight: 400; color: #404040; }
.introduction .block h4 { color: #333333; font-size: 20px; text-transform: capitalize; margin-top: 15px; margin-bottom: 0; }
.introduction .block { margin-top: 25px; }
.introduction .blocks { min-height: 230px; }

/*
Virtual Room
*/

.virtual-room { background: url("../images/virtual-room-bg.jpg") no-repeat; background-size: cover; min-height: 588px; }
.virtual-room .tabular-div { height: 480px; }
.virtual-room .tabular-div .middle.table-cell { text-align: left; }
.virtual-room figure { margin-bottom: 30px; }

/*
Featured-block
*/

.featured-block h2 { font-size: 50px; margin-bottom: 20px; }
.featured-block p, .featured-block h2 { color: #fff; }
.featured-block .secondary-btn { margin-top: 30px; display: block; max-width: 110px; }
.featured-block { padding-top: 65px; }

/*
Collection
*/

.collection h2 { font-size: 40px; color: #3e3e3e; position: relative; margin-bottom: 40px; display: inline-block; }
.collection h2 .fa-angle-right { position: absolute; right: -45px; bottom: 5px; font-size: 31px; border: 2px solid #3e3e3e; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 36px; height: 36px; text-indent: 4px; }
.collection p { color: #131313; }

/*
Body Content
*/

#body-content { padding: 70px 0 40px; background-color: #fff; }
#body-content.no-bg { background-color: transparent; }
#body-content .specs-images img { margin-bottom: 10px; }
#body-content .specs-images figure { margin-bottom: 30px; }
#body-content.product-links .image-effect-wrap { margin-bottom: 30px; }

/*
Our Brands
*/

.brands h2 { font-size: 30px; color: #3e3e3e; margin-bottom: 30px; line-height: 30px; }
.brands { padding: 55px 0; background: #fff; }
.brands .table-cell { font-size: 0; height: 82px; }
.brands a { border: 1px solid #bfbfbf; display: inline-block; margin-left: 1%; margin-bottom: 1%; }
.brands a:first-child { margin-left: 0; }


/*
Animation effect on hover on figure
*/

.figure { overflow: hidden; position: relative; cursor: pointer; }
.figure img { position: relative; width: 100%; display: block; }
.animated.figure img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }
.animated.figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.animated.figure figcaption:before, .animated.figure figcaption:after { pointer-events: none; }
.animated.figure figcaption, .animated.figure figcaption a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.animated.figure figcaption:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); }
.animated.figure:hover img { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
.animated.figure:hover figcaption:before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
.animated.figure figcaption .caption { bottom: 10px; font-size: 23px; padding-left: 20px; position: absolute; text-shadow: 2px 2px 4px #9d5e62; width: 100%; transition: 0.35s; -webkit-transition: 0.35s; -moz-transition: 0.35s; }
.animated.figure:hover figcaption { color: #000; }
figure.effect-jazz img { opacity: 0.8; }
figure.effect-jazz figcaption { color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
figure.effect-jazz figcaption:before, figure.effect-jazz figcaption:after { pointer-events: none; }
figure.effect-jazz figcaption, figure.effect-jazz figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
figure.effect-jazz { background: rgba(0,0,0,1); }
figure.effect-jazz img { opacity: 0.9; }
figure.effect-jazz figcaption:after, figure.effect-jazz img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-jazz figcaption:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
figure.effect-jazz:hover img { opacity: 0.7 !important; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1) !important; }
figure.effect-jazz:hover figcaption:after { opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); }
figure.effect-jazz h4 { font-size: 25px; color: #fff; }

/*
Button
*/

.secondary-btn, .button { text-transform: uppercase; color: #fff; display: inline-block; text-align: center; cursor: pointer; }
.secondary-btn:focus, .button:focus { color: #fff; }
.button { font-size: 19px; line-height: 20px; border: 1px solid #fff; padding: 10px 20px; }
.small.button { font-size: 14px; padding: 5px 15px; }
.secondary-btn { background-color: #ed1c24; padding: 6px 16px; font-size: 14px; }
.big.secondary-btn { font-size: 20px; font-weight: 700; padding: 16px 40px; }
.secondary-btn:hover { background-color: #fff; color: #ed1c24; }
.button:hover { background-color: #fff; color: #000; }
.dark.button { border-color: #2b2b2b !important; color: #000; }
.dark.button:hover { background-color: #000; color: #fff; }
.back-btn { background: #ed1c24; color: #fff; display: inline-block; font-size: 13px; font-weight: 400; padding: 3px 10px; }
.back-btn:hover { background: #fff; color: #ed1c24; border: 1px solid #ed1c24; }
.load-btn { border: 1px solid #fff; text-align: center; font-weight: 300; color: #fff; font-size: 15px;cursor:pointer; padding: 6px 20px; }
.load-btn:hover { background-color: #fff; color: #000; }
.product-page .load-btn { display: table; margin: 0 auto; }
.button.with-bg { background-color: #d71f27; border-color:#d71f27 !important; }
.button.with-bg:hover { background-color: #fff; color: #d71f27; }
#ProductPopup .button {font-size: 16px; line-height: 18px; border: 1px solid #fff; padding: 10px 25px;}
#ProductPopup .backToProduct { cursor: pointer; font-size: 15px; color: #000; margin-left: 15px; margin-top: 5px; transition: 500ms; -webkit-transition: 500ms; -moz-transition: 500ms; }
#ProductPopup .backToProduct .fa { position: relative; top: 1px; margin-right: 10px; font-size: 20px; font-weight: bold; }
#ProductPopup #chkSelfMark { margin-right: 10px; }
#ProductPopup #chkSelfMark +label,#ProductPopup #chkSelfMark { cursor: pointer; }
.form .dark.button:hover { background-color: #ed1c24; border-color: #ed1c24 !important; }

/*
Three Columns Layout
*/

.three-columns-layout.full-width .column { float: left; width: 33.33%; position: relative; overflow: hidden; }
.three-columns-layout img { width: 100%; transition: 2000ms ease; -moz-transition: 2000ms ease; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0.3; }
.three-columns-layout img:hover { opacity: 1; }
.three-columns-layout.full-width .cbp-so-animate img { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -moz-animation: ScaleUp 1000ms ease-in-out; -webkit-animation: ScaleUp 1000ms ease-in-out; animation: ScaleUp 1000ms ease-in-out; -ms-animation: ScaleUp 1000ms ease-in-out; -o-animation: ScaleUp 1000ms ease-in-out; }
.products-category figure.effect-jazz .button { margin-top: 25px; }
.products-category figure.effect-jazz h4 { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; }
.products-category { background: #fff; }


/*
dashboard
*/

.dashboard { background-color: #f3f3f3; padding: 30px 0; }
.dashboard .list a { font-size: 14px; color: #000; text-transform: uppercase; line-height: 26px; }
.two-columns.list li { width: 50%; float: left; padding-right: 15px; }
.dashboard h3 { font-size: 20px; color: #272727; margin-bottom: 20px; line-height: 20px; font-weight: 400; }
.dashboard .social-icons { margin-bottom: 30px; }
.dashboard .list li a:before, .dashboard .list li a:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; }
.dashboard .list li a:before { content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); }
.dashboard .list li a:after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); }
.dashboard .list li a:hover:before,.dashboard .list li a:hover:after, .dashboard .list li a:focus:before, .dashboard .list li a:focus:after { opacity: 1; -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); transform: translateX(-4px); }


/*
Footer
*/

#footer p, #footer a { margin-bottom: 0; font-size: 13px; color: #404040; line-height: 15px; }
#footer p { position: relative; }
#footer { padding: 20px 0; background: #fff; }
#footer .design .refreshideas { position: absolute; right: 0; top: -5px; }
#footer .design a { padding-right: 35px; }

/*
Highlight Block
*/

.highlight-block { background-color: #efefef; padding: 60px 0; }
.light.highlight-block { background-color: #f7f7f7; }
.highlight-block figure img{-moz-transition:all 150ms ease-in-out 0s; -o-transition:all 150ms ease-in-out 0s; -webkit-transition:all 150ms ease-in-out 0s; transition:all 150ms ease-in-out 0s;}

/*
Social Icons
*/

.social-icons h4, .social-icons ul { display: inline-block; }
.social-icons h4 { margin-right: 20px; }
.social-icons ul i { color: white; font-size: 22px; padding-top: 7px; display: block; }
.social-icons ul a { height: 36px; width: 36px; display: block; background-color: #fff; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.social-icons ul a:hover { background-color: #3d3d3d; color: #fff; }
.social-icons ul a:hover i { color: #fff; transition: 500ms; -webkit-transition: 500ms; -moz-transition: 500ms; }
.social-icons .facebook{background-color:#3b5998;}
.social-icons .youtube{background-color:#b31217;}
.social-icons .linkedin{background-color:#0077B5;}
.social-icons .twitter{background-color:#55acee;}
.social-icons .instagram {background-color:#3f729b;}
.social-icons ul li .fa-facebook{padding-right:2px;padding-top:8px;}
.social-icons ul li .fa-twitter{padding-top:8px;}
/*
Form
*/

.newsletter.form { border: 1px solid #e5e5e5; height: 50px; background: #fff; position: relative; }
.newsletter.form input[type="email"], .newsletter.form .submit-btn { float: left; height: 48px; border: none; outline: none; }
.newsletter.form .submit-btn { position: absolute; right: 0; top: 0; }
.newsletter.form input[type="email"] { width: 80%; color: #3a3a3a; font-size: 15px; padding: 0 10px; }
.newsletter.form .submit-btn { width: 18%; background: url("../images/sprite.png") no-repeat 0px -850px; width: 59px; height: 48px; font-size: 0; }
.careers .upload-ctrl .formError{ right:15px; }

/*
Transition effect
*/

.transition { transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; }

/*
Dark Backgrounds
*/

.dark-bg h2, .dark-bg p { color: #fff; }

/*
Tabular Div
*/

.tabular-div { display: table; height: 100%; width: 100%; }
.tabular-div .table-cell { display: table-cell; }
.tabular-div .middle.table-cell { vertical-align: middle; text-align: center; }
.tabular-div .table-cell.text-left { text-align: left; }

/*
Page Heading
*/

.page-heading { background-color: rgba(255,255,255,0.65); text-align: center; padding: 60px 0; }
.page-heading.opaque-bg { background: #fff; box-shadow: 0 0 62px -30px #ccc inset; -webkit-box-shadow: 0 0 62px -30px #ccc inset; -moz-box-shadow: 0 0 62px -30px #ccc inset; }
.page-heading.low-opacity { background-color: rgba(255,255,255,0.2); }
.page-heading.transparent-bg { background: url("../images/common/page-banner-transparent-bg.jpg") no-repeat; background-size: cover; }
.page-heading.transparent-bg h1, .page-heading.low-opacity h1 { color: #fff; }

/*
Featured Section
*/

    .featured-section { background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; padding: 120px 0; }
    .featured-section.not-fixed { background-attachment: inherit; }
    .featured-section.without-padding { padding: 0 !important; }
    .featured-section p { font-weight: 400; }
    .featured-section h2 { font-size: 40px; margin-bottom: 30px; }
    .featured-section.text-white p, .featured-section.text-white h2 { color: #fff; }
    .featured-section.text-dark p, .featured-section.text-dark h2 { color: #000; }
    .featured-section.about-us { background-image: url("../images/about-us-banner.jpg"); min-height: 678px; padding-bottom: 120px !important; }
    .featured-section.careers { background-image: url("../images/careers-banner-bg.jpg"); padding: 0; }
    .featured-section.eventsandExhibition, .default-bg { background-image: url("../images/events-bg.jpg"); padding: 0; }
    .featured-section.media-posts { background-image: url("../images/media-post-bg.jpg"); padding: 0; }
    .featured-section.dealer-locator { background-image: url("../images/dealer-locator-bg.jpg"); min-height: 614px; }
    .featured-section.our-mission { background-image: url("../images/about-us.jpg"); min-height: 565px; }
    .featured-section.group-companies { background-image: url("../images/group-companies-bg.jpg"); min-height: 593px; }
    .aluminium-building-sheets { background-image: url("../images/product-page/Aluminum/buildingsheet-bg.jpg"); }
     .aluminium-chequered-plates { background-image: url("../images/product-page/Aluminum/chequeredsheet-bg.jpg"); min-height: 550px; }
     .aluminium-closure-stock { background-image: url("../images/product-page/Aluminum/closure-stock-bg.jpg"); min-height: 550px; }
     .aluminium-coldrolled-coils { background-image: url("../images/product-page/Aluminum/cold-rolled-coils-bg.jpg"); }
     .aluminium-coldrolled-sheets { background-image: url("../images/product-page/Aluminum/cold-rolled-sheets-bg.jpg"); }
     .aluminium-caulboard-sheets { background-image: url("../images/product-page/Aluminum/caul-board-sheets-bg.jpg"); }
    .featured-section.generalpurpose-plywood { background-image: url("../images/product-page/Plywood/general-purpose-plywood-bg.jpg"); }
    .featured-section.block-board { background-image: url("../images/product-page/Plywood/block-board-bg.jpg"); }
    .featured-section.chequered-plywood { background-image: url("../images/product-page/Plywood/chequered-plywood-bg.jpg"); }
    .featured-section.flexi-plywood { background-image: url("../images/product-page/Plywood/flexi-plywood-bg.jpg"); }
    .featured-section.shuttering-plywood-concerete { background-image: url("../images/product-page/Plywood/shuttering-plywood-concerete-bg.jpg"); }
    .featured-section.management { background-image: url("../images/aboout-us-management-bg.jpg"); }
    .featured-section.manufacturing-unit { background-image: url("../images/about-us-manufacturing-bg.jpg"); min-height: 671px; }
    .featured-section.events { background-image: url("../images/about-us-events.jpg"); min-height: 497px; }
    .plywood-blocks-bg { background-image: url("../images/product-page/Plywood/plywood-bg.jpg"); }
    .aluminium-blocks-bg { background-image: url("../images/product-page/Aluminum/aluminium-bg.jpg"); }
    .uv-plus .featured-section { background-image: url("../images/product-page/UV-Plus/featured-bg.jpg"); max-height: 770px; }
    .wood-bg.featured-section { background-image: url("../../../virgolam-001-site1.mysitepanel.net/content/images/wood-bg.html"); }
    .featured-section .button { font-size: 14px; padding: 5px 15px; font-weight: 400; margin-top: 40px; }
    .featured-section.group-companies .button { margin-top: 40px; }
    .featured-section.management p { margin-bottom: 50px; }

/*
Page Banner
*/

.page-banner .button { margin-top: 0; }
.featured-section.page-banner { padding: 0; }
.page-banner .intro-text { padding: 30px; background-color: #fcfcfc; }
.page-banner .intro-text p { width: 70%; margin: 0 auto; font-weight: 400; }
.page-banner .banner-text p { color: #fff; font-size: 48px; line-height: 56px; font-weight: 300; }
.page-banner .content { padding-top: 140px; padding-bottom: 60px; }
.page-banner .content .box { position: relative; z-index: 10; }
.page-banner .banner-text p.small-text { font-size: 20px;letter-spacing: 3px; }
.page-banner .has-boxed-content { padding-bottom: 60px !important; }
.page-banner { background-color: #fff; }

/*
Box
*/

.box { padding: 25px 50px; }
.orange.box { background-color: #f05422; }
.orange.box p { margin-bottom: 20px; }
.blue.box { background-color: #024697; }
.box p { font-size: 17px; line-height: 22px; }
.box h3 { font-size: 30px; font-weight: 300; text-transform: none; font-weight: 300; margin-bottom: 35px; }
.box h3, .box p { color: #fff; }
.page-banner .box { padding-right: 75px; }

/*----------------------------------------------------------------------------
Product Page
--------------------------------------------------------------------------------*/

.uv-plus .product-intro { background-image: url("../images/product-page/UV-Plus/product-intro-bg.jpg"); min-height: 826px; padding: 250px 0; margin-bottom: -10px; z-index: 9; }
.product-page .product-intro p { font-size: 50px; text-shadow: 1px 1px 15px #000; width: 80%; margin: 0 auto; line-height: 60px;  text-align: center; font-weight: 300; }
.product-page p { color: #fff; }
.gallery .content { width: 75%; margin: 26% auto 0; padding-left: 25px; }
.gallery .content p { font-weight: 300; }
.uv-plus .gallery { background-image: url("../images/product-page/UV-Plus/slider-bg.jpg"); padding-top: 30px; padding-bottom: 0; }
.gallery .owl-carousel { transform: rotate(1deg); -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); top: -60px; z-index: 10; }
.gallery .owl-next, .gallery .owl-prev { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #fff; text-align: center; }
.gallery .owl-next { right: -47px; }
.gallery .owl-prev { left: -47px; }
.gallery .owl-next:before,.gallery .owl-prev:before { font-family: FontAwesome; color: #fff; font-size: 37px; line-height: 41px; }
.gallery .owl-next:before { content:"\f105"; }
.gallery .owl-prev:before { content:"\f104"; }
.product-page .collections { background-color: #f4f4f4; }
.product-page .collections .effect-bubba { display: inline-block; margin-left: 1%; width: 32%; margin-bottom: 1%; }
.product-page .collections .effect-bubba:nth-child(3n+1) { margin-left: 0; }
.product-page .collections .featured-image { width: 46%; padding-left: 15px; }
.product-page .collections .image-effect-wrap { width: 54%; padding: 0 15px; }
.product-page .image-effect-wrap h4, .product-page .image-effect-wrap p { text-transform: uppercase; font-weight: 300; font-size: 20px; }
.product-page .collections { padding: 60px 0; }
.product-page .collections .effect-bubba h4 { padding-top: 31%; }
.product-page .collections figcaption { padding: 0 10px; }
.product-page .featured-section { position: relative; }
.product-page #cboxContent { max-width: 830px !important; margin: 0 auto !important; float: none !important; }
#hlDownloadImage { float: left; position: relative; top: 2px; margin-right: 2px; }


/*
Laminates Page
*/

.product-sidebar .block { border: 1px solid #404040; background-color: rgba(50,50,50,0.7); padding: 24px 18px; margin-bottom: 20px; }
.product-sidebar .product-nav a { font-size: 16px; color: #fff; text-transform: uppercase; display: block; padding-left: 30px; padding-right: 15px; cursor: pointer; }
.product-sidebar .searchbar .fa-search { font-size: 0; color: #fff; width: 20%; text-align: right; position: relative; top: 13px; right: 15px; }
.product-sidebar .searchbar .fa-search:before { font-size: 20px; }
.product-sidebar .searchbar { padding: 0; height: 50px; }
.product-sidebar .searchbar input { height: 100%; width: 80%; float: left; background: none; border: none; outline: none; color: rgba(255,255,255,0.6); font-size: 14px; padding: 0 10px; text-indent: 10px; }
.product-sidebar .product-nav .dropdown { display: none; }
.product-sidebar .product-nav li.has-dropdown a { position: relative; }
.product-sidebar .product-nav li.has-dropdown a:before { content:"\f105"; font-family: FontAwesome; font-size: 18px; position: absolute; left: 15px; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); color: #fff; }
.product-sidebar .product-nav > ul > li { margin-bottom: 24px; }
.product-sidebar .product-nav > ul > li:last-child { margin-bottom: 0; }
.product-sidebar .product-nav .dropdown a { font-size: 13px; color: rgba(255,255,255,0.6); padding: 12px 30px 12px 40px; }
.product-sidebar .product-nav .dropdown { margin-top: 10px; }
.product-sidebar .product-nav li.has-dropdown .dropdown a:before { content:""; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; left: 25px; }
.product-sidebar .product-nav .dropdown a:hover, .product-sidebar .product-nav .dropdown a.active { background-color: #191719; color: #fff; }
.product-main .product-head { display: flex; font-weight: 400; position: relative; top: 1px; }
.product-main .product-head .right-side { flex: 2; background-color: rgba(50, 50, 50, 0.7); border-bottom: 1px solid #4a4a4a; }
.product-main .product-head .tab-head li a { padding: 13px 30px; display: block; border: 1px solid transparent; border-top-width: 2px; border-bottom-color: #4a4a4a; background-color: rgba(50, 50, 50, 0.7); text-transform: uppercase; }
.product-main .product-head .tab-head li { padding: 0; margin-left: -4px; }
.product-main .product-head .tab-head { margin: 0; }
.product-main .product-head .tab-head li:first-child { margin-left: 0; }
.product-main .product-head .tab-head li a.active { border-color: #4a4a4a; background-color: transparent; border-bottom-color: transparent; }
.product-main .nav-tabs .product-content { border: 1px solid #4a4a4a; border-top: none; padding: 24px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
.product-main .product-content.general-purpose-laminates { background-image: url("../../../virgolam-001-site1.mysitepanel.net/Content/images/product-page/Product-Main-Bg-Images/Virgo-Mica/general-purpose-laminates.html"); }
.product-main .nav-tabs .product-content, #pnlNoRecordFound { font-size: 14px; line-height: 28px; color: #fff; font-weight: 400; letter-spacing: 0.3px; }
.product-main .nav-tabs .product-content .bullet-list { margin-top: 10px; }
#ProductDescription .product-content { min-height: 610px; }
.product-main .product-head .custom-select:after { background: url("../images/filter-icon.png") no-repeat; width: 11px; height: 11px; right: 0; }
.product-main .product-head .custom-select { color: #fff; margin-top: 15px; margin-right: 13px; }
.product-main .product-head .custom-select select { padding: 0 25px 0 0; text-align: right; color: #fff; }
.product-main .product-head .custom-select option { text-align: left; background: rgba(50, 50, 50, 0.7); }
.product-main .tab-head a { color: #fff; font-size: 16px; }
.product-main .nav-tabs { border: none; }
.product-main .products-list figure p { color: #fff; }
.product-main .product-content .block { margin-top: 40px; }
.product-main .product-content .block:first-child { margin-top: 0; }
.product-main .product-content h5 { color: #fff; font-size: 16px; }
.product-main .bullet-list li { color: #fff; font-size: 14px; line-height: 28px; list-style: inside; }


/*
All Products
*/

#all-products, .laminates-page { background: url("../images/common/product-all-bg.jpg"); padding-bottom: 70px; }
#all-products .page-banner, .laminates-page .page-banner { margin-bottom: 20px; }
#all-products figure img { display: none; }

/*
Product Filter
*/

.product-filter { background-color: #fff; padding: 15px 25px; position: relative; z-index: 101; }
.product-filter h4,.product-filter nav { display: inline-block; margin: 0; padding: 7px 0; }
.selected-filters h4,.selected-filters nav { float: left; }
.selected-filters h4 { width: 15%; margin-top: 15px !important; }
.selected-filters nav { width: 83%; }
.product-filter nav { border-left: 1px solid #a7a7a7; padding-left: 30px; margin-left: 30px; }
.product-filter h4,.product-filter nav li { font-weight: bold; font-size: 15px; text-transform: uppercase; }
.product-filter h4 { color: #1f1e1e; }
.product-filter nav li { color: #585858; padding-left: 55px; cursor: pointer; }
.product-filter nav li .filter:before { content: ":"; font-size: 11px; line-height: 20px; position: absolute; left: -35px; top: -2px; }
.product-filter nav li:hover, .product-filter nav li.active { color: #ed1c24; } 
.product-filter nav li:hover .filter:before, .product-filter nav li.active .filter:before { color: #585858; }
.product-filter nav li:first-child .filter:before { content: ""; padding-right: 0; }
.product-filter nav li:first-child { padding-left: 0; }
.filter-dropdown { width: 100%; background-color: #4a4a4a; z-index: 101; position: relative; padding: 20px 27px 30px; display: none; }
.filter-dropdown .OtherOptions { position: absolute; right: 14px; top: 23px; z-index: 10; }
.filter-dropdown .reset { font-size: 13px; color: #fff; margin-right: 10px; font-weight: bold; cursor: pointer; position: absolute; right: 5px; bottom: 20px; }
.filter-dropdown .reset i { margin-right: 5px; font-weight: normal; }
.filter-dropdown .close { height: 26px; width: 32px; text-align: center; color: #fff; background-color: #737373; font-size: 14px; opacity: 1; padding-top: 6px; }
.filter-dropdown label { color: #fff; font-weight: 400; font-size: 14px; margin-bottom: 0; }
.filter-dropdown .list li { padding-left: 0; text-transform: none; font-size: 14px; margin-top: -8px; }
.filter-dropdown h4, .selected-filters h4 { color: #fff; font-weight: bold; font-size: 15px; margin-bottom: 2px; }
.selected-filters h4 { margin: 0; padding: 0; }
.products-list .product-frame { margin-bottom: 30px; min-height: 269px; max-height: 269px; box-shadow: 0 0 1px #707070; -webkit-box-shadow: 0 0 1px #707070; -moz-box-shadow: 0 0 1px #707070; overflow: hidden; }
.products-list figure img { max-height: 269px; }
.products-list .animated { animation-duration: 700ms; -webkit-animation-duration: 700ms; }
.products-list .static-image { cursor: default; }
.product-filter .filter { position: relative; }
.product-filter .filter:after { content: ""; width: 0; height: 0; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 10px solid #4a4a4a; position: absolute; bottom: -24px; left: 50%; margin-left: -8px; display: none; }
.product-filter li.active .filter:after { display: block; }
.selected-filters { background-color: #4a4a4a; display: none; }
.selected-filters .tags { border-left: none; padding: 0; margin-left: 20px; }
.selected-filters .tags li { background-color: #fff; border-radius: 5px; padding: 3px 8px !important; color: #434343; font-size: 13px; font-weight: normal; text-align: center; text-transform: capitalize; margin-left: 20px; margin-top: 10px; }
.selected-filters .tags li .remove-filter { font-size: 12px; margin-top: 0; margin-left: 6px; opacity: 1; color: #434343; cursor: pointer; }
.product-filter #SearchToggle { display: none; }

/*
Custom Checkbox
*/

.custom-checkbox input[type=checkbox]:not(old) { width: 100%; margin: 0; padding: 0; opacity: 0; height: 16px; position: relative; top: 21px; cursor: pointer; }
.custom-checkbox input[type=checkbox]:not(old) + label { background: url('../images/sprite.png') no-repeat; display: inline-block; margin-left: 0; 
padding-left: 32px; line-height: 16px; }
.custom-checkbox input[type=checkbox]:not(old) + label { background-position: -250px -544px; }
.custom-checkbox input[type=checkbox]:not(old):checked + label { background-position : -250px -597px; }

/*
Highlight Box
*/

.highlight-box { padding: 60px 40px; position: relative; }
.page-banner .highlight-box { margin-bottom: 60px; }
.highlight-box p { font-size: 17px; font-weight: 400; text-align: justify; }
#body-content .side-content { min-height: 170px; }
.highlight-box.yellow-bg { background-color: #ffcc29; }


/*
ColorBox Settings for Popup
*/
.product-page #cboxMiddleLeft, .product-page #cboxMiddleRight, .product-page #cboxTopCenter, .product-page #cboxBottomCenter, .product-page #cboxTopLeft, .product-page #cboxTopRight, .product-page #cboxBottomLeft, .product-page #cboxBottomRight { display: none !important; }
.product-page #cboxClose { top: -15px; right: -12px; z-index: 99; opacity: 0; background: url("../images/sprite.png") no-repeat -245px -466px !important; display: inline-block; width: 33px; height: 33px; }
.product-page #cboxContent { background: none; }
.product-page #cboxOverlay { background: rgba(255, 255, 255, 0.8); }
.product-page #colorbox, .product-page #cboxContent, .product-page #cboxWrapper { overflow: visible !important; }
#ProductPopup .content { position: absolute; right: 0; width: 60%; height: 100%; top: 0; background-color: #fff; z-index: 99; padding: 35px; transition: 2s; }
#ProductPopup .content h2 { font-size: 29px; text-align: center; }
#ProductPopup > img { width: 100%; max-width: 830px; max-height: 470px; }
#ProductPopup .content .product-code { font-size: 21px; }
#ProductPopup .content .product-info dd, #ProductPopup .content .product-info dt { font-size: 15px; line-height: 25px; }
#ProductPopup .content .product-info { margin: 20px 0; }
#ProductPopup .content .product-info dt { float: left; width: 35%; min-width: 120px; }
#ProductPopup { position: relative; overflow: hidden; }
#ProductPopup .navigation i { display: block; width: 42px; height: 42px; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding-top: 10px; text-align: center; color: #fff; font-size: 22px; margin: 0 auto; }
#ProductPopup .navigation { position: absolute; top: 50%; margin-top: -21px; }
#ProductPopup .navigation a { font-size: 15px; color: #fff; font-weight: bold; line-height: 35px; cursor: pointer; }
#ProductPopup #LessBtn { right: 35px; }
#ProductPopup #ExpandBtn { left: -75px; }
#ProductPopup .owl-prev, #ProductPopup .owl-next { position: absolute; top: 30%; }
#ProductPopup .owl-prev:before { content:"\f053"; }
#ProductPopup .owl-next:before { content:"\f054"; }
#ProductPopup .owl-prev:before,#ProductPopup .owl-next:before { font-size: 20px; color: #a4a4a4; font-family: FontAwesome; }
#ProductPopup .owl-next { right: -18px; }
#ProductPopup .owl-prev { left: -18px; }
#ProductPopup #RelatedItems figure img { width: 100%; padding: 0 5px; }
#ProductPopup #RelatedItems figure figcaption { text-align: center; font-size: 13px; margin-top: 10px; color: #222; }
#ProductPopup #RelatedItems { border-top: 1px solid #a9a9a9; padding-top: 25px; margin-top: 70px; }
#ProductPopup #RelatedItems h4 { font-weight: bold; text-transform: none; font-size: 15px; margin-bottom: 16px; }
#ProductPopup #RelatedItems figure { position: relative; }
.product-page #cboxLoadedContent { height: 100% !important; width: 100% !important; min-height: 470px !important; overflow: hidden !important; } 
#ProductPopup .form { display: none; position: absolute; top: 18%; left: 2%; padding: 0 15px; }
#ProductPopup .formMessage {display: none; position: absolute; top: 18%; }
#ProductPopup .formMessage p { color: #000; font-size: 16px; font-weight: bold; }
#ProductPopup .formMessage .backToProduct { margin-right: 15px; }
#ProductPopup .backToProduct:hover { color: #d71f27; }

/*
Form
*/

.form-wrap { background-color: #fff; padding: 30px; margin: 0 auto; max-width: 1000px; box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; -moz-box-shadow: 0 0 4px #ccc; }
.form-wrap h3, .form-wrap h2 { color: #ed1c24; }
.form-wrap h2 { font-size: 30px; margin-bottom: 30px; }
.form-wrap .address h3 { margin-bottom: 30px; }
.form-wrap .contact-details { position: relative; padding: 20px 45px 0; margin-bottom: 40px; }
.form-wrap .contact-details .navigation { position: absolute; left: 0; width: 100%; }
.form-wrap .contact-details .button { margin-top: 25px; }
.form-wrap .navigation .fa { font-size: 20px; text-align: center; color: #ed1c24; border: 1px solid #c1c1c1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 36px; height: 36px; padding-top: 7px; cursor: pointer; }
.form-wrap .address span, .form-wrap .address .map-link a { display: block; color: #3e3e3e; font-size: 14px; }
.form-wrap .address .map-link i { margin-right: 10px; }
.form-wrap .address .map-link { margin-top: 10px; display: none; }
.form-wrap h3 { font-size: 20px; font-weight: 400; }
.form-wrap h6 { font-weight: 600; color: #404040; font-size: 13px; margin-bottom: 25px; text-transform: none; }
.form .radio-group label { color: #3b3b3b; font-size: 17px; font-weight: 300; margin-left: 15px; }
.form .radio-group input { margin-top: 5px; }
.form .radio-group label:first-child { margin-left: 0; }
.form .radio-group li{display:inline-block;margin-right:65px;}
.form .form-control { border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-bottom: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.form textarea { height: 30px; }
.form .form-group label { font-weight: 600; color: #3e3e3e; font-size: 16px; word-spacing: 1.3px; }
.form .required-field { display: block; color: #737373; font-size: 13px; }
.form .button { padding-top: 15px; padding-bottom: 15px; min-width: 167px; background-color: #fff; border-width: 2px; font-size: 15px; }
.form .form-group { margin-bottom: 20px; position:relative; }
.form textarea { resize: none; height: 42px; }
.search-form { max-width: 980px; margin: 0 auto; display: table; border: 1px solid #e1e1e1; }
.search-form .form-group { float: left; position: relative; }
.search-form .form-control { padding: 0 10px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; height: 60px; font-weight: 400; color: #000; }
.search-form #ddlCityID { text-transform: capitalize; }
.search-form i { position: absolute; top: 15px; font-size: 26px; color: #fff; left: 30px; }
.search-form select { min-width: 245px; cursor: pointer; }
.search-form .stylish-select:first-child { margin-left: 0; }
.search-form .search-btn { width: 150px; background-color: #ed1c24; padding-left: 40px; overflow: hidden; }
.search-form .search-btn .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.search-form .search-btn .form-control { background: none; color: #fff; padding-top: 18px; margin-left: 15px; }
.search-form-result { position: relative; }
.search-form-result .item-list { height: 87%; width: 400px; margin-left: 13%; top: 13%; }
.item-list { background-color: #fff; padding: 37px 5px 10px 5px; box-shadow: 0 0 4px #ccc; -webkit-box-shadow: 0 0 4px #ccc; -moz-box-shadow: 0 0 4px #ccc; }
.item-list h5 { font-size: 15px; font-weight: 400; padding: 0 15px; margin-bottom: 23px; line-height: 20px; }
.item-list li strong { display: block; margin-bottom: 3px; font-size: 15px; }
.item-list li .tel { font-size: 14px; color: #000; }
.item-list li .tel .fa-phone { margin-right: 5px; }
.item-list li:nth-child(odd) { background-color: #f8f8f8; }
.item-list li { position: relative; padding: 10px 20px 10px 40px; }
.item-list li:before { content: "\f105"; font-family: FontAwesome; left: 10px; position: absolute; top: 10px; width: 21px; height: 21px; text-align: center; line-height: 17px; font-size: 15px; border: 2px solid #3d3d3d; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.item-list .list-container { height: 90%; overflow-y: scroll; }
.search-form-result .map { height: 695px; }
.search-form-result .search-form, .search-form-result .item-list { position: absolute; z-index: 99; }
.search-form-result .search-form { top: 50%; left: 50%; margin-left: -450px; margin-top: -30px; height: 60px; min-width: 900px; }

/*
Minoru Effect on form
*/

.input { position: relative; z-index: 1; display: inline-block; width: 100%; vertical-align: top; }
.input__field { position: relative; display: block; float: right; padding: 0.8em; width: 60%; border: none; border-radius: 0; background: #f0f0f0; color: #000; font-size: 14px; font-weight: 400; -webkit-appearance: none; }
.input__field:focus { outline: none; }
.input__label { display: inline-block; float: right; padding: 0 1em; width: 40%; color: #6a7989; font-weight: bold; font-size: 70.25%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input__label-content { position: relative; display: block; padding: 1.6em 0; width: 100%; }


/* Yoko */
.input__field--yoko { z-index: 10; width: 100%; background: transparent; color: #000; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.input__label--yoko { position: relative; width: 100%; color: #000; text-align: left; }
.input__label--yoko::before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; height: 45px; background: #d7d7d7; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__label--yoko::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #d7d7d7; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input__label-content--yoko { padding: 0.75em 0; }
.input__field--yoko:focus,
.input--filled .input__field--yoko { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.input__field--yoko:focus + .input__label--yoko::before,
.input--filled .input__label--yoko::before { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); }
.input__field--yoko:focus + .input__label--yoko,
.input--filled .input__label--yoko { pointer-events: none; }
.input__field--yoko:focus + .input__label--yoko::after,
.input--filled .input__label--yoko::after { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); }
.input__label-content.input__label-content--yoko { display: none; }
.inputError+.input__label--yoko:after{ background-color:red; }

/*
Custom Select
*/

.custom-select { overflow: hidden; background-color: transparent; position: relative; padding: 0; }
.custom-select:after { content: ""; width: 20px; height: 10px; background: url("../images/sprite.png") no-repeat -58px -68px; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); z-index: 1; }
.custom-select select { padding: 5px 8px; width: 100%; height: 100%; border: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; color: #848484; font-size: 15px; cursor: pointer; position: relative; z-index: 2; position: relative; }
.custom-select select:focus { outline: none; cursor: pointer; }
.custom-select.date { max-width: 110px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.custom-select { background: #fff; }
.custom-select select { max-width: 100% !important; }
}

.eq-ie9 .custom-select { background: #fff; }
.eq-ie9 .custom-select select { max-width: 100% !important; }

/*
Slide Caption Figure
*/

.slide-caption { position: relative; display: block; }
.slide-caption img { width: 100%; }
.slide-caption figcaption { color: #fff; background-color: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; font-size: 21px; font-weight: bold; text-transform: uppercase; }
.slide-caption h5 { text-transform: none; margin-bottom: 5px; }
.slide-caption figcaption span { font-size: 14px; line-height: 16px; position: absolute; width: 100%; left: 0; padding: 0 12px; }
.slide-caption:hover figcaption { padding: 24px 20px; }

/*
Info Box
*/

.info-box { background-color: rgba(255,255,255,0.6); border: 1px solid rgba(0,0,0,0.12); padding: 25px 20px; }
.info-box p { font-size: 16px; line-height: 25px; }
.info-box h4 { font-size: 20px; line-height: 25px; text-transform: none; }



/*
manufacturing-plants
*/

.manufacturing-plants { position: relative; }
.manufacturing-plants .item-list { position: absolute; right: 10%; top: 0%; padding-top: 25px; height: 100%; margin-top: 3%; }
.manufacturing-plants .item-list .list-container { height: 100%; }
.item-list h4 { font-weight: 700; font-size: 15px; margin-bottom: 10px; }
.item-list h3 { font-weight: 600; font-size: 15px; }
.item-list .address span { display: block; font-size: 14px; }
.item-list .button { color: #2c2c2c; font-size: 12px; padding: 0px 7px; text-transform: none; border-color: #2c2c2c; float: right; cursor: pointer; }
.item-list .button:hover { background-color: #2c2c2c; color: #fff; }
.item-list .button i { margin-left: 10px; }

/*
coming-soon
*/

.coming-soon { min-height: 500px !important; }
.coming-soon h2 { text-align: center; margin-top: 150px; }


/*
Stylish Selectbox
*/

.stylish-select { padding: 0; margin: 0; overflow: hidden; background-color: #fff; position: relative; cursor: pointer; border-left: 1px solid #e1e1e1; }
.stylish-select:after { content: "\f107"; font-family: FontAwesome; color: #000; font-size: 27px; position: absolute; right: 16px; top: 13px; }
.stylish-select select { padding: 5px 8px; width: 100%; max-width: initial !important; border: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; position: relative; z-index: 999; }
.stylish-select select:focus { outline: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.stylish-select { background: none; background-color: #fff; }
.stylish-select:after { content: ""; }
.stylish-select select { max-width: 100% !important; padding-right: 0 !important; }
}
.eq-ie9 .stylish-select { background: none; }
.eq-ie9 .stylish-select select { max-width: 100% !important; }
.stylish-select.theme-2:after { content:"\f0d7"; font-size: 25px; color: #928e89; top: 9px; }
.stylish-select.theme-2:before { content: ""; width: 1px; height: 39px; background: url("../images/sprite.png") no-repeat -262px -680px; position: absolute; right: 50px; top: 2px; }
.stylish-select.theme-2 { background-color: #f3f3f3; border: 1px solid #cfccc4; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; height: 50px; box-shadow: 0px 2px 2px #cfccc4; -webkit-box-shadow: 0px 2px 2px #cfccc4; -moz-box-shadow: 0px 2px 2px #cfccc4; }
.stylish-select.theme-2 select { height: 50px; font-weight: normal; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

/*
Media Posts
*/

.media-posts .post { margin-bottom: 30px; cursor: pointer; }
.post h2 { font-weight: 600; font-size: 15px !important; line-height: 20px; margin-bottom: 8px; }
.post time { font-weight: 400; font-size: 14px; display: block; }
.post h2, .post time { color: #272727; }
.post img { width: 100%; }
.post .content { background-color: #fff; padding: 16px 12px; }
.post .button { margin-top: 13px; border-color: #c7a078; color: #000; font-size: 11px; padding-top: 1px; padding-bottom: 1px; border-width: 2px; }
.post .button:hover { background-color: #000; color: #c7a078; }
.media-content .overlay .close-btn { position: absolute; right: 20px; top: 20px; font-size: 50px; cursor: pointer; color: #000; }
.media-content .overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; background-color: rgba(0,0,0,0.7); }
.media-content .fs-image img { width: 100%; height: 100%; display: none; }
.media-content .fs-image { height: 100%; width: 100%; }

/*
Lists
*/

.bullet-list li { list-style-type: disc; }
.bullet-list li p { margin-bottom: 0; font-size: 16px; }
.two-columns-list li { float: left; width: 50%; }


/*
Transparent-box
*/

.transparent-box { background-color: rgba(0,0,0,0.63); padding: 50px 30px; max-width: 970px; text-align: center; }
.light.transparent-box { background-color: rgba(255,255,255,0.63); }
.high-opacity.light.transparent-box { background-color: rgba(255,255,255,0.83); }
.light.transparent-box h2, .light.transparent-box p { color: #000; }
.featured-section .transparent-box { margin: 0 auto; }
.transparent-box p { line-height: 30px; margin-top: 27px; }
.transparent-box p, .transparent-box h2 { color: #fff; }
.transparent-box h2 { margin-bottom: 23px; font-size: 34px; line-height: 34px; }
.transparent-box h2 span { display: block; text-transform: none; font-weight: 600; font-size: 18px; margin-top: 7px; margin-bottom: -10px; }
.transparent-box p:first-child { margin-top: 0; }
.transparent-box p strong { font-size: 17px; }
.transparent-box .button { margin-top: 20px; }
.featured-section.about-us .transparent-box { margin-top: 100px; }
.transparent-box h5 { margin-bottom: 0; color: #fff; font-size: 26px; }
.about-us .transparent-box { padding-top: 25px; padding-bottom: 25px; }
.about .transparent-box p { line-height: 27px; margin-top: 15px; }

/*
Text Block
*/

.text-block p { font-size: 20px; line-height: 30px; }
.text-block { margin-bottom: 40px; padding: 35px; background-color: #f8f8f8; }
.text-block h2 { margin-bottom: 25px; }
.text-block li { position: relative; padding-left: 25px; font-size: 15px; line-height: 23px; font-weight: bold; }
.text-block ul.light-font li { font-weight: 400; }
.text-block li:before { content:"\f0da"; font-family: FontAwesome; color: #3d3d3d; font-size: 18px; position: absolute; left: 0; top: 0; }
.text-block .text-wrap { margin: 10px; margin-bottom: 20px; }
.text-block .text-wrap h5, .text-block .text-wrap p { font-size: 15px; font-weight: 400; line-height: 24px; text-transform: none; margin-bottom: 0; }
.text-block .text-wrap h5 { font-weight: 600; }
.text-block .text-wrap ul { margin-top: 10px; }

/*
Contact Us
*/

.map iframe { border: none; width: 100%; }
.search-form-result .map { height: 500px; }
.map { overflow: hidden; }
.contact-us .map { width: 30%; }
.contact-us .form-wrap { width: 40%; }
.contact-us { position: relative; background-color: #f3f3f3; }
.contact-us .map iframe { height: 780px; }

/*
Laminates
*/

.laminates figure { margin-top: 30px; }

/*
Inspiration Page PhotoGrid
*/

.megafolio-container { position: relative; }
.megafolio-container img { width: 100%; }
.mega-entry .mega-entry-innerwrap { border: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; }
.mega-hoverlink, .mega-hoverview { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; }
.mega-hover { background-color: rgba(237,28,36,0.5) !important; }
.fancybox-prev span, .fancybox-next span { background: url("../images/sprite.png") no-repeat !important; display: inline-block; width: 39px !important; height: 39px !important; }
.fancybox-next span { background-position: -236px -289px !important; }
.fancybox-prev span { background-position: -238px -375px !important; }
.fancybox-skin { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; background: none !important; padding: 0 !important; }
.fancybox-skin img { border: 10px solid #fff; }
.mega-hover:hover .mega-hoverlink:hover, .mega-hover:hover .mega-hoverview:hover { opacity: 1 !important; }

/*
Virtual Room
*/

#body-content.virtual-room-main { padding-bottom: 110px; }
#body-content.virtual-room-content { padding: 80px 0 110px; }
.virtual-room-main .slide-caption { margin-top: 30px; }
.virtual-room-main .info-box .stylish-select { max-width: 300px; width: 100%; z-index: 1; }
.virtual-room-content h4 { font-size: 20px; font-weight: normal; text-transform: none; margin-bottom: 30px; }
.virtual-room-content .image-variations img { position: absolute; top: 52px; display: none; width: 100%; }
.virtual-room-content .room-markers .room-marker { cursor: pointer; }
.virtual-room-content .marker-trigger { position: relative; left: 210px; position: absolute; top: 220px; z-index: 2; }
.virtual-room-content .room-markers-thumbs { width: 447px; background-color: #fff; padding: 10px 20px; position: relative; display: none; transition: 350ms; -webkit-transition: 350ms; -moz-transition: 350ms; position: absolute; left: 45px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }
.virtual-room-content .room-markers-thumbs.has-four-thumbs { width: 360px; }
.master-bedroom .shelves-trigger { left: inherit; right: 308px; top: 430px; }
.virtual-room-content .room-markers-thumbs:before, .virtual-room-content .room-markers-thumbs:after { content: ""; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 12px solid #fff; position: absolute; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }
.virtual-room-content .room-markers-thumbs:before { left: -12px; }
.virtual-room-content .room-markers-thumbs:after { right: -12px; border-left: 12px solid #fff; border-right: none; display: none; }
.virtual-room-content .room-markers-thumbs.alt-direction:after { display: block; }
.virtual-room-content .room-markers-thumbs.alt-direction:before { display: none; }
.master-bedroom .trigger-green .room-markers-thumbs.alt-direction { left: inherit; right: 45px; }
.virtual-room-content .room-markers-thumbs h6 { text-transform: none; color: #282828; font-size: 12px; font-weight: normal; }
.virtual-room-content .room-markers-thumbs figure { position: relative; cursor: pointer; }
.virtual-room-content .room-markers-thumbs img { opacity: 1 !important; display: block; }
.virtual-room-content .room-markers-thumbs .effect-bubba figcaption::before, .virtual-room-content .room-markers-thumbs .effect-bubba figcaption::after { bottom: 31px; left: 6px; right: 6px; top: 6px; }
.virtual-room-content .room-markers-thumbs figcaption { color: #928e89; font-size: 12px; border-bottom: 2px solid transparent; display: table; margin: 5px auto 0; }
.virtual-room-content .room-markers-thumbs figure:hover figcaption { border-bottom-color: #d5d5d5; }
.virtual-room-content .main-img-footer { background-color: #fff; }
.virtual-room-content .room-markers-thumbs .double-caption figure { max-height: 93px; position: relative; top: -19px; margin-top: 20px; }
.virtual-room-content .main-img-footer .footer-heading { color: #fff; background-color: #ed212b; text-align: center; font-size: 26px; font-weight: normal; width: 300px; height: 133px; text-transform: uppercase; }
.virtual-room-content .main-img-footer .table-cell { padding: 18px 23px; }
.virtual-room-content .main-img-footer .product-description h6, .virtual-room-content .main-img-footer .product-description p { color: #282828; font-size: 12px; line-height: 16px; font-weight: normal; }
.virtual-room-content .main-img-footer li { width: 283px; }
.virtual-room-content .main-img-footer .product-description h6 { margin-bottom: 3px; }
.virtual-room-content .main-img-footer .product-description p { width: 180px; }
.virtual-room-content .main-img-footer .product-description { margin-left: 15px; }
.virtual-room-content .main-img-footer figure { border: 1px solid #928e89; padding: 3px; }
.open-office .red-marker { top: 231px; left: 276px; }
.open-office .trigger-green { top: 560px; left: 484px; }
.open-office .trigger-pink { top: 370px; left: 560px; }
.virtual-room-btns .button { margin-top: 0; width: 151px; text-transform: none; display: block; float: right; }
.virtual-room-btns { text-align: right;  position: relative; top: -70px; }
#DownloadImg { display: none; }
.virtual-room-content .main-img-footer .list-inline { float: left; margin-left: 0; }
.virtual-room-content .main-img-footer .list-inline li { padding: 0; }

/*
Virtual Room Markers Sprite
*/

.marker-sprite { background: url("../images/virtual-room/marker-sprite.png") no-repeat; width: 30px; height: 30px; display: inline-block; }
.marker-sprite.red-marker { background-position: -5px -12px; }
.marker-sprite.green-marker { background-position: -5px -82px; }
.marker-sprite.pink-marker { background-position: -5px -156px; }
.marker-sprite.darkgreen-marker { background-position: -5px -229px; }


/*
Events and Exhibition page
*/

.eventsandExhibition .slider-heading h2 { font-size: 20px; font-weight: 700; margin-top: 30px; margin-bottom: 10px; }
.eventsandExhibition .event-wrap { margin: 40px 0; }
.eventsandExhibition .event-wrap h3 { font-size: 20px; font-weight: bold; text-transform: none; }
.eventsandExhibition a { color: #000; display: inline-block; }
.eventsandExhibition .event-wrap h3 span { font-weight: normal; display: block; font-size: 15px; margin-top: 10px; }
.eventsandExhibition .event-wrap img { position: relative; z-index: 11; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; }
.eventsandExhibition .event-wrap .rotated { position: absolute; left: -2px; top: -9px; z-index: 10; }
.eventsandExhibition .event-wrap .caption { margin-top: 15px; }
.eventsandExhibition .event-wrap .resized { transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); }
.eventsandExhibition .event-wrap .event-image { position: relative; display: inline-block; }
.eventsandExhibition .event-image:hover .rotated { transform: translate(-6%, -10%); -webkit-transform: translate(-6%, -10%); -moz-transform: translate(-6%, -10%); }
.eventsandExhibition .event-image:hover .resized { transform: translate(4%, -7%); -webkit-transform: translate(4%, -7%); -moz-transform: translate(4%, -7%); }
#BangaloreEvent .event-wrap .rotated { left: -20px; }
 

/*
Browse Button
*/

.RadDropDownList .rddlInner { border: none !important; background-color: #eceaea; border-radius: 5px; padding-top: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; font-size: 15px; color: #555; }
.RadDropDownList .rddlIcon { background-image: url("../../../virgolam-001-site1.mysitepanel.net/Content/css/Images/Common/Rad-Arrows.html"); background-repeat: no-repeat !important; height: 17px !important; margin-right: 4px; margin-top: 8px; }
.RadDropDownList { width: 100% !important; }
.RadDropDownList .rddlFocused .rddlIcon { background-position: 0 -17px; }
.RadDropDownList .rddlDisabled { background-color: #F7F7F7; }
.form .RadDropDownList .rddlDisabled .rddlFakeInput { color: #D0CDCD !important; }
.RadDropDownList .rddlEmptyMessage, .RadDropDownList .rddlDefaultMessage { font-style: normal !important; }
.RadDropDownList .rddlDisabled .rddlIcon { background-position: 0 -34px; }
.ddlWhite .rddlInner { background-color: #FFFFFF; border: 1px solid #D6D6D6 !important; border-radius: 3px; padding: 11px 15px 0 !important; height: 39px; }
.ddlWhite .rddlIcon { top: 6px !important; }
.RadUpload .ruFileWrap { height: auto !important; }
.RadUpload .ruBrowse { width: 90px !important; position: absolute; right: 0; bottom: 0; padding: 11px 8px; background-color: #ee1c25 !important; color: #fff; font-size: 17px; font-weight: 700; height: 40px !important; cursor:pointer;}
.RadUpload .ruRemove { color: red;position:relative;top:-6px; }
.form-group .myFile .RadUpload { width: auto; position: absolute; right: 0; top: 1px; }
.rddlPopup .rddlItem { font-size: 15px !important; }
.RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput { border: none !important; }
.RadUpload { padding: 0 !important; width: 100% !important; margin-top: 10px; }
.RadUpload .ruFileWrap { display: block !important; }
.RadUpload .ruFakeInput { width: 78% !important; height: 28px !important; }
.RadUpload .ruStyled .ruFileInput { padding: 4px 8px 0 !important; }
.RadUpload .ruInputs { bottom: -1px; }

/*
searchbox
*/
.searchbox { position: relative; }
.searchbox .form-control { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; min-width: 250px; }
.searchbox .fa-search { position: absolute; right: 8px; top: 8px; cursor: pointer; font-size: 18px; }
.ui-autocomplete { max-width: 250px; background: #ccc; z-index: 999; max-height: 350px; overflow-y: scroll; }
.ui-autocomplete .ui-menu-item { font-size: 14px; line-height: 24px; cursor: pointer; padding: 0 10px; }
.ui-autocomplete .ui-menu-item:hover, .ui-autocomplete .ui-menu-item.ui-state-focus { background: #fff; }

/*
Sprite
*/

.sprite { display: inline-block; background: url("../images/sprite.png") no-repeat; }
.virgo-mica.sprite { background-position: 0 -82px; }
.croma.sprite { background-position: 0 -207px; }
.corby.sprite { background-position: 0 -335px; }
.virgo-plywood.sprite { background-position: 0 -465px; }
.croma-ply.sprite { background-position: 0 -596px; }
.virgo-aluminium.sprite { background-position: 0 -724px; }
.refreshideas.sprite { width: 19px; height: 26px; background-position: -162px -16px; }

/*
Clients Sprite
*/

.clients-sprite { display: inline-block; background: url("../images/clients-sprite.jpg") no-repeat; }
.clients-sprite.pavani { background-position: -96px -36px; height: 74px; width: 74px; }
.clients-sprite.saviour { background-position: -92px -222px; height: 63px; width: 97px; }
.clients-sprite.simplex { background-position: -93px -380px; height: 84px; width: 84px; }
.clients-sprite.airtel { background-position: -99px -561px; height: 73px; width: 73px; }
.clients-sprite.malabar-developers { background-position: -102px -753px; height: 42px; width: 85px; }
.clients-sprite.pavani-homes { background-position: -66px -918px; height: 52px; width: 130px; }
.clients-sprite.tulsi-vanam { background-position: -89px -1096px; height: 52px; width: 90px; }
.clients-sprite.vodafone { background-position: -64px -1273px; height: 45px; width: 147px; }
.clients-sprite.idbi-bank { background-position: -49px -1455px; height: 28px; width: 171px; }
.clients-sprite.sbh-bank { background-position: -50px -1623px; height: 47px; width: 162px; }
.clients-sprite.dena-bank { background-position: -53px -1801px; height: 34px; width: 156px; }
.clients-sprite.dgb-bank { background-position: -36px -1976px; height: 37px; width: 166px; }
.clients-sprite.canara-bank { background-position: -43px -2142px; height: 46px; width: 173px; }
.clients-sprite.hdfc-bank { background-position: -61px -2327px; height: 44px; width: 152px; }
.clients-sprite.lodha { background-position: -56px -2505px; height: 40px; width: 152px; }
.clients-sprite.bank-of-baroda { background-position: -47px -2664px; height: 59px; width: 179px; }
.clients-sprite.india-post { background-position: -53px -2847px; height: 48px; width: 173px; }
.clients-sprite.wp { background-position: -90px -3001px; height: 90px; width: 90px; }
.clients-sprite.tgb-bank { background-position: -13px -3203px; height: 42px; width: 240px; }
.clients-sprite.andhra-bank { background-position: -40px -3364px; height: 62px; width: 186px; }
.clients-sprite.kam { background-position: -92px -3528px; height: 88px; width: 88px; }
.clients-sprite.arihant-group { background-position: -98px -3708px; height: 78px; width: 70px; }
.clients-sprite.k-hemani { background-position: -87px -3881px; height: 79px; width: 99px; }
.clients-sprite.muthoot-finance { background-position: -49px -4068px; height: 54px; width: 169px; }
.clients-sprite.bmb { background-position: -77px -4235px; height: 60px; width: 100px; }
.clients-sprite.rlc { background-position: -66px -4418px; height: 59px; width: 147px; }
.clients-sprite.pachina-developers { background-position: -85px -4583px; height: 65px; width: 119px; }
.clients-sprite.shelter { background-position: -68px -4744px; height: 104px; width: 119px; }
.clients-sprite.sbi { background-position: -61px -4940px; height: 54px; width: 140px; }
.clients-sprite.syndicatebank { background-position: -51px -5121px; height: 55px; width: 159px; }
.clients-sprite.ui-insurance { background-position: -90px -5280px; height: 85px; width: 85px; }
.clients-sprite.union-bank { background-position: -51px -5476px; height: 38px; width: 171px; }
.clients-sprite.ubi { background-position: -41px -5641px; height: 63px; width: 191px; }


.clients-wrap { position: relative; border: 1px solid #f0eeee; height: 125px; }
.clients-wrap .clients-sprite { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
.clients-wrap { margin-bottom: 30px; }

/*
Image Effects
*/

.management .image-effect-wrap figure { width: 230px; height: 230px; margin: 0 auto; }
.management .image-effect-wrap { margin-bottom: 30px; }
.image-effect-wrap figure { position: relative; overflow: hidden; text-align: center; cursor: pointer; }
.image-effect-wrap figure img { width: 100%; }
.image-effect-wrap figure figcaption:before, .image-effect-wrap figure figcaption:after { pointer-events: none; }
.image-effect-wrap figure figcaption, .image-effect-wrap figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.image-effect-wrap figure figcaption > a { z-index: 100; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
figure.effect-bubba img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-bubba:hover img { opacity: 0.4; }
figure.effect-bubba figcaption:before, figure.effect-bubba figcaption:after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-bubba figcaption:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
figure.effect-bubba figcaption:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
figure.effect-bubba h4 { padding-top: 45%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); font-size: 20px; }
figure.effect-bubba.large-image h4 { padding-top: 18%; }
figure.effect-bubba p { opacity: 0; margin: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
figure.effect-bubba:hover figcaption:before, figure.effect-bubba:hover figcaption:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-bubba:hover h4, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-bubba h4 { color: #fff; font-weight: 400; opacity: 0; }
figure.effect-winston img { -webkit-transition: 0.45s; transition: 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
figure.effect-winston figcaption:before { z-index: 99; position: absolute; top: 41px ; left: 0; width: 100%; height: 100%; background: url("../images/triangle.svg") no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
figure.effect-winston h2 { font-size: 21px; color: #fff; margin-bottom: 15px; font-weight: bold; line-height: 26px; }
figure.effect-winston h2.small-font { font-size: 18px; }
figure.effect-winston .link { position: absolute; right: 20px; bottom: -20%; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; z-index: 99; }
figure.effect-winston .link a { font-size: 14px; color: #000; text-transform: uppercase; font-weight: bold; }
figure.effect-winston:hover .link { bottom: 16px; }
figure.effect-winston:hover figcaption:before { -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,22deg); }
figure.effect-winston .caption { background-color: rgba(0,0,0,0.5); width: 100%; height: 70px; position: absolute; left: 0; bottom: 0; transition: 450ms; -webkit-transition: 450ms; -moz-transition: 450ms; padding: 22px 15px; text-align: left; }
figure.effect-winston .whitish.caption { background-color: rgba(255,255,255,0.7); }
figure.effect-winston .whitish.caption p { color: #000; font-weight: 400; }
figure.effect-winston .caption img { width: auto !important; }
figure.effect-winston:hover .caption { padding: 30px 10px; height: 100%; }
figure.effect-winston .caption p { font-size: 15px; color: #fff; opacity: 0;  }
figure.effect-winston:hover .caption p { opacity: 1; transition: 2s; }
figure.effect-winston .croma-logo, figure.effect-winston .corby-logo { position: relative; top: -13px; margin-bottom: 2px; }
.zoomin-effect img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: 350ms ease; -webkit-transition: 350ms ease; -moz-transition: 350ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0) }
.zoomin-effect { overflow: hidden; position: relative; border: 1px solid #717171; display: block; }
.zoomin-effect .caption { position: absolute; bottom: -100px; width: 100%; opacity: 1; transition: 600ms; -webkit-transition: 600ms; -moz-transition: 600ms; }
.zoomin-effect img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
.zoomin-effect figcaption { position: absolute; bottom: 10px; width: 100%; text-align: center; color: #fff; font-size: 20px; line-height: 24px; font-weight: 400; }
.zoomin-effect img { width: 100%; }
.owl-carousel .zoomin-effect { width: 91%; }
.zoomin-effect + .external-caption { color: #fff; font-size: 17px; font-weight: 600; display: block; text-align: center; margin-top: 3px; }

/*
Owl Carousel Settings
*/

.owl-carousel .owl-buttons .fa { color: #fff; font-size: 40px; }
.owl-controls .owl-buttons div { position: absolute; top: 50%; margin-top: -20px; }
.owl-controls .owl-buttons .owl-next { right: -15px; }
.owl-controls .owl-buttons .owl-prev { left: -40px; }

/*
Error Page
*/

.error-page { padding-top: 150px; text-align: center; }

/*
Ecatalogue
*/

.ecatalogue-wrapper .ecatalogue-figure { margin-bottom: 70px; text-align: center; }
.ecatalogue-wrapper .ecatalogue-figure figcaption { color: #1e1e1e; font-size: 20px; font-weight: 400; margin-top: 10px; }
.ecatalogue-wrapper .ecatalogue-figure .img-wrap { position: relative; overflow: hidden; display: inline-block; }
.ecatalogue-wrapper .ecatalogue-figure .img-wrap:after { content: ""; background: url("../images/sprite.png") no-repeat -223px -850px; width: 68px; height: 45px; position: absolute; right: -2px; bottom: 0; transform: translate(52%, 100%) scale(0.8); -webkit-transform: translate(52%, 100%) scale(0.8); -moz-transform: translate(52%, 100%) scale(0.8); transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -moz-transition: all 600ms ease-in-out 0s; opacity: 0; }
.ecatalogue-wrapper .ecatalogue-figure .img-wrap:hover:after { opacity: 1; transform: translate(0%, 0%) scale(1); -webkit-transform: translate(0%, 0%) scale(1); -moz-transform: translate(0%, 0%) scale(1); }
.ecatalogue-wrapper .ecatalogue-figure a { display: inline-block; }

/*
Product Tabs
*/
.products-tab-pane .col-md-3 { min-height: 210px; margin-bottom: 35px; }
.products-tab-pane .close-btn { width: 37px; height: 37px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 2px solid #fff; text-align: center; padding-top: 6px; font-size: 20px; font-weight: bold; cursor: pointer; margin-top: -5px; }
.products-tab-pane { background-color: rgba(0,0,0,0.4); padding: 40px 0 5px; margin-right: -15px; margin-left: -15px; border-top: 1px solid #827c7c; border-bottom: 1px solid #827c7c; margin: -30px -15px 40px -15px; }
.products-tab-pane h2 { margin-bottom: 40px; }
.products-tab-head .has-arrow:after { content: ""; width: 16px; height: 1px; background-color: #827c7c; position: absolute; bottom: 0; }

/*
Spinner
*/

.spinner { width: 100px; height: 100px; position: relative; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px;
-webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; }
.dot1, .dot2 { width: 60%; height: 60%; background-color: #d71f27; display: inline-block; position: absolute; top: 0; border-radius: 100%;
 -webkit-animation: bounceLoader 2.0s infinite ease-in-out; animation: bounceLoader 2.0s infinite ease-in-out; }
.dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes bounceLoader {  0%, 100% { 
-webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounceLoader {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*
Loader on ajax call
*/

#product-load-animation{ position: fixed; width: 100%; height: 100%; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.7); z-index: 210; transition: 500ms; -webkit-transition: 500ms; -moz-transition: 500ms; }

/*
goToTop
*/
.goToTop { position: fixed; right: 25px; bottom: 20px; color: #f11727; font-size: 46px; display: none; cursor: pointer; }

/*
Addthis plugin custom
*/

html body .addthis_20x20_style .at4-icon, .addthis_20x20_white_style .at4-icon, .at-20x20 { background-size: 40px !important; height: 40px !important; width: 35px !important; }
.at-share-tbx-element.addthis_20x20_style .at-share-btn, .at-share-tbx-element.addthis_20x20_white_style .at-share-btn { max-height: 42px !important; max-width: 42px !important; }

/*
Appear
*/

.appear { visibility: hidden; }


/*
Useful Generic Classes
*/

.fullWidthLink { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; }
.padT20{padding-top:20px;}
.padR0 { padding-right: 0 !important; }
.padL0 { padding-left: 0 !important; }
.padT0 { padding-top: 0 !important; }
.padB30 { padding-bottom: 30px; }
.padT30 { padding-top: 30px; }
.padB40 { padding-bottom: 40px; }
.marB30 { margin-bottom: 30px; }
.marB60 { margin-bottom: 60px; }
.padBT100 { padding-top: 100px; padding-bottom: 100px; }
.marT50 { margin-top: 50px; }
.marT40 { margin-top: 40px; }
.marT72 { margin-top: 72px; }
.marT30 { margin-top: 30px !important; }
.marT20 { margin-top: 20px !important; }
.marT10 { margin-top: 10px; }
.marB0 { margin-bottom: 0 !important; }
.fs20 { font-size: 20px; }
.semibold-font { font-weight: 600; }
.centered { display: table; margin-right: auto; margin-left: auto; }
.marT80 { margin-top: 100px !important; }
.fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; }
.lineHeight44 { line-height: 44px !important; }
.formError{position:absolute; top:0; right:0; color:red; font-size:16px;}
.remove-filter { padding-left:10px; padding-right:0; cursor:pointer; }
.padding-none { padding: 0 !important; }
.full-width { width: 100%; }
.top40 { top: 40px; }