/* transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; */ /** Site Font Here *****/ body, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a, p, ul li, ol li {font-family: 'Open Sans', Arial, sans-serif; } body { font-size: 16px; line-height: 24px ;color: #000000;font-weight: 400;} body > div { position: fixed } body > div.wrappermain { position: static } body header + div, body .wrappermain > div { position: relative; } .noscript-img { display: inline; height: 36px; margin: 0 auto; width: 34px; } .noscript { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; border-top: 1px solid #bf9000; bottom: 0; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; top: auto; width: 100%; z-index: 99999; color: #fff } .noscript i { color: #f00 } a:focus, a:hover { text-decoration: none; outline: none; } p { color: #000000; font-size: 16px; line-height: 24px; margin: 0 0 10px; font-weight: 400; } a { color: #bf9000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: none } .cms-area ul, .cms-area ol { overflow: hidden; } /* Ul li - OL li */ ul > li { color: #000000; font-size: 16px; line-height: 24px; word-wrap: break-word; list-style: none; position: relative; font-weight: 400; } ol > li { color: #000000; font-size: 16px; line-height: 24px; word-wrap: break-word; position: relative; font-weight: 400; } ul > li::before { content: ""; position: absolute; left: -20px; top: 8px; background: #bf9000; border-radius: 50%; width: 10px; height: 10px; } ul > li > ul > li::before { content: ""; position: absolute; left: -20px; top: 8px; border: 2px solid #bf9000; background: transparent; border-radius: 50%; width: 10px; height: 10px; } ol > li:before, ul > li > ol > li:before { display: none } ol > li, ul > li > ol > li { list-style: decimal; list-style-position: outside; } ol > li > ol > li { list-style-type: lower-alpha; } ol.breadcrumb > li::before { display: inline-block; } select::-ms-expand { display: none !important; } /* */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 10px; margin-top: 10px; color: #000000; font-weight: 700;text-transform: uppercase;} h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 26px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } .aligncenter { display: block; margin: 0 auto 15px; } .alignnone { float: none; margin: 0 0 15px 0; } img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; } .cms-area { padding: 60px 0; } .cms-area h1, .cms-area .h1, .cms-area h2, .cms-area .h2, .cms-area h3, .cms-area .h3, .cms-area h4, .cms-area .h4, .cms-area h5, .cms-area .h5, .cms-area h6, .cms-area .h6 { margin-top: 0;} .cms-area h1, .cms-area .h1 { font-size: 34px } .cms-area h2, .cms-area .h2 { font-size: 28px } .cms-area h3, .cms-area .h3 { font-size: 22px } .cms-area h4, .cms-area .h4 { font-size: 20px } .cms-area h5, .cms-area .h5 { font-size: 18px } .cms-area h6, .cms-area .h6 { font-size: 16px } .cms-area p {margin-bottom: 24px;} .welcome_content h1, .welcome_content .h1 { font-size: 34px; } .welcome_content h2, .welcome_content .h2 { font-size: 28px; } .welcome_content h3, .welcome_content .h3 { font-size: 24px; } .welcome_content h4, .welcome_content .h4 { font-size: 20px; } .welcome_content h5, .welcome_content .h5 { font-size: 18px; } .welcome_content h6, .welcome_content .h6 { font-size: 16px; } .wpcf7-form-control-wrap { display: block; } .wpcf7-form label.error, .recaptcha-error-message { color: #ff0000 !important; float: none; font-size: 12px !important; left: 0; padding-left: 0px !important; position: absolute; top: 100%; line-height: normal; } .fancybox-wrap { position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; } .header .header-wrapper .primary .navbar .navbar-collapse ul.nav > li:before, .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li:before, .head-top .top-link li:before, .social-main ul li:before { display: none; } /**common */ a, button, ::after, ::before { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .m_auto { margin-left: auto !important; margin-right: auto !important; } .white{color: #fff !important;} table th { font-weight: 700; background: #bf9000; border: 1px solid #305f92 !important; font-size: 16px; line-height: 24px; color: #fff; } .service-detail img { max-width: 100%; } .owl-carousel .owl-item { backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; -webkit-backface-visibility: visible !important; } .select_box { position: relative; } .select_arrow i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 24px; color: #606060; } .select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; } .section_padding{padding:71px 0} .main_title{font-size: 36px;color: #000000;font-weight: 700;line-height: 50px;text-transform: uppercase} /**common */ /* Menu CSS ****************/ header { position: absolute; background-color: rgba(255, 255, 255, 0.92); top: 0; width: 100%; z-index: 999 } header.sticky { position: fixed } .overly { position: fixed !important; left: 0; top: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.5); width: 0; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } body.menuoverly { overflow: hidden; } body.menuoverly .overly { width: calc(100% - 360px); transition: all 0.8s ease 0.7s; -moz-transition: all 0.8s ease 0.7s; -ms-transition: all 0.8s ease 0.7s; -o-transition: all 0.8s ease 0.7s; -webki-transition: all 0.8s ease 0.7s; } nav ul { list-style: none; margin: 0; padding: 0 } .header .header-wrapper .container { position: relative } .header .header-wrapper .logo-box { float: left } .header .header-wrapper .logo-box .logo { max-width: 100%; vertical-align: middle; width: 100%; padding:9px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .header .header-wrapper .logo-box .logo a { display: inline-block; max-width: 100% } .header .header-wrapper .logo-box .logo a img, .header .header-wrapper .logo-box .logo a .logo-img { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; max-width: 114px } .header .header-wrapper .logo-box.auto-height { display: block; } .header .header-wrapper .logo-box.auto-height .logo { display: block } .header .header-wrapper .logo-box.auto-height .logo img { max-height: inherit } .header .header-wrapper .primary { float: right; z-index: 900; margin:30px 35px 0 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .header .header-wrapper .primary .navbar { background: none; border: 0 none; margin: 0; min-height: 44px; padding: 0; display: block } .header .header-wrapper .primary .navbar nav { margin: 0 0px 0 0; } .header .header-wrapper .primary .navbar .navbar-collapse { padding: 0; position: relative } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav { margin: 0; position: relative; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent { position: relative } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent:hover>.sub { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li { margin:0 0 0 36px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:first-child { margin: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:after { background: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:before { display: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li { padding: 0; position: relative } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a { background: none; color: #000; line-height: 20px; padding: 7px 0; position: static; text-shadow: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 901; font-size: 15px; text-transform: uppercase; font-weight: 600; margin: 0;} .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.megamenu { overflow: hidden; position: static } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.megamenu>a { position: relative } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.megamenu:hover>a:after { left: 0; right: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent .parent>a:after { border-left: 5px solid #909090; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a>i { margin-right: 2px; opacity: .8; filter: alpha(opacity=80); text-align: center; width: 15px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new { background: #ff0068; border-radius: 3px; color: #fff; font-size: 11px; line-height: 1; letter-spacing: 0.01em; padding: 4px 10px; position: absolute; right: 19px; top: 1px; text-transform: uppercase } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new:before { border: 5px solid transparent; border-right-color: #ff0068; bottom: -5px; content: ""; display: block; position: absolute; right: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-info .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-info:before { border-right-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-success .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-success:before { border-right-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-primary .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-primary:before { border-right-color: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-warning .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-warning:before { border-right-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-danger .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-danger:before { border-right-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu a .item-new { right: 14px; top: -12px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .item-new, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .sub a .item-new { float: right; left: 0; margin: 2px 0 0 10px; position: relative; top: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .sub a .item-new { float: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub { background: #fff none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); display: none; line-height: 24px; margin: 0; padding: 0; position: absolute; z-index: 905; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li { font-size: 13px; line-height: 24px; margin: 0; padding: 0; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:after { background: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a { color: #101010; display: block; font-size: 15px; font-weight: 600; padding: 5px 10px; text-decoration: none; text-transform: uppercase; transition: opacity 0.2s linear 0s; width: 200px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected > a { color: #fff; background: #bf9000; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .item-new .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .item-new:before { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub { left: 100%; top: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub .sub .parent>a { background: none !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub .sub .parent>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub .sub .sub { background: none; border: 0 none; box-shadow: none; display: block; left: 0; padding: 0 0 0 10px; position: relative; -webkit-animation: fadeIn 0; animation: fadeIn 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title { font-size: 13px; line-height: 23px; margin: 0 0 3px; text-transform: uppercase } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub { border-radius: 3px; left: -15px; padding: 0; width: 886px; z-index: 900 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub a { width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-wrapper { display: table; width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block { border-right: 1px solid #ccc; display: table-cell; font-size: 12px; line-height: 18px; position: relative; text-align: center; vertical-align: middle; width: 34% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block.text-right { text-align: right } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block.text-left { text-align: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-list { display: table-cell; padding: 35px 5px; vertical-align: top; width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-list + .promo-block { border-left: 1px solid #ccc; border-right: 0 none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box { float: left; padding: 0 20px 28px; width: 33% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box:nth-child(3n + 1), .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box:nth-child(2n + 1) { clear: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo>.sub .sub-list { width: 66% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo>.sub .box { clear: none; width: 50% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box:nth-child(4n + 1), .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box:nth-child(3n + 1) { clear: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.four-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .promo-block, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box { width: 25% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .sub-list { width: 75% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.four-columns>.sub .box { width: 33% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .box:nth-child(5n + 1), .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.five-columns>.sub .box:nth-child(4n + 1) { clear: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.five-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .promo-block, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .box { width: 20% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .sub-list { width: 80% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.five-columns>.sub .box { width: 25% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li[class*="item-"]:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav [class*="item-"] .sub { box-shadow: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-primary>a { color: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-success>a { color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-info>a { color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-warning>a { color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-danger>a { color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.item-bg:hover>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse>a { color: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-inverse>a { background: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-inverse>a { background: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-inverse>a { background: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-inverse>a { background: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-inverse>a { background: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse:hover>a { background: #fff; color: #1e1e1e } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.megamenu>.sub .promo-block { border-color: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.megamenu>.sub .promo-block { border-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.megamenu>.sub .promo-block { border-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.megamenu>.sub .promo-block { border-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.megamenu>.sub .promo-block { border-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg:hover a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg .sub a { color: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.item-bg.parent:hover>.sub { background: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.item-bg.parent:hover>.sub { background: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.item-bg.parent:hover>.sub { background: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.item-bg.parent:hover>.sub { background: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.item-bg.parent:hover>.sub { background: #c10841 } .header .header-wrapper .header-icons { float: right; margin: 9px 0; text-align: right } .header .header-wrapper .cart-header { display: inline-block; font-size: 12px; margin: 0 -15px 0 -1px; white-space: normal } .header .header-wrapper .cart-header.no-open { opacity: 0; filter: alpha(opacity=0) } .header .header-wrapper .cart-header .dropdown-toggle { border-width: 1px; border-color: #fff; border-color: transparent; border-bottom: 0 none; color: #1e1e1e; display: block; line-height: 22px; outline: none; padding: 11px 15px 12px; position: relative; text-decoration: none; text-shadow: none; -webkit-transition: border-color 0.4s linear, box-shadow 0.4s linear; transition: border-color 0.4s linear, box-shadow 0.4s linear; z-index: 891 } .header .header-wrapper .cart-header .dropdown-toggle .icon { display: inline-block; height: 22px; margin: 0 8px 0 0; vertical-align: top; width: 16px } .header .header-wrapper .cart-header .dropdown-toggle .icon svg { margin-top: 2px; vertical-align: top } .header .header-wrapper .cart-header.open .dropdown-toggle { background: #fff; border-color: #ccc; border-bottom: 0 none; border-radius: 3px 3px 0 0; box-shadow: 0 0 5px rgba(0,0,0,0.15); -webkit-transition: border-color 0.4s linear, box-shadow 0.4s linear; transition: border-color 0.4s linear, box-shadow 0.4s linear } .header .header-wrapper .cart-header.open .dropdown-toggle:after { background: #fff; bottom: 0; content: ""; display: block; height: 8px; left: -3px; margin: 0 0 -5px 0; position: absolute; right: 0 } .header .header-wrapper .cart-header .dropdown-menu { left: auto; margin: -4px 0 0 0; padding: 17px 20px 20px; right: 0; text-align: left; width: 355px; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; z-index: 890 } .header .header-wrapper .cart-header .dropdown-menu .close-box { line-height: 12px; margin: 0 0 13px; text-align: right } .header .header-wrapper .cart-header .dropdown-menu .close { font-size: 26px; line-height: 12px; text-transform: uppercase; vertical-align: top } .header .header-wrapper .cart-header .dropdown-menu .close span { line-height: 14px; margin: 0 5px 0 0 } .header .header-wrapper .cart-header .dropdown-menu>strong { font-size: 13px; line-height: 22px; text-transform: uppercase } .header .header-wrapper .cart-header .dropdown-menu>ul { margin: 0 0 20px } .header .header-wrapper .cart-header .dropdown-menu>ul li { border-bottom: 1px solid #e1e1e1; padding: 24px 20px 24px 0; position: relative } .header .header-wrapper .cart-header .dropdown-menu .product-image { display: block; float: left; margin: 0 15px 0 0; width: 70px } .header .header-wrapper .cart-header .dropdown-menu .product-remove { margin: 0 0 0 5px; position: absolute; right: 0; top: 24px } .header .header-wrapper .cart-header .dropdown-menu .product-name { font-size: 12px; font-weight: normal; line-height: 18px; margin: 0 0 10px; padding-left: 85px } .header .header-wrapper .cart-header .dropdown-menu .product-price { font-size: 12px; line-height: 16px; padding-left: 85px } .header .header-wrapper .cart-header .dropdown-menu .product-price .price { font-size: 16px } .header .header-wrapper .cart-header .dropdown-menu .cart-button { text-align: right } .header .header-wrapper .cart-header .dropdown-menu .cart-button .checkout { margin-left: 6px } .header .search-form { height: 100%; margin: 0; position: relative; width: 100% } .header .search-form .search-string, .header .search-form .search-string:hover { box-shadow: none; color: #1e1e1e; font-size: 24px; height: 100%; line-height: 30px; margin: 0; padding: 14px 135px 14px 18px; width: 100% } .header .search-form .search-string:focus { border-color: #ccc; outline: 0; outline: thin dotted \9; box-shadow: none } .header .search-form .search-submit { background: none; border-left-width: 1px; height: 30px; line-height: 1; margin: 0; outline: none; padding: 0; position: absolute; right: 1px; top: 17px; width: 46px; -webkit-transition: all .3s linear; transition: all .3s linear } .header .search-form .search-submit svg { margin-top: 2px } .header .search-form .search-submit svg path { fill: #1e1e1e } .header .search-form .search-submit:hover { opacity: .5; filter: alpha(opacity=50); -webkit-transition: all .3s linear; transition: all .3s linear } .header .right-box .search-form .search-string { padding-right: 64px } .header .header-wrapper + .header-wrapper { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; min-height: 104px; padding: 0 } .header .header-wrapper + .header-wrapper .right-box-wrapper { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; height: 104px } .header .header-wrapper + .header-wrapper .cart-header { margin-right: -1px } .header .header-wrapper + .header-wrapper .phone-active { left: 16px; margin: 20px 0; right: 16px; width: auto } .header .header-wrapper + .header-wrapper .primary .megamenu>.sub { left: -1px; margin-left: 0 } @media (min-width: 1025px) and (max-width: 1199px) { .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub { margin: -1px 0 0 -37px; width: 832px } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li { margin:0 0 0 22px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a{font-size: 14px;} } @media (min-width: 1025px) { .menumobileview .close-form { display: none; } .menumobileview { height: auto !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected a:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a:hover:after { border-left: 5px solid #fff; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.selected>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li>a:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom:none !important; border-radius: 0 !important; color: #bf9000 !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.selected > a:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:hover > a:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a:focus:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.parent:hover > a:after { } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a:hover, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a:focus { color: #fff; background: #bf9000; } } @media (max-width: 1024px) { /** menu slide **/ .menumobileview .mCSB_inside > .mCSB_container { margin-right: 0; } .menumobileview .mCSB_scrollTools { opacity: 1; z-index: 999; width: 5px; } .menumobileview .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; width: 5px; } .menumobileview .mCSB_scrollTools .mCSB_draggerRail { border-radius: 0; width: 5px; } .header .header-wrapper .primary .navbar .navbar-collapse.collapse { display: block !important; height: auto !important; overflow: visible !important; padding-bottom: 0; visibility: visible !important; } .right_head_mobile { clear: both; display: block; float: none; margin: 45px auto 0; min-width: inherit; padding: 10px 10px 0; text-align: center; } .right_head_desktop { display: none; } .menumobileview .close-form { background: #808080; color: #ffffff; font-size: 20px; padding: 10px; text-align: center; cursor: pointer; } .menumobileview .close-form i { margin: 0 10px 0 0 } .header .header-wrapper .primary .navbar .navbar-collapse { border: 0 none; box-shadow: none; left: auto; margin: 0; background: #303030; max-height: inherit; max-width: 360px; overflow: hidden !important; padding: 0; position: fixed; right: 0; top: 0; height: auto !important; width: 100%; z-index: 919; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transform: translateX(360px); -moz-transform: translateX(360px); -ms-transform: translateX(360px); -o-transform: translateX(360px); -webkit-transform: translateX(360px); } .wrappermain > header, .wrappermain > section, .wrappermain > footer, .wrappermain > .cms-area { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } body.menuoverly .wrappermain > header, body.menuoverly .wrappermain > section, body.menuoverly .wrappermain > footer, body.menuoverly .wrappermain > .cms-area { transform: translateX(-360px); -moz-transform: translateX(-360px); -ms-transform: translateX(-360px); -o-transform: translateX(-360px); -webkit-transform: translateX(-360px); transition: all 0.8s ease 0.7s; -moz-transition: all 0.8s ease 0.7s; -ms-transition: all 0.8s ease 0.7s; -o-transition: all 0.8s ease 0.7s; -webkit-transition: all 0.8s ease 0.7s; } /** && menu slide **/ .primary .navbar-collapse.collapse { display: none !important; } .primary .navbar-collapse.collapse.show { display: block !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.selected>a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 2px solid #bf9000 !important; border-radius: 0 !important; color: #bf9000 !important; } .header .header-wrapper .primary { display: inline-block; float: right; margin: 26px 0px 0 0; text-align: left; vertical-align: top; z-index: inherit } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li { margin: 0 !important; } .header .header-wrapper .header-icons { display: inline-block; float: none; margin: 0; vertical-align: top } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li { border-bottom: 1px solid rgba(255, 255,255, 0.1); } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li:last-child { border-bottom: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected a { } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .selected .parent .open-sub span { background: #666666 none repeat scroll 0 0 !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .selected .selected .open-sub span { background: #ffffff none repeat scroll 0 0 !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.selected > a::after { background: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.selected > a { background: #bf9000; border-bottom: none !important; border-radius: 0 !important; color: #fff !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected > a { color: #fff; background: #bf9000; } .header .right-box-wrapper { text-align: right } .header .header-wrapper .cart-header { margin-right: 0 } .header .header-wrapper .primary .navbar { margin: 0; min-height: inherit; position: static } .header .header-wrapper .primary .navbar .navbar-toggler { background: #bf9000; border: none; border-bottom: 0 none; border-radius: 0; box-shadow: none; height: 40px; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 99; width: 40px; right: 15px; top: 9px; display: block; } .header .header-wrapper .primary .navbar .navbar-toggler:before { bottom: 8px; content: ""; display: none; left: -1px; position: absolute; top: 7px } .header .header-wrapper .primary .navbar .navbar-toggler.collapsed:before { display: block } .header .header-wrapper .primary .navbar .navbar-toggler .navbar-toggler-icon { width: 25px; height: 3px; background: #fff; position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 50; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header .header-wrapper .primary .navbar .navbar-toggler .navbar-toggler-icon:before { content: ""; margin: 0 auto; width: 25px; height: 3px; background: #fff; position: absolute; left: 0; right: 0; top: -8px; } .header .header-wrapper .primary .navbar .navbar-toggler .navbar-toggler-icon:after { content: ""; margin: 0 auto; width: 25px; height: 3px; background: #fff; position: absolute; left: 0; right: 0; bottom: -8px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav { background: transparent; border: medium none; border-radius: 0 !important; float: none; padding: 0; display: block } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li { float: none; margin: 0 0 3px; padding: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li>a { padding: 7px 9px 7px 50px; color: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent .parent>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .open-sub { bottom: 0; left: 0; position: absolute; top: 0; width: 50px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .open-sub span { background: #fff; display: block; height: 2px; margin: 17px 0 0 15px; position: absolute; width: 16px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .selected .open-sub span { background: #fff !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > .parent.selected.active > a .open-sub span { background: #fff !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > .parent.active > a .open-sub span { background: #fff !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .open-sub span + span { height: 16px; margin: 10px 0 0 22px; width: 2px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent .parent>a .open-sub span, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title .open-sub span { background: #7f7f7f; height: 2px; margin: 14px 0 0 38px; position: absolute; width: 12px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent .parent>a .open-sub span + span, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title .open-sub span + span { height: 12px; margin: 9px 0 0 43px; width: 2px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent:hover>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub, .header .header-wrapper .primary .navbar .navbar-collapse .parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .parent:hover>.sub { background: #f7f7f7; border: 0 none; border-radius: 0; box-shadow: none; display: none; font-size: 13px; left: 0; line-height: 24px; margin-top: 0; margin-bottom: 0; padding: 0; position: relative; margin-left: 0 !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>.parent.active>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>.parent.active:hover>a { } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>.parent.active>a .open-sub span { background: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent.active>a .open-sub span + span, .header .header-wrapper .primary .megamenu .box.active .title .open-sub span + span { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent:hover>.sub { -webkit-animation: fadeIn 0; animation: fadeIn 0; display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li { line-height: 22px; border-bottom: 1px solid #ddd } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:first-child { border-top: 1px solid #ddd } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:last-child { border-bottom: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a { background: none; color: #666; padding: 4px 9px 4px 60px; text-decoration: none; width: auto !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub li a { padding: 4px 9px 4px 75px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav li a>i { color: #1e1e1e } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub { left: 0; margin-left: 10px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub { left: 0; padding: 6px 0 5px; width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-wrapper { display: block } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-list { display: block; padding: 0; width: 100% !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box { float: none; margin: 0; padding: 0; width: 100% !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title { color: #7f7f7f; cursor: pointer; font-weight: normal; line-height: 22px; margin: 0; padding: 4px 9px 4px 60px; position: relative; text-transform: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box.closed ul { display: none; margin-left: 10px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu a .item-new, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .sub a .item-new { left: 0; float: right; position: static; top: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new:before { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg>a .open-sub span, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse>a .open-sub span { background: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse:hover>a { color: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary>a { border-color: #428bca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success>a { border-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info>a { border-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning>a { border-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger>a { border-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-inverse:hover>a { background-color: #428bca; border-color: #428bca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-inverse:hover>a { background-color: #738d00; border-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-inverse:hover>a { background-color: #0098ca; border-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-inverse:hover>a { background-color: #f89406; border-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-inverse:hover>a { background-color: #c10841; border-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg .sub { background: #f7f7f7 !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg .sub a { color: #7f7f7f } .header .header-wrapper + .header-wrapper .col-sm-6.col-md-9 { text-align: left } .header .header-wrapper + .header-wrapper .primary { margin: 0 0 0 -1px } .header .header-wrapper + .header-wrapper .primary .navbar .navbar-toggler:before { border: 0 none } .header .header-wrapper + .header-wrapper .primary .navbar .navbar-collapse { left: -1px; width: calc(200% + px) } .header .header-wrapper + .header-wrapper .primary .navbar .navbar-nav { border-radius: 0 3px 3px 3px } .header .cart-header .dropdown-menu { margin-top: -1px; margin-right: -98px } .header .header-wrapper + .header-wrapper .cart-header .dropdown-menu { margin-right: 0 } .header .cart-header.open .dropdown-toggle:after { left: 0 } .header.header-two .phone-header { margin-right: 0 } .header.header-two .phone-active, .header.header-two .search-active { z-index: 1003 } .header.header-three .logo-box { width: 724px } .header .cart-header .dropdown-menu { width: 325px } .header.header-three .logo-box { width: 100% } } @media (max-width: 600px) { .header .header-wrapper .cart-header .dropdown-toggle { padding-left: 5px; padding-right: 5px } .header .header-wrapper .cart-header .dropdown-toggle .count { display: none } .header .header-wrapper .primary .navbar .navbar-toggler { padding-left: 5px; padding-right: 5px } .header.header-two .header-wrapper .primary .navbar .navbar-toggler.collapsed:before { display: none } } @media (max-width: 480px) { .header .right-box .search-form { display: none } .header .header-wrapper .primary .navbar .navbar-collapse { max-width: 290px; } body.menuoverly .wrappermain > header, body.menuoverly .wrappermain > section, body.menuoverly .wrappermain > footer, body.menuoverly .wrappermain > .cms-area { transform: translateX(-290px); -moz-transform: translateX(-290px); -ms-transform: translateX(-290px); -o-transform: translateX(-290px); -webkit-transform: translateX(-290px); } body.menuoverly .overly { width: calc(100% - 290px) !important; } .header .header-wrapper .primary .navbar .navbar-collapse.show { transform: translateX(290px); -moz-transform: translateX(290px); -ms-transform: translateX(290px); -o-transform: translateX(290px); -webkit-transform: translateX(290px); } .header .header-wrapper .primary .navbar .navbar-collapse { transform: translateX(290px); -moz-transform: translateX(290px); -ms-transform: translateX(290px); -o-transform: translateX(290px); -webkit-transform: translateX(290px); } } /**************************************************************************************************************************************/ /* margin & padding css */ .m-t-0 { margin-top: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-t-5 { margin-top: 5px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-l-0 { margin-left: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-l-5 { margin-left: 5px !important; } .m-r-5 { margin-right: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-r-10 { margin-right: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-r-15 { margin-right: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-r-20 { margin-right: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-r-25 { margin-right: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-r-30 { margin-right: 30px !important; } .p-t-0 { padding-top: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-t-5 { padding-top: 5px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-l-0 { padding-left: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-l-5 { padding-left: 5px !important; } .p-r-5 { padding-right: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-r-10 { padding-right: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-r-15 { padding-right: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-r-20 { padding-right: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-r-25 { padding-right: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-r-30 { padding-right: 30px !important; } .m-y-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .m-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .m-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .m-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-y-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .p-y-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-x-0 { margin-left: 0px !important; margin-right: 0px !important; } .m-x-10 { margin-left: 10px !important; margin-right: 10px !important; } .m-x-20 { margin-left: 20px !important; margin-right: 20px !important; } .m-x-30 { margin-left: 30px !important; margin-right: 30px !important; } .p-x-0 { padding-left: 0px !important; padding-right: 0px !important; } .p-x-10 { padding-left: 10px !important; padding-right: 10px !important; } .p-x-20 { padding-left: 20px !important; padding-right: 20px !important; } .p-x-30 { padding-left: 30px !important; padding-right: 30px !important; } /* margin & cpadding css */ #toTop { box-shadow: 0 0 5px rgba(255,255,255,0.5); display: none; background: #bf9000 none repeat scroll 0 0; border-radius: 50%; bottom: 10px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 99; } .top-btn .fa-angle-up { color: #ffffff; font-size: 28px !important; margin: -3px 0 0; } .top-btn > div { color: #ffffff; font-size: 12px; font-weight: 700; margin: -5px 0 0; text-transform: uppercase; } .top-btn i.fa-angle-up { border-bottom: 10px solid #fff; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); height: 0; width: 0; display: block; margin: 6px auto 10px } img.ajax-loader { position: absolute; right: 10px; top: 10px; } div.wpcf7-validation-errors { border: 2px solid #f7e700; clear: both; color: #f7e700; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-mail-sent-ng { border: 2px solid #bf9000; clear: both; color: #bf9000; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-mail-sent-ok { border: 2px solid #47a547; clear: both; color: #47a547; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; clear: both; color: #ffa500; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } /* pagination */ .my_pagination .pagination li:before { display: none } .my_pagination .pagination li a, .my_pagination .pagination li span { background-color: #202020 !important; border: medium none; margin: 0 2px; border-radius: 0 !important; color: #202020; display: inline-block; padding: 7px 0; font-size: 18px; color: #fff; text-align: center !important; width: 37px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .my_pagination .pagination li { padding: 0; float: none; display: inline-block; vertical-align: top; } .my_pagination .pagination li + li { padding-left: 10px !important; } .my_pagination .pagination li.active span, .my_pagination .pagination li.active a, .my_pagination .pagination li.selected span, .my_pagination .pagination li.selected a { background-color: #ec1d25 !important; } .my_pagination .pagination { clear: both; border-radius: 0 !important; text-align: center; display: block; font-size: 0; } .my_pagination { display: block; float: none; margin: 0 auto; text-align: center; } .my_pagination .pagination li span:hover, .my_pagination .pagination li a:hover { background-color: #ec1d25 !important; } .my_pagination .pagination > li.disabled > a, .my_pagination .pagination > li.disabled > span, .my_pagination .pagination > li.disabled > a:hover, .my_pagination .pagination > li.disabled > span:hover { background: #cccccc none repeat scroll 0 0 !important; color: #666666 !important; } /* */ /** Sprite IMG ******************************/ .pdf_box .pdf-icon, .pdf_box .download-icon, .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span, .three_box_div .three_box_circle span, .banner_arrow_left, .banner_arrow_right, .head-top .top-link li a i.fa-search, .btn_search i.fa-search, .head-top .head-call i.fa-phone, .head-top .head-email i.fa-envelope, .social-main ul li a i.fa-facebook-f, .social-main ul li a i.fa-twitter, .social-main ul li a i.fa-youtube, .social-main ul li a i.fa-linkedin-in, .footermenubox .footermenu_content .social_media_main ul li a i{ background-image: url(../images/sprite-2x.png); background-size: 400px 400px } .banner_arrow_left { background-position: -14px -44px; height: 59px; margin: 0 auto; opacity: 1 !important; text-align: center; width: 31px; display: block } .banner_arrow_right { background-position: -65px -44px; height: 59px; margin: 0 auto; opacity: 1 !important; text-align: center; width: 31px; display: block } .head-top .top-link li a i.fa-search { background-position: -34px -7px; width: 22px; height: 22px; display: inline-block; } .btn_search i.fa-search { background-position: -34px -7px; width: 22px; height: 22px; display: inline-block; } .head-top .head-call i.fa-phone { background-position: -11px -8px; width: 16px; height: 21px; display: inline-block; vertical-align: middle; margin-right: 7px; } .head-top .head-email i.fa-envelope { background-position: -45px -81px; width: 18px; height: 14px; display: inline-block; vertical-align: middle; } .social-main ul li a i.fa-facebook-f { background-position: -5px -28px; width: 10px; height: 17px; display: block; } .social-main ul li a i.fa-twitter { background-position: -17px -29px; width: 17px; height: 15px; display: block; } .social-main ul li a i.fa-youtube { background-position: -112px -30px; width: 19px; height: 14px; display: block; } .social-main ul li a i.fa-linkedin-in { background-position: -39px -29px; width: 16px; height: 15px; display: block; } .close-form i.fa-times:before { content: "x"; font-size: 20px; color: #fff; display: inline-block; position: relative; top: -2px; font-style: initial !important; } /*****************************/ /* search */ .search-main::before { border-bottom: 8px solid #bf9000; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: -8px; width: 0; } .search-main { top: 45px; display: none; min-width: 280px; padding: 10px; position: absolute; right: 0px; z-index: 999; background-color: #bf9000; box-shadow: 0px 3px 10px #000; } .search-main .form-control { background-color: #f0f0f0; background-image: none; border: 0; border-radius: 0; box-shadow: none; color: #000; display: block; font-size: 15px; height: 34px; line-height: 1.42857; padding: 6px 45px 6px 12px; width: 100%; } .search-main input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#333; opacity:1; } .search-main input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#333; opacity:1; } .search-main input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#333; opacity:1; } .search-main form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#333; opacity:1; } .btn_search { cursor: pointer; background: #000; border: medium none; height: 34px; position: absolute; right: 10px; top: 10px; width: 34px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; color: #52baab; padding: 0 } .btn_search i { font-size: 18px; color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .search-box-main { position: relative; } .head-search { background: transparent; display: block; height: 35px; text-align: center; width: 35px; } .search-icon i { position: absolute; left: 0; font-size: 20px; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto } .header.menu-main.sticky .header-wrapper { box-shadow: 0 0 5px rgba(0,0,0,0.5) } /* search */ /* Header Social Section */ .head_social_main { float: left; margin: 0px 0 0; padding: 16px 0 15px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .social-main > ul { display: block; padding: 0; margin: 0; } .social-main ul li { display: inline-block; padding: 0 0 0 16px; vertical-align: middle; } .social-main ul li:first-child { padding-left: 0; } .social-main ul li a i { color: #828282; font-size: 25px; } /* End of Header Social Section */ /* Header call Section */ .head-top-main { background: #f0f0f0 } .head-top { float: right; padding:29px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .head-top .top-link { padding: 0; transition: all 0.4s ease 0s; margin: 0; } .head-top .top-link li:first-child { padding: 0 } .head-top .top-link li { display: inline-block; margin: 0; padding:0 0 0 20px; vertical-align: middle; } .head-top .top-link li a { position: relative; } .head-top .head-call > span { color: #000; font-size: 15px; font-weight: 700; padding: 0 0 0 0; display: inline-block; vertical-align: middle; } .head-top .head-call i { display: inline-block; color: #bf9000; font-size: 20px; } /* End of Header call Section */ /* BTN section */ .wrappermain .btn { width: 180px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; text-transform: uppercase; overflow: hidden; z-index: 10; position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; padding: 0; border-radius: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn:focus, .wrappermain .btn.focus { box-shadow: none; outline: none } .wrappermain .btn:before { content: ""; z-index: -1; position: absolute; left: 0; top: 0; bottom: 0;right: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn:after { content: ""; z-index: -1; position: absolute; left: 5px; top: 5px; bottom:5px; right: 5px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-primary {color: #fff;background: transparent} .wrappermain .btn-primary:before{background: #bf9000} .wrappermain .btn-primary:after{border: 1px solid #fff;} .wrappermain .btn-secondary {color: #fff;background: transparent} .wrappermain .btn-secondary:before{background: #000} .wrappermain .btn-secondary:after{border: 1px solid #fff;} @media (min-width:1025px) { .wrappermain .btn-primary:hover:after {border-width:20px;} .wrappermain .btn-primary:hover{color: #bf9000} .wrappermain .btn-secondary:hover{color: #000} } /* BTN section */ /* Border BTN section */ .wrappermain .btn-o { width: 270px; height: 60px; line-height: 60px; font-size: 16px; font-weight: 700; text-transform: uppercase; overflow: hidden; z-index: 10; position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; padding: 0; border-radius: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-o:focus, .wrappermain .btn-o.focus { box-shadow: none; outline: none } .wrappermain .btn-o:before { content: ""; z-index: -1; position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-o:after { content: ""; z-index: -1; position: absolute; right: 0; top: 0; bottom: 0; width: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-primary-o { color: #bf9000; background: transparent; border: 2px solid #bf9000 } .wrappermain .btn-primary-o:before, .wrappermain .btn-primary-o:after { background: #bf9000; } .wrappermain .btn-secondary-o { color: #fff; background: transparent; border: 2px solid #fff } .wrappermain .btn-secondary-o:before, .wrappermain .btn-secondary-o:after { background: #fff; } @media (min-width:1025px) { .wrappermain .btn-o:hover:before, .wrappermain .btn-o:hover:after { width: 50%; } .wrappermain .btn-primary-o:hover { color: #fff; } .wrappermain .btn-secondary-o:hover { color: #303030; } } /* Border BTN section */ /* Banner Section ******************************/ .banner_title { line-height: 50px; color: #ffffff; font-size: 36px; font-weight: 700; margin:0 0 6px; text-shadow: none; text-transform: uppercase; } .banner-caption p { color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; margin:0 auto 25px; text-shadow: none;max-width: 610px;} .carousel-caption { left: 0; right: 0; padding: 0; bottom: auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 1170px; margin:52px auto 0; width: 100%; } .banner-btn-main { display: block; float: none; margin: 0 auto; text-align: center; } .banner-btn-main a { float: none; margin: 0 auto; text-shadow: none; } .banner_main .item::before { background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 10 } #home_banner.owl-carousel .owl-item img { height: auto;width: 100%; } #home_banner.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 0; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; margin: 0 20px; padding: 0; position: absolute; bottom: 50%; transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); -webkit-transform: translateY(50%); } #home_banner.owl-theme .owl-controls .owl-nav .owl-prev { left: 40px } #home_banner.owl-theme .owl-controls .owl-nav .owl-next { right:40px } #home_banner.owl-theme .owl-controls { bottom: 50%; left: 0; margin-top: 0;margin-bottom: -50px;position: absolute; right: 0; text-align: center; transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); -webkit-transform: translateY(50%); } .banner_arrow i { color: #bf9000; font-size: 70px; } #home_banner .item { position: relative; overflow: hidden } /* Banner Section ******************************/ /* Inner Banner Section ******************************/ .inner-banner_img_main::before { background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 20; } .inner-banner_img_main { position: relative; overflow: hidden; } .inner-banner-img { background-position: center center !important; background-size: cover !important; min-height: 250px; } .inner-banner_img_main img { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 350px; width: auto; } .inner-banner-title { display: block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 50; margin: 51px 0 0 0} .position_relative { position: relative; } .inner_banner_caption, .inner-banner-title .breadcrumb { float: left; width: 100%; } .inner_banner_caption h1, .inner_banner_caption .h1 { color: #fff; float: left; font-weight: 700; margin: 0 auto; position: relative; text-align: center; width: 100%; font-size: 36px; text-transform: uppercase; } .inner-banner-title .breadcrumb { background-color: rgba(0, 0, 0, 0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99; } .inner-banner .breadcrumb li:first-child { padding-left: 0; } .inner-banner .breadcrumb li { display: inline-block; font-size: 16px; margin: 0; position: relative; } .inner-banner .breadcrumb li a { color: #303030; text-transform: capitalize; } .breadcrumb > li + li::before { color: rgb(204, 204, 204); content: "/ "; padding: 0 5px; } .inner-banner .breadcrumb > li + li::after { color: #fff; content: ""; font-size: 14px; left: -10px; padding: 0 5px; position: absolute; top: 0; } .inner-banner .breadcrumb li.active { color: #bf9000; } .breadcrumb_main ol.breadcrumb { text-align: center; display: block; padding:20px 0 22px 0; background: transparent; margin: 0; border-bottom: 1px solid #eee} .inner-banner .breadcrumb > li + li::after { color: #303030; content: ""; font-size: 16px; left: -10px; padding: 0 12px; position: absolute; top: 0;font-weight: 500; } .inner-banner .breadcrumb li.active { color: #bf9000; } /* Inner Banner Section ******************************/ /* Bolg ********************************/ .blog_item { padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin: 0 0 30px; background: #f8f8f8; } span.blogdate { padding: 0 0 6px 0; display: block; font-size: 14px; color: #606060; } span.blogdate i { margin-right: 6px; } .blog_item:last-child { margin: 0 } .blog-heading { padding: 0 !important } .blog_item h3 { margin-top: 0; } .btn-readmore { display: inline-block; padding: 5px 20px; background: #4095ff; color: #FFF; } .btn-readmore:hover { background: #2478e1; color: #FFF; text-decoration: none; } .blog_item a { } .blog_date, .blog_comment, .blog_info a { color: #bf9000; position: relative; padding-left: 20px; font-size: 15px } .blog_item a h4 { margin-top: 0; } .blog_item a i { position: absolute; top: 1px; left: 0; } .blog_item a.pull-right i { position: absolute; top: 5px; left: 0; } .blog_info a { padding: 0; } .blog_item a.read-more { color: #fff; float: right; padding: 0 !important; margin: 10px 0 } /* Sidebar */ button:focus { outline: none; } .sidebar_listing .accordion .card { border-radius: 0; border: none; } .sidebar_listing .accordion .card .card-header + div { border: 1px solid #ccc; } .sidebar_listing .accordion .card .card-header { padding: 0; border-radius: 0; background-color: transparent; border-bottom: none; } .sidebar_listing .accordion .card .card-header button { background: #bf9000; display: block; padding: 15px 35px 15px 15px; width: 100%; border-radius: 0; text-align: left; color: #fff; position: relative; font-size: 20px; cursor: pointer; border: 0; } .sidebar_listing .accordion .card .card-header button.collapsed { background: #a5a5a5; } .sidebar_listing .accordion .card + .card { margin-top: 15px; } .sidebar_listing .accordion .card .card-header button[aria-expanded="true"]::before { border-left: 8px solid #fff; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .sidebar_listing .accordion .card .card-header button.collapsed::before { border-left: 8px solid #fff; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .sidebar_listing .accordion .card .card-body ul { padding: 0 0 0 20px; margin: 0; } .sidebar_listing .accordion .card .card-body ul li + li { margin-top: 5px; } .sidebar_listing .accordion .card .card-body ul li a { font-size: 17px; color: #606060; } .sidebar_listing .accordion .card .card-body ul li.selected a, .sidebar_listing .accordion .card .card-body ul li.active a { color: #bf9000; text-decoration: underline; } .sidebar_listing .accordion .card .card-body .archives_main { padding: 0; } .sidebar_listing .accordion .card .card-body .archives_main ul { padding: 0; } .tags-box a { display: inline-block; background: none; color: #fff; margin: 0 5px 10px 0; padding: 5px 10px 5px 10px; font-size: 14px; background: #bf9000; border: none; } .sidebar_listing .accordion .card .card-header button:hover, .sidebar_listing .accordion .card .card-header button:focus { text-decoration: none; } .sidebar_listing .accordion .card .card-body ul li a:hover { color: #bf9000; text-decoration: underline; } /* Sidebar */ /* End of Blog ********************************************/ /* Footer */ .footer_top_main {padding: 58px 0 19px 0} .footermenubox .f_title { font-size: 25px; color: #0c0c0c; font-weight: 700; text-transform: uppercase; } .footermenubox .f_title span{font-size: 14px;color: #bf9000;font-weight: 700;text-transform: uppercase;display: block; margin-bottom: 5px;} .footermenubox .footermenu_content{ padding: 23px 0 0 0;} .footermenubox .footermenu_content > ul{padding: 0;margin: 0;} .footermenubox .footermenu_content > ul > li{margin:0 0 10px 0;padding:0 0 0 40px;position: relative} .footermenubox .footermenu_content > ul > li:before{display: none} .footermenubox .footermenu_content > ul > li a { font-size: 16px; color: #000; font-weight: 400; line-height: 24px; position: relative; } .footermenubox .footermenu_content > ul > li.selected a, .footermenubox .footermenu_content > ul > li.active a{color: #bf9000;} .footermenubox .footermenu_content > ul > li.selected:after, .footermenubox .footermenu_content > ul > li.active:after{color: #bf9000;} .footermenubox .footermenu_content > ul > li:after{content: "";background: #bf9000;width: 20px;height: 2px;position: absolute;left: 0;top: 11px;} .footermenubox .footermenu_content .f_contactdetail .f_adr:first-child {margin-bottom: 26px;} .footermenubox .footermenu_content .f_contactdetail .f_adr {margin:0 0 22px 0;} .footermenubox .footermenu_content .f_contactdetail .f_adr:last-child {margin: 0 !important;} .footermenubox .footermenu_content .f_contactdetail .f_adr span{display: block} .footermenubox .footermenu_content .f_contactdetail .f_adr span, .footermenubox .footermenu_content .f_contactdetail .f_adr p, .footermenubox .footermenu_content .f_contactdetail .f_adr a {font-size: 15px;color: #333;line-height: 30px;font-weight: 400;} .footermenubox .footermenu_content .social_media_main{padding: 8px 0 0 0} .footermenubox .footermenu_content .social_media_main ul{font-size: 0;text-align: left;padding: 0;margin: 0px} .footermenubox .footermenu_content .social_media_main ul li{float: nonr;padding: 0;margin-right: 10px;margin-bottom: 10px;display: inline-block;} .footermenubox .footermenu_content .social_media_main ul li a{display: block;width: 60px;height: 60px;background: transparent;border: 2px solid #fff; border-radius: 0;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;} .footermenubox .footermenu_content .social_media_main ul li a i{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;margin: 0 auto} .footermenubox .footermenu_content .social_media_main ul li a i.fa-facebook-f { background-position: -214px -10px; width: 17px; height: 30px; display: block; } .footermenubox .footermenu_content .social_media_main ul li a i.fa-twitter { background-position: -242px -9px; width: 28px; height: 30px; display: block; } .footermenubox .footermenu_content .social_media_main ul li a i.fa-google-plus { background-position: -273px -9px; width: 39px; height: 30px; display: block; } .footermenubox .footermenu_content .social_media_main ul li a i.fa-youtube { background-position: -317px -8px; width: 26px; height: 30px; display: block; } .footermenubox .footermenu_content .social_media_main ul li a i.fa-linkedin-in { background-position: -353px -8px; width: 27px; height: 30px; display: block; } .footermenubox .footermenu_content .social_media_main ul li:before{display: none;} .footer_bottom_main { background: #171717; } .footer_menu_main { padding: 17px 0 19px } .footer_menu_main ul { margin: 0; padding: 0; text-align: center; } .footer_menu_main ul li:first-child::before { display: none; } .footer_menu_main ul li::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #cccccc; content: "|"; font-size: 16px; left: -15px; line-height: 30px; position: absolute; text-transform: uppercase; top: -1px; } .footer_menu_main ul li { display: inline-block; list-style: outside none none; padding: 0 20px 0 0; position: relative; } .footer_menu_main ul li.selected a { color: #bf9000; } .footer_menu_main ul li a { color: #cccccc; font-size: 16px; line-height: 30px; font-weight: 300; } .footer_menu_main .copyright_main { padding: 0 0 0; text-align: center; } .footer_menu_main .copyright_main span, .footer_menu_main .copyright_main span a { color: #fff; font-size: 16px; font-weight: 400; } .footer_menu_main .website_design::before { color: #cccccc; content: "|"; font-size: 16px; font-weight: 300; left: 5px; position: absolute; top: -5px; } .footer_menu_main .website_design { padding: 0 0 0 20px; position: relative; } /* Footer */ .welcome_section .main_title { margin-bottom: 13px; } .welcome_text_main { max-width: 900px; margin: 0 auto; width: 100%; } .welcome_btn_main { padding: 24px 0 0 0; } section.three_box_section {padding: 0 0 74px 0;} .three_box_div{position: relative} .three_box_div .three_box_circle{width: 155px;height: 155px;position: relative;margin: 0 auto;text-align: center;border-radius: 50%;} .three_box_div .three_box_circle:before{width: 155px;height: 155px;content: "";border: 2px solid #9c9c9c;border-radius: 50%;pointer-events: none;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .three_box_div .three_box_circle:after{width: 135px;height: 135px;content: "";border: 2px solid #9c9c9c;border-radius: 50%;pointer-events: none;position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;} .three_box_div .three_box_circle span{display: block;position: absolute;left: 0;right: 0;top: 50%;margin: 0 auto;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .three_box_div .three_box_circle span.threebox_icon1{background-position: -6px -126px;width: 75px;height: 75px;} .three_box_div .three_box_circle span.threebox_icon2{background-position: -91px -126px;width: 75px;height: 75px;} .three_box_div .three_box_circle span.threebox_icon3{background-position: -176px -126px;width: 80px;height: 80px;} .three_box_div .three_box_title_main{text-align: center;padding: 14px 0 12px 0} .three_box_div .three_box_title_main .three_box_title{font-size: 18px;color: #000000;font-weight: 700;text-transform: uppercase;} .three_box_div .three_box_content .three_box_read a{font-size: 16px;color: #0c0c0e;font-weight: 600;text-transform: uppercase;position: relative;text-decoration: underline;} .news_section{background:#f5f5f5;} .news_box{position: relative;padding: 0 0 0 83px;background: #fff;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;} .news_box .news_date_main{position: absolute;left: 0;top: 0;width: 83px;background: #e2e2e2;height: 100%;} .news_box .news_date_main .news_month{width: 83px;height: 100px;background: #bf9000;font-size: 15px;color: #fff;font-weight: 700;text-align: center;padding: 25px 0 0 0; text-transform: uppercase;} .news_box .news_date_main .news_month span{font-size: 35px;display: block; margin-bottom: 9px;} .news_box .news_date_main .news_year{width: 83px;height: auto;text-align: center; padding: 10px 0 0 0;} .news_box .news_date_main .news_year span{color: #c9c9c9;font-weight: 700;font-size: 22px;display: inline-block; line-height: 27px;} .news_box .news_content_main{padding: 25px 16px} .news_box .news_content_main .news_title{font-size: 16px;color: #000000;font-weight: 700;text-transform: uppercase;display: inline-block;margin-bottom:9px;} .news_box .news_content_main .news_content{} .news_box .news_content_main .news_content p {font-size: 15px;} .news_box .news_content_main .news_readmore{} .news_title_main { min-height: 57px; } .news_box .news_content_main .news_readmore a{width: 40px;height: 40px;background: #171717;display: block;position: relative;margin: 0 0 0 0} .news_box .news_content_main .news_readmore a:before{content: "";background: #fff;width: 18px;height: 2px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .news_box .news_content_main .news_readmore a:after{content: "";background: #fff;width: 2px;height: 18px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .wrappermain .news_section .container { max-width: 100% !important; } .news_box_main {padding: 28px 0 0 0;} .price_box_main {padding: 29px 0 0 0;} .price_box .price_img_main a{box-shadow: 0 0 15px rgba(0,0,0,0.5);position: relative;display: block;padding-bottom: 78%;} .price_box .price_img_main a img{width: auto;height: auto;max-height: 100%;max-width: 100%;position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .footer_mix_section{position: relative;overflow: hidden;} .footer_mix_section .footer_contact_info{background: #bf9000;position: relative;} .footer_mix_section .footer_contact_info:before{content: "";background: url(../images/email-big-icon.png);width: 400px;height: 300px;position: absolute;top: 126px;margin: 0 auto;left: 130px;right: 0;pointer-events: none} .footer_mix_section .footer_top_main{background: #fff;} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr { margin: 0 0 23px 0 !important; min-height: inherit; position: relative; padding-left: 30px; } .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span{display: block} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span:first-child{position: absolute;left: 0;top: 0;} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span.address_icon{background-position: -68px -9px;width: 11px;height: 16px;} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span.call_icon{background-position: -88px -9px;width: 16px;height: 18px;} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span.fax_icon{background-position: -117px -9px;width: 18px;height: 18px;} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span.email_icon{background-position: -145px -9px;width: 19px;height: 16px;} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr p{margin: 0} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr span, .footer_mix_section .footer_contact_info .f_contactdetail .f_adr p, .footer_mix_section .footer_contact_info .f_contactdetail .f_adr a {font-size: 16px;color: #fff;line-height: 24px;font-weight: 400;} .footer_mix_section .footer_contact_info .f_contactdetail .f_adr label { font-weight: 600; margin: 0; display: block; line-height: normal; color: #fff; font-size: 16px; text-transform: uppercase; } .footer_mix_section .footer_contact_info .f_contactdetail {padding: 0 0 0 0;} .contactpageform_main {box-shadow: 0 0 15px rgba(0,0,0,0.5);border-radius: 5px;padding: 55px 50px 30px 50px;} .footer_contact_info .footermenubox { max-width: 290px; } .contact_addres_box { float: left; width: 25%; vertical-align: middle; display: inline-block; text-align: center; } .contact_addres_box { display: block; margin: 0 0 20px 0; min-height: 0; overflow: hidden; padding: 0; position: relative; } .contact_addres_box i { font-size: 50px; color: #bf9000; text-align: center; margin-bottom: 10px; line-height: 70px; } .contact_addres_box i.fa-phone { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .contact_map, .contact_map iframe { width: 100%;height: 450px;box-shadow: 0 0 10px rgba(0,0,0,0.2) } .contact_form_title{text-align: center} .contact_form_title h2{margin-bottom: 30px;margin-top: 20px !important;} .contact_form form .captcha_img { border: 2px solid #666; border-radius: 0px !important; display: table; } .contact_form form .captcha_img span { display: table-cell; height: 42px; text-align: center; vertical-align: middle; width: 100%; } .contact_form form .form-group .captcha_box { float: left; height: auto; margin: 0; padding: 0 0 0 0px; position: relative; width: 100%; } .contact_form form .form-group .captcha_box .captcha_img { float: left; height: 50px; left: 0; line-height: 50px; margin: 0; position: absolute; text-align: center; top: 0; width: 110px; } .contact_form form .form-group { margin-bottom: 30px; } .contact_form form textarea.form-control { height:98px !important; resize: none; } .contact_form form .form-control { background-color: transparent; background-image: none;border: 2px solid #fff !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #fff; display: block; font-size: 16px; height: 50px !important; line-height: 1.42857; padding: 10px 19px; width: 100%; } .contact_form form .form-control:focus { border-color: #bf9000 !important; box-shadow: none; outline: 0 none; } .contact_form input::-webkit-input-placeholder, .contact_form textarea::-webkit-input-placeholder {color:#fff;opacity:1;} .contact_form input:-moz-placeholder, .contact_form textarea:-moz-placeholder {color:#fff;opacity:1;} .contact_form input::-moz-placeholder, .contact_form textarea::-moz-placeholder {color:#fff;opacity:1;} .contact_form form input:-ms-input-placeholder, .contact_form form textarea:-ms-input-placeholder {color:#fff;opacity:1;} .contact_form form .submit_btn_box { float: left; margin-top: 30px; width: 100%; } .contact_form form .submit-btn { background: rgba(0, 0, 0, 0); border: medium none; color: #ffffff; display: block; float: right; font-size: 16px; margin: 0 auto; padding: 0; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s; width: 100%; height: 50px;cursor: pointer; font-weight: 700} .contact_form form .required-field { color: #fff; float: left; font-size: 13px; line-height: 40px; margin-top: 0; text-align: left; width: 100%; } .contact_form form .required-field span { color: #fff; } .contact_form form .submit_btn_box .btn:hover .submit-btn{color: #bf9000} div.wpcf7 .ajax-loader { right: 15px; position: absolute; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%); background-size: 100%; } .contactpage_deailmain:after { content: ""; display: table; clear: both; } .contactpage_deailmain{ clear: both; padding: 50px 0 0 0; } .item-contact { height: 250px; padding: 20px 20px; text-align: center; position: relative; background-size: cover; background-position: center center; } .item-contact_box { position: absolute; top: 50%; left: 20px; right: 20px; margin: 0 auto; transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%); } .item-contact:before{content: "";background:rgba(0,0,0,0.7);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0} .item-contact i { position: absolute; right: 0; top: 0; width: 80px; height: 80px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 0 0 0 100%; background: #bf9000; color: #fff; font-size: 28px; text-align: center; line-height: 65px; box-shadow: 3px -3px 13px rgba(255, 255, 255, 0.4) inset; padding: 0 0 0 15px; } .item-contact b:before { content: ""; background: rgba(255, 255, 255, 0.4); position: absolute; left: -20px; right: -20px; bottom: -10px; height: 1px; } .item-contact b { font-size: 28px; display: inline-block; margin-bottom: 30px; color: #fff; position: relative; z-index: 1; padding-bottom: 10px; } .item-contact p, .item-contact a { text-align: center; font-size: 17px; color: #fff; font-weight: 400; position: relative;z-index: 1; margin-bottom: 0 } .footer_mix_section .footer_contact_form_main { position: absolute; top: 0; width: 100%; right: 0; margin: 0 auto; padding: 0 15px; bottom: 40px; max-width: 1200px; left: 0; pointer-events: none; } .footer_mix_section .footer_contact_form_main .footercontactformbox { background: #171717; position: absolute; width: 42.5%; pointer-events: auto; right: -26px; } .footer_mix_section .footer_contact_form_main .footercontactformbox .footer_contact_form { padding: 71px 55px 64px 55px; } .contact_form.footer_form form { padding: 34px 0 0 0; } .share_price_title { font-size: 24px; font-weight: 700; } .footer_top_main .footermenubox .footermenu_content { padding: 33px 0 0 0; } .share_price_table{border: 1px solid rgba(125, 125, 125, 0.25);padding: 0 0 15px 0} .share_price_table .share_price_th{background: #f5f5f5;padding: 12px 20px;font-size: 18px;color: #0c0c0c;font-weight: 700;} .sharepricetable {display: table;width: 100%;padding: 4px 18px} .sharepricetable .share_price_td{display: table-cell;} .sharepricetable .share_price_td label, .sharepricetable .share_price_td span{font-size: 16px;color: #0c0c0c;display: block;line-height: 28px;margin: 0;} .sharepricetable .share_price_td label{font-weight: 400;} .sharepricetable .share_price_td span{font-weight: 700;} .share_price_table2.sharepricetable { padding-top: 9px; } .footer_top_main .col-lg-4 .footermenubox { transform: translateX(-30px);-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-o-transform: translateX(-30px);-webkit-transform: translateX(-30px); } .about_mapbox{} .about_mapbox .aboutmap_img_main{position: relative;padding-bottom: 100%;margin-bottom: 20px;} .about_mapbox .aboutmap_img_main img{position: absolute;width: auto;height: auto;max-height: 100%;max-width: 100%;left: 0;right: 0;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);margin: 0 auto;} .about_mapbox p{text-align: center} .corporate_box label { font-weight: 600; margin: 0; display: block; line-height: normal; font-size: 16px; text-transform: uppercase; } .pdf_box_main { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #efefef; min-height: 96px; padding: 20px; margin-bottom:30px; transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; } .pdf_box{position:relative;padding:0 40px 0 70px;} .pdf_box .pdf-icon{position:absolute;top:0;left:0;background-position: -213px -63px;width: 38px;height: 51px;} .pdf_text .pdf_title { color: #303030; display: block; font-size: 18px; font-weight: 600; padding: 0 0 5px; } .pdf_text span{font-size:14px;color:#666;} .pdf_box .download-icon { background-position: -266px -72px;width: 26px;height: 26px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%); } .pdf_section_main .col-sm-6:nth-child(3n+1) { clear: both; } .pdf_section_main + .pdf_section_main { padding: 30px 0 0 0; border-top: 1px solid #ddd; margin-top: 10px; } .pdf_section_main .h2 { text-align: center; margin: 0 0 18px 0; } .pdf_click_box_main { display: table; width: 100%; position: relative; margin:0 0 70px 0; } .pdf_click_box_main:before { content: ""; background: #f7eed4; width: 100%; height: 2px; position: absolute; bottom: 0; } .pdf_click_box_main .pdf_click { display: table-cell; text-align: center; position: relative; padding: 0 0 25px 0; cursor: pointer } .pdf_click_box_main .pdf_click span { font-weight: 700; font-size: 16px; position: relative; border: 2px solid transparent; display: inline-block; padding: 0 4px; transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; } .pdf_click_box_main .pdf_click span:before { content: ""; border: 3px solid #bf9000; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -36px; background: #fff; z-index: 1; transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; } .pdf_click_box_main .pdf_click span:after { content: ""; background: #bf9000; width: 3px; height: 27px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -28px; z-index:0; } .pdf_click_box_main .pdf_click:hover span { border-color: #bf9000; background: #bf9000; color: #fff; } .pdf_click_box_main .pdf_click:hover span:before{ background: #bf9000 } .pdf_click_section { z-index: 99; position: relative; } .pdf_click_section:before { content: ""; background: rgb(251, 246, 230); position: absolute; left: 0; right: 0; top: -10px; bottom: 0; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); } .pdf_click_box_main .pdf_click.active span { border-color: #bf9000; background: #bf9000; color: #fff; } .pdf_click_box_main .pdf_click.active span:before{ background: #bf9000 } .searchform .error { font-size: 13px; color: #fff; background: #f00; line-height: normal; position: absolute; padding: 0px 7px; border-radius: 0; bottom: -18px; left: 0; right: 0; border-top: 1px solid #fff; display: none; } .search_content + .search_content { margin: 40px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #ccc; } .team2_email_section a span { display: none; } .team2_image_main img { width: 100%; } .team2_email_section { position: absolute; right: 20px; top: -20px; z-index: 10; background: #005288; width: 50px; border: 5px solid #fff; height: 50px; border-radius: 50%; text-align: center; line-height: 39px; } .team2_email_section i { color: #fff; } .team2_title { display: block; font-weight: 700; color: #505050; font-size: 17px; padding: 10px 0 5px 0 } .team2_deg { display: block; font-weight: 400; color: #606060; font-size: 14px; line-height: normal; } .team2_text_box_main { position: relative; } .team2_hvr_box { position: relative; margin-bottom: 50px; } .team2_subtitle { display: block; font-weight: 400; color: #bf9000; font-size: 15px; line-height: normal; border-top: 1px solid rgba(0,0,0,0.06); padding: 8px 0 0 0; margin: 10px 0 0 0; } .team2_hvr_box .team2_image_main { position: relative; display: block; background: #bf9000; } .team2_hvr_box .team2_image_main img { opacity: 1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 100%; } .team2_hvr_box .team2_image_main:before { z-index: 1; pointer-events: none; content: ""; background: #fff; width: 4px; height: 60px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); -webkit-transform: translateY(-50%) scale(0); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .team2_hvr_box .team2_image_main:after { z-index: 1; pointer-events: none; content: ""; background: #fff; width: 60px; height: 4px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); -webkit-transform: translateY(-50%) scale(0); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .modal-backdrop.in { opacity: 0.8; } .modal-content { border-radius: 0; } .modal-content .close span { color: #bf9000; font-size: 33px; font-weight: 700; } .modal-body { padding: 30px 30px 25px 30px; } .about_popup_main .team2_title { padding-top: 0; } .modal-content .close span:focus { outline: none; } .modal-open .modal { z-index: 9999 } .modal-content .close { float: right; z-index: 88; line-height: 1; opacity: 1; position: absolute; right: 4px; text-shadow: none; top: 0px; } .about_popup_main img { float: left; margin: 0 20px 20px 0; border: 1px solid #f0f0f0; max-width: 300px; height: auto; } .about_popup_main .team2_subtitle { border: none; padding: 5px 0 0px 0; margin: 0 0 15px 0; } .modal-body .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 !important; } .modal-body .mCSB_inside > .mCSB_container { margin-right: 20px !important; } @media (min-width: 768px) { .modal-dialog { width: 720px; max-width: 100%;} .modal-dialog { left: 50%; margin: 0 auto !important; position: absolute; top: 50%; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; } } /**********************************************************************************************************************************************/ /******************************************************* RESPONSIVE ********************************************************************/ /**********************************************************************************************************************************************/ @media (max-width: 1229px) { .wrappermain .container { max-width: 100%; } } @media (min-width: 1230px) { .wrappermain .container { max-width: 1200px; } } @media (min-width: 1530px) { .wrappermain .news_section .container { max-width: 1500px !important; } } /* && Container Width *****/ @media (min-width:1500px) { .news_box .news_content_main .news_content p {font-size: 16px;} #home_banner.owl-carousel .owl-item img, .inner-banner_img_main img { height: auto; left: 0; position: relative; transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); width: 100%; } } @media (max-width:1199px) { .footer_mix_section .footer_contact_form_main .footercontactformbox .footer_contact_form { padding: 71px 41px 64px 15px; } .news_box .news_content_main .news_content { position: relative; overflow: hidden; height: 70px; } .footermenubox .footermenu_content .social_media_main ul li a i { transform: translateY(-50%) scale(0.8); -moz-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); -o-transform: translateY(-50%) scale(0.8); -webkit-transform: translateY(-50%) scale(0.8); } .footermenubox .footermenu_content .social_media_main ul li a { width: 50px; height: 50px; } .carousel-caption { left: 60px; right: 60px; max-width: inherit; width: auto; } #home_banner.owl-theme .owl-controls .owl-nav .owl-prev {left: 10px;} #home_banner.owl-theme .owl-controls .owl-nav .owl-next {right: 10px;} #home_banner.owl-theme .owl-controls .owl-nav [class*="owl-"] {margin: 0} } @media (min-width: 1025px) { .team2_hvr_box:hover .team2_image_main img { opacity: 0.1; } .team2_hvr_box:hover .team2_image_main:before { opacity: 1; transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); } .team2_hvr_box:hover .team2_image_main:after { opacity: 1; transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); } .team2_hvr_box:hover .team2_email_section { background: #303030; } .pdf_box_main:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2); } .banner_arrow_left:hover{background-position: -110px -44px;} .banner_arrow_right:hover{background-position: -161px -44px;} header.sticky .header-wrapper {box-shadow: 0 0 5px rgba(0,0,0,0.5);} header.sticky.header .header-wrapper .logo-box .logo {padding: 6px 0;} header.sticky.header .header-wrapper .logo-box .logo a img, header.sticky.header .header-wrapper .logo-box .logo a .logo-img{ max-width: 72px;} header.sticky.header .header-wrapper .primary{margin-top: 13px;} header.sticky .head-top {padding: 12px 0;} .footermenubox .footermenu_content .social_media_main ul li a:hover { background: #bf9000; border-color: #bf9000; } .footer_mix_section .footer_contact_info .f_contactdetail .f_adr a:hover{color: #000 !important} .news_box:hover{box-shadow: 0 0 6px rgba(0,0,0,0.5)} .news_box:hover .news_content_main .news_title{color: #bf9000;} .news_box:hover .news_content_main .news_readmore a {background: #bf9000;} .three_box_div:hover .three_box_circle:before{border-color: #bf9000;border-width: 4px;} .three_box_div:hover .three_box_circle:after{border-color: #bf9000;} .three_box_div:hover .three_box_title_main .three_box_title{color: #bf9000;} .three_box_div:hover .three_box_content .three_box_read a{color: #bf9000} .three_box_div:hover .three_box_circle span.threebox_icon1{background-position: -6px -214px;} .three_box_div:hover .three_box_circle span.threebox_icon2{background-position: -91px -214px;} .three_box_div:hover .three_box_circle span.threebox_icon3{background-position: -176px -214px;} .head-top .top-link li a:hover span, .footer_menu_main ul li a:hover, .footer_menu_main .copyright_main span a:hover, .footermenubox .footermenu_content > ul > li a:hover, .footermenubox .footermenu_content .f_contactdetail .f_adr a:hover, .inner-banner .breadcrumb li a:hover, .blog-pad .panel-body ul li a:hover { color: #bf9000 } a:hover, a:focus { color: #999 } } @media (max-width: 1024px) { .contact_form form .submit_btn_box .btn:hover .submit-btn { color: #fff; } .news_title_main { min-height: 51px; margin-bottom: 10px; } .pdf_box { padding:0 25px 0 50px; } .pdf_text span { font-size: 13px; } .pdf_box_main { min-height: 75px; padding: 10px; } .pdf_text .pdf_title { font-size: 15px; } .inner-banner-title{margin-top: 5px;} .header .header-wrapper .logo-box .logo a img, .header .header-wrapper .logo-box .logo a .logo-img{ max-width: 72px;} .footer_mix_section .footer_contact_info:before { background-size: 60%; background-repeat: no-repeat;opacity: 0.3 } .banner_title { line-height: 36px; font-size: 28px; } .carousel-caption{margin: 0 auto} #home_banner.owl-theme .owl-controls { margin-bottom: 0; } .banner_arrow span { transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);-o-transform: scale(0.6);-webkit-transform: scale(0.6); } .sharepricetable { padding: 4px 8px; } .share_price_table .share_price_th { padding: 12px 10px; } .sharepricetable .share_price_td label, .sharepricetable .share_price_td span { font-size: 14px; } .head-top .top-link li { padding: 0 0 0 10px; } .news_title_main { position: relative; overflow: hidden; height: 50px; } .news_box .news_content_main { padding: 22px 16px; } .header-wrapper {box-shadow: 0 0 5px rgba(0,0,0,0.5);} .header .header-wrapper .logo-box .logo {padding: 6px 0;} .header .header-wrapper .primary{margin-top: 13px;} .head-top {padding:12px 55px 12px 0;} .header .header-wrapper { box-shadow: 0 0 5px rgba(0,0,0,0.5) } a:hover, a:focus { color: #bf9000; } .project-caption .overlay-green { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; } .overlay-green a, .project-caption .overlay-green .share_icon { display: none; } .overlay-green a.fancybox { bottom: 0; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 888; } .black-bg h4 { opacity: 1; z-index: 99; } } @media (max-width:991px) { .contact_form .recaptcha-error-message { top: 100%; margin-top: -15px; } .contact_form form .submit_btn_box { margin-top: 10px; } .contact_addres_box p{font-size: 14px;} .contact_addres_box i { font-size: 36px; } .pdf_section_main .col-sm-6:nth-child(3n+1) { clear: none; } .pdf_section_main .col-sm-6:nth-child(2n+1) { clear: both; } .news_box .news_date_main, .news_box .news_date_main .news_month, .news_box .news_date_main .news_year {width: 65px;} .news_box .news_date_main .news_month span { font-size: 27px; } .news_box .news_content_main { padding:15px 10px 23px 10px; } .news_box .news_content_main .news_readmore a { margin: 16px 0 0 0; } .news_box .news_content_main .news_title { font-size: 14px; } .news_box { padding: 0 0 0 65px; } .section_padding { padding: 40px 0; } .main_title { font-size: 28px; line-height: 34px; } .welcome_btn_main { padding: 5px 0 0 0; } section.three_box_section { padding: 0 0 50px 0; } .news_box_main { padding: 15px 0 0 0; } .price_box_main { padding: 20px 0 0 0; } .footer_top_main { padding: 30px 0 19px 0; } .footer_top_main .footermenubox .footermenu_content { padding: 20px 0 0 0; } .footermenubox .footermenu_content > ul > li { margin: 0 0 5px 0; } .footer_top_main .col-lg-4 .footermenubox { transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); margin-top: 20px; } .contact_form form .form-group .captcha_box iframe { transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;-webkit-transform-origin: 0 0; transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transform: scale(0.8); } .footermenubox .f_title, .share_price_title { font-size: 18px; } .footermenubox .footermenu_content .social_media_main ul li a { width: 36px; height: 36px; } .footermenubox .footermenu_content .social_media_main ul li a i { transform: translateY(-50%) scale(0.6); -moz-transform: translateY(-50%) scale(0.6); -ms-transform: translateY(-50%) scale(0.6); -o-transform: translateY(-50%) scale(0.6); -webkit-transform: translateY(-50%) scale(0.6); } .footermenubox .footermenu_content .social_media_main { padding: 0; } .footer_mix_section .footer_contact_form_main .footercontactformbox .footer_contact_form { padding: 40px 41px 30px 15px; } p, li{font-size: 14px} } @media (min-width: 768px) { } @media (max-width:767px) { .modal-dialog { width: auto; max-width: 100%; margin: 15px; } .about_popup_main img { max-width: 207px; } .item-contact { padding: 10px; max-width: 370px; margin: 0 auto 30px; width: 100%; } .contact_map, .contact_map iframe { height: 250px } .contact_addres_box { float: left; width: 50%; } .contact_addres_box:nth-child(2n+1){clear: both} .pdf_box_main { padding: 10px; } .pdf_text .pdf_title { font-size: 17px;padding:0 } .pdf_box .download-icon { font-size: 20px; } .pdf_section_main .col-sm-6 { float: left; width: 50%; } .pdf_text span { font-size: 13px; } .pdf_box .pdf-icon { font-size: 50px; } .pdf_box { padding:0 25px 0 45px; } .about_mapbox .aboutmap_img_main a{pointer-events: none;} .three_box_div { max-width: 340px; margin: 0 auto 40px; } section.three_box_section { padding: 0; } .news_box { max-width: 320px; margin: 0 auto 30px; } section.news_section.section_padding { padding-bottom: 15px; } .section_padding { padding: 30px 0; } .price_box { max-width: 320px; margin: 0 auto 30px; } section.price_section.section_padding { padding-bottom: 0; } .footer_mix_section .footer_contact_form_main { position: relative; top: 0; width: 100%; margin: 0 auto; bottom: 0; left: 0; } .footer_mix_section .footer_contact_form_main .footercontactformbox .footer_contact_form { padding: 30px 15px 10px 15px; } .footer_top_main .w-100.d-lg-none { display: none; } .footer_top_main .col-lg-4 .footermenubox { margin-top: 0; } .footer_top_main .footermenubox .footermenu_content { padding: 10px 0 0 0; } .footer_mix_section .footer_contact_form_main .footercontactformbox { position: relative; width: 100%; right: 0; margin-top: 15px } .footer_mix_section .footer_contact_form_main .footercontactformbox, .footer_mix_section { min-height: inherit !important; } .my_pagination .pagination li + li { padding-left: 0px !important; } .sidebar_listing { padding-top: 30px; } .breadcrumb, .carousel-caption { display: none !important } .header .header-wrapper { position: relative !important } .cms-area { padding: 30px 0; } .inner-banner_img_main img { height: 200px; } .sticky_button { display: none !important } .inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 26px; } #toTop { width: 34px; height: 34px; padding: 0; } .top-btn i.fa-angle-up { border-bottom: 8px solid #fff; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); margin: 11px auto 0; } #toTop > div { display: none; } .top-btn .fa-angle-up { margin: -6px 0 0 -5px; } } @media (max-width:639px) { .pdf_section_main .col-sm-6 { float: none; margin: 0 auto; max-width: 320px; width: 100%; } .head-top .top-link li { padding: 0 0 0 0; } .search-main { right: -41px; } .search-main::before{right: 50px;} .main_title { font-size: 23px; line-height: 28px; } .footer_mix_section .footer_contact_form_main .footercontactformbox .footer_contact_form { padding: 20px 0px 0 0px; } .contact_form.footer_form form { padding: 15px 0 0 0; } .head-top { padding: 12px 50px 12px 0; } .blog_item img { display: block; float: none; margin: 0 auto 15px; } .cms-main img { display: block; float: none; margin: 0 auto 15px; width: auto } .head-top .head-email > span, .head-top .head-call > span { display: none; } } @media (max-width:575px) { .team2_hvr_box { max-width: 320px; margin: 0 auto 40px; } .pdf_box .pdf-icon { transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transform: scale(0.8); } .pdf_click_box_main .pdf_click span{font-size: 14px;} .contact_form form .form-group .captcha_box { float: left; padding-right: 0; width: 100%; } .contact_form form .submit_btn_box { float: right; padding-left: 0; margin: 30px 0 0 0; width: 100%; } .contact_form form .captcha_box + .clearfix { display: block; } .footer_top_main .col-lg-4 .footermenubox { margin-top: 20px; } .footer_menu_main .copyright_main span, .footer_menu_main .copyright_main span a { font-size: 14px; } .contentpage img.alignright, .contentpage img.alignleft { float: none; margin: 0 auto 20px; display: block; max-width: 320px; width: 100%; } } @media (max-width: 567px){ .about_popup_main img { float: none; margin: 0 auto 20px; display: block; } } @media (max-width:479px) { .pdf_click_box_main:after {content: "";display: table;clear: both;} .pdf_click_box_main {display: block;margin:0 -10px;width: auto;} .pdf_click_box_main .pdf_click {display: block;text-align: center;position: relative;padding:0 10px;cursor: pointer;width: 50%;float: left;margin: 0 0 20px 0;} .pdf_click_box_main .pdf_click span{background: rgb(251, 246, 230);width: 100%;box-shadow: 0 0 5px rgba(0,0,0,0.2);} .pdf_click_section {position: relative;top: 0;} .pdf_click_box_main .pdf_click span:before, .pdf_click_box_main .pdf_click span:after{display: none} .pdf_click_box_main:before, .pdf_click_section:before{display: none} .contact_addres_box i{line-height: 50px;} }